energy-components 1.6.0-beta.0 → 1.6.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/button.es.js +11 -11
- package/dist/components/checkbox.es.js +7 -7
- package/dist/components/dropdown.es.js +278 -148
- package/dist/components/filterChip.es.js +4 -4
- package/dist/components/{icon-svg-CeKfjk3j.js → icon-svg-DGp2yHJn.js} +700 -670
- package/dist/components/iconList.es.js +5 -5
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +62 -59
- package/dist/components/infoBox.es.js +48 -33
- package/dist/components/link.es.js +15 -15
- package/dist/components/modal.es.js +69 -39
- package/dist/components/multiselect.es.js +230 -184
- package/dist/components/multiselectcontentwrapper.es.js +140 -0
- package/dist/components/pagination.es.js +118 -86
- package/dist/components/persistentToast.es.js +29 -23
- package/dist/components/quantitySelector.es.js +9 -9
- package/dist/components/radioButton.es.js +16 -16
- package/dist/components/selectionChip.es.js +5 -5
- package/dist/components/sidedrawer.es.js +36 -28
- package/dist/components/style/datepicker.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/infoBox.css +1 -1
- package/dist/components/style/modal.css +1 -1
- package/dist/components/style/multiselect.css +1 -1
- package/dist/components/style/multiselectcontentwrapper.css +1 -0
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/persistentToast.css +1 -1
- package/dist/components/style/sidedrawer.css +1 -1
- package/dist/components/style/tablepaginatedcomponent.css +1 -1
- package/dist/components/style/tableslotedcomponent.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/switch.es.js +10 -10
- package/dist/components/tabBar.es.js +12 -12
- package/dist/components/tablepaginatedcomponent.es.js +69 -66
- package/dist/components/tableslotedcomponent.es.js +147 -138
- package/dist/components/tag.es.js +5 -5
- package/dist/components/textArea.es.js +22 -22
- package/dist/components/textField.es.js +93 -84
- package/dist/components/tooltip.es.js +61 -61
- package/dist/energy-components.es.js +7354 -6797
- package/dist/energy-components.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/src/components/feedback/info-box/info-box.vue.d.ts +20 -1
- package/dist/types/src/components/feedback/persistent-toast/persistent-toast.vue.d.ts +1 -0
- package/dist/types/src/components/index.d.ts +1 -0
- package/dist/types/src/components/input/dropdown/Multiselect/MultiselectContentWrapper.vue.d.ts +86 -0
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +582 -0
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +10 -3
- package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +15 -0
- package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts +63 -31
- package/dist/types/src/components/overlay/modal/modal.vue.d.ts +27 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-4d909f61]: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}.table_paginated__container .table_paginated_search-container[data-v-4d909f61]{display:flex;justify-content:flex-end}.table_paginated__container[data-v-4d909f61] .table__cell--no-sticky{max-width:10rem;overflow:hidden;text-overflow:ellipsis}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
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-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:#0092ae}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 .icon[data-v-d17d793d]{animation:spin-d17d793d 2s linear infinite}@keyframes spin-d17d793d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-v-
|
|
1
|
+
[data-v-bf8d52de]: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-bf8d52de]{min-width:292px;position:relative}.rds-e-textfield__container[data-v-bf8d52de]{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-bf8d52de]{border:solid 1px #001e37;cursor:pointer}.rds-e-textfield:has(.rds-e-textfield__input:focus-visible) .rds-e-textfield__container[data-v-bf8d52de]{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-bf8d52de]{border:solid 1px #001e37;color:#001e37;outline:none}.rds-e-textfield--error .rds-e-textfield__container[data-v-bf8d52de]{border:solid 1px #dE1c2e}.rds-e-textfield--disabled .rds-e-textfield__container[data-v-bf8d52de]{opacity:.3;cursor:not-allowed;pointer-events:none}.rds-e-textfield__input-container[data-v-bf8d52de]{display:flex;flex-direction:column;overflow:hidden;padding:2px;position:relative;width:100%}.rds-e-textfield__label[data-v-bf8d52de]{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-bf8d52de]{opacity:.3}.rds-e-textfield--error .rds-e-textfield__label[data-v-bf8d52de]{color:#de1c2e}.rds-e-textfield__input:not([readonly]):focus+.rds-e-textfield__label[data-v-bf8d52de],.rds-e-textfield--filled .rds-e-textfield__label[data-v-bf8d52de]{font:.75rem/1rem RepsolSoleTextRegular;left:.8125rem;top:4px}.rds-e-textfield__input[data-v-bf8d52de]{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-bf8d52de]::-ms-reveal,.rds-e-textfield__input[data-v-bf8d52de]::-ms-clear{display:none}.rds-e-textfield__input[data-v-bf8d52de]:hover,.rds-e-textfield__input[data-v-bf8d52de]:focus-visible,.rds-e-textfield__input[data-v-bf8d52de]:active,.rds-e-textfield__input[data-v-bf8d52de]:disabled{border:0!important;box-shadow:none;cursor:pointer;outline:0!important}.rds-e-textfield__input[data-v-bf8d52de]:active{border:solid 1px #00badb;color:#001e37;outline:none}.rds-e-textfield__input[data-v-bf8d52de]:-webkit-autofill{background-color:transparent!important;-webkit-box-shadow:0 0 0 5000px #ffffff inset}.rds-e-textfield__input--error[data-v-bf8d52de]{border:solid 1px #dE1c2e}.rds-e-textfield__input--disabled[data-v-bf8d52de]{opacity:.3;cursor:not-allowed;pointer-events:none}.rds-e-textfield__icon[data-v-bf8d52de]{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-bf8d52de]{margin-left:0;opacity:0;pointer-events:none;transform:scale(.8);width:0}.rds-e-textfield__icon--left[data-v-bf8d52de]{margin-left:.875rem}.rds-e-textfield__icon--right[data-v-bf8d52de]{margin-right:.875rem}.rds-e-textfield__input:focus+.rds-e-textfield__icon[data-v-bf8d52de]{color:#00badb}.rds-e-textfield--error .rds-e-textfield__icon[data-v-bf8d52de]{color:#de1c2e}.rds-e-textfield--error .rds-e-textfield__icon--clear[data-v-bf8d52de],.rds-e-textfield--error .rds-e-textfield__icon--password[data-v-bf8d52de]{color:#43637d}.rds-e-textfield__helper[data-v-bf8d52de]{font:.875rem/1.125rem RepsolSoleTextRegular;color:#43637d;padding:.125rem;text-align:left}.rds-e-textfield__helper--error[data-v-bf8d52de]{color:#de1c2e}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as y, mergeModels as c, useModel as g, ref as r, onMounted as
|
|
2
|
-
import {
|
|
1
|
+
import { defineComponent as y, mergeModels as c, useModel as g, ref as r, onMounted as S, onBeforeUnmount as B, openBlock as d, createElementBlock as u, normalizeClass as V, createElementVNode as m, renderSlot as p, createTextVNode as x, toDisplayString as E, createBlock as _, createCommentVNode as f } from "vue";
|
|
2
|
+
import { R as C } from "./icon-svg-DGp2yHJn.js";
|
|
3
3
|
import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
import './style/switch.css';const N = ["id", "disabled", "checked"],
|
|
4
|
+
import './style/switch.css';const N = ["id", "disabled", "checked"], D = ["for", "aria-label"], L = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "rds-e-switch__label-text"
|
|
7
|
-
},
|
|
7
|
+
}, F = /* @__PURE__ */ y({
|
|
8
8
|
__name: "switch",
|
|
9
9
|
props: /* @__PURE__ */ c({
|
|
10
10
|
/**
|
|
@@ -58,9 +58,9 @@ import './style/switch.css';const N = ["id", "disabled", "checked"], L = ["for",
|
|
|
58
58
|
const n = t.target.checked;
|
|
59
59
|
a.value = n, w("update:checked", n);
|
|
60
60
|
};
|
|
61
|
-
return
|
|
61
|
+
return S(() => {
|
|
62
62
|
window.addEventListener("keydown", s), window.addEventListener("mousedown", i);
|
|
63
|
-
}),
|
|
63
|
+
}), B(() => {
|
|
64
64
|
window.removeEventListener("keydown", s), window.removeEventListener("mousedown", i);
|
|
65
65
|
}), (t, n) => (d(), u("div", {
|
|
66
66
|
class: V(["rds-e-switch", { "rds-e-switch--focused": l.value }])
|
|
@@ -80,7 +80,7 @@ import './style/switch.css';const N = ["id", "disabled", "checked"], L = ["for",
|
|
|
80
80
|
for: e.id.toString(),
|
|
81
81
|
"aria-label": e.label
|
|
82
82
|
}, [
|
|
83
|
-
e.label || t.$slots["text-label"] ? (d(), u("span",
|
|
83
|
+
e.label || t.$slots["text-label"] ? (d(), u("span", L, [
|
|
84
84
|
p(t.$slots, "text-label", {}, () => [
|
|
85
85
|
x(E(e.label), 1)
|
|
86
86
|
], !0),
|
|
@@ -91,10 +91,10 @@ import './style/switch.css';const N = ["id", "disabled", "checked"], L = ["for",
|
|
|
91
91
|
"aria-hidden": "true"
|
|
92
92
|
}, null, 8, ["name"])) : f("", !0)
|
|
93
93
|
])) : f("", !0)
|
|
94
|
-
], 8,
|
|
94
|
+
], 8, D)
|
|
95
95
|
], 2));
|
|
96
96
|
}
|
|
97
|
-
}),
|
|
97
|
+
}), T = /* @__PURE__ */ M(F, [["__scopeId", "data-v-be80169d"]]);
|
|
98
98
|
export {
|
|
99
|
-
|
|
99
|
+
T as default
|
|
100
100
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as N, mergeModels as B, toRefs as W, useModel as
|
|
2
|
-
import {
|
|
1
|
+
import { defineComponent as N, mergeModels as B, toRefs as W, useModel as D, ref as m, computed as h, onMounted as K, nextTick as $, onUnmounted as F, watch as L, openBlock as s, createElementBlock as d, normalizeClass as u, createVNode as R, createCommentVNode as g, createElementVNode as f, Fragment as q, renderList as H, unref as O, withKeys as S, withModifiers as V, createBlock as P, createTextVNode as U, toDisplayString as j, renderSlot as G } from "vue";
|
|
2
|
+
import { R as w } from "./icon-svg-DGp2yHJn.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 = {
|
|
@@ -62,9 +62,9 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
|
|
|
62
62
|
}),
|
|
63
63
|
emits: /* @__PURE__ */ B(["activeTabChanged"], ["update:activeTab"]),
|
|
64
64
|
setup(o, { emit: v }) {
|
|
65
|
-
const i = o,
|
|
65
|
+
const i = o, A = v, {
|
|
66
66
|
options: r
|
|
67
|
-
} = W(i),
|
|
67
|
+
} = W(i), M = D(o, "activeTab"), a = m(""), b = m(null), l = m(null);
|
|
68
68
|
let p = [];
|
|
69
69
|
const y = h(() => l.value ? l.value.scrollWidth > l.value.clientWidth : !1), z = h(() => r.value.findIndex((t) => t.id === a.value) > 0 && y.value), E = h(() => l.value ? r.value.findIndex((t) => t.id === a.value) < i.options.length - 1 && y.value : !1), k = (e) => {
|
|
70
70
|
const t = i.options.find((n) => n.id === a.value);
|
|
@@ -92,15 +92,15 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
|
|
|
92
92
|
const C = () => {
|
|
93
93
|
T(a.value);
|
|
94
94
|
};
|
|
95
|
-
return
|
|
96
|
-
await
|
|
95
|
+
return K(async () => {
|
|
96
|
+
await $(), b.value && (p = Array.from(
|
|
97
97
|
b.value.children
|
|
98
98
|
)), a.value = i.options[0].id ?? "", window.addEventListener("resize", J(C, 200));
|
|
99
99
|
}), F(() => {
|
|
100
100
|
window.removeEventListener("resize", C);
|
|
101
101
|
}), L(a, (e) => {
|
|
102
|
-
T(e),
|
|
103
|
-
}), L(
|
|
102
|
+
T(e), A("activeTabChanged", k(!1));
|
|
103
|
+
}), L(M, (e) => c(e)), (e, t) => (s(), d("div", {
|
|
104
104
|
class: u(["rds-e-top-bar", {
|
|
105
105
|
"rds-e-top-bar--fluid": o.fluid,
|
|
106
106
|
"rds-e-top-bar--divider": o.divider
|
|
@@ -114,7 +114,7 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
|
|
|
114
114
|
]),
|
|
115
115
|
onClick: x
|
|
116
116
|
}, [
|
|
117
|
-
|
|
117
|
+
R(w, {
|
|
118
118
|
class: "rds-e-top-bar__icon",
|
|
119
119
|
name: "arrow_left"
|
|
120
120
|
})
|
|
@@ -140,8 +140,8 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
|
|
|
140
140
|
tabindex: a.value === n.id ? 0 : -1,
|
|
141
141
|
onClick: (te) => c(n.id),
|
|
142
142
|
onKeydown: [
|
|
143
|
-
V(
|
|
144
|
-
V(
|
|
143
|
+
S(V(x, ["prevent"]), ["left"]),
|
|
144
|
+
S(V(I, ["prevent"]), ["right"])
|
|
145
145
|
]
|
|
146
146
|
}, [
|
|
147
147
|
f("span", Y, [
|
|
@@ -163,7 +163,7 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
|
|
|
163
163
|
]),
|
|
164
164
|
onClick: I
|
|
165
165
|
}, [
|
|
166
|
-
|
|
166
|
+
R(w, {
|
|
167
167
|
class: "rds-e-top-bar__icon",
|
|
168
168
|
name: "arrow_right"
|
|
169
169
|
})
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { _ as
|
|
5
|
-
import './style/tablepaginatedcomponent.css';const
|
|
1
|
+
import { defineComponent as H, toRefs as M, ref as i, watch as N, watchEffect as V, openBlock as u, createElementBlock as g, Fragment as K, renderList as v, unref as k, renderSlot as h, createBlock as z, mergeProps as F, createSlots as S, withCtx as B, normalizeProps as C, guardReactiveProps as w, withDirectives as q, createVNode as G, vShow as J } from "vue";
|
|
2
|
+
import Q from "./tableslotedcomponent.es.js";
|
|
3
|
+
import U from "./pagination.es.js";
|
|
4
|
+
import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
+
import './style/tablepaginatedcomponent.css';const X = { class: "table_paginated__container" }, Y = /* @__PURE__ */ H({
|
|
6
6
|
__name: "TablePaginatedComponent",
|
|
7
7
|
props: {
|
|
8
8
|
loading: { type: Boolean, default: !1 },
|
|
@@ -28,21 +28,21 @@ import './style/tablepaginatedcomponent.css';const Q = { class: "table_paginated
|
|
|
28
28
|
asynchrone: { type: Boolean, default: !0 },
|
|
29
29
|
jumpTo: { type: Boolean, default: !1 }
|
|
30
30
|
},
|
|
31
|
-
emits: ["
|
|
32
|
-
setup(
|
|
33
|
-
const t =
|
|
34
|
-
loading:
|
|
35
|
-
items:
|
|
36
|
-
selectableKey:
|
|
37
|
-
header:
|
|
31
|
+
emits: ["update:options", "update:reset", "update:selection", "update:selectedAll", "update:sort", "onItemExpansion"],
|
|
32
|
+
setup(A, { expose: E, emit: _ }) {
|
|
33
|
+
const t = A, s = _, {
|
|
34
|
+
loading: I,
|
|
35
|
+
items: d,
|
|
36
|
+
selectableKey: $,
|
|
37
|
+
header: D,
|
|
38
38
|
asynchrone: P
|
|
39
|
-
} = M(t),
|
|
39
|
+
} = M(t), c = i(), p = i([]), o = i([]), y = i({
|
|
40
40
|
item: {
|
|
41
|
-
header:
|
|
42
|
-
items:
|
|
41
|
+
header: D,
|
|
42
|
+
items: p
|
|
43
43
|
},
|
|
44
|
-
selectableKey:
|
|
45
|
-
listChecked:
|
|
44
|
+
selectableKey: $,
|
|
45
|
+
listChecked: o,
|
|
46
46
|
checkedAll: t.checkedAll,
|
|
47
47
|
initChecked: [],
|
|
48
48
|
variant: t.variant,
|
|
@@ -52,66 +52,66 @@ import './style/tablepaginatedcomponent.css';const Q = { class: "table_paginated
|
|
|
52
52
|
hideSelectAll: t.hideSelectAll,
|
|
53
53
|
showEmptyState: t.showEmptyState,
|
|
54
54
|
mockItems: t.itemsPerPage[0]
|
|
55
|
-
}), b =
|
|
56
|
-
|
|
57
|
-
},
|
|
58
|
-
p.value
|
|
59
|
-
},
|
|
55
|
+
}), b = i(null), m = i(1), r = i(), O = () => {
|
|
56
|
+
p.value = [], m.value = 1, r.value = void 0, s("update:reset");
|
|
57
|
+
}, T = () => {
|
|
58
|
+
p.value = d.value;
|
|
59
|
+
}, j = (e) => {
|
|
60
60
|
const a = {};
|
|
61
61
|
if ("pagination" in e) {
|
|
62
|
-
e.pagination
|
|
63
|
-
|
|
64
|
-
|
|
62
|
+
const n = e.pagination;
|
|
63
|
+
n.reset && O();
|
|
64
|
+
let l = !1;
|
|
65
|
+
r.value = n, (n.page ?? 0) > m.value && (m.value = n.page ?? 0, l = !0), r.value && (r.value.isNewPage = l);
|
|
65
66
|
}
|
|
66
|
-
Object.assign(a,
|
|
67
|
-
},
|
|
68
|
-
const a =
|
|
69
|
-
a > -1 ?
|
|
70
|
-
},
|
|
67
|
+
r.value && Object.assign(a, r.value), c.value && c.value.clearVisibleDetails(), s("update:options", a);
|
|
68
|
+
}, x = (e) => {
|
|
69
|
+
const a = o.value.indexOf(e);
|
|
70
|
+
a > -1 ? o.value.splice(a, 1) : o.value.push(e), s("update:selection", o.value);
|
|
71
|
+
}, L = () => {
|
|
71
72
|
var e;
|
|
72
73
|
(e = b.value) == null || e.resetPagination();
|
|
73
|
-
},
|
|
74
|
-
e && (
|
|
74
|
+
}, R = (e) => {
|
|
75
|
+
e && (o.value = []), y.value.checkedAll = e, s("update:selectedAll", e);
|
|
75
76
|
};
|
|
76
|
-
return
|
|
77
|
-
|
|
78
|
-
}), V(() => {
|
|
79
|
-
if (!P.value &&
|
|
77
|
+
return o.value = [...t.initChecked], P.value || (p.value = d.value), N(d, () => {
|
|
78
|
+
T();
|
|
79
|
+
}, { deep: !0 }), V(() => {
|
|
80
|
+
if (!P.value && d.value.length >= 0) {
|
|
80
81
|
const e = (t.activePage - 1) * t.itemsPerPage[0], a = e + t.itemsPerPage[0];
|
|
81
|
-
|
|
82
|
+
p.value = d.value.slice(e, a);
|
|
82
83
|
}
|
|
83
|
-
}),
|
|
84
|
+
}), E({
|
|
84
85
|
/** Fuerza a refrescar la paginacion y la tabla */
|
|
85
|
-
$reset:
|
|
86
|
-
}), (e, a) => (
|
|
87
|
-
e.$slots.mobile && e.isMobileDevice ? (
|
|
88
|
-
key: `mobile-${
|
|
86
|
+
$reset: L
|
|
87
|
+
}), (e, a) => (u(), g("div", X, [
|
|
88
|
+
e.$slots.mobile && e.isMobileDevice ? (u(!0), g(K, { key: 0 }, v(k(d), (n, l) => (u(), g("div", {
|
|
89
|
+
key: `mobile-${l}`,
|
|
89
90
|
class: "table_paginted__mobile_item"
|
|
90
91
|
}, [
|
|
91
|
-
|
|
92
|
-
]))), 128)) : (
|
|
92
|
+
h(e.$slots, "mobile", { item: n }, void 0, !0)
|
|
93
|
+
]))), 128)) : (u(), z(Q, F({
|
|
93
94
|
key: 1,
|
|
94
95
|
ref_key: "tableSloted",
|
|
95
|
-
ref:
|
|
96
|
+
ref: c,
|
|
96
97
|
class: "mb-5"
|
|
97
98
|
}, y.value, {
|
|
98
|
-
loading:
|
|
99
|
+
loading: k(I),
|
|
99
100
|
"is-mobile-device": e.isMobileDevice,
|
|
100
101
|
"items-expanded": e.itemsExpanded,
|
|
101
|
-
onOnClickCheckbox:
|
|
102
|
-
onSelectAll:
|
|
103
|
-
onOnItemExpansion: a[0] || (a[0] = (n) =>
|
|
104
|
-
onOnHeaderSort: a[1] || (a[1] = (n) =>
|
|
105
|
-
}),
|
|
106
|
-
|
|
107
|
-
name:
|
|
108
|
-
fn:
|
|
109
|
-
|
|
102
|
+
onOnClickCheckbox: x,
|
|
103
|
+
onSelectAll: R,
|
|
104
|
+
onOnItemExpansion: a[0] || (a[0] = (n) => s("onItemExpansion", n)),
|
|
105
|
+
onOnHeaderSort: a[1] || (a[1] = (n) => s("update:sort", n))
|
|
106
|
+
}), S({ _: 2 }, [
|
|
107
|
+
v(e.$slots, (n, l) => ({
|
|
108
|
+
name: l,
|
|
109
|
+
fn: B((f) => [
|
|
110
|
+
h(e.$slots, l, C(w(f || {})), void 0, !0)
|
|
110
111
|
])
|
|
111
112
|
}))
|
|
112
113
|
]), 1040, ["loading", "is-mobile-device", "items-expanded"])),
|
|
113
|
-
|
|
114
|
-
key: 2,
|
|
114
|
+
q(G(U, {
|
|
115
115
|
ref_key: "paginationComponentRef",
|
|
116
116
|
ref: b,
|
|
117
117
|
class: "rds-mt-16",
|
|
@@ -120,18 +120,21 @@ import './style/tablepaginatedcomponent.css';const Q = { class: "table_paginated
|
|
|
120
120
|
"items-per-page": t.itemsPerPage[0],
|
|
121
121
|
"hide-leyend": t.hideLeyend,
|
|
122
122
|
"jump-to": t.jumpTo,
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
123
|
+
selected: !0,
|
|
124
|
+
onPageChanged: a[2] || (a[2] = (n) => j({ pagination: n }))
|
|
125
|
+
}, S({ _: 2 }, [
|
|
126
|
+
v(e.$slots, (n, l) => ({
|
|
127
|
+
name: l,
|
|
128
|
+
fn: B((f) => [
|
|
129
|
+
h(e.$slots, l, C(w(f || {})), void 0, !0)
|
|
129
130
|
])
|
|
130
131
|
}))
|
|
131
|
-
]), 1032, ["total-items", "current-page", "items-per-page", "hide-leyend", "jump-to"])
|
|
132
|
+
]), 1032, ["total-items", "current-page", "items-per-page", "hide-leyend", "jump-to"]), [
|
|
133
|
+
[J, !e.hidePagination]
|
|
134
|
+
])
|
|
132
135
|
]));
|
|
133
136
|
}
|
|
134
|
-
}),
|
|
137
|
+
}), ne = /* @__PURE__ */ W(Y, [["__scopeId", "data-v-4d909f61"]]);
|
|
135
138
|
export {
|
|
136
|
-
|
|
139
|
+
ne as default
|
|
137
140
|
};
|