@alexochihua/exos-library-components 1.0.8 → 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
|
|
|
@@ -3386,166 +3379,121 @@ if (typeof (EBtnvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'f
|
|
|
3386
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"]])
|
|
3387
3380
|
|
|
3388
3381
|
/* harmony default export */ var EBtn = (EBtn_exports_);
|
|
3389
|
-
;// 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=
|
|
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
|
|
3390
3383
|
|
|
3391
|
-
const
|
|
3392
|
-
|
|
3393
|
-
};
|
|
3394
|
-
const ECardvue_type_template_id_ace1cae2_hoisted_2 = {
|
|
3395
|
-
class: "flex flex-col justify-between w-3/4 pl-2 gap-y-1"
|
|
3396
|
-
};
|
|
3397
|
-
const ECardvue_type_template_id_ace1cae2_hoisted_3 = {
|
|
3398
|
-
class: "flex justify-end items-center"
|
|
3399
|
-
};
|
|
3400
|
-
const ECardvue_type_template_id_ace1cae2_hoisted_4 = {
|
|
3401
|
-
key: 1
|
|
3402
|
-
};
|
|
3403
|
-
const ECardvue_type_template_id_ace1cae2_hoisted_5 = {
|
|
3404
|
-
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"
|
|
3405
|
-
};
|
|
3406
|
-
const ECardvue_type_template_id_ace1cae2_hoisted_6 = {
|
|
3407
|
-
class: "text-sm font-semibold text-contentDark dark:text-content"
|
|
3408
|
-
};
|
|
3409
|
-
const ECardvue_type_template_id_ace1cae2_hoisted_7 = {
|
|
3410
|
-
class: "text-contentDark dark:text-content"
|
|
3411
|
-
};
|
|
3412
|
-
const ECardvue_type_template_id_ace1cae2_hoisted_8 = {
|
|
3413
|
-
class: "flex items-center"
|
|
3414
|
-
};
|
|
3415
|
-
const ECardvue_type_template_id_ace1cae2_hoisted_9 = {
|
|
3416
|
-
class: "p-3 flex -space-x-2.5 overflow-hidden"
|
|
3417
|
-
};
|
|
3418
|
-
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 = {
|
|
3419
3386
|
key: 0,
|
|
3420
|
-
class: "
|
|
3387
|
+
class: "flex flex-col w-full h-full"
|
|
3421
3388
|
};
|
|
3422
|
-
const
|
|
3389
|
+
const ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_2 = {
|
|
3423
3390
|
key: 0,
|
|
3424
|
-
class: "
|
|
3425
|
-
};
|
|
3426
|
-
const ECardvue_type_template_id_ace1cae2_hoisted_12 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
3427
|
-
class: "text-xs text-slate-400"
|
|
3428
|
-
}, "Última actualización:", -1);
|
|
3429
|
-
const _hoisted_13 = {
|
|
3430
|
-
class: "text-xs text-slate-400"
|
|
3431
|
-
};
|
|
3432
|
-
const _hoisted_14 = {
|
|
3433
|
-
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"
|
|
3434
|
-
};
|
|
3435
|
-
const _hoisted_15 = {
|
|
3436
|
-
class: "flex w-full justify-between font-semibold items-center dark:text-secondary text-salte-50"
|
|
3437
|
-
};
|
|
3438
|
-
const _hoisted_16 = {
|
|
3439
|
-
class: "flex space-x-3 items-center"
|
|
3391
|
+
class: "w-full"
|
|
3440
3392
|
};
|
|
3441
|
-
const
|
|
3393
|
+
const ECardvue_type_template_id_8e6eef10_scoped_true_hoisted_3 = {
|
|
3442
3394
|
key: 1,
|
|
3443
|
-
class: "
|
|
3444
|
-
};
|
|
3445
|
-
const _hoisted_18 = {
|
|
3446
|
-
class: "text-sm font-semibold xs:max-sm:pr-5 text-slate-500 dark:text-content"
|
|
3395
|
+
class: "w-full h-full"
|
|
3447
3396
|
};
|
|
3448
|
-
const
|
|
3449
|
-
|
|
3450
|
-
|
|
3451
|
-
const _hoisted_20 = {
|
|
3452
|
-
class: "flex flex-col"
|
|
3453
|
-
};
|
|
3454
|
-
const _hoisted_21 = {
|
|
3455
|
-
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"
|
|
3456
3400
|
};
|
|
3457
|
-
|
|
3458
|
-
|
|
3459
|
-
|
|
3460
|
-
|
|
3461
|
-
}, "°°°"), /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
|
|
3462
|
-
class: "text-white text-center text-sm w-14"
|
|
3463
|
-
}, "Ver más")], -1);
|
|
3464
|
-
function ECardvue_type_template_id_ace1cae2_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3465
|
-
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", {
|
|
3466
|
-
onClick: _cache[0] || (_cache[0] = (...args) => $options.handleService && $options.handleService(...args)),
|
|
3467
|
-
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"
|
|
3468
|
-
}, [(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", {
|
|
3469
|
-
key: 0
|
|
3470
|
-
}) : $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", {
|
|
3471
|
-
class: "cursor-pointer xs:max-sm:flex sm:hidden",
|
|
3472
|
-
onClick: _cache[1] || (_cache[1] = (...args) => $options.handleService && $options.handleService(...args))
|
|
3473
|
-
}, [(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", {
|
|
3474
|
-
key: 0
|
|
3475
|
-
}) : $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);
|
|
3476
3405
|
}
|
|
3477
|
-
;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=template&id=
|
|
3406
|
+
;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=template&id=8e6eef10&scoped=true
|
|
3478
3407
|
|
|
3479
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
|
|
3480
|
-
// Importacion de las variables de data-utility (Variable de informacion y vairbale de la conexion de socket)
|
|
3481
|
-
//import { myData, socketIO } from "@exos/exos-mfe-data-utility";
|
|
3482
|
-
|
|
3483
3409
|
/* harmony default export */ var ECardvue_type_script_lang_js = ({
|
|
3484
3410
|
name: "ECard",
|
|
3485
3411
|
props: {
|
|
3486
3412
|
/**
|
|
3487
|
-
* Setea el
|
|
3413
|
+
* Setea el grado de redondeo del componente.
|
|
3414
|
+
* @values none, sm, md, lg, xl, xxl
|
|
3488
3415
|
*/
|
|
3489
|
-
|
|
3416
|
+
roundedSize: {
|
|
3490
3417
|
type: String,
|
|
3491
|
-
default: null
|
|
3418
|
+
default: null,
|
|
3419
|
+
description: "Grado de redondeo de los bordes del botón. Ej. sm, md, lg..."
|
|
3492
3420
|
},
|
|
3493
3421
|
/**
|
|
3494
|
-
* Setea el
|
|
3422
|
+
* Setea el grado de la sombra del componente.
|
|
3423
|
+
* @values none, sm, md, lg, xl, xxl
|
|
3495
3424
|
*/
|
|
3496
|
-
|
|
3425
|
+
shadowSize: {
|
|
3497
3426
|
type: String,
|
|
3498
|
-
default: null
|
|
3427
|
+
default: null,
|
|
3428
|
+
description: "Grado de la sombra del componente. Ej. sm, md, lg..."
|
|
3499
3429
|
},
|
|
3500
3430
|
/**
|
|
3501
|
-
* Setea
|
|
3431
|
+
* Setea el color del componente modo light.
|
|
3502
3432
|
*/
|
|
3503
|
-
|
|
3433
|
+
bgColor: {
|
|
3504
3434
|
type: String,
|
|
3505
|
-
default: null
|
|
3435
|
+
default: null,
|
|
3436
|
+
description: "Color bg del componente en modo light."
|
|
3506
3437
|
},
|
|
3507
3438
|
/**
|
|
3508
|
-
* Setea
|
|
3439
|
+
* Setea el color del componente modo dark.
|
|
3509
3440
|
*/
|
|
3510
|
-
|
|
3511
|
-
type:
|
|
3512
|
-
default: null
|
|
3441
|
+
darkBgColor: {
|
|
3442
|
+
type: String,
|
|
3443
|
+
default: null,
|
|
3444
|
+
description: "Color bg del componente en modo dark."
|
|
3513
3445
|
}
|
|
3514
3446
|
},
|
|
3515
|
-
|
|
3516
|
-
|
|
3517
|
-
|
|
3518
|
-
|
|
3519
|
-
|
|
3520
|
-
|
|
3521
|
-
|
|
3522
|
-
|
|
3523
|
-
|
|
3524
|
-
|
|
3525
|
-
|
|
3526
|
-
|
|
3527
|
-
|
|
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";
|
|
3528
3478
|
}
|
|
3529
3479
|
}
|
|
3530
3480
|
});
|
|
3531
3481
|
;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=script&lang=js
|
|
3532
3482
|
|
|
3533
|
-
|
|
3534
|
-
|
|
3535
|
-
|
|
3536
|
-
;// CONCATENATED MODULE: ./src/components/ECard.vue?vue&type=
|
|
3537
|
-
|
|
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
|
+
|
|
3538
3488
|
;// CONCATENATED MODULE: ./src/components/ECard.vue
|
|
3539
3489
|
|
|
3540
3490
|
|
|
3541
3491
|
|
|
3542
|
-
|
|
3492
|
+
|
|
3543
3493
|
;
|
|
3544
|
-
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)
|
|
3545
3494
|
|
|
3546
3495
|
|
|
3547
|
-
|
|
3548
|
-
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"]])
|
|
3549
3497
|
|
|
3550
3498
|
/* harmony default export */ var ECard = (ECard_exports_);
|
|
3551
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
|
|
@@ -3704,39 +3652,61 @@ if (typeof (EDetailvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
|
|
|
3704
3652
|
const EDetail_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EDetailvue_type_script_lang_js, [['render',EDetailvue_type_template_id_6e214c96_render]])
|
|
3705
3653
|
|
|
3706
3654
|
/* harmony default export */ var EDetail = (EDetail_exports_);
|
|
3707
|
-
;// 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=
|
|
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
|
|
3708
3656
|
|
|
3709
|
-
const
|
|
3710
|
-
const
|
|
3711
|
-
|
|
3712
|
-
|
|
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
|
|
3713
3675
|
};
|
|
3714
|
-
const
|
|
3715
|
-
function
|
|
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) {
|
|
3716
3678
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
3717
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(
|
|
3718
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.
|
|
3719
|
-
|
|
3720
|
-
|
|
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)),
|
|
3721
3688
|
disabled: $props.disabled,
|
|
3722
3689
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass)
|
|
3723
|
-
}, [_ctx.$slots.
|
|
3724
|
-
key: 0
|
|
3725
|
-
}, 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", {
|
|
3726
3691
|
key: 0,
|
|
3727
|
-
|
|
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() : {}])
|
|
3728
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) => {
|
|
3729
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() : {}),
|
|
3730
3698
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.optionsClass),
|
|
3731
3699
|
onClick: $event => $options.selectOption(option),
|
|
3732
3700
|
key: index
|
|
3733
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(option.label ? option.label : ""),
|
|
3734
|
-
}), 128))],
|
|
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", {
|
|
3735
3703
|
key: 1,
|
|
3736
|
-
|
|
3737
|
-
|
|
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);
|
|
3738
3708
|
}
|
|
3739
|
-
;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=template&id=
|
|
3709
|
+
;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=template&id=5cccf994&scoped=true
|
|
3740
3710
|
|
|
3741
3711
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-exception.stack.js
|
|
3742
3712
|
var web_dom_exception_stack = __webpack_require__(3429);
|
|
@@ -12161,9 +12131,10 @@ function useWindowSize(options = {}) {
|
|
|
12161
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
|
|
12162
12132
|
|
|
12163
12133
|
|
|
12134
|
+
|
|
12164
12135
|
/* harmony default export */ var EDropdownvue_type_script_lang_js = ({
|
|
12165
12136
|
setup() {
|
|
12166
|
-
const
|
|
12137
|
+
const edropdownRef = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
12167
12138
|
const isDropdownOpen = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
12168
12139
|
|
|
12169
12140
|
// Función para cerrar el dropdown
|
|
@@ -12172,9 +12143,9 @@ function useWindowSize(options = {}) {
|
|
|
12172
12143
|
};
|
|
12173
12144
|
|
|
12174
12145
|
// Configura el observador de clic fuera del elemento
|
|
12175
|
-
onClickOutside(
|
|
12146
|
+
onClickOutside(edropdownRef, closeDropdown);
|
|
12176
12147
|
return {
|
|
12177
|
-
|
|
12148
|
+
edropdownRef,
|
|
12178
12149
|
isDropdownOpen,
|
|
12179
12150
|
closeDropdown,
|
|
12180
12151
|
onClickOutside: onClickOutside
|
|
@@ -12186,14 +12157,24 @@ function useWindowSize(options = {}) {
|
|
|
12186
12157
|
*/
|
|
12187
12158
|
options: {
|
|
12188
12159
|
type: Array,
|
|
12189
|
-
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."
|
|
12190
12170
|
},
|
|
12191
12171
|
/**
|
|
12192
12172
|
* Deshabilita el componente.
|
|
12193
12173
|
*/
|
|
12194
12174
|
disabled: {
|
|
12195
12175
|
type: Boolean,
|
|
12196
|
-
default: false
|
|
12176
|
+
default: false,
|
|
12177
|
+
description: "Deshabilita el componente."
|
|
12197
12178
|
},
|
|
12198
12179
|
/**
|
|
12199
12180
|
* Transforma el texto de las opciones.
|
|
@@ -12310,22 +12291,54 @@ function useWindowSize(options = {}) {
|
|
|
12310
12291
|
*/
|
|
12311
12292
|
roundedSize: {
|
|
12312
12293
|
type: String,
|
|
12313
|
-
default:
|
|
12294
|
+
default: null,
|
|
12314
12295
|
description: "Grado de redondeo de los bordes del botón. Ej. sm, md, lg..."
|
|
12315
12296
|
}
|
|
12316
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
|
+
},
|
|
12317
12324
|
computed: {
|
|
12318
12325
|
mainClass() {
|
|
12319
|
-
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 : ""];
|
|
12320
12327
|
},
|
|
12321
12328
|
optionsClass() {
|
|
12322
|
-
return ["e-dropdown-options", this.
|
|
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"];
|
|
12323
12330
|
},
|
|
12324
12331
|
containerOptionsClass() {
|
|
12325
|
-
|
|
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);
|
|
12326
12339
|
},
|
|
12327
12340
|
customDropClass() {
|
|
12328
|
-
return ["flex flex-col w-fit h-fit px-3 py-5 shadow-lg duration-300"
|
|
12341
|
+
return ["flex flex-col w-fit h-fit px-3 py-5 shadow-lg duration-300"];
|
|
12329
12342
|
},
|
|
12330
12343
|
textTransformClass() {
|
|
12331
12344
|
const textTransformClasses = {
|
|
@@ -12338,13 +12351,13 @@ function useWindowSize(options = {}) {
|
|
|
12338
12351
|
},
|
|
12339
12352
|
roundedClass() {
|
|
12340
12353
|
const roundedClasses = {
|
|
12341
|
-
none: "
|
|
12342
|
-
xs: "
|
|
12343
|
-
sm: "
|
|
12344
|
-
md: "
|
|
12345
|
-
lg: "
|
|
12346
|
-
xl: "
|
|
12347
|
-
xxl: "
|
|
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",
|
|
12348
12361
|
xxxl: "rounded-3xl"
|
|
12349
12362
|
};
|
|
12350
12363
|
return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-md";
|
|
@@ -12359,10 +12372,66 @@ function useWindowSize(options = {}) {
|
|
|
12359
12372
|
xl: "shadow-xl",
|
|
12360
12373
|
xxl: "shadow-2xl"
|
|
12361
12374
|
};
|
|
12362
|
-
return this.shadowSize ? shadowClasses[this.shadowSize] : "shadow-
|
|
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;
|
|
12363
12382
|
}
|
|
12364
12383
|
},
|
|
12365
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
|
+
|
|
12366
12435
|
/**
|
|
12367
12436
|
* Se llama cuando el usuario selecciona una de las opciones desplegadas
|
|
12368
12437
|
*
|
|
@@ -12389,10 +12458,10 @@ function useWindowSize(options = {}) {
|
|
|
12389
12458
|
});
|
|
12390
12459
|
;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=script&lang=js
|
|
12391
12460
|
|
|
12392
|
-
;// 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=
|
|
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
|
|
12393
12462
|
// extracted by mini-css-extract-plugin
|
|
12394
12463
|
|
|
12395
|
-
;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=style&index=0&id=
|
|
12464
|
+
;// CONCATENATED MODULE: ./src/components/EDropdown.vue?vue&type=style&index=0&id=5cccf994&scoped=true&lang=css
|
|
12396
12465
|
|
|
12397
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
|
|
12398
12467
|
var EDropdownvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(4016);
|
|
@@ -12411,7 +12480,7 @@ if (typeof (EDropdownvue_type_custom_index_0_blockType_docs_lang_md_default()) =
|
|
|
12411
12480
|
|
|
12412
12481
|
|
|
12413
12482
|
;
|
|
12414
|
-
const EDropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EDropdownvue_type_script_lang_js, [['render',
|
|
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"]])
|
|
12415
12484
|
|
|
12416
12485
|
/* harmony default export */ var EDropdown = (EDropdown_exports_);
|
|
12417
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
|
|
@@ -12649,22 +12718,19 @@ if (typeof (EIconvue_type_custom_index_0_blockType_docs_lang_md_default()) === '
|
|
|
12649
12718
|
const EIcon_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EIconvue_type_script_lang_js, [['render',EIconvue_type_template_id_15af94f0_render]])
|
|
12650
12719
|
|
|
12651
12720
|
/* harmony default export */ var EIcon = (EIcon_exports_);
|
|
12652
|
-
;// 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=
|
|
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
|
|
12653
12722
|
|
|
12654
|
-
const
|
|
12655
|
-
const
|
|
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 = {
|
|
12656
12725
|
key: 0,
|
|
12657
12726
|
class: "flex flex-grow relative"
|
|
12658
12727
|
};
|
|
12659
|
-
const
|
|
12660
|
-
const
|
|
12661
|
-
const
|
|
12662
|
-
|
|
12663
|
-
};
|
|
12664
|
-
const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_5 = {
|
|
12665
|
-
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
|
|
12666
12732
|
};
|
|
12667
|
-
const
|
|
12733
|
+
const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_5 = {
|
|
12668
12734
|
key: 1,
|
|
12669
12735
|
class: "w-4 h-4 text-secondary opacity-60 hover:opacity-100 dark:text-white",
|
|
12670
12736
|
"aria-hidden": "true",
|
|
@@ -12672,26 +12738,26 @@ const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_6 = {
|
|
|
12672
12738
|
fill: "none",
|
|
12673
12739
|
viewBox: "0 0 15 15"
|
|
12674
12740
|
};
|
|
12675
|
-
const
|
|
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", {
|
|
12676
12742
|
stroke: "currentColor",
|
|
12677
12743
|
"stroke-linecap": "round",
|
|
12678
12744
|
"stroke-linejoin": "round",
|
|
12679
12745
|
"stroke-width": "2",
|
|
12680
12746
|
d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
|
|
12681
12747
|
}, null, -1));
|
|
12682
|
-
const
|
|
12683
|
-
const
|
|
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 = {
|
|
12684
12750
|
key: 1
|
|
12685
12751
|
};
|
|
12686
|
-
const
|
|
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", {
|
|
12687
12753
|
stroke: "currentColor",
|
|
12688
12754
|
"stroke-linecap": "round",
|
|
12689
12755
|
"stroke-linejoin": "round",
|
|
12690
12756
|
"stroke-width": "2",
|
|
12691
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"
|
|
12692
12758
|
}, null, -1));
|
|
12693
|
-
const
|
|
12694
|
-
const
|
|
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", {
|
|
12695
12761
|
stroke: "currentColor",
|
|
12696
12762
|
"stroke-linecap": "round",
|
|
12697
12763
|
"stroke-linejoin": "round",
|
|
@@ -12701,13 +12767,13 @@ const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_12 = /*#__PURE__*/
|
|
|
12701
12767
|
}), /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
|
|
12702
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"
|
|
12703
12769
|
})], -1));
|
|
12704
|
-
const
|
|
12705
|
-
const
|
|
12770
|
+
const EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_12 = [EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_11];
|
|
12771
|
+
const _hoisted_13 = {
|
|
12706
12772
|
key: 1,
|
|
12707
12773
|
class: "relative"
|
|
12708
12774
|
};
|
|
12709
|
-
const
|
|
12710
|
-
const
|
|
12775
|
+
const _hoisted_14 = ["disabled", "maxlength", "placeholder", "value"];
|
|
12776
|
+
const _hoisted_15 = {
|
|
12711
12777
|
key: 1,
|
|
12712
12778
|
class: "w-4 h-4 text-secondary dark:text-white",
|
|
12713
12779
|
"aria-hidden": "true",
|
|
@@ -12715,28 +12781,28 @@ const EInputvue_type_template_id_1d4a7d4f_scoped_true_hoisted_16 = {
|
|
|
12715
12781
|
fill: "none",
|
|
12716
12782
|
viewBox: "0 0 14 14"
|
|
12717
12783
|
};
|
|
12718
|
-
const
|
|
12784
|
+
const _hoisted_16 = /*#__PURE__*/EInputvue_type_template_id_f4cf0c98_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
|
|
12719
12785
|
stroke: "currentColor",
|
|
12720
12786
|
"stroke-linecap": "round",
|
|
12721
12787
|
"stroke-linejoin": "round",
|
|
12722
12788
|
"stroke-width": "2",
|
|
12723
12789
|
d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
|
|
12724
12790
|
}, null, -1));
|
|
12725
|
-
const
|
|
12726
|
-
const
|
|
12727
|
-
const
|
|
12791
|
+
const _hoisted_17 = [_hoisted_16];
|
|
12792
|
+
const _hoisted_18 = ["for"];
|
|
12793
|
+
const _hoisted_19 = {
|
|
12728
12794
|
key: 0
|
|
12729
12795
|
};
|
|
12730
|
-
const
|
|
12796
|
+
const _hoisted_20 = {
|
|
12731
12797
|
key: 2,
|
|
12732
12798
|
class: "e-input--error-message"
|
|
12733
12799
|
};
|
|
12734
|
-
const
|
|
12800
|
+
const _hoisted_21 = {
|
|
12735
12801
|
key: 3,
|
|
12736
12802
|
class: "e-input--error-message"
|
|
12737
12803
|
};
|
|
12738
|
-
function
|
|
12739
|
-
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",
|
|
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", {
|
|
12740
12806
|
id: 'input-' + $props.label,
|
|
12741
12807
|
type: $data.inputType,
|
|
12742
12808
|
ref: 'inputRef' + _ctx.$.uid,
|
|
@@ -12749,46 +12815,42 @@ function EInputvue_type_template_id_1d4a7d4f_scoped_true_render(_ctx, _cache, $p
|
|
|
12749
12815
|
placeholder: " ",
|
|
12750
12816
|
onFocus: _cache[2] || (_cache[2] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
|
|
12751
12817
|
onBlur: _cache[3] || (_cache[3] = (...args) => $options.onInputBlur && $options.onInputBlur(...args))
|
|
12752
|
-
}, null, 42,
|
|
12818
|
+
}, null, 42, EInputvue_type_template_id_f4cf0c98_scoped_true_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
|
|
12753
12819
|
for: 'input-' + $props.label,
|
|
12754
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(
|
|
12755
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
12756
|
-
|
|
12757
|
-
|
|
12758
|
-
}, 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", {
|
|
12759
|
-
key: 1,
|
|
12760
|
-
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')])
|
|
12761
|
-
}, 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", {
|
|
12762
12824
|
key: 0,
|
|
12763
12825
|
onClick: _cache[4] || (_cache[4] = (...args) => $options.clean && $options.clean(...args)),
|
|
12764
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])
|
|
12765
12827
|
}, [_ctx.$slots.iconClose ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {
|
|
12766
12828
|
key: 0
|
|
12767
|
-
}, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg",
|
|
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", {
|
|
12768
12830
|
key: 1,
|
|
12769
12831
|
onClick: _cache[5] || (_cache[5] = (...args) => $options.showPassword && $options.showPassword(...args)),
|
|
12770
12832
|
class: "e-input-icon right-3"
|
|
12771
12833
|
}, [_ctx.$slots.iconPassword ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {
|
|
12772
12834
|
key: 0
|
|
12773
|
-
}, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div",
|
|
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", {
|
|
12774
12836
|
key: 0,
|
|
12775
12837
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['w-6 h-6', $data.errorRules ? 'text-danger' : 'text-secondary dark:text-white']),
|
|
12776
12838
|
"aria-hidden": "true",
|
|
12777
12839
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12778
12840
|
fill: "none",
|
|
12779
12841
|
viewBox: "0 0 20 14"
|
|
12780
|
-
},
|
|
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", {
|
|
12781
12843
|
key: 1,
|
|
12782
12844
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['w-6 h-6', $data.errorRules ? 'text-danger' : 'text-secondary dark:text-white']),
|
|
12783
12845
|
"aria-hidden": "true",
|
|
12784
12846
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12785
12847
|
fill: "none",
|
|
12786
12848
|
viewBox: "0 0 20 14"
|
|
12787
|
-
},
|
|
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", {
|
|
12788
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']])
|
|
12789
12851
|
}, [_ctx.$slots.icon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon", {
|
|
12790
12852
|
key: 0
|
|
12791
|
-
}, 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",
|
|
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", {
|
|
12792
12854
|
ref: 'inputRef' + _ctx.$.uid,
|
|
12793
12855
|
disabled: $props.disabled,
|
|
12794
12856
|
maxlength: $options.finalLength,
|
|
@@ -12796,19 +12858,19 @@ function EInputvue_type_template_id_1d4a7d4f_scoped_true_render(_ctx, _cache, $p
|
|
|
12796
12858
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.mainClass, $options.roundedClass]),
|
|
12797
12859
|
placeholder: $props.required ? $props.label + '*' : $props.label,
|
|
12798
12860
|
value: $data.cleaningInput ? $props.modelValue : $props.modelValue
|
|
12799
|
-
}, null, 42,
|
|
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", {
|
|
12800
12862
|
key: 0,
|
|
12801
12863
|
onClick: _cache[7] || (_cache[7] = (...args) => $options.clean && $options.clean(...args)),
|
|
12802
12864
|
class: "e-input-icon right-3 animate-slide-down"
|
|
12803
12865
|
}, [_ctx.$slots.iconClose ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {
|
|
12804
12866
|
key: 0
|
|
12805
|
-
}, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg",
|
|
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", {
|
|
12806
12868
|
key: 1,
|
|
12807
12869
|
for: 'textArea-' + $props.label,
|
|
12808
12870
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.labelClass)
|
|
12809
|
-
}, [(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",
|
|
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)]);
|
|
12810
12872
|
}
|
|
12811
|
-
;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=template&id=
|
|
12873
|
+
;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=template&id=f4cf0c98&scoped=true
|
|
12812
12874
|
|
|
12813
12875
|
;// CONCATENATED MODULE: ./node_modules/luxon/src/errors.js
|
|
12814
12876
|
// these aren't really private, but nor are they really useful to document
|
|
@@ -20677,16 +20739,26 @@ const patterns = {
|
|
|
20677
20739
|
},
|
|
20678
20740
|
computed: {
|
|
20679
20741
|
mainClass() {
|
|
20680
|
-
|
|
20681
|
-
|
|
20682
|
-
|
|
20683
|
-
:
|
|
20684
|
-
: "pl-
|
|
20685
|
-
|
|
20686
|
-
|
|
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
|
|
20687
20750
|
|
|
20751
|
+
return this.errorRules || this.messageRestrictions ? ["e-input--error", ...baseClasses, ...inputBaseClasses, iconClasses] : [...baseClasses, ...inputBaseClasses, iconClasses];
|
|
20752
|
+
},
|
|
20688
20753
|
labelClass() {
|
|
20689
|
-
|
|
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);
|
|
20690
20762
|
},
|
|
20691
20763
|
textSizeClass() {
|
|
20692
20764
|
const textSizeClasses = {
|
|
@@ -20973,10 +21045,10 @@ const patterns = {
|
|
|
20973
21045
|
});
|
|
20974
21046
|
;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=script&lang=js
|
|
20975
21047
|
|
|
20976
|
-
;// 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=
|
|
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
|
|
20977
21049
|
// extracted by mini-css-extract-plugin
|
|
20978
21050
|
|
|
20979
|
-
;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=style&index=0&id=
|
|
21051
|
+
;// CONCATENATED MODULE: ./src/components/EInput.vue?vue&type=style&index=0&id=f4cf0c98&scoped=true&lang=css
|
|
20980
21052
|
|
|
20981
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
|
|
20982
21054
|
var EInputvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(7788);
|
|
@@ -20995,7 +21067,7 @@ if (typeof (EInputvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
|
|
|
20995
21067
|
|
|
20996
21068
|
|
|
20997
21069
|
;
|
|
20998
|
-
const EInput_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EInputvue_type_script_lang_js, [['render',
|
|
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"]])
|
|
20999
21071
|
|
|
21000
21072
|
/* harmony default export */ var EInput = (EInput_exports_);
|
|
21001
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
|
|
@@ -21444,23 +21516,30 @@ if (typeof (EPaginationTablevue_type_custom_index_0_blockType_docs_lang_md_defau
|
|
|
21444
21516
|
const EPaginationTable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(EPaginationTablevue_type_script_lang_js, [['render',EPaginationTablevue_type_template_id_62260822_render]])
|
|
21445
21517
|
|
|
21446
21518
|
/* harmony default export */ var EPaginationTable = (EPaginationTable_exports_);
|
|
21447
|
-
;// 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=
|
|
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
|
|
21448
21520
|
|
|
21449
|
-
const
|
|
21521
|
+
const ESelectvue_type_template_id_02020357_hoisted_1 = {
|
|
21522
|
+
class: "flex flex-col"
|
|
21523
|
+
};
|
|
21524
|
+
const ESelectvue_type_template_id_02020357_hoisted_2 = {
|
|
21450
21525
|
class: "relative"
|
|
21451
21526
|
};
|
|
21452
|
-
const
|
|
21453
|
-
|
|
21454
|
-
class: "flex items-center w-full"
|
|
21527
|
+
const ESelectvue_type_template_id_02020357_hoisted_3 = {
|
|
21528
|
+
key: 0
|
|
21455
21529
|
};
|
|
21456
|
-
const
|
|
21457
|
-
|
|
21458
|
-
|
|
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
|
|
21459
21534
|
};
|
|
21460
|
-
const
|
|
21461
|
-
|
|
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"
|
|
21538
|
+
};
|
|
21539
|
+
const ESelectvue_type_template_id_02020357_hoisted_9 = {
|
|
21540
|
+
key: 0
|
|
21462
21541
|
};
|
|
21463
|
-
const
|
|
21542
|
+
const ESelectvue_type_template_id_02020357_hoisted_10 = {
|
|
21464
21543
|
key: 1,
|
|
21465
21544
|
class: "w-4 h-4 text-secondary opacity-60 hover:opacity-100 dark:text-white",
|
|
21466
21545
|
"aria-hidden": "true",
|
|
@@ -21468,101 +21547,110 @@ const ESelectvue_type_template_id_640d3918_hoisted_6 = {
|
|
|
21468
21547
|
fill: "none",
|
|
21469
21548
|
viewBox: "0 0 15 15"
|
|
21470
21549
|
};
|
|
21471
|
-
const
|
|
21550
|
+
const ESelectvue_type_template_id_02020357_hoisted_11 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
|
|
21472
21551
|
stroke: "currentColor",
|
|
21473
21552
|
"stroke-linecap": "round",
|
|
21474
21553
|
"stroke-linejoin": "round",
|
|
21475
21554
|
"stroke-width": "2",
|
|
21476
21555
|
d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
|
|
21477
21556
|
}, null, -1);
|
|
21478
|
-
const
|
|
21479
|
-
const
|
|
21480
|
-
key:
|
|
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,
|
|
21481
21560
|
"aria-hidden": "true",
|
|
21482
21561
|
class: "w-6 h-6 text-gray-200 animate-spin dark:text-gray-600 fill-secondary",
|
|
21483
21562
|
viewBox: "0 0 100 101",
|
|
21484
21563
|
fill: "none",
|
|
21485
21564
|
xmlns: "http://www.w3.org/2000/svg"
|
|
21486
21565
|
};
|
|
21487
|
-
const
|
|
21566
|
+
const ESelectvue_type_template_id_02020357_hoisted_14 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
|
|
21488
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",
|
|
21489
21568
|
fill: "currentColor"
|
|
21490
21569
|
}, null, -1);
|
|
21491
|
-
const
|
|
21570
|
+
const ESelectvue_type_template_id_02020357_hoisted_15 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", {
|
|
21492
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",
|
|
21493
21572
|
fill: "currentFill"
|
|
21494
21573
|
}, null, -1);
|
|
21495
|
-
const
|
|
21496
|
-
const
|
|
21497
|
-
key: 4
|
|
21498
|
-
};
|
|
21499
|
-
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", {
|
|
21500
21576
|
stroke: "currentColor",
|
|
21501
21577
|
"stroke-linecap": "round",
|
|
21502
21578
|
"stroke-linejoin": "round",
|
|
21503
21579
|
"stroke-width": "1.9",
|
|
21504
21580
|
d: "m1 1 5.326 5.7a.909.909 0 0 0 1.348 0L13 1"
|
|
21505
21581
|
}, null, -1);
|
|
21506
|
-
const
|
|
21507
|
-
const
|
|
21508
|
-
const
|
|
21509
|
-
key:
|
|
21510
|
-
class:
|
|
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"
|
|
21511
21587
|
};
|
|
21512
|
-
function
|
|
21513
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div",
|
|
21514
|
-
|
|
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",
|
|
21515
21592
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass),
|
|
21516
21593
|
disabled: $props.disabled,
|
|
21517
|
-
|
|
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",
|
|
21608
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass),
|
|
21609
|
+
disabled: $props.disabled,
|
|
21610
|
+
onClick: _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"])),
|
|
21518
21611
|
id: 'label-' + $props.label,
|
|
21519
|
-
onFocus: _cache[
|
|
21520
|
-
onBlur: _cache[
|
|
21521
|
-
}, [(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", {
|
|
21522
21615
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['flex', _ctx.$slots.icon ? [$props.iconRight ? '' : 'pl-5'] : '', 'flex-col'])
|
|
21523
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
21524
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.labelSelected ? $props.stayLabel ? $options.labelClass : $options.labelClass : $options.textSizeClass])
|
|
21525
21616
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
|
|
21526
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([
|
|
21617
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.labelSelected ? $props.stayLabel ? $options.labelClass : $options.labelClass : $options.textSizeClass])
|
|
21527
21618
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
21528
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(
|
|
21529
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.
|
|
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", {
|
|
21530
21621
|
key: 0,
|
|
21531
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["w-full absolute h-[0.5rem] mt-[0.3rem]", $options.classBoxLabel])
|
|
21532
|
-
}, 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", {
|
|
21533
|
-
key: 1,
|
|
21534
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["w-full absolute h-[0.5rem] mt-[0.3rem]", $options.classBoxLabel])
|
|
21535
|
-
}, null, 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
21536
21622
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.labelSelectedClass)
|
|
21537
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.getFormattedOptionSelected($options.labelSelected)), 3)
|
|
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", {
|
|
21538
21626
|
key: 0,
|
|
21539
|
-
|
|
21540
|
-
}, [(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", {
|
|
21541
|
-
key: 1,
|
|
21542
|
-
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"])),
|
|
21543
21628
|
class: "animate-slide-down"
|
|
21544
21629
|
}, [_ctx.$slots.iconClose ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {
|
|
21545
21630
|
key: 0
|
|
21546
|
-
}) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg",
|
|
21547
|
-
key:
|
|
21548
|
-
}) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("
|
|
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,
|
|
21549
21635
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['w-4 h-4', $options.arrowClass]),
|
|
21550
21636
|
"aria-hidden": "true",
|
|
21551
21637
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21552
21638
|
fill: "none",
|
|
21553
21639
|
viewBox: "0 0 14 8"
|
|
21554
|
-
},
|
|
21555
|
-
key:
|
|
21556
|
-
|
|
21557
|
-
|
|
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 => {
|
|
21558
21646
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
|
|
21559
21647
|
onClick: $event => $options.selectOption(option),
|
|
21560
21648
|
key: option.value,
|
|
21561
21649
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.optionsClass, $options.labelSelectedColor(option.value)])
|
|
21562
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.getFormattedOption(option)), 11,
|
|
21563
|
-
}), 128))],
|
|
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)]);
|
|
21564
21652
|
}
|
|
21565
|
-
;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=template&id=
|
|
21653
|
+
;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=template&id=02020357
|
|
21566
21654
|
|
|
21567
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
|
|
21568
21656
|
|
|
@@ -21587,6 +21675,22 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
|
|
|
21587
21675
|
default: null,
|
|
21588
21676
|
description: "Bandera para habilitar el componente de selección multiple."
|
|
21589
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
|
+
},
|
|
21590
21694
|
/**
|
|
21591
21695
|
* Etiqueta que indicará el valor solicitado para el componene.
|
|
21592
21696
|
*/
|
|
@@ -21849,7 +21953,11 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
|
|
|
21849
21953
|
},
|
|
21850
21954
|
data() {
|
|
21851
21955
|
return {
|
|
21956
|
+
auxSuggestions: this.options,
|
|
21852
21957
|
multipleValue: [],
|
|
21958
|
+
selectContentHeight: null,
|
|
21959
|
+
selectHeight: null,
|
|
21960
|
+
selectedoption: false,
|
|
21853
21961
|
errorRules: false,
|
|
21854
21962
|
messageRule: false,
|
|
21855
21963
|
isInputFocused: false
|
|
@@ -21857,22 +21965,32 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
|
|
|
21857
21965
|
},
|
|
21858
21966
|
computed: {
|
|
21859
21967
|
mainClass() {
|
|
21860
|
-
|
|
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);
|
|
21861
21971
|
},
|
|
21862
21972
|
arrowClass() {
|
|
21863
|
-
|
|
21973
|
+
const baseArrowClasses = [this.arrowColor ?? "text-secondary", this.arrowColorDark ?? "dark:text-white"];
|
|
21974
|
+
return this.errorRules ? ["text-danger"] : baseArrowClasses;
|
|
21864
21975
|
},
|
|
21865
21976
|
optionsClass() {
|
|
21866
|
-
return ["e-select-options", this.textOptTransformClass, this.hoverColor
|
|
21977
|
+
return ["e-select-options", this.textOptTransformClass, this.hoverColor ?? "hover:bg-unfocus", this.darkHoverColor ?? "dark:hover:bg-unfocusDark"];
|
|
21867
21978
|
},
|
|
21868
21979
|
containerOptionsClass() {
|
|
21869
|
-
return ["e-select-selected border-2 border-secondary dark:border-secondary", this.bgColor
|
|
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"];
|
|
21870
21981
|
},
|
|
21871
21982
|
labelSelectedClass() {
|
|
21872
|
-
|
|
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);
|
|
21873
21986
|
},
|
|
21874
21987
|
labelClass() {
|
|
21875
|
-
return ["e-select-label", this.messageRule ? "text-danger" : [this.labelColor
|
|
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);
|
|
21876
21994
|
},
|
|
21877
21995
|
textOptTransformClass() {
|
|
21878
21996
|
const textOptTransformClasses = {
|
|
@@ -21914,9 +22032,6 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
|
|
|
21914
22032
|
};
|
|
21915
22033
|
return this.roundedSize ? roundedClasses[this.roundedSize] : "rounded-xl";
|
|
21916
22034
|
},
|
|
21917
|
-
classBoxLabel() {
|
|
21918
|
-
return [this.bgColor ? this.bgColor : "bg-field", this.darkBgColor ? this.darkBgColor : "dark:bg-fieldDark"];
|
|
21919
|
-
},
|
|
21920
22035
|
textSizeClass() {
|
|
21921
22036
|
const textSizeClasses = {
|
|
21922
22037
|
xs: "text-xs",
|
|
@@ -21959,6 +22074,11 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
|
|
|
21959
22074
|
this.register(this);
|
|
21960
22075
|
}
|
|
21961
22076
|
},
|
|
22077
|
+
mounted() {
|
|
22078
|
+
if (this.$refs.refSelect) {
|
|
22079
|
+
this.selectHeight = this.$refs.refSelect.offsetHeight;
|
|
22080
|
+
}
|
|
22081
|
+
},
|
|
21962
22082
|
beforeUnmount() {
|
|
21963
22083
|
// Desregistra este componente en EForm antes de destruirse
|
|
21964
22084
|
if (this.unregister) {
|
|
@@ -21966,6 +22086,41 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
|
|
|
21966
22086
|
}
|
|
21967
22087
|
},
|
|
21968
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
|
+
},
|
|
21969
22124
|
labelSelectedColor(value) {
|
|
21970
22125
|
if (this.modelValue) {
|
|
21971
22126
|
const isSelected = this.multiple ? this.modelValue.includes(value) : this.modelValue === value;
|
|
@@ -22006,6 +22161,9 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
|
|
|
22006
22161
|
},
|
|
22007
22162
|
// Limpia la opción seleccionada del componente
|
|
22008
22163
|
async clean() {
|
|
22164
|
+
this.reset();
|
|
22165
|
+
this.multipleValue = [];
|
|
22166
|
+
this.selectedoption = false;
|
|
22009
22167
|
/**
|
|
22010
22168
|
* Se emite al limpiar el contenido del componente.
|
|
22011
22169
|
*
|
|
@@ -22013,8 +22171,6 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
|
|
|
22013
22171
|
* @type {Event}
|
|
22014
22172
|
*/
|
|
22015
22173
|
this.$emit("clean");
|
|
22016
|
-
this.multipleValue = [];
|
|
22017
|
-
this.reset();
|
|
22018
22174
|
},
|
|
22019
22175
|
onInputFocus() {
|
|
22020
22176
|
this.isInputFocused = true;
|
|
@@ -22024,16 +22180,24 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
|
|
|
22024
22180
|
},
|
|
22025
22181
|
// Muestra u oculta la ventana con el listado de opciones al seleccionar
|
|
22026
22182
|
toggleDropdown() {
|
|
22027
|
-
this.
|
|
22183
|
+
if (this.suggestion && this.auxSuggestions.length == 0) {
|
|
22184
|
+
this.isDropdownOpen = false;
|
|
22185
|
+
} else {
|
|
22186
|
+
this.isDropdownOpen = !this.isDropdownOpen;
|
|
22187
|
+
}
|
|
22028
22188
|
},
|
|
22029
22189
|
// Emite la opción seleccionada y manda a llamar a la función de validación
|
|
22030
22190
|
async selectOption(option) {
|
|
22191
|
+
this.selectedoption = true;
|
|
22031
22192
|
this.isDropdownOpen = false;
|
|
22032
22193
|
if (this.multiple) {
|
|
22033
22194
|
await this.selectMultiOption(option);
|
|
22034
22195
|
} else {
|
|
22035
22196
|
await this.selectOneOption(option);
|
|
22036
22197
|
}
|
|
22198
|
+
if (this.suggestion) {
|
|
22199
|
+
this.auxSuggestions = [...this.options];
|
|
22200
|
+
}
|
|
22037
22201
|
},
|
|
22038
22202
|
async selectOneOption(option) {
|
|
22039
22203
|
/**
|
|
@@ -22130,7 +22294,7 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
|
|
|
22130
22294
|
}
|
|
22131
22295
|
},
|
|
22132
22296
|
setup() {
|
|
22133
|
-
const
|
|
22297
|
+
const refSelect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
22134
22298
|
const isDropdownOpen = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
22135
22299
|
|
|
22136
22300
|
// Función para cerrar el dropdown
|
|
@@ -22139,14 +22303,33 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
|
|
|
22139
22303
|
};
|
|
22140
22304
|
|
|
22141
22305
|
// Configura el observador de clic fuera del elemento
|
|
22142
|
-
onClickOutside(
|
|
22306
|
+
onClickOutside(refSelect, closeDropdown);
|
|
22143
22307
|
return {
|
|
22144
|
-
|
|
22308
|
+
refSelect,
|
|
22145
22309
|
isDropdownOpen,
|
|
22146
22310
|
closeDropdown,
|
|
22147
22311
|
onClickOutside: onClickOutside
|
|
22148
22312
|
};
|
|
22149
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
|
+
},
|
|
22150
22333
|
inject: {
|
|
22151
22334
|
register: {
|
|
22152
22335
|
from: "register",
|
|
@@ -22160,10 +22343,10 @@ function ESelectvue_type_template_id_640d3918_render(_ctx, _cache, $props, $setu
|
|
|
22160
22343
|
});
|
|
22161
22344
|
;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=script&lang=js
|
|
22162
22345
|
|
|
22163
|
-
;// 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=
|
|
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
|
|
22164
22347
|
// extracted by mini-css-extract-plugin
|
|
22165
22348
|
|
|
22166
|
-
;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=style&index=0&id=
|
|
22349
|
+
;// CONCATENATED MODULE: ./src/components/ESelect.vue?vue&type=style&index=0&id=02020357&lang=css
|
|
22167
22350
|
|
|
22168
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
|
|
22169
22352
|
var ESelectvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(3029);
|
|
@@ -22182,56 +22365,56 @@ if (typeof (ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
|
|
|
22182
22365
|
|
|
22183
22366
|
|
|
22184
22367
|
;
|
|
22185
|
-
const ESelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ESelectvue_type_script_lang_js, [['render',
|
|
22368
|
+
const ESelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ESelectvue_type_script_lang_js, [['render',ESelectvue_type_template_id_02020357_render]])
|
|
22186
22369
|
|
|
22187
22370
|
/* harmony default export */ var ESelect = (ESelect_exports_);
|
|
22188
|
-
;// 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=
|
|
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
|
|
22189
22372
|
|
|
22190
|
-
const
|
|
22191
|
-
const
|
|
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 = {
|
|
22192
22375
|
key: 0
|
|
22193
22376
|
};
|
|
22194
|
-
const
|
|
22377
|
+
const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_2 = {
|
|
22195
22378
|
key: 0,
|
|
22196
22379
|
class: "px-4 py-3"
|
|
22197
22380
|
};
|
|
22198
|
-
const
|
|
22381
|
+
const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_3 = {
|
|
22199
22382
|
class: "flex justify-center items-center"
|
|
22200
22383
|
};
|
|
22201
|
-
const
|
|
22202
|
-
const
|
|
22384
|
+
const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_4 = ["onClick"];
|
|
22385
|
+
const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_5 = {
|
|
22203
22386
|
key: 0
|
|
22204
22387
|
};
|
|
22205
|
-
const
|
|
22388
|
+
const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_6 = {
|
|
22206
22389
|
key: 0,
|
|
22207
22390
|
class: "px-4 py-3"
|
|
22208
22391
|
};
|
|
22209
|
-
const
|
|
22392
|
+
const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_7 = {
|
|
22210
22393
|
class: "radio"
|
|
22211
22394
|
};
|
|
22212
|
-
const
|
|
22213
|
-
const
|
|
22214
|
-
const
|
|
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 = {
|
|
22215
22398
|
class: "flex items-center justify-center w-full h-full"
|
|
22216
22399
|
};
|
|
22217
|
-
const
|
|
22218
|
-
const
|
|
22400
|
+
const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_11 = ["onClick"];
|
|
22401
|
+
const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_12 = {
|
|
22219
22402
|
class: "flex items-center justify-center mt-2 mb-8 flex-col"
|
|
22220
22403
|
};
|
|
22221
|
-
const
|
|
22404
|
+
const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_13 = {
|
|
22222
22405
|
key: 1,
|
|
22223
22406
|
class: "flex justify-between items-center w-full"
|
|
22224
22407
|
};
|
|
22225
|
-
const
|
|
22408
|
+
const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_14 = {
|
|
22226
22409
|
class: "min-w-[5rem] flex justify-center"
|
|
22227
22410
|
};
|
|
22228
|
-
const
|
|
22411
|
+
const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_15 = {
|
|
22229
22412
|
class: "w-full flex justify-center items-center"
|
|
22230
22413
|
};
|
|
22231
|
-
const
|
|
22414
|
+
const ETablevue_type_template_id_5a2f1b86_scoped_true_hoisted_16 = {
|
|
22232
22415
|
class: "min-w-[5rem] flex justify-center"
|
|
22233
22416
|
};
|
|
22234
|
-
function
|
|
22417
|
+
function ETablevue_type_template_id_5a2f1b86_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
22235
22418
|
const _component_EIcon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("EIcon");
|
|
22236
22419
|
const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("e-icon");
|
|
22237
22420
|
const _component_EPaginationTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("EPaginationTable");
|
|
@@ -22240,11 +22423,11 @@ function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $p
|
|
|
22240
22423
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass)
|
|
22241
22424
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("table", {
|
|
22242
22425
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['shadow-lg p-5 min-w-full table-auto', $props.bgColor, $props.darkBgColor])
|
|
22243
|
-
}, [$props.haveTitle ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("caption",
|
|
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) => {
|
|
22244
22427
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("th", {
|
|
22245
22428
|
key: 'col' + indexCol,
|
|
22246
22429
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.headerClass, $options.styleHeaderClass(indexCol)])
|
|
22247
|
-
}, [(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", {
|
|
22248
22431
|
class: "text-center cursor-default",
|
|
22249
22432
|
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(col.style)
|
|
22250
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", {
|
|
@@ -22255,8 +22438,8 @@ function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $p
|
|
|
22255
22438
|
name: $data.sortBy === col.field ? $data.descending ? 'arrow_drop_down' : 'arrow_drop_up' : 'ebind:flechas-arriba-abajo',
|
|
22256
22439
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([this.arrowsColor ?? 'text-secondary', this.arrowsColorDark ?? 'dark:text-secondary']),
|
|
22257
22440
|
size: $data.sortBy === col.field ? 'sm' : '1em'
|
|
22258
|
-
}, null, 8, ["name", "class", "size"])], 8,
|
|
22259
|
-
}), 128))]), $props.headerSeparator ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("tr",
|
|
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", {
|
|
22260
22443
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($props.headerSeparator)
|
|
22261
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, ({
|
|
22262
22445
|
row,
|
|
@@ -22265,10 +22448,10 @@ function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $p
|
|
|
22265
22448
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("tr", {
|
|
22266
22449
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.bodyClass),
|
|
22267
22450
|
key: 'row' + indexRow
|
|
22268
|
-
}, [$props.select ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("td",
|
|
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", {
|
|
22269
22452
|
type: "radio",
|
|
22270
22453
|
onClick: $event => $options.handleSelect(rowOrig)
|
|
22271
|
-
}, null, 8,
|
|
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) => {
|
|
22272
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, {
|
|
22273
22456
|
key: 'col' + indexCol
|
|
22274
22457
|
}, [!!_ctx.$slots[`cell-name-${col.field}`] ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, `cell-name-${col.field}`, {
|
|
@@ -22283,7 +22466,7 @@ function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $p
|
|
|
22283
22466
|
key: 1,
|
|
22284
22467
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.styleRowClass(col, indexRow, $data.indexRowSelected)),
|
|
22285
22468
|
onClick: $event => col.isClickeable ? $options.handleClickEmit(row, col.field, col, indexRow) : false
|
|
22286
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("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", {
|
|
22287
22470
|
key: 0,
|
|
22288
22471
|
class: "flex items-center justify-center ml-1 cursor-pointer",
|
|
22289
22472
|
onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.handleCopyRow(row, col), ["stop"])
|
|
@@ -22294,12 +22477,12 @@ function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $p
|
|
|
22294
22477
|
size: "xs",
|
|
22295
22478
|
name: "content_copy",
|
|
22296
22479
|
textColor: "text-primary"
|
|
22297
|
-
}))], 8,
|
|
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);
|
|
22298
22481
|
}), 128))], 2);
|
|
22299
|
-
}), 128))])], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("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", {
|
|
22300
22483
|
key: 0,
|
|
22301
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$options.bodyClass, "min-h-[10rem]
|
|
22302
|
-
}, [(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",
|
|
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, {
|
|
22303
22486
|
numPagesTotal: $options.numPagesTotal,
|
|
22304
22487
|
modelValue: $data.currentPage,
|
|
22305
22488
|
"onUpdate:modelValue": [_cache[0] || (_cache[0] = $event => $data.currentPage = $event), _cache[1] || (_cache[1] = $event => $options.handleRequest(true))],
|
|
@@ -22313,9 +22496,9 @@ function ETablevue_type_template_id_75aaaebb_scoped_true_render(_ctx, _cache, $p
|
|
|
22313
22496
|
modelValue: $data.numRowsByPage,
|
|
22314
22497
|
"onUpdate:modelValue": [_cache[2] || (_cache[2] = $event => $data.numRowsByPage = $event), $options.handleReload],
|
|
22315
22498
|
options: $props.rowsByPage
|
|
22316
|
-
}, null, 8, ["bgColor", "darkBgColor", "modelValue", "options", "onUpdate:modelValue"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
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);
|
|
22317
22500
|
}
|
|
22318
|
-
;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=template&id=
|
|
22501
|
+
;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=template&id=5a2f1b86&scoped=true
|
|
22319
22502
|
|
|
22320
22503
|
;// CONCATENATED MODULE: ./node_modules/ramda/es/is.js
|
|
22321
22504
|
|
|
@@ -23150,7 +23333,7 @@ const message = message_show;
|
|
|
23150
23333
|
*/
|
|
23151
23334
|
paginationBg: {
|
|
23152
23335
|
type: String,
|
|
23153
|
-
default:
|
|
23336
|
+
default: null,
|
|
23154
23337
|
description: "Color bg en el selector de registros por pagina de la tabla."
|
|
23155
23338
|
},
|
|
23156
23339
|
/**
|
|
@@ -23158,7 +23341,7 @@ const message = message_show;
|
|
|
23158
23341
|
*/
|
|
23159
23342
|
paginationBgDark: {
|
|
23160
23343
|
type: String,
|
|
23161
|
-
default:
|
|
23344
|
+
default: null,
|
|
23162
23345
|
description: "Color bg en modo dark del selector de registros por pagina de la tabla."
|
|
23163
23346
|
},
|
|
23164
23347
|
/**
|
|
@@ -23248,10 +23431,10 @@ const message = message_show;
|
|
|
23248
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"];
|
|
23249
23432
|
},
|
|
23250
23433
|
bgSelectPaginationClassLight() {
|
|
23251
|
-
return this.paginationBg ?? "bgGralLight";
|
|
23434
|
+
return this.paginationBg ?? "bg-bgGralLight";
|
|
23252
23435
|
},
|
|
23253
23436
|
bgSelectPaginationClassDark() {
|
|
23254
|
-
return this.paginationBgDark ?? "dark:bgGralDark";
|
|
23437
|
+
return this.paginationBgDark ?? "dark:bg-bgGralDark";
|
|
23255
23438
|
},
|
|
23256
23439
|
borderBodyClass() {
|
|
23257
23440
|
const borderBodyClasses = {
|
|
@@ -23558,10 +23741,10 @@ const message = message_show;
|
|
|
23558
23741
|
});
|
|
23559
23742
|
;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=script&lang=js
|
|
23560
23743
|
|
|
23561
|
-
;// 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=
|
|
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
|
|
23562
23745
|
// extracted by mini-css-extract-plugin
|
|
23563
23746
|
|
|
23564
|
-
;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=style&index=0&id=
|
|
23747
|
+
;// CONCATENATED MODULE: ./src/components/ETable.vue?vue&type=style&index=0&id=5a2f1b86&scoped=true&lang=css
|
|
23565
23748
|
|
|
23566
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
|
|
23567
23750
|
var ETablevue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(4816);
|
|
@@ -23580,74 +23763,73 @@ if (typeof (ETablevue_type_custom_index_0_blockType_docs_lang_md_default()) ===
|
|
|
23580
23763
|
|
|
23581
23764
|
|
|
23582
23765
|
;
|
|
23583
|
-
const ETable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ETablevue_type_script_lang_js, [['render',
|
|
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"]])
|
|
23584
23767
|
|
|
23585
23768
|
/* harmony default export */ var ETable = (ETable_exports_);
|
|
23586
|
-
;// 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=
|
|
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
|
|
23587
23770
|
|
|
23588
|
-
const
|
|
23589
|
-
const
|
|
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 = {
|
|
23590
23773
|
ref: "myFiltersCollapse",
|
|
23591
23774
|
class: "flex flex-col w-full h-full relative"
|
|
23592
23775
|
};
|
|
23593
|
-
const
|
|
23776
|
+
const ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_2 = {
|
|
23594
23777
|
class: "flex justify-start items-center space-x-3 w-full h-full"
|
|
23595
23778
|
};
|
|
23596
|
-
const
|
|
23779
|
+
const ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_3 = {
|
|
23597
23780
|
key: 0
|
|
23598
23781
|
};
|
|
23599
|
-
const
|
|
23782
|
+
const ECollapsevue_type_template_id_643f78cc_scoped_true_hoisted_4 = {
|
|
23600
23783
|
key: 1,
|
|
23601
23784
|
xmlns: "http://www.w3.org/2000/svg",
|
|
23602
23785
|
width: "25.56",
|
|
23603
23786
|
height: "25",
|
|
23604
23787
|
viewBox: "0 0 25.56 25"
|
|
23605
23788
|
};
|
|
23606
|
-
const
|
|
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", {
|
|
23607
23790
|
id: "filter_alt_FILL0_wght400_GRAD0_opsz48",
|
|
23608
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",
|
|
23609
23792
|
transform: "translate(-41.552 217.5)",
|
|
23610
23793
|
fill: "#3275e0"
|
|
23611
23794
|
}, null, -1));
|
|
23612
|
-
const
|
|
23613
|
-
const
|
|
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 = {
|
|
23614
23797
|
key: 1,
|
|
23615
23798
|
xmlns: "http://www.w3.org/2000/svg",
|
|
23616
23799
|
width: "23.746",
|
|
23617
23800
|
height: "14",
|
|
23618
23801
|
viewBox: "0 0 23.746 14"
|
|
23619
23802
|
};
|
|
23620
|
-
const
|
|
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", {
|
|
23621
23804
|
id: "expand_less_FILL0_wght400_GRAD0_opsz48",
|
|
23622
23805
|
d: "M47.074-117.611l-2.127,2.127L56.82-103.611l11.873-11.823-2.127-2.127-9.746,9.746Z",
|
|
23623
23806
|
transform: "translate(-44.947 117.611)",
|
|
23624
23807
|
fill: "#3275e0"
|
|
23625
23808
|
}, null, -1));
|
|
23626
|
-
const
|
|
23627
|
-
function
|
|
23628
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("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", {
|
|
23629
23812
|
onClick: _cache[1] || (_cache[1] = (...args) => $options.toggleCollapse && $options.toggleCollapse(...args)),
|
|
23630
23813
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.mainClass),
|
|
23631
23814
|
ref: "collapse"
|
|
23632
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
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", {
|
|
23633
23816
|
key: 0
|
|
23634
|
-
}, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg",
|
|
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", {
|
|
23635
23818
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.textClass)
|
|
23636
23819
|
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.text), 3)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
23637
23820
|
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.openCollapse && _ctx.openCollapse(...args))
|
|
23638
23821
|
}, [_ctx.$slots.arrow ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "arrow", {
|
|
23639
23822
|
key: 0
|
|
23640
|
-
}, undefined, true) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg",
|
|
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", {
|
|
23641
23824
|
key: 0,
|
|
23825
|
+
ref: "contentCollapse",
|
|
23642
23826
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.filter),
|
|
23643
|
-
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(
|
|
23644
|
-
top: $data.headerHeight + 'px'
|
|
23645
|
-
})
|
|
23827
|
+
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($options.calculateDropPositionY())
|
|
23646
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", {
|
|
23647
23829
|
onClick: _cache[2] || (_cache[2] = (...args) => $options.toggleCollapse && $options.toggleCollapse(...args))
|
|
23648
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);
|
|
23649
23831
|
}
|
|
23650
|
-
;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=template&id=
|
|
23832
|
+
;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=template&id=643f78cc&scoped=true
|
|
23651
23833
|
|
|
23652
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
|
|
23653
23835
|
/* harmony default export */ var ECollapsevue_type_script_lang_js = ({
|
|
@@ -23661,6 +23843,24 @@ function ECollapsevue_type_template_id_2d0bc8b4_scoped_true_render(_ctx, _cache,
|
|
|
23661
23843
|
default: null,
|
|
23662
23844
|
description: "Asigna una altura definida al componente principal."
|
|
23663
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
|
+
},
|
|
23664
23864
|
/**
|
|
23665
23865
|
* En caso de ser false, el componente empujará a los demás elementos que se encuentren debajo de el a nivel código.
|
|
23666
23866
|
*/
|
|
@@ -23786,16 +23986,42 @@ function ECollapsevue_type_template_id_2d0bc8b4_scoped_true_render(_ctx, _cache,
|
|
|
23786
23986
|
},
|
|
23787
23987
|
data() {
|
|
23788
23988
|
return {
|
|
23789
|
-
|
|
23989
|
+
collapseContentHeight: null,
|
|
23990
|
+
collapseHeight: null,
|
|
23790
23991
|
isCollapseOpen: false
|
|
23791
23992
|
};
|
|
23792
23993
|
},
|
|
23793
23994
|
computed: {
|
|
23794
23995
|
mainClass() {
|
|
23795
|
-
return ["e-collapse-base", this.
|
|
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 ?? ""];
|
|
23796
23997
|
},
|
|
23797
23998
|
filter() {
|
|
23798
|
-
return ["e-collapse-filter", this.over ? "absolute" : "", this.bgColorFilter
|
|
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";
|
|
23799
24025
|
},
|
|
23800
24026
|
textClass() {
|
|
23801
24027
|
return ["font-semibold items-center", this.textSizeClass, this.textTransformClass];
|
|
@@ -23822,12 +24048,33 @@ function ECollapsevue_type_template_id_2d0bc8b4_scoped_true_render(_ctx, _cache,
|
|
|
23822
24048
|
}
|
|
23823
24049
|
},
|
|
23824
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
|
+
|
|
23825
24073
|
/**
|
|
23826
24074
|
* Se llama cuando el usuario hace clic en el componente para expandirlo/abrirlo.
|
|
23827
24075
|
* @public Éste es un método público
|
|
23828
24076
|
*/
|
|
23829
24077
|
toggleCollapse() {
|
|
23830
|
-
this.headerHeight = this.$refs.collapse.offsetHeight;
|
|
23831
24078
|
this.isCollapseOpen = !this.isCollapseOpen;
|
|
23832
24079
|
},
|
|
23833
24080
|
/**
|
|
@@ -23835,7 +24082,6 @@ function ECollapsevue_type_template_id_2d0bc8b4_scoped_true_render(_ctx, _cache,
|
|
|
23835
24082
|
* @public Éste es un método público
|
|
23836
24083
|
*/
|
|
23837
24084
|
show() {
|
|
23838
|
-
this.headerHeight = this.$refs.collapse.offsetHeight;
|
|
23839
24085
|
this.isCollapseOpen = true;
|
|
23840
24086
|
},
|
|
23841
24087
|
/**
|
|
@@ -23845,14 +24091,38 @@ function ECollapsevue_type_template_id_2d0bc8b4_scoped_true_render(_ctx, _cache,
|
|
|
23845
24091
|
hide() {
|
|
23846
24092
|
this.isCollapseOpen = false;
|
|
23847
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
|
+
}
|
|
23848
24118
|
}
|
|
23849
24119
|
});
|
|
23850
24120
|
;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=script&lang=js
|
|
23851
24121
|
|
|
23852
|
-
;// 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=
|
|
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
|
|
23853
24123
|
// extracted by mini-css-extract-plugin
|
|
23854
24124
|
|
|
23855
|
-
;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=style&index=0&id=
|
|
24125
|
+
;// CONCATENATED MODULE: ./src/components/ECollapse.vue?vue&type=style&index=0&id=643f78cc&scoped=true&lang=css
|
|
23856
24126
|
|
|
23857
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
|
|
23858
24128
|
var ECollapsevue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(4813);
|
|
@@ -23871,7 +24141,7 @@ if (typeof (ECollapsevue_type_custom_index_0_blockType_docs_lang_md_default()) =
|
|
|
23871
24141
|
|
|
23872
24142
|
|
|
23873
24143
|
;
|
|
23874
|
-
const ECollapse_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ECollapsevue_type_script_lang_js, [['render',
|
|
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"]])
|
|
23875
24145
|
|
|
23876
24146
|
/* harmony default export */ var ECollapse = (ECollapse_exports_);
|
|
23877
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
|
|
@@ -24073,7 +24343,7 @@ const ECalendarvue_type_template_id_30ecbe60_hoisted_20 = {
|
|
|
24073
24343
|
class: "grid grid-cols-3 gap-2"
|
|
24074
24344
|
};
|
|
24075
24345
|
const ECalendarvue_type_template_id_30ecbe60_hoisted_21 = ["onClick"];
|
|
24076
|
-
const
|
|
24346
|
+
const _hoisted_22 = {
|
|
24077
24347
|
key: 1,
|
|
24078
24348
|
class: "grid grid-cols-5 gap-2"
|
|
24079
24349
|
};
|
|
@@ -24162,7 +24432,7 @@ function ECalendarvue_type_template_id_30ecbe60_render(_ctx, _cache, $props, $se
|
|
|
24162
24432
|
onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.selectMonth(month), ["prevent"]),
|
|
24163
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"
|
|
24164
24434
|
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(month), 9, ECalendarvue_type_template_id_30ecbe60_hoisted_21);
|
|
24165
|
-
}), 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",
|
|
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) => {
|
|
24166
24436
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
24167
24437
|
key: index,
|
|
24168
24438
|
onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.selectYear(year), ["prevent"]),
|