maz-ui 2.3.8 → 2.3.12

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 (74) hide show
  1. package/lib/css/base.css +1 -1
  2. package/lib/css/index.css +1 -1
  3. package/lib/css/maz-avatar.css +1 -1
  4. package/lib/css/maz-bottom-sheet.css +1 -1
  5. package/lib/css/maz-btn-group.css +1 -1
  6. package/lib/css/maz-card.css +1 -1
  7. package/lib/css/maz-carousel.css +1 -1
  8. package/lib/css/maz-checkbox.css +1 -1
  9. package/lib/css/maz-collapse.css +1 -1
  10. package/lib/css/maz-dialog.css +1 -1
  11. package/lib/css/maz-draggable-list.css +1 -1
  12. package/lib/css/maz-dropdown.css +1 -1
  13. package/lib/css/maz-dropzone.css +1 -1
  14. package/lib/css/maz-img.css +1 -1
  15. package/lib/css/maz-input-tags.css +1 -1
  16. package/lib/css/maz-list-item.css +1 -1
  17. package/lib/css/maz-list.css +1 -1
  18. package/lib/css/maz-pagination.css +1 -1
  19. package/lib/css/maz-phone-number-input.css +1 -1
  20. package/lib/css/maz-picker.css +1 -1
  21. package/lib/css/maz-progress-bar.css +1 -1
  22. package/lib/css/maz-radio.css +1 -1
  23. package/lib/css/maz-read-more.css +1 -1
  24. package/lib/css/maz-responsive-menu.css +1 -1
  25. package/lib/css/maz-search.css +1 -1
  26. package/lib/css/maz-sidebar.css +1 -1
  27. package/lib/css/maz-slider.css +1 -1
  28. package/lib/css/maz-stepper.css +1 -1
  29. package/lib/css/maz-switch.css +1 -1
  30. package/lib/css/maz-tabs-bar.css +1 -1
  31. package/lib/css/maz-tabs-content-item.css +1 -1
  32. package/lib/css/maz-tabs-content.css +1 -1
  33. package/lib/index.js +1 -1
  34. package/lib/maz-avatar.js +15 -15
  35. package/lib/maz-bottom-sheet.js +71 -66
  36. package/lib/maz-btn-group.js +47 -44
  37. package/lib/maz-btn.js +40 -37
  38. package/lib/maz-card.js +45 -42
  39. package/lib/maz-carousel.js +97 -91
  40. package/lib/maz-checkbox.js +7 -7
  41. package/lib/maz-collapse.js +68 -59
  42. package/lib/maz-dialog.js +124 -110
  43. package/lib/maz-draggable-list.js +25 -21
  44. package/lib/maz-dropdown.js +19 -19
  45. package/lib/maz-dropzone.js +9 -9
  46. package/lib/maz-flex.js +1 -1
  47. package/lib/maz-gallery.js +30 -31
  48. package/lib/maz-img.js +19 -20
  49. package/lib/maz-input-tags.js +75 -72
  50. package/lib/maz-input.js +73 -69
  51. package/lib/maz-list-item.js +5 -5
  52. package/lib/maz-list.js +5 -5
  53. package/lib/maz-loader.js +6 -6
  54. package/lib/maz-pagination.js +69 -66
  55. package/lib/maz-phone-number-input.js +300 -276
  56. package/lib/maz-picker.js +363 -336
  57. package/lib/maz-plotly.js +4 -4
  58. package/lib/maz-progress-bar.js +13 -13
  59. package/lib/maz-radio.js +8 -8
  60. package/lib/maz-read-more.js +7 -7
  61. package/lib/maz-responsive-menu.js +17 -17
  62. package/lib/maz-search.js +136 -126
  63. package/lib/maz-select.js +248 -231
  64. package/lib/maz-sidebar.js +44 -38
  65. package/lib/maz-slider.js +27 -27
  66. package/lib/maz-spinner.js +8 -9
  67. package/lib/maz-stepper.js +53 -50
  68. package/lib/maz-switch.js +5 -5
  69. package/lib/maz-tabs-bar.js +10 -10
  70. package/lib/maz-tabs-content-item.js +5 -5
  71. package/lib/maz-tabs-content.js +2 -2
  72. package/lib/maz-transition-expand.js +2 -2
  73. package/lib/maz-ui.common.js +1228 -1141
  74. package/package.json +31 -30
package/lib/maz-input.js CHANGED
@@ -252,7 +252,7 @@ __webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport
252
252
  __webpack_require__.r(__webpack_exports__);
253
253
 
254
254
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazInput/_main.vue?vue&type=template&id=5b617c72&
255
- var render = function() {
255
+ var render = function () {
256
256
  var _vm = this
257
257
  var _h = _vm.$createElement
258
258
  var _c = _vm._self._c || _h
@@ -274,13 +274,13 @@ var render = function() {
274
274
  "maz-is-dark": _vm.dark,
275
275
  "has-hint": _vm.hint,
276
276
  "has-no-label": !_vm.hasLabel && !_vm.hint,
277
- "has-left-icon": _vm.hasLeftIcon()
277
+ "has-left-icon": _vm.hasLeftIcon(),
278
278
  },
279
279
  "maz-input--" + _vm.size,
280
280
  "has-" + _vm.leftNumberIcon + "-right-icon",
281
- "maz-input--" + _vm.color
281
+ "maz-input--" + _vm.color,
282
282
  ],
283
- on: { click: _vm.focusInput }
283
+ on: { click: _vm.focusInput },
284
284
  },
285
285
  [
286
286
  _vm.hasLeftIcon()
@@ -289,15 +289,17 @@ var render = function() {
289
289
  {
290
290
  staticClass: "maz-input__icon maz-flex left",
291
291
  class: [
292
- _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center"
293
- ]
292
+ _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center",
293
+ ],
294
294
  },
295
295
  [
296
- _vm._t("icon-left", [
297
- _c("i", { staticClass: "material-icons" }, [
298
- _vm._v(_vm._s(_vm.leftIconName))
299
- ])
300
- ])
296
+ _vm._t("icon-left", function () {
297
+ return [
298
+ _c("i", { staticClass: "material-icons" }, [
299
+ _vm._v(_vm._s(_vm.leftIconName)),
300
+ ]),
301
+ ]
302
+ }),
301
303
  ],
302
304
  2
303
305
  )
@@ -308,15 +310,17 @@ var render = function() {
308
310
  {
309
311
  staticClass: "maz-input__icon maz-flex right",
310
312
  class: [
311
- _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center"
312
- ]
313
+ _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center",
314
+ ],
313
315
  },
314
316
  [
315
- _vm._t("icon-right", [
316
- _c("i", { staticClass: "material-icons" }, [
317
- _vm._v(_vm._s(_vm.rightIconName))
318
- ])
319
- ])
317
+ _vm._t("icon-right", function () {
318
+ return [
319
+ _c("i", { staticClass: "material-icons" }, [
320
+ _vm._v(_vm._s(_vm.rightIconName)),
321
+ ]),
322
+ ]
323
+ }),
320
324
  ],
321
325
  2
322
326
  )
@@ -331,14 +335,14 @@ var render = function() {
331
335
  name: "model",
332
336
  rawName: "v-model",
333
337
  value: _vm.inputValue,
334
- expression: "inputValue"
335
- }
338
+ expression: "inputValue",
339
+ },
336
340
  ],
337
341
  ref: "MazInput",
338
342
  staticClass: "maz-input__input maz-border-radius",
339
343
  class: {
340
344
  "has-right-icon":
341
- _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
345
+ _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
342
346
  },
343
347
  attrs: {
344
348
  id: _vm.uniqueId,
@@ -347,12 +351,12 @@ var render = function() {
347
351
  disabled: _vm.disabled,
348
352
  required: _vm.required,
349
353
  readonly: _vm.readonly,
350
- type: "checkbox"
354
+ type: "checkbox",
351
355
  },
352
356
  domProps: {
353
357
  checked: Array.isArray(_vm.inputValue)
354
358
  ? _vm._i(_vm.inputValue, null) > -1
355
- : _vm.inputValue
359
+ : _vm.inputValue,
356
360
  },
357
361
  on: {
358
362
  keydown: _vm.keyDown,
@@ -361,7 +365,7 @@ var render = function() {
361
365
  blur: _vm.onBlur,
362
366
  paste: _vm.onPaste,
363
367
  change: [
364
- function($event) {
368
+ function ($event) {
365
369
  var $$a = _vm.inputValue,
366
370
  $$el = $event.target,
367
371
  $$c = $$el.checked ? true : false
@@ -380,12 +384,12 @@ var render = function() {
380
384
  _vm.inputValue = $$c
381
385
  }
382
386
  },
383
- _vm.onChange
387
+ _vm.onChange,
384
388
  ],
385
- click: function($event) {
389
+ click: function ($event) {
386
390
  return _vm.$emit("click", $event)
387
- }
388
- }
391
+ },
392
+ },
389
393
  },
390
394
  "input",
391
395
  _vm.$attrs,
@@ -402,14 +406,14 @@ var render = function() {
402
406
  name: "model",
403
407
  rawName: "v-model",
404
408
  value: _vm.inputValue,
405
- expression: "inputValue"
406
- }
409
+ expression: "inputValue",
410
+ },
407
411
  ],
408
412
  ref: "MazInput",
409
413
  staticClass: "maz-input__input maz-border-radius",
410
414
  class: {
411
415
  "has-right-icon":
412
- _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
416
+ _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
413
417
  },
414
418
  attrs: {
415
419
  id: _vm.uniqueId,
@@ -418,7 +422,7 @@ var render = function() {
418
422
  disabled: _vm.disabled,
419
423
  required: _vm.required,
420
424
  readonly: _vm.readonly,
421
- type: "radio"
425
+ type: "radio",
422
426
  },
423
427
  domProps: { checked: _vm._q(_vm.inputValue, null) },
424
428
  on: {
@@ -428,15 +432,15 @@ var render = function() {
428
432
  blur: _vm.onBlur,
429
433
  paste: _vm.onPaste,
430
434
  change: [
431
- function($event) {
435
+ function ($event) {
432
436
  _vm.inputValue = null
433
437
  },
434
- _vm.onChange
438
+ _vm.onChange,
435
439
  ],
436
- click: function($event) {
440
+ click: function ($event) {
437
441
  return _vm.$emit("click", $event)
438
- }
439
- }
442
+ },
443
+ },
440
444
  },
441
445
  "input",
442
446
  _vm.$attrs,
@@ -453,14 +457,14 @@ var render = function() {
453
457
  name: "model",
454
458
  rawName: "v-model",
455
459
  value: _vm.inputValue,
456
- expression: "inputValue"
457
- }
460
+ expression: "inputValue",
461
+ },
458
462
  ],
459
463
  ref: "MazInput",
460
464
  staticClass: "maz-input__input maz-border-radius",
461
465
  class: {
462
466
  "has-right-icon":
463
- _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
467
+ _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
464
468
  },
465
469
  attrs: {
466
470
  id: _vm.uniqueId,
@@ -469,7 +473,7 @@ var render = function() {
469
473
  disabled: _vm.disabled,
470
474
  required: _vm.required,
471
475
  readonly: _vm.readonly,
472
- type: _vm.getType
476
+ type: _vm.getType,
473
477
  },
474
478
  domProps: { value: _vm.inputValue },
475
479
  on: {
@@ -479,16 +483,16 @@ var render = function() {
479
483
  blur: _vm.onBlur,
480
484
  paste: _vm.onPaste,
481
485
  change: _vm.onChange,
482
- click: function($event) {
486
+ click: function ($event) {
483
487
  return _vm.$emit("click", $event)
484
488
  },
485
- input: function($event) {
489
+ input: function ($event) {
486
490
  if ($event.target.composing) {
487
491
  return
488
492
  }
489
493
  _vm.inputValue = $event.target.value
490
- }
491
- }
494
+ },
495
+ },
492
496
  },
493
497
  "input",
494
498
  _vm.$attrs,
@@ -504,8 +508,8 @@ var render = function() {
504
508
  name: "model",
505
509
  rawName: "v-model",
506
510
  value: _vm.inputValue,
507
- expression: "inputValue"
508
- }
511
+ expression: "inputValue",
512
+ },
509
513
  ],
510
514
  ref: "MazInput",
511
515
  staticClass: "maz-input__input maz-textarea",
@@ -514,7 +518,7 @@ var render = function() {
514
518
  placeholder: _vm.placeholderValue,
515
519
  type: _vm.type,
516
520
  required: _vm.required,
517
- readonly: _vm.readonly
521
+ readonly: _vm.readonly,
518
522
  },
519
523
  domProps: { value: _vm.inputValue },
520
524
  on: {
@@ -524,16 +528,16 @@ var render = function() {
524
528
  blur: _vm.onBlur,
525
529
  paste: _vm.onPaste,
526
530
  change: _vm.onChange,
527
- click: function($event) {
531
+ click: function ($event) {
528
532
  return _vm.$emit("click", $event)
529
533
  },
530
- input: function($event) {
534
+ input: function ($event) {
531
535
  if ($event.target.composing) {
532
536
  return
533
537
  }
534
538
  _vm.inputValue = $event.target.value
535
- }
536
- }
539
+ },
540
+ },
537
541
  },
538
542
  "textarea",
539
543
  _vm.$attrs,
@@ -548,14 +552,14 @@ var render = function() {
548
552
  staticClass: "maz-input__label",
549
553
  class: _vm.error ? "maz-text-danger" : null,
550
554
  attrs: { for: _vm.uniqueId, tabindex: "-1" },
551
- on: { click: _vm.focusInput }
555
+ on: { click: _vm.focusInput },
552
556
  },
553
557
  [
554
558
  _vm._v(
555
559
  "\n " +
556
560
  _vm._s(_vm.hintValue || _vm.placeholderValue) +
557
561
  "\n "
558
- )
562
+ ),
559
563
  ]
560
564
  )
561
565
  : _vm._e(),
@@ -570,18 +574,18 @@ var render = function() {
570
574
  class: { "has-right-icon": _vm.hasRightIcon() },
571
575
  attrs: { title: "clear", type: "button", tabindex: "-1" },
572
576
  on: {
573
- click: function($event) {
577
+ click: function ($event) {
574
578
  $event.stopPropagation()
575
- return _vm.clear($event)
576
- }
577
- }
579
+ return _vm.clear.apply(null, arguments)
580
+ },
581
+ },
578
582
  },
579
583
  [
580
584
  _c(
581
585
  "i",
582
586
  { staticClass: "maz-input__toggle-btn__icon material-icons" },
583
587
  [_vm._v("\n close\n ")]
584
- )
588
+ ),
585
589
  ]
586
590
  )
587
591
  : _vm._e(),
@@ -594,14 +598,14 @@ var render = function() {
594
598
  "maz-input__toggle-btn password maz-flex maz-flex-center",
595
599
  class: {
596
600
  "has-clear-btn": _vm.hasClearBtn,
597
- "has-right-icon": _vm.hasRightIcon()
601
+ "has-right-icon": _vm.hasRightIcon(),
598
602
  },
599
603
  attrs: { title: "clear", type: "button", tabindex: "-1" },
600
604
  on: {
601
- click: function($event) {
605
+ click: function ($event) {
602
606
  _vm.showPassword = !_vm.showPassword
603
- }
604
- }
607
+ },
608
+ },
605
609
  },
606
610
  [
607
611
  _c(
@@ -614,23 +618,23 @@ var render = function() {
614
618
  _vm.showPassword ? "visibility_off" : "visibility"
615
619
  ) +
616
620
  "\n "
617
- )
621
+ ),
618
622
  ]
619
- )
623
+ ),
620
624
  ]
621
625
  )
622
- : _vm._e()
626
+ : _vm._e(),
623
627
  ]),
624
628
  _vm.loading
625
629
  ? _c(
626
630
  "div",
627
631
  {
628
632
  staticClass: "maz-input__loader",
629
- class: { textarea: _vm.textarea }
633
+ class: { textarea: _vm.textarea },
630
634
  },
631
635
  [_c("div", { staticClass: "maz-input__loader__progress-bar" })]
632
636
  )
633
- : _vm._e()
637
+ : _vm._e(),
634
638
  ],
635
639
  1
636
640
  )
@@ -648,7 +652,7 @@ var uniqueId = __webpack_require__(2);
648
652
  var utils = __webpack_require__(6);
649
653
 
650
654
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazInput/_main.vue?vue&type=script&lang=js&
651
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
655
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
652
656
 
653
657
  //
654
658
  //
@@ -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/MazList/MazListItem/_main.vue?vue&type=template&id=15021600&
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
@@ -213,13 +213,13 @@ var render = function() {
213
213
  staticClass: "maz-base-component maz-list-item",
214
214
  class: {
215
215
  "has-hover": _vm.hover,
216
- "cursor-pointer": _vm.tag === "button"
216
+ "cursor-pointer": _vm.tag === "button",
217
217
  },
218
218
  on: {
219
- click: function($event) {
219
+ click: function ($event) {
220
220
  return _vm.$emit("click", $event)
221
- }
222
- }
221
+ },
222
+ },
223
223
  },
224
224
  [_vm._t("default")],
225
225
  2
package/lib/maz-list.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/MazList/_main.vue?vue&type=template&id=e17a0e50&
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,18 +215,18 @@ var render = function() {
215
215
  "maz-elevation": !_vm.noShadow,
216
216
  "maz-no-shadow": _vm.noShadow,
217
217
  "maz-is-dark": _vm.dark,
218
- "no-scroll": _vm.noScroll
219
- }
218
+ "no-scroll": _vm.noScroll,
219
+ },
220
220
  },
221
221
  [
222
222
  _c(
223
223
  "transition-group",
224
224
  {
225
- attrs: { name: _vm.transition ? "maz-flip-list" : null, tag: "div" }
225
+ attrs: { name: _vm.transition ? "maz-flip-list" : null, tag: "div" },
226
226
  },
227
227
  [_vm._t("default")],
228
228
  2
229
- )
229
+ ),
230
230
  ],
231
231
  1
232
232
  )
package/lib/maz-loader.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/MazLoader/_main.vue?vue&type=template&id=6c565066&
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
@@ -211,14 +211,14 @@ var render = function() {
211
211
  {
212
212
  staticClass: "maz-base-component maz-loader maz-flex maz-flex-center",
213
213
  class: {
214
- "maz-is-dark": _vm.dark
215
- }
214
+ "maz-is-dark": _vm.dark,
215
+ },
216
216
  },
217
217
  [_vm._m(0)]
218
218
  )
219
219
  }
220
220
  var staticRenderFns = [
221
- function() {
221
+ function () {
222
222
  var _vm = this
223
223
  var _h = _vm.$createElement
224
224
  var _c = _vm._self._c || _h
@@ -230,9 +230,9 @@ var staticRenderFns = [
230
230
  _c("div"),
231
231
  _c("div"),
232
232
  _c("div"),
233
- _c("div")
233
+ _c("div"),
234
234
  ])
235
- }
235
+ },
236
236
  ]
237
237
  render._withStripped = true
238
238