energy-components 1.23.0 → 2.0.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/README.md +21 -6
- package/dist/components/accordion.es.js +17 -17
- package/dist/components/avatar.es.js +7 -7
- package/dist/components/breadcrumbs.es.js +32 -32
- package/dist/components/button.es.js +24 -24
- package/dist/components/checkbox.es.js +14 -17
- package/dist/components/collapsable.es.js +1 -1
- package/dist/components/{collapsable.scss_vue_type_style_index_0_src_true_lang-f-OHx-l3.js → collapsable.scss_vue_type_style_index_0_src_true_lang-BERfoghR.js} +10 -10
- package/dist/components/datepicker.es.js +4644 -4639
- package/dist/components/directAccess.es.js +45 -50
- package/dist/components/dragAndDrop.es.js +44 -46
- package/dist/components/dropdown.es.js +154 -163
- package/dist/components/fileUploadItem.es.js +18 -18
- package/dist/components/filterChip.es.js +9 -9
- package/dist/components/filterTag.es.js +7 -7
- package/dist/components/{floating-ui.vue-DHEoOe5S.js → floating-ui.vue-C-DgKOwt.js} +1 -1
- package/dist/components/functions-D3GA3OzJ.js +24 -0
- package/dist/components/icon-svg-DxlNo61Q.js +869 -0
- package/dist/components/iconList.es.js +25 -29
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +46 -46
- package/dist/components/indicator.es.js +27 -28
- package/dist/components/infoBox.es.js +17 -17
- package/dist/components/link.es.js +82 -85
- package/dist/components/modal.es.js +20 -20
- package/dist/components/multiselect.es.js +54 -55
- package/dist/components/overlay.es.js +20 -15
- package/dist/components/pagination.es.js +111 -111
- package/dist/components/persistentToast.es.js +11 -11
- package/dist/components/popover.es.js +18 -18
- package/dist/components/popoverMenu.es.js +22 -22
- package/dist/components/progressBar.es.js +8 -8
- package/dist/components/quantitySelector.es.js +12 -12
- package/dist/components/radioButton.es.js +26 -26
- package/dist/components/selectionChip.es.js +5 -5
- package/dist/components/sidedrawer.es.js +19 -19
- package/dist/components/style/accordionGroup.css +1 -1
- package/dist/components/style/actionButton.css +1 -1
- package/dist/components/style/button.css +1 -1
- package/dist/components/style/checkbox.css +1 -1
- package/dist/components/style/datepicker.css +1 -1
- package/dist/components/style/directAccess.css +1 -1
- package/dist/components/style/dragAndDrop.css +1 -1
- package/dist/components/style/filterChip.css +1 -1
- package/dist/components/style/icon-svg.css +1 -1
- package/dist/components/style/iconList.css +1 -1
- package/dist/components/style/link.css +1 -1
- package/dist/components/style/modal.css +1 -1
- package/dist/components/style/overlay.css +1 -1
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/persistentToast.css +1 -1
- package/dist/components/style/selectionChip.css +1 -1
- package/dist/components/style/sidedrawer.css +1 -1
- package/dist/components/style/tabBar.css +1 -1
- package/dist/components/style/tableslotedcomponent.css +1 -1
- package/dist/components/switch.es.js +9 -9
- package/dist/components/tabBar.es.js +32 -33
- package/dist/components/tablepaginatedcomponent.es.js +35 -36
- package/dist/components/tableslotedcomponent.es.js +116 -121
- package/dist/components/tag.es.js +6 -6
- package/dist/components/textArea.es.js +103 -106
- package/dist/components/textField.es.js +21 -22
- package/dist/components/toggle.es.js +23 -23
- package/dist/components/tooltip.es.js +59 -59
- package/dist/energy-components.css +1 -0
- package/dist/energy-components.es.js +8931 -24801
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/icon-svg/icon-list.d.ts +8 -9
- package/dist/types/src/components/input/filter-chip/filter-chip.vue.d.ts +2 -2
- package/dist/types/src/components/input/selection-chip/selection-chip.vue.d.ts +2 -2
- package/dist/types/src/components/navigation/direct-access/direct-access.vue.d.ts +2 -2
- package/dist/types/src/components/navigation/link/link.vue.d.ts +5 -8
- package/dist/types/src/components/overlay/modal/modal.vue.d.ts +1 -1
- package/dist/types/src/helpers/functions.d.ts +1 -0
- package/dist/types/style.d.ts +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +24 -17
- package/dist/components/functions-DIHwdgF0.js +0 -18
- package/dist/components/icon-svg-K8-vLJgV.js +0 -16718
- package/dist/composables/index.es.js +0 -37
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-700569b6]: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-monospaced-body-01: 1rem/1.5rem SourceCodeProRegular;--rds-monospaced-body-01-bold: 1rem/1.5rem SourceCodeProBold;--rds-monospaced-body-02: .875rem/1.25rem SourceCodeProRegular;--rds-monospaced-body-02-bold: .875rem/1.25rem SourceCodeProBold;--rds-monospaced-caption-01: .875rem/1.125rem SourceCodeProRegular;--rds-monospaced-caption-01-bold: .875rem/1.125rem SourceCodeProBold;--rds-monospaced-caption-02: .75rem/1rem SourceCodeProRegular;--rds-monospaced-caption-02-bold: .75rem/1rem SourceCodeProBold;--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-top-bar[data-v-700569b6]{position:relative}.rds-e-top-bar__icon[data-v-700569b6]{color:#001e37}.rds-e-top-bar__button[data-v-700569b6]{align-items:center;cursor:pointer;display:flex;height:3.125rem;justify-content:center;padding:.625rem 1rem;position:absolute;top:0;width:3.125rem;z-index:1}.rds-e-top-bar__button--left[data-v-700569b6]{background:linear-gradient(270deg,#fff0,#ffffffde 24.83%,#fff 42.49
|
|
1
|
+
[data-v-700569b6]: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-monospaced-body-01: 1rem/1.5rem SourceCodeProRegular;--rds-monospaced-body-01-bold: 1rem/1.5rem SourceCodeProBold;--rds-monospaced-body-02: .875rem/1.25rem SourceCodeProRegular;--rds-monospaced-body-02-bold: .875rem/1.25rem SourceCodeProBold;--rds-monospaced-caption-01: .875rem/1.125rem SourceCodeProRegular;--rds-monospaced-caption-01-bold: .875rem/1.125rem SourceCodeProBold;--rds-monospaced-caption-02: .75rem/1rem SourceCodeProRegular;--rds-monospaced-caption-02-bold: .75rem/1rem SourceCodeProBold;--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-top-bar[data-v-700569b6]{position:relative}.rds-e-top-bar__icon[data-v-700569b6]{color:#001e37}.rds-e-top-bar__button[data-v-700569b6]{align-items:center;cursor:pointer;display:flex;height:3.125rem;justify-content:center;padding:.625rem 1rem;position:absolute;top:0;width:3.125rem;z-index:1}.rds-e-top-bar__button--left[data-v-700569b6]{background:linear-gradient(270deg,#fff0,#ffffffde 24.83%,#fff 42.49% 71.25%,#fff 96.87%);left:0}.rds-e-top-bar__button--left-bg2[data-v-700569b6]{background:linear-gradient(270deg,#f8f8f800,#f8f8f8de 24.83%,#fff 42.49%,#f8f8f8 71.25% 96.87%);left:0}.rds-e-top-bar__button--right[data-v-700569b6]{background:linear-gradient(-270deg,#fff0,#ffffffde 24.83%,#fff 42.49% 71.25%,#fff 96.87%);right:0}.rds-e-top-bar__button--right-bg2[data-v-700569b6]{background:linear-gradient(-270deg,#f8f8f800,#f8f8f8de 24.83%,#fff 42.49%,#f8f8f8 71.25% 96.87%);right:0}.rds-e-top-bar__wrapper[data-v-700569b6]{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;width:100%}.rds-e-top-bar__wrapper[data-v-700569b6]::-webkit-scrollbar{display:none}.rds-e-top-bar__list[data-v-700569b6]{align-items:center;border-bottom:1px solid transparent;display:inline-flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;list-style-type:none;margin:0;min-width:100%;padding:0;white-space:nowrap;width:auto}.rds-e-top-bar__item[data-v-700569b6]{cursor:pointer;flex-grow:1;outline:none;padding:.5rem 0rem;text-align:center;font:1rem/1.5rem RepsolSoleTextRegular}.rds-e-top-bar__item:hover:not(.active) .rds-e-top-bar__item-title[data-v-700569b6]{color:#007899}.rds-e-top-bar__item:focus-visible .rds-e-top-bar__item-title[data-v-700569b6]{border-radius:4px;box-shadow:0 0 0 2px #00a9e0;outline:none}.rds-e-top-bar__item[data-v-700569b6]:focus{outline:none}.rds-e-top-bar__item.active .rds-e-top-bar__item-title[data-v-700569b6]{font-weight:bolder}.rds-e-top-bar__item.active .rds-e-icon[data-v-700569b6]{color:#ff590a}.rds-e-top-bar__item.active[data-v-700569b6]:after{background:linear-gradient(137.24deg,#ff9c00 -6.64%,#ff590a 24.3%,#ff2a3f 65.21%,#e50052 99.99%);content:"";display:block;height:.125rem;position:relative;top:.5625rem}.rds-e-top-bar__item--icon[data-v-700569b6]{color:red}.rds-e-top-bar__item-title[data-v-700569b6]{align-content:center;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:0 1rem}.rds-e-top-bar__item-title--icon[data-v-700569b6]{margin-right:4px}.rds-e-top-bar--fluid .rds-e-top-bar__wrapper[data-v-700569b6]{min-width:none;width:auto}.rds-e-top-bar--fluid .rds-e-top-bar__list[data-v-700569b6]{min-width:unset;width:auto}.rds-e-top-bar--fluid .rds-e-top-bar__item[data-v-700569b6]{flex-grow:unset;padding:.5rem 0rem}.rds-e-top-bar--fluid .rds-e-top-bar__item-title[data-v-700569b6]{padding:0 .75rem}.rds-e-top-bar--divider .rds-e-top-bar__list[data-v-700569b6]{border-bottom:1px solid #DBE6F0}.rds-e-top-bar--divider .rds-e-top-bar__list-inverse[data-v-700569b6]{border-bottom:1px solid rgba(255,255,255,.2509803922)}.rds-e-top-bar--inverse .rds-e-top-bar__item-title[data-v-700569b6],.rds-e-top-bar--inverse .rds-e-top-bar__item:hover .rds-e-top-bar__item-title[data-v-700569b6],.rds-e-top-bar--inverse .rds-e-top-bar__icon[data-v-700569b6]{color:#fff}.rds-e-top-bar--inverse .rds-e-top-bar__button--left[data-v-700569b6],.rds-e-top-bar--inverse .rds-e-top-bar__button--left-bg2[data-v-700569b6]{background:linear-gradient(270deg,#12162100,#121621de 24.83%,#121621 42.49% 71.25%,#121621 96.87%)}.rds-e-top-bar--inverse .rds-e-top-bar__button--right[data-v-700569b6],.rds-e-top-bar--inverse .rds-e-top-bar__button--right-bg2[data-v-700569b6]{background:linear-gradient(-270deg,#12162100,#121621de 24.83%,#121621 42.49% 71.25%,#121621 96.87%)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-d17d793d]: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-monospaced-body-01: 1rem/1.5rem SourceCodeProRegular;--rds-monospaced-body-01-bold: 1rem/1.5rem SourceCodeProBold;--rds-monospaced-body-02: .875rem/1.25rem SourceCodeProRegular;--rds-monospaced-body-02-bold: .875rem/1.25rem SourceCodeProBold;--rds-monospaced-caption-01: .875rem/1.125rem SourceCodeProRegular;--rds-monospaced-caption-01-bold: .875rem/1.125rem SourceCodeProBold;--rds-monospaced-caption-02: .75rem/1rem SourceCodeProRegular;--rds-monospaced-caption-02-bold: .75rem/1rem SourceCodeProBold;--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}.table__container[data-v-d17d793d]{overflow-y:hidden;width:100%}.table--default.table__container[data-v-d17d793d]{border:1px solid #DBE6F0;border-radius:16px}.table--default thead[data-v-d17d793d]{background-color:#f7f7f9}.table__group[data-v-d17d793d]{background-color:#fff;height:4rem}.table__group td[data-v-d17d793d]{border-bottom:1px solid #DBE6F0}.table__group td.table__group--dropdown[data-v-d17d793d]{cursor:default;padding:32px}.table__group--is-open[data-v-d17d793d]>*{font-weight:500}.table__group--spacer[data-v-d17d793d]{height:.5rem}.table__group--spacer.closed[data-v-d17d793d]{display:none}.table__cell[data-v-d17d793d]{padding-left:1.25rem;padding-right:1.25rem;text-align:left;white-space:nowrap}.table__cell[data-v-d17d793d]:last-child{padding-left:1.25rem;padding-right:.625rem}.table__cell[data-v-d17d793d]:last-child(.table__group){position:sticky;right:0;text-align:right}.table__cell[data-v-d17d793d]:first-child:not(.table__group){left:0;position:sticky}.table__cell--table[data-v-d17d793d]:last-child:not(.table__group){position:unset;right:unset;text-align:center}.table__cell--no-sticky[data-v-d17d793d]{box-shadow:none}.table__cell--no-sticky[data-v-d17d793d]:last-child{padding-left:0;padding-right:0;position:static}.table__cell--no-sticky[data-v-d17d793d]:first-child:not(.table__group){left:0;padding-left:1.25rem;padding-right:0;position:static}.table__cell--heading[data-v-d17d793d]{border-bottom:1px solid #DBE6F0;height:4rem}.table__cell--heading__sortable svg[data-v-d17d793d]{transform:translateY(5px)}.table__cell--shadow[data-v-d17d793d]{box-shadow:0 6px 32px -10px #0003}@media
|
|
1
|
+
[data-v-d17d793d]: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-monospaced-body-01: 1rem/1.5rem SourceCodeProRegular;--rds-monospaced-body-01-bold: 1rem/1.5rem SourceCodeProBold;--rds-monospaced-body-02: .875rem/1.25rem SourceCodeProRegular;--rds-monospaced-body-02-bold: .875rem/1.25rem SourceCodeProBold;--rds-monospaced-caption-01: .875rem/1.125rem SourceCodeProRegular;--rds-monospaced-caption-01-bold: .875rem/1.125rem SourceCodeProBold;--rds-monospaced-caption-02: .75rem/1rem SourceCodeProRegular;--rds-monospaced-caption-02-bold: .75rem/1rem SourceCodeProBold;--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}.table__container[data-v-d17d793d]{overflow-y:hidden;width:100%}.table--default.table__container[data-v-d17d793d]{border:1px solid #DBE6F0;border-radius:16px}.table--default thead[data-v-d17d793d]{background-color:#f7f7f9}.table__group[data-v-d17d793d]{background-color:#fff;height:4rem}.table__group td[data-v-d17d793d]{border-bottom:1px solid #DBE6F0}.table__group td.table__group--dropdown[data-v-d17d793d]{cursor:default;padding:32px}.table__group--is-open[data-v-d17d793d]>*{font-weight:500}.table__group--spacer[data-v-d17d793d]{height:.5rem}.table__group--spacer.closed[data-v-d17d793d]{display:none}.table__cell[data-v-d17d793d]{padding-left:1.25rem;padding-right:1.25rem;text-align:left;white-space:nowrap}.table__cell[data-v-d17d793d]:last-child{padding-left:1.25rem;padding-right:.625rem}.table__cell[data-v-d17d793d]:last-child(.table__group){position:sticky;right:0;text-align:right}.table__cell[data-v-d17d793d]:first-child:not(.table__group){left:0;position:sticky}.table__cell--table[data-v-d17d793d]:last-child:not(.table__group){position:unset;right:unset;text-align:center}.table__cell--no-sticky[data-v-d17d793d]{box-shadow:none}.table__cell--no-sticky[data-v-d17d793d]:last-child{padding-left:0;padding-right:0;position:static}.table__cell--no-sticky[data-v-d17d793d]:first-child:not(.table__group){left:0;padding-left:1.25rem;padding-right:0;position:static}.table__cell--heading[data-v-d17d793d]{border-bottom:1px solid #DBE6F0;height:4rem}.table__cell--heading__sortable svg[data-v-d17d793d]{transform:translateY(5px)}.table__cell--shadow[data-v-d17d793d]{box-shadow:0 6px 32px -10px #0003}@media(min-width:720px){.table__cell--shadow[data-v-d17d793d]{box-shadow:none}}.table__cell--sortable[data-v-d17d793d]{cursor:pointer}@media(min-width:720px){.table__cell--short[data-v-d17d793d]{max-width:11.25rem;overflow:hidden;text-overflow:ellipsis}}.table__cell--disabled[data-v-d17d793d]{opacity:.3}.table__cell--disabled[data-v-d17d793d] .numeric{color:inherit!important}.table__cell--left[data-v-d17d793d]{text-align:left!important}.table__cell--center[data-v-d17d793d]{text-align:center!important}.table__cell--right[data-v-d17d793d]{text-align:right!important}.table__cell[data-v-d17d793d] .tooltip{display:inline-block;padding-right:1.5rem}.table__cell[data-v-d17d793d] [type=button]{display:inline-flex!important}.table__container-btn[data-v-d17d793d]{align-items:center;display:flex;height:4rem;padding-right:0}.table__container-btn--end[data-v-d17d793d]{justify-content:flex-end}.table__button[data-v-d17d793d]{height:2rem}.table__button--no-sticky[data-v-d17d793d]{width:auto}.table__body--underline .table__group td[data-v-d17d793d]{border-bottom:1px solid #DBE6F0}.table__body--underline.table__body--condensed .table__group td[data-v-d17d793d]:first-child{padding-left:0}.table__body--condensed .table__group[data-v-d17d793d]{display:table-row;height:2.5rem}.table__empty-state[data-v-d17d793d]{background-color:#fff;padding:32px;position:relative;text-align:center;width:100%}.table__sortable-icon[data-v-d17d793d]{margin:6px}.table__sortable-icon .sortable-icon[data-v-d17d793d]{color:#004357;font-size:5px}.table__sortable-icon .active[data-v-d17d793d]{color:#00809c}table[data-v-d17d793d]{border-spacing:0;width:100%}table tbody[data-v-d17d793d]{position:relative}.loading-overlay[data-v-d17d793d]{align-items:center;background-color:#fff;display:flex;flex-direction:row;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.loading-overlay .rds-e-icon[data-v-d17d793d]{animation:spin-d17d793d 2s linear infinite}@keyframes spin-d17d793d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { defineComponent as p, ref as r, computed as y, onMounted as g, onBeforeUnmount as S, createElementBlock as u, openBlock as d, normalizeClass as V, createElementVNode as m, createCommentVNode as h, renderSlot as B, createBlock as _, createTextVNode as C, toDisplayString as x } from "vue";
|
|
2
|
-
import {
|
|
3
|
-
import { _ as
|
|
4
|
-
import './style/switch.css';const
|
|
2
|
+
import { I as E } from "./icon-svg-DxlNo61Q.js";
|
|
3
|
+
import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
import './style/switch.css';const D = ["id", "disabled", "checked"], I = ["for", "aria-label"], L = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "rds-e-switch__label-text"
|
|
7
|
-
},
|
|
7
|
+
}, $ = /* @__PURE__ */ p({
|
|
8
8
|
__name: "switch",
|
|
9
9
|
props: {
|
|
10
10
|
/**
|
|
@@ -81,13 +81,13 @@ import './style/switch.css';const N = ["id", "disabled", "checked"], L = ["for",
|
|
|
81
81
|
onChange: k,
|
|
82
82
|
onFocus: v,
|
|
83
83
|
onBlur: b
|
|
84
|
-
}, null, 40,
|
|
84
|
+
}, null, 40, D),
|
|
85
85
|
m("label", {
|
|
86
86
|
class: "rds-e-switch__label",
|
|
87
87
|
for: e.id.toString(),
|
|
88
88
|
"aria-label": e.label
|
|
89
89
|
}, [
|
|
90
|
-
e.label || o.$slots["text-label"] ? (d(), u("span",
|
|
90
|
+
e.label || o.$slots["text-label"] ? (d(), u("span", L, [
|
|
91
91
|
B(o.$slots, "text-label", {}, () => [
|
|
92
92
|
C(x(e.label), 1)
|
|
93
93
|
], !0),
|
|
@@ -98,10 +98,10 @@ import './style/switch.css';const N = ["id", "disabled", "checked"], L = ["for",
|
|
|
98
98
|
"aria-hidden": "true"
|
|
99
99
|
}, null, 8, ["name"])) : h("", !0)
|
|
100
100
|
])) : h("", !0)
|
|
101
|
-
], 8,
|
|
101
|
+
], 8, I)
|
|
102
102
|
], 2));
|
|
103
103
|
}
|
|
104
|
-
}),
|
|
104
|
+
}), T = /* @__PURE__ */ N($, [["__scopeId", "data-v-16659a57"]]);
|
|
105
105
|
export {
|
|
106
|
-
|
|
106
|
+
T as default
|
|
107
107
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as F, mergeModels as
|
|
2
|
-
import {
|
|
3
|
-
import { d as Z } from "./functions-
|
|
1
|
+
import { defineComponent as F, mergeModels as R, toRefs as P, useModel as q, ref as _, computed as B, onMounted as H, onUnmounted as O, watch as $, createElementBlock as b, openBlock as v, normalizeClass as p, createCommentVNode as C, createElementVNode as g, createVNode as M, Fragment as U, renderList as j, unref as G, withKeys as h, withModifiers as m, createBlock as J, createTextVNode as Q, toDisplayString as X, renderSlot as Y } from "vue";
|
|
2
|
+
import { I as L } from "./icon-svg-DxlNo61Q.js";
|
|
3
|
+
import { d as Z } from "./functions-D3GA3OzJ.js";
|
|
4
4
|
import { _ as ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
import './style/tabBar.css';const te = ["id"], ae = ["aria-selected", "tabindex", "onClick", "onKeydown"], ne = { class: "rds-e-top-bar__item-title" }, re = {
|
|
6
6
|
class: "rds-e-top-bar__content",
|
|
7
7
|
role: "tabpanel"
|
|
8
8
|
}, ie = /* @__PURE__ */ F({
|
|
9
9
|
__name: "tab-bar",
|
|
10
|
-
props: /* @__PURE__ */
|
|
10
|
+
props: /* @__PURE__ */ R({
|
|
11
11
|
/**
|
|
12
12
|
* Pestaña activa
|
|
13
13
|
*/
|
|
@@ -56,8 +56,8 @@ import './style/tabBar.css';const te = ["id"], ae = ["aria-selected", "tabindex"
|
|
|
56
56
|
*/
|
|
57
57
|
beforeTabChange: {
|
|
58
58
|
type: Function,
|
|
59
|
-
default: (s,
|
|
60
|
-
if (s ===
|
|
59
|
+
default: (s, T) => {
|
|
60
|
+
if (s === T.id) return Promise.resolve(!0);
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
63
|
/**
|
|
@@ -74,19 +74,19 @@ import './style/tabBar.css';const te = ["id"], ae = ["aria-selected", "tabindex"
|
|
|
74
74
|
},
|
|
75
75
|
activeTabModifiers: {}
|
|
76
76
|
}),
|
|
77
|
-
emits: /* @__PURE__ */
|
|
78
|
-
setup(s, { emit:
|
|
79
|
-
const l = s, N =
|
|
77
|
+
emits: /* @__PURE__ */ R(["activeTabChanged"], ["update:activeTab"]),
|
|
78
|
+
setup(s, { emit: T }) {
|
|
79
|
+
const l = s, N = T, {
|
|
80
80
|
options: i
|
|
81
|
-
} = P(l), V = q(s, "activeTab"), r = _(""),
|
|
82
|
-
|
|
83
|
-
) : []), u = _(!1), z = B(() => i.value.findIndex((t) => t.id === r.value) > 0 && u.value),
|
|
81
|
+
} = P(l), V = q(s, "activeTab"), r = _(""), w = _(null), d = _(null), y = B(() => w.value ? Array.from(
|
|
82
|
+
w.value.children
|
|
83
|
+
) : []), u = _(!1), z = B(() => i.value.findIndex((t) => t.id === r.value) > 0 && u.value), K = B(() => d.value ? i.value.findIndex((t) => t.id === r.value) < l.options.length - 1 && u.value : !1), S = (e) => {
|
|
84
84
|
const t = l.options.find((a) => a.id === r.value);
|
|
85
|
-
return e ? t : t
|
|
85
|
+
return e ? t : t?.id;
|
|
86
86
|
}, c = async (e) => {
|
|
87
87
|
const t = i.value.find((n) => n.id === e);
|
|
88
88
|
return t ? await l.beforeTabChange(e, t) ? (r.value = e, !0) : !1 : (console.error(`[RDSTabBar]: Tab with id ${e} not found`), !1);
|
|
89
|
-
},
|
|
89
|
+
}, A = async () => {
|
|
90
90
|
let e = i.value.findIndex((t) => t.id === r.value);
|
|
91
91
|
for (; e > 0 && (e--, !await c(i.value[e].id)); )
|
|
92
92
|
;
|
|
@@ -94,31 +94,30 @@ import './style/tabBar.css';const te = ["id"], ae = ["aria-selected", "tabindex"
|
|
|
94
94
|
let e = i.value.findIndex((t) => t.id === r.value);
|
|
95
95
|
for (; e < l.options.length - 1 && (e++, !await c(i.value[e].id)); )
|
|
96
96
|
;
|
|
97
|
-
},
|
|
97
|
+
}, D = async (e, t) => {
|
|
98
98
|
let n = e.shiftKey ? t - 1 : t + 1;
|
|
99
99
|
n < 0 ? n = i.value.length - 1 : n >= i.value.length && (n = 0);
|
|
100
100
|
const o = i.value[n];
|
|
101
101
|
o && await c(o.id) && setTimeout(() => {
|
|
102
|
-
const
|
|
103
|
-
|
|
102
|
+
const f = y.value[n];
|
|
103
|
+
f && (f.focus(), x(o.id));
|
|
104
104
|
}, 0);
|
|
105
105
|
};
|
|
106
106
|
function x(e) {
|
|
107
107
|
const t = i.value.findIndex((a) => a.id === e);
|
|
108
|
-
if (
|
|
109
|
-
const a =
|
|
110
|
-
o <
|
|
108
|
+
if (y.value[t] && d.value) {
|
|
109
|
+
const a = y.value[t], n = d.value, o = a.offsetLeft, I = a.offsetWidth, f = n.scrollLeft, E = n.clientWidth;
|
|
110
|
+
o < f ? n.scrollTo({
|
|
111
111
|
left: o,
|
|
112
112
|
behavior: "smooth"
|
|
113
|
-
}) : o + I >
|
|
114
|
-
left: o + I -
|
|
113
|
+
}) : o + I > f + E && n.scrollTo({
|
|
114
|
+
left: o + I - E,
|
|
115
115
|
behavior: "smooth"
|
|
116
116
|
});
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
const k = () => {
|
|
120
|
-
|
|
121
|
-
d.value ? (u.value = ((e = d.value) == null ? void 0 : e.scrollWidth) > ((t = d.value) == null ? void 0 : t.clientWidth), u.value && x(r.value)) : u.value = !1;
|
|
120
|
+
d.value ? (u.value = d.value?.scrollWidth > d.value?.clientWidth, u.value && x(r.value)) : u.value = !1;
|
|
122
121
|
};
|
|
123
122
|
if (l.activeTab) {
|
|
124
123
|
const e = i.value.find((t) => t.id === l.activeTab);
|
|
@@ -133,7 +132,7 @@ import './style/tabBar.css';const te = ["id"], ae = ["aria-selected", "tabindex"
|
|
|
133
132
|
u.value && x(e), N("activeTabChanged", S(!1));
|
|
134
133
|
}), $(V, (e) => {
|
|
135
134
|
c(e);
|
|
136
|
-
}, { immediate: !0 }), (e, t) => (
|
|
135
|
+
}, { immediate: !0 }), (e, t) => (v(), b("div", {
|
|
137
136
|
id: s.id,
|
|
138
137
|
class: p(["rds-e-top-bar", {
|
|
139
138
|
"rds-e-top-bar--fluid": s.fluid,
|
|
@@ -141,13 +140,13 @@ import './style/tabBar.css';const te = ["id"], ae = ["aria-selected", "tabindex"
|
|
|
141
140
|
"rds-e-top-bar--inverse": s.inverse
|
|
142
141
|
}])
|
|
143
142
|
}, [
|
|
144
|
-
z.value ? (
|
|
143
|
+
z.value ? (v(), b("div", {
|
|
145
144
|
key: 0,
|
|
146
145
|
class: p([
|
|
147
146
|
"rds-e-top-bar__button",
|
|
148
147
|
s.backgroundAlternative ? "rds-e-top-bar__button--left-bg2" : "rds-e-top-bar__button--left"
|
|
149
148
|
]),
|
|
150
|
-
onClick:
|
|
149
|
+
onClick: A
|
|
151
150
|
}, [
|
|
152
151
|
M(L, {
|
|
153
152
|
class: "rds-e-top-bar__icon",
|
|
@@ -161,13 +160,13 @@ import './style/tabBar.css';const te = ["id"], ae = ["aria-selected", "tabindex"
|
|
|
161
160
|
}, [
|
|
162
161
|
g("ul", {
|
|
163
162
|
ref_key: "tabsList",
|
|
164
|
-
ref:
|
|
163
|
+
ref: w,
|
|
165
164
|
class: p(["rds-e-top-bar__list", {
|
|
166
165
|
"rds-e-top-bar__list-inverse": s.inverse
|
|
167
166
|
}]),
|
|
168
167
|
role: "tablist"
|
|
169
168
|
}, [
|
|
170
|
-
(
|
|
169
|
+
(v(!0), b(U, null, j(G(i), (a, n) => (v(), b("li", {
|
|
171
170
|
key: n,
|
|
172
171
|
class: p(["rds-e-top-bar__item", {
|
|
173
172
|
active: r.value === a.id
|
|
@@ -177,15 +176,15 @@ import './style/tabBar.css';const te = ["id"], ae = ["aria-selected", "tabindex"
|
|
|
177
176
|
tabindex: r.value === a.id ? 0 : -1,
|
|
178
177
|
onClick: (o) => c(a.id),
|
|
179
178
|
onKeydown: [
|
|
180
|
-
h(m(
|
|
179
|
+
h(m(A, ["prevent"]), ["left"]),
|
|
181
180
|
h(m(W, ["prevent"]), ["right"]),
|
|
182
|
-
h(m((o) =>
|
|
181
|
+
h(m((o) => D(o, n), ["prevent"]), ["tab"]),
|
|
183
182
|
h(m((o) => c(a.id), ["prevent"]), ["enter"]),
|
|
184
183
|
h(m((o) => c(a.id), ["prevent"]), ["space"])
|
|
185
184
|
]
|
|
186
185
|
}, [
|
|
187
186
|
g("span", ne, [
|
|
188
|
-
a.icon ? (
|
|
187
|
+
a.icon ? (v(), J(L, {
|
|
189
188
|
key: 0,
|
|
190
189
|
class: "rds-e-top-bar__item-title--icon rds-flex rds-flex-center-center",
|
|
191
190
|
name: a.icon
|
|
@@ -195,7 +194,7 @@ import './style/tabBar.css';const te = ["id"], ae = ["aria-selected", "tabindex"
|
|
|
195
194
|
], 42, ae))), 128))
|
|
196
195
|
], 2)
|
|
197
196
|
], 512),
|
|
198
|
-
|
|
197
|
+
K.value ? (v(), b("div", {
|
|
199
198
|
key: 1,
|
|
200
199
|
class: p([
|
|
201
200
|
"rds-e-top-bar__button",
|
|
@@ -31,66 +31,65 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
|
|
|
31
31
|
},
|
|
32
32
|
emits: ["update:options", "update:reset", "update:selection", "update:selectedAll", "update:sort", "onItemExpansion"],
|
|
33
33
|
setup(c, { expose: E, emit: x }) {
|
|
34
|
-
const
|
|
34
|
+
const e = c, s = x, {
|
|
35
35
|
loading: I,
|
|
36
36
|
items: d,
|
|
37
37
|
selectableKey: L,
|
|
38
38
|
header: $,
|
|
39
39
|
asynchrone: b
|
|
40
|
-
} = F(
|
|
40
|
+
} = F(e), m = i(), p = i([]), n = i([]), y = i({
|
|
41
41
|
item: {
|
|
42
42
|
header: $,
|
|
43
43
|
items: p
|
|
44
44
|
},
|
|
45
45
|
selectableKey: L,
|
|
46
46
|
listChecked: n,
|
|
47
|
-
checkedAll:
|
|
47
|
+
checkedAll: e.checkedAll,
|
|
48
48
|
initChecked: [],
|
|
49
|
-
variant:
|
|
50
|
-
condensed:
|
|
51
|
-
hideHeaders:
|
|
52
|
-
showSelectAll:
|
|
53
|
-
hideSelectAll:
|
|
54
|
-
showEmptyState:
|
|
55
|
-
mockItems:
|
|
49
|
+
variant: e.variant,
|
|
50
|
+
condensed: e.condensed,
|
|
51
|
+
hideHeaders: e.hideHeaders,
|
|
52
|
+
showSelectAll: e.showSelectAll,
|
|
53
|
+
hideSelectAll: e.hideSelectAll,
|
|
54
|
+
showEmptyState: e.showEmptyState,
|
|
55
|
+
mockItems: e.itemsPerPage[0]
|
|
56
56
|
}), k = i(null), f = i(1), r = i(), D = () => {
|
|
57
57
|
p.value = [], f.value = 1, r.value = void 0, s("update:reset");
|
|
58
58
|
}, O = () => {
|
|
59
59
|
p.value = d.value;
|
|
60
|
-
}, T = (
|
|
60
|
+
}, T = (t) => {
|
|
61
61
|
const a = {};
|
|
62
|
-
if ("pagination" in
|
|
63
|
-
const l =
|
|
62
|
+
if ("pagination" in t) {
|
|
63
|
+
const l = t.pagination;
|
|
64
64
|
l.reset && D();
|
|
65
65
|
let o = !1;
|
|
66
66
|
r.value = l, (l.page ?? 0) > f.value && (f.value = l.page ?? 0, o = !0), r.value && (r.value.isNewPage = o);
|
|
67
67
|
}
|
|
68
68
|
r.value && Object.assign(a, r.value), m.value && m.value.clearVisibleDetails(), s("update:options", a);
|
|
69
|
-
}, _ = (
|
|
70
|
-
const a = n.value.indexOf(
|
|
71
|
-
a > -1 ? n.value.splice(a, 1) : n.value.push(
|
|
69
|
+
}, _ = (t) => {
|
|
70
|
+
const a = n.value.indexOf(t);
|
|
71
|
+
a > -1 ? n.value.splice(a, 1) : n.value.push(t), s("update:selection", n.value);
|
|
72
72
|
}, j = () => {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
e && (n.value = []), y.value.checkedAll = e, s("update:selectedAll", e);
|
|
73
|
+
k.value?.resetPagination();
|
|
74
|
+
}, R = (t) => {
|
|
75
|
+
t && (n.value = []), y.value.checkedAll = t, s("update:selectedAll", t);
|
|
77
76
|
};
|
|
78
|
-
return n.value = [...
|
|
77
|
+
return n.value = [...e.initChecked], b.value || (p.value = d.value), M(d, () => {
|
|
79
78
|
O();
|
|
80
79
|
}, { deep: !0 }), N(() => {
|
|
81
80
|
if (!b.value && d.value.length >= 0) {
|
|
82
|
-
const
|
|
83
|
-
p.value = d.value.slice(
|
|
81
|
+
const t = (e.activePage - 1) * e.itemsPerPage[0], a = t + e.itemsPerPage[0];
|
|
82
|
+
p.value = d.value.slice(t, a);
|
|
84
83
|
}
|
|
85
84
|
}), E({
|
|
86
85
|
/** Fuerza a refrescar la paginacion y la tabla */
|
|
87
86
|
$reset: j
|
|
88
|
-
}), (
|
|
89
|
-
|
|
87
|
+
}), (t, a) => (u(), g("div", X, [
|
|
88
|
+
t.$slots.mobile && c.isMobileDevice ? (u(!0), g(z, { key: 0 }, h(S(d), (l, o) => (u(), g("div", {
|
|
90
89
|
key: `mobile-${o}`,
|
|
91
90
|
class: "table_paginted__mobile_item"
|
|
92
91
|
}, [
|
|
93
|
-
P(
|
|
92
|
+
P(t.$slots, "mobile", { item: l }, void 0, !0)
|
|
94
93
|
]))), 128)) : (u(), V(Q, q({
|
|
95
94
|
key: 1,
|
|
96
95
|
ref_key: "tableSloted",
|
|
@@ -105,10 +104,10 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
|
|
|
105
104
|
onOnItemExpansion: a[0] || (a[0] = (l) => s("onItemExpansion", l)),
|
|
106
105
|
onOnHeaderSort: a[1] || (a[1] = (l) => s("update:sort", l))
|
|
107
106
|
}), B({ _: 2 }, [
|
|
108
|
-
h(
|
|
107
|
+
h(t.$slots, (l, o) => ({
|
|
109
108
|
name: o,
|
|
110
109
|
fn: C((v) => [
|
|
111
|
-
P(
|
|
110
|
+
P(t.$slots, o, w(A(v || {})), void 0, !0)
|
|
112
111
|
])
|
|
113
112
|
}))
|
|
114
113
|
]), 1040, ["loading", "is-mobile-device", "items-expanded"])),
|
|
@@ -116,19 +115,19 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
|
|
|
116
115
|
ref_key: "paginationComponentRef",
|
|
117
116
|
ref: k,
|
|
118
117
|
class: "rds-mt-16",
|
|
119
|
-
"total-items":
|
|
120
|
-
"current-page":
|
|
121
|
-
"items-per-page":
|
|
122
|
-
"hide-leyend":
|
|
123
|
-
"jump-to":
|
|
118
|
+
"total-items": e.totalItemsLength,
|
|
119
|
+
"current-page": e.activePage,
|
|
120
|
+
"items-per-page": e.itemsPerPage[0],
|
|
121
|
+
"hide-leyend": e.hideLeyend,
|
|
122
|
+
"jump-to": e.jumpTo,
|
|
124
123
|
selected: !0,
|
|
125
|
-
"disable-first-load":
|
|
124
|
+
"disable-first-load": e.disableFirstLoad,
|
|
126
125
|
onPageChanged: a[2] || (a[2] = (l) => T({ pagination: l }))
|
|
127
126
|
}, B({ _: 2 }, [
|
|
128
|
-
h(
|
|
127
|
+
h(t.$slots, (l, o) => ({
|
|
129
128
|
name: o,
|
|
130
129
|
fn: C((v) => [
|
|
131
|
-
P(
|
|
130
|
+
P(t.$slots, o, w(A(v || {})), void 0, !0)
|
|
132
131
|
])
|
|
133
132
|
}))
|
|
134
133
|
]), 1032, ["total-items", "current-page", "items-per-page", "hide-leyend", "jump-to", "disable-first-load"]), [
|