vue-intergrall-plugins 0.0.97 → 0.0.103

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.
@@ -1790,7 +1790,7 @@ var createPopper = /*#__PURE__*/popperGenerator({
1790
1790
  //
1791
1791
  //
1792
1792
  //
1793
- var script$a = {
1793
+ var script$c = {
1794
1794
  data() {
1795
1795
  return {
1796
1796
  varValues: {},
@@ -2086,10 +2086,10 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
2086
2086
  }
2087
2087
 
2088
2088
  /* script */
2089
- const __vue_script__$a = script$a;
2089
+ const __vue_script__$c = script$c;
2090
2090
  /* template */
2091
2091
 
2092
- var __vue_render__$a = function () {
2092
+ var __vue_render__$c = function () {
2093
2093
  var _vm = this;
2094
2094
 
2095
2095
  var _h = _vm.$createElement;
@@ -2169,31 +2169,31 @@ var __vue_render__$a = function () {
2169
2169
  })], 2)]) : _vm._e()]);
2170
2170
  };
2171
2171
 
2172
- var __vue_staticRenderFns__$a = [];
2172
+ var __vue_staticRenderFns__$c = [];
2173
2173
  /* style */
2174
2174
 
2175
- const __vue_inject_styles__$a = undefined;
2175
+ const __vue_inject_styles__$c = undefined;
2176
2176
  /* scoped */
2177
2177
 
2178
- const __vue_scope_id__$a = undefined;
2178
+ const __vue_scope_id__$c = undefined;
2179
2179
  /* module identifier */
2180
2180
 
2181
- const __vue_module_identifier__$a = undefined;
2181
+ const __vue_module_identifier__$c = undefined;
2182
2182
  /* functional template */
2183
2183
 
2184
- const __vue_is_functional_template__$a = false;
2184
+ const __vue_is_functional_template__$c = false;
2185
2185
  /* style inject */
2186
2186
 
2187
2187
  /* style inject SSR */
2188
2188
 
2189
2189
  /* style inject shadow dom */
2190
2190
 
2191
- const __vue_component__$b = /*#__PURE__*/normalizeComponent({
2192
- render: __vue_render__$a,
2193
- staticRenderFns: __vue_staticRenderFns__$a
2194
- }, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
2191
+ const __vue_component__$e = /*#__PURE__*/normalizeComponent({
2192
+ render: __vue_render__$c,
2193
+ staticRenderFns: __vue_staticRenderFns__$c
2194
+ }, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, undefined, undefined, undefined);
2195
2195
 
2196
- var TemplateSingle = __vue_component__$b;
2196
+ var TemplateSingle = __vue_component__$e;
2197
2197
 
2198
2198
  const setResizeListeners = ($el, inputClass, parentClass) => {
2199
2199
  const inputTargets = $el.querySelectorAll(inputClass);
@@ -7947,7 +7947,7 @@ exports.default = { search: search, emojis: emojis, emoticons: emoticons };
7947
7947
  });
7948
7948
 
7949
7949
  //
7950
- var script$9 = {
7950
+ var script$b = {
7951
7951
  components: {
7952
7952
  "picker": emojiMart.Picker
7953
7953
  },
@@ -7971,6 +7971,11 @@ var script$9 = {
7971
7971
  type: Boolean,
7972
7972
  default: false,
7973
7973
  required: false
7974
+ },
7975
+ left: {
7976
+ type: Boolean,
7977
+ default: true,
7978
+ required: false
7974
7979
  }
7975
7980
  },
7976
7981
  computed: {
@@ -8019,7 +8024,7 @@ var script$9 = {
8019
8024
  if (this.$refs[this.emojiId] && this.$refs[this.emojiId].$el) {
8020
8025
  this.$refs[this.emojiId].$el.style.position = "absolute";
8021
8026
  this.$refs[this.emojiId].$el.style.top = `${this.top}px`;
8022
- this.$refs[this.emojiId].$el.style.left = "0";
8027
+ this.left ? this.$refs[this.emojiId].$el.style.left = "0" : this.$refs[this.emojiId].$el.style.right = "0";
8023
8028
  this.$refs[this.emojiId].$el.style.height = `${this.height}px`;
8024
8029
  }
8025
8030
  },
@@ -8040,10 +8045,10 @@ var script$9 = {
8040
8045
  };
8041
8046
 
8042
8047
  /* script */
8043
- const __vue_script__$9 = script$9;
8048
+ const __vue_script__$b = script$b;
8044
8049
  /* template */
8045
8050
 
8046
- var __vue_render__$9 = function () {
8051
+ var __vue_render__$b = function () {
8047
8052
  var _vm = this;
8048
8053
 
8049
8054
  var _h = _vm.$createElement;
@@ -8093,31 +8098,31 @@ var __vue_render__$9 = function () {
8093
8098
  })], 1);
8094
8099
  };
8095
8100
 
8096
- var __vue_staticRenderFns__$9 = [];
8101
+ var __vue_staticRenderFns__$b = [];
8097
8102
  /* style */
8098
8103
 
8099
- const __vue_inject_styles__$9 = undefined;
8104
+ const __vue_inject_styles__$b = undefined;
8100
8105
  /* scoped */
8101
8106
 
8102
- const __vue_scope_id__$9 = undefined;
8107
+ const __vue_scope_id__$b = undefined;
8103
8108
  /* module identifier */
8104
8109
 
8105
- const __vue_module_identifier__$9 = undefined;
8110
+ const __vue_module_identifier__$b = undefined;
8106
8111
  /* functional template */
8107
8112
 
8108
- const __vue_is_functional_template__$9 = false;
8113
+ const __vue_is_functional_template__$b = false;
8109
8114
  /* style inject */
8110
8115
 
8111
8116
  /* style inject SSR */
8112
8117
 
8113
8118
  /* style inject shadow dom */
8114
8119
 
8115
- const __vue_component__$a = /*#__PURE__*/normalizeComponent({
8116
- render: __vue_render__$9,
8117
- staticRenderFns: __vue_staticRenderFns__$9
8118
- }, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
8120
+ const __vue_component__$d = /*#__PURE__*/normalizeComponent({
8121
+ render: __vue_render__$b,
8122
+ staticRenderFns: __vue_staticRenderFns__$b
8123
+ }, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
8119
8124
 
8120
- var EmojisTextFooter = __vue_component__$a;
8125
+ var EmojisTextFooter = __vue_component__$d;
8121
8126
 
8122
8127
  //
8123
8128
  //
@@ -8125,7 +8130,7 @@ var EmojisTextFooter = __vue_component__$a;
8125
8130
  //
8126
8131
  //
8127
8132
  //
8128
- var script$8 = {
8133
+ var script$a = {
8129
8134
  props: {
8130
8135
  hasBg: {
8131
8136
  type: Boolean,
@@ -8197,10 +8202,10 @@ function addStyle(id, css) {
8197
8202
  }
8198
8203
 
8199
8204
  /* script */
8200
- const __vue_script__$8 = script$8;
8205
+ const __vue_script__$a = script$a;
8201
8206
  /* template */
8202
8207
 
8203
- var __vue_render__$8 = function () {
8208
+ var __vue_render__$a = function () {
8204
8209
  var _vm = this;
8205
8210
 
8206
8211
  var _h = _vm.$createElement;
@@ -8221,10 +8226,10 @@ var __vue_render__$8 = function () {
8221
8226
  })]);
8222
8227
  };
8223
8228
 
8224
- var __vue_staticRenderFns__$8 = [];
8229
+ var __vue_staticRenderFns__$a = [];
8225
8230
  /* style */
8226
8231
 
8227
- const __vue_inject_styles__$8 = function (inject) {
8232
+ const __vue_inject_styles__$a = function (inject) {
8228
8233
  if (!inject) return;
8229
8234
  inject("data-v-8ff43434_0", {
8230
8235
  source: ".req-loader-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.req-loader-container.light-bg{background-color:rgba(0,0,0,.3);border-radius:inherit}.req-loader-container.align-right{justify-content:flex-end}.req-loader-container.align-right .req-loader{margin-right:15px}.req-loader{border:2px solid #ccc;border-top:2px solid #333;border-radius:50%;width:20px;height:20px;min-width:20px;min-height:20px;animation:spin 2s linear infinite}.req-loader.big{width:40px;height:40px;animation:spin 3s linear infinite}.req-loader.slow{animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}",
@@ -8235,23 +8240,23 @@ const __vue_inject_styles__$8 = function (inject) {
8235
8240
  /* scoped */
8236
8241
 
8237
8242
 
8238
- const __vue_scope_id__$8 = undefined;
8243
+ const __vue_scope_id__$a = undefined;
8239
8244
  /* module identifier */
8240
8245
 
8241
- const __vue_module_identifier__$8 = undefined;
8246
+ const __vue_module_identifier__$a = undefined;
8242
8247
  /* functional template */
8243
8248
 
8244
- const __vue_is_functional_template__$8 = false;
8249
+ const __vue_is_functional_template__$a = false;
8245
8250
  /* style inject SSR */
8246
8251
 
8247
8252
  /* style inject shadow dom */
8248
8253
 
8249
- const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
8250
- render: __vue_render__$8,
8251
- staticRenderFns: __vue_staticRenderFns__$8
8252
- }, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, createInjector, undefined, undefined);
8254
+ const __vue_component__$c = /*#__PURE__*/normalizeComponent({
8255
+ render: __vue_render__$a,
8256
+ staticRenderFns: __vue_staticRenderFns__$a
8257
+ }, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, createInjector, undefined, undefined);
8253
8258
 
8254
- var Loader = __vue_component__$9;
8259
+ var Loader = __vue_component__$c;
8255
8260
 
8256
8261
  //
8257
8262
  //
@@ -8261,7 +8266,7 @@ var Loader = __vue_component__$9;
8261
8266
  //
8262
8267
  //
8263
8268
  //
8264
- var script$7 = {
8269
+ var script$9 = {
8265
8270
  props: {
8266
8271
  message: {
8267
8272
  type: String,
@@ -8282,10 +8287,10 @@ var script$7 = {
8282
8287
  };
8283
8288
 
8284
8289
  /* script */
8285
- const __vue_script__$7 = script$7;
8290
+ const __vue_script__$9 = script$9;
8286
8291
  /* template */
8287
8292
 
8288
- var __vue_render__$7 = function () {
8293
+ var __vue_render__$9 = function () {
8289
8294
  var _vm = this;
8290
8295
 
8291
8296
  var _h = _vm.$createElement;
@@ -8300,31 +8305,31 @@ var __vue_render__$7 = function () {
8300
8305
  }) : _vm._e();
8301
8306
  };
8302
8307
 
8303
- var __vue_staticRenderFns__$7 = [];
8308
+ var __vue_staticRenderFns__$9 = [];
8304
8309
  /* style */
8305
8310
 
8306
- const __vue_inject_styles__$7 = undefined;
8311
+ const __vue_inject_styles__$9 = undefined;
8307
8312
  /* scoped */
8308
8313
 
8309
- const __vue_scope_id__$7 = undefined;
8314
+ const __vue_scope_id__$9 = undefined;
8310
8315
  /* module identifier */
8311
8316
 
8312
- const __vue_module_identifier__$7 = undefined;
8317
+ const __vue_module_identifier__$9 = undefined;
8313
8318
  /* functional template */
8314
8319
 
8315
- const __vue_is_functional_template__$7 = false;
8320
+ const __vue_is_functional_template__$9 = false;
8316
8321
  /* style inject */
8317
8322
 
8318
8323
  /* style inject SSR */
8319
8324
 
8320
8325
  /* style inject shadow dom */
8321
8326
 
8322
- const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
8323
- render: __vue_render__$7,
8324
- staticRenderFns: __vue_staticRenderFns__$7
8325
- }, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
8327
+ const __vue_component__$b = /*#__PURE__*/normalizeComponent({
8328
+ render: __vue_render__$9,
8329
+ staticRenderFns: __vue_staticRenderFns__$9
8330
+ }, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
8326
8331
 
8327
- var RemainingCharacters = __vue_component__$8;
8332
+ var RemainingCharacters = __vue_component__$b;
8328
8333
 
8329
8334
  //
8330
8335
  //
@@ -8332,7 +8337,7 @@ var RemainingCharacters = __vue_component__$8;
8332
8337
  //
8333
8338
  //
8334
8339
  //
8335
- var script$6 = {
8340
+ var script$8 = {
8336
8341
  props: {
8337
8342
  dictionary: {
8338
8343
  type: Object,
@@ -8404,10 +8409,10 @@ var script$6 = {
8404
8409
  };
8405
8410
 
8406
8411
  /* script */
8407
- const __vue_script__$6 = script$6;
8412
+ const __vue_script__$8 = script$8;
8408
8413
  /* template */
8409
8414
 
8410
- var __vue_render__$6 = function () {
8415
+ var __vue_render__$8 = function () {
8411
8416
  var _vm = this;
8412
8417
 
8413
8418
  var _h = _vm.$createElement;
@@ -8429,31 +8434,31 @@ var __vue_render__$6 = function () {
8429
8434
  })], 1);
8430
8435
  };
8431
8436
 
8432
- var __vue_staticRenderFns__$6 = [];
8437
+ var __vue_staticRenderFns__$8 = [];
8433
8438
  /* style */
8434
8439
 
8435
- const __vue_inject_styles__$6 = undefined;
8440
+ const __vue_inject_styles__$8 = undefined;
8436
8441
  /* scoped */
8437
8442
 
8438
- const __vue_scope_id__$6 = undefined;
8443
+ const __vue_scope_id__$8 = undefined;
8439
8444
  /* module identifier */
8440
8445
 
8441
- const __vue_module_identifier__$6 = undefined;
8446
+ const __vue_module_identifier__$8 = undefined;
8442
8447
  /* functional template */
8443
8448
 
8444
- const __vue_is_functional_template__$6 = false;
8449
+ const __vue_is_functional_template__$8 = false;
8445
8450
  /* style inject */
8446
8451
 
8447
8452
  /* style inject SSR */
8448
8453
 
8449
8454
  /* style inject shadow dom */
8450
8455
 
8451
- const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
8452
- render: __vue_render__$6,
8453
- staticRenderFns: __vue_staticRenderFns__$6
8454
- }, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
8456
+ const __vue_component__$a = /*#__PURE__*/normalizeComponent({
8457
+ render: __vue_render__$8,
8458
+ staticRenderFns: __vue_staticRenderFns__$8
8459
+ }, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
8455
8460
 
8456
- var BtnMic = __vue_component__$7;
8461
+ var BtnMic = __vue_component__$a;
8457
8462
 
8458
8463
  //
8459
8464
  //
@@ -8477,7 +8482,7 @@ var BtnMic = __vue_component__$7;
8477
8482
  //
8478
8483
  //
8479
8484
  //
8480
- var script$5 = {
8485
+ var script$7 = {
8481
8486
  props: {
8482
8487
  dictionary: {
8483
8488
  type: Object,
@@ -8518,10 +8523,10 @@ var script$5 = {
8518
8523
  };
8519
8524
 
8520
8525
  /* script */
8521
- const __vue_script__$5 = script$5;
8526
+ const __vue_script__$7 = script$7;
8522
8527
  /* template */
8523
8528
 
8524
- var __vue_render__$5 = function () {
8529
+ var __vue_render__$7 = function () {
8525
8530
  var _vm = this;
8526
8531
 
8527
8532
  var _h = _vm.$createElement;
@@ -8575,34 +8580,40 @@ var __vue_render__$5 = function () {
8575
8580
  })]) : _vm._e()]], 2);
8576
8581
  };
8577
8582
 
8578
- var __vue_staticRenderFns__$5 = [];
8583
+ var __vue_staticRenderFns__$7 = [];
8579
8584
  /* style */
8580
8585
 
8581
- const __vue_inject_styles__$5 = undefined;
8586
+ const __vue_inject_styles__$7 = function (inject) {
8587
+ if (!inject) return;
8588
+ inject("data-v-6d0392fe_0", {
8589
+ source: ".text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}",
8590
+ map: undefined,
8591
+ media: undefined
8592
+ });
8593
+ };
8582
8594
  /* scoped */
8583
8595
 
8584
- const __vue_scope_id__$5 = undefined;
8596
+
8597
+ const __vue_scope_id__$7 = undefined;
8585
8598
  /* module identifier */
8586
8599
 
8587
- const __vue_module_identifier__$5 = undefined;
8600
+ const __vue_module_identifier__$7 = undefined;
8588
8601
  /* functional template */
8589
8602
 
8590
- const __vue_is_functional_template__$5 = false;
8591
- /* style inject */
8592
-
8603
+ const __vue_is_functional_template__$7 = false;
8593
8604
  /* style inject SSR */
8594
8605
 
8595
8606
  /* style inject shadow dom */
8596
8607
 
8597
- const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
8598
- render: __vue_render__$5,
8599
- staticRenderFns: __vue_staticRenderFns__$5
8600
- }, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
8608
+ const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
8609
+ render: __vue_render__$7,
8610
+ staticRenderFns: __vue_staticRenderFns__$7
8611
+ }, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, createInjector, undefined, undefined);
8601
8612
 
8602
- var SingleFilePreview = __vue_component__$6;
8613
+ var SingleFilePreview = __vue_component__$9;
8603
8614
 
8604
8615
  //
8605
- var script$4 = {
8616
+ var script$6 = {
8606
8617
  components: {
8607
8618
  Loader
8608
8619
  },
@@ -8685,10 +8696,10 @@ var script$4 = {
8685
8696
  };
8686
8697
 
8687
8698
  /* script */
8688
- const __vue_script__$4 = script$4;
8699
+ const __vue_script__$6 = script$6;
8689
8700
  /* template */
8690
8701
 
8691
- var __vue_render__$4 = function () {
8702
+ var __vue_render__$6 = function () {
8692
8703
  var _vm = this;
8693
8704
 
8694
8705
  var _h = _vm.$createElement;
@@ -8725,7 +8736,7 @@ var __vue_render__$4 = function () {
8725
8736
  }
8726
8737
  }), _vm._v(" "), _c('h4', {
8727
8738
  domProps: {
8728
- "textContent": _vm._s(_vm.validFileFormats)
8739
+ "innerHTML": _vm._s(_vm.validFileFormats)
8729
8740
  }
8730
8741
  })]) : _vm._e()] : _vm._l(_vm.file, function (singleFile, index) {
8731
8742
  return _c('div', {
@@ -8778,13 +8789,13 @@ var __vue_render__$4 = function () {
8778
8789
  })], 2)], 1);
8779
8790
  };
8780
8791
 
8781
- var __vue_staticRenderFns__$4 = [];
8792
+ var __vue_staticRenderFns__$6 = [];
8782
8793
  /* style */
8783
8794
 
8784
- const __vue_inject_styles__$4 = function (inject) {
8795
+ const __vue_inject_styles__$6 = function (inject) {
8785
8796
  if (!inject) return;
8786
- inject("data-v-22404f48_0", {
8787
- source: ".multiple-file-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:2.5px;border-top-right-radius:2.5px;transition:background-color 150ms;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:4px}.multiple-file-preview::-webkit-scrollbar{width:4px}.multiple-file-preview::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.multiple-file-preview::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#222}.multiple-file-preview::-webkit-scrollbar-thumb:hover{background-color:#555}.file-preview{display:flex;width:100%;align-items:center;padding:5px 10px;transition:background-color 150ms}.file-preview:hover{background-color:rgba(0,0,0,.1)}.file-title{color:#222;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;background-color:#fff;border-radius:30px}.file-title.red{color:#e74c3c;margin-left:5px}.file-title>svg{margin-right:5px}.small-img{flex:1;margin:0 15px;display:flex;justify-content:center;align-items:center;position:relative}.small-img img{height:40px;cursor:pointer}.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px;color:#e74c3c}.small-img .pdf svg{z-index:1}.small-img .pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.img-container{padding:5px;border-radius:2.5px;background-color:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center}.delete-file{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;min-width:1rem;min-height:1rem;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
8797
+ inject("data-v-77f8f3ea_0", {
8798
+ source: ".multiple-file-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:2.5px;border-top-right-radius:2.5px;transition:background-color 150ms;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:4px}.multiple-file-preview::-webkit-scrollbar{width:4px}.multiple-file-preview::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.multiple-file-preview::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#222}.multiple-file-preview::-webkit-scrollbar-thumb:hover{background-color:#555}.text-footer-invalid-format{color:#222;padding:10px}.text-footer-invalid-format h3{font-weight:500}.text-footer-invalid-format h4{font-size:.9rem}.text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;background-color:#fff;border-radius:50%}.text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-exclude-file svg:hover{color:#e74c3c}.file-preview{display:flex;width:100%;align-items:center;padding:5px 10px;transition:background-color 150ms}.file-preview:hover{background-color:rgba(0,0,0,.1)}.file-title{color:#222;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 10px;background-color:#fff;border-radius:30px}.file-title.red{color:#e74c3c;margin-left:5px}.file-title>svg{margin-right:5px}.small-img{flex:1;margin:0 15px;display:flex;justify-content:center;align-items:center;position:relative}.small-img img{height:40px;cursor:pointer}.small-img .pdf{display:flex;justify-content:center;align-items:center;font-size:30px;color:#e74c3c}.small-img .pdf svg{z-index:1}.small-img .pdf::after{content:\"\";position:absolute;bottom:2px;transform:translateY(2px);width:20px;height:20px;background-color:#fff}.img-container{padding:5px;border-radius:2.5px;background-color:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center}.delete-file{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;min-width:1rem;min-height:1rem;cursor:pointer}.delete-file>svg{font-size:1rem;color:#e74c3c}",
8788
8799
  map: undefined,
8789
8800
  media: undefined
8790
8801
  });
@@ -8792,26 +8803,26 @@ const __vue_inject_styles__$4 = function (inject) {
8792
8803
  /* scoped */
8793
8804
 
8794
8805
 
8795
- const __vue_scope_id__$4 = undefined;
8806
+ const __vue_scope_id__$6 = undefined;
8796
8807
  /* module identifier */
8797
8808
 
8798
- const __vue_module_identifier__$4 = undefined;
8809
+ const __vue_module_identifier__$6 = undefined;
8799
8810
  /* functional template */
8800
8811
 
8801
- const __vue_is_functional_template__$4 = false;
8812
+ const __vue_is_functional_template__$6 = false;
8802
8813
  /* style inject SSR */
8803
8814
 
8804
8815
  /* style inject shadow dom */
8805
8816
 
8806
- const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
8807
- render: __vue_render__$4,
8808
- staticRenderFns: __vue_staticRenderFns__$4
8809
- }, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, createInjector, undefined, undefined);
8817
+ const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
8818
+ render: __vue_render__$6,
8819
+ staticRenderFns: __vue_staticRenderFns__$6
8820
+ }, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, createInjector, undefined, undefined);
8810
8821
 
8811
- var MultipleFilePreview = __vue_component__$5;
8822
+ var MultipleFilePreview = __vue_component__$8;
8812
8823
 
8813
8824
  //
8814
- var script$3 = {
8825
+ var script$5 = {
8815
8826
  components: {
8816
8827
  SingleFilePreview,
8817
8828
  MultipleFilePreview
@@ -8944,7 +8955,7 @@ var script$3 = {
8944
8955
  } else {
8945
8956
  file.invalid = true;
8946
8957
  this.fileFormatError = true;
8947
- this.validFileFormats = `${file.imgOrDoc === "img" ? this.fileSettings.imagesExtensions.split("|").join(", ") : this.fileSettings.docsExtensions.split("|").join(", ")} ${this.dictionary.msg_extensoes_aceitas}`;
8958
+ this.validFileFormats = `Imgs: ${this.fileSettings.imagesExtensions.split("|").join(", ")} <br> Docs: ${this.fileSettings.docsExtensions.split("|").join(", ")} ${this.dictionary.msg_extensoes_aceitas}`;
8948
8959
  }
8949
8960
  });
8950
8961
  if (this.isDoc && !waitForImageLoad) this.emitFileVars();
@@ -8965,7 +8976,7 @@ var script$3 = {
8965
8976
  this.fileFormatError = false;
8966
8977
  } else {
8967
8978
  this.fileFormatError = true;
8968
- this.validFileFormats = `${type === "img" ? this.fileSettings.imagesExtensions.split("|").join(", ") : this.fileSettings.docsExtensions.split("|").join(", ")} ${this.dictionary.msg_extensoes_aceitas}`;
8979
+ this.validFileFormats = `Imgs: ${this.fileSettings.imagesExtensions.split("|").join(", ")} <br> Docs: ${this.fileSettings.docsExtensions.split("|").join(", ")} ${this.dictionary.msg_extensoes_aceitas}`;
8969
8980
  }
8970
8981
 
8971
8982
  if (this.isDoc) this.emitFileVars();
@@ -9022,10 +9033,10 @@ var script$3 = {
9022
9033
  };
9023
9034
 
9024
9035
  /* script */
9025
- const __vue_script__$3 = script$3;
9036
+ const __vue_script__$5 = script$5;
9026
9037
  /* template */
9027
9038
 
9028
- var __vue_render__$3 = function () {
9039
+ var __vue_render__$5 = function () {
9029
9040
  var _vm = this;
9030
9041
 
9031
9042
  var _h = _vm.$createElement;
@@ -9187,13 +9198,13 @@ var __vue_render__$3 = function () {
9187
9198
  })], 1)])], 1);
9188
9199
  };
9189
9200
 
9190
- var __vue_staticRenderFns__$3 = [];
9201
+ var __vue_staticRenderFns__$5 = [];
9191
9202
  /* style */
9192
9203
 
9193
- const __vue_inject_styles__$3 = function (inject) {
9204
+ const __vue_inject_styles__$5 = function (inject) {
9194
9205
  if (!inject) return;
9195
- inject("data-v-828edcb2_0", {
9196
- source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.files-counter{position:absolute;top:0;z-index:1;right:0;font-size:.5rem;width:15px;height:15px;border-radius:50%;background:#a4ac86;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .3s;color:#fff;font-weight:900}.files-counter:hover{opacity:1}",
9206
+ inject("data-v-47105414_0", {
9207
+ source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.files-counter{position:absolute;top:unset;transform:translate(17.5px,-15px);background-color:#888;z-index:1;font-size:.5rem;width:15px;height:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .3s;color:#fff;font-weight:900}.files-counter:hover{opacity:1}",
9197
9208
  map: undefined,
9198
9209
  media: undefined
9199
9210
  });
@@ -9201,31 +9212,102 @@ const __vue_inject_styles__$3 = function (inject) {
9201
9212
  /* scoped */
9202
9213
 
9203
9214
 
9204
- const __vue_scope_id__$3 = undefined;
9215
+ const __vue_scope_id__$5 = undefined;
9205
9216
  /* module identifier */
9206
9217
 
9207
- const __vue_module_identifier__$3 = undefined;
9218
+ const __vue_module_identifier__$5 = undefined;
9208
9219
  /* functional template */
9209
9220
 
9210
- const __vue_is_functional_template__$3 = false;
9221
+ const __vue_is_functional_template__$5 = false;
9211
9222
  /* style inject SSR */
9212
9223
 
9213
9224
  /* style inject shadow dom */
9214
9225
 
9215
- const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
9216
- render: __vue_render__$3,
9217
- staticRenderFns: __vue_staticRenderFns__$3
9218
- }, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, createInjector, undefined, undefined);
9226
+ const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
9227
+ render: __vue_render__$5,
9228
+ staticRenderFns: __vue_staticRenderFns__$5
9229
+ }, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, createInjector, undefined, undefined);
9219
9230
 
9220
- var BtnFiles = __vue_component__$4;
9231
+ var BtnFiles = __vue_component__$7;
9221
9232
 
9222
9233
  //
9223
- var script$2 = {
9234
+ //
9235
+ //
9236
+ //
9237
+ //
9238
+ //
9239
+ var script$4 = {
9240
+ props: {
9241
+ dictionary: {
9242
+ type: Object,
9243
+ default: {},
9244
+ required: false
9245
+ }
9246
+ }
9247
+ };
9248
+
9249
+ /* script */
9250
+ const __vue_script__$4 = script$4;
9251
+ /* template */
9252
+
9253
+ var __vue_render__$4 = function () {
9254
+ var _vm = this;
9255
+
9256
+ var _h = _vm.$createElement;
9257
+
9258
+ var _c = _vm._self._c || _h;
9259
+
9260
+ return _c('div', {
9261
+ staticClass: "text-footer-actions--btn",
9262
+ attrs: {
9263
+ "title": _vm.dictionary.title_expandir_textarea
9264
+ },
9265
+ on: {
9266
+ "click": function ($event) {
9267
+ return _vm.$emit('expand-textarea');
9268
+ }
9269
+ }
9270
+ }, [_c('fa-icon', {
9271
+ attrs: {
9272
+ "icon": ['fas', 'expand-alt']
9273
+ }
9274
+ })], 1);
9275
+ };
9276
+
9277
+ var __vue_staticRenderFns__$4 = [];
9278
+ /* style */
9279
+
9280
+ const __vue_inject_styles__$4 = undefined;
9281
+ /* scoped */
9282
+
9283
+ const __vue_scope_id__$4 = undefined;
9284
+ /* module identifier */
9285
+
9286
+ const __vue_module_identifier__$4 = undefined;
9287
+ /* functional template */
9288
+
9289
+ const __vue_is_functional_template__$4 = false;
9290
+ /* style inject */
9291
+
9292
+ /* style inject SSR */
9293
+
9294
+ /* style inject shadow dom */
9295
+
9296
+ const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
9297
+ render: __vue_render__$4,
9298
+ staticRenderFns: __vue_staticRenderFns__$4
9299
+ }, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
9300
+
9301
+ var BtnExpand = __vue_component__$6;
9302
+
9303
+ //
9304
+ var script$3 = {
9224
9305
  components: {
9225
9306
  EmojisTextFooter,
9226
9307
  Loader,
9227
9308
  BtnMic,
9228
9309
  BtnFiles,
9310
+ BtnExpand,
9229
9311
  RemainingCharacters
9230
9312
  },
9231
9313
  mixins: [mixin_1],
@@ -9237,7 +9319,8 @@ var script$2 = {
9237
9319
  hasEmojis: false,
9238
9320
  hasSendButton: false,
9239
9321
  hasFiles: false,
9240
- hasAudio: false
9322
+ hasAudio: false,
9323
+ hasExpand: false
9241
9324
  };
9242
9325
  },
9243
9326
  required: false
@@ -9246,6 +9329,7 @@ var script$2 = {
9246
9329
  type: Object,
9247
9330
  default: () => {
9248
9331
  return {
9332
+ height: false,
9249
9333
  width: "full",
9250
9334
  backgroundColor: "#FFF",
9251
9335
  outsideButtons: false
@@ -9386,14 +9470,14 @@ var script$2 = {
9386
9470
  if (this.textareaSettings.disabled) return false;
9387
9471
 
9388
9472
  if (this.fileFormatError) {
9389
- this.$toasted.global.defaultError({
9473
+ if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({
9390
9474
  msg: this.dictionary.msg_formato_invalido
9391
9475
  });
9392
9476
  const str = {
9393
9477
  img: this.fileSettings.imagesExtensions.split("|").join(", "),
9394
9478
  doc: this.fileSettings.docsExtensions.split("|").join(", ")
9395
9479
  };
9396
- this.$toasted.global.showValidFormats({
9480
+ if (!document.querySelector(".toasted.toasted-primary.info")) this.$toasted.global.showValidFormats({
9397
9481
  msg: `Imagens: ${str.img} - Documentos: ${str.doc} ${this.dictionary.msg_extensoes_aceitas}`
9398
9482
  });
9399
9483
  return false;
@@ -9410,6 +9494,7 @@ var script$2 = {
9410
9494
 
9411
9495
  formatMessage(message) {
9412
9496
  if (!message) return "";
9497
+ message = message.trim();
9413
9498
  message = message.replace(/\n$/, "", message);
9414
9499
  message = returnMessageWithHexa(message);
9415
9500
  message = this.removeHTMLElementsFromMessage(message);
@@ -9527,7 +9612,7 @@ var script$2 = {
9527
9612
  img: this.fileSettings.imagesExtensions.split("|").join(", "),
9528
9613
  doc: this.fileSettings.docsExtensions.split("|").join(", ")
9529
9614
  };
9530
- this.$toasted.global.showValidFormats({
9615
+ if (!document.querySelector(".toasted.toasted-primary.info")) this.$toasted.global.showValidFormats({
9531
9616
  msg: `Imagens: ${str.img} - Documentos: ${str.doc} ${this.dictionary.msg_extensoes_aceitas}`
9532
9617
  });
9533
9618
  return false;
@@ -9558,14 +9643,14 @@ var script$2 = {
9558
9643
  if (!invalidFile) {
9559
9644
  this.$refs[`${this.textId}-file`].fileUpload(files, fileType, true);
9560
9645
  } else {
9561
- this.$toasted.global.defaultError({
9646
+ if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({
9562
9647
  msg: this.dictionary.msg_formato_invalido
9563
9648
  });
9564
9649
  const str = {
9565
9650
  img: this.fileSettings.imagesExtensions.split("|").join(", "),
9566
9651
  doc: this.fileSettings.docsExtensions.split("|").join(", ")
9567
9652
  };
9568
- this.$toasted.global.showValidFormats({
9653
+ if (!document.querySelector(".toasted.toasted-primary.info")) this.$toasted.global.showValidFormats({
9569
9654
  msg: `Imagens: ${str.img} - Documentos: ${str.doc} ${this.dictionary.msg_extensoes_aceitas}`
9570
9655
  });
9571
9656
  }
@@ -9610,10 +9695,10 @@ var script$2 = {
9610
9695
  };
9611
9696
 
9612
9697
  /* script */
9613
- const __vue_script__$2 = script$2;
9698
+ const __vue_script__$3 = script$3;
9614
9699
  /* template */
9615
9700
 
9616
- var __vue_render__$2 = function () {
9701
+ var __vue_render__$3 = function () {
9617
9702
  var _vm = this;
9618
9703
 
9619
9704
  var _h = _vm.$createElement;
@@ -9628,6 +9713,9 @@ var __vue_render__$2 = function () {
9628
9713
  expression: "away"
9629
9714
  }],
9630
9715
  staticClass: "text-footer-container",
9716
+ class: {
9717
+ 'bigger': _vm.cssStyle.height
9718
+ },
9631
9719
  on: {
9632
9720
  "drop": function ($event) {
9633
9721
  $event.stopPropagation();
@@ -9793,16 +9881,31 @@ var __vue_render__$2 = function () {
9793
9881
  "set-file-vars": _vm.setFileVars,
9794
9882
  "open-image": _vm.openImage
9795
9883
  }
9884
+ }), _vm._v(" "), _c('BtnExpand', {
9885
+ directives: [{
9886
+ name: "show",
9887
+ rawName: "v-show",
9888
+ value: _vm.buttons.hasExpand && !_vm.audioFile,
9889
+ expression: "buttons.hasExpand && !audioFile"
9890
+ }],
9891
+ attrs: {
9892
+ "dictionary": _vm.dictionary
9893
+ },
9894
+ on: {
9895
+ "expand-textarea": function ($event) {
9896
+ return _vm.$emit('expand-textarea');
9897
+ }
9898
+ }
9796
9899
  })], 1) : _vm._e()], 1)]) : _vm._e();
9797
9900
  };
9798
9901
 
9799
- var __vue_staticRenderFns__$2 = [];
9902
+ var __vue_staticRenderFns__$3 = [];
9800
9903
  /* style */
9801
9904
 
9802
- const __vue_inject_styles__$2 = function (inject) {
9905
+ const __vue_inject_styles__$3 = function (inject) {
9803
9906
  if (!inject) return;
9804
- inject("data-v-6ea4a9d0_0", {
9805
- source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:5px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-preview-container{cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #222;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-preview-container .text-footer-exclude-file{position:absolute;top:5px;right:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;background-color:#fff;border-radius:50%}.text-footer-container .text-footer-preview-container .text-footer-exclude-file svg{transition:color .2s;color:#e9594a}.text-footer-container .text-footer-preview-container .text-footer-exclude-file svg:hover{color:#e74c3c}.text-footer-container .text-footer-preview-container .text-footer-preview-title{font-size:1rem;padding:10px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-footer-container .text-footer-preview-container .text-footer-image-preview{display:flex;justify-content:center;align-items:center;width:100%}.text-footer-container .text-footer-preview-container .text-footer-image-preview img{cursor:pointer;max-width:98%;max-height:98%;padding:2%}.text-footer-container .text-footer-preview-container .text-footer-invalid-format{color:#222;padding:10px}.text-footer-container .text-footer-preview-container .text-footer-invalid-format h3{font-weight:500}.text-footer-container .text-footer-preview-container .text-footer-invalid-format h4{font-size:.9rem}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-text-container{position:relative}.emoji-text-container .emoji-text-btn{font-size:1.2rem;cursor:pointer}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
9907
+ inject("data-v-d28a806c_0", {
9908
+ source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-preview-container{cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-text-container{position:relative}.emoji-text-container .emoji-text-btn{font-size:1.2rem;cursor:pointer}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
9806
9909
  map: undefined,
9807
9910
  media: undefined
9808
9911
  });
@@ -9810,26 +9913,26 @@ const __vue_inject_styles__$2 = function (inject) {
9810
9913
  /* scoped */
9811
9914
 
9812
9915
 
9813
- const __vue_scope_id__$2 = undefined;
9916
+ const __vue_scope_id__$3 = undefined;
9814
9917
  /* module identifier */
9815
9918
 
9816
- const __vue_module_identifier__$2 = undefined;
9919
+ const __vue_module_identifier__$3 = undefined;
9817
9920
  /* functional template */
9818
9921
 
9819
- const __vue_is_functional_template__$2 = false;
9922
+ const __vue_is_functional_template__$3 = false;
9820
9923
  /* style inject SSR */
9821
9924
 
9822
9925
  /* style inject shadow dom */
9823
9926
 
9824
- const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
9825
- render: __vue_render__$2,
9826
- staticRenderFns: __vue_staticRenderFns__$2
9827
- }, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, createInjector, undefined, undefined);
9828
-
9829
- var TextFooter = __vue_component__$3;
9830
-
9831
- //
9832
- var script$1 = {
9927
+ const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
9928
+ render: __vue_render__$3,
9929
+ staticRenderFns: __vue_staticRenderFns__$3
9930
+ }, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, createInjector, undefined, undefined);
9931
+
9932
+ var TextFooter = __vue_component__$5;
9933
+
9934
+ //
9935
+ var script$2 = {
9833
9936
  components: {
9834
9937
  TextFooter
9835
9938
  },
@@ -9880,10 +9983,10 @@ var script$1 = {
9880
9983
  };
9881
9984
 
9882
9985
  /* script */
9883
- const __vue_script__$1 = script$1;
9986
+ const __vue_script__$2 = script$2;
9884
9987
  /* template */
9885
9988
 
9886
- var __vue_render__$1 = function () {
9989
+ var __vue_render__$2 = function () {
9887
9990
  var _vm = this;
9888
9991
 
9889
9992
  var _h = _vm.$createElement;
@@ -9927,34 +10030,34 @@ var __vue_render__$1 = function () {
9927
10030
  })], 2)]) : _vm._e()], 1)])]);
9928
10031
  };
9929
10032
 
9930
- var __vue_staticRenderFns__$1 = [];
10033
+ var __vue_staticRenderFns__$2 = [];
9931
10034
  /* style */
9932
10035
 
9933
- const __vue_inject_styles__$1 = undefined;
10036
+ const __vue_inject_styles__$2 = undefined;
9934
10037
  /* scoped */
9935
10038
 
9936
- const __vue_scope_id__$1 = undefined;
10039
+ const __vue_scope_id__$2 = undefined;
9937
10040
  /* module identifier */
9938
10041
 
9939
- const __vue_module_identifier__$1 = undefined;
10042
+ const __vue_module_identifier__$2 = undefined;
9940
10043
  /* functional template */
9941
10044
 
9942
- const __vue_is_functional_template__$1 = false;
10045
+ const __vue_is_functional_template__$2 = false;
9943
10046
  /* style inject */
9944
10047
 
9945
10048
  /* style inject SSR */
9946
10049
 
9947
10050
  /* style inject shadow dom */
9948
10051
 
9949
- const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
9950
- render: __vue_render__$1,
9951
- staticRenderFns: __vue_staticRenderFns__$1
9952
- }, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
10052
+ const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
10053
+ render: __vue_render__$2,
10054
+ staticRenderFns: __vue_staticRenderFns__$2
10055
+ }, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
9953
10056
 
9954
- var TemplateMessage = __vue_component__$2;
10057
+ var TemplateMessage = __vue_component__$4;
9955
10058
 
9956
10059
  //
9957
- var script = {
10060
+ var script$1 = {
9958
10061
  components: {
9959
10062
  TemplateSingle,
9960
10063
  TemplateMessage
@@ -10154,10 +10257,10 @@ var script = {
10154
10257
  };
10155
10258
 
10156
10259
  /* script */
10157
- const __vue_script__ = script;
10260
+ const __vue_script__$1 = script$1;
10158
10261
  /* template */
10159
10262
 
10160
- var __vue_render__ = function () {
10263
+ var __vue_render__$1 = function () {
10161
10264
  var _vm = this;
10162
10265
 
10163
10266
  var _h = _vm.$createElement;
@@ -10231,13 +10334,421 @@ var __vue_render__ = function () {
10231
10334
  })], 1)] : _vm._e()], 2) : _vm._e();
10232
10335
  };
10233
10336
 
10337
+ var __vue_staticRenderFns__$1 = [];
10338
+ /* style */
10339
+
10340
+ const __vue_inject_styles__$1 = function (inject) {
10341
+ if (!inject) return;
10342
+ inject("data-v-e1527e06_0", {
10343
+ source: "*{box-sizing:border-box}.toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}h1,h2,h3,h4,p{margin:0;padding:0}.tg-container{width:100%;max-width:800px;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.tg-options{width:100%;display:flex}.tg-options.column{flex-direction:column}.tg-options h4{margin-right:5px}.tg-select{flex:1;height:34px;overflow:hidden}.tg-select .vs__dropdown-toggle{background-color:#fff;height:34px;overflow:hidden;display:flex;align-items:center}.tg-select .vs__selected-options{height:34px;overflow:hidden}.tg-select .vs__selected-options>span{white-space:nowrap;text-overflow:ellipsis;flex:1}.tg-select .vs__selected-options>input{flex-grow:0}.vs__dropdown-option{transition:background-color 150ms;white-space:normal}.vs__dropdown-option:nth-child(odd){background-color:#f1f1f1}.vs__dropdown-option--highlight,.vs__dropdown-option--selected,.vs__dropdown-option:active,.vs__dropdown-option:focus,.vs__dropdown-option:hover{background-color:#5897fb!important;color:#fff}.tg-component{width:100%}.ts-container{width:100%;display:flex;justify-content:space-between}.ts-content{--border-color:#CCC;--background-color:#DFF0D8;--input-background-color:#FFF;--input-border-default:#007BFF;--input-border-error:#E74C3C;--placeholder-color:#BBB;flex:2;font-size:.7rem;padding:10px 0}.ts-content footer,.ts-content header,.ts-content section{padding:3px 5px;background-color:var(--background-color)}.ts-content header,.ts-content section{border-right:1px solid var(--border-color);border-left:1px solid var(--border-color)}.ts-content header{border-top-left-radius:5px;border-top-right-radius:5px;border-top:1px solid var(--border-color)}.ts-content header{font-weight:550}.ts-content section{line-height:25px}.ts-content section.margin-bottom{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--border-color)}.ts-content footer{border:1px solid var(--border-color);border-top:unset;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.ts-content input{border:1px solid transparent;outline:0;font-size:.8rem;padding:2.5px 5px;background-color:var(--input-background-color)}.ts-content input::placeholder{color:var(--placeholder-color)}.ts-content input.active,.ts-content input:focus{border:1px solid var(--input-border-default)}.ts-content input.invalid{border:1px solid var(--input-border-error)!important}.ts-content__var{display:inline-block;position:relative}.ts-dropdown{margin:0;padding:0;position:absolute;top:19px;left:0;background:#eee;width:100%;z-index:1;transition:all 150ms;visibility:hidden;opacity:0;list-style-type:none;border:1px solid #444;border-top:unset}.ts-dropdown li{width:100%;opacity:.9;cursor:pointer;font-weight:550;padding:2px 5px;transition:background-color 150ms}.ts-dropdown li:focus,.ts-dropdown li:focus-within,.ts-dropdown li:hover{opacity:1;background-color:#555;color:#fff}.ts-dropdown.visible{visibility:visible;opacity:1}.tg-btn{width:40%;display:flex;justify-content:center;align-items:center}.tg-btn button{outline:unset;border:unset;display:block;min-width:180px;height:35px;padding:0 10px;font-weight:500;background-color:#007bff;color:#fff;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:25px}.tg-btn button:hover{opacity:1}.tg-btn button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.tg-btn button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.tg-btn button:active,.tg-btn button:focus{outline:unset}.tg-btn.small-btn{width:auto;margin-left:5px}.tg-btn.small-btn button{min-width:35px;width:35px;padding:0;display:flex;justify-content:center;align-items:center}.tm-container{border:1px solid var(--border-color);border-radius:5px;display:flex}",
10344
+ map: undefined,
10345
+ media: undefined
10346
+ });
10347
+ };
10348
+ /* scoped */
10349
+
10350
+
10351
+ const __vue_scope_id__$1 = undefined;
10352
+ /* module identifier */
10353
+
10354
+ const __vue_module_identifier__$1 = undefined;
10355
+ /* functional template */
10356
+
10357
+ const __vue_is_functional_template__$1 = false;
10358
+ /* style inject SSR */
10359
+
10360
+ /* style inject shadow dom */
10361
+
10362
+ const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
10363
+ render: __vue_render__$1,
10364
+ staticRenderFns: __vue_staticRenderFns__$1
10365
+ }, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, createInjector, undefined, undefined);
10366
+
10367
+ var __vue_component__$3 = __vue_component__$2;
10368
+
10369
+ //
10370
+ var script = {
10371
+ components: {
10372
+ EmojisTextFooter,
10373
+ BtnFiles
10374
+ },
10375
+ mixins: [mixin_1],
10376
+ props: {
10377
+ identifier: {
10378
+ type: String,
10379
+ required: true
10380
+ },
10381
+ dictionary: {
10382
+ type: Object,
10383
+ required: true
10384
+ },
10385
+ envioEmAndamento: {
10386
+ type: Boolean,
10387
+ required: false
10388
+ },
10389
+ buttons: {
10390
+ type: Object,
10391
+ default: () => {
10392
+ return {
10393
+ hasEmojis: false,
10394
+ hasSendButton: true,
10395
+ hasFiles: true
10396
+ };
10397
+ },
10398
+ required: false
10399
+ },
10400
+ fileSettings: {
10401
+ type: Object,
10402
+ default: () => {
10403
+ return {
10404
+ docsExtensions: "",
10405
+ imagesExtensions: "",
10406
+ multiple: false
10407
+ };
10408
+ },
10409
+ required: false
10410
+ },
10411
+ textareaSettings: {
10412
+ type: Object,
10413
+ default: () => {
10414
+ return {
10415
+ placeholderMessage: "",
10416
+ title: "Nova mensagem"
10417
+ };
10418
+ },
10419
+ required: false
10420
+ }
10421
+ },
10422
+
10423
+ data() {
10424
+ return {
10425
+ message: "",
10426
+ file: [],
10427
+ hasAnyFile: false,
10428
+ imagePreview: "",
10429
+ isDoc: false,
10430
+ fileFormatError: false
10431
+ };
10432
+ },
10433
+
10434
+ methods: {
10435
+ away() {
10436
+ if (this.$refs[`${this.identifier}-file`]) this.$refs[`${this.identifier}-file`].openFiles = false;
10437
+ },
10438
+
10439
+ removeHTMLElementsFromMessage(message) {
10440
+ const regexTags = /<\/?[\d\w\s=\-:./'";]+>/gi;
10441
+ if (message.match(regexTags)) message = message.replace(regexTags, ' ');
10442
+ return message;
10443
+ },
10444
+
10445
+ formatMessage(message) {
10446
+ if (!message) return "";
10447
+ message = message.trim();
10448
+ message = message.replace(/\n$/, "", message);
10449
+ message = returnMessageWithHexa(message);
10450
+ message = this.removeHTMLElementsFromMessage(message);
10451
+ return message;
10452
+ },
10453
+
10454
+ sendFinalMessage() {
10455
+ const messageAux = this.formatMessage(this.message);
10456
+ this.$emit("final-message", messageAux);
10457
+ },
10458
+
10459
+ emitirEnvio() {
10460
+ if (this.envioEmAndamento) return;
10461
+ if (!this.buttons.hasSendButton) return;
10462
+
10463
+ try {
10464
+ if (this.verifyMessage()) {
10465
+ const messageAux = this.formatMessage(this.message);
10466
+
10467
+ if (messageAux || this.hasAnyFile) {
10468
+ const objMessage = this.returnObjectMessage(messageAux);
10469
+ this.$emit("send-message", messageAux);
10470
+ this.$emit("obj-message", objMessage); // this.reset() // Deve ser chamada de fora do plugin
10471
+ }
10472
+ }
10473
+ } catch (e) {
10474
+ console.error("Erro ao emitir envio da mensagem");
10475
+ console.error(e);
10476
+ }
10477
+ },
10478
+
10479
+ verifyMessage() {
10480
+ if ((!this.message || !this.message.trim()) && !this.hasAnyFile) return false;
10481
+
10482
+ if (this.fileFormatError) {
10483
+ if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({
10484
+ msg: this.dictionary.msg_formato_invalido
10485
+ });
10486
+ const str = {
10487
+ img: this.fileSettings.imagesExtensions.split("|").join(", "),
10488
+ doc: this.fileSettings.docsExtensions.split("|").join(", ")
10489
+ };
10490
+ if (!document.querySelector(".toasted.toasted-primary.info")) this.$toasted.global.showValidFormats({
10491
+ msg: `Imagens: ${str.img} - Documentos: ${str.doc} ${this.dictionary.msg_extensoes_aceitas}`
10492
+ });
10493
+ return false;
10494
+ }
10495
+
10496
+ return true;
10497
+ },
10498
+
10499
+ returnObjectMessage(message) {
10500
+ return {
10501
+ message,
10502
+ attachment: this.hasAnyFile ? this.file : false,
10503
+ isDoc: this.isDoc,
10504
+ imagePreview: this.imagePreview
10505
+ };
10506
+ },
10507
+
10508
+ reset() {
10509
+ if (this.buttons.hasEmojis && this.$refs[`emoji-text-${this.identifier}-emoji`].showEmojis) this.$refs[`emoji-text-${this.identifier}-emoji`].toggleEmojiSelection();
10510
+ if (this.hasAnyFile) this.$refs[`${this.identifier}-file`].deleteFile();
10511
+ this.message = "";
10512
+ this.sendFinalMessage();
10513
+ this.focusTextarea();
10514
+ },
10515
+
10516
+ dropFile(e) {
10517
+ try {
10518
+ e.stopPropagation();
10519
+ e.preventDefault();
10520
+ const files = e.dataTransfer.files.length ? e.dataTransfer.files : "";
10521
+ this.filesHandler(files);
10522
+ } catch (e) {
10523
+ console.error("Erro drop file");
10524
+ console.error(e);
10525
+ }
10526
+ },
10527
+
10528
+ returnFileType(file, stopAlert) {
10529
+ const imgRegex = new RegExp("\.(" + this.fileSettings.imagesExtensions + ")", "i");
10530
+ if (imgRegex.test(file.name)) return "img";
10531
+ const docRegex = new RegExp("\.(" + this.fileSettings.docsExtensions + ")", "i");
10532
+ if (docRegex.test(file.name)) return "doc";
10533
+ if (!stopAlert) return;
10534
+ if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({
10535
+ msg: this.dictionary.msg_formato_invalido
10536
+ });
10537
+ const str = {
10538
+ img: this.fileSettings.imagesExtensions.split("|").join(", "),
10539
+ doc: this.fileSettings.docsExtensions.split("|").join(", ")
10540
+ };
10541
+ if (!document.querySelector(".toasted.toasted-primary.info")) this.$toasted.global.showValidFormats({
10542
+ msg: `Imagens: ${str.img} - Documentos: ${str.doc} ${this.dictionary.msg_extensoes_aceitas}`
10543
+ });
10544
+ return false;
10545
+ },
10546
+
10547
+ filesHandler(files) {
10548
+ if (!Array.isArray(files)) files = Array.from(files);
10549
+ const fileType = this.returnFileType(files[0], true);
10550
+ let invalidFile = false;
10551
+
10552
+ try {
10553
+ files.forEach(file => {
10554
+ const singleFileType = this.returnFileType(file, true);
10555
+
10556
+ if (!singleFileType) {
10557
+ invalidFile = true;
10558
+ file.invalid = true;
10559
+ }
10560
+
10561
+ file.imgOrDoc = singleFileType ? singleFileType : "";
10562
+ });
10563
+ } catch (e) {
10564
+ console.error("Erro ao tentar percorrer os arquivos");
10565
+ console.error(e);
10566
+ invalidFile = true;
10567
+ }
10568
+
10569
+ if (!invalidFile) {
10570
+ this.$refs[`${this.identifier}-file`].fileUpload(files, fileType, true);
10571
+ } else {
10572
+ if (!document.querySelector(".toasted.toasted-primary.error")) this.$toasted.global.defaultError({
10573
+ msg: this.dictionary.msg_formato_invalido
10574
+ });
10575
+ const str = {
10576
+ img: this.fileSettings.imagesExtensions.split("|").join(", "),
10577
+ doc: this.fileSettings.docsExtensions.split("|").join(", ")
10578
+ };
10579
+ if (!document.querySelector(".toasted.toasted-primary.info")) this.$toasted.global.showValidFormats({
10580
+ msg: `Imagens: ${str.img} - Documentos: ${str.doc} ${this.dictionary.msg_extensoes_aceitas}`
10581
+ });
10582
+ }
10583
+ },
10584
+
10585
+ focusTextarea() {
10586
+ this.$refs[`${this.identifier}`].focus();
10587
+ },
10588
+
10589
+ setFileVars(fileObj) {
10590
+ const {
10591
+ file,
10592
+ imagePreview,
10593
+ isDoc,
10594
+ fileFormatError,
10595
+ hasAnyFile
10596
+ } = fileObj;
10597
+ this.file = file;
10598
+ this.imagePreview = imagePreview ? imagePreview : "";
10599
+ this.isDoc = isDoc;
10600
+ this.fileFormatError = fileFormatError;
10601
+ this.hasAnyFile = hasAnyFile;
10602
+ this.$emit("set-file-vars", fileObj);
10603
+ },
10604
+
10605
+ openImage(imagePreview) {
10606
+ this.$emit("open-image", imagePreview);
10607
+ },
10608
+
10609
+ pasteImage(e) {
10610
+ try {
10611
+ if (e.clipboardData.files.length && !this.buttons.hasFiles) {
10612
+ e.preventDefault();
10613
+ return;
10614
+ } else if (e.clipboardData.files.length && this.buttons.hasFiles) {
10615
+ const files = e.clipboardData.files;
10616
+ this.filesHandler(files);
10617
+ }
10618
+ } catch (e) {
10619
+ console.error("Nao foi possivel colar a/o imagem/documento");
10620
+ console.error(e);
10621
+ }
10622
+ },
10623
+
10624
+ insertEmoji(emoji) {
10625
+ try {
10626
+ const textarea = this.$refs[`${this.identifier}`];
10627
+ console.log(textarea);
10628
+ this.focusTextarea();
10629
+ const cursorStart = textarea.selectionStart;
10630
+ const cursorEnd = textarea.selectionEnd;
10631
+ this.message = this.message.slice(0, cursorStart) + emoji.native + this.message.slice(cursorEnd);
10632
+ this.sendFinalMessage();
10633
+ } catch (e) {
10634
+ console.error("Erro na insercao de emojis");
10635
+ console.error(e);
10636
+ }
10637
+ }
10638
+
10639
+ }
10640
+ };
10641
+
10642
+ /* script */
10643
+ const __vue_script__ = script;
10644
+ /* template */
10645
+
10646
+ var __vue_render__ = function () {
10647
+ var _vm = this;
10648
+
10649
+ var _h = _vm.$createElement;
10650
+
10651
+ var _c = _vm._self._c || _h;
10652
+
10653
+ return _c('div', {
10654
+ directives: [{
10655
+ name: "on-clickaway",
10656
+ rawName: "v-on-clickaway",
10657
+ value: _vm.away,
10658
+ expression: "away"
10659
+ }],
10660
+ staticClass: "expand-textarea",
10661
+ on: {
10662
+ "drop": function ($event) {
10663
+ $event.stopPropagation();
10664
+ return _vm.dropFile.apply(null, arguments);
10665
+ },
10666
+ "dragenter": function ($event) {
10667
+ $event.preventDefault();
10668
+ },
10669
+ "dragover": function ($event) {
10670
+ $event.preventDefault();
10671
+ }
10672
+ }
10673
+ }, [_c('fa-icon', {
10674
+ staticClass: "sc-icone-fechar sc-icone-fechar--externo",
10675
+ attrs: {
10676
+ "icon": ['fas', 'times-circle']
10677
+ },
10678
+ on: {
10679
+ "click": function ($event) {
10680
+ return _vm.$emit('fechar-expand');
10681
+ }
10682
+ }
10683
+ }), _vm._v(" "), _c('div', {
10684
+ staticClass: "expand-textarea-content"
10685
+ }, [_c('h1', {
10686
+ staticClass: "expand-textarea-title",
10687
+ domProps: {
10688
+ "textContent": _vm._s(_vm.textareaSettings.title)
10689
+ }
10690
+ }), _vm._v(" "), _c('textarea', {
10691
+ directives: [{
10692
+ name: "model",
10693
+ rawName: "v-model",
10694
+ value: _vm.message,
10695
+ expression: "message"
10696
+ }],
10697
+ ref: _vm.identifier,
10698
+ attrs: {
10699
+ "placeholder": _vm.textareaSettings.placeholderMessage
10700
+ },
10701
+ domProps: {
10702
+ "value": _vm.message
10703
+ },
10704
+ on: {
10705
+ "input": [function ($event) {
10706
+ if ($event.target.composing) {
10707
+ return;
10708
+ }
10709
+
10710
+ _vm.message = $event.target.value;
10711
+ }, _vm.sendFinalMessage],
10712
+ "paste": _vm.pasteImage
10713
+ }
10714
+ }), _vm._v(" "), _c('div', {
10715
+ staticClass: "expand-textarea-footer"
10716
+ }, [_c('EmojisTextFooter', {
10717
+ directives: [{
10718
+ name: "show",
10719
+ rawName: "v-show",
10720
+ value: _vm.buttons.hasEmojis,
10721
+ expression: "buttons.hasEmojis"
10722
+ }],
10723
+ ref: _vm.identifier + "-emojis",
10724
+ attrs: {
10725
+ "emojiId": _vm.identifier + "-em",
10726
+ "left": false
10727
+ },
10728
+ on: {
10729
+ "insert-emoji": _vm.insertEmoji
10730
+ }
10731
+ }), _vm._v(" "), _vm.buttons.hasFiles ? _c('BtnFiles', {
10732
+ ref: _vm.identifier + "-file",
10733
+ attrs: {
10734
+ "textId": _vm.identifier,
10735
+ "dictionary": _vm.dictionary,
10736
+ "fileSettings": _vm.fileSettings
10737
+ },
10738
+ on: {
10739
+ "set-file-vars": _vm.setFileVars,
10740
+ "open-image": _vm.openImage
10741
+ }
10742
+ }) : _vm._e(), _vm._v(" "), _vm._t("btn-1"), _vm._v(" "), _vm._t("btn-2")], 2)])], 1);
10743
+ };
10744
+
10234
10745
  var __vue_staticRenderFns__ = [];
10235
10746
  /* style */
10236
10747
 
10237
10748
  const __vue_inject_styles__ = function (inject) {
10238
10749
  if (!inject) return;
10239
- inject("data-v-35a85f88_0", {
10240
- source: "*{box-sizing:border-box}.toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}h1,h2,h3,h4,p{margin:0;padding:0}.tg-container{width:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.tg-options{width:100%;display:flex}.tg-options.column{flex-direction:column}.tg-options h4{margin-right:5px}.tg-select{flex:1;height:34px;overflow:hidden}.tg-select .vs__dropdown-toggle{background-color:#fff;height:34px;overflow:hidden;display:flex;align-items:center}.tg-select .vs__selected-options{height:34px;overflow:hidden}.tg-select .vs__selected-options>span{white-space:nowrap;text-overflow:ellipsis;flex:1}.vs__dropdown-option{transition:background-color 150ms;white-space:normal}.vs__dropdown-option:nth-child(odd){background-color:#f1f1f1}.vs__dropdown-option--highlight,.vs__dropdown-option--selected,.vs__dropdown-option:active,.vs__dropdown-option:focus,.vs__dropdown-option:hover{background-color:#5897fb!important;color:#fff}.tg-component{width:100%}.ts-container{width:100%;display:flex;justify-content:space-between}.ts-content{--border-color:#CCC;--background-color:#DFF0D8;--input-background-color:#FFF;--input-border-default:#007BFF;--input-border-error:#E74C3C;--placeholder-color:#BBB;flex:2;font-size:.7rem;padding:10px 0}.ts-content footer,.ts-content header,.ts-content section{padding:3px 5px;background-color:var(--background-color)}.ts-content header,.ts-content section{border-right:1px solid var(--border-color);border-left:1px solid var(--border-color)}.ts-content header{border-top-left-radius:5px;border-top-right-radius:5px;border-top:1px solid var(--border-color)}.ts-content header{font-weight:550}.ts-content section{line-height:25px}.ts-content section.margin-bottom{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--border-color)}.ts-content footer{border:1px solid var(--border-color);border-top:unset;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.ts-content input{border:1px solid transparent;outline:0;font-size:.8rem;padding:2.5px 5px;background-color:var(--input-background-color)}.ts-content input::placeholder{color:var(--placeholder-color)}.ts-content input.active,.ts-content input:focus{border:1px solid var(--input-border-default)}.ts-content input.invalid{border:1px solid var(--input-border-error)!important}.ts-content__var{display:inline-block;position:relative}.ts-dropdown{margin:0;padding:0;position:absolute;top:19px;left:0;background:#eee;width:100%;z-index:1;transition:all 150ms;visibility:hidden;opacity:0;list-style-type:none;border:1px solid #444;border-top:unset}.ts-dropdown li{width:100%;opacity:.9;cursor:pointer;font-weight:550;padding:2px 5px;transition:background-color 150ms}.ts-dropdown li:focus,.ts-dropdown li:focus-within,.ts-dropdown li:hover{opacity:1;background-color:#555;color:#fff}.ts-dropdown.visible{visibility:visible;opacity:1}.tg-btn{width:40%;display:flex;justify-content:center;align-items:center}.tg-btn button{outline:unset;border:unset;display:block;min-width:180px;height:35px;padding:0 10px;font-weight:500;background-color:#007bff;color:#fff;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:25px}.tg-btn button:hover{opacity:1}.tg-btn button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.tg-btn button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.tg-btn button:active,.tg-btn button:focus{outline:unset}.tg-btn.small-btn{width:auto;margin-left:5px}.tg-btn.small-btn button{min-width:35px;width:35px;padding:0;display:flex;justify-content:center;align-items:center}.tm-container{border:1px solid var(--border-color);border-radius:5px;display:flex}",
10750
+ inject("data-v-2dfbb758_0", {
10751
+ source: ".sc-icone-fechar{cursor:pointer;position:absolute;top:0;right:0;background-color:#fff;border-radius:50%;z-index:1;color:#e74c3c;font-size:1.3rem}.sc-icone-fechar.sc-icone-fechar--externo{top:-10px;right:-10px}.sc-icone-fechar.sc-icone-fechar--interno{top:10px;right:10px}.expand-textarea{position:relative;width:90%;height:90%;z-index:1}.expand-textarea-content{overflow-x:hidden;overflow-y:auto;background-color:#fff;width:100%;height:100%;display:flex;flex-direction:column}.expand-textarea-title{padding:2.5px 8px;min-height:38px;display:flex;align-items:center;width:100%;font-size:1.3rem;background-color:#222;color:#fff}.expand-textarea-content textarea{padding:10px;flex:1;width:100%;border:unset;resize:none;outline:0;overflow-x:hidden}.expand-textarea-content textarea:active,.expand-textarea-content textarea:hover{outline:0}.expand-textarea-footer{display:flex;justify-content:flex-end;align-items:center;padding:10px;background-color:#f7f7f7;position:relative}.expand-textarea-footer .text-footer-preview-container{position:absolute;top:-200px;right:145px;height:200px;background:#f7f7f7}.expand-textarea-footer .text-footer-actions--btn{width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,0);color:#333;padding:2.5px;margin:0 15px 0 10px;display:flex;justify-content:center;align-items:center;font-size:1.3rem;cursor:pointer;opacity:.9;transition:all .3s}.expand-textarea-footer .text-footer-actions--btn:hover{opacity:1;background-color:rgba(30,30,30,.1)}.expand-textarea-button{width:125px;height:30px;display:flex;justify-content:center;align-items:center;transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.2);opacity:.9;border-radius:5px;padding:5px 10px;border-radius:2.5px;position:relative}.expand-textarea-button.green{background-color:#2a963a;color:#fff;margin-right:10px}.expand-textarea-button.red{background-color:#e74c3c;color:#fff}.expand-textarea-button:hover{opacity:1}.expand-textarea-button:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.expand-textarea-button.carregando{background-color:#777}",
10241
10752
  map: undefined,
10242
10753
  media: undefined
10243
10754
  });
@@ -10265,8 +10776,9 @@ var __vue_component__$1 = __vue_component__;
10265
10776
 
10266
10777
  var components = /*#__PURE__*/Object.freeze({
10267
10778
  __proto__: null,
10268
- TemplateGenerator: __vue_component__$1,
10269
- TextFooter: TextFooter
10779
+ TemplateGenerator: __vue_component__$3,
10780
+ TextFooter: TextFooter,
10781
+ ExpandTextarea: __vue_component__$1
10270
10782
  });
10271
10783
 
10272
10784
  // Import vue components
@@ -10277,4 +10789,4 @@ const install = function installVueIntergrallPlugins(Vue) {
10277
10789
  });
10278
10790
  }; // Create module definition for Vue.use()
10279
10791
 
10280
- export { __vue_component__$1 as TemplateGenerator, TextFooter, install as default };
10792
+ export { __vue_component__$1 as ExpandTextarea, __vue_component__$3 as TemplateGenerator, TextFooter, install as default };