maz-ui 2.3.11 → 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 (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 +225 -226
  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 +930 -927
  42. package/package.json +1 -1
package/lib/maz-search.js CHANGED
@@ -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/MazSearch/_main.vue?vue&type=template&id=c5d051bc&
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
@@ -231,13 +231,13 @@ var render = function() {
231
231
  class: [
232
232
  { "maz-is-dark": _vm.dark },
233
233
  "maz-search--" + _vm.color,
234
- "maz-search--" + _vm.size
234
+ "maz-search--" + _vm.size,
235
235
  ],
236
236
  on: {
237
- "!blur": function($event) {
237
+ "!blur": function ($event) {
238
238
  return _vm.closeList.apply(null, arguments)
239
- }
240
- }
239
+ },
240
+ },
241
241
  },
242
242
  [
243
243
  _c(
@@ -249,38 +249,38 @@ var render = function() {
249
249
  color: _vm.color,
250
250
  loading: _vm.loading,
251
251
  debounce: _vm.debounce,
252
- size: _vm.size
252
+ size: _vm.size,
253
253
  },
254
254
  on: {
255
255
  input: _vm.inputEvent,
256
256
  keydown: _vm.keyboardNav,
257
257
  focus: _vm.openList,
258
- keyup: function($event) {
258
+ keyup: function ($event) {
259
259
  return _vm.$emit("keyup", $event)
260
260
  },
261
- change: function($event) {
261
+ change: function ($event) {
262
262
  return _vm.$emit("change", $event)
263
263
  },
264
- clear: function($event) {
264
+ clear: function ($event) {
265
265
  return _vm.$emit("clear", $event)
266
266
  },
267
- blur: function($event) {
267
+ blur: function ($event) {
268
268
  return _vm.$emit("blur", $event)
269
269
  },
270
- paste: function($event) {
270
+ paste: function ($event) {
271
271
  return _vm.$emit("paste", $event)
272
272
  },
273
- click: function($event) {
273
+ click: function ($event) {
274
274
  return _vm.$emit("click", $event)
275
- }
275
+ },
276
276
  },
277
277
  model: {
278
278
  value: _vm.query,
279
- callback: function($$v) {
279
+ callback: function ($$v) {
280
280
  _vm.query = $$v
281
281
  },
282
- expression: "query"
283
- }
282
+ expression: "query",
283
+ },
284
284
  },
285
285
  "MazInput",
286
286
  _vm.$attrs,
@@ -288,7 +288,7 @@ var render = function() {
288
288
  ),
289
289
  [
290
290
  _vm._t("icon-left", null, { slot: "icon-left" }),
291
- _vm._t("icon-right", null, { slot: "icon-right" })
291
+ _vm._t("icon-right", null, { slot: "icon-right" }),
292
292
  ],
293
293
  2
294
294
  ),
@@ -298,10 +298,10 @@ var render = function() {
298
298
  "div",
299
299
  {
300
300
  ref: "itemsList",
301
- staticClass: "maz-search__items maz-elevation"
301
+ staticClass: "maz-search__items maz-elevation",
302
302
  },
303
303
  [
304
- _vm._l(_vm.items, function(item, i) {
304
+ _vm._l(_vm.items, function (item, i) {
305
305
  return _c(
306
306
  "button",
307
307
  {
@@ -315,22 +315,22 @@ var render = function() {
315
315
  _vm.value ===
316
316
  (_vm.itemValue
317
317
  ? _vm.getItemQuery(_vm.itemValue, item)
318
- : item)
318
+ : item),
319
319
  },
320
- { "keyboard-selected": _vm.tmpValue === item }
320
+ { "keyboard-selected": _vm.tmpValue === item },
321
321
  ],
322
322
  attrs: { type: "button", tabindex: "-1" },
323
323
  on: {
324
- click: function($event) {
324
+ click: function ($event) {
325
325
  $event.stopPropagation()
326
326
  return _vm.updateValue(item)
327
- }
328
- }
327
+ },
328
+ },
329
329
  },
330
330
  [
331
331
  _vm._t(
332
332
  "default",
333
- function() {
333
+ function () {
334
334
  return [
335
335
  _c("p", [
336
336
  _vm._v(
@@ -339,12 +339,12 @@ var render = function() {
339
339
  ? _vm.getItemQuery(_vm.itemText, item)
340
340
  : item
341
341
  )
342
- )
343
- ])
342
+ ),
343
+ ]),
344
344
  ]
345
345
  },
346
346
  { item: item, tag: "div" }
347
- )
347
+ ),
348
348
  ],
349
349
  2
350
350
  )
@@ -352,34 +352,34 @@ var render = function() {
352
352
  _vm.hasNoDataSlot
353
353
  ? _vm._t(
354
354
  "no-data",
355
- function() {
355
+ function () {
356
356
  return [
357
357
  _c(
358
358
  "div",
359
359
  {
360
360
  staticClass:
361
- "maz-search__no-data maz-p-2 maz-flex maz-flex-center"
361
+ "maz-search__no-data maz-p-2 maz-flex maz-flex-center",
362
362
  },
363
363
  [
364
364
  _c(
365
365
  "i",
366
366
  {
367
- staticClass: "material-icons maz-text-danger"
367
+ staticClass: "material-icons maz-text-danger",
368
368
  },
369
369
  [_vm._v("\n search_off\n ")]
370
- )
370
+ ),
371
371
  ]
372
- )
372
+ ),
373
373
  ]
374
374
  },
375
375
  { tag: "div" }
376
376
  )
377
- : _vm._e()
377
+ : _vm._e(),
378
378
  ],
379
379
  2
380
380
  )
381
- : _vm._e()
382
- ])
381
+ : _vm._e(),
382
+ ]),
383
383
  ],
384
384
  1
385
385
  )
@@ -394,7 +394,7 @@ render._withStripped = true
394
394
  var MazInput = __webpack_require__(8);
395
395
 
396
396
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazSearch/_main.vue?vue&type=script&lang=js&
397
- 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); }
397
+ 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); }
398
398
 
399
399
  //
400
400
  //
@@ -765,7 +765,7 @@ __webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport
765
765
  __webpack_require__.r(__webpack_exports__);
766
766
 
767
767
  // 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&
768
- var render = function() {
768
+ var render = function () {
769
769
  var _vm = this
770
770
  var _h = _vm.$createElement
771
771
  var _c = _vm._self._c || _h
@@ -787,13 +787,13 @@ var render = function() {
787
787
  "maz-is-dark": _vm.dark,
788
788
  "has-hint": _vm.hint,
789
789
  "has-no-label": !_vm.hasLabel && !_vm.hint,
790
- "has-left-icon": _vm.hasLeftIcon()
790
+ "has-left-icon": _vm.hasLeftIcon(),
791
791
  },
792
792
  "maz-input--" + _vm.size,
793
793
  "has-" + _vm.leftNumberIcon + "-right-icon",
794
- "maz-input--" + _vm.color
794
+ "maz-input--" + _vm.color,
795
795
  ],
796
- on: { click: _vm.focusInput }
796
+ on: { click: _vm.focusInput },
797
797
  },
798
798
  [
799
799
  _vm.hasLeftIcon()
@@ -802,17 +802,17 @@ var render = function() {
802
802
  {
803
803
  staticClass: "maz-input__icon maz-flex left",
804
804
  class: [
805
- _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center"
806
- ]
805
+ _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center",
806
+ ],
807
807
  },
808
808
  [
809
- _vm._t("icon-left", function() {
809
+ _vm._t("icon-left", function () {
810
810
  return [
811
811
  _c("i", { staticClass: "material-icons" }, [
812
- _vm._v(_vm._s(_vm.leftIconName))
813
- ])
812
+ _vm._v(_vm._s(_vm.leftIconName)),
813
+ ]),
814
814
  ]
815
- })
815
+ }),
816
816
  ],
817
817
  2
818
818
  )
@@ -823,17 +823,17 @@ var render = function() {
823
823
  {
824
824
  staticClass: "maz-input__icon maz-flex right",
825
825
  class: [
826
- _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center"
827
- ]
826
+ _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center",
827
+ ],
828
828
  },
829
829
  [
830
- _vm._t("icon-right", function() {
830
+ _vm._t("icon-right", function () {
831
831
  return [
832
832
  _c("i", { staticClass: "material-icons" }, [
833
- _vm._v(_vm._s(_vm.rightIconName))
834
- ])
833
+ _vm._v(_vm._s(_vm.rightIconName)),
834
+ ]),
835
835
  ]
836
- })
836
+ }),
837
837
  ],
838
838
  2
839
839
  )
@@ -848,14 +848,14 @@ var render = function() {
848
848
  name: "model",
849
849
  rawName: "v-model",
850
850
  value: _vm.inputValue,
851
- expression: "inputValue"
852
- }
851
+ expression: "inputValue",
852
+ },
853
853
  ],
854
854
  ref: "MazInput",
855
855
  staticClass: "maz-input__input maz-border-radius",
856
856
  class: {
857
857
  "has-right-icon":
858
- _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
858
+ _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
859
859
  },
860
860
  attrs: {
861
861
  id: _vm.uniqueId,
@@ -864,12 +864,12 @@ var render = function() {
864
864
  disabled: _vm.disabled,
865
865
  required: _vm.required,
866
866
  readonly: _vm.readonly,
867
- type: "checkbox"
867
+ type: "checkbox",
868
868
  },
869
869
  domProps: {
870
870
  checked: Array.isArray(_vm.inputValue)
871
871
  ? _vm._i(_vm.inputValue, null) > -1
872
- : _vm.inputValue
872
+ : _vm.inputValue,
873
873
  },
874
874
  on: {
875
875
  keydown: _vm.keyDown,
@@ -878,7 +878,7 @@ var render = function() {
878
878
  blur: _vm.onBlur,
879
879
  paste: _vm.onPaste,
880
880
  change: [
881
- function($event) {
881
+ function ($event) {
882
882
  var $$a = _vm.inputValue,
883
883
  $$el = $event.target,
884
884
  $$c = $$el.checked ? true : false
@@ -897,12 +897,12 @@ var render = function() {
897
897
  _vm.inputValue = $$c
898
898
  }
899
899
  },
900
- _vm.onChange
900
+ _vm.onChange,
901
901
  ],
902
- click: function($event) {
902
+ click: function ($event) {
903
903
  return _vm.$emit("click", $event)
904
- }
905
- }
904
+ },
905
+ },
906
906
  },
907
907
  "input",
908
908
  _vm.$attrs,
@@ -919,14 +919,14 @@ var render = function() {
919
919
  name: "model",
920
920
  rawName: "v-model",
921
921
  value: _vm.inputValue,
922
- expression: "inputValue"
923
- }
922
+ expression: "inputValue",
923
+ },
924
924
  ],
925
925
  ref: "MazInput",
926
926
  staticClass: "maz-input__input maz-border-radius",
927
927
  class: {
928
928
  "has-right-icon":
929
- _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
929
+ _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
930
930
  },
931
931
  attrs: {
932
932
  id: _vm.uniqueId,
@@ -935,7 +935,7 @@ var render = function() {
935
935
  disabled: _vm.disabled,
936
936
  required: _vm.required,
937
937
  readonly: _vm.readonly,
938
- type: "radio"
938
+ type: "radio",
939
939
  },
940
940
  domProps: { checked: _vm._q(_vm.inputValue, null) },
941
941
  on: {
@@ -945,15 +945,15 @@ var render = function() {
945
945
  blur: _vm.onBlur,
946
946
  paste: _vm.onPaste,
947
947
  change: [
948
- function($event) {
948
+ function ($event) {
949
949
  _vm.inputValue = null
950
950
  },
951
- _vm.onChange
951
+ _vm.onChange,
952
952
  ],
953
- click: function($event) {
953
+ click: function ($event) {
954
954
  return _vm.$emit("click", $event)
955
- }
956
- }
955
+ },
956
+ },
957
957
  },
958
958
  "input",
959
959
  _vm.$attrs,
@@ -970,14 +970,14 @@ var render = function() {
970
970
  name: "model",
971
971
  rawName: "v-model",
972
972
  value: _vm.inputValue,
973
- expression: "inputValue"
974
- }
973
+ expression: "inputValue",
974
+ },
975
975
  ],
976
976
  ref: "MazInput",
977
977
  staticClass: "maz-input__input maz-border-radius",
978
978
  class: {
979
979
  "has-right-icon":
980
- _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
980
+ _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
981
981
  },
982
982
  attrs: {
983
983
  id: _vm.uniqueId,
@@ -986,7 +986,7 @@ var render = function() {
986
986
  disabled: _vm.disabled,
987
987
  required: _vm.required,
988
988
  readonly: _vm.readonly,
989
- type: _vm.getType
989
+ type: _vm.getType,
990
990
  },
991
991
  domProps: { value: _vm.inputValue },
992
992
  on: {
@@ -996,16 +996,16 @@ var render = function() {
996
996
  blur: _vm.onBlur,
997
997
  paste: _vm.onPaste,
998
998
  change: _vm.onChange,
999
- click: function($event) {
999
+ click: function ($event) {
1000
1000
  return _vm.$emit("click", $event)
1001
1001
  },
1002
- input: function($event) {
1002
+ input: function ($event) {
1003
1003
  if ($event.target.composing) {
1004
1004
  return
1005
1005
  }
1006
1006
  _vm.inputValue = $event.target.value
1007
- }
1008
- }
1007
+ },
1008
+ },
1009
1009
  },
1010
1010
  "input",
1011
1011
  _vm.$attrs,
@@ -1021,8 +1021,8 @@ var render = function() {
1021
1021
  name: "model",
1022
1022
  rawName: "v-model",
1023
1023
  value: _vm.inputValue,
1024
- expression: "inputValue"
1025
- }
1024
+ expression: "inputValue",
1025
+ },
1026
1026
  ],
1027
1027
  ref: "MazInput",
1028
1028
  staticClass: "maz-input__input maz-textarea",
@@ -1031,7 +1031,7 @@ var render = function() {
1031
1031
  placeholder: _vm.placeholderValue,
1032
1032
  type: _vm.type,
1033
1033
  required: _vm.required,
1034
- readonly: _vm.readonly
1034
+ readonly: _vm.readonly,
1035
1035
  },
1036
1036
  domProps: { value: _vm.inputValue },
1037
1037
  on: {
@@ -1041,16 +1041,16 @@ var render = function() {
1041
1041
  blur: _vm.onBlur,
1042
1042
  paste: _vm.onPaste,
1043
1043
  change: _vm.onChange,
1044
- click: function($event) {
1044
+ click: function ($event) {
1045
1045
  return _vm.$emit("click", $event)
1046
1046
  },
1047
- input: function($event) {
1047
+ input: function ($event) {
1048
1048
  if ($event.target.composing) {
1049
1049
  return
1050
1050
  }
1051
1051
  _vm.inputValue = $event.target.value
1052
- }
1053
- }
1052
+ },
1053
+ },
1054
1054
  },
1055
1055
  "textarea",
1056
1056
  _vm.$attrs,
@@ -1065,14 +1065,14 @@ var render = function() {
1065
1065
  staticClass: "maz-input__label",
1066
1066
  class: _vm.error ? "maz-text-danger" : null,
1067
1067
  attrs: { for: _vm.uniqueId, tabindex: "-1" },
1068
- on: { click: _vm.focusInput }
1068
+ on: { click: _vm.focusInput },
1069
1069
  },
1070
1070
  [
1071
1071
  _vm._v(
1072
1072
  "\n " +
1073
1073
  _vm._s(_vm.hintValue || _vm.placeholderValue) +
1074
1074
  "\n "
1075
- )
1075
+ ),
1076
1076
  ]
1077
1077
  )
1078
1078
  : _vm._e(),
@@ -1087,18 +1087,18 @@ var render = function() {
1087
1087
  class: { "has-right-icon": _vm.hasRightIcon() },
1088
1088
  attrs: { title: "clear", type: "button", tabindex: "-1" },
1089
1089
  on: {
1090
- click: function($event) {
1090
+ click: function ($event) {
1091
1091
  $event.stopPropagation()
1092
1092
  return _vm.clear.apply(null, arguments)
1093
- }
1094
- }
1093
+ },
1094
+ },
1095
1095
  },
1096
1096
  [
1097
1097
  _c(
1098
1098
  "i",
1099
1099
  { staticClass: "maz-input__toggle-btn__icon material-icons" },
1100
1100
  [_vm._v("\n close\n ")]
1101
- )
1101
+ ),
1102
1102
  ]
1103
1103
  )
1104
1104
  : _vm._e(),
@@ -1111,14 +1111,14 @@ var render = function() {
1111
1111
  "maz-input__toggle-btn password maz-flex maz-flex-center",
1112
1112
  class: {
1113
1113
  "has-clear-btn": _vm.hasClearBtn,
1114
- "has-right-icon": _vm.hasRightIcon()
1114
+ "has-right-icon": _vm.hasRightIcon(),
1115
1115
  },
1116
1116
  attrs: { title: "clear", type: "button", tabindex: "-1" },
1117
1117
  on: {
1118
- click: function($event) {
1118
+ click: function ($event) {
1119
1119
  _vm.showPassword = !_vm.showPassword
1120
- }
1121
- }
1120
+ },
1121
+ },
1122
1122
  },
1123
1123
  [
1124
1124
  _c(
@@ -1131,23 +1131,23 @@ var render = function() {
1131
1131
  _vm.showPassword ? "visibility_off" : "visibility"
1132
1132
  ) +
1133
1133
  "\n "
1134
- )
1134
+ ),
1135
1135
  ]
1136
- )
1136
+ ),
1137
1137
  ]
1138
1138
  )
1139
- : _vm._e()
1139
+ : _vm._e(),
1140
1140
  ]),
1141
1141
  _vm.loading
1142
1142
  ? _c(
1143
1143
  "div",
1144
1144
  {
1145
1145
  staticClass: "maz-input__loader",
1146
- class: { textarea: _vm.textarea }
1146
+ class: { textarea: _vm.textarea },
1147
1147
  },
1148
1148
  [_c("div", { staticClass: "maz-input__loader__progress-bar" })]
1149
1149
  )
1150
- : _vm._e()
1150
+ : _vm._e(),
1151
1151
  ],
1152
1152
  1
1153
1153
  )
@@ -1165,7 +1165,7 @@ var uniqueId = __webpack_require__(2);
1165
1165
  var utils = __webpack_require__(6);
1166
1166
 
1167
1167
  // 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&
1168
- 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); }
1168
+ 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); }
1169
1169
 
1170
1170
  //
1171
1171
  //