energy-components 1.7.0 → 1.8.1
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/accordion.es.js +13 -13
- package/dist/components/accordionGroup.es.js +2 -2
- package/dist/components/actionButton.es.js +2 -2
- package/dist/components/breadcrumbs.es.js +3 -3
- package/dist/components/button.es.js +2 -2
- package/dist/components/card.es.js +5 -5
- package/dist/components/checkbox.es.js +5 -5
- package/dist/components/datepicker.es.js +588 -590
- package/dist/components/divider.es.js +2 -2
- package/dist/components/dragAndDrop.es.js +187 -0
- package/dist/components/dropdown.es.js +92 -92
- package/dist/components/filterChip.es.js +2 -2
- package/dist/components/floatingActionButton.es.js +2 -2
- package/dist/components/{icon-svg-BmDOQ0kL.js → icon-svg-_WCkLP8-.js} +12 -63
- package/dist/components/iconList.es.js +4 -4
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +81 -75
- package/dist/components/indicator.es.js +6 -6
- package/dist/components/infoBox.es.js +16 -16
- package/dist/components/link.es.js +2 -2
- package/dist/components/modal.es.js +26 -26
- package/dist/components/multiselect.es.js +5 -5
- package/dist/components/multiselectcontentwrapper.es.js +6 -6
- package/dist/components/overlay.es.js +3 -3
- package/dist/components/pagination.es.js +1 -1
- package/dist/components/persistentToast.es.js +12 -12
- package/dist/components/progressBar.es.js +86 -0
- package/dist/components/quantitySelector.es.js +9 -9
- package/dist/components/{radio-group.vue_vue_type_script_setup_true_lang-B-kg-575.js → radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js} +2 -2
- package/dist/components/radioButton.es.js +4 -4
- package/dist/components/radioGroup.es.js +1 -1
- package/dist/components/selectionChip.es.js +3 -3
- package/dist/components/sidebar.es.js +13 -13
- package/dist/components/sidedrawer.es.js +11 -11
- package/dist/components/style/actionButton.css +1 -1
- package/dist/components/style/button.css +1 -1
- package/dist/components/style/dragAndDrop.css +1 -0
- package/dist/components/style/progressBar.css +1 -0
- package/dist/components/style/switch.css +1 -1
- package/dist/components/style/tabBar.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/switch.es.js +45 -38
- package/dist/components/tabBar.es.js +84 -70
- package/dist/components/tablepaginatedcomponent.es.js +22 -22
- package/dist/components/tableslotedcomponent.es.js +26 -26
- package/dist/components/tag.es.js +2 -2
- package/dist/components/textArea.es.js +2 -2
- package/dist/components/textField.es.js +134 -110
- package/dist/components/toggle.es.js +2 -2
- package/dist/components/tooltip.es.js +319 -311
- package/dist/energy-components.es.js +4874 -4612
- package/dist/energy-components.umd.js +2 -1
- package/dist/style.css +1 -1
- package/dist/types/src/components/buttons/action-button/action-button.vue.d.ts +1 -1
- package/dist/types/src/components/buttons/button/button.vue.d.ts +6 -11
- package/dist/types/src/components/buttons/floating-action-button/floating-action-button.vue.d.ts +1 -1
- package/dist/types/src/components/content/accordion/accordion.vue.d.ts +6 -17
- package/dist/types/src/components/content/acordion-group/accordion-group.vue.d.ts +6 -11
- package/dist/types/src/components/content/card/card.vue.d.ts +6 -11
- package/dist/types/src/components/content/divider/divider.vue.d.ts +1 -1
- package/dist/types/src/components/content/table/table-paginated/TablePaginatedComponent.vue.d.ts +88 -0
- package/dist/types/src/components/content/table/table-sloted/TableSlotedComponent.vue.d.ts +32 -31
- package/dist/types/src/components/content/tag/tag.vue.d.ts +1 -1
- package/dist/types/src/components/feedback/indicator/indicator.vue.d.ts +1 -4
- package/dist/types/src/components/feedback/info-box/info-box.vue.d.ts +8 -18
- package/dist/types/src/components/feedback/persistent-toast/persistent-toast.vue.d.ts +8 -12
- package/dist/types/src/components/feedback/progress-bar/progress-bar.vue.d.ts +101 -0
- package/dist/types/src/components/icon-svg/icon-svg.vue.d.ts +1 -1
- package/dist/types/src/components/index.d.ts +2 -0
- package/dist/types/src/components/input/checkbox/checkbox.vue.d.ts +6 -11
- package/dist/types/src/components/input/datepicker/datepicker.vue.d.ts +258 -0
- package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts +203 -0
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +30 -550
- package/dist/types/src/components/input/filter-chip/filter-chip.vue.d.ts +1 -3
- package/dist/types/src/components/input/quantity-selector/quantity-selector.vue.d.ts +1 -4
- package/dist/types/src/components/input/radio-button/radio-button.vue.d.ts +1 -1
- package/dist/types/src/components/input/radio-button/radio-group.vue.d.ts +6 -11
- package/dist/types/src/components/input/selection-chip/selection-chip.vue.d.ts +1 -3
- package/dist/types/src/components/input/switch/switch.vue.d.ts +24 -21
- package/dist/types/src/components/input/text-area/text-area.vue.d.ts +12 -15
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +33 -21
- package/dist/types/src/components/input/toggle/toggle.vue.d.ts +1 -1
- package/dist/types/src/components/layout/sidebar/sidebar.vue.d.ts +10 -17
- package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +8 -16
- package/dist/types/src/components/navigation/link/link.vue.d.ts +7 -11
- package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +1 -1
- package/dist/types/src/components/navigation/tab-bar/tab-bar.vue.d.ts +24 -18
- package/dist/types/src/components/overlay/modal/modal.vue.d.ts +10 -141
- package/dist/types/src/components/overlay/overlay/overlay.vue.d.ts +5 -10
- package/dist/types/src/components/overlay/tooltip/tooltip.vue.d.ts +8 -20
- package/dist/types/src/helpers/mobileMockup.vue.d.ts +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-16659a57]: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-checkbox-wrapper[data-v-16659a57]{border-radius:.25rem;display:inline-block;padding:.125rem}.rds-e-checkbox-wrapper.rds-e-checkbox--focused[data-v-16659a57]{border-radius:.375rem;outline:.125rem solid #00badb}.rds-e-switch[data-v-16659a57]{border-radius:4px;display:inline-block;padding:2px;width:auto}.rds-e-switch--focused[data-v-16659a57]{border-radius:.375rem;outline:.125rem solid #00badb}.rds-e-switch__input[data-v-16659a57]{align-items:center;border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:visible;white-space:nowrap;width:1px}.rds-e-switch__input:checked+.rds-e-switch__label[data-v-16659a57]:before{background-color:#001e37;box-shadow:inset 0 0 0 1px #001e37}.rds-e-switch__input:checked+.rds-e-switch__label[data-v-16659a57]:after{background-color:#fff;transform:translate(calc(1.875rem - 6px))}.rds-e-switch__input:disabled+.rds-e-switch__label[data-v-16659a57],.rds-e-switch__input.disabled+.rds-e-switch__label[data-v-16659a57]{color:#f7f7f9;cursor:initial}.rds-e-switch__input:disabled+.rds-e-switch__label[data-v-16659a57]:after,.rds-e-switch__input.disabled+.rds-e-switch__label[data-v-16659a57]:after{background-color:#fff}.rds-e-switch__input:disabled+.rds-e-switch__label[data-v-16659a57]:before,.rds-e-switch__input.disabled+.rds-e-switch__label[data-v-16659a57]:before{background-color:#f7f7f9;box-shadow:inset 0 0 0 1px #f7f7f9}.rds-e-switch__label[data-v-16659a57]{font:1rem/1.5rem RepsolSoleTextRegular;color:#001e37;cursor:pointer;display:flex;min-height:1.5rem;padding-left:3.5rem;padding-top:0rem;position:relative;transition:all .25s linear;-webkit-user-select:none;user-select:none}.rds-e-switch__label[data-v-16659a57]:before{background-color:#fff;border-radius:.75rem;box-shadow:inset 0 0 0 1px #001e37;content:"";height:1.5rem;left:0;position:absolute;top:0;transition:all .25s linear;width:3rem}.rds-e-switch__label[data-v-16659a57]:after{background-color:#001e37;border-radius:50%;content:"";height:1.125rem;left:.1875rem;position:absolute;top:.1875rem;transition:all .25s linear;width:1.125rem}.rds-e-switch__label-text[data-v-16659a57]{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;line-height:1.5rem}.rds-e-switch__label-icon[data-v-16659a57]{height:1.25rem;margin-left:.25rem;width:1.25rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-216621e5]: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-top-bar[data-v-216621e5]{position:relative}.rds-e-top-bar__icon[data-v-216621e5]{color:#005870}.rds-e-top-bar__button[data-v-216621e5]{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-216621e5]{background:linear-gradient(270deg,#fff0,#ffffffde 24.83%,#fff 42.49%,#fff 71.25%,#fff 96.87%);left:0}.rds-e-top-bar__button--left-bg2[data-v-216621e5]{background:linear-gradient(270deg,#f8f8f800,#f8f8f8de 24.83%,#fff 42.49%,#f8f8f8 71.25%,#f8f8f8 96.87%);left:0}.rds-e-top-bar__button--right[data-v-216621e5]{background:linear-gradient(-270deg,#fff0,#ffffffde 24.83%,#fff 42.49%,#fff 71.25%,#fff 96.87%);right:0}.rds-e-top-bar__button--right-bg2[data-v-216621e5]{background:linear-gradient(-270deg,#f8f8f800,#f8f8f8de 24.83%,#fff 42.49%,#f8f8f8 71.25%,#f8f8f8 96.87%);right:0}.rds-e-top-bar__wrapper[data-v-216621e5]{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;width:100%}.rds-e-top-bar__wrapper[data-v-216621e5]::-webkit-scrollbar{display:none}.rds-e-top-bar__list[data-v-216621e5]{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-216621e5]{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-216621e5]{color:#007899}.rds-e-top-bar__item:focus-visible .rds-e-top-bar__item-title[data-v-216621e5]{border-radius:4px;box-shadow:0 0 0 2px #00a9e0}.rds-e-top-bar__item.active .rds-e-top-bar__item-title[data-v-216621e5]{font-weight:bolder}.rds-e-top-bar__item.active .rds-e-icon[data-v-216621e5]{color:#ff590a}.rds-e-top-bar__item.active[data-v-216621e5]: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-216621e5]{color:red}.rds-e-top-bar__item-title[data-v-216621e5]{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-216621e5]{margin-right:4px}.rds-e-top-bar__content[data-v-216621e5]{padding:1.25rem}.rds-e-top-bar--fluid .rds-e-top-bar__wrapper[data-v-216621e5]{min-width:none;width:auto}.rds-e-top-bar--fluid .rds-e-top-bar__list[data-v-216621e5]{min-width:unset;width:auto}.rds-e-top-bar--fluid .rds-e-top-bar__item[data-v-216621e5]{flex-grow:unset;padding:.5rem 0rem}.rds-e-top-bar--fluid .rds-e-top-bar__item-title[data-v-216621e5]{padding:0 .5rem}.rds-e-top-bar--divider .rds-e-top-bar__list[data-v-216621e5]{border-bottom:1px solid #DBE6F0}.rds-e-top-bar--divider .rds-e-top-bar__list-inverse[data-v-216621e5]{border-bottom:1px solid rgba(255,255,255,.2509803922)}.rds-e-top-bar--inverse .rds-e-top-bar__item-title[data-v-216621e5],.rds-e-top-bar--inverse .rds-e-top-bar__item:hover .rds-e-top-bar__item-title[data-v-216621e5],.rds-e-top-bar--inverse .rds-e-top-bar__icon[data-v-216621e5]{color:#fff}.rds-e-top-bar--inverse .rds-e-top-bar__button--left[data-v-216621e5],.rds-e-top-bar--inverse .rds-e-top-bar__button--left-bg2[data-v-216621e5]{background:linear-gradient(270deg,#12162100,#121621de 24.83%,#121621 42.49%,#121621 71.25%,#121621 96.87%)}.rds-e-top-bar--inverse .rds-e-top-bar__button--right[data-v-216621e5],.rds-e-top-bar--inverse .rds-e-top-bar__button--right-bg2[data-v-216621e5]{background:linear-gradient(-270deg,#12162100,#121621de 24.83%,#121621 42.49%,#121621 71.25%,#121621 96.87%)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-a6ab314d]: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-a6ab314d]{min-width:292px;position:relative}.rds-e-textfield input[type=number][data-v-a6ab314d]::-webkit-outer-spin-button,.rds-e-textfield input[type=number][data-v-a6ab314d]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rds-e-textfield input[type=number][data-v-a6ab314d]{-moz-appearance:textfield}.rds-e-textfield__container[data-v-a6ab314d]{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;justify-content:space-around;position:relative}.rds-e-textfield:hover .rds-e-textfield__container[data-v-a6ab314d]{border:solid 1px #001e37;cursor:pointer}.rds-e-textfield:has(.rds-e-textfield__input:focus-visible) .rds-e-textfield__container[data-v-a6ab314d]{border:solid 1px #00badb;box-shadow:inset 0 0 0 1px #00badb;color:transparent;cursor:auto;outline:none}.rds-e-textfield:active .rds-e-textfield__container[data-v-a6ab314d]{border:solid 1px #001e37;color:#001e37;outline:none}.rds-e-textfield--error .rds-e-textfield__container[data-v-a6ab314d]{border:solid 1px #dE1c2e}.rds-e-textfield--disabled .rds-e-textfield__container[data-v-a6ab314d]{opacity:.3;cursor:not-allowed;pointer-events:none}.rds-e-textfield__input-container[data-v-a6ab314d]{display:flex;flex-direction:column;overflow:hidden;padding:2px;position:relative;width:100%}.rds-e-textfield__label[data-v-a6ab314d]{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:16px;transition:all .2s ease-in-out}.rds-e-textfield--disabled .rds-e-textfield__label[data-v-a6ab314d]{opacity:.3}.rds-e-textfield--error .rds-e-textfield__label[data-v-a6ab314d]{color:#de1c2e}.rds-e-textfield__input:not([readonly]):focus+.rds-e-textfield__label[data-v-a6ab314d],.rds-e-textfield--filled .rds-e-textfield__label[data-v-a6ab314d]{font:.75rem/1rem RepsolSoleTextRegular;left:.8125rem;top:4px}.rds-e-textfield__input[data-v-a6ab314d]{font:.875rem/1.25rem RepsolSoleTextRegular;border:none;border-radius:.75rem;color:#001e37;height:50px;min-width:fit-content;overflow:auto;padding:.75rem 1rem 0rem .75rem;text-overflow:ellipsis}.rds-e-textfield__input[data-v-a6ab314d]::-ms-reveal,.rds-e-textfield__input[data-v-a6ab314d]::-ms-clear{display:none}.rds-e-textfield__input[data-v-a6ab314d]:hover,.rds-e-textfield__input[data-v-a6ab314d]:focus-visible,.rds-e-textfield__input[data-v-a6ab314d]:active,.rds-e-textfield__input[data-v-a6ab314d]:disabled{border:0!important;box-shadow:none;cursor:pointer;outline:0!important}.rds-e-textfield__input[data-v-a6ab314d]:active{border:solid 1px #00badb;color:#001e37;outline:none}.rds-e-textfield__input[data-v-a6ab314d]:-webkit-autofill{background-color:transparent!important;-webkit-box-shadow:0 0 0 5000px #ffffff inset}.rds-e-textfield__input--error[data-v-a6ab314d]{border:solid 1px #dE1c2e}.rds-e-textfield__input--disabled[data-v-a6ab314d]{opacity:.3;cursor:not-allowed;pointer-events:none}.rds-e-textfield__icon[data-v-a6ab314d]{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-a6ab314d]{margin-left:0;opacity:0;pointer-events:none;transform:scale(.8);width:0}.rds-e-textfield__icon--left[data-v-a6ab314d]{margin-left:.875rem}.rds-e-textfield__icon--right[data-v-a6ab314d]{margin-right:.875rem}.rds-e-textfield__input:focus+.rds-e-textfield__icon[data-v-a6ab314d]{color:#00badb}.rds-e-textfield--error .rds-e-textfield__icon[data-v-a6ab314d]{color:#de1c2e}.rds-e-textfield--error .rds-e-textfield__icon--clear[data-v-a6ab314d],.rds-e-textfield--error .rds-e-textfield__icon--password[data-v-a6ab314d]{color:#43637d}.rds-e-textfield__helper[data-v-a6ab314d]{font:.875rem/1.125rem RepsolSoleTextRegular;color:#43637d;padding:.125rem;text-align:left}.rds-e-textfield__helper--error[data-v-a6ab314d]{color:#de1c2e}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { R as
|
|
3
|
-
import { _ as
|
|
4
|
-
import './style/switch.css';const N = ["id", "disabled", "checked"],
|
|
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 { R as E } from "./icon-svg-_WCkLP8-.js";
|
|
3
|
+
import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
import './style/switch.css';const N = ["id", "disabled", "checked"], L = ["for", "aria-label"], I = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "rds-e-switch__label-text"
|
|
7
|
-
},
|
|
7
|
+
}, R = /* @__PURE__ */ p({
|
|
8
8
|
__name: "switch",
|
|
9
|
-
props:
|
|
9
|
+
props: {
|
|
10
10
|
/**
|
|
11
11
|
* ID del interruptor
|
|
12
12
|
*/
|
|
@@ -35,6 +35,13 @@ import './style/switch.css';const N = ["id", "disabled", "checked"], D = ["for",
|
|
|
35
35
|
type: Boolean,
|
|
36
36
|
default: !1
|
|
37
37
|
},
|
|
38
|
+
/**
|
|
39
|
+
* v-model valor de entrada y salida
|
|
40
|
+
*/
|
|
41
|
+
modelValue: {
|
|
42
|
+
type: Boolean,
|
|
43
|
+
default: void 0
|
|
44
|
+
},
|
|
38
45
|
/**
|
|
39
46
|
* Si el interruptor está marcado o no
|
|
40
47
|
*/
|
|
@@ -42,59 +49,59 @@ import './style/switch.css';const N = ["id", "disabled", "checked"], D = ["for",
|
|
|
42
49
|
type: Boolean,
|
|
43
50
|
default: !1
|
|
44
51
|
}
|
|
45
|
-
},
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
o.value && (l.value = !0);
|
|
53
|
-
}, v = () => l.value = !1, s = (t) => {
|
|
54
|
-
t.key === "Tab" && (o.value = !0);
|
|
52
|
+
},
|
|
53
|
+
emits: ["update:modelValue", "update:checked"],
|
|
54
|
+
setup(e, { emit: f }) {
|
|
55
|
+
const t = e, s = f, a = r(!1), l = r(!1), w = y(() => t.modelValue !== void 0 ? t.modelValue : t.checked), v = () => {
|
|
56
|
+
l.value && (a.value = !0);
|
|
57
|
+
}, b = () => a.value = !1, c = (o) => {
|
|
58
|
+
o.key === "Tab" && (l.value = !0);
|
|
55
59
|
}, i = () => {
|
|
56
|
-
|
|
57
|
-
}, k = (
|
|
58
|
-
const n =
|
|
59
|
-
|
|
60
|
+
l.value = !1;
|
|
61
|
+
}, k = (o) => {
|
|
62
|
+
const n = o.target.checked;
|
|
63
|
+
s("update:modelValue", n), s("update:checked", n);
|
|
60
64
|
};
|
|
61
|
-
return
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
return g(() => {
|
|
66
|
+
t.modelValue !== void 0 && t.checked !== !1 && console.warn(
|
|
67
|
+
`[RDSSwitch] Warning: Avoid using both 'v-model' (or ':modelValue') and ':checked' props simultaneously on the same component instance (id: ${t.id}).
|
|
68
|
+
'v-model'/'modelValue' will always take precedence.`
|
|
69
|
+
), window.addEventListener("keydown", c), window.addEventListener("mousedown", i);
|
|
70
|
+
}), S(() => {
|
|
71
|
+
window.removeEventListener("keydown", c), window.removeEventListener("mousedown", i);
|
|
72
|
+
}), (o, n) => (d(), u("div", {
|
|
73
|
+
class: V(["rds-e-switch", { "rds-e-switch--focused": a.value }])
|
|
67
74
|
}, [
|
|
68
75
|
m("input", {
|
|
69
76
|
id: e.id.toString(),
|
|
70
77
|
class: "rds-e-switch__input",
|
|
71
78
|
type: "checkbox",
|
|
72
79
|
disabled: e.disabled,
|
|
73
|
-
checked:
|
|
80
|
+
checked: w.value,
|
|
74
81
|
onChange: k,
|
|
75
|
-
onFocus:
|
|
76
|
-
onBlur:
|
|
82
|
+
onFocus: v,
|
|
83
|
+
onBlur: b
|
|
77
84
|
}, null, 40, N),
|
|
78
85
|
m("label", {
|
|
79
86
|
class: "rds-e-switch__label",
|
|
80
87
|
for: e.id.toString(),
|
|
81
88
|
"aria-label": e.label
|
|
82
89
|
}, [
|
|
83
|
-
e.label ||
|
|
84
|
-
|
|
85
|
-
x(
|
|
90
|
+
e.label || o.$slots["text-label"] ? (d(), u("span", I, [
|
|
91
|
+
B(o.$slots, "text-label", {}, () => [
|
|
92
|
+
C(x(e.label), 1)
|
|
86
93
|
], !0),
|
|
87
|
-
e.icon ? (d(), _(
|
|
94
|
+
e.icon ? (d(), _(E, {
|
|
88
95
|
key: 0,
|
|
89
96
|
name: e.icon,
|
|
90
97
|
class: "rds-e-switch__label-icon",
|
|
91
98
|
"aria-hidden": "true"
|
|
92
|
-
}, null, 8, ["name"])) :
|
|
93
|
-
])) :
|
|
94
|
-
], 8,
|
|
99
|
+
}, null, 8, ["name"])) : h("", !0)
|
|
100
|
+
])) : h("", !0)
|
|
101
|
+
], 8, L)
|
|
95
102
|
], 2));
|
|
96
103
|
}
|
|
97
|
-
}),
|
|
104
|
+
}), M = /* @__PURE__ */ D(R, [["__scopeId", "data-v-16659a57"]]);
|
|
98
105
|
export {
|
|
99
|
-
|
|
106
|
+
M as default
|
|
100
107
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { R as
|
|
3
|
-
import { d as
|
|
4
|
-
import { _ as
|
|
5
|
-
import './style/tabBar.css';const
|
|
1
|
+
import { defineComponent as E, mergeModels as C, toRefs as N, useModel as W, ref as f, computed as g, onMounted as $, onUnmounted as K, watch as L, createElementBlock as d, openBlock as s, normalizeClass as c, createCommentVNode as w, createElementVNode as b, createVNode as R, Fragment as F, renderList as P, unref as q, withKeys as S, withModifiers as A, createBlock as H, createTextVNode as O, toDisplayString as U, renderSlot as j } from "vue";
|
|
2
|
+
import { R as y } from "./icon-svg-_WCkLP8-.js";
|
|
3
|
+
import { d as G } from "./functions-DIHwdgF0.js";
|
|
4
|
+
import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
+
import './style/tabBar.css';const Q = ["aria-selected", "tabindex", "onClick", "onKeydown"], X = { class: "rds-e-top-bar__item-title" }, Y = {
|
|
6
6
|
class: "rds-e-top-bar__content",
|
|
7
7
|
role: "tabpanel"
|
|
8
|
-
},
|
|
8
|
+
}, Z = /* @__PURE__ */ E({
|
|
9
9
|
__name: "tab-bar",
|
|
10
|
-
props: /* @__PURE__ */
|
|
10
|
+
props: /* @__PURE__ */ C({
|
|
11
11
|
/**
|
|
12
12
|
* Pestaña activa
|
|
13
13
|
*/
|
|
@@ -36,6 +36,13 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
|
|
|
36
36
|
type: Boolean,
|
|
37
37
|
default: !1
|
|
38
38
|
},
|
|
39
|
+
/**
|
|
40
|
+
* <span>Indica si el Tab-bar es inverso</span>
|
|
41
|
+
*/
|
|
42
|
+
inverse: {
|
|
43
|
+
type: Boolean,
|
|
44
|
+
default: !1
|
|
45
|
+
},
|
|
39
46
|
/**
|
|
40
47
|
* Si es `true`, se mostrara un divider entre el top-bar y el contenido.
|
|
41
48
|
*/
|
|
@@ -49,8 +56,8 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
|
|
|
49
56
|
*/
|
|
50
57
|
beforeTabChange: {
|
|
51
58
|
type: Function,
|
|
52
|
-
default: (
|
|
53
|
-
if (
|
|
59
|
+
default: (r, p) => {
|
|
60
|
+
if (r === p.id) return Promise.resolve(!0);
|
|
54
61
|
}
|
|
55
62
|
}
|
|
56
63
|
}, {
|
|
@@ -60,124 +67,131 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
|
|
|
60
67
|
},
|
|
61
68
|
activeTabModifiers: {}
|
|
62
69
|
}),
|
|
63
|
-
emits: /* @__PURE__ */
|
|
64
|
-
setup(
|
|
65
|
-
const
|
|
66
|
-
options:
|
|
67
|
-
} =
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
const t =
|
|
70
|
+
emits: /* @__PURE__ */ C(["activeTabChanged"], ["update:activeTab"]),
|
|
71
|
+
setup(r, { emit: p }) {
|
|
72
|
+
const o = r, V = p, {
|
|
73
|
+
options: i
|
|
74
|
+
} = N(o), M = W(r, "activeTab"), a = f(""), m = f(null), l = f(null), k = g(() => m.value ? Array.from(
|
|
75
|
+
m.value.children
|
|
76
|
+
) : []), u = f(!1), z = g(() => i.value.findIndex((t) => t.id === a.value) > 0 && u.value), D = g(() => l.value ? i.value.findIndex((t) => t.id === a.value) < o.options.length - 1 && u.value : !1), T = (e) => {
|
|
77
|
+
const t = o.options.find((n) => n.id === a.value);
|
|
71
78
|
return e ? t : t == null ? void 0 : t.id;
|
|
72
|
-
},
|
|
73
|
-
const t =
|
|
74
|
-
return t ? await
|
|
79
|
+
}, v = async (e) => {
|
|
80
|
+
const t = i.value.find((h) => h.id === e);
|
|
81
|
+
return t ? await o.beforeTabChange(e, t) ? (a.value = e, !0) : !1 : (console.error(`[RDSTabBar]: Tab with id ${e} not found`), !1);
|
|
75
82
|
}, x = async () => {
|
|
76
|
-
let e =
|
|
77
|
-
for (; e > 0 && (e--, !await
|
|
83
|
+
let e = i.value.findIndex((t) => t.id === a.value);
|
|
84
|
+
for (; e > 0 && (e--, !await v(i.value[e].id)); )
|
|
78
85
|
;
|
|
79
86
|
}, I = async () => {
|
|
80
|
-
let e =
|
|
81
|
-
for (; e <
|
|
87
|
+
let e = i.value.findIndex((t) => t.id === a.value);
|
|
88
|
+
for (; e < o.options.length - 1 && (e++, !await v(i.value[e].id)); )
|
|
82
89
|
;
|
|
83
90
|
};
|
|
84
|
-
function
|
|
85
|
-
const t =
|
|
86
|
-
|
|
91
|
+
function B(e) {
|
|
92
|
+
const t = i.value.findIndex((n) => n.id === e);
|
|
93
|
+
k.value[t] && k.value[t].scrollIntoView({
|
|
87
94
|
behavior: "smooth",
|
|
88
95
|
block: "nearest",
|
|
89
96
|
inline: "start"
|
|
90
97
|
});
|
|
91
98
|
}
|
|
92
|
-
const
|
|
93
|
-
|
|
99
|
+
const _ = () => {
|
|
100
|
+
var e, t;
|
|
101
|
+
l.value ? u.value = ((e = l.value) == null ? void 0 : e.scrollWidth) > ((t = l.value) == null ? void 0 : t.clientWidth) : u.value = !1, B(a.value);
|
|
94
102
|
};
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
103
|
+
if (o.activeTab) {
|
|
104
|
+
const e = i.value.find((t) => t.id === o.activeTab);
|
|
105
|
+
e ? a.value = e.id : (console.error(`[RDSTabBar]: Tab with id ${o.activeTab} not found. Picking the first tab instead.`), a.value = o.options[0].id ?? "");
|
|
106
|
+
} else
|
|
107
|
+
a.value = o.options[0].id ?? "";
|
|
108
|
+
return $(async () => {
|
|
109
|
+
_(), window.addEventListener("resize", G(_, 200));
|
|
110
|
+
}), K(() => {
|
|
111
|
+
window.removeEventListener("resize", _);
|
|
101
112
|
}), L(a, (e) => {
|
|
102
|
-
|
|
113
|
+
B(e), V("activeTabChanged", T(!1));
|
|
103
114
|
}), L(M, (e) => {
|
|
104
|
-
|
|
115
|
+
v(e);
|
|
105
116
|
}, { immediate: !0 }), (e, t) => (s(), d("div", {
|
|
106
|
-
class:
|
|
107
|
-
"rds-e-top-bar--fluid":
|
|
108
|
-
"rds-e-top-bar--divider":
|
|
117
|
+
class: c(["rds-e-top-bar", {
|
|
118
|
+
"rds-e-top-bar--fluid": r.fluid,
|
|
119
|
+
"rds-e-top-bar--divider": r.divider,
|
|
120
|
+
"rds-e-top-bar--inverse": r.inverse
|
|
109
121
|
}])
|
|
110
122
|
}, [
|
|
111
123
|
z.value ? (s(), d("div", {
|
|
112
124
|
key: 0,
|
|
113
|
-
class:
|
|
125
|
+
class: c([
|
|
114
126
|
"rds-e-top-bar__button",
|
|
115
|
-
|
|
127
|
+
r.backgroundAlternative ? "rds-e-top-bar__button--left-bg2" : "rds-e-top-bar__button--left"
|
|
116
128
|
]),
|
|
117
129
|
onClick: x
|
|
118
130
|
}, [
|
|
119
|
-
R(
|
|
131
|
+
R(y, {
|
|
120
132
|
class: "rds-e-top-bar__icon",
|
|
121
133
|
name: "arrow_left"
|
|
122
134
|
})
|
|
123
|
-
], 2)) :
|
|
124
|
-
|
|
135
|
+
], 2)) : w("", !0),
|
|
136
|
+
b("div", {
|
|
125
137
|
ref_key: "tabsListWrapper",
|
|
126
138
|
ref: l,
|
|
127
139
|
class: "rds-e-top-bar__wrapper"
|
|
128
140
|
}, [
|
|
129
|
-
|
|
141
|
+
b("ul", {
|
|
130
142
|
ref_key: "tabsList",
|
|
131
|
-
ref:
|
|
132
|
-
class: "rds-e-top-bar__list",
|
|
143
|
+
ref: m,
|
|
144
|
+
class: c(["rds-e-top-bar__list", {
|
|
145
|
+
"rds-e-top-bar__list-inverse": r.inverse
|
|
146
|
+
}]),
|
|
133
147
|
role: "tablist"
|
|
134
148
|
}, [
|
|
135
|
-
(s(!0), d(
|
|
136
|
-
key:
|
|
137
|
-
class:
|
|
149
|
+
(s(!0), d(F, null, P(q(i), (n, h) => (s(), d("li", {
|
|
150
|
+
key: h,
|
|
151
|
+
class: c(["rds-e-top-bar__item", {
|
|
138
152
|
active: a.value === n.id
|
|
139
153
|
}]),
|
|
140
154
|
role: "tab",
|
|
141
155
|
"aria-selected": a.value === n.id,
|
|
142
156
|
tabindex: a.value === n.id ? 0 : -1,
|
|
143
|
-
onClick: (
|
|
157
|
+
onClick: (ee) => v(n.id),
|
|
144
158
|
onKeydown: [
|
|
145
|
-
S(
|
|
146
|
-
S(
|
|
159
|
+
S(A(x, ["prevent"]), ["left"]),
|
|
160
|
+
S(A(I, ["prevent"]), ["right"])
|
|
147
161
|
]
|
|
148
162
|
}, [
|
|
149
|
-
|
|
150
|
-
n.icon ? (s(),
|
|
163
|
+
b("span", X, [
|
|
164
|
+
n.icon ? (s(), H(y, {
|
|
151
165
|
key: 0,
|
|
152
166
|
class: "rds-e-top-bar__item-title--icon",
|
|
153
167
|
name: n.icon
|
|
154
|
-
}, null, 8, ["name"])) :
|
|
155
|
-
|
|
168
|
+
}, null, 8, ["name"])) : w("", !0),
|
|
169
|
+
O(" " + U(n.title), 1)
|
|
156
170
|
])
|
|
157
|
-
], 42,
|
|
158
|
-
],
|
|
171
|
+
], 42, Q))), 128))
|
|
172
|
+
], 2)
|
|
159
173
|
], 512),
|
|
160
|
-
|
|
174
|
+
D.value ? (s(), d("div", {
|
|
161
175
|
key: 1,
|
|
162
|
-
class:
|
|
176
|
+
class: c([
|
|
163
177
|
"rds-e-top-bar__button",
|
|
164
|
-
|
|
178
|
+
r.backgroundAlternative ? "rds-e-top-bar__button--right-bg2" : "rds-e-top-bar__button--right"
|
|
165
179
|
]),
|
|
166
180
|
onClick: I
|
|
167
181
|
}, [
|
|
168
|
-
R(
|
|
182
|
+
R(y, {
|
|
169
183
|
class: "rds-e-top-bar__icon",
|
|
170
184
|
name: "arrow_right"
|
|
171
185
|
})
|
|
172
|
-
], 2)) :
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
tab:
|
|
186
|
+
], 2)) : w("", !0),
|
|
187
|
+
b("div", Y, [
|
|
188
|
+
j(e.$slots, a.value, {
|
|
189
|
+
tab: T(!0)
|
|
176
190
|
}, void 0, !0)
|
|
177
191
|
])
|
|
178
192
|
], 2));
|
|
179
193
|
}
|
|
180
|
-
}),
|
|
194
|
+
}), oe = /* @__PURE__ */ J(Z, [["__scopeId", "data-v-216621e5"]]);
|
|
181
195
|
export {
|
|
182
|
-
|
|
196
|
+
oe as default
|
|
183
197
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as H, toRefs as F, ref as i, watch as M, watchEffect as N, openBlock as u,
|
|
1
|
+
import { defineComponent as H, toRefs as F, ref as i, watch as M, watchEffect as N, createElementBlock as v, openBlock as u, createBlock as V, withDirectives as K, Fragment as z, renderList as g, unref as k, renderSlot as h, mergeProps as q, createSlots as S, withCtx as B, normalizeProps as C, guardReactiveProps as w, createVNode as G, vShow as J } from "vue";
|
|
2
2
|
import Q from "./tableslotedcomponent.es.js";
|
|
3
3
|
import U from "./pagination.es.js";
|
|
4
4
|
import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -60,10 +60,10 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
|
|
|
60
60
|
}, T = (e) => {
|
|
61
61
|
const a = {};
|
|
62
62
|
if ("pagination" in e) {
|
|
63
|
-
const
|
|
64
|
-
|
|
65
|
-
let
|
|
66
|
-
r.value =
|
|
63
|
+
const o = e.pagination;
|
|
64
|
+
o.reset && D();
|
|
65
|
+
let l = !1;
|
|
66
|
+
r.value = o, (o.page ?? 0) > m.value && (m.value = o.page ?? 0, l = !0), r.value && (r.value.isNewPage = l);
|
|
67
67
|
}
|
|
68
68
|
r.value && Object.assign(a, r.value), c.value && c.value.clearVisibleDetails(), s("update:options", a);
|
|
69
69
|
}, j = (e) => {
|
|
@@ -85,13 +85,13 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
|
|
|
85
85
|
}), E({
|
|
86
86
|
/** Fuerza a refrescar la paginacion y la tabla */
|
|
87
87
|
$reset: x
|
|
88
|
-
}), (e, a) => (u(),
|
|
89
|
-
e.$slots.mobile && e.isMobileDevice ? (u(!0),
|
|
90
|
-
key: `mobile-${
|
|
88
|
+
}), (e, a) => (u(), v("div", X, [
|
|
89
|
+
e.$slots.mobile && e.isMobileDevice ? (u(!0), v(z, { key: 0 }, g(k(d), (o, l) => (u(), v("div", {
|
|
90
|
+
key: `mobile-${l}`,
|
|
91
91
|
class: "table_paginted__mobile_item"
|
|
92
92
|
}, [
|
|
93
|
-
h(e.$slots, "mobile", { item:
|
|
94
|
-
]))), 128)) : (u(),
|
|
93
|
+
h(e.$slots, "mobile", { item: o }, void 0, !0)
|
|
94
|
+
]))), 128)) : (u(), V(Q, q({
|
|
95
95
|
key: 1,
|
|
96
96
|
ref_key: "tableSloted",
|
|
97
97
|
ref: c,
|
|
@@ -102,17 +102,17 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
|
|
|
102
102
|
"items-expanded": e.itemsExpanded,
|
|
103
103
|
onOnClickCheckbox: j,
|
|
104
104
|
onSelectAll: R,
|
|
105
|
-
onOnItemExpansion: a[0] || (a[0] = (
|
|
106
|
-
onOnHeaderSort: a[1] || (a[1] = (
|
|
105
|
+
onOnItemExpansion: a[0] || (a[0] = (o) => s("onItemExpansion", o)),
|
|
106
|
+
onOnHeaderSort: a[1] || (a[1] = (o) => s("update:sort", o))
|
|
107
107
|
}), S({ _: 2 }, [
|
|
108
|
-
|
|
109
|
-
name:
|
|
108
|
+
g(e.$slots, (o, l) => ({
|
|
109
|
+
name: l,
|
|
110
110
|
fn: B((f) => [
|
|
111
|
-
h(e.$slots,
|
|
111
|
+
h(e.$slots, l, C(w(f || {})), void 0, !0)
|
|
112
112
|
])
|
|
113
113
|
}))
|
|
114
114
|
]), 1040, ["loading", "is-mobile-device", "items-expanded"])),
|
|
115
|
-
|
|
115
|
+
K(G(U, {
|
|
116
116
|
ref_key: "paginationComponentRef",
|
|
117
117
|
ref: y,
|
|
118
118
|
class: "rds-mt-16",
|
|
@@ -123,12 +123,12 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
|
|
|
123
123
|
"jump-to": t.jumpTo,
|
|
124
124
|
selected: !0,
|
|
125
125
|
"disable-first-load": t.disableFirstLoad,
|
|
126
|
-
onPageChanged: a[2] || (a[2] = (
|
|
126
|
+
onPageChanged: a[2] || (a[2] = (o) => T({ pagination: o }))
|
|
127
127
|
}, S({ _: 2 }, [
|
|
128
|
-
|
|
129
|
-
name:
|
|
128
|
+
g(e.$slots, (o, l) => ({
|
|
129
|
+
name: l,
|
|
130
130
|
fn: B((f) => [
|
|
131
|
-
h(e.$slots,
|
|
131
|
+
h(e.$slots, l, C(w(f || {})), void 0, !0)
|
|
132
132
|
])
|
|
133
133
|
}))
|
|
134
134
|
]), 1032, ["total-items", "current-page", "items-per-page", "hide-leyend", "jump-to", "disable-first-load"]), [
|
|
@@ -136,7 +136,7 @@ import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated
|
|
|
136
136
|
])
|
|
137
137
|
]));
|
|
138
138
|
}
|
|
139
|
-
}),
|
|
139
|
+
}), oe = /* @__PURE__ */ W(Y, [["__scopeId", "data-v-862118a8"]]);
|
|
140
140
|
export {
|
|
141
|
-
|
|
141
|
+
oe as default
|
|
142
142
|
};
|