@alexochihua/exos-library-components 2.25.30 → 2.25.32
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.
- package/dist/exos-library-components.common.js +208 -132
- package/dist/exos-library-components.umd.js +208 -132
- package/dist/exos-library-components.umd.min.js +1 -1
- package/dist/style.css +67 -224
- package/package.json +1 -1
|
@@ -51010,51 +51010,51 @@ function friendlyDateTime(dateTimeish) {
|
|
|
51010
51010
|
|
|
51011
51011
|
const VERSION = "3.4.4";
|
|
51012
51012
|
|
|
51013
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/calendar/ECalendar.vue?vue&type=script&setup=true&lang=js
|
|
51013
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/calendar/ECalendar.vue?vue&type=script&setup=true&inherit-attrs=false&lang=js
|
|
51014
51014
|
|
|
51015
51015
|
|
|
51016
|
-
const
|
|
51016
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1 = {
|
|
51017
51017
|
class: "e-calendar__calendar__container"
|
|
51018
51018
|
};
|
|
51019
|
-
const
|
|
51020
|
-
const
|
|
51021
|
-
const
|
|
51019
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2 = ["disabled", "value", "id"];
|
|
51020
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_3 = ["for"];
|
|
51021
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_4 = {
|
|
51022
51022
|
key: 0,
|
|
51023
51023
|
class: "e-calendar--error-message"
|
|
51024
51024
|
};
|
|
51025
|
-
const
|
|
51025
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_5 = {
|
|
51026
51026
|
class: "exos-shadow-lg exos-rounded-b-md",
|
|
51027
51027
|
style: {
|
|
51028
51028
|
"max-width": "20rem"
|
|
51029
51029
|
}
|
|
51030
51030
|
};
|
|
51031
|
-
const
|
|
51031
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_6 = {
|
|
51032
51032
|
class: "text-body-4"
|
|
51033
51033
|
};
|
|
51034
|
-
const
|
|
51034
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_7 = {
|
|
51035
51035
|
class: "text-body-4"
|
|
51036
51036
|
};
|
|
51037
|
-
const
|
|
51037
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_8 = {
|
|
51038
51038
|
class: "e-calendar__popUp__navigationTime__container"
|
|
51039
51039
|
};
|
|
51040
|
-
const
|
|
51040
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_9 = {
|
|
51041
51041
|
class: "e-calendar__popUp__bodyYearMonths__container"
|
|
51042
51042
|
};
|
|
51043
|
-
const
|
|
51043
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_10 = {
|
|
51044
51044
|
key: 0,
|
|
51045
51045
|
class: "exos-grid exos-grid-cols-3 exos-gap-2"
|
|
51046
51046
|
};
|
|
51047
|
-
const
|
|
51048
|
-
const
|
|
51047
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_11 = ["data-testid", "onClick"];
|
|
51048
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_12 = {
|
|
51049
51049
|
key: 1,
|
|
51050
51050
|
class: "exos-grid exos-grid-cols-5 exos-gap-2"
|
|
51051
51051
|
};
|
|
51052
|
-
const
|
|
51053
|
-
const
|
|
51052
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_13 = ["data-testid", "onClick"];
|
|
51053
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_14 = {
|
|
51054
51054
|
key: 0,
|
|
51055
51055
|
class: "e-calendar__popUp__bodyDaysName__container"
|
|
51056
51056
|
};
|
|
51057
|
-
const
|
|
51057
|
+
const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_15 = {
|
|
51058
51058
|
key: 1,
|
|
51059
51059
|
class: "e-calendar__popUp__bodyDays__container"
|
|
51060
51060
|
};
|
|
@@ -51069,7 +51069,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
|
|
|
51069
51069
|
|
|
51070
51070
|
// Computed para días disponibles (modo claro y dark)
|
|
51071
51071
|
|
|
51072
|
-
/* harmony default export */ var
|
|
51072
|
+
/* harmony default export */ var ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js = ({
|
|
51073
51073
|
__name: 'ECalendar',
|
|
51074
51074
|
props: {
|
|
51075
51075
|
/**
|
|
@@ -51352,6 +51352,8 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
|
|
|
51352
51352
|
}) {
|
|
51353
51353
|
const props = __props;
|
|
51354
51354
|
const emit = __emit;
|
|
51355
|
+
const attrs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.useAttrs)();
|
|
51356
|
+
const hasMeaningfulPlaceholder = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => !!String(attrs?.placeholder ?? '').trim());
|
|
51355
51357
|
|
|
51356
51358
|
// Inject dependencies
|
|
51357
51359
|
const register = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('register', false);
|
|
@@ -51371,6 +51373,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
|
|
|
51371
51373
|
const isInValid = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
51372
51374
|
const messageRule = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('Error, no es una fecha valida');
|
|
51373
51375
|
const isInputFocused = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
51376
|
+
const isLabelFloatedVisual = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => !!props.modelValue || isInputFocused.value || hasMeaningfulPlaceholder.value);
|
|
51374
51377
|
const isTodayBlocked = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
51375
51378
|
const popUpCalendar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
51376
51379
|
const showDatePicker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
@@ -51386,10 +51389,17 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
|
|
|
51386
51389
|
const iconClasses = instance.slots.icon ? instance.slots.iconRight ? 'exos-pl-3 exos-pr-24' : 'exos-pl-3 exos-pr-[4.25rem]' : 'exos-pl-10 exos-pr-10';
|
|
51387
51390
|
return isInValid.value ? ['e-calendar--error', ...baseClasses, iconClasses] : baseClasses.concat(borderClasses, iconClasses);
|
|
51388
51391
|
});
|
|
51389
|
-
const classBoxLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() =>
|
|
51392
|
+
const classBoxLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
51393
|
+
const base = ['e-calendar__label__container--transition'];
|
|
51394
|
+
if (hasMeaningfulPlaceholder.value) {
|
|
51395
|
+
base.push('e-calendar__label__container--with-hint');
|
|
51396
|
+
}
|
|
51397
|
+
return base;
|
|
51398
|
+
});
|
|
51390
51399
|
const labelClass = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
51391
51400
|
const baseBoxLabelClasses = ['e-calendar__label', roundedClass.value];
|
|
51392
|
-
const
|
|
51401
|
+
const floated = isLabelFloatedVisual.value;
|
|
51402
|
+
const dynamicBoxLabelClasses = [props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-text', floated ? ['exos-px-1', props.bgColor + ` ${props.disabled ? 'e-calendar__label__background--disabled' : 'e-calendar__label__background--active'}`] : 'exos-px-3', isInValid.value ? ['e-calendar__text--error', props.modelValue ? 'text-caption-2' : textSizeClass.value] : props.disabled ? [textSizeClass.value, 'e-calendar__text--inactive'] : floated ? ['text-caption-2', `${props.labelColor} e-calendar__text--active`] : [textSizeClass.value, `${props.labelColorNV} e-calendar__text--default`]];
|
|
51393
51403
|
return baseBoxLabelClasses.concat(dynamicBoxLabelClasses);
|
|
51394
51404
|
});
|
|
51395
51405
|
const requiredIcon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => props.disabled ? 'exos-text-semanticDisabled' : 'exos-text-primary');
|
|
@@ -51994,7 +52004,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
|
|
|
51994
52004
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
51995
52005
|
ref: 'e-calendar__main__container-' + _ctx.$.uid,
|
|
51996
52006
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(mainContainer.value)
|
|
51997
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
52007
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
51998
52008
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["e-calendar__icon__container exos-left-3", __props.disabled ? 'exos-cursor-no-drop' : 'exos-cursor-pointer']),
|
|
51999
52009
|
"data-testid": "calendar-icon",
|
|
52000
52010
|
onClick: _cache[0] || (_cache[0] = $event => __props.disabled ? null : showDatePicker.value = true)
|
|
@@ -52003,11 +52013,12 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
|
|
|
52003
52013
|
"data-testid": "clean-icon",
|
|
52004
52014
|
onClick: _cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => (clearDate(), isInValid.value = false), ["prevent"])),
|
|
52005
52015
|
class: "e-calendar__icon__container exos-right-3"
|
|
52006
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)(closeIconClass.value)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
|
|
52016
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "iconClose", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)(closeIconClass.value)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
|
|
52007
52017
|
maxlength: "10",
|
|
52008
|
-
placeholder: " "
|
|
52018
|
+
placeholder: " "
|
|
52019
|
+
}, _ctx.$attrs, {
|
|
52009
52020
|
"data-testid": "input-calendar",
|
|
52010
|
-
class:
|
|
52021
|
+
class: mainClass.value,
|
|
52011
52022
|
disabled: __props.disabled,
|
|
52012
52023
|
value: formatDateIn.value,
|
|
52013
52024
|
id: 'calendar-' + __props.label,
|
|
@@ -52017,7 +52028,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
|
|
|
52017
52028
|
}),
|
|
52018
52029
|
onFocus: onInputFocus,
|
|
52019
52030
|
onBlur: onInputBlur
|
|
52020
|
-
}, null,
|
|
52031
|
+
}), null, 16, ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
52021
52032
|
for: 'calendar-' + __props.label,
|
|
52022
52033
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(classBoxLabel.value)
|
|
52023
52034
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
|
|
@@ -52025,18 +52036,18 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
|
|
|
52025
52036
|
}, [(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", {
|
|
52026
52037
|
key: 0,
|
|
52027
52038
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(requiredIcon.value)
|
|
52028
|
-
}, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10,
|
|
52039
|
+
}, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_3)]), isInValid.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(messageRule.value), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), showDatePicker.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
52029
52040
|
key: 1,
|
|
52030
52041
|
ref_key: "popUpCalendar",
|
|
52031
52042
|
ref: popUpCalendar,
|
|
52032
52043
|
"data-testid": "pop-up-calendar",
|
|
52033
52044
|
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(displayPopUpCalendar.value),
|
|
52034
52045
|
class: "e-calendar__popUp__container"
|
|
52035
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
52046
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
52036
52047
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([popUpBodyClass.value, "exos-rounded-md"])
|
|
52037
52048
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
52038
52049
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([popUpHeaderClass.value, "exos-rounded-t-md"])
|
|
52039
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
52050
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(dateTodayOnFormatTitleYear.value), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_7, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(dateTodayOnFormatTitle.value), 1)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
|
|
52040
52051
|
"data-testid": "previous-month",
|
|
52041
52052
|
type: "button",
|
|
52042
52053
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(arrowClasses.value),
|
|
@@ -52064,26 +52075,26 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
|
|
|
52064
52075
|
type: "button",
|
|
52065
52076
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(arrowClasses.value),
|
|
52066
52077
|
onClick: _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => changeYear(1), ["prevent"]))
|
|
52067
|
-
}, " > ", 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
52078
|
+
}, " > ", 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_9, [showMonthSelector.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_10, [((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)(months.value, (month, index) => {
|
|
52068
52079
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
52069
52080
|
key: index,
|
|
52070
52081
|
"data-testid": 'month-' + month,
|
|
52071
52082
|
onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => selectMonth(month), ["prevent"]),
|
|
52072
52083
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(timeBankSelectClasses.value)
|
|
52073
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(month), 11,
|
|
52074
|
-
}), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), yearSelector.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div",
|
|
52084
|
+
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(month), 11, ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_11);
|
|
52085
|
+
}), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), yearSelector.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_12, [((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)(years.value, (year, index) => {
|
|
52075
52086
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
52076
52087
|
key: index,
|
|
52077
52088
|
"data-testid": 'year-' + year,
|
|
52078
52089
|
onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => selectYear(year), ["prevent"]),
|
|
52079
52090
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(timeBankSelectClasses.value)
|
|
52080
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(year), 11,
|
|
52081
|
-
}), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), showMonthSelector.value == false && yearSelector.value == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div",
|
|
52091
|
+
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(year), 11, ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_13);
|
|
52092
|
+
}), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), showMonthSelector.value == false && yearSelector.value == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_14, [((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)(weekdays.value, (titleDay, i) => {
|
|
52082
52093
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
52083
52094
|
class: "e-calendar__popUp__bodyDaysName__title",
|
|
52084
52095
|
key: i
|
|
52085
52096
|
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(titleDay), 1);
|
|
52086
|
-
}), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), showMonthSelector.value == false && yearSelector.value == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div",
|
|
52097
|
+
}), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), showMonthSelector.value == false && yearSelector.value == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_15, [((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)(filteredDaysWithOffset.value, (day, index) => {
|
|
52087
52098
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
52088
52099
|
key: index,
|
|
52089
52100
|
"data-testid": `${day}-${currentMonth.value}-${currentYear.value}`,
|
|
@@ -52101,7 +52112,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
|
|
|
52101
52112
|
};
|
|
52102
52113
|
}
|
|
52103
52114
|
});
|
|
52104
|
-
;// CONCATENATED MODULE: ./src/ui/components/calendar/ECalendar.vue?vue&type=script&setup=true&lang=js
|
|
52115
|
+
;// CONCATENATED MODULE: ./src/ui/components/calendar/ECalendar.vue?vue&type=script&setup=true&inherit-attrs=false&lang=js
|
|
52105
52116
|
|
|
52106
52117
|
// EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/calendar/ECalendar.vue?vue&type=custom&index=0&blockType=docs&lang=md
|
|
52107
52118
|
var ECalendarvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(70331);
|
|
@@ -52113,35 +52124,35 @@ var ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PURE_
|
|
|
52113
52124
|
|
|
52114
52125
|
/* custom blocks */
|
|
52115
52126
|
;
|
|
52116
|
-
if (typeof (ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default()(
|
|
52127
|
+
if (typeof (ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default()(ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js)
|
|
52117
52128
|
|
|
52118
52129
|
|
|
52119
|
-
const ECalendar_exports_ =
|
|
52130
|
+
const ECalendar_exports_ = ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js;
|
|
52120
52131
|
|
|
52121
52132
|
/* harmony default export */ var ECalendar = (ECalendar_exports_);
|
|
52122
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/input/EInput.vue?vue&type=script&setup=true&lang=js
|
|
52133
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/input/EInput.vue?vue&type=script&setup=true&inherit-attrs=false&lang=js
|
|
52123
52134
|
|
|
52124
52135
|
|
|
52125
52136
|
|
|
52126
52137
|
|
|
52127
52138
|
|
|
52128
52139
|
|
|
52129
|
-
const
|
|
52140
|
+
const EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1 = {
|
|
52130
52141
|
class: "e-input__input__container"
|
|
52131
52142
|
};
|
|
52132
|
-
const
|
|
52133
|
-
const
|
|
52143
|
+
const EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2 = ["for"];
|
|
52144
|
+
const EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_3 = {
|
|
52134
52145
|
key: 0,
|
|
52135
52146
|
class: "e-input__messageContainer--error"
|
|
52136
52147
|
};
|
|
52137
|
-
const
|
|
52148
|
+
const EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_4 = {
|
|
52138
52149
|
key: 1,
|
|
52139
52150
|
class: "e-input__messageContainer--error"
|
|
52140
52151
|
};
|
|
52141
52152
|
|
|
52142
52153
|
|
|
52143
52154
|
|
|
52144
|
-
/* harmony default export */ var
|
|
52155
|
+
/* harmony default export */ var EInputvue_type_script_setup_true_inherit_attrs_false_lang_js = ({
|
|
52145
52156
|
__name: 'EInput',
|
|
52146
52157
|
props: {
|
|
52147
52158
|
/**
|
|
@@ -52567,6 +52578,8 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
|
|
|
52567
52578
|
const messageRestrictions = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
52568
52579
|
const cleaningInput = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
52569
52580
|
const isInputFocused = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
52581
|
+
const attrs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.useAttrs)();
|
|
52582
|
+
const hasMeaningfulPlaceholder = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => !!String(attrs?.placeholder ?? '').trim());
|
|
52570
52583
|
const MAX_LEN = {
|
|
52571
52584
|
time: 8,
|
|
52572
52585
|
timens: 5
|
|
@@ -52577,12 +52590,13 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
|
|
|
52577
52590
|
|
|
52578
52591
|
/** Considera 0 y "0" como valor presente para label flotante e icono de limpiar */
|
|
52579
52592
|
const hasValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => props.modelValue != null && props.modelValue != undefined && props.modelValue !== '');
|
|
52593
|
+
const isLabelFloatedVisual = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => hasValue.value || isInputFocused.value || hasMeaningfulPlaceholder.value);
|
|
52580
52594
|
const mainContainer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
52581
52595
|
const heightClass = props.textarea ? 'exos-h-fit' : props.hideRuleHint ? hasValidationError.value ? 'exos-h-[65px]' : 'exos-h-fit' : 'exos-h-[65px]';
|
|
52582
52596
|
return ['e-input__main__container', heightClass];
|
|
52583
52597
|
});
|
|
52584
52598
|
const inputLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
52585
|
-
return
|
|
52599
|
+
return isLabelFloatedVisual.value ? props.labelOnBorder ? props.labelOnBorder : props.label : props.label;
|
|
52586
52600
|
});
|
|
52587
52601
|
const inputClass = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
52588
52602
|
const baseClasses = ['e-input__input exos-peer', shadowClass.value, roundedClass.value, textSizeClass.value, props.color + ' e-input__text--default', props.bgColor + ' e-input__background', props.textarea ? props.minHeightArea ?? '' : ''];
|
|
@@ -52592,8 +52606,8 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
|
|
|
52592
52606
|
});
|
|
52593
52607
|
const classBoxLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
52594
52608
|
const baseLabelClasses = ['e-input__label__container--transition', roundedClass.value];
|
|
52595
|
-
const dynamicLabelClasses = [props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-text',
|
|
52596
|
-
return baseLabelClasses.concat(dynamicLabelClasses);
|
|
52609
|
+
const dynamicLabelClasses = [props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-text', isLabelFloatedVisual.value ? props.bgColor + ` ${props.disabled ? 'e-input__label__background--disabled' : 'e-input__label__background--active'}` : '', [slots.icon ? props.iconRight || isLabelFloatedVisual.value ? 'exos-px-2' : 'exos-pl-8' : 'exos-px-2']];
|
|
52610
|
+
return baseLabelClasses.concat(dynamicLabelClasses, hasMeaningfulPlaceholder.value ? ['e-input__label__container--with-hint'] : []);
|
|
52597
52611
|
});
|
|
52598
52612
|
const slotIconClass = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
52599
52613
|
const baseClasses = ['e-input__icon'];
|
|
@@ -52633,7 +52647,7 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
|
|
|
52633
52647
|
});
|
|
52634
52648
|
const labelClass = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
52635
52649
|
const baseBoxLabelClasses = ['e-input__label'];
|
|
52636
|
-
const isLabelFloated =
|
|
52650
|
+
const isLabelFloated = isLabelFloatedVisual.value;
|
|
52637
52651
|
const dynamicBoxLabelClasses = [hasValidationError.value ? ['e-input__text--error', hasValue.value ? 'text-caption-2' : textSizeClass.value] : props.disabled ? [isLabelFloated ? 'text-caption-2' : textSizeClass.value, 'e-input__text--inactive'] : [isLabelFloated ? ['text-caption-2', `${props.labelColor} e-input__text--active`] : [textSizeClass.value, `${props.labelColorNV} e-input__text--default`]]];
|
|
52638
52652
|
return baseBoxLabelClasses.concat(dynamicBoxLabelClasses);
|
|
52639
52653
|
});
|
|
@@ -53199,11 +53213,12 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
|
|
|
53199
53213
|
const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("e-icon");
|
|
53200
53214
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
53201
53215
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(mainContainer.value)
|
|
53202
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
53216
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)(__props.textarea ? 'textarea' : 'input'), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
|
|
53217
|
+
placeholder: " "
|
|
53218
|
+
}, _ctx.$attrs, {
|
|
53203
53219
|
"data-testid": "input-cy",
|
|
53204
|
-
placeholder: " ",
|
|
53205
53220
|
type: inputType.value,
|
|
53206
|
-
class:
|
|
53221
|
+
class: inputClass.value,
|
|
53207
53222
|
disabled: __props.disabled,
|
|
53208
53223
|
id: inputId.value,
|
|
53209
53224
|
maxlength: finalLength.value,
|
|
@@ -53213,7 +53228,7 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
|
|
|
53213
53228
|
onFocus: onInputFocus,
|
|
53214
53229
|
onKeydown: handleKeydown,
|
|
53215
53230
|
onInput: clearAndEmitValue
|
|
53216
|
-
}, null,
|
|
53231
|
+
}), null, 16, ["type", "class", "disabled", "id", "maxlength", "value"])), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
53217
53232
|
for: inputId.value,
|
|
53218
53233
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(classBoxLabel.value),
|
|
53219
53234
|
onClick: handleClickLabel
|
|
@@ -53222,7 +53237,7 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
|
|
|
53222
53237
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(inputLabel.value), 1), __props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
|
|
53223
53238
|
key: 0,
|
|
53224
53239
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(requiredIcon.value)
|
|
53225
|
-
}, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10,
|
|
53240
|
+
}, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2), hasValue.value && !__props.disabled && __props.showClean ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
53226
53241
|
key: 0,
|
|
53227
53242
|
onClick: clean,
|
|
53228
53243
|
"data-testid": "clean-icon",
|
|
@@ -53241,11 +53256,11 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
|
|
|
53241
53256
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(slotIconClass.value)
|
|
53242
53257
|
}, [_ctx.$slots.icon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon", {
|
|
53243
53258
|
key: 0
|
|
53244
|
-
}) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)]), !!messageRestrictions.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div",
|
|
53259
|
+
}) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)]), !!messageRestrictions.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(messageRestrictions.value), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !!messageRule.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(messageRule.value), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
|
|
53245
53260
|
};
|
|
53246
53261
|
}
|
|
53247
53262
|
});
|
|
53248
|
-
;// CONCATENATED MODULE: ./src/ui/components/input/EInput.vue?vue&type=script&setup=true&lang=js
|
|
53263
|
+
;// CONCATENATED MODULE: ./src/ui/components/input/EInput.vue?vue&type=script&setup=true&inherit-attrs=false&lang=js
|
|
53249
53264
|
|
|
53250
53265
|
// EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/input/EInput.vue?vue&type=custom&index=0&blockType=docs&lang=md
|
|
53251
53266
|
var EInputvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(18783);
|
|
@@ -53257,10 +53272,10 @@ var EInputvue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PURE__*/
|
|
|
53257
53272
|
|
|
53258
53273
|
/* custom blocks */
|
|
53259
53274
|
;
|
|
53260
|
-
if (typeof (EInputvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') EInputvue_type_custom_index_0_blockType_docs_lang_md_default()(
|
|
53275
|
+
if (typeof (EInputvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') EInputvue_type_custom_index_0_blockType_docs_lang_md_default()(EInputvue_type_script_setup_true_inherit_attrs_false_lang_js)
|
|
53261
53276
|
|
|
53262
53277
|
|
|
53263
|
-
const EInput_exports_ =
|
|
53278
|
+
const EInput_exports_ = EInputvue_type_script_setup_true_inherit_attrs_false_lang_js;
|
|
53264
53279
|
|
|
53265
53280
|
/* harmony default export */ var EInput = (EInput_exports_);
|
|
53266
53281
|
;// CONCATENATED MODULE: ./src/ui/components/inputMask/mask-presets.js
|
|
@@ -53742,20 +53757,20 @@ function listPresets() {
|
|
|
53742
53757
|
registerPreset,
|
|
53743
53758
|
listPresets
|
|
53744
53759
|
});
|
|
53745
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/inputMask/EInputMask.vue?vue&type=script&setup=true&lang=js
|
|
53760
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/inputMask/EInputMask.vue?vue&type=script&setup=true&inherit-attrs=false&lang=js
|
|
53746
53761
|
|
|
53747
53762
|
|
|
53748
53763
|
|
|
53749
53764
|
|
|
53750
|
-
const
|
|
53765
|
+
const EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1 = {
|
|
53751
53766
|
class: "e-input-mask__container"
|
|
53752
53767
|
};
|
|
53753
|
-
const
|
|
53768
|
+
const EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2 = ["id", "value"];
|
|
53754
53769
|
|
|
53755
53770
|
|
|
53756
53771
|
|
|
53757
53772
|
|
|
53758
|
-
/* harmony default export */ var
|
|
53773
|
+
/* harmony default export */ var EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js = ({
|
|
53759
53774
|
__name: 'EInputMask',
|
|
53760
53775
|
props: {
|
|
53761
53776
|
/**
|
|
@@ -54098,7 +54113,6 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
|
|
|
54098
54113
|
// Excluimos todas las props de EInputMask para evitar pasarlas a EInput
|
|
54099
54114
|
const excludedProps = ['maskPattern', 'hiddenChar', 'preset', 'saveFormatted', 'visiblePrefix', 'visibleSuffix', 'decimals', 'currencySymbol', 'cardLengths', 'invalidCardMessage', 'invalidCardLengthMessage', 'required', 'rules', 'label', 'requiredMessage', 'invalidPhoneMessage', 'invalidNssMessage', 'invalidCurrencyMessage', 'invalidPercentageMessage'];
|
|
54100
54115
|
const inputProps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
54101
|
-
console.log(props.label, 'attrs', attrs);
|
|
54102
54116
|
const result = {};
|
|
54103
54117
|
for (const key in attrs) {
|
|
54104
54118
|
if (!excludedProps.includes(key)) {
|
|
@@ -55039,22 +55053,20 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
|
|
|
55039
55053
|
getPresetInfo: () => activePreset.value
|
|
55040
55054
|
});
|
|
55041
55055
|
return (_ctx, _cache) => {
|
|
55042
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div",
|
|
55056
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
|
|
55043
55057
|
type: "hidden",
|
|
55044
55058
|
id: hiddenInputId.value,
|
|
55045
55059
|
value: realValue.value
|
|
55046
|
-
}, null, 8,
|
|
55060
|
+
}, null, 8, EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(EInput, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)(inputProps.value, {
|
|
55047
55061
|
id: inputId.value,
|
|
55048
55062
|
ref: el => inputRef.value = el,
|
|
55049
55063
|
modelValue: displayValue.value,
|
|
55050
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => displayValue.value = $event)
|
|
55051
|
-
}, inputProps.value, {
|
|
55064
|
+
"onUpdate:modelValue": [_cache[0] || (_cache[0] = $event => displayValue.value = $event), handleDisplayUpdate],
|
|
55052
55065
|
required: __props.required || inputProps.value.required,
|
|
55053
55066
|
rules: inputRules.value || inputProps.value.rules,
|
|
55054
55067
|
label: __props.label || inputProps.value.label,
|
|
55055
55068
|
length: inputLength.value || inputProps.value.length,
|
|
55056
55069
|
requiredMessage: __props.requiredMessage || inputProps.value.requiredMessage,
|
|
55057
|
-
"onUpdate:modelValue": handleDisplayUpdate,
|
|
55058
55070
|
onBlur: handleBlur,
|
|
55059
55071
|
onFocus: handleFocus,
|
|
55060
55072
|
onClean: handleClean,
|
|
@@ -55064,7 +55076,7 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
|
|
|
55064
55076
|
};
|
|
55065
55077
|
}
|
|
55066
55078
|
});
|
|
55067
|
-
;// CONCATENATED MODULE: ./src/ui/components/inputMask/EInputMask.vue?vue&type=script&setup=true&lang=js
|
|
55079
|
+
;// CONCATENATED MODULE: ./src/ui/components/inputMask/EInputMask.vue?vue&type=script&setup=true&inherit-attrs=false&lang=js
|
|
55068
55080
|
|
|
55069
55081
|
// EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/inputMask/EInputMask.vue?vue&type=custom&index=0&blockType=docs&lang=md
|
|
55070
55082
|
var EInputMaskvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(54631);
|
|
@@ -55076,10 +55088,10 @@ var EInputMaskvue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PURE
|
|
|
55076
55088
|
|
|
55077
55089
|
/* custom blocks */
|
|
55078
55090
|
;
|
|
55079
|
-
if (typeof (EInputMaskvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') EInputMaskvue_type_custom_index_0_blockType_docs_lang_md_default()(
|
|
55091
|
+
if (typeof (EInputMaskvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') EInputMaskvue_type_custom_index_0_blockType_docs_lang_md_default()(EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js)
|
|
55080
55092
|
|
|
55081
55093
|
|
|
55082
|
-
const EInputMask_exports_ =
|
|
55094
|
+
const EInputMask_exports_ = EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js;
|
|
55083
55095
|
|
|
55084
55096
|
/* harmony default export */ var EInputMask = (EInputMask_exports_);
|
|
55085
55097
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=script&setup=true&lang=js
|
|
@@ -55335,7 +55347,7 @@ if (typeof (EMenuCalendarvue_type_custom_index_0_blockType_docs_lang_md_default(
|
|
|
55335
55347
|
const EMenuCalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EMenuCalendarvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-5ce8369c"]])
|
|
55336
55348
|
|
|
55337
55349
|
/* harmony default export */ var EMenuCalendar = (EMenuCalendar_exports_);
|
|
55338
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/select/ESelect.vue?vue&type=script&setup=true&lang=js
|
|
55350
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/select/ESelect.vue?vue&type=script&setup=true&inherit-attrs=false&lang=js
|
|
55339
55351
|
|
|
55340
55352
|
|
|
55341
55353
|
|
|
@@ -55345,45 +55357,45 @@ const EMenuCalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EMen
|
|
|
55345
55357
|
|
|
55346
55358
|
|
|
55347
55359
|
|
|
55348
|
-
const
|
|
55360
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1 = {
|
|
55349
55361
|
class: "e-select__relative__container"
|
|
55350
55362
|
};
|
|
55351
|
-
const
|
|
55352
|
-
const
|
|
55353
|
-
const
|
|
55354
|
-
const
|
|
55363
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2 = ["placeholder", "disabled", "id", "maxlength", "readonly"];
|
|
55364
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_3 = ["for"];
|
|
55365
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_4 = ["disabled", "id"];
|
|
55366
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_5 = {
|
|
55355
55367
|
class: "e-select__label__primaryContainer"
|
|
55356
55368
|
};
|
|
55357
|
-
const
|
|
55369
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_6 = {
|
|
55358
55370
|
class: "e-select__label__secondaryContainer"
|
|
55359
55371
|
};
|
|
55360
|
-
const
|
|
55372
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_7 = {
|
|
55361
55373
|
class: "exos-flex exos-items-center exos-left-3 exos-absolute exos-top-0 exos-h-full exos-justify-center"
|
|
55362
55374
|
};
|
|
55363
|
-
const
|
|
55375
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_8 = {
|
|
55364
55376
|
key: 0,
|
|
55365
55377
|
class: "e-select__groupContainer__primary__group"
|
|
55366
55378
|
};
|
|
55367
|
-
const
|
|
55368
|
-
const
|
|
55369
|
-
const
|
|
55379
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_9 = ["data-testid", "onClick"];
|
|
55380
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_10 = ["onClick"];
|
|
55381
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_11 = {
|
|
55370
55382
|
key: 0,
|
|
55371
55383
|
class: "e-select__optionItem exos-px-3 exos-py-2 text-body-4"
|
|
55372
55384
|
};
|
|
55373
|
-
const
|
|
55385
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_12 = {
|
|
55374
55386
|
class: "e-select__optionItem exos-px-3 exos-py-2 text-body-4 exos-flex exos-items-center exos-gap-2"
|
|
55375
55387
|
};
|
|
55376
|
-
const
|
|
55388
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_13 = {
|
|
55377
55389
|
key: 3,
|
|
55378
55390
|
class: "e-select__optionItem exos-px-3 exos-py-2 text-body-4"
|
|
55379
55391
|
};
|
|
55380
|
-
const
|
|
55392
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_14 = {
|
|
55381
55393
|
key: 0,
|
|
55382
55394
|
class: "e-select__groupContainer__primary__group"
|
|
55383
55395
|
};
|
|
55384
|
-
const
|
|
55385
|
-
const
|
|
55386
|
-
const
|
|
55396
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_15 = ["data-testid", "onClick"];
|
|
55397
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_16 = ["onClick"];
|
|
55398
|
+
const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_17 = {
|
|
55387
55399
|
key: 0,
|
|
55388
55400
|
class: "e-select__optionItem exos-px-3 exos-py-2 text-body-4"
|
|
55389
55401
|
};
|
|
@@ -55411,7 +55423,7 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
55411
55423
|
* usar el scroll-parent evita que el menú empuje el scroll del contenedor.
|
|
55412
55424
|
*/
|
|
55413
55425
|
|
|
55414
|
-
/* harmony default export */ var
|
|
55426
|
+
/* harmony default export */ var ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js = ({
|
|
55415
55427
|
__name: 'ESelect',
|
|
55416
55428
|
props: {
|
|
55417
55429
|
/**
|
|
@@ -55692,6 +55704,15 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
55692
55704
|
type: String,
|
|
55693
55705
|
default: 'El campo %label% es requerido'
|
|
55694
55706
|
},
|
|
55707
|
+
/**
|
|
55708
|
+
* Mensaje cuando en modo suggestion hay texto en el buscador pero no se eligió una opción (solo selección simple).
|
|
55709
|
+
* Acepta el marcador %label% para insertar el label del campo.
|
|
55710
|
+
* @values 'Es requerido elegir una opción de la lista.' - predeterminado
|
|
55711
|
+
*/
|
|
55712
|
+
suggestionSelectRequiredMessage: {
|
|
55713
|
+
type: String,
|
|
55714
|
+
default: 'Es requerido elegir una opción de la lista.'
|
|
55715
|
+
},
|
|
55695
55716
|
/**
|
|
55696
55717
|
* Selector CSS del elemento donde montar el dropdown (Teleport). Si se indica, el menú se renderiza en ese contenedor para evitar recorte por overflow; si el selector no existe se usa body como fallback.
|
|
55697
55718
|
* @values null - sin Teleport (comportamiento actual), '#main' - contenedor del layout, 'body' - fallback
|
|
@@ -55849,6 +55870,8 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
55849
55870
|
};
|
|
55850
55871
|
const props = __props;
|
|
55851
55872
|
const emit = __emit;
|
|
55873
|
+
const attrs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.useAttrs)();
|
|
55874
|
+
const hasMeaningfulPlaceholder = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => !!String(attrs?.placeholder ?? '').trim());
|
|
55852
55875
|
|
|
55853
55876
|
// Get slots
|
|
55854
55877
|
const slots = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.useSlots)();
|
|
@@ -56056,8 +56079,9 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
56056
56079
|
return baseLabelSelectedClasses.concat(dynamicLabelClasses, iconClasses);
|
|
56057
56080
|
});
|
|
56058
56081
|
const labelSelectSuggest = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
56059
|
-
const
|
|
56060
|
-
const
|
|
56082
|
+
const floated = isSuggestLabelFloatedVisual.value;
|
|
56083
|
+
const baseLabelClasses = [roundedClass.value, floated ? 'e-select__label--suggested' : 'e-select__label--default', floated ? 'e-select__label--hasInfo' : textSizeClass.value, props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer', slots.icon && !props.iconRight ? 'exos-pl-20' : ''];
|
|
56084
|
+
const dynamicLabelClasses = [errorRules.value || messageRule.value ? 'e-select__text--error' : [props.disabled ? 'e-select__text--inactive' : [hasInfo.value || hasMeaningfulPlaceholder.value ? `${props.labelColor} e-select__text--active` : `${props.labelColorNV} e-select__text--default`]]];
|
|
56061
56085
|
return baseLabelClasses.concat(dynamicLabelClasses);
|
|
56062
56086
|
});
|
|
56063
56087
|
const labelSelectDefault = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
@@ -56128,6 +56152,15 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
56128
56152
|
return validVal;
|
|
56129
56153
|
}
|
|
56130
56154
|
});
|
|
56155
|
+
const suggestionInputPlaceholder = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
56156
|
+
if (!props.suggestion) return ' ';
|
|
56157
|
+
if (hasInfo.value) return ' ';
|
|
56158
|
+
const p = attrs.placeholder;
|
|
56159
|
+
if (p == null || p === '') return ' ';
|
|
56160
|
+
if (typeof p !== 'string') return String(p);
|
|
56161
|
+
return p.trim() === '' ? ' ' : p;
|
|
56162
|
+
});
|
|
56163
|
+
const isSuggestLabelFloatedVisual = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => !!tempValueInput.value || hasInfo.value || isSelectFocused.value || hasMeaningfulPlaceholder.value);
|
|
56131
56164
|
const labelSelected = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
56132
56165
|
let label = null;
|
|
56133
56166
|
let currentValue = props.emitObject ? props.modelValue?.value : props.modelValue;
|
|
@@ -56135,10 +56168,20 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
56135
56168
|
return label?.label !== undefined ? label.label : currentValue;
|
|
56136
56169
|
});
|
|
56137
56170
|
const formatRequiredMessage = () => props.requiredMessage.replace('%label%', props.label ?? '');
|
|
56171
|
+
const formatSuggestionSelectRequiredMessage = () => props.suggestionSelectRequiredMessage.replace('%label%', props.label ?? '');
|
|
56138
56172
|
const finalRules = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
56139
56173
|
let rules = [...props.rules];
|
|
56140
56174
|
if (props.required && typeof props.modelValue !== 'boolean') {
|
|
56141
|
-
rules.unshift(val =>
|
|
56175
|
+
rules.unshift(val => {
|
|
56176
|
+
if (props.suggestion && !props.multiple) {
|
|
56177
|
+
const queryTrim = (tempValueInput.value ?? '').trim();
|
|
56178
|
+
const isSelectionEmpty = val === null || val === undefined || val === '';
|
|
56179
|
+
if (queryTrim && isSelectionEmpty) {
|
|
56180
|
+
return formatSuggestionSelectRequiredMessage();
|
|
56181
|
+
}
|
|
56182
|
+
}
|
|
56183
|
+
return val !== null && val !== undefined && val !== '' || formatRequiredMessage();
|
|
56184
|
+
});
|
|
56142
56185
|
}
|
|
56143
56186
|
return rules;
|
|
56144
56187
|
});
|
|
@@ -56856,6 +56899,11 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
56856
56899
|
validate();
|
|
56857
56900
|
}
|
|
56858
56901
|
});
|
|
56902
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.suggestionSelectRequiredMessage, () => {
|
|
56903
|
+
if (messageRule.value) {
|
|
56904
|
+
validate();
|
|
56905
|
+
}
|
|
56906
|
+
});
|
|
56859
56907
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.label, () => {
|
|
56860
56908
|
if (messageRule.value) {
|
|
56861
56909
|
validate();
|
|
@@ -56917,26 +56965,26 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
56917
56965
|
ref_key: "mainSelectComponent",
|
|
56918
56966
|
ref: mainSelectComponent,
|
|
56919
56967
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(mainContainer.value)
|
|
56920
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
56968
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1, [__props.suggestion ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
56921
56969
|
key: 0,
|
|
56922
56970
|
ref: `select__suggest__container-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(instance).uid}`,
|
|
56923
56971
|
class: "e-select__suggest__relative__container"
|
|
56924
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
|
|
56925
|
-
placeholder:
|
|
56972
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)(_ctx.$attrs, {
|
|
56973
|
+
placeholder: suggestionInputPlaceholder.value,
|
|
56926
56974
|
"data-testid": "select-suggest",
|
|
56927
56975
|
ref: `mainSelectComp-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(instance).uid}`,
|
|
56928
|
-
class:
|
|
56976
|
+
class: mainClass.value,
|
|
56929
56977
|
disabled: __props.disabled,
|
|
56930
56978
|
id: `input-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(instance).uid}`,
|
|
56931
56979
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => tempValueInput.value = $event),
|
|
56932
56980
|
maxlength: finalLength.value,
|
|
56933
|
-
style:
|
|
56981
|
+
style: inputPaddingSelectedClass.value,
|
|
56934
56982
|
readonly: __props.disabled,
|
|
56935
56983
|
onBlur: onInputBlur,
|
|
56936
56984
|
onFocus: onInputFocus,
|
|
56937
56985
|
onInput: fetchSuggestions,
|
|
56938
56986
|
onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(toggleDropdown, ["prevent"])
|
|
56939
|
-
}, null,
|
|
56987
|
+
}), null, 16, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vModelDynamic, tempValueInput.value, void 0, {
|
|
56940
56988
|
trim: true
|
|
56941
56989
|
}]]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
56942
56990
|
ref: `selectLabelSelectedSuggest-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(instance).uid}`,
|
|
@@ -56954,26 +57002,27 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
56954
57002
|
}, [(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", {
|
|
56955
57003
|
key: 0,
|
|
56956
57004
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(requiredIcon.value)
|
|
56957
|
-
}, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10,
|
|
56958
|
-
key: 1
|
|
57005
|
+
}, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 10, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_3)], 512)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
|
|
57006
|
+
key: 1
|
|
57007
|
+
}, _ctx.$attrs, {
|
|
56959
57008
|
type: "button",
|
|
56960
57009
|
"data-testid": "select-default",
|
|
56961
57010
|
ref: `mainSelectComp-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(instance).uid}`,
|
|
56962
|
-
class:
|
|
57011
|
+
class: mainClass.value,
|
|
56963
57012
|
disabled: __props.disabled,
|
|
56964
57013
|
id: `label-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(instance).uid}`,
|
|
56965
|
-
style:
|
|
57014
|
+
style: inputPaddingSelectedClass.value,
|
|
56966
57015
|
onBlur: onInputBlur,
|
|
56967
57016
|
onFocus: onInputFocus,
|
|
56968
57017
|
onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(toggleDropdown, ["prevent"])
|
|
56969
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
57018
|
+
}), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
|
|
56970
57019
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(labelSelectDefault.value)
|
|
56971
57020
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
56972
57021
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(classBoxLabel.value)
|
|
56973
57022
|
}, [(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", {
|
|
56974
57023
|
key: 0,
|
|
56975
57024
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(requiredIcon.value)
|
|
56976
|
-
}, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
57025
|
+
}, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_7, [!__props.iconRight ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon", {
|
|
56977
57026
|
key: 0
|
|
56978
57027
|
}) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
56979
57028
|
ref: `selectLabelSelectedDefault-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(instance).uid}`,
|
|
@@ -56983,7 +57032,7 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
56983
57032
|
}, {
|
|
56984
57033
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(getFormattedOptionSelected(labelSelected.value)), 1)]),
|
|
56985
57034
|
_: 1
|
|
56986
|
-
})) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)],
|
|
57035
|
+
})) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 16, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_4)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
56987
57036
|
ref: `e-select__iconsContainer-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(instance).uid}`,
|
|
56988
57037
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(iconContainer.value)
|
|
56989
57038
|
}, [showCleanBtn.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
@@ -57021,13 +57070,13 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
57021
57070
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["e-select__groupContainer__secondary", {
|
|
57022
57071
|
'exos-flex-col': group?.group
|
|
57023
57072
|
}])
|
|
57024
|
-
}, [group?.group ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p",
|
|
57073
|
+
}, [group?.group ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(group.group), 1)) : (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)(group?.options || [group], option => {
|
|
57025
57074
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
|
|
57026
57075
|
key: option.value,
|
|
57027
57076
|
"data-testid": group?.group ? 'select-option--grouped' : 'select-option--ungrouped',
|
|
57028
57077
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([group?.group ? optionsItem.value : optionsItemUngrouped.value, labelSelectedColor(option.value)]),
|
|
57029
57078
|
onClick: $event => selectOption(option)
|
|
57030
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(getFormattedOption(option)), 11,
|
|
57079
|
+
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(getFormattedOption(option)), 11, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_9);
|
|
57031
57080
|
}), 128))], 2)]);
|
|
57032
57081
|
}), 128)) : ((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, {
|
|
57033
57082
|
key: 1
|
|
@@ -57037,18 +57086,18 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
57037
57086
|
"data-testid": "select-option",
|
|
57038
57087
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([optionsItem.value, labelSelectedColor(option.value)]),
|
|
57039
57088
|
onClick: $event => selectOption(option)
|
|
57040
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(getFormattedOption(option)), 11,
|
|
57089
|
+
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(getFormattedOption(option)), 11, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_10);
|
|
57041
57090
|
}), 128)), isLazyMode.value ? ((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, {
|
|
57042
57091
|
key: 2
|
|
57043
|
-
}, [displayOptionsForDropdown.value.length === 0 && !isLoadingLazy.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p",
|
|
57092
|
+
}, [displayOptionsForDropdown.value.length === 0 && !isLoadingLazy.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.lazyEmptyText), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), isLoadingLazy.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "lazyLoading", {
|
|
57044
57093
|
key: 1
|
|
57045
|
-
}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
57094
|
+
}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)(loadingIconClass.value)), null, 16), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.loadingText), 1)])]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), hasMoreData.value && !isLoadingLazy.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
57046
57095
|
key: 2,
|
|
57047
57096
|
ref_key: "scrollSentinel",
|
|
57048
57097
|
ref: scrollSentinel,
|
|
57049
57098
|
class: "exos-h-2 exos-w-full",
|
|
57050
57099
|
"data-testid": "select-lazy-sentinel"
|
|
57051
|
-
}, null, 512)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !hasMoreData.value && displayOptionsForDropdown.value.length > 0 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p",
|
|
57100
|
+
}, null, 512)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !hasMoreData.value && displayOptionsForDropdown.value.length > 0 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_13, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.lazyAllLoadedText), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 64)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 6)], 8, ["to"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), isSelectOpened.value && !useTeleport.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
57052
57101
|
key: 3,
|
|
57053
57102
|
ref_key: "contentSelect",
|
|
57054
57103
|
ref: contentSelect,
|
|
@@ -57065,13 +57114,13 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
57065
57114
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["e-select__groupContainer__secondary", {
|
|
57066
57115
|
'exos-flex-col': group?.group
|
|
57067
57116
|
}])
|
|
57068
|
-
}, [group?.group ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p",
|
|
57117
|
+
}, [group?.group ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_14, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(group.group), 1)) : (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)(group?.options || [group], option => {
|
|
57069
57118
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
|
|
57070
57119
|
key: option.value,
|
|
57071
57120
|
"data-testid": group?.group ? 'select-option--grouped' : 'select-option--ungrouped',
|
|
57072
57121
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([group?.group ? optionsItem.value : optionsItemUngrouped.value, labelSelectedColor(option.value)]),
|
|
57073
57122
|
onClick: $event => selectOption(option)
|
|
57074
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(getFormattedOption(option)), 11,
|
|
57123
|
+
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(getFormattedOption(option)), 11, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_15);
|
|
57075
57124
|
}), 128))], 2)]);
|
|
57076
57125
|
}), 128)) : ((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, {
|
|
57077
57126
|
key: 1
|
|
@@ -57081,10 +57130,10 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
57081
57130
|
"data-testid": "select-option",
|
|
57082
57131
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([optionsItem.value, labelSelectedColor(option.value)]),
|
|
57083
57132
|
onClick: $event => selectOption(option)
|
|
57084
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(getFormattedOption(option)), 11,
|
|
57133
|
+
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(getFormattedOption(option)), 11, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_16);
|
|
57085
57134
|
}), 128)), isLazyMode.value ? ((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, {
|
|
57086
57135
|
key: 2
|
|
57087
|
-
}, [displayOptionsForDropdown.value.length === 0 && !isLoadingLazy.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p",
|
|
57136
|
+
}, [displayOptionsForDropdown.value.length === 0 && !isLoadingLazy.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_17, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.lazyEmptyText), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), isLoadingLazy.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "lazyLoading", {
|
|
57088
57137
|
key: 1
|
|
57089
57138
|
}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_18, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)(loadingIconClass.value)), null, 16), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.loadingText), 1)])]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), hasMoreData.value && !isLoadingLazy.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
57090
57139
|
key: 2,
|
|
@@ -57096,7 +57145,7 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
|
|
|
57096
57145
|
};
|
|
57097
57146
|
}
|
|
57098
57147
|
});
|
|
57099
|
-
;// CONCATENATED MODULE: ./src/ui/components/select/ESelect.vue?vue&type=script&setup=true&lang=js
|
|
57148
|
+
;// CONCATENATED MODULE: ./src/ui/components/select/ESelect.vue?vue&type=script&setup=true&inherit-attrs=false&lang=js
|
|
57100
57149
|
|
|
57101
57150
|
// EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/select/ESelect.vue?vue&type=custom&index=0&blockType=docs&lang=md
|
|
57102
57151
|
var ESelectvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(80695);
|
|
@@ -57108,10 +57157,10 @@ var ESelectvue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PURE__*
|
|
|
57108
57157
|
|
|
57109
57158
|
/* custom blocks */
|
|
57110
57159
|
;
|
|
57111
|
-
if (typeof (ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()(
|
|
57160
|
+
if (typeof (ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()(ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js)
|
|
57112
57161
|
|
|
57113
57162
|
|
|
57114
|
-
const ESelect_exports_ =
|
|
57163
|
+
const ESelect_exports_ = ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js;
|
|
57115
57164
|
|
|
57116
57165
|
/* harmony default export */ var ESelect = (ESelect_exports_);
|
|
57117
57166
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/table/ETable.vue?vue&type=script&setup=true&lang=js
|
|
@@ -60947,28 +60996,24 @@ const ETreevue_type_script_setup_true_lang_js_hoisted_3 = {
|
|
|
60947
60996
|
const ETreevue_type_script_setup_true_lang_js_hoisted_4 = ["onClick"];
|
|
60948
60997
|
const ETreevue_type_script_setup_true_lang_js_hoisted_5 = ["onClick"];
|
|
60949
60998
|
const ETreevue_type_script_setup_true_lang_js_hoisted_6 = {
|
|
60950
|
-
key: 1,
|
|
60951
|
-
class: "e-tree__checkbox"
|
|
60952
|
-
};
|
|
60953
|
-
const ETreevue_type_script_setup_true_lang_js_hoisted_7 = {
|
|
60954
60999
|
key: 0,
|
|
60955
61000
|
class: "e-tree__node-icon"
|
|
60956
61001
|
};
|
|
60957
|
-
const
|
|
61002
|
+
const ETreevue_type_script_setup_true_lang_js_hoisted_7 = {
|
|
60958
61003
|
class: "e-tree__node-label"
|
|
60959
61004
|
};
|
|
60960
|
-
const
|
|
61005
|
+
const ETreevue_type_script_setup_true_lang_js_hoisted_8 = {
|
|
60961
61006
|
class: "e-tree__node-label-text"
|
|
60962
61007
|
};
|
|
60963
|
-
const
|
|
61008
|
+
const ETreevue_type_script_setup_true_lang_js_hoisted_9 = {
|
|
60964
61009
|
key: 0,
|
|
60965
61010
|
class: "e-tree__node-label-description"
|
|
60966
61011
|
};
|
|
60967
|
-
const
|
|
61012
|
+
const ETreevue_type_script_setup_true_lang_js_hoisted_10 = {
|
|
60968
61013
|
key: 0,
|
|
60969
61014
|
class: "e-tree__node-body"
|
|
60970
61015
|
};
|
|
60971
|
-
const
|
|
61016
|
+
const ETreevue_type_script_setup_true_lang_js_hoisted_11 = {
|
|
60972
61017
|
key: 1,
|
|
60973
61018
|
class: "e-tree__children"
|
|
60974
61019
|
};
|
|
@@ -61145,6 +61190,33 @@ const ETreevue_type_script_setup_true_lang_js_hoisted_12 = {
|
|
|
61145
61190
|
if (isDisabled(node)) return;
|
|
61146
61191
|
emit('selected', node);
|
|
61147
61192
|
};
|
|
61193
|
+
|
|
61194
|
+
/**
|
|
61195
|
+
* Clic en la flecha: no propagar al wrapper (evita doble toggleNode).
|
|
61196
|
+
* Replica el comportamiento previo (toggle + selected en filas con ícono).
|
|
61197
|
+
*/
|
|
61198
|
+
const onExpandIconClick = node => {
|
|
61199
|
+
toggleNode(node);
|
|
61200
|
+
handleSelected(node);
|
|
61201
|
+
};
|
|
61202
|
+
|
|
61203
|
+
/**
|
|
61204
|
+
* Clic en título / descripción / slot: con ícono de expand y nodos con hijos,
|
|
61205
|
+
* expande o contrae además de emitir selected; sin ícono, delega en toggleNode.
|
|
61206
|
+
*/
|
|
61207
|
+
const onNodeContentClick = node => {
|
|
61208
|
+
if (isDisabled(node)) return;
|
|
61209
|
+
if (!props.showExpandIcon) {
|
|
61210
|
+
toggleNode(node);
|
|
61211
|
+
return;
|
|
61212
|
+
}
|
|
61213
|
+
if (hasChildren(node)) {
|
|
61214
|
+
toggleNode(node);
|
|
61215
|
+
handleSelected(node);
|
|
61216
|
+
} else {
|
|
61217
|
+
handleSelected(node);
|
|
61218
|
+
}
|
|
61219
|
+
};
|
|
61148
61220
|
const isExpanded = node => {
|
|
61149
61221
|
return localExpanded.value.includes(node?.value);
|
|
61150
61222
|
};
|
|
@@ -61467,16 +61539,20 @@ const ETreevue_type_script_setup_true_lang_js_hoisted_12 = {
|
|
|
61467
61539
|
"data-testid": "tree-select-cy"
|
|
61468
61540
|
}, [__props.parentNode ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
61469
61541
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([getNodeContentClasses(node), "e-tree__node-content-wrapper"]),
|
|
61470
|
-
onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event =>
|
|
61542
|
+
onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => onNodeContentClick(node), ["stop"])
|
|
61471
61543
|
}, [__props.showExpandIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
61472
61544
|
key: 0,
|
|
61473
61545
|
class: "e-tree__expand-icon",
|
|
61474
61546
|
"data-testid": "tree-toggle-cy",
|
|
61475
|
-
onClick: $event =>
|
|
61547
|
+
onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => onExpandIconClick(node), ["stop"])
|
|
61476
61548
|
}, [hasChildren(node) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_e_icon, {
|
|
61477
61549
|
key: 0,
|
|
61478
61550
|
name: isExpanded(node) ? 'sym-arrow_drop_down' : 'sym-arrow_right'
|
|
61479
|
-
}, null, 8, ["name"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 8, ETreevue_type_script_setup_true_lang_js_hoisted_5)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), __props.tickStrategy !== 'none' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div",
|
|
61551
|
+
}, null, 8, ["name"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 8, ETreevue_type_script_setup_true_lang_js_hoisted_5)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), __props.tickStrategy !== 'none' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
61552
|
+
key: 1,
|
|
61553
|
+
class: "e-tree__checkbox",
|
|
61554
|
+
onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(() => {}, ["stop"]))
|
|
61555
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_e_checkbox, {
|
|
61480
61556
|
modelValue: node?.disabled ? false : isTicked(node),
|
|
61481
61557
|
checkedIcon: getCheckIcon(node),
|
|
61482
61558
|
uncheckedIcon: getUncheckedIcon(node),
|
|
@@ -61492,14 +61568,14 @@ const ETreevue_type_script_setup_true_lang_js_hoisted_12 = {
|
|
|
61492
61568
|
allNodes: processedNodes.value
|
|
61493
61569
|
}) : ((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, {
|
|
61494
61570
|
key: 3
|
|
61495
|
-
}, [node?.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div",
|
|
61571
|
+
}, [node?.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_e_icon, {
|
|
61496
61572
|
name: node?.icon,
|
|
61497
61573
|
size: iconConfig.value.size,
|
|
61498
61574
|
color: iconConfig.value.color
|
|
61499
|
-
}, null, 8, ["name", "size", "color"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div",
|
|
61575
|
+
}, null, 8, ["name", "size", "color"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETreevue_type_script_setup_true_lang_js_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETreevue_type_script_setup_true_lang_js_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(node.label), 1), node?.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(node.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 64))], 10, ETreevue_type_script_setup_true_lang_js_hoisted_4)], 2), node?.body && (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)($slots)[`body-${node.body}`] ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, `body-${node.body}`, {
|
|
61500
61576
|
node: node,
|
|
61501
61577
|
allNodes: processedNodes.value
|
|
61502
|
-
})])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), hasChildren(node) && isExpanded(node) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div",
|
|
61578
|
+
})])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), hasChildren(node) && isExpanded(node) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_e_tree, {
|
|
61503
61579
|
nodes: node.children,
|
|
61504
61580
|
parentNode: node,
|
|
61505
61581
|
tickStrategy: __props.tickStrategy,
|
|
@@ -61508,7 +61584,7 @@ const ETreevue_type_script_setup_true_lang_js_hoisted_12 = {
|
|
|
61508
61584
|
showExpandIcon: __props.showExpandIcon,
|
|
61509
61585
|
onTicked: handleTicked,
|
|
61510
61586
|
onExpanded: handleExpanded,
|
|
61511
|
-
onSelected: _cache[
|
|
61587
|
+
onSelected: _cache[1] || (_cache[1] = $event => _ctx.$emit('selected', $event))
|
|
61512
61588
|
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createSlots)({
|
|
61513
61589
|
_: 2
|
|
61514
61590
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)($slots), (slotFn, name) => {
|