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-select.js CHANGED
@@ -225,7 +225,7 @@ module.exports = __webpack_require__(9);
225
225
  __webpack_require__.r(__webpack_exports__);
226
226
 
227
227
  // 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&
228
- var render = function() {
228
+ var render = function () {
229
229
  var _vm = this
230
230
  var _h = _vm.$createElement
231
231
  var _c = _vm._self._c || _h
@@ -238,31 +238,31 @@ var render = function() {
238
238
  class: [
239
239
  _vm.classes,
240
240
  {
241
- "maz-text-hidden": _vm.loading
242
- }
241
+ "maz-text-hidden": _vm.loading,
242
+ },
243
243
  ],
244
244
  attrs: {
245
245
  id: _vm.uniqueId,
246
246
  type: _vm.isLink ? null : _vm.type,
247
- disabled: _vm.isLink ? null : _vm.isDisabled
247
+ disabled: _vm.isLink ? null : _vm.isDisabled,
248
248
  },
249
249
  on: {
250
- click: function($event) {
250
+ click: function ($event) {
251
251
  return _vm.handleClick($event)
252
252
  },
253
- mouseenter: function($event) {
253
+ mouseenter: function ($event) {
254
254
  return _vm.emitMouseEnter($event)
255
255
  },
256
- mouseleave: function($event) {
256
+ mouseleave: function ($event) {
257
257
  return _vm.emitMouseLeave($event)
258
258
  },
259
- focus: function($event) {
259
+ focus: function ($event) {
260
260
  return _vm.emitFocus($event)
261
261
  },
262
- blur: function($event) {
262
+ blur: function ($event) {
263
263
  return _vm.emitBlur($event)
264
- }
265
- }
264
+ },
265
+ },
266
266
  },
267
267
  "component",
268
268
  _vm.$attrs,
@@ -275,15 +275,17 @@ var render = function() {
275
275
  {
276
276
  staticClass: "maz-flex maz-flex-center maz-btn__icon-left",
277
277
  class: {
278
- "maz-mr-2": !_vm.fab && _vm.hasSlotDefault()
279
- }
278
+ "maz-mr-2": !_vm.fab && _vm.hasSlotDefault(),
279
+ },
280
280
  },
281
281
  [
282
- _vm._t("icon-left" || false, [
283
- _c("i", { staticClass: "material-icons" }, [
284
- _vm._v(_vm._s(_vm.leftIconName || _vm.iconName))
285
- ])
286
- ])
282
+ _vm._t("icon-left" || false, function () {
283
+ return [
284
+ _c("i", { staticClass: "material-icons" }, [
285
+ _vm._v(_vm._s(_vm.leftIconName || _vm.iconName)),
286
+ ]),
287
+ ]
288
+ }),
287
289
  ],
288
290
  2
289
291
  )
@@ -293,7 +295,7 @@ var render = function() {
293
295
  {
294
296
  staticClass:
295
297
  "maz-flex maz-align-center maz-h-100 maz-overflow-hidden",
296
- class: [_vm.textClasses, { "maz-flex-1": _vm.hasSlotDefault() }]
298
+ class: [_vm.textClasses, { "maz-flex-1": _vm.hasSlotDefault() }],
297
299
  },
298
300
  [_vm._t("default")],
299
301
  2
@@ -304,15 +306,17 @@ var render = function() {
304
306
  {
305
307
  staticClass: "maz-flex maz-flex-center maz-btn__icon-right",
306
308
  class: {
307
- "maz-ml-2": !_vm.fab && _vm.hasSlotDefault()
308
- }
309
+ "maz-ml-2": !_vm.fab && _vm.hasSlotDefault(),
310
+ },
309
311
  },
310
312
  [
311
- _vm._t("icon-right", [
312
- _c("i", { staticClass: "material-icons" }, [
313
- _vm._v(_vm._s(_vm.rightIconName))
314
- ])
315
- ])
313
+ _vm._t("icon-right", function () {
314
+ return [
315
+ _c("i", { staticClass: "material-icons" }, [
316
+ _vm._v(_vm._s(_vm.rightIconName)),
317
+ ]),
318
+ ]
319
+ }),
316
320
  ],
317
321
  2
318
322
  )
@@ -324,7 +328,7 @@ var render = function() {
324
328
  [_c("MazSpinner", { attrs: { size: 25, color: _vm.color } })],
325
329
  1
326
330
  )
327
- : _vm._e()
331
+ : _vm._e(),
328
332
  ]
329
333
  )
330
334
  }
@@ -347,7 +351,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
347
351
 
348
352
  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); }
349
353
 
350
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
354
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
351
355
 
352
356
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
353
357
 
@@ -641,7 +645,7 @@ _main.install = function (Vue) {
641
645
  __webpack_require__.r(__webpack_exports__);
642
646
 
643
647
  // 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&
644
- var render = function() {
648
+ var render = function () {
645
649
  var _vm = this
646
650
  var _h = _vm.$createElement
647
651
  var _c = _vm._self._c || _h
@@ -651,9 +655,9 @@ var render = function() {
651
655
  staticClass: "maz-base-component maz-spinner maz-spinner-anim",
652
656
  class: [
653
657
  {
654
- "spinner-anim__white": _vm.dark
658
+ "spinner-anim__white": _vm.dark,
655
659
  },
656
- _vm.fillColorClass
660
+ _vm.fillColorClass,
657
661
  ],
658
662
  staticStyle: { "enable-background": "new 0 0 50 50" },
659
663
  attrs: {
@@ -664,16 +668,15 @@ var render = function() {
664
668
  x: "0px",
665
669
  y: "0px",
666
670
  viewBox: "0 0 50 50",
667
- "xml:space": "preserve"
668
- }
671
+ "xml:space": "preserve",
672
+ },
669
673
  },
670
674
  [
671
675
  _c("path", {
672
676
  attrs: {
673
- d:
674
- "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"
675
- }
676
- })
677
+ 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",
678
+ },
679
+ }),
677
680
  ]
678
681
  )
679
682
  }
@@ -803,7 +806,7 @@ __webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport
803
806
  __webpack_require__.r(__webpack_exports__);
804
807
 
805
808
  // 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&
806
- var render = function() {
809
+ var render = function () {
807
810
  var _vm = this
808
811
  var _h = _vm.$createElement
809
812
  var _c = _vm._self._c || _h
@@ -825,13 +828,13 @@ var render = function() {
825
828
  "maz-is-dark": _vm.dark,
826
829
  "has-hint": _vm.hint,
827
830
  "has-no-label": !_vm.hasLabel && !_vm.hint,
828
- "has-left-icon": _vm.hasLeftIcon()
831
+ "has-left-icon": _vm.hasLeftIcon(),
829
832
  },
830
833
  "maz-input--" + _vm.size,
831
834
  "has-" + _vm.leftNumberIcon + "-right-icon",
832
- "maz-input--" + _vm.color
835
+ "maz-input--" + _vm.color,
833
836
  ],
834
- on: { click: _vm.focusInput }
837
+ on: { click: _vm.focusInput },
835
838
  },
836
839
  [
837
840
  _vm.hasLeftIcon()
@@ -840,15 +843,17 @@ var render = function() {
840
843
  {
841
844
  staticClass: "maz-input__icon maz-flex left",
842
845
  class: [
843
- _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center"
844
- ]
846
+ _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center",
847
+ ],
845
848
  },
846
849
  [
847
- _vm._t("icon-left", [
848
- _c("i", { staticClass: "material-icons" }, [
849
- _vm._v(_vm._s(_vm.leftIconName))
850
- ])
851
- ])
850
+ _vm._t("icon-left", function () {
851
+ return [
852
+ _c("i", { staticClass: "material-icons" }, [
853
+ _vm._v(_vm._s(_vm.leftIconName)),
854
+ ]),
855
+ ]
856
+ }),
852
857
  ],
853
858
  2
854
859
  )
@@ -859,15 +864,17 @@ var render = function() {
859
864
  {
860
865
  staticClass: "maz-input__icon maz-flex right",
861
866
  class: [
862
- _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center"
863
- ]
867
+ _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center",
868
+ ],
864
869
  },
865
870
  [
866
- _vm._t("icon-right", [
867
- _c("i", { staticClass: "material-icons" }, [
868
- _vm._v(_vm._s(_vm.rightIconName))
869
- ])
870
- ])
871
+ _vm._t("icon-right", function () {
872
+ return [
873
+ _c("i", { staticClass: "material-icons" }, [
874
+ _vm._v(_vm._s(_vm.rightIconName)),
875
+ ]),
876
+ ]
877
+ }),
871
878
  ],
872
879
  2
873
880
  )
@@ -882,14 +889,14 @@ var render = function() {
882
889
  name: "model",
883
890
  rawName: "v-model",
884
891
  value: _vm.inputValue,
885
- expression: "inputValue"
886
- }
892
+ expression: "inputValue",
893
+ },
887
894
  ],
888
895
  ref: "MazInput",
889
896
  staticClass: "maz-input__input maz-border-radius",
890
897
  class: {
891
898
  "has-right-icon":
892
- _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
899
+ _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
893
900
  },
894
901
  attrs: {
895
902
  id: _vm.uniqueId,
@@ -898,12 +905,12 @@ var render = function() {
898
905
  disabled: _vm.disabled,
899
906
  required: _vm.required,
900
907
  readonly: _vm.readonly,
901
- type: "checkbox"
908
+ type: "checkbox",
902
909
  },
903
910
  domProps: {
904
911
  checked: Array.isArray(_vm.inputValue)
905
912
  ? _vm._i(_vm.inputValue, null) > -1
906
- : _vm.inputValue
913
+ : _vm.inputValue,
907
914
  },
908
915
  on: {
909
916
  keydown: _vm.keyDown,
@@ -912,7 +919,7 @@ var render = function() {
912
919
  blur: _vm.onBlur,
913
920
  paste: _vm.onPaste,
914
921
  change: [
915
- function($event) {
922
+ function ($event) {
916
923
  var $$a = _vm.inputValue,
917
924
  $$el = $event.target,
918
925
  $$c = $$el.checked ? true : false
@@ -931,12 +938,12 @@ var render = function() {
931
938
  _vm.inputValue = $$c
932
939
  }
933
940
  },
934
- _vm.onChange
941
+ _vm.onChange,
935
942
  ],
936
- click: function($event) {
943
+ click: function ($event) {
937
944
  return _vm.$emit("click", $event)
938
- }
939
- }
945
+ },
946
+ },
940
947
  },
941
948
  "input",
942
949
  _vm.$attrs,
@@ -953,14 +960,14 @@ var render = function() {
953
960
  name: "model",
954
961
  rawName: "v-model",
955
962
  value: _vm.inputValue,
956
- expression: "inputValue"
957
- }
963
+ expression: "inputValue",
964
+ },
958
965
  ],
959
966
  ref: "MazInput",
960
967
  staticClass: "maz-input__input maz-border-radius",
961
968
  class: {
962
969
  "has-right-icon":
963
- _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
970
+ _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
964
971
  },
965
972
  attrs: {
966
973
  id: _vm.uniqueId,
@@ -969,7 +976,7 @@ var render = function() {
969
976
  disabled: _vm.disabled,
970
977
  required: _vm.required,
971
978
  readonly: _vm.readonly,
972
- type: "radio"
979
+ type: "radio",
973
980
  },
974
981
  domProps: { checked: _vm._q(_vm.inputValue, null) },
975
982
  on: {
@@ -979,15 +986,15 @@ var render = function() {
979
986
  blur: _vm.onBlur,
980
987
  paste: _vm.onPaste,
981
988
  change: [
982
- function($event) {
989
+ function ($event) {
983
990
  _vm.inputValue = null
984
991
  },
985
- _vm.onChange
992
+ _vm.onChange,
986
993
  ],
987
- click: function($event) {
994
+ click: function ($event) {
988
995
  return _vm.$emit("click", $event)
989
- }
990
- }
996
+ },
997
+ },
991
998
  },
992
999
  "input",
993
1000
  _vm.$attrs,
@@ -1004,14 +1011,14 @@ var render = function() {
1004
1011
  name: "model",
1005
1012
  rawName: "v-model",
1006
1013
  value: _vm.inputValue,
1007
- expression: "inputValue"
1008
- }
1014
+ expression: "inputValue",
1015
+ },
1009
1016
  ],
1010
1017
  ref: "MazInput",
1011
1018
  staticClass: "maz-input__input maz-border-radius",
1012
1019
  class: {
1013
1020
  "has-right-icon":
1014
- _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
1021
+ _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
1015
1022
  },
1016
1023
  attrs: {
1017
1024
  id: _vm.uniqueId,
@@ -1020,7 +1027,7 @@ var render = function() {
1020
1027
  disabled: _vm.disabled,
1021
1028
  required: _vm.required,
1022
1029
  readonly: _vm.readonly,
1023
- type: _vm.getType
1030
+ type: _vm.getType,
1024
1031
  },
1025
1032
  domProps: { value: _vm.inputValue },
1026
1033
  on: {
@@ -1030,16 +1037,16 @@ var render = function() {
1030
1037
  blur: _vm.onBlur,
1031
1038
  paste: _vm.onPaste,
1032
1039
  change: _vm.onChange,
1033
- click: function($event) {
1040
+ click: function ($event) {
1034
1041
  return _vm.$emit("click", $event)
1035
1042
  },
1036
- input: function($event) {
1043
+ input: function ($event) {
1037
1044
  if ($event.target.composing) {
1038
1045
  return
1039
1046
  }
1040
1047
  _vm.inputValue = $event.target.value
1041
- }
1042
- }
1048
+ },
1049
+ },
1043
1050
  },
1044
1051
  "input",
1045
1052
  _vm.$attrs,
@@ -1055,8 +1062,8 @@ var render = function() {
1055
1062
  name: "model",
1056
1063
  rawName: "v-model",
1057
1064
  value: _vm.inputValue,
1058
- expression: "inputValue"
1059
- }
1065
+ expression: "inputValue",
1066
+ },
1060
1067
  ],
1061
1068
  ref: "MazInput",
1062
1069
  staticClass: "maz-input__input maz-textarea",
@@ -1065,7 +1072,7 @@ var render = function() {
1065
1072
  placeholder: _vm.placeholderValue,
1066
1073
  type: _vm.type,
1067
1074
  required: _vm.required,
1068
- readonly: _vm.readonly
1075
+ readonly: _vm.readonly,
1069
1076
  },
1070
1077
  domProps: { value: _vm.inputValue },
1071
1078
  on: {
@@ -1075,16 +1082,16 @@ var render = function() {
1075
1082
  blur: _vm.onBlur,
1076
1083
  paste: _vm.onPaste,
1077
1084
  change: _vm.onChange,
1078
- click: function($event) {
1085
+ click: function ($event) {
1079
1086
  return _vm.$emit("click", $event)
1080
1087
  },
1081
- input: function($event) {
1088
+ input: function ($event) {
1082
1089
  if ($event.target.composing) {
1083
1090
  return
1084
1091
  }
1085
1092
  _vm.inputValue = $event.target.value
1086
- }
1087
- }
1093
+ },
1094
+ },
1088
1095
  },
1089
1096
  "textarea",
1090
1097
  _vm.$attrs,
@@ -1099,14 +1106,14 @@ var render = function() {
1099
1106
  staticClass: "maz-input__label",
1100
1107
  class: _vm.error ? "maz-text-danger" : null,
1101
1108
  attrs: { for: _vm.uniqueId, tabindex: "-1" },
1102
- on: { click: _vm.focusInput }
1109
+ on: { click: _vm.focusInput },
1103
1110
  },
1104
1111
  [
1105
1112
  _vm._v(
1106
1113
  "\n " +
1107
1114
  _vm._s(_vm.hintValue || _vm.placeholderValue) +
1108
1115
  "\n "
1109
- )
1116
+ ),
1110
1117
  ]
1111
1118
  )
1112
1119
  : _vm._e(),
@@ -1121,18 +1128,18 @@ var render = function() {
1121
1128
  class: { "has-right-icon": _vm.hasRightIcon() },
1122
1129
  attrs: { title: "clear", type: "button", tabindex: "-1" },
1123
1130
  on: {
1124
- click: function($event) {
1131
+ click: function ($event) {
1125
1132
  $event.stopPropagation()
1126
- return _vm.clear($event)
1127
- }
1128
- }
1133
+ return _vm.clear.apply(null, arguments)
1134
+ },
1135
+ },
1129
1136
  },
1130
1137
  [
1131
1138
  _c(
1132
1139
  "i",
1133
1140
  { staticClass: "maz-input__toggle-btn__icon material-icons" },
1134
1141
  [_vm._v("\n close\n ")]
1135
- )
1142
+ ),
1136
1143
  ]
1137
1144
  )
1138
1145
  : _vm._e(),
@@ -1145,14 +1152,14 @@ var render = function() {
1145
1152
  "maz-input__toggle-btn password maz-flex maz-flex-center",
1146
1153
  class: {
1147
1154
  "has-clear-btn": _vm.hasClearBtn,
1148
- "has-right-icon": _vm.hasRightIcon()
1155
+ "has-right-icon": _vm.hasRightIcon(),
1149
1156
  },
1150
1157
  attrs: { title: "clear", type: "button", tabindex: "-1" },
1151
1158
  on: {
1152
- click: function($event) {
1159
+ click: function ($event) {
1153
1160
  _vm.showPassword = !_vm.showPassword
1154
- }
1155
- }
1161
+ },
1162
+ },
1156
1163
  },
1157
1164
  [
1158
1165
  _c(
@@ -1165,23 +1172,23 @@ var render = function() {
1165
1172
  _vm.showPassword ? "visibility_off" : "visibility"
1166
1173
  ) +
1167
1174
  "\n "
1168
- )
1175
+ ),
1169
1176
  ]
1170
- )
1177
+ ),
1171
1178
  ]
1172
1179
  )
1173
- : _vm._e()
1180
+ : _vm._e(),
1174
1181
  ]),
1175
1182
  _vm.loading
1176
1183
  ? _c(
1177
1184
  "div",
1178
1185
  {
1179
1186
  staticClass: "maz-input__loader",
1180
- class: { textarea: _vm.textarea }
1187
+ class: { textarea: _vm.textarea },
1181
1188
  },
1182
1189
  [_c("div", { staticClass: "maz-input__loader__progress-bar" })]
1183
1190
  )
1184
- : _vm._e()
1191
+ : _vm._e(),
1185
1192
  ],
1186
1193
  1
1187
1194
  )
@@ -1199,7 +1206,7 @@ var uniqueId = __webpack_require__(2);
1199
1206
  var utils = __webpack_require__(6);
1200
1207
 
1201
1208
  // 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&
1202
- 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); }
1209
+ 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); }
1203
1210
 
1204
1211
  //
1205
1212
  //
@@ -1640,7 +1647,7 @@ module.exports = require("regenerator-runtime");
1640
1647
  __webpack_require__.r(__webpack_exports__);
1641
1648
 
1642
1649
  // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazSelect/_main.vue?vue&type=template&id=2fb08d76&
1643
- var render = function() {
1650
+ var render = function () {
1644
1651
  var _vm = this
1645
1652
  var _h = _vm.$createElement
1646
1653
  var _c = _vm._self._c || _h
@@ -1651,16 +1658,16 @@ var render = function() {
1651
1658
  class: [
1652
1659
  {
1653
1660
  "has-list-open": _vm.hasOpenList,
1654
- "maz-is-dark": _vm.dark
1661
+ "maz-is-dark": _vm.dark,
1655
1662
  },
1656
1663
  "maz-select--" + _vm.color,
1657
- "maz-select--" + _vm.size
1664
+ "maz-select--" + _vm.size,
1658
1665
  ],
1659
1666
  on: {
1660
- "!blur": function($event) {
1667
+ "!blur": function ($event) {
1661
1668
  return _vm.closeList($event)
1662
- }
1663
- }
1669
+ },
1670
+ },
1664
1671
  },
1665
1672
  [
1666
1673
  _vm.multiple
@@ -1670,8 +1677,8 @@ var render = function() {
1670
1677
  ref: "SelectedTags",
1671
1678
  staticClass: "maz-select__tags maz-flex maz-align-center",
1672
1679
  class: {
1673
- "maz-left-offset": _vm.hasLeftIcon
1674
- }
1680
+ "maz-left-offset": _vm.hasLeftIcon,
1681
+ },
1675
1682
  },
1676
1683
  [
1677
1684
  _c(
@@ -1679,9 +1686,9 @@ var render = function() {
1679
1686
  {
1680
1687
  ref: "SelectedTagsContainer",
1681
1688
  staticClass: "maz-flex maz-align-center maz-h-100",
1682
- attrs: { tag: "div", name: "maz-tags" }
1689
+ attrs: { tag: "div", name: "maz-tags" },
1683
1690
  },
1684
- _vm._l(_vm.selectedOptions, function(option, i) {
1691
+ _vm._l(_vm.selectedOptions, function (option, i) {
1685
1692
  return _c(
1686
1693
  "MazBtn",
1687
1694
  {
@@ -1690,15 +1697,15 @@ var render = function() {
1690
1697
  attrs: {
1691
1698
  disabled: _vm.disabled,
1692
1699
  color: _vm.color,
1693
- size: _vm.size
1700
+ size: _vm.size,
1694
1701
  },
1695
1702
  on: {
1696
- click: function($event) {
1703
+ click: function ($event) {
1697
1704
  $event.preventDefault()
1698
1705
  $event.stopPropagation()
1699
1706
  return _vm.removeOption(option[_vm.config.valueKey])
1700
- }
1701
- }
1707
+ },
1708
+ },
1702
1709
  },
1703
1710
  [
1704
1711
  _c("span", { staticClass: "maz-select__tag__text" }, [
@@ -1706,20 +1713,20 @@ var render = function() {
1706
1713
  "\n " +
1707
1714
  _vm._s(option[_vm.config.labelKey]) +
1708
1715
  "\n "
1709
- )
1716
+ ),
1710
1717
  ]),
1711
1718
  _c(
1712
1719
  "i",
1713
1720
  {
1714
- staticClass: "maz-select__tag__clear material-icons"
1721
+ staticClass: "maz-select__tag__clear material-icons",
1715
1722
  },
1716
1723
  [_vm._v("\n close\n ")]
1717
- )
1724
+ ),
1718
1725
  ]
1719
1726
  )
1720
1727
  }),
1721
1728
  1
1722
- )
1729
+ ),
1723
1730
  ],
1724
1731
  1
1725
1732
  )
@@ -1737,32 +1744,32 @@ var render = function() {
1737
1744
  size: _vm.size,
1738
1745
  placeholder: _vm.placeholderShown,
1739
1746
  disabled: _vm.disabled,
1740
- focus: _vm.hasOpenList
1747
+ focus: _vm.hasOpenList,
1741
1748
  },
1742
1749
  on: {
1743
- clear: function($event) {
1750
+ clear: function ($event) {
1744
1751
  return _vm.emitValues(null)
1745
1752
  },
1746
- keydown: function($event) {
1753
+ keydown: function ($event) {
1747
1754
  _vm.search ? null : _vm.keyboardNav($event)
1748
1755
  },
1749
- keyup: function($event) {
1756
+ keyup: function ($event) {
1750
1757
  return _vm.$emit("keyup", $event)
1751
1758
  },
1752
- blur: function($event) {
1759
+ blur: function ($event) {
1753
1760
  return _vm.$emit("blur", $event)
1754
1761
  },
1755
- change: function($event) {
1762
+ change: function ($event) {
1756
1763
  return _vm.$emit("change", $event)
1757
1764
  },
1758
- paste: function($event) {
1765
+ paste: function ($event) {
1759
1766
  return _vm.$emit("paste", $event)
1760
1767
  },
1761
- click: function($event) {
1768
+ click: function ($event) {
1762
1769
  return _vm.$emit("click", $event)
1763
1770
  },
1764
- focus: _vm.openList
1765
- }
1771
+ focus: _vm.openList,
1772
+ },
1766
1773
  },
1767
1774
  "MazInput",
1768
1775
  _vm.$attrs,
@@ -1775,38 +1782,39 @@ var render = function() {
1775
1782
  {
1776
1783
  staticClass: "maz-select__toggle maz-flex maz-flex-center",
1777
1784
  attrs: { slot: "icon-right", tabindex: "-1" },
1778
- slot: "icon-right"
1785
+ slot: "icon-right",
1779
1786
  },
1780
1787
  [
1781
- _vm._t("arrow", [
1782
- _c(
1783
- "svg",
1784
- {
1785
- staticClass: "maz-select__toggle__arrow",
1786
- attrs: {
1787
- mlns: "http://www.w3.org/2000/svg",
1788
- width: "24",
1789
- height: "24",
1790
- viewBox: "0 0 24 24"
1791
- }
1792
- },
1793
- [
1794
- _c("path", {
1795
- staticClass: "arrow",
1788
+ _vm._t("arrow", function () {
1789
+ return [
1790
+ _c(
1791
+ "svg",
1792
+ {
1793
+ staticClass: "maz-select__toggle__arrow",
1796
1794
  attrs: {
1797
- d:
1798
- "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"
1799
- }
1800
- }),
1801
- _c("path", {
1802
- attrs: { fill: "none", d: "M0 0h24v24H0V0z" }
1803
- })
1804
- ]
1805
- )
1806
- ])
1795
+ mlns: "http://www.w3.org/2000/svg",
1796
+ width: "24",
1797
+ height: "24",
1798
+ viewBox: "0 0 24 24",
1799
+ },
1800
+ },
1801
+ [
1802
+ _c("path", {
1803
+ staticClass: "arrow",
1804
+ attrs: {
1805
+ d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",
1806
+ },
1807
+ }),
1808
+ _c("path", {
1809
+ attrs: { fill: "none", d: "M0 0h24v24H0V0z" },
1810
+ }),
1811
+ ]
1812
+ ),
1813
+ ]
1814
+ }),
1807
1815
  ],
1808
1816
  2
1809
- )
1817
+ ),
1810
1818
  ],
1811
1819
  2
1812
1820
  ),
@@ -1819,17 +1827,17 @@ var render = function() {
1819
1827
  name: "show",
1820
1828
  rawName: "v-show",
1821
1829
  value: _vm.hasOpenList,
1822
- expression: "hasOpenList"
1823
- }
1830
+ expression: "hasOpenList",
1831
+ },
1824
1832
  ],
1825
1833
  staticClass: "maz-select__options-list maz-flex maz-elevation",
1826
1834
  class: [
1827
1835
  _vm.hasPositionTop
1828
1836
  ? "maz-select__options-list--top maz-direction-column-reverse"
1829
1837
  : "maz-direction-column",
1830
- { "maz-select__options-list--right": _vm.hasPositionRight }
1838
+ { "maz-select__options-list--right": _vm.hasPositionRight },
1831
1839
  ],
1832
- style: [_vm.itemListSize]
1840
+ style: [_vm.itemListSize],
1833
1841
  },
1834
1842
  [
1835
1843
  _vm.search
@@ -1843,26 +1851,26 @@ var render = function() {
1843
1851
  size: "sm",
1844
1852
  "no-label": "",
1845
1853
  name: "new_search_in_options",
1846
- autocomplete: "off"
1854
+ autocomplete: "off",
1847
1855
  },
1848
1856
  on: {
1849
1857
  input: _vm.searchInOptions,
1850
1858
  keydown: [
1851
1859
  _vm.keyboardNav,
1852
- function($event) {
1860
+ function ($event) {
1853
1861
  if (
1854
1862
  !$event.type.indexOf("key") &&
1855
1863
  _vm._k($event.keyCode, "esc", 27, $event.key, [
1856
1864
  "Esc",
1857
- "Escape"
1865
+ "Escape",
1858
1866
  ])
1859
1867
  ) {
1860
1868
  return null
1861
1869
  }
1862
- return _vm.closeList($event)
1863
- }
1864
- ]
1865
- }
1870
+ return _vm.closeList.apply(null, arguments)
1871
+ },
1872
+ ],
1873
+ },
1866
1874
  })
1867
1875
  : _vm._e(),
1868
1876
  _c(
@@ -1870,10 +1878,10 @@ var render = function() {
1870
1878
  {
1871
1879
  ref: "optionsList",
1872
1880
  staticClass:
1873
- "maz-select__options-list__items maz-flex maz-direction-column"
1881
+ "maz-select__options-list__items maz-flex maz-direction-column",
1874
1882
  },
1875
1883
  [
1876
- _vm._l(_vm.optionsShown, function(option, i) {
1884
+ _vm._l(_vm.optionsShown, function (option, i) {
1877
1885
  return _c(
1878
1886
  "button",
1879
1887
  {
@@ -1884,58 +1892,63 @@ var render = function() {
1884
1892
  {
1885
1893
  selected:
1886
1894
  _vm.values.length &&
1887
- _vm.values.includes(option[_vm.config.valueKey])
1895
+ _vm.values.includes(option[_vm.config.valueKey]),
1888
1896
  },
1889
1897
  {
1890
1898
  "keyboard-selected":
1891
- _vm.tmpValue === option[_vm.config.valueKey]
1892
- }
1899
+ _vm.tmpValue === option[_vm.config.valueKey],
1900
+ },
1893
1901
  ],
1894
1902
  style: [_vm.optionHeight],
1895
1903
  attrs: { tabindex: "-1", type: "button" },
1896
1904
  on: {
1897
- click: function($event) {
1905
+ click: function ($event) {
1898
1906
  $event.preventDefault()
1899
1907
  $event.stopPropagation()
1900
1908
  return _vm.updateValue(option[_vm.config.valueKey])
1901
- }
1902
- }
1909
+ },
1910
+ },
1903
1911
  },
1904
1912
  [
1905
1913
  _vm._t(
1906
1914
  "default",
1907
- [
1908
- _c(
1909
- "span",
1910
- {
1911
- staticClass: "maz-dots-text",
1912
- class: [
1913
- {
1914
- "maz-text-muted": !option[_vm.config.valueKey]
1915
- },
1916
- _vm.values.includes(option[_vm.config.valueKey])
1917
- ? "maz-text-white"
1918
- : "maz-text-color"
1915
+ function () {
1916
+ return [
1917
+ _c(
1918
+ "span",
1919
+ {
1920
+ staticClass: "maz-dots-text",
1921
+ class: [
1922
+ {
1923
+ "maz-text-muted":
1924
+ !option[_vm.config.valueKey],
1925
+ },
1926
+ _vm.values.includes(
1927
+ option[_vm.config.valueKey]
1928
+ )
1929
+ ? "maz-text-white"
1930
+ : "maz-text-color",
1931
+ ],
1932
+ },
1933
+ [
1934
+ _vm._v(
1935
+ "\n " +
1936
+ _vm._s(option[_vm.config.labelKey]) +
1937
+ "\n "
1938
+ ),
1919
1939
  ]
1920
- },
1921
- [
1922
- _vm._v(
1923
- "\n " +
1924
- _vm._s(option[_vm.config.labelKey]) +
1925
- "\n "
1926
- )
1927
- ]
1928
- )
1929
- ],
1940
+ ),
1941
+ ]
1942
+ },
1930
1943
  {
1931
1944
  option: Object.assign({}, option, {
1932
1945
  isSelected: _vm.values.includes(
1933
1946
  option[_vm.config.valueKey]
1934
- )
1947
+ ),
1935
1948
  }),
1936
- tag: "div"
1949
+ tag: "div",
1937
1950
  }
1938
- )
1951
+ ),
1939
1952
  ],
1940
1953
  2
1941
1954
  )
@@ -1943,36 +1956,40 @@ var render = function() {
1943
1956
  !_vm.optionsShown.length
1944
1957
  ? _vm._t(
1945
1958
  "no-results",
1946
- [
1947
- _c(
1948
- "div",
1949
- {
1950
- staticClass:
1951
- "maz-select__options-list__no-results maz-p-1 maz-flex maz-flex-center"
1952
- },
1953
- [
1954
- _c(
1955
- "i",
1956
- { staticClass: "material-icons maz-text-danger" },
1957
- [
1958
- _vm._v(
1959
- "\n search_off\n "
1960
- )
1961
- ]
1962
- )
1963
- ]
1964
- )
1965
- ],
1959
+ function () {
1960
+ return [
1961
+ _c(
1962
+ "div",
1963
+ {
1964
+ staticClass:
1965
+ "maz-select__options-list__no-results maz-p-1 maz-flex maz-flex-center",
1966
+ },
1967
+ [
1968
+ _c(
1969
+ "i",
1970
+ {
1971
+ staticClass: "material-icons maz-text-danger",
1972
+ },
1973
+ [
1974
+ _vm._v(
1975
+ "\n search_off\n "
1976
+ ),
1977
+ ]
1978
+ ),
1979
+ ]
1980
+ ),
1981
+ ]
1982
+ },
1966
1983
  { tag: "div" }
1967
1984
  )
1968
- : _vm._e()
1985
+ : _vm._e(),
1969
1986
  ],
1970
1987
  2
1971
- )
1988
+ ),
1972
1989
  ],
1973
1990
  1
1974
- )
1975
- ])
1991
+ ),
1992
+ ]),
1976
1993
  ],
1977
1994
  1
1978
1995
  )
@@ -2009,13 +2026,13 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
2009
2026
 
2010
2027
  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); }
2011
2028
 
2012
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
2029
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
2013
2030
 
2014
2031
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
2015
2032
 
2016
2033
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
2017
2034
 
2018
- 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); }
2035
+ 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); }
2019
2036
 
2020
2037
  //
2021
2038
  //