@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
@@ -2798,15 +2798,15 @@ const DataTablePaginator_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)
2798
2798
  ;// CONCATENATED MODULE: ./src/components/DataTablePaginator/index.ts
2799
2799
 
2800
2800
  /* harmony default export */ var components_DataTablePaginator = (DataTablePaginator);
2801
- ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-42.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-42.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
2801
+ ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-42.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-42.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
2802
2802
 
2803
2803
 
2804
- const DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-2511ec57"), n = n(), _popScopeId(), n);
2804
+ const DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-3e6e5c33"), n = n(), _popScopeId(), n);
2805
2805
 
2806
- const DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_hoisted_1 = {
2806
+ const DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_hoisted_1 = {
2807
2807
  class: "picker__actions"
2808
2808
  };
2809
- function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
2809
+ function DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
2810
2810
  const _component_VueDatePicker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("VueDatePicker");
2811
2811
 
2812
2812
  const _component_farm_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("farm-btn");
@@ -2834,12 +2834,13 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
2834
2834
  autocomplete: "off",
2835
2835
  ref: "inputCalendar",
2836
2836
  readonly: $props.readonly,
2837
- mask: `${$props.readonly ? '' : '##/##/####'}`,
2837
+ ellipsed: $props.multiple,
2838
+ mask: `${$options.isReadonly ? '' : '##/##/####'}`,
2838
2839
  requiredMessage: $props.requiredMessage,
2839
2840
  id: $props.inputId,
2840
- rules: [$data.checkDateValid, $data.checkMax, $data.checkMin, $data.checkRequire],
2841
+ rules: $options.rules,
2841
2842
  onKeyup: $options.keyUpInput
2842
- }, null, 8, ["modelValue", "readonly", "mask", "requiredMessage", "id", "rules", "onKeyup"])]),
2843
+ }, null, 8, ["modelValue", "readonly", "ellipsed", "mask", "requiredMessage", "id", "rules", "onKeyup"])]),
2843
2844
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_VueDatePicker, {
2844
2845
  "calendar-class-name": "dp-custom-calendar",
2845
2846
  inline: "",
@@ -2850,10 +2851,12 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
2850
2851
  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => $data.dateField = $event),
2851
2852
  "min-date": $options.minDate,
2852
2853
  "max-date": $options.maxDate,
2853
- "allowed-dates": $props.allowedDays,
2854
+ "allowed-dates": $props.allowedDates,
2855
+ "disabled-dates": $props.disabledDates,
2854
2856
  "day-names": ['S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
2855
- "start-date": $data.internalPickerDate
2856
- }, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "start-date"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_farm_btn, {
2857
+ "start-date": $data.internalPickerDate,
2858
+ "multi-dates": $props.multiple
2859
+ }, null, 8, ["modelValue", "min-date", "max-date", "allowed-dates", "disabled-dates", "start-date", "multi-dates"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", DatePickervue_type_template_id_3e6e5c33_scoped_true_ts_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_farm_btn, {
2857
2860
  plain: "",
2858
2861
  title: "Limpar",
2859
2862
  color: "primary",
@@ -2885,7 +2888,7 @@ function DatePickervue_type_template_id_2511ec57_scoped_true_ts_true_render(_ctx
2885
2888
  _: 1
2886
2889
  }, 8, ["modelValue", "bottom", "top"]);
2887
2890
  }
2888
- ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=2511ec57&scoped=true&ts=true
2891
+ ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=template&id=3e6e5c33&scoped=true&ts=true
2889
2892
 
2890
2893
  ;// CONCATENATED MODULE: ./src/helpers/formatDatePickerHeader.ts
2891
2894
  const monthNumberToMonthName = {
@@ -3070,7 +3073,7 @@ const checkDateValid = date => {
3070
3073
  * v-model bind
3071
3074
  */
3072
3075
  modelValue: {
3073
- type: String,
3076
+ type: [String, Array],
3074
3077
  default: ''
3075
3078
  },
3076
3079
 
@@ -3099,9 +3102,17 @@ const checkDateValid = date => {
3099
3102
  },
3100
3103
 
3101
3104
  /**
3102
- * Allowed days to be selected (format YYYY-MM-DD)
3105
+ * Allowed dates (format YYYY-MM-DD)
3106
+ */
3107
+ allowedDates: {
3108
+ type: Array,
3109
+ default: () => null
3110
+ },
3111
+
3112
+ /**
3113
+ * Disabled dates(format YYYY-MM-DD)
3103
3114
  */
3104
- allowedDays: {
3115
+ disabledDates: {
3105
3116
  type: Array,
3106
3117
  default: () => null
3107
3118
  },
@@ -3132,15 +3143,24 @@ const checkDateValid = date => {
3132
3143
  invalidMessage: {
3133
3144
  type: String,
3134
3145
  default: 'Data inválida'
3146
+ },
3147
+
3148
+ /**
3149
+ * Allow multiple dates
3150
+ */
3151
+ multiple: {
3152
+ type: Boolean,
3153
+ default: false
3135
3154
  }
3136
3155
  },
3137
3156
 
3138
3157
  data() {
3158
+ const s = this.formatDateRange(this.modelValue);
3139
3159
  return {
3140
3160
  internalPickerDate: this.pickerDate,
3141
3161
  menuField: false,
3142
3162
  dateField: this.modelValue,
3143
- fieldRange: revertDate(this.modelValue),
3163
+ fieldRange: this.multiple ? s : revertDate(this.modelValue),
3144
3164
  checkDateValid: value => {
3145
3165
  if (value.length > 0) {
3146
3166
  return checkDateValid(value) ? true : this.invalidMessage;
@@ -3175,6 +3195,15 @@ const checkDateValid = date => {
3175
3195
  }
3176
3196
 
3177
3197
  return true;
3198
+ },
3199
+ checkIsInAllowedDates: value => {
3200
+ const dateSelected = convertDate(value);
3201
+
3202
+ if (!this.required && value.length === 0) {
3203
+ return true;
3204
+ }
3205
+
3206
+ return this.allowedDates(dateSelected) || 'Data inválida';
3178
3207
  }
3179
3208
  };
3180
3209
  },
@@ -3182,11 +3211,12 @@ const checkDateValid = date => {
3182
3211
  watch: {
3183
3212
  modelValue(newValue) {
3184
3213
  this.dateField = newValue;
3214
+ this.fieldRange = this.multiple ? this.formatDateRange(newValue) : revertDate(newValue);
3185
3215
  },
3186
3216
 
3187
3217
  fieldRange(newValue) {
3188
3218
  if (!newValue) {
3189
- this.dateField = '';
3219
+ this.dateField = this.multiple ? [] : '';
3190
3220
  this.save();
3191
3221
  }
3192
3222
  },
@@ -3202,12 +3232,11 @@ const checkDateValid = date => {
3202
3232
  save() {
3203
3233
  this.inputVal = this.dateField;
3204
3234
  this.menuField = false;
3205
- this.fieldRange = revertDate(this.dateField);
3206
3235
  this.closeDatepicker();
3207
3236
  },
3208
3237
 
3209
3238
  clear() {
3210
- this.dateField = '';
3239
+ this.dateField = this.multiple ? [] : '';
3211
3240
  this.save();
3212
3241
  this.$refs.inputCalendar.reset();
3213
3242
  },
@@ -3222,7 +3251,8 @@ const checkDateValid = date => {
3222
3251
 
3223
3252
  if (this.validation(newValue) && newValue.length === 10) {
3224
3253
  const [day, month, year] = newValue.split('/');
3225
- this.dateField = `${year}-${month}-${day}`;
3254
+ const formattedDate = `${year}-${month}-${day}`;
3255
+ this.dateField = this.multiple ? [formattedDate] : formattedDate;
3226
3256
  this.save();
3227
3257
  }
3228
3258
  },
@@ -3243,7 +3273,19 @@ const checkDateValid = date => {
3243
3273
  this.$refs.contextmenu.inputValue = false;
3244
3274
  },
3245
3275
 
3246
- formatDatePickerHeader: formatDatePickerHeader
3276
+ formatDatePickerHeader: formatDatePickerHeader,
3277
+
3278
+ formatDateRange(date) {
3279
+ if (!date || date.length === 0) return '';
3280
+
3281
+ if (this.multiple) {
3282
+ let dateString = [...date].sort((a, b) => +new Date(a) - +new Date(b)).map(defaultFormat).join(', ');
3283
+ return dateString;
3284
+ }
3285
+
3286
+ return defaultFormat(date);
3287
+ }
3288
+
3247
3289
  },
3248
3290
  computed: {
3249
3291
  inputVal: {
@@ -3287,16 +3329,34 @@ const checkDateValid = date => {
3287
3329
  }
3288
3330
 
3289
3331
  return null;
3332
+ },
3333
+
3334
+ isReadonly() {
3335
+ return this.readonly || this.multiple;
3336
+ },
3337
+
3338
+ rules() {
3339
+ const allRules = [this.checkDateValid, this.checkMax, this.checkMin, this.checkRequire];
3340
+
3341
+ if (this.multiple) {
3342
+ if (!this.inputVal.length && this.required) {
3343
+ return allRules.map(rule => rule.call(this, ''));
3344
+ }
3345
+
3346
+ return this.inputVal.flatMap(date => allRules.map(rule => rule.call(this, date)));
3347
+ }
3348
+
3349
+ return allRules;
3290
3350
  }
3291
3351
 
3292
3352
  }
3293
3353
  });
3294
3354
  ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=script&lang=ts
3295
3355
 
3296
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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
3356
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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
3297
3357
  // extracted by mini-css-extract-plugin
3298
3358
 
3299
- ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=2511ec57&lang=scss&scoped=true
3359
+ ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue?vue&type=style&index=0&id=3e6e5c33&lang=scss&scoped=true
3300
3360
 
3301
3361
  ;// CONCATENATED MODULE: ./src/components/DatePicker/DatePicker.vue
3302
3362
 
@@ -3306,7 +3366,7 @@ const checkDateValid = date => {
3306
3366
  ;
3307
3367
 
3308
3368
 
3309
- 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"]])
3369
+ 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"]])
3310
3370
 
3311
3371
  /* harmony default export */ var DatePicker = (DatePicker_exports_);
3312
3372
  ;// CONCATENATED MODULE: ./src/components/DatePicker/index.ts
@@ -11932,14 +11992,14 @@ const TextArea_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(TextAreav
11932
11992
 
11933
11993
 
11934
11994
  /* harmony default export */ var components_TextArea = ((/* unused pure expression or super */ null && (TextArea)));
11935
- ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-42.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-42.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
11995
+ ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-42.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-42.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
11936
11996
 
11937
11997
 
11938
- const TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-66f3b309"), n = n(), _popScopeId(), n);
11998
+ const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-f7377700"), n = n(), _popScopeId(), n);
11939
11999
 
11940
- const TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_hoisted_1 = ["id"];
11941
- const TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_hoisted_2 = ["id", "disabled", "readonly", "type"];
11942
- function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
12000
+ const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_1 = ["id"];
12001
+ const TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_2 = ["id", "disabled", "readonly", "type"];
12002
+ function TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
11943
12003
  const _component_farm_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("farm-icon");
11944
12004
 
11945
12005
  const _component_farm_caption = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("farm-caption");
@@ -11956,7 +12016,8 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
11956
12016
  'farm-textfield--focused': $setup.isFocus && !$props.readonly,
11957
12017
  'farm-textfield--disabled': $props.disabled,
11958
12018
  'farm-textfield--hiddendetails': $props.hideDetails,
11959
- 'farm-textfield--uppercase': $setup.isUppercase
12019
+ 'farm-textfield--uppercase': $setup.isUppercase,
12020
+ 'farm-textfield--ellipsed': $props.ellipsed
11960
12021
  }]),
11961
12022
  id: $setup.customId
11962
12023
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
@@ -11988,7 +12049,7 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
11988
12049
  (...args) => $setup.onBlur && $setup.onBlur(...args)),
11989
12050
  onFocusin: _cache[5] || (_cache[5] = $event => $setup.onFocus(true)),
11990
12051
  onFocusout: _cache[6] || (_cache[6] = $event => $setup.onFocus(false))
11991
- }), null, 16, TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vModelDynamic, $setup.innerValue], [_directive_mask, $props.mask]]), $props.icon && $props.iconPosition === 'right' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", {
12052
+ }), null, 16, TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vModelDynamic, $setup.innerValue], [_directive_mask, $props.mask]]), $props.icon && $props.iconPosition === 'right' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", {
11992
12053
  key: 1,
11993
12054
  type: "button",
11994
12055
  onClick: _cache[7] || (_cache[7] = $event => _ctx.$emit('onClickIcon'))
@@ -12015,9 +12076,9 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
12015
12076
  }, {
12016
12077
  default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.hint), 1)]),
12017
12078
  _: 1
12018
- }, 8, ["class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_hoisted_1);
12079
+ }, 8, ["class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 10, TextFieldV2vue_type_template_id_f7377700_scoped_true_ts_true_hoisted_1);
12019
12080
  }
12020
- ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=template&id=66f3b309&scoped=true&ts=true
12081
+ ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=template&id=f7377700&scoped=true&ts=true
12021
12082
 
12022
12083
  ;// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??clonedRuleSet-42.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-42.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
12023
12084
 
@@ -12136,6 +12197,14 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
12136
12197
  type: Function,
12137
12198
  // eslint-disable-next-line
12138
12199
  default: event => {}
12200
+ },
12201
+
12202
+ /**
12203
+ * Hide overflow content using ellipsis
12204
+ */
12205
+ ellipsed: {
12206
+ type: Boolean,
12207
+ default: false
12139
12208
  }
12140
12209
  },
12141
12210
 
@@ -12232,10 +12301,10 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
12232
12301
  });
12233
12302
  ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=script&lang=ts
12234
12303
 
12235
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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
12304
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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
12236
12305
  // extracted by mini-css-extract-plugin
12237
12306
 
12238
- ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=66f3b309&lang=scss&scoped=true
12307
+ ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue?vue&type=style&index=0&id=f7377700&lang=scss&scoped=true
12239
12308
 
12240
12309
  ;// CONCATENATED MODULE: ./src/components/TextFieldV2/TextFieldV2.vue
12241
12310
 
@@ -12245,7 +12314,7 @@ function TextFieldV2vue_type_template_id_66f3b309_scoped_true_ts_true_render(_ct
12245
12314
  ;
12246
12315
 
12247
12316
 
12248
- 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"]])
12317
+ 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"]])
12249
12318
 
12250
12319
  /* harmony default export */ var TextFieldV2_TextFieldV2 = (TextFieldV2_exports_);
12251
12320
  ;// CONCATENATED MODULE: ./src/components/TextFieldV2/index.ts