@alexochihua/exos-library-components 1.0.7 → 1.0.9

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.
@@ -37,13 +37,6 @@ module.exports = {}
37
37
 
38
38
  /***/ }),
39
39
 
40
- /***/ 9207:
41
- /***/ (function(module) {
42
-
43
- module.exports = {}
44
-
45
- /***/ }),
46
-
47
40
  /***/ 4813:
48
41
  /***/ (function(module) {
49
42
 
@@ -2956,15 +2949,15 @@ if (typeof (EButtonsHeaderTplvue_type_custom_index_0_blockType_docs_lang_md_defa
2956
2949
  const EButtonsHeaderTpl_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EButtonsHeaderTpl_script, [['render',EButtonsHeaderTplvue_type_template_id_b1427d04_render]])
2957
2950
 
2958
2951
  /* harmony default export */ var EButtonsHeaderTpl = (EButtonsHeaderTpl_exports_);
2959
- ;// 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/layouts/EMainPageTpl.vue?vue&type=template&id=46802c67
2952
+ ;// 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/layouts/EMainPageTpl.vue?vue&type=template&id=367489cc
2960
2953
 
2961
- const EMainPageTplvue_type_template_id_46802c67_hoisted_1 = {
2954
+ const EMainPageTplvue_type_template_id_367489cc_hoisted_1 = {
2962
2955
  class: "flex flex-col justify-between max-md:min-h-[84vh] md:min-h-[76.4vh] lg:min-h-[76.4vh] xl:min-h-[82.2vh] shadow-md md:px-0 rounded-md p-2 xs:mt-2 md:mt-0 w-full bg-bgGralLight dark:bg-bgGralDark"
2963
2956
  };
2964
- const EMainPageTplvue_type_template_id_46802c67_hoisted_2 = {
2957
+ const EMainPageTplvue_type_template_id_367489cc_hoisted_2 = {
2965
2958
  class: "animate-fade-left animate-duration-500 animate-ease-in-out p-2"
2966
2959
  };
2967
- const EMainPageTplvue_type_template_id_46802c67_hoisted_3 = {
2960
+ const EMainPageTplvue_type_template_id_367489cc_hoisted_3 = {
2968
2961
  class: "w-full px-5 xs:pr-5"
2969
2962
  };
2970
2963
  const _hoisted_4 = {
@@ -2977,42 +2970,32 @@ const _hoisted_6 = {
2977
2970
  class: "text-2xl py-1 pl-2.5 border-l-[3px] border-secondary"
2978
2971
  };
2979
2972
  const _hoisted_7 = {
2980
- key: 0,
2981
2973
  class: "flex items-center text-sm pl-3 text-slate-500 dark:text-content"
2982
2974
  };
2983
2975
  const _hoisted_8 = {
2984
- key: 0,
2985
- class: "flex xs:max-md:w-full md:w-fit xs:max-md:my-8"
2976
+ class: "flex xs:max-md:w-full md:w-fit xs:max-md:mt-8"
2986
2977
  };
2987
2978
  const _hoisted_9 = {
2988
- key: 0,
2989
2979
  class: "flex lg:flex-row md:flex-col xs:flex-col w-full my-4 px-5 xs:max-sm:px-2"
2990
2980
  };
2991
2981
  const _hoisted_10 = {
2992
2982
  class: "grid grid-cols-12 gap-2 w-full px-5 xs:max-sm:px-2"
2993
2983
  };
2994
2984
  const _hoisted_11 = {
2995
- key: 1,
2985
+ key: 0,
2996
2986
  class: "col-span-full sm:col-span-5 animate-fade-left animate-duration-500 animate-ease-in-out"
2997
2987
  };
2998
2988
  const _hoisted_12 = {
2999
2989
  key: 0,
3000
2990
  class: "w-full px-5 mt-5 mb-1 xs:max-sm:px-2"
3001
2991
  };
3002
- function EMainPageTplvue_type_template_id_46802c67_render(_ctx, _cache, $props, $setup, $data, $options) {
3003
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EMainPageTplvue_type_template_id_46802c67_hoisted_1, [ true ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "dialog-section", {
3004
- key: 0
3005
- }) : 0, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EMainPageTplvue_type_template_id_46802c67_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EMainPageTplvue_type_template_id_46802c67_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "title")]), _ctx.$slots.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), _ctx.$slots['content-tr'] ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "content-tr")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), _ctx.$slots.filters ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "filters")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_10, [_ctx.$slots.content ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
3006
- key: 0,
2992
+ function EMainPageTplvue_type_template_id_367489cc_render(_ctx, _cache) {
2993
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EMainPageTplvue_type_template_id_367489cc_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "dialog-section"), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EMainPageTplvue_type_template_id_367489cc_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EMainPageTplvue_type_template_id_367489cc_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "title")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description")])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "content-tr")])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "filters")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
3007
2994
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(_ctx.$slots.detail ? 'xs:col-span-12 sm:col-span-7' : 'col-span-12')
3008
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "content")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.detail ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "detail")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", null, [_ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]);
2995
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "content")], 2), _ctx.$slots.detail ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "detail")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", null, [_ctx.$slots.footer ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]);
3009
2996
  }
3010
- ;// CONCATENATED MODULE: ./src/layouts/EMainPageTpl.vue?vue&type=template&id=46802c67
2997
+ ;// CONCATENATED MODULE: ./src/layouts/EMainPageTpl.vue?vue&type=template&id=367489cc
3011
2998
 
3012
- ;// 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/layouts/EMainPageTpl.vue?vue&type=script&lang=js
3013
- /* harmony default export */ var EMainPageTplvue_type_script_lang_js = ({});
3014
- ;// CONCATENATED MODULE: ./src/layouts/EMainPageTpl.vue?vue&type=script&lang=js
3015
-
3016
2999
  // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layouts/EMainPageTpl.vue?vue&type=custom&index=0&blockType=docs&lang=md
3017
3000
  var EMainPageTplvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(5465);
3018
3001
  var EMainPageTplvue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PURE__*/__webpack_require__.n(EMainPageTplvue_type_custom_index_0_blockType_docs_lang_md);
@@ -3020,15 +3003,14 @@ var EMainPageTplvue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PU
3020
3003
 
3021
3004
  ;// CONCATENATED MODULE: ./src/layouts/EMainPageTpl.vue
3022
3005
 
3023
-
3024
-
3006
+ const EMainPageTpl_script = {}
3025
3007
  /* custom blocks */
3026
3008
  ;
3027
- if (typeof (EMainPageTplvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') EMainPageTplvue_type_custom_index_0_blockType_docs_lang_md_default()(EMainPageTplvue_type_script_lang_js)
3009
+ if (typeof (EMainPageTplvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') EMainPageTplvue_type_custom_index_0_blockType_docs_lang_md_default()(EMainPageTpl_script)
3028
3010
 
3029
3011
 
3030
3012
  ;
3031
- const EMainPageTpl_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EMainPageTplvue_type_script_lang_js, [['render',EMainPageTplvue_type_template_id_46802c67_render]])
3013
+ const EMainPageTpl_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EMainPageTpl_script, [['render',EMainPageTplvue_type_template_id_367489cc_render]])
3032
3014
 
3033
3015
  /* harmony default export */ var EMainPageTpl = (EMainPageTpl_exports_);
3034
3016
  ;// 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/components/EBtn.vue?vue&type=template&id=553fde72&scoped=true
@@ -3397,166 +3379,121 @@ if (typeof (EBtnvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'f
3397
3379
  const EBtn_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EBtnvue_type_script_lang_js, [['render',EBtnvue_type_template_id_553fde72_scoped_true_render],['__scopeId',"data-v-553fde72"]])
3398
3380
 
3399
3381
  /* harmony default export */ var EBtn = (EBtn_exports_);
3400
- ;// 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/components/ECard.vue?vue&type=template&id=ace1cae2
3382
+ ;// 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/components/ECard.vue?vue&type=template&id=8e6eef10&scoped=true
3401
3383
 
3402
- const ECardvue_type_template_id_ace1cae2_hoisted_1 = {
3403
- class: "w-25 h-25 m-auto px-4"
3404
- };
3405
- const ECardvue_type_template_id_ace1cae2_hoisted_2 = {
3406
- class: "flex flex-col justify-between w-3/4 pl-2 gap-y-1"
3407
- };
3408
- const ECardvue_type_template_id_ace1cae2_hoisted_3 = {
3409
- class: "flex justify-end items-center"
3410
- };
3411
- const ECardvue_type_template_id_ace1cae2_hoisted_4 = {
3412
- key: 1
3413
- };
3414
- const ECardvue_type_template_id_ace1cae2_hoisted_5 = {
3415
- class: "xs:max-sm:text-4xl sm:max-md:text-3xl md:max-lg:text-2xl lg:max-xl:text-xl xl:text-xl font-semibold items-center text-secondary dark:text-content"
3416
- };
3417
- const ECardvue_type_template_id_ace1cae2_hoisted_6 = {
3418
- class: "text-sm font-semibold text-contentDark dark:text-content"
3419
- };
3420
- const ECardvue_type_template_id_ace1cae2_hoisted_7 = {
3421
- class: "text-contentDark dark:text-content"
3422
- };
3423
- const ECardvue_type_template_id_ace1cae2_hoisted_8 = {
3424
- class: "flex items-center"
3425
- };
3426
- const ECardvue_type_template_id_ace1cae2_hoisted_9 = {
3427
- class: "p-3 flex -space-x-2.5 overflow-hidden"
3428
- };
3429
- const ECardvue_type_template_id_ace1cae2_hoisted_10 = {
3384
+ const ECardvue_type_template_id_8e6eef10_scoped_true_withScopeId = n => (_pushScopeId("data-v-8e6eef10"), n = n(), _popScopeId(), n);
3385
+ const ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_1 = {
3430
3386
  key: 0,
3431
- class: "text-secondary ml-2"
3387
+ class: "flex flex-col w-full h-full"
3432
3388
  };
3433
- const ECardvue_type_template_id_ace1cae2_hoisted_11 = {
3389
+ const ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_2 = {
3434
3390
  key: 0,
3435
- class: "flex flex-col items-end"
3436
- };
3437
- const ECardvue_type_template_id_ace1cae2_hoisted_12 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
3438
- class: "text-xs text-slate-400"
3439
- }, "Última actualización:", -1);
3440
- const _hoisted_13 = {
3441
- class: "text-xs text-slate-400"
3442
- };
3443
- const _hoisted_14 = {
3444
- class: "flex flex-col shadow-xl w-full h-50 px-3 py-4 rounded-md border-b-1 bg-field dark:bg-fieldDark border-opacity-10 border-gray-700"
3445
- };
3446
- const _hoisted_15 = {
3447
- class: "flex w-full justify-between font-semibold items-center dark:text-secondary text-salte-50"
3448
- };
3449
- const _hoisted_16 = {
3450
- class: "flex space-x-3 items-center"
3391
+ class: "w-full"
3451
3392
  };
3452
- const _hoisted_17 = {
3393
+ const ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_3 = {
3453
3394
  key: 1,
3454
- class: "ml-2 text-3xl text-secondary dark:text-content"
3395
+ class: "w-full h-full"
3455
3396
  };
3456
- const _hoisted_18 = {
3457
- class: "text-sm font-semibold xs:max-sm:pr-5 text-slate-500 dark:text-content"
3458
- };
3459
- const _hoisted_19 = {
3460
- class: "text-contentDark dark:text-content"
3461
- };
3462
- const _hoisted_20 = {
3463
- class: "flex flex-col"
3464
- };
3465
- const _hoisted_21 = {
3466
- class: "text-sm w-max text-secondary"
3397
+ const ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_4 = {
3398
+ key: 1,
3399
+ class: "w-full"
3467
3400
  };
3468
- const _hoisted_22 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
3469
- class: "flex flex-col bg-blue-950 items-center justify-center rounded-r-md p-5"
3470
- }, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
3471
- class: "text-white"
3472
- }, "°°°"), /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
3473
- class: "text-white text-center text-sm w-14"
3474
- }, "Ver más")], -1);
3475
- function ECardvue_type_template_id_ace1cae2_render(_ctx, _cache, $props, $setup, $data, $options) {
3476
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (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_.createElementVNode)("div", {
3477
- onClick: _cache[0] || (_cache[0] = (...args) => $options.handleService && $options.handleService(...args)),
3478
- class: "cursor-pointer xs:max-sm:hidden sm:flex w-full justify-center h-50 px-2 py-2 min-h-[13rem] max-h-[13rem] rounded-md shadow-md border-x border-b border-opacity-10 border-gray-700 bg-field dark:bg-fieldDark"
3479
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECardvue_type_template_id_ace1cae2_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "logo-card")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECardvue_type_template_id_ace1cae2_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECardvue_type_template_id_ace1cae2_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "actions-section")]), _ctx.$slots.titleSection ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "titleSection", {
3480
- key: 0
3481
- }) : $props.titleCard || $props.messageCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_ace1cae2_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECardvue_type_template_id_ace1cae2_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.titleCard ? $props.titleCard : ""), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECardvue_type_template_id_ace1cae2_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.messageCard ? $props.messageCard : ""), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECardvue_type_template_id_ace1cae2_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "version")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECardvue_type_template_id_ace1cae2_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECardvue_type_template_id_ace1cae2_hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "user-photo-card")]), $props.otherUsers ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_ace1cae2_hoisted_10, " +" + (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.otherUsers), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), $props.lastUpdate ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_ace1cae2_hoisted_11, [ECardvue_type_template_id_ace1cae2_hoisted_12, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_13, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.lastUpdate) + "hrs.", 1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
3482
- class: "cursor-pointer xs:max-sm:flex sm:hidden",
3483
- onClick: _cache[1] || (_cache[1] = (...args) => $options.handleService && $options.handleService(...args))
3484
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_14, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_15, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_16, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "logo-card-small"), _ctx.$slots.titleSectionSmall ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "titleSectionSmall", {
3485
- key: 0
3486
- }) : $props.titleCard || $props.messageCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_17, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.titleCard ? $props.titleCard : ""), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_18, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.messageCard ? $props.messageCard : ""), 1)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_19, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "version")])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_20, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "actions-section-small"), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_21, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.otherUsers) + " usuarios ", 1)])])]), _hoisted_22])], 64);
3401
+ function ECardvue_type_template_id_8e6eef10_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
3402
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
3403
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.mainClass, _ctx.$slots.footerCard ? 'justify-between' : ''])
3404
+ }, [_ctx.$slots.headerCard || _ctx.$slots.contentCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_1, [_ctx.$slots.headerCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "headerCard", {}, undefined, true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.contentCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "contentCard", {}, undefined, true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.footerCard ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footerCard", {}, undefined, true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
3487
3405
  }
3488
- ;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=template&id=ace1cae2
3406
+ ;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=template&id=8e6eef10&scoped=true
3489
3407
 
3490
3408
  ;// 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/components/ECard.vue?vue&type=script&lang=js
3491
- // Importacion de las variables de data-utility (Variable de informacion y vairbale de la conexion de socket)
3492
- //import { myData, socketIO } from "@exos/exos-mfe-data-utility";
3493
-
3494
3409
  /* harmony default export */ var ECardvue_type_script_lang_js = ({
3495
3410
  name: "ECard",
3496
3411
  props: {
3497
3412
  /**
3498
- * Setea el título del servicio.
3413
+ * Setea el grado de redondeo del componente.
3414
+ * @values none, sm, md, lg, xl, xxl
3499
3415
  */
3500
- titleCard: {
3416
+ roundedSize: {
3501
3417
  type: String,
3502
- default: null
3418
+ default: null,
3419
+ description: "Grado de redondeo de los bordes del botón. Ej. sm, md, lg..."
3503
3420
  },
3504
3421
  /**
3505
- * Setea el mensaje del servicio.
3422
+ * Setea el grado de la sombra del componente.
3423
+ * @values none, sm, md, lg, xl, xxl
3506
3424
  */
3507
- messageCard: {
3425
+ shadowSize: {
3508
3426
  type: String,
3509
- default: null
3427
+ default: null,
3428
+ description: "Grado de la sombra del componente. Ej. sm, md, lg..."
3510
3429
  },
3511
3430
  /**
3512
- * Setea la última actualización realizada al servicio.
3431
+ * Setea el color del componente modo light.
3513
3432
  */
3514
- lastUpdate: {
3433
+ bgColor: {
3515
3434
  type: String,
3516
- default: null
3435
+ default: null,
3436
+ description: "Color bg del componente en modo light."
3517
3437
  },
3518
3438
  /**
3519
- * Setea la cantidad de usuarios que utilizan el servicio.
3439
+ * Setea el color del componente modo dark.
3520
3440
  */
3521
- otherUsers: {
3522
- type: Number,
3523
- default: null
3441
+ darkBgColor: {
3442
+ type: String,
3443
+ default: null,
3444
+ description: "Color bg del componente en modo dark."
3524
3445
  }
3525
3446
  },
3526
- methods: {
3527
- /**
3528
- * Se llama cuando el usuario hace clic en el componente para redirigirse al servicio correspondiente.
3529
- * @public Éste es un método público
3530
- */
3531
- handleService() {
3532
- /**
3533
- * Se emite al hacer clic en el componente componente.
3534
- *
3535
- * @event clickService
3536
- * @type {Event}
3537
- */
3538
- this.$emit("clickService");
3447
+ computed: {
3448
+ mainClass() {
3449
+ return ["e-card-base", this.bgColorClass, this.borderClass, this.roundedClass, this.shadowClass];
3450
+ },
3451
+ bgColorClass() {
3452
+ return [this.bgColor ? this.bgColor : "bg-field", this.darkBgColor ? this.darkBgColor : "dark:bg-fieldDark"];
3453
+ },
3454
+ borderClass() {
3455
+ return "border-x border-b border-t-0 border-opacity-20 border-gray-700";
3456
+ },
3457
+ roundedClass() {
3458
+ const roundedClasses = {
3459
+ none: "rounded-none",
3460
+ sm: "rounded-sm",
3461
+ md: "rounded-md",
3462
+ lg: "rounded-lg",
3463
+ xl: "rounded-xl",
3464
+ xxl: "rounded-2xl"
3465
+ };
3466
+ return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-md";
3467
+ },
3468
+ shadowClass() {
3469
+ const shadowClasses = {
3470
+ none: "shadow-none",
3471
+ sm: "shadow-sm",
3472
+ md: "shadow-md",
3473
+ lg: "shadow-lg",
3474
+ xl: "shadow-xl",
3475
+ xxl: "shadow-2xl"
3476
+ };
3477
+ return this.shadowSize ? shadowClasses[this.shadowSize] : "shadow-md";
3539
3478
  }
3540
3479
  }
3541
3480
  });
3542
3481
  ;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=script&lang=js
3543
3482
 
3544
- // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECard.vue?vue&type=custom&index=0&blockType=docs&lang=md
3545
- var ECardvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(9207);
3546
- var ECardvue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PURE__*/__webpack_require__.n(ECardvue_type_custom_index_0_blockType_docs_lang_md);
3547
- ;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=custom&index=0&blockType=docs&lang=md
3548
-
3483
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECard.vue?vue&type=style&index=0&id=8e6eef10&scoped=true&lang=css
3484
+ // extracted by mini-css-extract-plugin
3485
+
3486
+ ;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=style&index=0&id=8e6eef10&scoped=true&lang=css
3487
+
3549
3488
  ;// CONCATENATED MODULE: ./src/components/ECard.vue
3550
3489
 
3551
3490
 
3552
3491
 
3553
- /* custom blocks */
3492
+
3554
3493
  ;
3555
- if (typeof (ECardvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') ECardvue_type_custom_index_0_blockType_docs_lang_md_default()(ECardvue_type_script_lang_js)
3556
3494
 
3557
3495
 
3558
- ;
3559
- const ECard_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ECardvue_type_script_lang_js, [['render',ECardvue_type_template_id_ace1cae2_render]])
3496
+ const ECard_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ECardvue_type_script_lang_js, [['render',ECardvue_type_template_id_8e6eef10_scoped_true_render],['__scopeId',"data-v-8e6eef10"]])
3560
3497
 
3561
3498
  /* harmony default export */ var ECard = (ECard_exports_);
3562
3499
  ;// 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/components/EDetail.vue?vue&type=template&id=6e214c96
@@ -3715,39 +3652,61 @@ if (typeof (EDetailvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
3715
3652
  const EDetail_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EDetailvue_type_script_lang_js, [['render',EDetailvue_type_template_id_6e214c96_render]])
3716
3653
 
3717
3654
  /* harmony default export */ var EDetail = (EDetail_exports_);
3718
- ;// 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/components/EDropdown.vue?vue&type=template&id=0e7f99ae&scoped=true
3655
+ ;// 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/components/EDropdown.vue?vue&type=template&id=5cccf994&scoped=true
3719
3656
 
3720
- const EDropdownvue_type_template_id_0e7f99ae_scoped_true_withScopeId = n => (_pushScopeId("data-v-0e7f99ae"), n = n(), _popScopeId(), n);
3721
- const EDropdownvue_type_template_id_0e7f99ae_scoped_true_hoisted_1 = ["disabled"];
3722
- const EDropdownvue_type_template_id_0e7f99ae_scoped_true_hoisted_2 = {
3723
- key: 0
3657
+ const EDropdownvue_type_template_id_5cccf994_scoped_true_withScopeId = n => ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.pushScopeId)("data-v-5cccf994"), n = n(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.popScopeId)(), n);
3658
+ const EDropdownvue_type_template_id_5cccf994_scoped_true_hoisted_1 = {
3659
+ key: 1,
3660
+ class: "xs:max-xl:w-12 xs:max-xl:h-12 xl:w-[3.3rem] xl:h-[3.3rem] rounded-full"
3661
+ };
3662
+ const EDropdownvue_type_template_id_5cccf994_scoped_true_hoisted_2 = ["disabled"];
3663
+ const EDropdownvue_type_template_id_5cccf994_scoped_true_hoisted_3 = /*#__PURE__*/EDropdownvue_type_template_id_5cccf994_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("svg", {
3664
+ class: "fill-white dark:fill-white",
3665
+ xmlns: "http://www.w3.org/2000/svg",
3666
+ height: "24",
3667
+ viewBox: "0 -960 960 960",
3668
+ width: "24"
3669
+ }, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
3670
+ d: "M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"
3671
+ })], -1));
3672
+ const EDropdownvue_type_template_id_5cccf994_scoped_true_hoisted_4 = [EDropdownvue_type_template_id_5cccf994_scoped_true_hoisted_3];
3673
+ const EDropdownvue_type_template_id_5cccf994_scoped_true_hoisted_5 = {
3674
+ key: 2
3724
3675
  };
3725
- const EDropdownvue_type_template_id_0e7f99ae_scoped_true_hoisted_3 = ["onClick"];
3726
- function EDropdownvue_type_template_id_0e7f99ae_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
3676
+ const EDropdownvue_type_template_id_5cccf994_scoped_true_hoisted_6 = ["onClick"];
3677
+ function EDropdownvue_type_template_id_5cccf994_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
3727
3678
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
3728
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["xs:max-xl:w-12 xs:max-xl:h-12 xl:w-[3.3rem] xl:h-[3.3rem] rounded-full", $setup.isDropdownOpen ? 'relative' : ''])
3729
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
3730
- ref: "closeDrop",
3731
- onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleDropdown && $options.toggleDropdown(...args)),
3679
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($setup.isDropdownOpen ? 'relative z-30' : '')
3680
+ }, [_ctx.$slots.iconDropdown ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
3681
+ key: 0,
3682
+ ref: "edropdownRef",
3683
+ class: "w-fit h-fit p-0 m-0 relative z-30",
3684
+ onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleDropdown && $options.toggleDropdown(...args))
3685
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconDropdown", {}, undefined, true)], 512)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDropdownvue_type_template_id_5cccf994_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
3686
+ ref: "edropdownRef",
3687
+ onClick: _cache[1] || (_cache[1] = (...args) => $options.toggleDropdown && $options.toggleDropdown(...args)),
3732
3688
  disabled: $props.disabled,
3733
3689
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass)
3734
- }, [_ctx.$slots.iconDropdown ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconDropdown", {
3735
- key: 0
3736
- }, undefined, true) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, EDropdownvue_type_template_id_0e7f99ae_scoped_true_hoisted_1), $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDropdownvue_type_template_id_0e7f99ae_scoped_true_hoisted_2, [!_ctx.$slots.contentDropdown ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
3690
+ }, EDropdownvue_type_template_id_5cccf994_scoped_true_hoisted_4, 10, EDropdownvue_type_template_id_5cccf994_scoped_true_hoisted_2)])), $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EDropdownvue_type_template_id_5cccf994_scoped_true_hoisted_5, [!_ctx.$slots.contentDropdown && $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
3737
3691
  key: 0,
3738
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.containerOptionsClass)
3692
+ ref: "contentDroped",
3693
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.containerOptionsClass),
3694
+ style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)([$props.over ? {} : $options.calculatePadding(), $data.contentDropedHeigth ? $options.calculateDropPositionY() : {}])
3739
3695
  }, [((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)($props.options, (option, index) => {
3740
3696
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
3697
+ style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($props.over ? $options.calculatePadding() : {}),
3741
3698
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.optionsClass),
3742
3699
  onClick: $event => $options.selectOption(option),
3743
3700
  key: index
3744
- }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(option.label ? option.label : ""), 11, EDropdownvue_type_template_id_0e7f99ae_scoped_true_hoisted_3);
3745
- }), 128))], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.contentDropdown ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
3701
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(option.label ? option.label : ""), 15, EDropdownvue_type_template_id_5cccf994_scoped_true_hoisted_6);
3702
+ }), 128))], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.contentDropdown ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
3746
3703
  key: 1,
3747
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.containerOptionsClass)
3748
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "contentDropdown", {}, undefined, true)], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
3704
+ ref: "contentDroped",
3705
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.containerOptionsClass),
3706
+ style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)([$props.over ? {} : $options.calculatePadding(), $data.contentDropedHeigth ? $options.calculateDropPositionY() : {}])
3707
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "contentDropdown", {}, undefined, true)], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
3749
3708
  }
3750
- ;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=template&id=0e7f99ae&scoped=true
3709
+ ;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=template&id=5cccf994&scoped=true
3751
3710
 
3752
3711
  // EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-exception.stack.js
3753
3712
  var web_dom_exception_stack = __webpack_require__(3429);
@@ -12172,9 +12131,10 @@ function useWindowSize(options = {}) {
12172
12131
  ;// 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/components/EDropdown.vue?vue&type=script&lang=js
12173
12132
 
12174
12133
 
12134
+
12175
12135
  /* harmony default export */ var EDropdownvue_type_script_lang_js = ({
12176
12136
  setup() {
12177
- const closeDrop = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
12137
+ const edropdownRef = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
12178
12138
  const isDropdownOpen = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
12179
12139
 
12180
12140
  // Función para cerrar el dropdown
@@ -12183,9 +12143,9 @@ function useWindowSize(options = {}) {
12183
12143
  };
12184
12144
 
12185
12145
  // Configura el observador de clic fuera del elemento
12186
- onClickOutside(closeDrop, closeDropdown);
12146
+ onClickOutside(edropdownRef, closeDropdown);
12187
12147
  return {
12188
- closeDrop,
12148
+ edropdownRef,
12189
12149
  isDropdownOpen,
12190
12150
  closeDropdown,
12191
12151
  onClickOutside: onClickOutside
@@ -12197,14 +12157,24 @@ function useWindowSize(options = {}) {
12197
12157
  */
12198
12158
  options: {
12199
12159
  type: Array,
12200
- default: null
12160
+ default: null,
12161
+ description: "Opciones que serán mostradas para su selección."
12162
+ },
12163
+ /**
12164
+ * Bandera para colocar el botón encima del contenido desplegable.
12165
+ */
12166
+ over: {
12167
+ type: Boolean,
12168
+ default: null,
12169
+ description: "Bandera para colocar el botón encima del contenido desplegable."
12201
12170
  },
12202
12171
  /**
12203
12172
  * Deshabilita el componente.
12204
12173
  */
12205
12174
  disabled: {
12206
12175
  type: Boolean,
12207
- default: false
12176
+ default: false,
12177
+ description: "Deshabilita el componente."
12208
12178
  },
12209
12179
  /**
12210
12180
  * Transforma el texto de las opciones.
@@ -12321,22 +12291,54 @@ function useWindowSize(options = {}) {
12321
12291
  */
12322
12292
  roundedSize: {
12323
12293
  type: String,
12324
- default: "md",
12294
+ default: null,
12325
12295
  description: "Grado de redondeo de los bordes del botón. Ej. sm, md, lg..."
12326
12296
  }
12327
12297
  },
12298
+ data() {
12299
+ return {
12300
+ contentDropedHeigth: null,
12301
+ dropdownWidth: null,
12302
+ dropdownHeight: null
12303
+ };
12304
+ },
12305
+ watch: {
12306
+ isDropdownOpen(value) {
12307
+ if (value) {
12308
+ // Si se despliega el contenido oculto...
12309
+ this.$nextTick(() => {
12310
+ if (this.$refs.contentDroped) {
12311
+ // Obtiene la altura del elemento a mostrar si ya está lista su referencia
12312
+ this.contentDropedHeigth = this.$refs.contentDroped.offsetHeight;
12313
+ } else {
12314
+ // Asigna null si no está lista su referencia
12315
+ this.contentDropedHeigth = null;
12316
+ }
12317
+ });
12318
+ } else {
12319
+ // Si no despliega el contenido oculto...
12320
+ this.contentDropedHeigth = null;
12321
+ }
12322
+ }
12323
+ },
12328
12324
  computed: {
12329
12325
  mainClass() {
12330
- return ["e-dropdown-base", this.isDropdownOpen ? "absolute top-0 left-0 z-30" : "", this.bgColor ? this.bgColor : "bg-secondary", this.bgDarkColor ? this.bgDarkColor : ""];
12326
+ return ["e-dropdown-base", this.shadowClass, this.isDropdownOpen ? "absolute top-0 left-0 z-30" : "", this.bgColor ? this.bgColor : "bg-secondary", this.bgDarkColor ? this.bgDarkColor : ""];
12331
12327
  },
12332
12328
  optionsClass() {
12333
- return ["e-dropdown-options", this.color ? this.color : "text-contentDark", this.darkColor ? this.darkColor : "dark:text-content", this.colorHover ? this.colorHover : "hover:text-white", this.darkColorHover ? this.darkColorHover : "dark:hover:text-white", this.bgHoverColorOptions ? this.bgHoverColorOptions : "hover:bg-secondary", this.bgHoverColorOptionsDark ? this.bgHoverColorOptionsDark : "dark:hover:bg-secondary"];
12329
+ return ["e-dropdown-options", this.roundedClass, this.color ?? "text-contentDark", this.darkColor ?? "dark:text-content", this.colorHover ?? "hover:text-white", this.darkColorHover ?? "dark:hover:text-white", this.bgHoverColorOptions ?? "hover:bg-secondary", this.bgHoverColorOptionsDark ?? "dark:hover:bg-secondary"];
12334
12330
  },
12335
12331
  containerOptionsClass() {
12336
- return [this.shadowClass, this.textTransformClass, this.$slots.contentDropdown ? this.customDropClass : "e-dropdown-container-options", this.isDropdownOpen ? "absolute top-2 right-2 z-20" : "", this.border ? ["border", this.borderColor ? this.borderColor : "border-secondary", this.borderColorDark ? this.borderColorDark : "dark:border-secondary"] : "border-none", this.bgColorDrop ? this.bgColorDrop : "bg-field", this.bgColorDropDark ? this.bgColorDropDark : "dark:bg-fieldDark"];
12332
+ const baseClasses = [this.shadowClass, this.roundedClass, this.$slots.contentDropdown ? this.customDropClass : ["e-dropdown-container-options", this.textTransformClass]];
12333
+ if (this.isDropdownOpen) {
12334
+ baseClasses.push("absolute z-20", this.calculateAvailableSpaceX(this.$refs.edropdownRef) ? [this.over ? "right-2" : "right-0"] : [this.over ? "left-2" : "left-0"]);
12335
+ }
12336
+ const borderClasses = this.border ? ["border", this.borderColor ? this.borderColor : "border-secondary", this.borderColorDark ? this.borderColorDark : "dark:border-secondary"] : ["border-none"];
12337
+ const bgColorClasses = [this.bgColorDrop ? this.bgColorDrop : "bg-field", this.bgColorDropDark ? this.bgColorDropDark : "dark:bg-fieldDark"];
12338
+ return baseClasses.concat(borderClasses, bgColorClasses);
12337
12339
  },
12338
12340
  customDropClass() {
12339
- return ["flex flex-col w-fit h-fit px-3 py-5 shadow-lg duration-300", this.roundedClass];
12341
+ return ["flex flex-col w-fit h-fit px-3 py-5 shadow-lg duration-300"];
12340
12342
  },
12341
12343
  textTransformClass() {
12342
12344
  const textTransformClasses = {
@@ -12349,13 +12351,13 @@ function useWindowSize(options = {}) {
12349
12351
  },
12350
12352
  roundedClass() {
12351
12353
  const roundedClasses = {
12352
- none: "shadow-none",
12353
- xs: "shadow",
12354
- sm: "shadow-sm",
12355
- md: "shadow-md",
12356
- lg: "shadow-lg ",
12357
- xl: "shadow-xl",
12358
- xxl: "shadow-2xl",
12354
+ none: "rounded-none",
12355
+ xs: "rounded",
12356
+ sm: "rounded-sm",
12357
+ md: "rounded-md",
12358
+ lg: "rounded-lg ",
12359
+ xl: "rounded-xl",
12360
+ xxl: "rounded-2xl",
12359
12361
  xxxl: "rounded-3xl"
12360
12362
  };
12361
12363
  return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-md";
@@ -12370,10 +12372,66 @@ function useWindowSize(options = {}) {
12370
12372
  xl: "shadow-xl",
12371
12373
  xxl: "shadow-2xl"
12372
12374
  };
12373
- return this.shadowSize ? shadowClasses[this.shadowSize] : "shadow-md";
12375
+ return this.shadowSize ? shadowClasses[this.shadowSize] : "shadow-lg";
12376
+ }
12377
+ },
12378
+ mounted() {
12379
+ if (this.$refs.edropdownRef) {
12380
+ this.dropdownWidth = this.$refs.edropdownRef.offsetWidth;
12381
+ this.dropdownHeight = this.$refs.edropdownRef.offsetHeight;
12374
12382
  }
12375
12383
  },
12376
12384
  methods: {
12385
+ calculatePadding() {
12386
+ if (this.isDropdownOpen && this.$refs.edropdownRef) {
12387
+ if (this.calculateAvailableSpaceX(this.$refs.edropdownRef)) {
12388
+ return {
12389
+ paddingRight: this.dropdownWidth + "px",
12390
+ paddingLeft: "" // Aseguramos que no haya padding izquierdo
12391
+ };
12392
+ } else {
12393
+ return {
12394
+ paddingLeft: this.dropdownWidth + "px",
12395
+ paddingRight: "" // Aseguramos que no haya padding derecho
12396
+ };
12397
+ }
12398
+ }
12399
+
12400
+ // Otro manejo si es necesario cuando el dropdown no está abierto
12401
+ return {};
12402
+ },
12403
+ calculateDropPositionY() {
12404
+ if (this.isDropdownOpen && this.$refs.contentDroped) {
12405
+ if (this.calculateAvailableSpaceY(this.$refs.edropdownRef)) {
12406
+ let top = this.contentDropedHeigth - this.dropdownHeight;
12407
+ if (this.over) top = top + 5; // Agrega 5 pixeles más en caso de que this.over sea true
12408
+
12409
+ return {
12410
+ top: "-" + top + "px" // Despliega hacia arriba
12411
+ };
12412
+ } else {
12413
+ console.log("ENTRO AQUÍ");
12414
+ return {
12415
+ top: this.over ? "5px" : "0px" // Despliega hacia abajo
12416
+ };
12417
+ }
12418
+ }
12419
+
12420
+ // Otro manejo si es necesario cuando el dropdown no está abierto
12421
+ return {};
12422
+ },
12423
+ calculateAvailableSpaceX(referenceComp) {
12424
+ const rect = referenceComp.getBoundingClientRect();
12425
+ const rightSpace = window.innerWidth - rect.right;
12426
+ return rightSpace < 200 ? true : false; // izquierda : derecha
12427
+ },
12428
+
12429
+ calculateAvailableSpaceY(referenceComp) {
12430
+ const rect = referenceComp.getBoundingClientRect();
12431
+ const bottomSpace = window.innerHeight - rect.bottom;
12432
+ return bottomSpace < 200 ? true : false; // arriba : abajo
12433
+ },
12434
+
12377
12435
  /**
12378
12436
  * Se llama cuando el usuario selecciona una de las opciones desplegadas
12379
12437
  *
@@ -12400,10 +12458,10 @@ function useWindowSize(options = {}) {
12400
12458
  });
12401
12459
  ;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=script&lang=js
12402
12460
 
12403
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EDropdown.vue?vue&type=style&index=0&id=0e7f99ae&scoped=true&lang=css
12461
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EDropdown.vue?vue&type=style&index=0&id=5cccf994&scoped=true&lang=css
12404
12462
  // extracted by mini-css-extract-plugin
12405
12463
 
12406
- ;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=style&index=0&id=0e7f99ae&scoped=true&lang=css
12464
+ ;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=style&index=0&id=5cccf994&scoped=true&lang=css
12407
12465
 
12408
12466
  // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EDropdown.vue?vue&type=custom&index=0&blockType=docs&lang=md
12409
12467
  var EDropdownvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(4016);
@@ -12422,7 +12480,7 @@ if (typeof (EDropdownvue_type_custom_index_0_blockType_docs_lang_md_default()) =
12422
12480
 
12423
12481
 
12424
12482
  ;
12425
- const EDropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EDropdownvue_type_script_lang_js, [['render',EDropdownvue_type_template_id_0e7f99ae_scoped_true_render],['__scopeId',"data-v-0e7f99ae"]])
12483
+ const EDropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EDropdownvue_type_script_lang_js, [['render',EDropdownvue_type_template_id_5cccf994_scoped_true_render],['__scopeId',"data-v-5cccf994"]])
12426
12484
 
12427
12485
  /* harmony default export */ var EDropdown = (EDropdown_exports_);
12428
12486
  ;// 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/components/EFileList.vue?vue&type=template&id=576a632d
@@ -12660,22 +12718,19 @@ if (typeof (EIconvue_type_custom_index_0_blockType_docs_lang_md_default()) === '
12660
12718
  const EIcon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EIconvue_type_script_lang_js, [['render',EIconvue_type_template_id_15af94f0_render]])
12661
12719
 
12662
12720
  /* harmony default export */ var EIcon = (EIcon_exports_);
12663
- ;// 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/components/EInput.vue?vue&type=template&id=1d4a7d4f&scoped=true
12721
+ ;// 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/components/EInput.vue?vue&type=template&id=f4cf0c98&scoped=true
12664
12722
 
12665
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_withScopeId = n => ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.pushScopeId)("data-v-1d4a7d4f"), n = n(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.popScopeId)(), n);
12666
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_1 = {
12723
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_withScopeId = n => ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.pushScopeId)("data-v-f4cf0c98"), n = n(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.popScopeId)(), n);
12724
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_1 = {
12667
12725
  key: 0,
12668
12726
  class: "flex flex-grow relative"
12669
12727
  };
12670
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_2 = ["id", "type", "disabled", "maxlength", "value"];
12671
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_3 = ["for"];
12672
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_4 = {
12673
- class: "z-10"
12674
- };
12675
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_5 = {
12676
- key: 2
12728
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_2 = ["id", "type", "disabled", "maxlength", "value"];
12729
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_3 = ["for"];
12730
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_4 = {
12731
+ key: 0
12677
12732
  };
12678
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_6 = {
12733
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_5 = {
12679
12734
  key: 1,
12680
12735
  class: "w-4 h-4 text-secondary opacity-60 hover:opacity-100 dark:text-white",
12681
12736
  "aria-hidden": "true",
@@ -12683,26 +12738,26 @@ const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_6 = {
12683
12738
  fill: "none",
12684
12739
  viewBox: "0 0 15 15"
12685
12740
  };
12686
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_7 = /*#__PURE__*/EInputvue_type_template_id_1d4a7d4f_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
12741
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_6 = /*#__PURE__*/EInputvue_type_template_id_f4cf0c98_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
12687
12742
  stroke: "currentColor",
12688
12743
  "stroke-linecap": "round",
12689
12744
  "stroke-linejoin": "round",
12690
12745
  "stroke-width": "2",
12691
12746
  d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
12692
12747
  }, null, -1));
12693
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_8 = [EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_7];
12694
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_9 = {
12748
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_7 = [EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_6];
12749
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_8 = {
12695
12750
  key: 1
12696
12751
  };
12697
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_10 = /*#__PURE__*/EInputvue_type_template_id_1d4a7d4f_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
12752
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_9 = /*#__PURE__*/EInputvue_type_template_id_f4cf0c98_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
12698
12753
  stroke: "currentColor",
12699
12754
  "stroke-linecap": "round",
12700
12755
  "stroke-linejoin": "round",
12701
12756
  "stroke-width": "2",
12702
12757
  d: "M1.933 10.909A4.357 4.357 0 0 1 1 9c0-1 4-6 9-6m7.6 3.8A5.068 5.068 0 0 1 19 9c0 1-3 6-9 6-.314 0-.62-.014-.918-.04M2 17 18 1m-5 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
12703
12758
  }, null, -1));
12704
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_11 = [EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_10];
12705
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_12 = /*#__PURE__*/EInputvue_type_template_id_1d4a7d4f_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("g", {
12759
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_10 = [EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_9];
12760
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_11 = /*#__PURE__*/EInputvue_type_template_id_f4cf0c98_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("g", {
12706
12761
  stroke: "currentColor",
12707
12762
  "stroke-linecap": "round",
12708
12763
  "stroke-linejoin": "round",
@@ -12712,13 +12767,13 @@ const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_12 = /*#__PURE__*/
12712
12767
  }), /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
12713
12768
  d: "M10 13c4.97 0 9-2.686 9-6s-4.03-6-9-6-9 2.686-9 6 4.03 6 9 6Z"
12714
12769
  })], -1));
12715
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_13 = [EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_12];
12716
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_14 = {
12770
+ const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_12 = [EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_11];
12771
+ const _hoisted_13 = {
12717
12772
  key: 1,
12718
12773
  class: "relative"
12719
12774
  };
12720
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_15 = ["disabled", "maxlength", "placeholder", "value"];
12721
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_16 = {
12775
+ const _hoisted_14 = ["disabled", "maxlength", "placeholder", "value"];
12776
+ const _hoisted_15 = {
12722
12777
  key: 1,
12723
12778
  class: "w-4 h-4 text-secondary dark:text-white",
12724
12779
  "aria-hidden": "true",
@@ -12726,28 +12781,28 @@ const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_16 = {
12726
12781
  fill: "none",
12727
12782
  viewBox: "0 0 14 14"
12728
12783
  };
12729
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_17 = /*#__PURE__*/EInputvue_type_template_id_1d4a7d4f_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
12784
+ const _hoisted_16 = /*#__PURE__*/EInputvue_type_template_id_f4cf0c98_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
12730
12785
  stroke: "currentColor",
12731
12786
  "stroke-linecap": "round",
12732
12787
  "stroke-linejoin": "round",
12733
12788
  "stroke-width": "2",
12734
12789
  d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
12735
12790
  }, null, -1));
12736
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_18 = [EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_17];
12737
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_19 = ["for"];
12738
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_20 = {
12791
+ const _hoisted_17 = [_hoisted_16];
12792
+ const _hoisted_18 = ["for"];
12793
+ const _hoisted_19 = {
12739
12794
  key: 0
12740
12795
  };
12741
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_21 = {
12796
+ const _hoisted_20 = {
12742
12797
  key: 2,
12743
12798
  class: "e-input--error-message"
12744
12799
  };
12745
- const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_22 = {
12800
+ const _hoisted_21 = {
12746
12801
  key: 3,
12747
12802
  class: "e-input--error-message"
12748
12803
  };
12749
- function EInputvue_type_template_id_1d4a7d4f_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
12750
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", null, [!this.textarea ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
12804
+ function EInputvue_type_template_id_f4cf0c98_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
12805
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", null, [!this.textarea ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
12751
12806
  id: 'input-' + $props.label,
12752
12807
  type: $data.inputType,
12753
12808
  ref: 'inputRef' + _ctx.$.uid,
@@ -12760,46 +12815,42 @@ function EInputvue_type_template_id_1d4a7d4f_scoped_true_render(_ctx, _cache, $p
12760
12815
  placeholder: " ",
12761
12816
  onFocus: _cache[2] || (_cache[2] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
12762
12817
  onBlur: _cache[3] || (_cache[3] = (...args) => $options.onInputBlur && $options.onInputBlur(...args))
12763
- }, null, 42, EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
12818
+ }, null, 42, EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
12764
12819
  for: 'input-' + $props.label,
12765
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([[$options.labelClass, !$data.isInputFocused && !!$props.modelValue && !!$data.messageRule ? 'mt-1' : ''], "flex justify-center items-center relative"])
12766
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1), $data.isInputFocused ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
12767
- key: 0,
12768
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["w-full absolute h-[0.37rem] mt-1 bg-field", ($props.bgColor ? $props.bgColor : 'bg-field', $props.darkBgColor ? $props.darkBgColor : 'dark:bg-fieldDark')])
12769
- }, null, 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !!$data.messageRule || !!$data.messageRestrictions ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
12770
- key: 1,
12771
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["w-full absolute h-[0.37rem] mt-1 bg-field", ($props.bgColor ? $props.bgColor : 'bg-field', $props.darkBgColor ? $props.darkBgColor : 'dark:bg-fieldDark')])
12772
- }, null, 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_5, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_3), !!$props.modelValue && !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
12820
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.labelClass)
12821
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
12822
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.classBoxLabel)
12823
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (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", EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_4, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_3), !!$props.modelValue && !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
12773
12824
  key: 0,
12774
12825
  onClick: _cache[4] || (_cache[4] = (...args) => $options.clean && $options.clean(...args)),
12775
12826
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['e-input-icon animate-slide-down', $props.type == 'password' ? _ctx.$slots.icon && $props.iconRight ? 'right-[4.25rem]' : 'right-10' : [_ctx.$slots.icon ? 'right-11' : 'right-3'] ? $props.iconRight ? 'right-11' : 'right-3' : 0])
12776
12827
  }, [_ctx.$slots.iconClose ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {
12777
12828
  key: 0
12778
- }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_6, EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_8))], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.type == 'password' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
12829
+ }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_5, EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_7))], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.type == 'password' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
12779
12830
  key: 1,
12780
12831
  onClick: _cache[5] || (_cache[5] = (...args) => $options.showPassword && $options.showPassword(...args)),
12781
12832
  class: "e-input-icon right-3"
12782
12833
  }, [_ctx.$slots.iconPassword ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {
12783
12834
  key: 0
12784
- }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_9, [$data.showPass ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
12835
+ }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_8, [$data.showPass ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
12785
12836
  key: 0,
12786
12837
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['w-6 h-6', $data.errorRules ? 'text-danger' : 'text-secondary dark:text-white']),
12787
12838
  "aria-hidden": "true",
12788
12839
  xmlns: "http://www.w3.org/2000/svg",
12789
12840
  fill: "none",
12790
12841
  viewBox: "0 0 20 14"
12791
- }, EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_11, 2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
12842
+ }, EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_10, 2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
12792
12843
  key: 1,
12793
12844
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['w-6 h-6', $data.errorRules ? 'text-danger' : 'text-secondary dark:text-white']),
12794
12845
  "aria-hidden": "true",
12795
12846
  xmlns: "http://www.w3.org/2000/svg",
12796
12847
  fill: "none",
12797
12848
  viewBox: "0 0 20 14"
12798
- }, EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_13, 2))]))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
12849
+ }, EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_12, 2))]))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
12799
12850
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["e-input-icon", [$props.type == 'password' ? $props.iconRight ? 'right-9' : 'left-2' : $props.iconRight ? 'right-3' : 'left-2']])
12800
12851
  }, [_ctx.$slots.icon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon", {
12801
12852
  key: 0
12802
- }, undefined, true) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_14, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("textarea", {
12853
+ }, undefined, true) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("textarea", {
12803
12854
  ref: 'inputRef' + _ctx.$.uid,
12804
12855
  disabled: $props.disabled,
12805
12856
  maxlength: $options.finalLength,
@@ -12807,19 +12858,19 @@ function EInputvue_type_template_id_1d4a7d4f_scoped_true_render(_ctx, _cache, $p
12807
12858
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.mainClass, $options.roundedClass]),
12808
12859
  placeholder: $props.required ? $props.label + '*' : $props.label,
12809
12860
  value: $data.cleaningInput ? $props.modelValue : $props.modelValue
12810
- }, null, 42, EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_15), !!$props.modelValue && !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
12861
+ }, null, 42, _hoisted_14), !!$props.modelValue && !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
12811
12862
  key: 0,
12812
12863
  onClick: _cache[7] || (_cache[7] = (...args) => $options.clean && $options.clean(...args)),
12813
12864
  class: "e-input-icon right-3 animate-slide-down"
12814
12865
  }, [_ctx.$slots.iconClose ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {
12815
12866
  key: 0
12816
- }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_16, EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_18))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !!$props.modelValue ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("label", {
12867
+ }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", _hoisted_15, _hoisted_17))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !!$props.modelValue ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("label", {
12817
12868
  key: 1,
12818
12869
  for: 'textArea-' + $props.label,
12819
12870
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.labelClass)
12820
- }, [(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", EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_20, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_19)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])), !!$data.messageRestrictions ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_21, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageRestrictions), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_22, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
12871
+ }, [(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", _hoisted_19, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, _hoisted_18)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])), !!$data.messageRestrictions ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_20, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageRestrictions), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_21, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
12821
12872
  }
12822
- ;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=template&id=1d4a7d4f&scoped=true
12873
+ ;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=template&id=f4cf0c98&scoped=true
12823
12874
 
12824
12875
  ;// CONCATENATED MODULE: ./node_modules/luxon/src/errors.js
12825
12876
  // these aren't really private, but nor are they really useful to document
@@ -20688,16 +20739,26 @@ const patterns = {
20688
20739
  },
20689
20740
  computed: {
20690
20741
  mainClass() {
20691
- return [this.roundedClass, this.textSizeClass, this.bgColor ? this.bgColor : "bg-field", this.darkBgColor ? this.darkBgColor : "dark:bg-fieldDark", this.focusBgColor ? this.focusBgColor : "", this.focusDarkBgColor ? this.focusDarkBgColor : "", this.errorRules || this.messageRestrictions ? "e-input--error" : ["e-input-base border-x border-b border-t-0 border-opacity-20 border-gray-700 peer", this.color ? this.color : "text-black", this.darkColor ? this.darkColor : "dark:text-white", this.outlineColor ? this.outlineColor : "outline-secondary", this.darkOutlineColor ? this.darkOutlineColor : "", this.placeholderColor ? this.placeholderColor : "placeholder:text-black", this.darkPlaceholderColor ? this.darkPlaceholderColor : "dark:placeholder:text-white", this.outline ? "outline outline-2" : "focus:outline outline-2"], this.$slots.icon ? this.iconRight ? this.$slots.iconPassword || this.type == "password" ? "pl-3 pr-24" // Sí hay ícono en el componente, está alineado a la derecha y también hay ícono de mostrar/ocultar password
20692
- : "pl-3 pr-[4.25rem]" // hay ícono en el componente y está alineado a la derecha
20693
- : this.type == "password" ? "pl-10 pr-[4.25rem]" : "px-10" // hay ícono en el componente y está alineado a la izquierda
20694
- : this.$slots.iconPassword || this.type == "password" ? "pl-3 pr-[4.25rem]" // No hay ícono en el componente y es de tipo password
20695
- : "pl-3 pr-10" // No hay ícono en el componente y no es de tipo password
20696
- ];
20697
- },
20742
+ const baseClasses = [this.roundedClass, this.textSizeClass, this.bgColor || "bg-field", this.darkBgColor || "dark:bg-fieldDark", this.focusBgColor || "", this.focusDarkBgColor || ""];
20743
+ const inputBaseClasses = ["e-input-base border-x border-b border-t-0 border-opacity-20 border-gray-700 peer", this.color || "text-black", this.darkColor || "dark:text-white", this.outlineColor || "outline-secondary", this.darkOutlineColor || "", this.placeholderColor || "placeholder:text-black", this.darkPlaceholderColor || "dark:placeholder:text-white", this.outline ? "outline outline-2" : "focus:outline outline-2"];
20744
+ const iconClasses = this.$slots.icon ? this.iconRight ? this.$slots.iconPassword || this.type == "password" ? "pl-3 pr-24" // Ícono a la derecha y también ícono de mostrar/ocultar password
20745
+ : "pl-3 pr-[4.25rem]" // Ícono a la derecha
20746
+ : this.type == "password" ? "pl-10 pr-[4.25rem]" // Ícono a la izquierda y es de tipo password
20747
+ : "px-10" // Ícono a la izquierda
20748
+ : this.$slots.iconPassword || this.type == "password" ? "pl-3 pr-[4.25rem]" // No hay ícono y es de tipo password
20749
+ : "pl-3 pr-10"; // No hay ícono
20698
20750
 
20751
+ return this.errorRules || this.messageRestrictions ? ["e-input--error", ...baseClasses, ...inputBaseClasses, iconClasses] : [...baseClasses, ...inputBaseClasses, iconClasses];
20752
+ },
20699
20753
  labelClass() {
20700
- return ["e-input-label", this.roundedClass, this.textSizeClass, this.errorRules || this.messageRestrictions ? "text-danger peer-focus:text-danger" : "text-black dark:text-white peer-focus:text-secondary peer-focus:dark:text-secondary"];
20754
+ const baseLabelClasses = ["e-input-label", this.roundedClass, this.textSizeClass];
20755
+ const dynamicLabelClasses = this.errorRules || this.messageRestrictions ? ["text-danger", "peer-focus:text-danger"] : ["text-black", "dark:text-white", "peer-focus:text-secondary", "peer-focus:dark:text-secondary"];
20756
+ return baseLabelClasses.concat(dynamicLabelClasses);
20757
+ },
20758
+ classBoxLabel() {
20759
+ const baseBoxLabelClasses = ["flex z-10 px-2 rounded-md"];
20760
+ const dynamicBoxLabelClasses = this.isInputFocused || this.errorRules ? [this.bgColor || "bg-field", this.darkBgColor || "dark:bg-fieldDark"] : [];
20761
+ return baseBoxLabelClasses.concat(dynamicBoxLabelClasses);
20701
20762
  },
20702
20763
  textSizeClass() {
20703
20764
  const textSizeClasses = {
@@ -20984,10 +21045,10 @@ const patterns = {
20984
21045
  });
20985
21046
  ;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=script&lang=js
20986
21047
 
20987
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EInput.vue?vue&type=style&index=0&id=1d4a7d4f&scoped=true&lang=css
21048
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EInput.vue?vue&type=style&index=0&id=f4cf0c98&scoped=true&lang=css
20988
21049
  // extracted by mini-css-extract-plugin
20989
21050
 
20990
- ;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=style&index=0&id=1d4a7d4f&scoped=true&lang=css
21051
+ ;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=style&index=0&id=f4cf0c98&scoped=true&lang=css
20991
21052
 
20992
21053
  // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/EInput.vue?vue&type=custom&index=0&blockType=docs&lang=md
20993
21054
  var EInputvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(7788);
@@ -21006,7 +21067,7 @@ if (typeof (EInputvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
21006
21067
 
21007
21068
 
21008
21069
  ;
21009
- const EInput_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EInputvue_type_script_lang_js, [['render',EInputvue_type_template_id_1d4a7d4f_scoped_true_render],['__scopeId',"data-v-1d4a7d4f"]])
21070
+ const EInput_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EInputvue_type_script_lang_js, [['render',EInputvue_type_template_id_f4cf0c98_scoped_true_render],['__scopeId',"data-v-f4cf0c98"]])
21010
21071
 
21011
21072
  /* harmony default export */ var EInput = (EInput_exports_);
21012
21073
  ;// 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/components/EModal.vue?vue&type=template&id=0a90ae12
@@ -21455,23 +21516,30 @@ if (typeof (EPaginationTablevue_type_custom_index_0_blockType_docs_lang_md_defau
21455
21516
  const EPaginationTable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EPaginationTablevue_type_script_lang_js, [['render',EPaginationTablevue_type_template_id_62260822_render]])
21456
21517
 
21457
21518
  /* harmony default export */ var EPaginationTable = (EPaginationTable_exports_);
21458
- ;// 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/components/ESelect.vue?vue&type=template&id=640d3918
21519
+ ;// 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/components/ESelect.vue?vue&type=template&id=02020357
21459
21520
 
21460
- const ESelectvue_type_template_id_640d3918_hoisted_1 = {
21521
+ const ESelectvue_type_template_id_02020357_hoisted_1 = {
21522
+ class: "flex flex-col"
21523
+ };
21524
+ const ESelectvue_type_template_id_02020357_hoisted_2 = {
21461
21525
  class: "relative"
21462
21526
  };
21463
- const ESelectvue_type_template_id_640d3918_hoisted_2 = ["disabled", "id"];
21464
- const ESelectvue_type_template_id_640d3918_hoisted_3 = {
21465
- class: "flex items-center w-full"
21527
+ const ESelectvue_type_template_id_02020357_hoisted_3 = {
21528
+ key: 0
21466
21529
  };
21467
- const ESelectvue_type_template_id_640d3918_hoisted_4 = {
21468
- key: 0,
21469
- class: "text-secondary"
21530
+ const ESelectvue_type_template_id_02020357_hoisted_4 = ["disabled", "id", "value"];
21531
+ const ESelectvue_type_template_id_02020357_hoisted_5 = ["for"];
21532
+ const ESelectvue_type_template_id_02020357_hoisted_6 = {
21533
+ key: 0
21470
21534
  };
21471
- const ESelectvue_type_template_id_640d3918_hoisted_5 = {
21472
- class: "flex space-x-3"
21535
+ const ESelectvue_type_template_id_02020357_hoisted_7 = ["disabled", "id"];
21536
+ const ESelectvue_type_template_id_02020357_hoisted_8 = {
21537
+ class: "flex items-center w-full"
21473
21538
  };
21474
- const ESelectvue_type_template_id_640d3918_hoisted_6 = {
21539
+ const ESelectvue_type_template_id_02020357_hoisted_9 = {
21540
+ key: 0
21541
+ };
21542
+ const ESelectvue_type_template_id_02020357_hoisted_10 = {
21475
21543
  key: 1,
21476
21544
  class: "w-4 h-4 text-secondary opacity-60 hover:opacity-100 dark:text-white",
21477
21545
  "aria-hidden": "true",
@@ -21479,101 +21547,110 @@ const ESelectvue_type_template_id_640d3918_hoisted_6 = {
21479
21547
  fill: "none",
21480
21548
  viewBox: "0 0 15 15"
21481
21549
  };
21482
- const ESelectvue_type_template_id_640d3918_hoisted_7 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
21550
+ const ESelectvue_type_template_id_02020357_hoisted_11 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
21483
21551
  stroke: "currentColor",
21484
21552
  "stroke-linecap": "round",
21485
21553
  "stroke-linejoin": "round",
21486
21554
  "stroke-width": "2",
21487
21555
  d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
21488
21556
  }, null, -1);
21489
- const ESelectvue_type_template_id_640d3918_hoisted_8 = [ESelectvue_type_template_id_640d3918_hoisted_7];
21490
- const ESelectvue_type_template_id_640d3918_hoisted_9 = {
21491
- key: 2,
21557
+ const ESelectvue_type_template_id_02020357_hoisted_12 = [ESelectvue_type_template_id_02020357_hoisted_11];
21558
+ const ESelectvue_type_template_id_02020357_hoisted_13 = {
21559
+ key: 1,
21492
21560
  "aria-hidden": "true",
21493
21561
  class: "w-6 h-6 text-gray-200 animate-spin dark:text-gray-600 fill-secondary",
21494
21562
  viewBox: "0 0 100 101",
21495
21563
  fill: "none",
21496
21564
  xmlns: "http://www.w3.org/2000/svg"
21497
21565
  };
21498
- const ESelectvue_type_template_id_640d3918_hoisted_10 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
21566
+ const ESelectvue_type_template_id_02020357_hoisted_14 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
21499
21567
  d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
21500
21568
  fill: "currentColor"
21501
21569
  }, null, -1);
21502
- const ESelectvue_type_template_id_640d3918_hoisted_11 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
21570
+ const ESelectvue_type_template_id_02020357_hoisted_15 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
21503
21571
  d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
21504
21572
  fill: "currentFill"
21505
21573
  }, null, -1);
21506
- const ESelectvue_type_template_id_640d3918_hoisted_12 = [ESelectvue_type_template_id_640d3918_hoisted_10, ESelectvue_type_template_id_640d3918_hoisted_11];
21507
- const ESelectvue_type_template_id_640d3918_hoisted_13 = {
21508
- key: 4
21509
- };
21510
- const ESelectvue_type_template_id_640d3918_hoisted_14 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
21574
+ const ESelectvue_type_template_id_02020357_hoisted_16 = [ESelectvue_type_template_id_02020357_hoisted_14, ESelectvue_type_template_id_02020357_hoisted_15];
21575
+ const ESelectvue_type_template_id_02020357_hoisted_17 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
21511
21576
  stroke: "currentColor",
21512
21577
  "stroke-linecap": "round",
21513
21578
  "stroke-linejoin": "round",
21514
21579
  "stroke-width": "1.9",
21515
21580
  d: "m1 1 5.326 5.7a.909.909 0 0 0 1.348 0L13 1"
21516
21581
  }, null, -1);
21517
- const ESelectvue_type_template_id_640d3918_hoisted_15 = [ESelectvue_type_template_id_640d3918_hoisted_14];
21518
- const ESelectvue_type_template_id_640d3918_hoisted_16 = ["onClick"];
21519
- const ESelectvue_type_template_id_640d3918_hoisted_17 = {
21520
- key: 1,
21521
- class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)('e-select--error-message animate-slide-down')
21582
+ const ESelectvue_type_template_id_02020357_hoisted_18 = [ESelectvue_type_template_id_02020357_hoisted_17];
21583
+ const ESelectvue_type_template_id_02020357_hoisted_19 = ["onClick"];
21584
+ const ESelectvue_type_template_id_02020357_hoisted_20 = {
21585
+ key: 0,
21586
+ class: "e-select--error-message animate-slide-down"
21522
21587
  };
21523
- function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setup, $data, $options) {
21524
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ESelectvue_type_template_id_640d3918_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
21525
- ref: "closeSelect",
21588
+ function ESelectvue_type_template_id_02020357_render(_ctx, _cache, $props, $setup, $data, $options) {
21589
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ESelectvue_type_template_id_02020357_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_template_id_02020357_hoisted_2, [$props.suggestion ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ESelectvue_type_template_id_02020357_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
21590
+ placeholder: " ",
21591
+ ref: "refSelect",
21592
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass),
21593
+ disabled: $props.disabled,
21594
+ id: 'input-' + $props.label,
21595
+ value: $options.labelSelected,
21596
+ onBlur: _cache[0] || (_cache[0] = (...args) => $options.onInputBlur && $options.onInputBlur(...args)),
21597
+ onFocus: _cache[1] || (_cache[1] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
21598
+ onInput: _cache[2] || (_cache[2] = (...args) => $options.fetchSuggestions && $options.fetchSuggestions(...args)),
21599
+ onClick: _cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"]))
21600
+ }, null, 42, ESelectvue_type_template_id_02020357_hoisted_4), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
21601
+ for: 'input-' + $props.label,
21602
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.labelClass)
21603
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
21604
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.classBoxLabel)
21605
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (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", ESelectvue_type_template_id_02020357_hoisted_6, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, ESelectvue_type_template_id_02020357_hoisted_5)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
21606
+ key: 1,
21607
+ ref: "refSelect",
21526
21608
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass),
21527
21609
  disabled: $props.disabled,
21528
- onClick: _cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"])),
21610
+ onClick: _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"])),
21529
21611
  id: 'label-' + $props.label,
21530
- onFocus: _cache[2] || (_cache[2] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
21531
- onBlur: _cache[3] || (_cache[3] = (...args) => $options.onInputBlur && $options.onInputBlur(...args))
21532
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_template_id_640d3918_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
21612
+ onFocus: _cache[5] || (_cache[5] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
21613
+ onBlur: _cache[6] || (_cache[6] = (...args) => $options.onInputBlur && $options.onInputBlur(...args))
21614
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_template_id_02020357_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
21533
21615
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['flex', _ctx.$slots.icon ? [$props.iconRight ? '' : 'pl-5'] : '', 'flex-col'])
21534
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
21535
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.labelSelected ? $props.stayLabel ? $options.labelClass : $options.labelClass : $options.textSizeClass])
21536
21616
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
21537
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["flex justify-center items-center relative", [!$data.isInputFocused && $options.labelSelected ? 'mt-1' : '']])
21617
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.labelSelected ? $props.stayLabel ? $options.labelClass : $options.labelClass : $options.textSizeClass])
21538
21618
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
21539
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([!!$options.labelSelected ? 'z-10' : '', 'mx-2'])
21540
- }, [(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", ESelectvue_type_template_id_640d3918_hoisted_4, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2), $data.isInputFocused && $options.labelSelected && !$props.formatSelectedOptionLabel ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
21619
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.classBoxLabel)
21620
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (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", ESelectvue_type_template_id_02020357_hoisted_9, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 2), !$props.suggestion ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
21541
21621
  key: 0,
21542
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["w-full absolute h-[0.5rem] mt-[0.3rem]", $options.classBoxLabel])
21543
- }, null, 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.labelSelected && !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
21544
- key: 1,
21545
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["w-full absolute h-[0.5rem] mt-[0.3rem]", $options.classBoxLabel])
21546
- }, null, 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
21547
21622
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.labelSelectedClass)
21548
- }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.getFormattedOptionSelected($options.labelSelected)), 3)], 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_template_id_640d3918_hoisted_5, [_ctx.$slots.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
21623
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.getFormattedOptionSelected($options.labelSelected)), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)])], 42, ESelectvue_type_template_id_02020357_hoisted_7)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
21624
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['e-select-icon', _ctx.$slots.icon ? 'right-11' : true ? $props.iconRight ? 'right-11' : 'right-3' : 0])
21625
+ }, [this.modelValue && $props.showClean ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
21549
21626
  key: 0,
21550
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['absolute z-0 top-1', $props.iconRight ? [$options.labelSelected ? 'right-16' : 'right-10'] : 'left-2'])
21551
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.labelSelected && !$props.disabled && $props.showClean ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
21552
- key: 1,
21553
- onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.clean && $options.clean(...args), ["stop", "prevent"])),
21627
+ onClick: _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.clean && $options.clean(...args), ["stop", "prevent"])),
21554
21628
  class: "animate-slide-down"
21555
21629
  }, [_ctx.$slots.iconClose ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {
21556
21630
  key: 0
21557
- }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ESelectvue_type_template_id_640d3918_hoisted_6, ESelectvue_type_template_id_640d3918_hoisted_8))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.loading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ESelectvue_type_template_id_640d3918_hoisted_9, ESelectvue_type_template_id_640d3918_hoisted_12)) : _ctx.$slots.arrow ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "arrow", {
21558
- key: 3
21559
- }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ESelectvue_type_template_id_640d3918_hoisted_13, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
21631
+ }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ESelectvue_type_template_id_02020357_hoisted_10, ESelectvue_type_template_id_02020357_hoisted_12))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $props.loading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ESelectvue_type_template_id_02020357_hoisted_13, ESelectvue_type_template_id_02020357_hoisted_16)) : _ctx.$slots.arrow ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "arrow", {
21632
+ key: 2
21633
+ }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", {
21634
+ key: 3,
21560
21635
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['w-4 h-4', $options.arrowClass]),
21561
21636
  "aria-hidden": "true",
21562
21637
  xmlns: "http://www.w3.org/2000/svg",
21563
21638
  fill: "none",
21564
21639
  viewBox: "0 0 14 8"
21565
- }, ESelectvue_type_template_id_640d3918_hoisted_15, 2))]))])], 42, ESelectvue_type_template_id_640d3918_hoisted_2), $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
21566
- key: 0,
21567
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.containerOptionsClass)
21568
- }, [((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)($props.options, option => {
21640
+ }, ESelectvue_type_template_id_02020357_hoisted_18, 2))], 2), $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
21641
+ key: 2,
21642
+ ref: "contentSelect",
21643
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.containerOptionsClass),
21644
+ style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($options.calculateDropPositionY())
21645
+ }, [((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)($props.suggestion ? $data.auxSuggestions : $props.options, option => {
21569
21646
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
21570
21647
  onClick: $event => $options.selectOption(option),
21571
21648
  key: option.value,
21572
21649
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.optionsClass, $options.labelSelectedColor(option.value)])
21573
- }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.getFormattedOption(option)), 11, ESelectvue_type_template_id_640d3918_hoisted_16);
21574
- }), 128))], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ESelectvue_type_template_id_640d3918_hoisted_17, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
21650
+ }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.getFormattedOption(option)), 11, ESelectvue_type_template_id_02020357_hoisted_19);
21651
+ }), 128))], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ESelectvue_type_template_id_02020357_hoisted_20, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
21575
21652
  }
21576
- ;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=template&id=640d3918
21653
+ ;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=template&id=02020357
21577
21654
 
21578
21655
  ;// 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/components/ESelect.vue?vue&type=script&lang=js
21579
21656
 
@@ -21598,6 +21675,22 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
21598
21675
  default: null,
21599
21676
  description: "Bandera para habilitar el componente de selección multiple."
21600
21677
  },
21678
+ /**
21679
+ * Bandera para habilitar el componente de autocompletado.
21680
+ */
21681
+ suggestion: {
21682
+ type: Boolean,
21683
+ default: null,
21684
+ description: "Bandera para habilitar el componente de autocompletado."
21685
+ },
21686
+ /**
21687
+ * Función callback para customizar la función de filtrado.
21688
+ */
21689
+ filterFn: {
21690
+ type: Function,
21691
+ default: null,
21692
+ description: "Función callback para customizar la función de filtrado."
21693
+ },
21601
21694
  /**
21602
21695
  * Etiqueta que indicará el valor solicitado para el componene.
21603
21696
  */
@@ -21860,7 +21953,11 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
21860
21953
  },
21861
21954
  data() {
21862
21955
  return {
21956
+ auxSuggestions: this.options,
21863
21957
  multipleValue: [],
21958
+ selectContentHeight: null,
21959
+ selectHeight: null,
21960
+ selectedoption: false,
21864
21961
  errorRules: false,
21865
21962
  messageRule: false,
21866
21963
  isInputFocused: false
@@ -21868,22 +21965,32 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
21868
21965
  },
21869
21966
  computed: {
21870
21967
  mainClass() {
21871
- return [this.shadowClass, this.roundedClass, this.bgColor ? this.bgColor : "bg-field", this.darkBgColor ? this.darkBgColor : "dark:bg-fieldDark", this.$slots.icon ? [this.iconRight ? "pl-3" : "pl-4"] : "pl-3", this.errorRules ? "e-select--error" : ["e-select-base peer", this.color ? this.color : "text-black", this.darkColor ? this.darkColor : "dark:text-white", this.border ? "border-x border-b border-t-0 border-opacity-20 border-gray-700" : "border-none", this.outline ? ["focus:outline focus:outline-2", this.outlineColor ? this.outlineColor : "focus:outline-secondary", this.darkOutlineColor ? this.darkOutlineColor : ""] : "outline-none"]];
21968
+ const baseClasses = [this.shadowClass, this.roundedClass, this.bgColor ?? "bg-field", this.darkBgColor ?? "dark:bg-fieldDark", this.suggestion ? this.textOptTransformClass : "normal-case", this.$slots.icon ? [this.iconRight ? "pl-3" : "pl-4"] : "pl-3"];
21969
+ const errorClasses = this.errorRules ? ["e-select--error"] : ["e-select-base peer", this.color ?? "text-black", this.darkColor ?? "dark:text-white", this.border ? "border-x border-b border-t-0 border-opacity-20 border-gray-700" : "border-none", this.outline ? ["focus:outline focus:outline-2", this.outlineColor ?? "focus:outline-secondary", this.darkOutlineColor ?? ""] : "outline-none"];
21970
+ return baseClasses.concat(errorClasses);
21872
21971
  },
21873
21972
  arrowClass() {
21874
- return [this.errorRules ? "text-danger" : [this.arrowColor ? this.arrowColor : "text-secondary", this.arrowColorDark ? this.arrowColorDark : "dark:text-white"]];
21973
+ const baseArrowClasses = [this.arrowColor ?? "text-secondary", this.arrowColorDark ?? "dark:text-white"];
21974
+ return this.errorRules ? ["text-danger"] : baseArrowClasses;
21875
21975
  },
21876
21976
  optionsClass() {
21877
- return ["e-select-options", this.textOptTransformClass, this.hoverColor ? this.hoverColor : "hover:bg-unfocus", this.darkHoverColor ? this.darkHoverColor : "dark:hover:bg-unfocusDark"];
21977
+ return ["e-select-options", this.textOptTransformClass, this.hoverColor ?? "hover:bg-unfocus", this.darkHoverColor ?? "dark:hover:bg-unfocusDark"];
21878
21978
  },
21879
21979
  containerOptionsClass() {
21880
- return ["e-select-selected border-2 border-secondary dark:border-secondary", this.bgColor ? this.bgColor : "bg-field", this.darkBgColor ? this.darkBgColor : "dark:bg-fieldDark", this.color ? this.color : "text-black", this.darkColor ? this.darkColor : "dark:text-white"];
21980
+ return ["e-select-selected border-2 border-secondary dark:border-secondary", this.bgColor ?? "bg-field", this.darkBgColor ?? "dark:bg-fieldDark", this.color ?? "text-black", this.darkColor ?? "dark:text-white"];
21881
21981
  },
21882
21982
  labelSelectedClass() {
21883
- return ["line-clamp-1 break-all text-left transition duration-500", this.textSizeClass, this.textTransformClass, this.iconRight ? this.stayLabel ? "ml-1 pr-14" : "pr-14" : this.stayLabel ? "ml-1 pr-8" : "pr-8"];
21983
+ const baseLabelSelectedClasses = ["line-clamp-1 break-all text-left transition duration-500", this.textSizeClass, this.textTransformClass];
21984
+ const iconClasses = this.iconRight ? this.stayLabel ? "ml-1 pr-14" : "pr-14" : this.stayLabel ? "ml-1 pr-8" : "pr-8";
21985
+ return baseLabelSelectedClasses.concat(iconClasses);
21884
21986
  },
21885
21987
  labelClass() {
21886
- return ["e-select-label", this.messageRule ? "text-danger" : [this.labelColor ? this.labelColor : this.isInputFocused ? "text-secondary" : "text-black", this.labelDarkColor ? this.labelDarkColor : this.isInputFocused ? "dark:text-secondary" : "dark:text-white"]];
21988
+ return ["e-select-label", this.messageRule ? "text-danger" : [this.labelColor ?? this.isInputFocused ? "text-secondary" : "text-black", this.labelDarkColor ?? this.isInputFocused ? "dark:text-secondary" : "dark:text-white"]];
21989
+ },
21990
+ classBoxLabel() {
21991
+ const baseBoxLabelClasses = ["flex z-10 px-2 rounded-md"];
21992
+ const dynamicBoxLabelClasses = this.isInputFocused || this.errorRules ? [this.bgColor || "bg-field", this.darkBgColor || "dark:bg-fieldDark"] : [];
21993
+ return baseBoxLabelClasses.concat(dynamicBoxLabelClasses);
21887
21994
  },
21888
21995
  textOptTransformClass() {
21889
21996
  const textOptTransformClasses = {
@@ -21925,9 +22032,6 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
21925
22032
  };
21926
22033
  return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-xl";
21927
22034
  },
21928
- classBoxLabel() {
21929
- return [this.bgColor ? this.bgColor : "bg-field", this.darkBgColor ? this.darkBgColor : "dark:bg-fieldDark"];
21930
- },
21931
22035
  textSizeClass() {
21932
22036
  const textSizeClasses = {
21933
22037
  xs: "text-xs",
@@ -21970,6 +22074,11 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
21970
22074
  this.register(this);
21971
22075
  }
21972
22076
  },
22077
+ mounted() {
22078
+ if (this.$refs.refSelect) {
22079
+ this.selectHeight = this.$refs.refSelect.offsetHeight;
22080
+ }
22081
+ },
21973
22082
  beforeUnmount() {
21974
22083
  // Desregistra este componente en EForm antes de destruirse
21975
22084
  if (this.unregister) {
@@ -21977,6 +22086,41 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
21977
22086
  }
21978
22087
  },
21979
22088
  methods: {
22089
+ calculateDropPositionY() {
22090
+ if (this.isDropdownOpen) {
22091
+ if (this.calculateAvailableSpaceY(this.$refs.refSelect)) {
22092
+ return {
22093
+ top: "-" + this.selectContentHeight + "px" // Despliega hacia arriba
22094
+ };
22095
+ } else {
22096
+ return {
22097
+ top: this.selectHeight + "px" // Despliega hacia abajo
22098
+ };
22099
+ }
22100
+ }
22101
+
22102
+ // Otro manejo si es necesario cuando el dropdown no está abierto
22103
+ return {};
22104
+ },
22105
+ calculateAvailableSpaceY(referenceComp) {
22106
+ const rect = referenceComp.getBoundingClientRect();
22107
+ const bottomSpace = window.innerHeight - rect.bottom;
22108
+ return bottomSpace < 200 ? true : false; // arriba : abajo
22109
+ },
22110
+
22111
+ fetchSuggestions(event) {
22112
+ this.selectedoption = false;
22113
+ const valueInput = event.target.value;
22114
+ if (valueInput === "") {
22115
+ this.reset();
22116
+ this.isDropdownOpen = false;
22117
+ this.$emit("update:modelValue", null);
22118
+ return;
22119
+ }
22120
+ this.auxSuggestions = this.filterFn && typeof this.filterFn === "function" ? this.filterFn(this.options, valueInput) : this.options.filter(option => option.label.toLowerCase().includes(valueInput.toLowerCase()));
22121
+ this.isDropdownOpen = this.auxSuggestions.length > 0;
22122
+ this.$emit("update:modelValue", valueInput);
22123
+ },
21980
22124
  labelSelectedColor(value) {
21981
22125
  if (this.modelValue) {
21982
22126
  const isSelected = this.multiple ? this.modelValue.includes(value) : this.modelValue === value;
@@ -22017,6 +22161,9 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
22017
22161
  },
22018
22162
  // Limpia la opción seleccionada del componente
22019
22163
  async clean() {
22164
+ this.reset();
22165
+ this.multipleValue = [];
22166
+ this.selectedoption = false;
22020
22167
  /**
22021
22168
  * Se emite al limpiar el contenido del componente.
22022
22169
  *
@@ -22024,8 +22171,6 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
22024
22171
  * @type {Event}
22025
22172
  */
22026
22173
  this.$emit("clean");
22027
- this.multipleValue = [];
22028
- this.reset();
22029
22174
  },
22030
22175
  onInputFocus() {
22031
22176
  this.isInputFocused = true;
@@ -22035,16 +22180,24 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
22035
22180
  },
22036
22181
  // Muestra u oculta la ventana con el listado de opciones al seleccionar
22037
22182
  toggleDropdown() {
22038
- this.isDropdownOpen = !this.isDropdownOpen;
22183
+ if (this.suggestion && this.auxSuggestions.length == 0) {
22184
+ this.isDropdownOpen = false;
22185
+ } else {
22186
+ this.isDropdownOpen = !this.isDropdownOpen;
22187
+ }
22039
22188
  },
22040
22189
  // Emite la opción seleccionada y manda a llamar a la función de validación
22041
22190
  async selectOption(option) {
22191
+ this.selectedoption = true;
22042
22192
  this.isDropdownOpen = false;
22043
22193
  if (this.multiple) {
22044
22194
  await this.selectMultiOption(option);
22045
22195
  } else {
22046
22196
  await this.selectOneOption(option);
22047
22197
  }
22198
+ if (this.suggestion) {
22199
+ this.auxSuggestions = [...this.options];
22200
+ }
22048
22201
  },
22049
22202
  async selectOneOption(option) {
22050
22203
  /**
@@ -22141,7 +22294,7 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
22141
22294
  }
22142
22295
  },
22143
22296
  setup() {
22144
- const closeSelect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
22297
+ const refSelect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
22145
22298
  const isDropdownOpen = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
22146
22299
 
22147
22300
  // Función para cerrar el dropdown
@@ -22150,14 +22303,33 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
22150
22303
  };
22151
22304
 
22152
22305
  // Configura el observador de clic fuera del elemento
22153
- onClickOutside(closeSelect, closeDropdown);
22306
+ onClickOutside(refSelect, closeDropdown);
22154
22307
  return {
22155
- closeSelect,
22308
+ refSelect,
22156
22309
  isDropdownOpen,
22157
22310
  closeDropdown,
22158
22311
  onClickOutside: onClickOutside
22159
22312
  };
22160
22313
  },
22314
+ watch: {
22315
+ isDropdownOpen(value) {
22316
+ if (value) {
22317
+ // Si se despliega el contenido oculto...
22318
+ this.$nextTick(() => {
22319
+ if (this.$refs.contentSelect) {
22320
+ // Obtiene la altura del elemento a mostrar si ya está lista su referencia
22321
+ this.selectContentHeight = this.$refs.contentSelect.offsetHeight;
22322
+ } else {
22323
+ // Asigna null si no está lista su referencia
22324
+ this.selectContentHeight = null;
22325
+ }
22326
+ });
22327
+ } else {
22328
+ // Si no despliega el contenido oculto...
22329
+ this.selectContentHeight = null;
22330
+ }
22331
+ }
22332
+ },
22161
22333
  inject: {
22162
22334
  register: {
22163
22335
  from: "register",
@@ -22171,10 +22343,10 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
22171
22343
  });
22172
22344
  ;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=script&lang=js
22173
22345
 
22174
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ESelect.vue?vue&type=style&index=0&id=640d3918&lang=css
22346
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ESelect.vue?vue&type=style&index=0&id=02020357&lang=css
22175
22347
  // extracted by mini-css-extract-plugin
22176
22348
 
22177
- ;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=style&index=0&id=640d3918&lang=css
22349
+ ;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=style&index=0&id=02020357&lang=css
22178
22350
 
22179
22351
  // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ESelect.vue?vue&type=custom&index=0&blockType=docs&lang=md
22180
22352
  var ESelectvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(3029);
@@ -22193,56 +22365,56 @@ if (typeof (ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
22193
22365
 
22194
22366
 
22195
22367
  ;
22196
- const ESelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ESelectvue_type_script_lang_js, [['render',ESelectvue_type_template_id_640d3918_render]])
22368
+ const ESelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ESelectvue_type_script_lang_js, [['render',ESelectvue_type_template_id_02020357_render]])
22197
22369
 
22198
22370
  /* harmony default export */ var ESelect = (ESelect_exports_);
22199
- ;// 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/components/ETable.vue?vue&type=template&id=75aaaebb&scoped=true
22371
+ ;// 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/components/ETable.vue?vue&type=template&id=5a2f1b86&scoped=true
22200
22372
 
22201
- const ETablevue_type_template_id_75aaaebb_scoped_true_withScopeId = n => (_pushScopeId("data-v-75aaaebb"), n = n(), _popScopeId(), n);
22202
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_1 = {
22373
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_withScopeId = n => (_pushScopeId("data-v-5a2f1b86"), n = n(), _popScopeId(), n);
22374
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_1 = {
22203
22375
  key: 0
22204
22376
  };
22205
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_2 = {
22377
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_2 = {
22206
22378
  key: 0,
22207
22379
  class: "px-4 py-3"
22208
22380
  };
22209
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_3 = {
22381
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_3 = {
22210
22382
  class: "flex justify-center items-center"
22211
22383
  };
22212
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_4 = ["onClick"];
22213
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_5 = {
22384
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_4 = ["onClick"];
22385
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_5 = {
22214
22386
  key: 0
22215
22387
  };
22216
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_6 = {
22388
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_6 = {
22217
22389
  key: 0,
22218
22390
  class: "px-4 py-3"
22219
22391
  };
22220
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_7 = {
22392
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_7 = {
22221
22393
  class: "radio"
22222
22394
  };
22223
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_8 = ["onClick"];
22224
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_9 = ["onClick"];
22225
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_10 = {
22395
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_8 = ["onClick"];
22396
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_9 = ["onClick"];
22397
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_10 = {
22226
22398
  class: "flex items-center justify-center w-full h-full"
22227
22399
  };
22228
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_11 = ["onClick"];
22229
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_12 = {
22400
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_11 = ["onClick"];
22401
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_12 = {
22230
22402
  class: "flex items-center justify-center mt-2 mb-8 flex-col"
22231
22403
  };
22232
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_13 = {
22404
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_13 = {
22233
22405
  key: 1,
22234
22406
  class: "flex justify-between items-center w-full"
22235
22407
  };
22236
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_14 = {
22408
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_14 = {
22237
22409
  class: "min-w-[5rem] flex justify-center"
22238
22410
  };
22239
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_15 = {
22411
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_15 = {
22240
22412
  class: "w-full flex justify-center items-center"
22241
22413
  };
22242
- const ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_16 = {
22414
+ const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_16 = {
22243
22415
  class: "min-w-[5rem] flex justify-center"
22244
22416
  };
22245
- function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
22417
+ function ETablevue_type_template_id_5a2f1b86_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
22246
22418
  const _component_EIcon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("EIcon");
22247
22419
  const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("e-icon");
22248
22420
  const _component_EPaginationTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("EPaginationTable");
@@ -22251,11 +22423,11 @@ function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $p
22251
22423
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass)
22252
22424
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("table", {
22253
22425
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['shadow-lg p-5 min-w-full table-auto', $props.bgColor, $props.darkBgColor])
22254
- }, [$props.haveTitle ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("caption", ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [$props.select ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_2, "Selecciona")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((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.finalColumns, (col, indexCol) => {
22426
+ }, [$props.haveTitle ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("caption", ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tr", null, [$props.select ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_2, "Selecciona")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((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.finalColumns, (col, indexCol) => {
22255
22427
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", {
22256
22428
  key: 'col' + indexCol,
22257
22429
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.headerClass, $options.styleHeaderClass(indexCol)])
22258
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
22430
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
22259
22431
  class: "text-center cursor-default",
22260
22432
  style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(col.style)
22261
22433
  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(col.title), 5), col.sortable ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
@@ -22266,8 +22438,8 @@ function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $p
22266
22438
  name: $data.sortBy === col.field ? $data.descending ? 'arrow_drop_down' : 'arrow_drop_up' : 'ebind:flechas-arriba-abajo',
22267
22439
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([this.arrowsColor ?? 'text-secondary', this.arrowsColorDark ?? 'dark:text-secondary']),
22268
22440
  size: $data.sortBy === col.field ? 'sm' : '1em'
22269
- }, null, 8, ["name", "class", "size"])], 8, ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 2);
22270
- }), 128))]), $props.headerSeparator ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("tr", ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
22441
+ }, null, 8, ["name", "class", "size"])], 8, ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 2);
22442
+ }), 128))]), $props.headerSeparator ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("tr", ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
22271
22443
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($props.headerSeparator)
22272
22444
  }, null, 2)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("tbody", null, [((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.finalRows, ({
22273
22445
  row,
@@ -22276,10 +22448,10 @@ function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $p
22276
22448
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("tr", {
22277
22449
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.bodyClass),
22278
22450
  key: 'row' + indexRow
22279
- }, [$props.select ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("td", ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
22451
+ }, [$props.select ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("td", ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
22280
22452
  type: "radio",
22281
22453
  onClick: $event => $options.handleSelect(rowOrig)
22282
- }, null, 8, ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_8)])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((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.finalColumns, (col, indexCol) => {
22454
+ }, null, 8, ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_8)])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((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.finalColumns, (col, indexCol) => {
22283
22455
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, {
22284
22456
  key: 'col' + indexCol
22285
22457
  }, [!!_ctx.$slots[`cell-name-${col.field}`] ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, `cell-name-${col.field}`, {
@@ -22294,7 +22466,7 @@ function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $p
22294
22466
  key: 1,
22295
22467
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.styleRowClass(col, indexRow, $data.indexRowSelected)),
22296
22468
  onClick: $event => col.isClickeable ? $options.handleClickEmit(row, col.field, col, indexRow) : false
22297
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(row[col.field + `${col.readObject ? col.readObject : ""}`]), 1), col.copy ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
22469
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(row[col.field + `${col.readObject ? col.readObject : ""}`]), 1), col.copy ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
22298
22470
  key: 0,
22299
22471
  class: "flex items-center justify-center ml-1 cursor-pointer",
22300
22472
  onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.handleCopyRow(row, col), ["stop"])
@@ -22305,12 +22477,12 @@ function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $p
22305
22477
  size: "xs",
22306
22478
  name: "content_copy",
22307
22479
  textColor: "text-primary"
22308
- }))], 8, ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_11)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 10, ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_9))], 64);
22480
+ }))], 8, ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_11)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 10, ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_9))], 64);
22309
22481
  }), 128))], 2);
22310
- }), 128))])], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_12, [$props.rows.length < 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
22482
+ }), 128))])], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_12, [$props.rows.length < 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
22311
22483
  key: 0,
22312
- class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.bodyClass, "min-h-[10rem] flex items-center"])
22313
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "noData", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" No existen datos para mostrar ")], true)], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.numPagesTotal !== null ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_14, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "btn-bl", {}, undefined, true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_15, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_EPaginationTable, {
22484
+ class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.bodyClass, "flex min-h-[10rem] w-full"])
22485
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "noData", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" No existen datos para mostrar ")], true)], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.numPagesTotal !== null ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_14, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "btn-bl", {}, undefined, true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_15, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_EPaginationTable, {
22314
22486
  numPagesTotal: $options.numPagesTotal,
22315
22487
  modelValue: $data.currentPage,
22316
22488
  "onUpdate:modelValue": [_cache[0] || (_cache[0] = $event => $data.currentPage = $event), _cache[1] || (_cache[1] = $event => $options.handleRequest(true))],
@@ -22324,9 +22496,9 @@ function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $p
22324
22496
  modelValue: $data.numRowsByPage,
22325
22497
  "onUpdate:modelValue": [_cache[2] || (_cache[2] = $event => $data.numRowsByPage = $event), $options.handleReload],
22326
22498
  options: $props.rowsByPage
22327
- }, null, 8, ["bgColor", "darkBgColor", "modelValue", "options", "onUpdate:modelValue"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_75aaaebb_scoped_true_hoisted_16, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "btn-br", {}, undefined, true)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 64);
22499
+ }, null, 8, ["bgColor", "darkBgColor", "modelValue", "options", "onUpdate:modelValue"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_16, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "btn-br", {}, undefined, true)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 64);
22328
22500
  }
22329
- ;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=template&id=75aaaebb&scoped=true
22501
+ ;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=template&id=5a2f1b86&scoped=true
22330
22502
 
22331
22503
  ;// CONCATENATED MODULE: ./node_modules/ramda/es/is.js
22332
22504
 
@@ -23161,7 +23333,7 @@ const message = message_show;
23161
23333
  */
23162
23334
  paginationBg: {
23163
23335
  type: String,
23164
- default: "bgGralLight",
23336
+ default: null,
23165
23337
  description: "Color bg en el selector de registros por pagina de la tabla."
23166
23338
  },
23167
23339
  /**
@@ -23169,7 +23341,7 @@ const message = message_show;
23169
23341
  */
23170
23342
  paginationBgDark: {
23171
23343
  type: String,
23172
- default: "dark:bgGralDark",
23344
+ default: null,
23173
23345
  description: "Color bg en modo dark del selector de registros por pagina de la tabla."
23174
23346
  },
23175
23347
  /**
@@ -23259,10 +23431,10 @@ const message = message_show;
23259
23431
  return ["overflow-x-auto", this.roundedClass, this.borderTable ? ["border-x border-b border-t-0 border-opacity-20 ", this.borderColorTable ?? "border-gray-700"] : "border-none"];
23260
23432
  },
23261
23433
  bgSelectPaginationClassLight() {
23262
- return this.paginationBg ?? "bgGralLight";
23434
+ return this.paginationBg ?? "bg-bgGralLight";
23263
23435
  },
23264
23436
  bgSelectPaginationClassDark() {
23265
- return this.paginationBgDark ?? "dark:bgGralDark";
23437
+ return this.paginationBgDark ?? "dark:bg-bgGralDark";
23266
23438
  },
23267
23439
  borderBodyClass() {
23268
23440
  const borderBodyClasses = {
@@ -23569,10 +23741,10 @@ const message = message_show;
23569
23741
  });
23570
23742
  ;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=script&lang=js
23571
23743
 
23572
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ETable.vue?vue&type=style&index=0&id=75aaaebb&scoped=true&lang=css
23744
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ETable.vue?vue&type=style&index=0&id=5a2f1b86&scoped=true&lang=css
23573
23745
  // extracted by mini-css-extract-plugin
23574
23746
 
23575
- ;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=style&index=0&id=75aaaebb&scoped=true&lang=css
23747
+ ;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=style&index=0&id=5a2f1b86&scoped=true&lang=css
23576
23748
 
23577
23749
  // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ETable.vue?vue&type=custom&index=0&blockType=docs&lang=md
23578
23750
  var ETablevue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(4816);
@@ -23591,74 +23763,73 @@ if (typeof (ETablevue_type_custom_index_0_blockType_docs_lang_md_default()) ===
23591
23763
 
23592
23764
 
23593
23765
  ;
23594
- const ETable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ETablevue_type_script_lang_js, [['render',ETablevue_type_template_id_75aaaebb_scoped_true_render],['__scopeId',"data-v-75aaaebb"]])
23766
+ const ETable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ETablevue_type_script_lang_js, [['render',ETablevue_type_template_id_5a2f1b86_scoped_true_render],['__scopeId',"data-v-5a2f1b86"]])
23595
23767
 
23596
23768
  /* harmony default export */ var ETable = (ETable_exports_);
23597
- ;// 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/components/ECollapse.vue?vue&type=template&id=2d0bc8b4&scoped=true
23769
+ ;// 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/components/ECollapse.vue?vue&type=template&id=643f78cc&scoped=true
23598
23770
 
23599
- const ECollapsevue_type_template_id_2d0bc8b4_scoped_true_withScopeId = n => ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.pushScopeId)("data-v-2d0bc8b4"), n = n(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.popScopeId)(), n);
23600
- const ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_1 = {
23771
+ const ECollapsevue_type_template_id_643f78cc_scoped_true_withScopeId = n => ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.pushScopeId)("data-v-643f78cc"), n = n(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.popScopeId)(), n);
23772
+ const ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_1 = {
23601
23773
  ref: "myFiltersCollapse",
23602
23774
  class: "flex flex-col w-full h-full relative"
23603
23775
  };
23604
- const ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_2 = {
23776
+ const ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_2 = {
23605
23777
  class: "flex justify-start items-center space-x-3 w-full h-full"
23606
23778
  };
23607
- const ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_3 = {
23779
+ const ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_3 = {
23608
23780
  key: 0
23609
23781
  };
23610
- const ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_4 = {
23782
+ const ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_4 = {
23611
23783
  key: 1,
23612
23784
  xmlns: "http://www.w3.org/2000/svg",
23613
23785
  width: "25.56",
23614
23786
  height: "25",
23615
23787
  viewBox: "0 0 25.56 25"
23616
23788
  };
23617
- const ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_5 = /*#__PURE__*/ECollapsevue_type_template_id_2d0bc8b4_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
23789
+ const ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_5 = /*#__PURE__*/ECollapsevue_type_template_id_643f78cc_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
23618
23790
  id: "filter_alt_FILL0_wght400_GRAD0_opsz48",
23619
23791
  d: "M52.769-192.5a1.512,1.512,0,0,1-1.113-.449,1.512,1.512,0,0,1-.449-1.113v-9.375l-9.336-11.914a1.182,1.182,0,0,1-.156-1.406,1.284,1.284,0,0,1,1.211-.742H65.738a1.284,1.284,0,0,1,1.211.742,1.182,1.182,0,0,1-.156,1.406l-9.336,11.914v9.375a1.512,1.512,0,0,1-.449,1.113,1.512,1.512,0,0,1-1.113.449Zm1.563-10.781,9.375-11.875H44.957ZM54.332-203.281Z",
23620
23792
  transform: "translate(-41.552 217.5)",
23621
23793
  fill: "#3275e0"
23622
23794
  }, null, -1));
23623
- const ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_6 = [ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_5];
23624
- const ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_7 = {
23795
+ const ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_6 = [ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_5];
23796
+ const ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_7 = {
23625
23797
  key: 1,
23626
23798
  xmlns: "http://www.w3.org/2000/svg",
23627
23799
  width: "23.746",
23628
23800
  height: "14",
23629
23801
  viewBox: "0 0 23.746 14"
23630
23802
  };
23631
- const ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_8 = /*#__PURE__*/ECollapsevue_type_template_id_2d0bc8b4_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
23803
+ const ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_8 = /*#__PURE__*/ECollapsevue_type_template_id_643f78cc_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
23632
23804
  id: "expand_less_FILL0_wght400_GRAD0_opsz48",
23633
23805
  d: "M47.074-117.611l-2.127,2.127L56.82-103.611l11.873-11.823-2.127-2.127-9.746,9.746Z",
23634
23806
  transform: "translate(-44.947 117.611)",
23635
23807
  fill: "#3275e0"
23636
23808
  }, null, -1));
23637
- const ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_9 = [ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_8];
23638
- function ECollapsevue_type_template_id_2d0bc8b4_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
23639
- return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
23809
+ const ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_9 = [ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_8];
23810
+ function ECollapsevue_type_template_id_643f78cc_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
23811
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
23640
23812
  onClick: _cache[1] || (_cache[1] = (...args) => $options.toggleCollapse && $options.toggleCollapse(...args)),
23641
23813
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass),
23642
23814
  ref: "collapse"
23643
- }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_2, [$props.iconLeft ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_3, [_ctx.$slots.iconLeft ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconLeft", {
23815
+ }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_2, [$props.iconLeft ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_3, [_ctx.$slots.iconLeft ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconLeft", {
23644
23816
  key: 0
23645
- }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_4, ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_6))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
23817
+ }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_4, ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_6))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
23646
23818
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.textClass)
23647
23819
  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.text), 3)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
23648
23820
  onClick: _cache[0] || (_cache[0] = (...args) => _ctx.openCollapse && _ctx.openCollapse(...args))
23649
23821
  }, [_ctx.$slots.arrow ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "arrow", {
23650
23822
  key: 0
23651
- }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_7, ECollapsevue_type_template_id_2d0bc8b4_scoped_true_hoisted_9))])], 2), $data.isCollapseOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
23823
+ }, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_7, ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_9))])], 2), $data.isCollapseOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
23652
23824
  key: 0,
23825
+ ref: "contentCollapse",
23653
23826
  class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.filter),
23654
- style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)({
23655
- top: $data.headerHeight + 'px'
23656
- })
23827
+ style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($options.calculateDropPositionY())
23657
23828
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "filter-collapse", {}, undefined, true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
23658
23829
  onClick: _cache[2] || (_cache[2] = (...args) => $options.toggleCollapse && $options.toggleCollapse(...args))
23659
23830
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "btn-collapse", {}, undefined, true)])], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 512);
23660
23831
  }
23661
- ;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=template&id=2d0bc8b4&scoped=true
23832
+ ;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=template&id=643f78cc&scoped=true
23662
23833
 
23663
23834
  ;// 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/components/ECollapse.vue?vue&type=script&lang=js
23664
23835
  /* harmony default export */ var ECollapsevue_type_script_lang_js = ({
@@ -23672,6 +23843,24 @@ function ECollapsevue_type_template_id_2d0bc8b4_scoped_true_render(_ctx, _cache,
23672
23843
  default: null,
23673
23844
  description: "Asigna una altura definida al componente principal."
23674
23845
  },
23846
+ /**
23847
+ * Setea el grado de redondeo del botón.
23848
+ * @values sm, md, lg, xl, xxl
23849
+ */
23850
+ roundedSize: {
23851
+ type: String,
23852
+ default: null,
23853
+ description: "Grado de redondeo de los bordes del botón. Ej. sm, md, lg..."
23854
+ },
23855
+ /**
23856
+ * Grado de la sombra del componente.
23857
+ * @values none, xs, sm, md, lg, xl, xxl
23858
+ */
23859
+ shadowSize: {
23860
+ type: String,
23861
+ default: null,
23862
+ description: "Grado de la sombra del componente."
23863
+ },
23675
23864
  /**
23676
23865
  * En caso de ser false, el componente empujará a los demás elementos que se encuentren debajo de el a nivel código.
23677
23866
  */
@@ -23797,16 +23986,42 @@ function ECollapsevue_type_template_id_2d0bc8b4_scoped_true_render(_ctx, _cache,
23797
23986
  },
23798
23987
  data() {
23799
23988
  return {
23800
- headerHeight: null,
23989
+ collapseContentHeight: null,
23990
+ collapseHeight: null,
23801
23991
  isCollapseOpen: false
23802
23992
  };
23803
23993
  },
23804
23994
  computed: {
23805
23995
  mainClass() {
23806
- return ["e-collapse-base", this.height ? this.height : "h-full", this.bgColor ? this.bgColor : "bg-field", this.darkBgColor ? this.darkBgColor : "dark:bg-fieldDark", this.textColor ? this.textColor : "text-black", this.darkTextColor ? this.darkTextColor : "dark:text-white", this.borderCollapseOpen ? this.borderCollapseOpen : "", this.darkBorderCollapseOpen ? this.darkBorderCollapseOpen : "", this.borderCollapseClose ? this.borderCollapseClose : "", this.darkBorderCollapseClose ? this.darkBorderCollapseClose : ""];
23996
+ return ["e-collapse-base", this.roundedClass, this.shadowClass, this.height ?? "h-full", this.bgColor ?? "bg-field", this.darkBgColor ?? "dark:bg-fieldDark", this.textColor ?? "text-black", this.darkTextColor ?? "dark:text-white", this.borderCollapseOpen ?? "", this.darkBorderCollapseOpen ?? "", this.borderCollapseClose ?? "", this.darkBorderCollapseClose ?? ""];
23807
23997
  },
23808
23998
  filter() {
23809
- return ["e-collapse-filter", this.over ? "absolute" : "", this.bgColorFilter ? this.bgColorFilter : "bg-bgGralLight", this.darkBgColorFilter ? this.darkBgColorFilter : "dark:bg-bgGralDark", this.borderCollapseOpen ? this.borderCollapseOpen : "", this.darkBorderCollapseOpen ? this.darkBorderCollapseOpen : ""];
23999
+ return ["e-collapse-filter", this.roundedClass, this.shadowClass, this.over ? "absolute" : "", this.bgColorFilter ?? "bg-bgGralLight", this.darkBgColorFilter ?? "dark:bg-bgGralDark", this.borderCollapseOpen ?? "", this.darkBorderCollapseOpen ?? ""];
24000
+ },
24001
+ roundedClass() {
24002
+ const roundedClasses = {
24003
+ none: "rounded-none",
24004
+ xs: "rounded",
24005
+ sm: "rounded-sm",
24006
+ md: "rounded-md",
24007
+ lg: "rounded-lg ",
24008
+ xl: "rounded-xl",
24009
+ xxl: "rounded-2xl",
24010
+ xxxl: "rounded-3xl"
24011
+ };
24012
+ return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-md";
24013
+ },
24014
+ shadowClass() {
24015
+ const shadowClasses = {
24016
+ none: "shadow-none",
24017
+ xs: "shadow",
24018
+ sm: "shadow-sm",
24019
+ md: "shadow-md",
24020
+ lg: "shadow-lg ",
24021
+ xl: "shadow-xl",
24022
+ xxl: "shadow-2xl"
24023
+ };
24024
+ return this.shadowSize ? shadowClasses[this.shadowSize] : "shadow-md";
23810
24025
  },
23811
24026
  textClass() {
23812
24027
  return ["font-semibold items-center", this.textSizeClass, this.textTransformClass];
@@ -23833,12 +24048,33 @@ function ECollapsevue_type_template_id_2d0bc8b4_scoped_true_render(_ctx, _cache,
23833
24048
  }
23834
24049
  },
23835
24050
  methods: {
24051
+ calculateDropPositionY() {
24052
+ if (this.isCollapseOpen) {
24053
+ if (this.calculateAvailableSpaceY(this.$refs.collapse)) {
24054
+ return {
24055
+ top: "-" + this.collapseContentHeight + "px" // Despliega hacia arriba
24056
+ };
24057
+ } else {
24058
+ return {
24059
+ top: this.collapseHeight + "px" // Despliega hacia abajo
24060
+ };
24061
+ }
24062
+ }
24063
+
24064
+ // Otro manejo si es necesario cuando el dropdown no está abierto
24065
+ return {};
24066
+ },
24067
+ calculateAvailableSpaceY(referenceComp) {
24068
+ const rect = referenceComp.getBoundingClientRect();
24069
+ const bottomSpace = window.innerHeight - rect.bottom;
24070
+ return bottomSpace < 200 ? true : false; // arriba : abajo
24071
+ },
24072
+
23836
24073
  /**
23837
24074
  * Se llama cuando el usuario hace clic en el componente para expandirlo/abrirlo.
23838
24075
  * @public Éste es un método público
23839
24076
  */
23840
24077
  toggleCollapse() {
23841
- this.headerHeight = this.$refs.collapse.offsetHeight;
23842
24078
  this.isCollapseOpen = !this.isCollapseOpen;
23843
24079
  },
23844
24080
  /**
@@ -23846,7 +24082,6 @@ function ECollapsevue_type_template_id_2d0bc8b4_scoped_true_render(_ctx, _cache,
23846
24082
  * @public Éste es un método público
23847
24083
  */
23848
24084
  show() {
23849
- this.headerHeight = this.$refs.collapse.offsetHeight;
23850
24085
  this.isCollapseOpen = true;
23851
24086
  },
23852
24087
  /**
@@ -23856,14 +24091,38 @@ function ECollapsevue_type_template_id_2d0bc8b4_scoped_true_render(_ctx, _cache,
23856
24091
  hide() {
23857
24092
  this.isCollapseOpen = false;
23858
24093
  }
24094
+ },
24095
+ mounted() {
24096
+ if (this.$refs.collapse) {
24097
+ this.collapseHeight = this.$refs.collapse.offsetHeight;
24098
+ }
24099
+ },
24100
+ watch: {
24101
+ isCollapseOpen(value) {
24102
+ if (value) {
24103
+ // Si se despliega el contenido oculto...
24104
+ this.$nextTick(() => {
24105
+ if (this.$refs.contentCollapse) {
24106
+ // Obtiene la altura del elemento a mostrar si ya está lista su referencia
24107
+ this.collapseContentHeight = this.$refs.contentCollapse.offsetHeight;
24108
+ } else {
24109
+ // Asigna null si no está lista su referencia
24110
+ this.collapseContentHeight = null;
24111
+ }
24112
+ });
24113
+ } else {
24114
+ // Si no despliega el contenido oculto...
24115
+ this.collapseContentHeight = null;
24116
+ }
24117
+ }
23859
24118
  }
23860
24119
  });
23861
24120
  ;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=script&lang=js
23862
24121
 
23863
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECollapse.vue?vue&type=style&index=0&id=2d0bc8b4&scoped=true&lang=css
24122
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECollapse.vue?vue&type=style&index=0&id=643f78cc&scoped=true&lang=css
23864
24123
  // extracted by mini-css-extract-plugin
23865
24124
 
23866
- ;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=style&index=0&id=2d0bc8b4&scoped=true&lang=css
24125
+ ;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=style&index=0&id=643f78cc&scoped=true&lang=css
23867
24126
 
23868
24127
  // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ECollapse.vue?vue&type=custom&index=0&blockType=docs&lang=md
23869
24128
  var ECollapsevue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(4813);
@@ -23882,7 +24141,7 @@ if (typeof (ECollapsevue_type_custom_index_0_blockType_docs_lang_md_default()) =
23882
24141
 
23883
24142
 
23884
24143
  ;
23885
- const ECollapse_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ECollapsevue_type_script_lang_js, [['render',ECollapsevue_type_template_id_2d0bc8b4_scoped_true_render],['__scopeId',"data-v-2d0bc8b4"]])
24144
+ const ECollapse_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ECollapsevue_type_script_lang_js, [['render',ECollapsevue_type_template_id_643f78cc_scoped_true_render],['__scopeId',"data-v-643f78cc"]])
23886
24145
 
23887
24146
  /* harmony default export */ var ECollapse = (ECollapse_exports_);
23888
24147
  ;// 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/components/ESwitch.vue?vue&type=template&id=196d3d71
@@ -24084,7 +24343,7 @@ const ECalendarvue_type_template_id_30ecbe60_hoisted_20 = {
24084
24343
  class: "grid grid-cols-3 gap-2"
24085
24344
  };
24086
24345
  const ECalendarvue_type_template_id_30ecbe60_hoisted_21 = ["onClick"];
24087
- const ECalendarvue_type_template_id_30ecbe60_hoisted_22 = {
24346
+ const _hoisted_22 = {
24088
24347
  key: 1,
24089
24348
  class: "grid grid-cols-5 gap-2"
24090
24349
  };
@@ -24173,7 +24432,7 @@ function ECalendarvue_type_template_id_30ecbe60_render(_ctx, _cache, $props, $se
24173
24432
  onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.selectMonth(month), ["prevent"]),
24174
24433
  class: "cursor-pointer hover:bg-secondary p-1 text-sm rounded-lg hover:text-white text-center transition duration-100 ease-out md:ease-in transform hover:scale-105"
24175
24434
  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(month), 9, ECalendarvue_type_template_id_30ecbe60_hoisted_21);
24176
- }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.yearSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_template_id_30ecbe60_hoisted_22, [((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.years, (year, index) => {
24435
+ }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.yearSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_22, [((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.years, (year, index) => {
24177
24436
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
24178
24437
  key: index,
24179
24438
  onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.selectYear(year), ["prevent"]),