@alexochihua/exos-library-components 2.20.3 → 2.20.5

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 (5) hide show
  1. package/dist/exos-library-components.common.js +46 -15
  2. package/dist/exos-library-components.umd.js +46 -15
  3. package/dist/exos-library-components.umd.min.js +1 -1
  4. package/dist/style.css +4 -8
  5. package/package.json +1 -1
package/dist/exos-library-components.common.js CHANGED
@@ -6819,6 +6819,13 @@ const EFileViewervue_type_script_setup_true_lang_js_hoisted_11 = ["src", "id"];
6819
6819
  showDownload: {
6820
6820
  type: Boolean,
6821
6821
  default: true
6822
+ },
6823
+ /**
6824
+ * Bandera que indica si el archivo no es soportado para visualización
6825
+ */
6826
+ notSupported: {
6827
+ type: Boolean,
6828
+ default: false
6822
6829
  }
6823
6830
  },
6824
6831
  emits: 'close',
@@ -6835,6 +6842,9 @@ const EFileViewervue_type_script_setup_true_lang_js_hoisted_11 = ["src", "id"];
6835
6842
  body ? (body.style.color = 'black', body.style.background = 'white') : false;
6836
6843
  };
6837
6844
  const isSupportFormat = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
6845
+ if (props.notSupported) {
6846
+ return false;
6847
+ }
6838
6848
  if (!mimeType.value) {
6839
6849
  return true;
6840
6850
  }
@@ -30866,23 +30876,23 @@ if (typeof (EBtnTogglevue_type_custom_index_0_blockType_docs_lang_md_default())
30866
30876
  const EBtnToggle_exports_ = EBtnTogglevue_type_script_setup_true_lang_js;
30867
30877
 
30868
30878
  /* harmony default export */ var EBtnToggle = (EBtnToggle_exports_);
30869
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=7eed5c30
30879
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=c979566e
30870
30880
 
30871
- const EFilePickervue_type_template_id_7eed5c30_hoisted_1 = ["accept", "multiple", "disabled", "id"];
30872
- const EFilePickervue_type_template_id_7eed5c30_hoisted_2 = ["for"];
30873
- const EFilePickervue_type_template_id_7eed5c30_hoisted_3 = {
30881
+ const EFilePickervue_type_template_id_c979566e_hoisted_1 = ["accept", "multiple", "disabled", "id"];
30882
+ const EFilePickervue_type_template_id_c979566e_hoisted_2 = ["for"];
30883
+ const EFilePickervue_type_template_id_c979566e_hoisted_3 = {
30874
30884
  key: 1,
30875
30885
  class: "e-inputFile__multipleFiles"
30876
30886
  };
30877
- const EFilePickervue_type_template_id_7eed5c30_hoisted_4 = {
30887
+ const EFilePickervue_type_template_id_c979566e_hoisted_4 = {
30878
30888
  key: 0,
30879
30889
  class: "e-inputFile__containerFileInfo"
30880
30890
  };
30881
- const EFilePickervue_type_template_id_7eed5c30_hoisted_5 = {
30891
+ const EFilePickervue_type_template_id_c979566e_hoisted_5 = {
30882
30892
  key: 1,
30883
30893
  class: "e-inputFile__message--error"
30884
30894
  };
30885
- function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $setup, $data, $options) {
30895
+ function EFilePickervue_type_template_id_c979566e_render(_ctx, _cache, $props, $setup, $data, $options) {
30886
30896
  const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
30887
30897
  const _component_e_file_viewer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-file-viewer");
30888
30898
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
@@ -30901,7 +30911,7 @@ function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $
30901
30911
  id: 'inputFile-' + $props.label,
30902
30912
  onChange: _cache[0] || (_cache[0] = (...args) => $options.handleFileChange && $options.handleFileChange(...args)),
30903
30913
  onClick: _cache[1] || (_cache[1] = (...args) => $options.handleClick && $options.handleClick(...args))
30904
- }, null, 40, EFilePickervue_type_template_id_7eed5c30_hoisted_1), !$props.modelValue ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", {
30914
+ }, null, 40, EFilePickervue_type_template_id_c979566e_hoisted_1), !$props.modelValue ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", {
30905
30915
  key: 0,
30906
30916
  for: 'inputFile-' + $props.label,
30907
30917
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelClass)
@@ -30910,7 +30920,7 @@ function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $
30910
30920
  }, $options.iconInfo)), null, 16)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
30911
30921
  key: 0,
30912
30922
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.requiredClass)
30913
- }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 10, EFilePickervue_type_template_id_7eed5c30_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.multiple && $options.labelSelected ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_7eed5c30_hoisted_3, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.labelSelected, (file, index) => {
30923
+ }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 10, EFilePickervue_type_template_id_c979566e_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.multiple && $options.labelSelected ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_c979566e_hoisted_3, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.labelSelected, (file, index) => {
30914
30924
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
30915
30925
  key: index,
30916
30926
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.multipleFileBox)
@@ -30947,15 +30957,16 @@ function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $
30947
30957
  "data-test": "clean-icon",
30948
30958
  onClick: _cache[3] || (_cache[3] = (...args) => $options.clean && $options.clean(...args)),
30949
30959
  class: "e-inputFile__closeIcon__container"
30950
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconClose", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.guardReactiveProps)($options.closeIcon)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2), $options.showInfoFileCounter ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_7eed5c30_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.formattedFileInfo), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!$data.messageError ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_7eed5c30_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageError), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.showFileViwerFlag ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_file_viewer, {
30960
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconClose", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.guardReactiveProps)($options.closeIcon)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2), $options.showInfoFileCounter ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_c979566e_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.formattedFileInfo), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!$data.messageError ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_c979566e_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageError), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.showFileViwerFlag ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_file_viewer, {
30951
30961
  key: 2,
30952
30962
  data: $data.fileToview,
30953
30963
  fileName: $data.nameFile,
30954
30964
  extention: $data.extensionFile,
30965
+ notSupported: $props.notSupportedFormatsPreview.includes($props.modelValue?.type),
30955
30966
  onClose: $options.handleCloseFileViewer
30956
- }, null, 8, ["data", "fileName", "extention", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
30967
+ }, null, 8, ["data", "fileName", "extention", "notSupported", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
30957
30968
  }
30958
- ;// CONCATENATED MODULE: ./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=7eed5c30
30969
+ ;// CONCATENATED MODULE: ./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=c979566e
30959
30970
 
30960
30971
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/filePicker/EFilePicker.vue?vue&type=script&lang=js
30961
30972
 
@@ -31173,12 +31184,19 @@ function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $
31173
31184
  description: 'Etiqueta para el contador, la prop counter es necesaria para habilitar esta prop.'
31174
31185
  },
31175
31186
  /**
31176
- * Lista separada por comas del tipo de archivos que son aceptados
31187
+ * Lista de tipos de archivos aceptados, separados por comas.
31188
+ *
31189
+ * Puedes especificar extensiones de archivo (sin punto) como `pdf`, `jpg`, `p12`,
31190
+ * o tipos MIME completos como `application/pdf`, `image/jpeg`, `application/x-pkcs12`.
31191
+ *
31192
+ * Ejemplos válidos:
31193
+ * - accept="pdf, jpg, p12"
31194
+ * - accept="pdf, jpg, application/x-pkcs12"
31177
31195
  */
31178
31196
  accept: {
31179
31197
  type: String,
31180
31198
  default: null,
31181
- description: 'Lista separada por comas del tipo de archivos que son aceptados.'
31199
+ description: 'Tipos de archivos aceptados, separados por comas. Puede incluir extensiones (sin punto) o tipos MIME completos.'
31182
31200
  },
31183
31201
  /**
31184
31202
  * Bandera para permitir múltiples cargas de archivos de forma apilada. Para utilizar esta prop es necesario contar con la prop "multiple".
@@ -31263,6 +31281,15 @@ function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $
31263
31281
  type: Boolean,
31264
31282
  default: false,
31265
31283
  description: 'Bandera para indicar si funcionaran como previzualizador de documentos'
31284
+ },
31285
+ /**
31286
+ * Array de tipos MIME que no son soportados para visualización
31287
+ * Ejemplo: ['application/zip', 'application/x-zip-compressed']
31288
+ */
31289
+ notSupportedFormatsPreview: {
31290
+ type: Array,
31291
+ default: () => [],
31292
+ description: 'Array de tipos MIME que no son soportados para visualización'
31266
31293
  }
31267
31294
  },
31268
31295
  data() {
@@ -31482,6 +31509,10 @@ function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $
31482
31509
  return mime ?? type;
31483
31510
  });
31484
31511
  let fileIsValid = mimeTypeValid.find(mime => val.type?.includes(mime));
31512
+ if (!fileIsValid) {
31513
+ let validTypesFallback = this.accept.replace(/ /g, '').split(',');
31514
+ fileIsValid = validTypesFallback.find(mime => val.type?.toLowerCase().includes(mime?.toLowerCase()));
31515
+ }
31485
31516
  return fileIsValid ? true : 'El tipo de archivo no es valido';
31486
31517
  },
31487
31518
  // Realiza la gestión de validación llamando a los métodos correspondientes según el tipo de selección
@@ -31812,7 +31843,7 @@ if (typeof (EFilePickervue_type_custom_index_0_blockType_docs_lang_md_default())
31812
31843
 
31813
31844
 
31814
31845
  ;
31815
- const EFilePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EFilePickervue_type_script_lang_js, [['render',EFilePickervue_type_template_id_7eed5c30_render]])
31846
+ const EFilePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EFilePickervue_type_script_lang_js, [['render',EFilePickervue_type_template_id_c979566e_render]])
31816
31847
 
31817
31848
  /* harmony default export */ var EFilePicker = (EFilePicker_exports_);
31818
31849
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/dataDetail/EDataDetail.vue?vue&type=template&id=22bb1c42
package/dist/exos-library-components.umd.js CHANGED
@@ -6837,6 +6837,13 @@ const EFileViewervue_type_script_setup_true_lang_js_hoisted_11 = ["src", "id"];
6837
6837
  showDownload: {
6838
6838
  type: Boolean,
6839
6839
  default: true
6840
+ },
6841
+ /**
6842
+ * Bandera que indica si el archivo no es soportado para visualización
6843
+ */
6844
+ notSupported: {
6845
+ type: Boolean,
6846
+ default: false
6840
6847
  }
6841
6848
  },
6842
6849
  emits: 'close',
@@ -6853,6 +6860,9 @@ const EFileViewervue_type_script_setup_true_lang_js_hoisted_11 = ["src", "id"];
6853
6860
  body ? (body.style.color = 'black', body.style.background = 'white') : false;
6854
6861
  };
6855
6862
  const isSupportFormat = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
6863
+ if (props.notSupported) {
6864
+ return false;
6865
+ }
6856
6866
  if (!mimeType.value) {
6857
6867
  return true;
6858
6868
  }
@@ -30884,23 +30894,23 @@ if (typeof (EBtnTogglevue_type_custom_index_0_blockType_docs_lang_md_default())
30884
30894
  const EBtnToggle_exports_ = EBtnTogglevue_type_script_setup_true_lang_js;
30885
30895
 
30886
30896
  /* harmony default export */ var EBtnToggle = (EBtnToggle_exports_);
30887
- ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=7eed5c30
30897
+ ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=c979566e
30888
30898
 
30889
- const EFilePickervue_type_template_id_7eed5c30_hoisted_1 = ["accept", "multiple", "disabled", "id"];
30890
- const EFilePickervue_type_template_id_7eed5c30_hoisted_2 = ["for"];
30891
- const EFilePickervue_type_template_id_7eed5c30_hoisted_3 = {
30899
+ const EFilePickervue_type_template_id_c979566e_hoisted_1 = ["accept", "multiple", "disabled", "id"];
30900
+ const EFilePickervue_type_template_id_c979566e_hoisted_2 = ["for"];
30901
+ const EFilePickervue_type_template_id_c979566e_hoisted_3 = {
30892
30902
  key: 1,
30893
30903
  class: "e-inputFile__multipleFiles"
30894
30904
  };
30895
- const EFilePickervue_type_template_id_7eed5c30_hoisted_4 = {
30905
+ const EFilePickervue_type_template_id_c979566e_hoisted_4 = {
30896
30906
  key: 0,
30897
30907
  class: "e-inputFile__containerFileInfo"
30898
30908
  };
30899
- const EFilePickervue_type_template_id_7eed5c30_hoisted_5 = {
30909
+ const EFilePickervue_type_template_id_c979566e_hoisted_5 = {
30900
30910
  key: 1,
30901
30911
  class: "e-inputFile__message--error"
30902
30912
  };
30903
- function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $setup, $data, $options) {
30913
+ function EFilePickervue_type_template_id_c979566e_render(_ctx, _cache, $props, $setup, $data, $options) {
30904
30914
  const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("e-icon");
30905
30915
  const _component_e_file_viewer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("e-file-viewer");
30906
30916
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
@@ -30919,7 +30929,7 @@ function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $
30919
30929
  id: 'inputFile-' + $props.label,
30920
30930
  onChange: _cache[0] || (_cache[0] = (...args) => $options.handleFileChange && $options.handleFileChange(...args)),
30921
30931
  onClick: _cache[1] || (_cache[1] = (...args) => $options.handleClick && $options.handleClick(...args))
30922
- }, null, 40, EFilePickervue_type_template_id_7eed5c30_hoisted_1), !$props.modelValue ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("label", {
30932
+ }, null, 40, EFilePickervue_type_template_id_c979566e_hoisted_1), !$props.modelValue ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("label", {
30923
30933
  key: 0,
30924
30934
  for: 'inputFile-' + $props.label,
30925
30935
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.labelClass)
@@ -30928,7 +30938,7 @@ function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $
30928
30938
  }, $options.iconInfo)), null, 16)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
30929
30939
  key: 0,
30930
30940
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.requiredClass)
30931
- }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 10, EFilePickervue_type_template_id_7eed5c30_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.multiple && $options.labelSelected ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EFilePickervue_type_template_id_7eed5c30_hoisted_3, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.labelSelected, (file, index) => {
30941
+ }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 10, EFilePickervue_type_template_id_c979566e_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.multiple && $options.labelSelected ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EFilePickervue_type_template_id_c979566e_hoisted_3, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.labelSelected, (file, index) => {
30932
30942
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
30933
30943
  key: index,
30934
30944
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.multipleFileBox)
@@ -30965,15 +30975,16 @@ function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $
30965
30975
  "data-test": "clean-icon",
30966
30976
  onClick: _cache[3] || (_cache[3] = (...args) => $options.clean && $options.clean(...args)),
30967
30977
  class: "e-inputFile__closeIcon__container"
30968
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)($options.closeIcon)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2), $options.showInfoFileCounter ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EFilePickervue_type_template_id_7eed5c30_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.formattedFileInfo), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !!$data.messageError ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EFilePickervue_type_template_id_7eed5c30_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageError), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.showFileViwerFlag ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_e_file_viewer, {
30978
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)($options.closeIcon)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2), $options.showInfoFileCounter ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EFilePickervue_type_template_id_c979566e_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.formattedFileInfo), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !!$data.messageError ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EFilePickervue_type_template_id_c979566e_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageError), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.showFileViwerFlag ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_e_file_viewer, {
30969
30979
  key: 2,
30970
30980
  data: $data.fileToview,
30971
30981
  fileName: $data.nameFile,
30972
30982
  extention: $data.extensionFile,
30983
+ notSupported: $props.notSupportedFormatsPreview.includes($props.modelValue?.type),
30973
30984
  onClose: $options.handleCloseFileViewer
30974
- }, null, 8, ["data", "fileName", "extention", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
30985
+ }, null, 8, ["data", "fileName", "extention", "notSupported", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
30975
30986
  }
30976
- ;// CONCATENATED MODULE: ./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=7eed5c30
30987
+ ;// CONCATENATED MODULE: ./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=c979566e
30977
30988
 
30978
30989
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/filePicker/EFilePicker.vue?vue&type=script&lang=js
30979
30990
 
@@ -31191,12 +31202,19 @@ function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $
31191
31202
  description: 'Etiqueta para el contador, la prop counter es necesaria para habilitar esta prop.'
31192
31203
  },
31193
31204
  /**
31194
- * Lista separada por comas del tipo de archivos que son aceptados
31205
+ * Lista de tipos de archivos aceptados, separados por comas.
31206
+ *
31207
+ * Puedes especificar extensiones de archivo (sin punto) como `pdf`, `jpg`, `p12`,
31208
+ * o tipos MIME completos como `application/pdf`, `image/jpeg`, `application/x-pkcs12`.
31209
+ *
31210
+ * Ejemplos válidos:
31211
+ * - accept="pdf, jpg, p12"
31212
+ * - accept="pdf, jpg, application/x-pkcs12"
31195
31213
  */
31196
31214
  accept: {
31197
31215
  type: String,
31198
31216
  default: null,
31199
- description: 'Lista separada por comas del tipo de archivos que son aceptados.'
31217
+ description: 'Tipos de archivos aceptados, separados por comas. Puede incluir extensiones (sin punto) o tipos MIME completos.'
31200
31218
  },
31201
31219
  /**
31202
31220
  * Bandera para permitir múltiples cargas de archivos de forma apilada. Para utilizar esta prop es necesario contar con la prop "multiple".
@@ -31281,6 +31299,15 @@ function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $
31281
31299
  type: Boolean,
31282
31300
  default: false,
31283
31301
  description: 'Bandera para indicar si funcionaran como previzualizador de documentos'
31302
+ },
31303
+ /**
31304
+ * Array de tipos MIME que no son soportados para visualización
31305
+ * Ejemplo: ['application/zip', 'application/x-zip-compressed']
31306
+ */
31307
+ notSupportedFormatsPreview: {
31308
+ type: Array,
31309
+ default: () => [],
31310
+ description: 'Array de tipos MIME que no son soportados para visualización'
31284
31311
  }
31285
31312
  },
31286
31313
  data() {
@@ -31500,6 +31527,10 @@ function EFilePickervue_type_template_id_7eed5c30_render(_ctx, _cache, $props, $
31500
31527
  return mime ?? type;
31501
31528
  });
31502
31529
  let fileIsValid = mimeTypeValid.find(mime => val.type?.includes(mime));
31530
+ if (!fileIsValid) {
31531
+ let validTypesFallback = this.accept.replace(/ /g, '').split(',');
31532
+ fileIsValid = validTypesFallback.find(mime => val.type?.toLowerCase().includes(mime?.toLowerCase()));
31533
+ }
31503
31534
  return fileIsValid ? true : 'El tipo de archivo no es valido';
31504
31535
  },
31505
31536
  // Realiza la gestión de validación llamando a los métodos correspondientes según el tipo de selección
@@ -31830,7 +31861,7 @@ if (typeof (EFilePickervue_type_custom_index_0_blockType_docs_lang_md_default())
31830
31861
 
31831
31862
 
31832
31863
  ;
31833
- const EFilePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EFilePickervue_type_script_lang_js, [['render',EFilePickervue_type_template_id_7eed5c30_render]])
31864
+ const EFilePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EFilePickervue_type_script_lang_js, [['render',EFilePickervue_type_template_id_c979566e_render]])
31834
31865
 
31835
31866
  /* harmony default export */ var EFilePicker = (EFilePicker_exports_);
31836
31867
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/dataDetail/EDataDetail.vue?vue&type=template&id=22bb1c42