@farm-investimentos/front-mfe-components-vue3 0.5.2 → 0.6.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 (45) hide show
  1. package/dist/front-mfe-components.common.js +104 -35
  2. package/dist/front-mfe-components.common.js.map +1 -1
  3. package/dist/front-mfe-components.css +1 -1
  4. package/dist/front-mfe-components.umd.js +104 -35
  5. package/dist/front-mfe-components.umd.js.map +1 -1
  6. package/dist/front-mfe-components.umd.min.js +1 -1
  7. package/dist/front-mfe-components.umd.min.js.map +1 -1
  8. package/package.json +14 -13
  9. package/src/components/AlertReload/AlertReload.stories.js +2 -0
  10. package/src/components/Buttons/ConfirmButton/ConfirmButton.stories.js +1 -1
  11. package/src/components/Buttons/RemoveButton/RemoveButton.stories.js +4 -4
  12. package/src/components/Checkbox/Checkbox.stories.js +1 -2
  13. package/src/components/Chip/Chip.stories.js +1 -1
  14. package/src/components/DataTableEmptyWrapper/DataTableEmptyWrapper.stories.js +2 -3
  15. package/src/components/DataTableHeader/DataTableHeader.stories.js +0 -2
  16. package/src/components/DataTablePaginator/DataTablePaginator.stories.js +6 -4
  17. package/src/components/DatePicker/DatePicker.stories.js +60 -9
  18. package/src/components/DatePicker/DatePicker.vue +82 -12
  19. package/src/components/DialogHeader/DialogHeader.stories.js +1 -1
  20. package/src/components/IdCaption/IdCaption.stories.js +6 -6
  21. package/src/components/InputDecimalFormatter/InputDecimalFormatter.stories.js +2 -10
  22. package/src/components/ListItem/ListItem.stories.js +0 -2
  23. package/src/components/Loader/Loader.stories.ts +2 -0
  24. package/src/components/Logger/Logger.stories.js +3 -3
  25. package/src/components/ManagersList/ManagersList.stories.js +3 -3
  26. package/src/components/ModalPromptUser/ModalPromptUser.stories.js +2 -3
  27. package/src/components/MultipleFilePicker/MultipleFilePicker.stories.js +2 -2
  28. package/src/components/ProgressBar/ProgressBar.stories.js +2 -1
  29. package/src/components/PromptUserToConfirm/PromptUserToConfirm.stories.js +2 -1
  30. package/src/components/RangeDatePicker/RangeDatePicker.stories.js +2 -2
  31. package/src/components/TextFieldV2/TextFieldV2.scss +6 -0
  32. package/src/components/TextFieldV2/TextFieldV2.stories.js +21 -7
  33. package/src/components/TextFieldV2/TextFieldV2.vue +8 -1
  34. package/src/components/Typography/Typography.stories.js +0 -1
  35. package/src/components/layout/Box/Box.stories.js +0 -1
  36. package/src/components/layout/Col/Col.stories.js +8 -9
  37. package/src/components/layout/DisplayBreakpoints.mdx +111 -0
  38. package/src/components/layout/GridSystem.stories.js +0 -2
  39. package/src/components/layout/{PropsValues.stories.mdx → PropsValues.mdx} +11 -4
  40. package/src/components/layout/Row/Row.stories.js +0 -2
  41. package/src/examples/Colors.stories.js +1 -1
  42. package/src/examples/Dialog.stories.js +20 -16
  43. package/src/stories/Introduction.mdx +118 -0
  44. package/src/components/layout/DisplayBreakpoints.stories.mdx +0 -90
  45. package/src/stories/Introduction.stories.mdx +0 -118
@@ -2815,15 +2815,15 @@ const DataTablePaginator_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)
2815
2815
  ;// CONCATENATED MODULE: ./src/components/DataTablePaginator/index.ts
2816
2816
 
2817
2817
  /* harmony default export */ var components_DataTablePaginator = (DataTablePaginator);
2818
- ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=template&id=2511ec57&scoped=true&ts=true
2818
+ ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=template&id=3e6e5c33&scoped=true&ts=true
2819
2819
 
2820
2820
 
2821
- const DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-2511ec57"), n = n(), _popScopeId(), n);
2821
+ const DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-3e6e5c33"), n = n(), _popScopeId(), n);
2822
2822
 
2823
- const DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_hoisted_1 = {
2823
+ const DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_hoisted_1 = {
2824
2824
  class: "picker__actions"
2825
2825
  };
2826
- function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
2826
+ function DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
2827
2827
  const _component_VueDatePicker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("VueDatePicker");
2828
2828
 
2829
2829
  const _component_farm_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-btn");
@@ -2851,12 +2851,13 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
2851
2851
  autocomplete: "off",
2852
2852
  ref: "inputCalendar",
2853
2853
  readonly: $props.readonly,
2854
- mask: `${$props.readonly ? '' : '##/##/####'}`,
2854
+ ellipsed: $props.multiple,
2855
+ mask: `${$options.isReadonly ? '' : '##/##/####'}`,
2855
2856
  requiredMessage: $props.requiredMessage,
2856
2857
  id: $props.inputId,
2857
- rules: [$data.checkDateValid, $data.checkMax, $data.checkMin, $data.checkRequire],
2858
+ rules: $options.rules,
2858
2859
  onKeyup: $options.keyUpInput
2859
- }, null, 8, ["modelValue", "readonly", "mask", "requiredMessage", "id", "rules", "onKeyup"])]),
2860
+ }, null, 8, ["modelValue", "readonly", "ellipsed", "mask", "requiredMessage", "id", "rules", "onKeyup"])]),
2860
2861
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_VueDatePicker, {
2861
2862
  "calendar-class-name": "dp-custom-calendar",
2862
2863
  inline: "",
@@ -2867,10 +2868,12 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
2867
2868
  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $data.dateField = $event),
2868
2869
  "min-date": $options.minDate,
2869
2870
  "max-date": $options.maxDate,
2870
- "allowed-dates": $props.allowedDays,
2871
+ "allowed-dates": $props.allowedDates,
2872
+ "disabled-dates": $props.disabledDates,
2871
2873
  "day-names": ['S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
2872
- "start-date": $data.internalPickerDate
2873
- }, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "start-date"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_btn, {
2874
+ "start-date": $data.internalPickerDate,
2875
+ "multi-dates": $props.multiple
2876
+ }, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "disabled-dates", "start-date", "multi-dates"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_farm_btn, {
2874
2877
  plain: "",
2875
2878
  title: "Limpar",
2876
2879
  color: "primary",
@@ -2902,7 +2905,7 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
2902
2905
  _: 1
2903
2906
  }, 8, ["modelValue", "bottom", "top"]);
2904
2907
  }
2905
- ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=2511ec57&scoped=true&ts=true
2908
+ ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=3e6e5c33&scoped=true&ts=true
2906
2909
 
2907
2910
  ;// CONCATENATED MODULE: ./src/helpers/formatDatePickerHeader.ts
2908
2911
  const monthNumberToMonthName = {
@@ -3087,7 +3090,7 @@ const checkDateValid = date => {
3087
3090
  * v-model bind
3088
3091
  */
3089
3092
  modelValue: {
3090
- type: String,
3093
+ type: [String, Array],
3091
3094
  default: ''
3092
3095
  },
3093
3096
 
@@ -3116,9 +3119,17 @@ const checkDateValid = date => {
3116
3119
  },
3117
3120
 
3118
3121
  /**
3119
- * Allowed days to be selected (format YYYY-MM-DD)
3122
+ * Allowed dates (format YYYY-MM-DD)
3123
+ */
3124
+ allowedDates: {
3125
+ type: Array,
3126
+ default: () => null
3127
+ },
3128
+
3129
+ /**
3130
+ * Disabled dates(format YYYY-MM-DD)
3120
3131
  */
3121
- allowedDays: {
3132
+ disabledDates: {
3122
3133
  type: Array,
3123
3134
  default: () => null
3124
3135
  },
@@ -3149,15 +3160,24 @@ const checkDateValid = date => {
3149
3160
  invalidMessage: {
3150
3161
  type: String,
3151
3162
  default: 'Data inválida'
3163
+ },
3164
+
3165
+ /**
3166
+ * Allow multiple dates
3167
+ */
3168
+ multiple: {
3169
+ type: Boolean,
3170
+ default: false
3152
3171
  }
3153
3172
  },
3154
3173
 
3155
3174
  data() {
3175
+ const s = this.formatDateRange(this.modelValue);
3156
3176
  return {
3157
3177
  internalPickerDate: this.pickerDate,
3158
3178
  menuField: false,
3159
3179
  dateField: this.modelValue,
3160
- fieldRange: revertDate(this.modelValue),
3180
+ fieldRange: this.multiple ? s : revertDate(this.modelValue),
3161
3181
  checkDateValid: value => {
3162
3182
  if (value.length > 0) {
3163
3183
  return checkDateValid(value) ? true : this.invalidMessage;
@@ -3192,6 +3212,15 @@ const checkDateValid = date => {
3192
3212
  }
3193
3213
 
3194
3214
  return true;
3215
+ },
3216
+ checkIsInAllowedDates: value => {
3217
+ const dateSelected = convertDate(value);
3218
+
3219
+ if (!this.required && value.length === 0) {
3220
+ return true;
3221
+ }
3222
+
3223
+ return this.allowedDates(dateSelected) || 'Data inválida';
3195
3224
  }
3196
3225
  };
3197
3226
  },
@@ -3199,11 +3228,12 @@ const checkDateValid = date => {
3199
3228
  watch: {
3200
3229
  modelValue(newValue) {
3201
3230
  this.dateField = newValue;
3231
+ this.fieldRange = this.multiple ? this.formatDateRange(newValue) : revertDate(newValue);
3202
3232
  },
3203
3233
 
3204
3234
  fieldRange(newValue) {
3205
3235
  if (!newValue) {
3206
- this.dateField = '';
3236
+ this.dateField = this.multiple ? [] : '';
3207
3237
  this.save();
3208
3238
  }
3209
3239
  },
@@ -3219,12 +3249,11 @@ const checkDateValid = date => {
3219
3249
  save() {
3220
3250
  this.inputVal = this.dateField;
3221
3251
  this.menuField = false;
3222
- this.fieldRange = revertDate(this.dateField);
3223
3252
  this.closeDatepicker();
3224
3253
  },
3225
3254
 
3226
3255
  clear() {
3227
- this.dateField = '';
3256
+ this.dateField = this.multiple ? [] : '';
3228
3257
  this.save();
3229
3258
  this.$refs.inputCalendar.reset();
3230
3259
  },
@@ -3239,7 +3268,8 @@ const checkDateValid = date => {
3239
3268
 
3240
3269
  if (this.validation(newValue) && newValue.length === 10) {
3241
3270
  const [day, month, year] = newValue.split('/');
3242
- this.dateField = `${year}-${month}-${day}`;
3271
+ const formattedDate = `${year}-${month}-${day}`;
3272
+ this.dateField = this.multiple ? [formattedDate] : formattedDate;
3243
3273
  this.save();
3244
3274
  }
3245
3275
  },
@@ -3260,7 +3290,19 @@ const checkDateValid = date => {
3260
3290
  this.$refs.contextmenu.inputValue = false;
3261
3291
  },
3262
3292
 
3263
- formatDatePickerHeader: formatDatePickerHeader
3293
+ formatDatePickerHeader: formatDatePickerHeader,
3294
+
3295
+ formatDateRange(date) {
3296
+ if (!date || date.length === 0) return '';
3297
+
3298
+ if (this.multiple) {
3299
+ let dateString = [...date].sort((a, b) => +new Date(a) - +new Date(b)).map(defaultFormat).join(', ');
3300
+ return dateString;
3301
+ }
3302
+
3303
+ return defaultFormat(date);
3304
+ }
3305
+
3264
3306
  },
3265
3307
  computed: {
3266
3308
  inputVal: {
@@ -3304,16 +3346,34 @@ const checkDateValid = date => {
3304
3346
  }
3305
3347
 
3306
3348
  return null;
3349
+ },
3350
+
3351
+ isReadonly() {
3352
+ return this.readonly || this.multiple;
3353
+ },
3354
+
3355
+ rules() {
3356
+ const allRules = [this.checkDateValid, this.checkMax, this.checkMin, this.checkRequire];
3357
+
3358
+ if (this.multiple) {
3359
+ if (!this.inputVal.length && this.required) {
3360
+ return allRules.map(rule => rule.call(this, ''));
3361
+ }
3362
+
3363
+ return this.inputVal.flatMap(date => allRules.map(rule => rule.call(this, date)));
3364
+ }
3365
+
3366
+ return allRules;
3307
3367
  }
3308
3368
 
3309
3369
  }
3310
3370
  });
3311
3371
  ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=script&lang=ts
3312
3372
 
3313
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=2511ec57&lang=scss&scoped=true
3373
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=3e6e5c33&lang=scss&scoped=true
3314
3374
  // extracted by mini-css-extract-plugin
3315
3375
 
3316
- ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=2511ec57&lang=scss&scoped=true
3376
+ ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=3e6e5c33&lang=scss&scoped=true
3317
3377
 
3318
3378
  ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue
3319
3379
 
@@ -3323,7 +3383,7 @@ const checkDateValid = date => {
3323
3383
  ;
3324
3384
 
3325
3385
 
3326
- const DatePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DatePickervue_type_script_lang_ts, [['render',DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render],['__scopeId',"data-v-2511ec57"]])
3386
+ const DatePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(DatePickervue_type_script_lang_ts, [['render',DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_render],['__scopeId',"data-v-3e6e5c33"]])
3327
3387
 
3328
3388
  /* harmony default export */ var DatePicker = (DatePicker_exports_);
3329
3389
  ;// CONCATENATED MODULE: ./src/components/DatePicker/index.ts
@@ -11949,14 +12009,14 @@ const TextArea_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(TextAreav
11949
12009
 
11950
12010
 
11951
12011
  /* harmony default export */ var components_TextArea = ((/* unused pure expression or super */ null && (TextArea)));
11952
- ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/TextFieldV2/TextFieldV2.vue?vue&type=template&id=66f3b309&scoped=true&ts=true
12012
+ ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[5]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/TextFieldV2/TextFieldV2.vue?vue&type=template&id=f7377700&scoped=true&ts=true
11953
12013
 
11954
12014
 
11955
- const TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-66f3b309"), n = n(), _popScopeId(), n);
12015
+ const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-f7377700"), n = n(), _popScopeId(), n);
11956
12016
 
11957
- const TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_hoisted_1 = ["id"];
11958
- const TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_hoisted_2 = ["id", "disabled", "readonly", "type"];
11959
- function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
12017
+ const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_1 = ["id"];
12018
+ const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_2 = ["id", "disabled", "readonly", "type"];
12019
+ function TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
11960
12020
  const _component_farm_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-icon");
11961
12021
 
11962
12022
  const _component_farm_caption = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("farm-caption");
@@ -11973,7 +12033,8 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
11973
12033
  'farm-textfield--focused': $setup.isFocus && !$props.readonly,
11974
12034
  'farm-textfield--disabled': $props.disabled,
11975
12035
  'farm-textfield--hiddendetails': $props.hideDetails,
11976
- 'farm-textfield--uppercase': $setup.isUppercase
12036
+ 'farm-textfield--uppercase': $setup.isUppercase,
12037
+ 'farm-textfield--ellipsed': $props.ellipsed
11977
12038
  }]),
11978
12039
  id: $setup.customId
11979
12040
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
@@ -12005,7 +12066,7 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
12005
12066
  (...args) => $setup.onBlur && $setup.onBlur(...args)),
12006
12067
  onFocusin: _cache[5] || (_cache[5] = $event => $setup.onFocus(true)),
12007
12068
  onFocusout: _cache[6] || (_cache[6] = $event => $setup.onFocus(false))
12008
- }), null, 16, TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vModelDynamic, $setup.innerValue], [_directive_mask, $props.mask]]), $props.icon && $props.iconPosition === 'right' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
12069
+ }), null, 16, TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vModelDynamic, $setup.innerValue], [_directive_mask, $props.mask]]), $props.icon && $props.iconPosition === 'right' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
12009
12070
  key: 1,
12010
12071
  type: "button",
12011
12072
  onClick: _cache[7] || (_cache[7] = $event => _ctx.$emit('onClickIcon'))
@@ -12032,9 +12093,9 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
12032
12093
  }, {
12033
12094
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.hint), 1)]),
12034
12095
  _: 1
12035
- }, 8, ["class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_hoisted_1);
12096
+ }, 8, ["class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_1);
12036
12097
  }
12037
- ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=template&id=66f3b309&scoped=true&ts=true
12098
+ ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=template&id=f7377700&scoped=true&ts=true
12038
12099
 
12039
12100
  ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-89.use[0]!./node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-89.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/TextFieldV2/TextFieldV2.vue?vue&type=script&lang=ts
12040
12101
 
@@ -12153,6 +12214,14 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
12153
12214
  type: Function,
12154
12215
  // eslint-disable-next-line
12155
12216
  default: event => {}
12217
+ },
12218
+
12219
+ /**
12220
+ * Hide overflow content using ellipsis
12221
+ */
12222
+ ellipsed: {
12223
+ type: Boolean,
12224
+ default: false
12156
12225
  }
12157
12226
  },
12158
12227
 
@@ -12249,10 +12318,10 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
12249
12318
  });
12250
12319
  ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=script&lang=ts
12251
12320
 
12252
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=66f3b309&lang=scss&scoped=true
12321
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-69.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-69.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-69.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-69.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/components/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=f7377700&lang=scss&scoped=true
12253
12322
  // extracted by mini-css-extract-plugin
12254
12323
 
12255
- ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=66f3b309&lang=scss&scoped=true
12324
+ ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=f7377700&lang=scss&scoped=true
12256
12325
 
12257
12326
  ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue
12258
12327
 
@@ -12262,7 +12331,7 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
12262
12331
  ;
12263
12332
 
12264
12333
 
12265
- const TextFieldV2_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(TextFieldV2vue_type_script_lang_ts, [['render',TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render],['__scopeId',"data-v-66f3b309"]])
12334
+ const TextFieldV2_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(TextFieldV2vue_type_script_lang_ts, [['render',TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_render],['__scopeId',"data-v-f7377700"]])
12266
12335
 
12267
12336
  /* harmony default export */ var TextFieldV2_TextFieldV2 = (TextFieldV2_exports_);
12268
12337
  ;// CONCATENATED MODULE: ./src/components/TextFieldV2/index.ts