energy-components 1.17.0 → 1.19.0-beta.0
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/components/breadcrumbs.es.js +32 -29
- package/dist/components/datepicker.es.js +2725 -2662
- package/dist/components/dropdown.es.js +21 -21
- package/dist/components/{floating-ui.vue-7LKzPqHI.js → floating-ui.vue-DWAG1g94.js} +3 -3
- package/dist/components/link.es.js +51 -49
- package/dist/components/popover.es.js +47 -47
- package/dist/components/sidebar.es.js +143 -59
- package/dist/components/snackBar.es.js +37 -22
- package/dist/components/style/breadcrumbs.css +1 -1
- package/dist/components/style/datepicker.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/link.css +1 -1
- package/dist/components/style/overlay.css +1 -1
- package/dist/components/style/popover.css +1 -1
- package/dist/components/style/sidebar.css +1 -1
- package/dist/components/style/snackBar.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/style/tooltip.css +1 -1
- package/dist/components/textField.es.js +28 -26
- package/dist/components/tooltip.es.js +135 -84
- package/dist/energy-components.es.js +4967 -4748
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/feedback/snack-bar/snack-bar.vue.d.ts +13 -1
- package/dist/types/src/components/input/datepicker/datepicker.vue.d.ts +19 -4
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +2 -0
- package/dist/types/src/components/layout/sidebar/sidebar.vue.d.ts +128 -3
- package/dist/types/src/components/navigation/breadcrumbs/breadcrumbs.vue.d.ts +18 -0
- package/dist/types/src/components/navigation/link/link.vue.d.ts +10 -6
- package/dist/types/src/components/overlay/popover/popover.vue.d.ts +2 -2
- package/dist/types/src/components/overlay/tooltip/tooltip.vue.d.ts +47 -2
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-eb1307b7]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-popover[data-v-eb1307b7]{display:inline-block;position:relative}.rds-e-popover__content[data-v-eb1307b7]{background:#fff;border-radius:8px;box-shadow:0 4px 16px #00132414;padding:8px;position:absolute;z-index:1000}.rds-e-popover__content--no-styles[data-v-eb1307b7]{background:unset;border-radius:unset;box-shadow:unset;padding:unset}.rds-e-popover__list[data-v-eb1307b7]{list-style:none;margin:0;padding:0}.rds-e-popover__item[data-v-eb1307b7]{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:.6rem 1rem;transition:background .15s ease;width:100%}.rds-e-popover__item--destructive[data-v-eb1307b7],.rds-e-popover__item--destructive .rds-e-popover__item-icon[data-v-eb1307b7]{color:#de1c2e}.rds-e-popover__item-icon[data-v-eb1307b7]{margin-right:12px}.rds-e-popover__item-label[data-v-eb1307b7]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rds-e-popover__item[data-v-eb1307b7]:has(.rds-e-popover__item-icon){padding-left:.75rem}.rds-e-popover__item[data-v-eb1307b7]:hover{background:#f4f8fa}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-e66b8e96]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-sidebar[data-v-e66b8e96]{background-color:#fff;display:block;height:100%;position:relative}.rds-e-sidebar__spacer[data-v-e66b8e96]{display:block;position:relative;width:72px}.rds-e-sidebar--mobile[data-v-e66b8e96]:has(.rds-e-sidebar__sidebar--expanded){display:block;left:0;position:fixed;top:0;width:100%;z-index:400}.rds-e-sidebar--mobile:has(.rds-e-sidebar__sidebar--expanded) .rds-e-sidebar__sidebar--expanded[data-v-e66b8e96]{width:100%!important}.rds-e-sidebar__sidebar[data-v-e66b8e96]{display:block;height:100%;overflow:hidden;position:relative;--_duration: var(--rds-sidebar-transition-duration, .32s);transition:width var(--_duration) ease,box-shadow var(--_duration) ease;will-change:width}.rds-e-sidebar__sidebar__container[data-v-e66b8e96]{display:flex;flex:1;flex-direction:column;height:100%;min-width:72px}.rds-e-sidebar__sidebar--collapsed[data-v-e66b8e96]{width:72px}.rds-e-sidebar__sidebar--collapsed.rds-e-sidebar__sidebar--hide[data-v-e66b8e96]{display:none}.rds-e-sidebar__sidebar--expanded[data-v-e66b8e96]{width:256px}.rds-e-sidebar__sidebar--overlay[data-v-e66b8e96]{background-color:#fff;box-shadow:0 0 #0000;height:100%;left:0;position:absolute;top:0;z-index:400}.rds-e-sidebar__sidebar--overlay.rds-e-entering[data-v-e66b8e96],.rds-e-sidebar__sidebar--overlay.rds-e-leaving[data-v-e66b8e96]{box-shadow:0 4px 24px #0000001f}.rds-e-sidebar-fade-enter-active[data-v-e66b8e96],.rds-e-sidebar-fade-leave-active[data-v-e66b8e96]{pointer-events:none;transition:opacity var(--_duration, .32s) ease,transform var(--_duration, .32s) ease}.rds-e-sidebar-fade-enter-from[data-v-e66b8e96],.rds-e-sidebar-fade-leave-to[data-v-e66b8e96]{opacity:0;transform:translateY(4px)}.rds-e-sidebar__content[data-v-e66b8e96]{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.rds-e-sidebar__content-switch[data-v-e66b8e96]{height:100%;overflow:hidden;position:relative;width:100%}.rds-e-sidebar__section[data-v-e66b8e96]{--rds-sidebar-ease: cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--rds-sidebar-content-transition-duration, var(--_duration, .32s)) var(--rds-sidebar-ease);width:100%;will-change:opacity}.rds-e-sidebar__section--collapsed.is-active[data-v-e66b8e96],.rds-e-sidebar__section--expanded.is-active[data-v-e66b8e96]{opacity:1;pointer-events:auto;z-index:2}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-569261b8]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}@keyframes snackBarSlideUp-569261b8{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes snackBarSlideDown-569261b8{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.rds-e-snack-bar[data-v-569261b8]{animation:snackBarSlideUp-569261b8 .2s ease-in forwards;bottom:3rem;left:0;pointer-events:none;position:absolute;right:0;z-index:9999}.rds-e-snack-bar--teleported[data-v-569261b8]{bottom:0}.rds-e-snack-bar__container[data-v-569261b8]{display:flex;padding:24px;pointer-events:auto;width:100%}.rds-e-snack-bar__container .rds-e-persistent-toast[data-v-569261b8]{margin:0;width:100%}.rds-e-snack-bar.rds-e-snack-bar--hiding[data-v-569261b8]{animation:snackBarSlideDown-569261b8 .25s ease-out forwards}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-9a36ddb2]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-textfield[data-v-9a36ddb2]{min-width:292px;position:relative}.rds-e-textfield input[type=number][data-v-9a36ddb2]::-webkit-outer-spin-button,.rds-e-textfield input[type=number][data-v-9a36ddb2]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rds-e-textfield input[type=number][data-v-9a36ddb2]{-moz-appearance:textfield}.rds-e-textfield--full-width[data-v-9a36ddb2]{min-width:unset}.rds-e-textfield__container[data-v-9a36ddb2]{align-items:center;background-color:#fff;border:solid 1px #95b0c6;border-radius:.75rem;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;height:52px;justify-content:space-around;position:relative}.rds-e-textfield__container--keyboard-focus[data-v-9a36ddb2]{border:solid 1px #009BBE;box-shadow:inset 0 0 0 1px #009bbe}.rds-e-textfield:not(.rds-e-textfield--disabled):hover .rds-e-textfield__container[data-v-9a36ddb2]{border:solid 1px #001e37;cursor:pointer}.rds-e-textfield__container--active[data-v-9a36ddb2]{border:solid 1px #001e37;color:#001e37;outline:none}.rds-e-textfield--error .rds-e-textfield__container[data-v-9a36ddb2]{border:solid 1px #dE1c2e}.rds-e-textfield--disabled .rds-e-textfield__container[data-v-9a36ddb2]{opacity:.3;cursor:not-allowed;pointer-events:none}.rds-e-textfield__input-container[data-v-9a36ddb2]{display:flex;flex-direction:column;overflow:hidden;padding:1px;position:relative;width:100%}.rds-e-textfield__label[data-v-9a36ddb2]{font:.875rem/1.25rem RepsolSoleTextRegular;color:#43637d;left:.75rem;max-width:90%;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;text-wrap:nowrap;top:14px;transition:all .2s ease-in-out}.rds-e-textfield--error .rds-e-textfield__label[data-v-9a36ddb2]{color:#de1c2e}.rds-e-textfield__input:not([readonly]):focus+.rds-e-textfield__label[data-v-9a36ddb2],.rds-e-textfield--filled .rds-e-textfield__label[data-v-9a36ddb2]{font:.75rem/1rem RepsolSoleTextRegular;left:.8125rem;top:4px}@keyframes onAutoFillStart-9a36ddb2{}.rds-e-textfield__input[data-v-9a36ddb2]{font:.875rem/1.25rem RepsolSoleTextRegular;border:none;border-radius:.75rem;color:#001e37;height:48px;overflow:auto;padding:.75rem 1rem 0rem .75rem;text-overflow:ellipsis}.rds-e-textfield:not(.rds-e-textfield--full-width) .rds-e-textfield__input[data-v-9a36ddb2]{min-width:fit-content}.rds-e-textfield__input[data-v-9a36ddb2]::-ms-reveal,.rds-e-textfield__input[data-v-9a36ddb2]::-ms-clear{display:none}.rds-e-textfield__input[data-v-9a36ddb2]:hover,.rds-e-textfield__input[data-v-9a36ddb2]:focus-visible,.rds-e-textfield__input[data-v-9a36ddb2]:active,.rds-e-textfield__input[data-v-9a36ddb2]:disabled{border:0!important;box-shadow:none;cursor:pointer;outline:0!important}.rds-e-textfield__input[data-v-9a36ddb2]:-webkit-autofill{animation-duration:.01s;animation-iteration-count:1;animation-name:onAutoFillStart-9a36ddb2;-webkit-box-shadow:0 0 0 5000px #ffffff inset}.rds-e-textfield__input--error[data-v-9a36ddb2]{border:solid 1px #dE1c2e}.rds-e-textfield__icon[data-v-9a36ddb2]{align-items:center;display:flex;height:1.5rem;justify-content:center;min-height:unset;min-width:unset;opacity:1;padding:0;position:relative;transform:scale(1);transition:opacity .3s ease,transform .3s ease,width .3s ease,margin .3s ease;width:1.5rem}.rds-e-textfield__icon--hidden[data-v-9a36ddb2]{margin-left:0;opacity:0;pointer-events:none;transform:scale(.8);width:0}.rds-e-textfield__icon--left[data-v-9a36ddb2]{color:#43637d;margin-left:.875rem}.rds-e-textfield__icon--right[data-v-9a36ddb2]{color:#001e37;margin-right:.875rem}.rds-e-textfield__icon--loading[data-v-9a36ddb2]{animation:spin-9a36ddb2 2s linear infinite;color:#43637d;margin-left:.875rem}.rds-e-textfield__input:focus+.rds-e-textfield__icon[data-v-9a36ddb2]{color:#006a82}.rds-e-textfield--error .rds-e-textfield__icon[data-v-9a36ddb2]{color:#de1c2e}.rds-e-textfield--error .rds-e-textfield__icon--clear[data-v-9a36ddb2],.rds-e-textfield--error .rds-e-textfield__icon--password[data-v-9a36ddb2]{color:#43637d}.rds-e-textfield__helper[data-v-9a36ddb2]{font:.875rem/1.125rem RepsolSoleTextRegular;color:#43637d;padding:.125rem;text-align:left}.rds-e-textfield__helper--error[data-v-9a36ddb2]{color:#de1c2e}@keyframes spin-9a36ddb2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-5a12657d]:root{--rds-caption-01: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-01-bold: .875rem/1.125rem RepsolSoleTextBold;--rds-caption-01-underline: .875rem/1.125rem RepsolSoleTextRegular;--rds-caption-02: .75rem/1rem RepsolSoleTextRegular;--rds-caption-02-bold: .75rem/1rem RepsolSoleTextBold;--rds-caption-02-underline: .75rem/1rem RepsolSoleTextRegular;--rds-caption-tag: .75rem/1rem RepsolSoleTextRegular;--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;--rds-body-02: .875rem/1.25rem RepsolSoleTextRegular;--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;--rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;--rds-body-02-bold: .875rem/1.25rem RepsolSoleTextBold;--rds-body-02-underline: .875rem/1.25rem RepsolSoleTextRegular;--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;--rds-button-02: .875rem/1.25rem RepsolSoleTextBold;--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;--rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-md: 1.125rem/1.625rem RepsolSoleDisplayRegular;--rds-headline-04-ld: 1.25rem/1.75rem RepsolSoleDisplayRegular;--rds-headline-04-xd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-00-sd: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;--rds-numbers-00-ld: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-00-xd: 7rem/8.5rem RepsolSoleDisplayRegular;--rds-numbers-01-sd: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-md: 2.25rem/2.75rem RepsolSoleDisplayRegular;--rds-numbers-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-01-xd: 3rem/3.75rem RepsolSoleDisplayRegular;--rds-numbers-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-02-ld: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-02-xd: 2.5rem/3rem RepsolSoleDisplayRegular;--rds-numbers-03-sd: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;--rds-numbers-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;--rds-numbers-03-xd: 1.75rem/2.25rem RepsolSoleDisplayRegular}.rds-e-tooltip__trigger[data-v-5a12657d]{cursor:pointer;display:flex;width:fit-content}.rds-e-tooltip__icon[data-v-5a12657d]{color:#fff;font-size:14px;padding-top:6px}.rds-e-tooltip__header[data-v-5a12657d]{display:flex;justify-content:space-between;padding-bottom:4px}.rds-e-tooltip__header .rds-e-icon[data-v-5a12657d]{cursor:pointer}.rds-e-tooltip__title[data-v-5a12657d]{color:#fff;font:1rem/1.5rem RepsolSoleTextBold}.rds-e-tooltip__content[data-v-5a12657d]{font:.875rem/1.25rem RepsolSoleTextRegular;color:#fff;text-align:left}.rds-e-tooltip__tooltip[data-v-5a12657d]{background:#001e37;border-radius:8px;box-shadow:0 0 0 1px #95b0c6;color:#fff;left:0;max-width:343px;padding:4px;position:absolute;top:0;z-index:1000}.rds-e-tooltip__tooltip--inverse[data-v-5a12657d]{background:#fff;box-shadow:0 1px 6px #00132414,inset 0 0 0 1px #dbe6f0;color:#43637d}.rds-e-tooltip__tooltip--inverse .rds-e-tooltip__icon[data-v-5a12657d],.rds-e-tooltip__tooltip--inverse .rds-e-tooltip__title[data-v-5a12657d],.rds-e-tooltip__tooltip--inverse .rds-e-tooltip__content[data-v-5a12657d]{color:#001e37}.rds-e-tooltip__tooltip--inverse .rds-e-tooltip__tooltip-arrow[data-v-5a12657d]{background-color:#fff;box-shadow:1px 1px 3px -1px #3333331a,inset -1px -1px #dbe6f0}.rds-e-tooltip__tooltip--large[data-v-5a12657d]{padding:8px}.rds-e-tooltip__tooltip-hidden[data-v-5a12657d]{display:none}.rds-e-tooltip__tooltip-arrow[data-v-5a12657d]{background-color:#001e37;border-radius:1px;box-shadow:1px 1px 3px -1px #3333331a,inset -1px -1px #95b0c6;height:8px;position:absolute;transform:rotateY(0) rotate(-130deg);width:8px}.rds-e-tooltip__tooltip-arrow--top[data-v-5a12657d]{transform:rotateY(0) rotate(45deg)}.rds-e-tooltip__tooltip-arrow--bottom[data-v-5a12657d]{transform:rotateY(0) rotate(-135deg)}.rds-e-tooltip__tooltip-arrow--left[data-v-5a12657d]{transform:rotateY(0) rotate(-45deg)}.rds-e-tooltip__tooltip-arrow--right[data-v-5a12657d]{transform:rotateY(0) rotate(-225deg)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as re, toRefs as ie, ref as f, computed as v, watch as A, onMounted as ue, onBeforeUnmount as de, createElementBlock as V, openBlock as p, normalizeClass as S, createElementVNode as g, createCommentVNode as y, renderSlot as B, createBlock as E, mergeProps as M, toHandlers as ce, unref as
|
|
1
|
+
import { defineComponent as re, toRefs as ie, ref as f, computed as v, watch as A, onMounted as ue, onBeforeUnmount as de, createElementBlock as V, openBlock as p, normalizeClass as S, createElementVNode as g, createCommentVNode as y, renderSlot as B, createBlock as E, mergeProps as M, toHandlers as ce, unref as c, toDisplayString as K, withModifiers as fe } from "vue";
|
|
2
2
|
import { g as ve } from "./getInstance-GhoEcxLF.js";
|
|
3
3
|
import { R as T, s as pe } from "./icon-svg-arye8CV8.js";
|
|
4
4
|
import { _ as me } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -153,15 +153,15 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
|
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
},
|
|
156
|
-
emits: ["update:modelValue", "keydown", "keyup", "keypress", "change"],
|
|
156
|
+
emits: ["update:modelValue", "clear", "keydown", "keyup", "keypress", "change"],
|
|
157
157
|
setup(t, { expose: s, emit: r }) {
|
|
158
|
-
const n = t,
|
|
158
|
+
const n = t, i = r, {
|
|
159
159
|
type: m,
|
|
160
160
|
label: P,
|
|
161
161
|
disabled: N,
|
|
162
162
|
maxLength: j,
|
|
163
163
|
minLength: q,
|
|
164
|
-
modelValue:
|
|
164
|
+
modelValue: u,
|
|
165
165
|
icon: W,
|
|
166
166
|
rightIcon: O,
|
|
167
167
|
helper: U,
|
|
@@ -176,16 +176,16 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
|
|
|
176
176
|
return G.value;
|
|
177
177
|
}), Z = (e) => {
|
|
178
178
|
const l = e.target;
|
|
179
|
-
let
|
|
179
|
+
let d = l.value;
|
|
180
180
|
if (m.value === "number")
|
|
181
181
|
if (l.value.trim() === "")
|
|
182
|
-
|
|
182
|
+
d = null;
|
|
183
183
|
else {
|
|
184
184
|
const R = Number.parseFloat(l.value);
|
|
185
|
-
|
|
185
|
+
d = Number.isNaN(R) ? l.value : R;
|
|
186
186
|
}
|
|
187
|
-
else l.value === "" &&
|
|
188
|
-
|
|
187
|
+
else l.value === "" && u.value === null && (d = null);
|
|
188
|
+
i("update:modelValue", d);
|
|
189
189
|
}, ee = () => {
|
|
190
190
|
w.value = !0;
|
|
191
191
|
}, C = () => {
|
|
@@ -193,23 +193,23 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
|
|
|
193
193
|
}, $ = () => {
|
|
194
194
|
x.value = !0, b.value = !w.value, w.value = !1;
|
|
195
195
|
}, te = (e) => {
|
|
196
|
-
|
|
196
|
+
i("keydown", e);
|
|
197
197
|
}, le = (e) => {
|
|
198
|
-
|
|
198
|
+
i("keyup", e);
|
|
199
199
|
}, ae = (e) => {
|
|
200
|
-
|
|
200
|
+
i("keypress", e);
|
|
201
201
|
}, ne = (e) => {
|
|
202
|
-
|
|
202
|
+
i("change", e);
|
|
203
203
|
}, oe = v(() => {
|
|
204
204
|
if (L.value) return !0;
|
|
205
|
-
const e =
|
|
205
|
+
const e = u.value === null || u.value === void 0 ? "" : String(u.value);
|
|
206
206
|
return e.length > 0 && (e.length < q.value || m.value !== "number" && e.length > j.value);
|
|
207
207
|
}), se = v(() => {
|
|
208
208
|
const e = [];
|
|
209
|
-
return k.value !== "" && e.push(k.value),
|
|
209
|
+
return k.value !== "" && e.push(k.value), u.value !== null && String(u.value).length > 0 && e.push("rds-e-textfield--filled"), oe.value && e.push("rds-e-textfield--error"), N.value && e.push("rds-e-textfield--disabled"), J.value && e.push("rds-e-textfield--full-width"), e.join(" ");
|
|
210
210
|
});
|
|
211
211
|
A(
|
|
212
|
-
() =>
|
|
212
|
+
() => u.value,
|
|
213
213
|
(e) => {
|
|
214
214
|
e !== null && String(e).length > 0 && (k.value = "");
|
|
215
215
|
}
|
|
@@ -253,7 +253,9 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
|
|
|
253
253
|
name: "close",
|
|
254
254
|
class: "rds-e-textfield__icon--clear",
|
|
255
255
|
events: {
|
|
256
|
-
click: () =>
|
|
256
|
+
click: () => {
|
|
257
|
+
i("update:modelValue", ""), i("clear");
|
|
258
|
+
}
|
|
257
259
|
}
|
|
258
260
|
}
|
|
259
261
|
} : l;
|
|
@@ -267,8 +269,8 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
|
|
|
267
269
|
const l = pe.includes(e);
|
|
268
270
|
return l || console.warn(`[RDSTextfield]: El icono "${e}" no es un icono válido.`), l;
|
|
269
271
|
}, F = (e) => {
|
|
270
|
-
var
|
|
271
|
-
((
|
|
272
|
+
var d;
|
|
273
|
+
((d = a.value) == null ? void 0 : d.matches(":-webkit-autofill")) && e.animationName.startsWith("onAutoFillStart") && (k.value = "rds-e-textfield--filled");
|
|
272
274
|
};
|
|
273
275
|
return ue(() => {
|
|
274
276
|
a.value && a.value.addEventListener("animationstart", F);
|
|
@@ -312,7 +314,7 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
|
|
|
312
314
|
class: "rds-e-textfield__input",
|
|
313
315
|
maxlength: n.type === "number" ? void 0 : n.maxLength,
|
|
314
316
|
minlength: n.type === "number" ? void 0 : n.minLength,
|
|
315
|
-
disabled:
|
|
317
|
+
disabled: c(N),
|
|
316
318
|
value: n.modelValue === null ? "" : n.modelValue,
|
|
317
319
|
autocomplete: Y.value,
|
|
318
320
|
readonly: t.readonly,
|
|
@@ -326,8 +328,8 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
|
|
|
326
328
|
}, null, 40, ge),
|
|
327
329
|
g("label", {
|
|
328
330
|
for: I.value,
|
|
329
|
-
class: S(["rds-e-textfield__label",
|
|
330
|
-
}, K(
|
|
331
|
+
class: S(["rds-e-textfield__label", c(N) ? "rds-e-textfield__label--disabled" : ""])
|
|
332
|
+
}, K(c(P)), 11, ye)
|
|
331
333
|
]),
|
|
332
334
|
o.value.right.name || e.$slots["right-icon"] ? (p(), V("span", _e, [
|
|
333
335
|
B(e.$slots, "right-icon", {}, () => [
|
|
@@ -341,16 +343,16 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
|
|
|
341
343
|
], !0)
|
|
342
344
|
])) : y("", !0)
|
|
343
345
|
], 34),
|
|
344
|
-
|
|
346
|
+
c(U) || c(L) ? (p(), V("div", xe, [
|
|
345
347
|
B(e.$slots, "helper-text", {}, () => [
|
|
346
348
|
g("span", {
|
|
347
|
-
class: S(
|
|
348
|
-
}, K(
|
|
349
|
+
class: S(c(L) ? "rds-e-textfield__helper--error" : "")
|
|
350
|
+
}, K(c(z)), 3)
|
|
349
351
|
], !0)
|
|
350
352
|
])) : y("", !0)
|
|
351
353
|
], 2));
|
|
352
354
|
}
|
|
353
|
-
}), Le = /* @__PURE__ */ me(be, [["__scopeId", "data-v-
|
|
355
|
+
}), Le = /* @__PURE__ */ me(be, [["__scopeId", "data-v-9a36ddb2"]]);
|
|
354
356
|
export {
|
|
355
357
|
Le as default
|
|
356
358
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { c as
|
|
3
|
-
import { R as
|
|
4
|
-
import { _ as
|
|
5
|
-
import './style/tooltip.css';const
|
|
1
|
+
import { defineComponent as J, toRefs as K, ref as r, computed as _, onBeforeUnmount as Q, createElementBlock as y, openBlock as c, createElementVNode as p, createBlock as Z, renderSlot as C, Teleport as ee, normalizeClass as M, createCommentVNode as D, unref as N, createVNode as te, toDisplayString as O, createTextVNode as oe, nextTick as le } from "vue";
|
|
2
|
+
import { a as ae, c as se, o as ie, f as re, s as ne, b as de, d as ue } from "./floating-ui.vue-DWAG1g94.js";
|
|
3
|
+
import { R as ce } from "./icon-svg-arye8CV8.js";
|
|
4
|
+
import { _ as pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
+
import './style/tooltip.css';const fe = ["id"], me = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "rds-e-tooltip__header"
|
|
8
|
-
},
|
|
8
|
+
}, ve = { class: "rds-e-tooltip__title" }, he = { class: "rds-e-tooltip__content" }, _e = /* @__PURE__ */ J({
|
|
9
9
|
__name: "tooltip",
|
|
10
10
|
props: {
|
|
11
11
|
/**
|
|
@@ -41,7 +41,6 @@ import './style/tooltip.css';const Z = ["id"], ee = {
|
|
|
41
41
|
large: {
|
|
42
42
|
type: Boolean,
|
|
43
43
|
default: !1
|
|
44
|
-
// Aquí se necesita aclaración, ya que en el original se menciona 'size: 'large'', pero no se define un default para 'large'
|
|
45
44
|
},
|
|
46
45
|
/**
|
|
47
46
|
* <span>Especifica si el tooltip debe ocupar el ancho completo</span>
|
|
@@ -77,6 +76,27 @@ import './style/tooltip.css';const Z = ["id"], ee = {
|
|
|
77
76
|
hideArrow: {
|
|
78
77
|
type: Boolean,
|
|
79
78
|
default: !1
|
|
79
|
+
},
|
|
80
|
+
/**
|
|
81
|
+
* <span>Delay (ms) para ocultar el tooltip tras abandonar el trigger o el propio tooltip. Máximo 3000ms.</span>
|
|
82
|
+
*/
|
|
83
|
+
hideDelay: {
|
|
84
|
+
type: Number,
|
|
85
|
+
default: 0
|
|
86
|
+
},
|
|
87
|
+
/**
|
|
88
|
+
* <span>Actualiza la posición automáticamente en scroll/resize/mutaciones</span>
|
|
89
|
+
*/
|
|
90
|
+
autoUpdate: {
|
|
91
|
+
type: Boolean,
|
|
92
|
+
default: !0
|
|
93
|
+
},
|
|
94
|
+
/**
|
|
95
|
+
* <span>Selector para teleport (ej: 'body', '#modal-container'). Si no se especifica se renderiza inline.</span>
|
|
96
|
+
*/
|
|
97
|
+
teleportTo: {
|
|
98
|
+
type: String,
|
|
99
|
+
default: null
|
|
80
100
|
}
|
|
81
101
|
},
|
|
82
102
|
emits: [
|
|
@@ -91,114 +111,145 @@ import './style/tooltip.css';const Z = ["id"], ee = {
|
|
|
91
111
|
*/
|
|
92
112
|
"hide"
|
|
93
113
|
],
|
|
94
|
-
setup(l, { expose:
|
|
95
|
-
const
|
|
114
|
+
setup(l, { expose: E, emit: H }) {
|
|
115
|
+
const a = l, n = H, { large: g, fullWidth: V, title: s, inverse: j } = K(a), d = r(), i = r(), f = r(), e = r(!0), T = r("");
|
|
116
|
+
let o = null, m = !1, v = !1, t = null;
|
|
117
|
+
const x = _(() => Math.min(Math.max(a.hideDelay, 0), 3e3)), I = _(() => ({
|
|
96
118
|
"rds-e-tooltip__tooltip": !0,
|
|
97
119
|
"rds-e-tooltip__tooltip-hidden": e.value,
|
|
98
|
-
"rds-e-tooltip__tooltip--large":
|
|
99
|
-
"rds-e-tooltip__tooltip--inverse":
|
|
100
|
-
})),
|
|
101
|
-
const { x:
|
|
102
|
-
|
|
103
|
-
|
|
120
|
+
"rds-e-tooltip__tooltip--large": g.value,
|
|
121
|
+
"rds-e-tooltip__tooltip--inverse": j.value
|
|
122
|
+
})), w = async () => {
|
|
123
|
+
const { x: u, y: k, middlewareData: F, placement: B } = await se(
|
|
124
|
+
d.value,
|
|
125
|
+
i.value,
|
|
104
126
|
{
|
|
105
|
-
placement:
|
|
127
|
+
placement: a.placement,
|
|
106
128
|
middleware: [
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
apply({ availableHeight:
|
|
112
|
-
Object.assign(
|
|
113
|
-
maxWidth:
|
|
129
|
+
ie(a.offsetSpace),
|
|
130
|
+
re(),
|
|
131
|
+
ne(),
|
|
132
|
+
de({
|
|
133
|
+
apply({ availableHeight: Y, availableWidth: q, elements: G }) {
|
|
134
|
+
Object.assign(G.floating.style, {
|
|
135
|
+
maxWidth: V.value ? `${Math.max(0, q)}px` : "380px",
|
|
114
136
|
width: "max-content",
|
|
115
|
-
maxHeight: `${Math.max(0,
|
|
137
|
+
maxHeight: `${Math.max(0, Y)}px`
|
|
116
138
|
});
|
|
117
139
|
}
|
|
118
140
|
}),
|
|
119
|
-
|
|
120
|
-
element:
|
|
121
|
-
padding:
|
|
141
|
+
ue({
|
|
142
|
+
element: f.value,
|
|
143
|
+
padding: g.value ? 16 : 8
|
|
122
144
|
})
|
|
123
145
|
]
|
|
124
146
|
}
|
|
125
147
|
);
|
|
126
|
-
Object.assign(
|
|
127
|
-
left: `${
|
|
128
|
-
top: `${
|
|
148
|
+
Object.assign(i.value.style, {
|
|
149
|
+
left: `${u}px`,
|
|
150
|
+
top: `${k}px`
|
|
129
151
|
});
|
|
130
|
-
const { x, y:
|
|
152
|
+
const { x: R, y: $ } = F.arrow, X = {
|
|
131
153
|
left: "right",
|
|
132
154
|
right: "left",
|
|
133
155
|
bottom: "top",
|
|
134
156
|
top: "bottom"
|
|
135
157
|
};
|
|
136
|
-
|
|
137
|
-
left:
|
|
138
|
-
top:
|
|
158
|
+
T.value = `rds-e-tooltip__tooltip-arrow--${B}`, Object.assign(f.value.style, {
|
|
159
|
+
left: R != null ? `${R}px` : "",
|
|
160
|
+
top: $ != null ? `${$}px` : "",
|
|
139
161
|
bottom: "",
|
|
140
162
|
right: "",
|
|
141
|
-
[
|
|
163
|
+
[X[B.split("-")[0]]]: "-4px"
|
|
142
164
|
});
|
|
143
|
-
},
|
|
144
|
-
|
|
145
|
-
},
|
|
146
|
-
s.
|
|
147
|
-
V();
|
|
148
|
-
}));
|
|
165
|
+
}, U = () => {
|
|
166
|
+
clearTimeout(o), e.value ? e.value = !0 : (e.value = !0, n("hide"));
|
|
167
|
+
}, S = () => {
|
|
168
|
+
s != null && s.value || (e.value ? e.value = !0 : (e.value = !0, n("hide"))), clearTimeout(o);
|
|
149
169
|
}, h = () => {
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
170
|
+
a.suppressed || (clearTimeout(o), e.value = !1, n("show"), le(() => {
|
|
171
|
+
w(), a.autoUpdate && d.value && i.value && (t == null || t(), t = ae(
|
|
172
|
+
d.value,
|
|
173
|
+
i.value,
|
|
174
|
+
() => {
|
|
175
|
+
w();
|
|
176
|
+
}
|
|
177
|
+
));
|
|
178
|
+
}));
|
|
179
|
+
}, W = () => {
|
|
180
|
+
v = !0, h();
|
|
181
|
+
}, z = () => {
|
|
182
|
+
v = !1, o = setTimeout(() => {
|
|
183
|
+
m || S();
|
|
184
|
+
}, x.value);
|
|
185
|
+
}, A = () => {
|
|
186
|
+
m = !0, clearTimeout(o);
|
|
187
|
+
}, L = () => {
|
|
188
|
+
m = !1, v || (o = setTimeout(() => {
|
|
189
|
+
S();
|
|
190
|
+
}, x.value));
|
|
191
|
+
}, b = () => {
|
|
192
|
+
e.value || (e.value = !0, n("hide"), t && (t(), t = null));
|
|
193
|
+
}, P = () => {
|
|
194
|
+
b();
|
|
153
195
|
};
|
|
154
|
-
return
|
|
155
|
-
show:
|
|
156
|
-
hide:
|
|
157
|
-
isOpen:
|
|
158
|
-
}), (
|
|
196
|
+
return E({
|
|
197
|
+
show: h,
|
|
198
|
+
hide: b,
|
|
199
|
+
isOpen: _(() => !e.value)
|
|
200
|
+
}), Q(() => {
|
|
201
|
+
clearTimeout(o), t && (t(), t = null);
|
|
202
|
+
}), (u, k) => (c(), y("div", {
|
|
159
203
|
id: l.id,
|
|
160
204
|
class: "rds-e-tooltip"
|
|
161
205
|
}, [
|
|
162
|
-
|
|
206
|
+
p("div", {
|
|
163
207
|
ref_key: "referenceRef",
|
|
164
|
-
ref:
|
|
208
|
+
ref: d,
|
|
165
209
|
class: "rds-e-tooltip__trigger",
|
|
166
|
-
onBlur:
|
|
167
|
-
onFocus:
|
|
168
|
-
onMouseenter:
|
|
169
|
-
onMouseleave:
|
|
210
|
+
onBlur: U,
|
|
211
|
+
onFocus: h,
|
|
212
|
+
onMouseenter: W,
|
|
213
|
+
onMouseleave: z
|
|
170
214
|
}, [
|
|
171
|
-
|
|
215
|
+
C(u.$slots, "default", {}, void 0, !0)
|
|
172
216
|
], 544),
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
class: R(O.value)
|
|
217
|
+
(c(), Z(ee, {
|
|
218
|
+
to: l.teleportTo,
|
|
219
|
+
disabled: !l.teleportTo
|
|
177
220
|
}, [
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
221
|
+
p("div", {
|
|
222
|
+
ref_key: "floatingRef",
|
|
223
|
+
ref: i,
|
|
224
|
+
class: M(I.value),
|
|
225
|
+
onMouseenter: A,
|
|
226
|
+
onMouseleave: L
|
|
227
|
+
}, [
|
|
228
|
+
N(s) ? (c(), y("div", me, [
|
|
229
|
+
p("h3", ve, O(N(s)), 1),
|
|
230
|
+
te(ce, {
|
|
231
|
+
name: "close",
|
|
232
|
+
"aria-hidden": "true",
|
|
233
|
+
class: "rds-e-tooltip__icon",
|
|
234
|
+
onClick: P
|
|
235
|
+
})
|
|
236
|
+
])) : D("", !0),
|
|
237
|
+
p("div", he, [
|
|
238
|
+
C(u.$slots, "tooltip-content", {}, () => [
|
|
239
|
+
oe(O(l.content), 1)
|
|
240
|
+
], !0)
|
|
241
|
+
]),
|
|
242
|
+
l.hideArrow ? D("", !0) : (c(), y("div", {
|
|
243
|
+
key: 1,
|
|
244
|
+
ref_key: "arrowRef",
|
|
245
|
+
ref: f,
|
|
246
|
+
class: M(["rds-e-tooltip__tooltip-arrow", T.value])
|
|
247
|
+
}, null, 2))
|
|
248
|
+
], 34)
|
|
249
|
+
], 8, ["to", "disabled"]))
|
|
250
|
+
], 8, fe));
|
|
200
251
|
}
|
|
201
|
-
}),
|
|
252
|
+
}), we = /* @__PURE__ */ pe(_e, [["__scopeId", "data-v-5a12657d"]]);
|
|
202
253
|
export {
|
|
203
|
-
|
|
254
|
+
we as default
|
|
204
255
|
};
|