energy-components 1.7.0 → 1.8.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/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 +70 -55
- 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 +30 -30
- package/dist/components/toggle.es.js +2 -2
- package/dist/components/tooltip.es.js +319 -311
- package/dist/energy-components.es.js +4689 -4450
- 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 +12 -19
- 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-1fc895db]: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-1fc895db]{position:relative}.rds-e-top-bar__icon[data-v-1fc895db]{color:#005870}.rds-e-top-bar__button[data-v-1fc895db]{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-1fc895db]{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-1fc895db]{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-1fc895db]{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-1fc895db]{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-1fc895db]{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;width:100%}.rds-e-top-bar__wrapper[data-v-1fc895db]::-webkit-scrollbar{display:none}.rds-e-top-bar__list[data-v-1fc895db]{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-1fc895db]{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-1fc895db]{color:#007899}.rds-e-top-bar__item:focus-visible .rds-e-top-bar__item-title[data-v-1fc895db]{border-radius:4px;box-shadow:0 0 0 2px #00a9e0}.rds-e-top-bar__item.active .rds-e-top-bar__item-title[data-v-1fc895db]{font-weight:bolder}.rds-e-top-bar__item.active .rds-e-icon[data-v-1fc895db]{color:#ff590a}.rds-e-top-bar__item.active[data-v-1fc895db]: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-1fc895db]{color:red}.rds-e-top-bar__item-title[data-v-1fc895db]{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-1fc895db]{margin-right:4px}.rds-e-top-bar__content[data-v-1fc895db]{padding:1.25rem}.rds-e-top-bar--fluid .rds-e-top-bar__wrapper[data-v-1fc895db]{min-width:none;width:auto}.rds-e-top-bar--fluid .rds-e-top-bar__list[data-v-1fc895db]{min-width:unset;width:auto}.rds-e-top-bar--fluid .rds-e-top-bar__item[data-v-1fc895db]{flex-grow:unset;padding:.5rem 0rem}.rds-e-top-bar--fluid .rds-e-top-bar__item-title[data-v-1fc895db]{padding:0 .5rem}.rds-e-top-bar--divider .rds-e-top-bar__list[data-v-1fc895db]{border-bottom:1px solid #DBE6F0}.rds-e-top-bar--divider .rds-e-top-bar__list-inverse[data-v-1fc895db]{border-bottom:1px solid rgba(255,255,255,.2509803922)}.rds-e-top-bar--inverse .rds-e-top-bar__item-title[data-v-1fc895db],.rds-e-top-bar--inverse .rds-e-top-bar__item:hover .rds-e-top-bar__item-title[data-v-1fc895db],.rds-e-top-bar--inverse .rds-e-top-bar__icon[data-v-1fc895db]{color:#fff}.rds-e-top-bar--inverse .rds-e-top-bar__button--left[data-v-1fc895db],.rds-e-top-bar--inverse .rds-e-top-bar__button--left-bg2[data-v-1fc895db]{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-1fc895db],.rds-e-top-bar--inverse .rds-e-top-bar__button--right-bg2[data-v-1fc895db]{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-5cc94c78]: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-5cc94c78]{min-width:292px;position:relative}.rds-e-textfield__container[data-v-5cc94c78]{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-5cc94c78]{border:solid 1px #001e37;cursor:pointer}.rds-e-textfield:has(.rds-e-textfield__input:focus-visible) .rds-e-textfield__container[data-v-5cc94c78]{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-5cc94c78]{border:solid 1px #001e37;color:#001e37;outline:none}.rds-e-textfield--error .rds-e-textfield__container[data-v-5cc94c78]{border:solid 1px #dE1c2e}.rds-e-textfield--disabled .rds-e-textfield__container[data-v-5cc94c78]{opacity:.3;cursor:not-allowed;pointer-events:none}.rds-e-textfield__input-container[data-v-5cc94c78]{display:flex;flex-direction:column;overflow:hidden;padding:2px;position:relative;width:100%}.rds-e-textfield__label[data-v-5cc94c78]{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-5cc94c78]{opacity:.3}.rds-e-textfield--error .rds-e-textfield__label[data-v-5cc94c78]{color:#de1c2e}.rds-e-textfield__input:not([readonly]):focus+.rds-e-textfield__label[data-v-5cc94c78],.rds-e-textfield--filled .rds-e-textfield__label[data-v-5cc94c78]{font:.75rem/1rem RepsolSoleTextRegular;left:.8125rem;top:4px}.rds-e-textfield__input[data-v-5cc94c78]{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-5cc94c78]::-ms-reveal,.rds-e-textfield__input[data-v-5cc94c78]::-ms-clear{display:none}.rds-e-textfield__input[data-v-5cc94c78]:hover,.rds-e-textfield__input[data-v-5cc94c78]:focus-visible,.rds-e-textfield__input[data-v-5cc94c78]:active,.rds-e-textfield__input[data-v-5cc94c78]:disabled{border:0!important;box-shadow:none;cursor:pointer;outline:0!important}.rds-e-textfield__input[data-v-5cc94c78]:active{border:solid 1px #00badb;color:#001e37;outline:none}.rds-e-textfield__input[data-v-5cc94c78]:-webkit-autofill{background-color:transparent!important;-webkit-box-shadow:0 0 0 5000px #ffffff inset}.rds-e-textfield__input--error[data-v-5cc94c78]{border:solid 1px #dE1c2e}.rds-e-textfield__input--disabled[data-v-5cc94c78]{opacity:.3;cursor:not-allowed;pointer-events:none}.rds-e-textfield__icon[data-v-5cc94c78]{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-5cc94c78]{margin-left:0;opacity:0;pointer-events:none;transform:scale(.8);width:0}.rds-e-textfield__icon--left[data-v-5cc94c78]{margin-left:.875rem}.rds-e-textfield__icon--right[data-v-5cc94c78]{margin-right:.875rem}.rds-e-textfield__input:focus+.rds-e-textfield__icon[data-v-5cc94c78]{color:#00badb}.rds-e-textfield--error .rds-e-textfield__icon[data-v-5cc94c78]{color:#de1c2e}.rds-e-textfield--error .rds-e-textfield__icon--clear[data-v-5cc94c78],.rds-e-textfield--error .rds-e-textfield__icon--password[data-v-5cc94c78]{color:#43637d}.rds-e-textfield__helper[data-v-5cc94c78]{font:.875rem/1.125rem RepsolSoleTextRegular;color:#43637d;padding:.125rem;text-align:left}.rds-e-textfield__helper--error[data-v-5cc94c78]{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 w } from "./icon-svg-
|
|
1
|
+
import { defineComponent as E, mergeModels as C, toRefs as N, useModel as W, ref as _, computed as h, onMounted as $, nextTick as K, onUnmounted as F, watch as L, createElementBlock as d, openBlock as s, normalizeClass as c, createCommentVNode as g, createElementVNode as v, createVNode as R, Fragment as P, renderList as q, unref as H, withKeys as S, withModifiers as A, createBlock as O, createTextVNode as U, toDisplayString as j, renderSlot as G } from "vue";
|
|
2
|
+
import { R as w } from "./icon-svg-_WCkLP8-.js";
|
|
3
3
|
import { d as J } from "./functions-DIHwdgF0.js";
|
|
4
4
|
import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "onKeydown"], Y = { class: "rds-e-top-bar__item-title" }, Z = {
|
|
6
6
|
class: "rds-e-top-bar__content",
|
|
7
7
|
role: "tabpanel"
|
|
8
|
-
}, ee = /* @__PURE__ */
|
|
8
|
+
}, ee = /* @__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, f) => {
|
|
60
|
+
if (r === f.id) return Promise.resolve(!0);
|
|
54
61
|
}
|
|
55
62
|
}
|
|
56
63
|
}, {
|
|
@@ -60,94 +67,102 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
|
|
|
60
67
|
},
|
|
61
68
|
activeTabModifiers: {}
|
|
62
69
|
}),
|
|
63
|
-
emits: /* @__PURE__ */
|
|
64
|
-
setup(
|
|
65
|
-
const i =
|
|
66
|
-
options:
|
|
67
|
-
} =
|
|
70
|
+
emits: /* @__PURE__ */ C(["activeTabChanged"], ["update:activeTab"]),
|
|
71
|
+
setup(r, { emit: f }) {
|
|
72
|
+
const i = r, V = f, {
|
|
73
|
+
options: o
|
|
74
|
+
} = N(i), M = W(r, "activeTab"), a = _(""), b = _(null), l = _(null);
|
|
68
75
|
let p = [];
|
|
69
|
-
const y = h(() => l.value ? l.value.scrollWidth > l.value.clientWidth : !1), z = h(() =>
|
|
76
|
+
const y = h(() => l.value ? l.value.scrollWidth > l.value.clientWidth : !1), z = h(() => o.value.findIndex((t) => t.id === a.value) > 0 && y.value), D = h(() => l.value ? o.value.findIndex((t) => t.id === a.value) < i.options.length - 1 && y.value : !1), k = (e) => {
|
|
70
77
|
const t = i.options.find((n) => n.id === a.value);
|
|
71
78
|
return e ? t : t == null ? void 0 : t.id;
|
|
72
|
-
},
|
|
73
|
-
const t =
|
|
79
|
+
}, u = async (e) => {
|
|
80
|
+
const t = o.value.find((m) => m.id === e);
|
|
74
81
|
return t ? await i.beforeTabChange(e, t) ? (a.value = e, !0) : !1 : (console.error(`[RDSTabBar]: Tab with id ${e} not found`), !1);
|
|
75
|
-
},
|
|
76
|
-
let e =
|
|
77
|
-
for (; e > 0 && (e--, !await
|
|
82
|
+
}, T = async () => {
|
|
83
|
+
let e = o.value.findIndex((t) => t.id === a.value);
|
|
84
|
+
for (; e > 0 && (e--, !await u(o.value[e].id)); )
|
|
78
85
|
;
|
|
79
|
-
},
|
|
80
|
-
let e =
|
|
81
|
-
for (; e < i.options.length - 1 && (e++, !await
|
|
86
|
+
}, x = async () => {
|
|
87
|
+
let e = o.value.findIndex((t) => t.id === a.value);
|
|
88
|
+
for (; e < i.options.length - 1 && (e++, !await u(o.value[e].id)); )
|
|
82
89
|
;
|
|
83
90
|
};
|
|
84
|
-
function
|
|
85
|
-
const t =
|
|
91
|
+
function I(e) {
|
|
92
|
+
const t = o.value.findIndex((n) => n.id === e);
|
|
86
93
|
p[t] && p[t].scrollIntoView({
|
|
87
94
|
behavior: "smooth",
|
|
88
95
|
block: "nearest",
|
|
89
96
|
inline: "start"
|
|
90
97
|
});
|
|
91
98
|
}
|
|
92
|
-
const
|
|
93
|
-
|
|
99
|
+
const B = () => {
|
|
100
|
+
I(a.value);
|
|
94
101
|
};
|
|
95
|
-
return
|
|
96
|
-
await
|
|
102
|
+
return $(async () => {
|
|
103
|
+
if (await K(), b.value && (p = Array.from(
|
|
97
104
|
b.value.children
|
|
98
|
-
)),
|
|
105
|
+
)), i.activeTab) {
|
|
106
|
+
const e = o.value.find((t) => t.id === i.activeTab);
|
|
107
|
+
e ? a.value = e.id : (console.error(`[RDSTabBar]: Tab with id ${i.activeTab} not found. Picking the first tab instead.`), a.value = i.options[0].id ?? "");
|
|
108
|
+
} else
|
|
109
|
+
a.value = i.options[0].id ?? "";
|
|
110
|
+
window.addEventListener("resize", J(B, 200));
|
|
99
111
|
}), F(() => {
|
|
100
|
-
window.removeEventListener("resize",
|
|
112
|
+
window.removeEventListener("resize", B);
|
|
101
113
|
}), L(a, (e) => {
|
|
102
|
-
|
|
114
|
+
I(e), V("activeTabChanged", k(!1));
|
|
103
115
|
}), L(M, (e) => {
|
|
104
|
-
|
|
116
|
+
u(e);
|
|
105
117
|
}, { immediate: !0 }), (e, t) => (s(), d("div", {
|
|
106
|
-
class:
|
|
107
|
-
"rds-e-top-bar--fluid":
|
|
108
|
-
"rds-e-top-bar--divider":
|
|
118
|
+
class: c(["rds-e-top-bar", {
|
|
119
|
+
"rds-e-top-bar--fluid": r.fluid,
|
|
120
|
+
"rds-e-top-bar--divider": r.divider,
|
|
121
|
+
"rds-e-top-bar--inverse": r.inverse
|
|
109
122
|
}])
|
|
110
123
|
}, [
|
|
111
124
|
z.value ? (s(), d("div", {
|
|
112
125
|
key: 0,
|
|
113
|
-
class:
|
|
126
|
+
class: c([
|
|
114
127
|
"rds-e-top-bar__button",
|
|
115
|
-
|
|
128
|
+
r.backgroundAlternative ? "rds-e-top-bar__button--left-bg2" : "rds-e-top-bar__button--left"
|
|
116
129
|
]),
|
|
117
|
-
onClick:
|
|
130
|
+
onClick: T
|
|
118
131
|
}, [
|
|
119
132
|
R(w, {
|
|
120
133
|
class: "rds-e-top-bar__icon",
|
|
121
134
|
name: "arrow_left"
|
|
122
135
|
})
|
|
123
136
|
], 2)) : g("", !0),
|
|
124
|
-
|
|
137
|
+
v("div", {
|
|
125
138
|
ref_key: "tabsListWrapper",
|
|
126
139
|
ref: l,
|
|
127
140
|
class: "rds-e-top-bar__wrapper"
|
|
128
141
|
}, [
|
|
129
|
-
|
|
142
|
+
v("ul", {
|
|
130
143
|
ref_key: "tabsList",
|
|
131
144
|
ref: b,
|
|
132
|
-
class: "rds-e-top-bar__list",
|
|
145
|
+
class: c(["rds-e-top-bar__list", {
|
|
146
|
+
"rds-e-top-bar__list-inverse": r.inverse
|
|
147
|
+
}]),
|
|
133
148
|
role: "tablist"
|
|
134
149
|
}, [
|
|
135
|
-
(s(!0), d(
|
|
136
|
-
key:
|
|
137
|
-
class:
|
|
150
|
+
(s(!0), d(P, null, q(H(o), (n, m) => (s(), d("li", {
|
|
151
|
+
key: m,
|
|
152
|
+
class: c(["rds-e-top-bar__item", {
|
|
138
153
|
active: a.value === n.id
|
|
139
154
|
}]),
|
|
140
155
|
role: "tab",
|
|
141
156
|
"aria-selected": a.value === n.id,
|
|
142
157
|
tabindex: a.value === n.id ? 0 : -1,
|
|
143
|
-
onClick: (te) =>
|
|
158
|
+
onClick: (te) => u(n.id),
|
|
144
159
|
onKeydown: [
|
|
145
|
-
S(
|
|
146
|
-
S(
|
|
160
|
+
S(A(T, ["prevent"]), ["left"]),
|
|
161
|
+
S(A(x, ["prevent"]), ["right"])
|
|
147
162
|
]
|
|
148
163
|
}, [
|
|
149
|
-
|
|
150
|
-
n.icon ? (s(),
|
|
164
|
+
v("span", Y, [
|
|
165
|
+
n.icon ? (s(), O(w, {
|
|
151
166
|
key: 0,
|
|
152
167
|
class: "rds-e-top-bar__item-title--icon",
|
|
153
168
|
name: n.icon
|
|
@@ -155,29 +170,29 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
|
|
|
155
170
|
U(" " + j(n.title), 1)
|
|
156
171
|
])
|
|
157
172
|
], 42, X))), 128))
|
|
158
|
-
],
|
|
173
|
+
], 2)
|
|
159
174
|
], 512),
|
|
160
|
-
|
|
175
|
+
D.value ? (s(), d("div", {
|
|
161
176
|
key: 1,
|
|
162
|
-
class:
|
|
177
|
+
class: c([
|
|
163
178
|
"rds-e-top-bar__button",
|
|
164
|
-
|
|
179
|
+
r.backgroundAlternative ? "rds-e-top-bar__button--right-bg2" : "rds-e-top-bar__button--right"
|
|
165
180
|
]),
|
|
166
|
-
onClick:
|
|
181
|
+
onClick: x
|
|
167
182
|
}, [
|
|
168
183
|
R(w, {
|
|
169
184
|
class: "rds-e-top-bar__icon",
|
|
170
185
|
name: "arrow_right"
|
|
171
186
|
})
|
|
172
187
|
], 2)) : g("", !0),
|
|
173
|
-
|
|
188
|
+
v("div", Z, [
|
|
174
189
|
G(e.$slots, a.value, {
|
|
175
190
|
tab: k(!0)
|
|
176
191
|
}, void 0, !0)
|
|
177
192
|
])
|
|
178
193
|
], 2));
|
|
179
194
|
}
|
|
180
|
-
}),
|
|
195
|
+
}), oe = /* @__PURE__ */ Q(ee, [["__scopeId", "data-v-1fc895db"]]);
|
|
181
196
|
export {
|
|
182
|
-
|
|
197
|
+
oe as default
|
|
183
198
|
};
|
|
@@ -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
|
};
|