@wra-gov/vue-components 0.28.0 → 0.28.5
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/index.d.ts +341 -16
- package/dist/vue-components.js +662 -357
- package/dist/vue-components.umd.cjs +2 -2
- package/package.json +2 -2
package/dist/vue-components.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('body{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif}p{font-size:18px;line-height:24px}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid var(--color-wra-grey);font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:var(--color-wra-blue);font-weight:700}a:hover{color:var(--color-wra-blue);text-decoration:none}a:focus-visible{color:var(--color-wra-black);background-color:var(--color-wra-yellow);box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black);outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black)}/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-wra-revenue:#2a225b;--color-wra-black:#1f1f1f;--color-wra-charcoal:#323232;--color-wra-light-grey:#f1f1f1;--color-wra-grey:#e5e5e5;--color-wra-mid-grey:#b5b5b5;--color-wra-dark-grey:#666;--color-wra-light-red:#ffe4e5;--color-wra-red:#a11;--color-wra-light-blue:#c2e0fc;--color-wra-blue:#0360a6;--color-wra-mid-blue:#3b7dc5;--color-wra-dark-blue:#1f446d;--color-wra-light-green:#cdf7d4;--color-wra-green:#007015;--color-wra-light-yellow:#fff5ce;--color-wra-yellow:#ffd530}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing)*4)}.contents{display:contents}.hidden{display:none}.table{display:table}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.bg-wra-blue{background-color:var(--color-wra-blue)}.bg-wra-light-blue{background-color:var(--color-wra-light-blue)}.bg-wra-red{background-color:var(--color-wra-red)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-wrap{text-wrap:wrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}[data-v-a67304e8],[data-v-a67304e8]:before,[data-v-a67304e8]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-a67304e8]{background-color:var(--color-wra-charcoal);font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-a67304e8]{display:none}}[data-v-a2424022],[data-v-a2424022]:before,[data-v-a2424022]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-a2424022]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.autocomplete-input[data-v-a2424022]:disabled{opacity:.3}.autocomplete-input--focus[data-v-a2424022]{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}.autocomplete-label[data-v-a2424022]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-a2424022]{position:absolute;display:block;list-style-type:none;z-index:1;padding:0;border:1px solid var(--color-wra-black);border-top:0px;width:100%;max-height:200px;background:var(--color-wra-light-grey);overflow-y:auto}.autocomplete-list>li[data-v-a2424022]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-a2424022]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-a2424022]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-a2424022]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-a2424022]{background:var(--color-wra-blue);color:#fff}.autocomplete-list>li.autocomplete-item-not-clickable[data-v-a2424022]{cursor:not-allowed}.autocomplete[data-v-a2424022]{position:relative}[data-v-13fdebc5],[data-v-13fdebc5]:before,[data-v-13fdebc5]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-13fdebc5]{background-color:var(--color-wra-light-grey);font-size:18px;color:var(--color-wra-black);padding:20px;border:none;position:relative}.new-service[data-v-13fdebc5]{background-color:var(--color-wra-yellow)}.new-service[data-v-13fdebc5] a{color:var(--color-wra-black)}.new-service[data-v-13fdebc5] a:focus{color:#fff;background-color:var(--color-wra-black);box-shadow:0 -4px var(--color-wra-black),0 2px #fff;-webkit-box-shadow:0 -4px var(--color-wra-black),0 2px #ffffff}.wra-banner-actions[data-v-13fdebc5]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}.wra-banner-close[data-v-13fdebc5]{background:none;border:none;font-size:26px;font-weight:700;color:var(--color-wra-black);cursor:pointer;position:absolute;top:15px;right:15px;height:30px}.wra-banner-close[data-v-13fdebc5]:hover{opacity:.6;transition:all .3s ease}.wra-banner-close[data-v-13fdebc5]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black)}.wra-banner-close[data-v-13fdebc5]:focus:hover{opacity:1}.closable-padding[data-v-13fdebc5]{padding-right:44px}@media print{.hidden-print[data-v-13fdebc5]{display:none}}[data-v-2a897129],[data-v-2a897129]:before,[data-v-2a897129]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-2a897129]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-2a897129]{font-size:16px}.wra-breadcrumbs-item[data-v-2a897129]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-2a897129]{display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link--disabled[data-v-2a897129]{color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link[data-v-2a897129]{text-decoration:none;font-weight:700;color:var(--color-wra-revenue)}.wra-breadcrumbs-link[data-v-2a897129]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-2a897129]:focus{opacity:1;color:var(--color-wra-black)}.wra-breadcrumbs-chevron[data-v-2a897129]{content:" ";display:inline-block;border:solid var(--color-wra-dark-grey);border-width:3.5px 3.5px 0px 0px;padding:2.5px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-667ad3bf]{color:#fff;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-667ad3bf]:hover{background-color:var(--color-wra-dark-grey);transition:all .3s ease}button[data-v-667ad3bf]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-667ad3bf]:disabled{cursor:not-allowed;opacity:.7;background-color:var(--color-wra-charcoal)}button[data-v-667ad3bf]:disabled:hover{opacity:.7;background-color:var(--color-wra-charcoal)}button.outlined-button[data-v-667ad3bf]:disabled{color:#fff}.icon[data-v-667ad3bf]{display:flex;align-items:center;justify-content:center}.prepend-icon-wrapper[data-v-667ad3bf]{margin-right:8px}.append-icon-wrapper[data-v-667ad3bf]{margin-left:8px}.wra-black[data-v-667ad3bf]{background-color:var(--color-wra-black)}.wra-black[data-v-667ad3bf]:hover{background-color:var(--color-wra-dark-grey)}.wra-blue[data-v-667ad3bf]{background-color:var(--color-wra-blue)}.wra-blue[data-v-667ad3bf]:hover{background-color:#3571b1}.wra-red[data-v-667ad3bf]{background-color:var(--color-wra-red)}.wra-red[data-v-667ad3bf]:hover{background-color:#d81f1f}.wra-green[data-v-667ad3bf]{background-color:var(--color-wra-green)}.wra-green[data-v-667ad3bf]:hover{background-color:#008a19}.wra-revenue[data-v-667ad3bf]{background-color:var(--color-wra-revenue)}.wra-revenue[data-v-667ad3bf]:hover{background-color:#55507b}.wra-white[data-v-667ad3bf]{background-color:#fff;color:var(--color-wra-black);outline:2px solid var(--color-wra-black)}.wra-white[data-v-667ad3bf]:hover{background-color:var(--color-wra-grey)}.wra-white[data-v-667ad3bf]:disabled{color:#fff}.default-button[data-v-667ad3bf]{font-size:16px;padding:10px 20px;line-height:24px}.small-button[data-v-667ad3bf]{font-size:14px;padding:5px 15px;line-height:24px}.outlined-button[data-v-667ad3bf]{background-color:transparent;outline:2px solid var(--color-prop, var(--color-wra-black));color:var(--color-prop, var(--color-wra-black))}.outlined-button[data-v-667ad3bf]:hover{background-color:var(--color-prop, var(--color-wra-black));color:#fff;transition:all .3s ease}.wra-button:focus>.icon>svg{fill:var(--color-wra-black)}.card[data-v-b458be18]{background-color:var(--color-wra-light-grey);padding:20px 24px}.checkbox-label[data-v-b55724c0]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-b55724c0]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-b55724c0]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-b55724c0]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-b55724c0]:checked:before{transform:scale(1)}.checkbox-input[data-v-b55724c0]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-b55724c0]:focus-visible{outline-offset:0px}.checkbox-text[data-v-b55724c0]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-b55724c0]{font-size:14px}p[data-v-b55724c0]{margin:0}.checkbox[data-v-f67c188f]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-f67c188f]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-f67c188f]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-f67c188f]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-f67c188f]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-f67c188f]:checked:before{transform:scale(1)}.checkbox-input[data-v-f67c188f]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-f67c188f]:focus-visible{outline-offset:0px}.checkbox-text[data-v-f67c188f]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-f67c188f]{font-size:14px}p[data-v-f67c188f]{margin:0}.accordion-icon[data-v-e99e8bb2]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;width:6px;height:6px;padding:0;vertical-align:middle;transition:transform .2s ease-out}.accordion-icon-wrapper[data-v-e99e8bb2]{margin-left:8px}.accordion-toggle[data-v-e99e8bb2]{display:flex;align-items:center}.accordion-icon--show[data-v-e99e8bb2]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.accordion-icon--hide[data-v-e99e8bb2]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-e99e8bb2]{display:block}.accordion-title[data-v-e99e8bb2]{font-size:24px;font-weight:700;line-height:28px;color:var(--color-wra-blue);padding-bottom:.25rem}button:focus .accordion-title[data-v-e99e8bb2]{color:var(--color-wra-black)}.accordion-description[data-v-e99e8bb2],.accordion-toggle[data-v-e99e8bb2]{font-size:14px;line-height:20px;color:var(--color-wra-black)}.accordion-description[data-v-e99e8bb2]{padding-bottom:.25rem}button[data-v-e99e8bb2]{padding:15px 20px;background-color:var(--color-wra-grey);border:none;cursor:pointer;width:100%;text-align:left}button[data-v-e99e8bb2]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-e99e8bb2]:focus:hover{opacity:1}.panel-content[data-v-e99e8bb2]{display:grid;background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-e99e8bb2]{overflow:hidden}.slide-fade-enter-active[data-v-e99e8bb2],.slide-fade-leave-active[data-v-e99e8bb2]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-e99e8bb2],.slide-fade-leave-to[data-v-e99e8bb2]{grid-template-rows:0fr}.content-section-title[data-v-b917a4a4]{border-bottom:2px solid var(--color-wra-grey);border-top:10px solid var(--color-wra-grey);padding-bottom:20px;padding-top:30px}[data-v-dbeead08],[data-v-dbeead08]:before,[data-v-dbeead08]:after{box-sizing:border-box}.input-wrapper[data-v-dbeead08]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-dbeead08]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-dbeead08]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-dbeead08]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-dbeead08]{padding:10px 6px}.padding-for-no-prefix[data-v-dbeead08]{padding:10px}.input-wrapper[data-v-dbeead08]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-dbeead08]{border:none}label[data-v-dbeead08]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-dbeead08]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.bold[data-v-e27e09c4]{font-weight:700}.wra-data-table-caption[data-v-e27e09c4]{background-color:inherit;text-align:left;padding:0 0 16px;font-weight:700;font-size:20px}.wra-data-table[data-v-e27e09c4]{width:100%;border-spacing:0;line-height:20px;padding:0;table-layout:auto}.wra-data-table>thead>tr>th[data-v-e27e09c4]{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-data-table>tbody>tr>td[data-v-e27e09c4],.wra-data-table>tbody>tr>th[data-v-e27e09c4]{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-data-table td[data-v-e27e09c4],.wra-data-table th[data-v-e27e09c4]{padding:16px}.wra-data-table>thead>tr>th[data-v-e27e09c4]:first-child,.wra-data-table>tbody>tr>td[data-v-e27e09c4]:first-child{padding-left:0}.wra-data-table>thead>tr>th[data-v-e27e09c4]:last-child,.wra-data-table>tbody>tr>td[data-v-e27e09c4]:last-child{padding-right:0}.column-search-input[data-v-e27e09c4]{margin-top:12px;box-sizing:border-box;font-size:16px;padding:10px;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.column-search-input[data-v-e27e09c4]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}button[data-v-e27e09c4]{background-color:var(--color-wra-black);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px 12px;height:32px}button[data-v-e27e09c4]:hover{opacity:.8;transition:all .3s ease}button[data-v-e27e09c4]:focus{background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-e27e09c4]:focus:hover{opacity:1}.wra-chevron[data-v-e27e09c4]{content:" ";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.wra-chevron-right[data-v-e27e09c4]{border:solid #ffffff;border-width:3px 3px 0px 0px}.wra-chevron-left[data-v-e27e09c4]{border:solid #ffffff;border-width:0px 0px 3px 3px}.wra-chevron-up[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:3px 0px 0px 3px;margin-left:4px;margin-top:3px}.wra-chevron-down[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:0px 3px 3px 0px;margin-left:4px;margin-bottom:6px}button:focus>.wra-chevron-right[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:3px 3px 0px 0px}button:focus>.wra-chevron-left[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:0px 0px 3px 3px}.clickable[data-v-e27e09c4]{cursor:pointer}tbody.clickable[data-v-e27e09c4]:hover{background-color:var(--color-wra-light-grey)}.sort-icons[data-v-e27e09c4]{visibility:hidden;opacity:.4}th:hover .sort-icons[data-v-e27e09c4]{visibility:visible}.text-left[data-v-e27e09c4]{text-align:left}.text-right[data-v-e27e09c4]{text-align:right}.text-center[data-v-e27e09c4]{text-align:center}.pagination[data-v-e27e09c4]{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0}.pagination button[data-v-e27e09c4]{margin-left:10px}.disable-button[data-v-e27e09c4]{opacity:.4}.disable-button[data-v-e27e09c4]:hover{opacity:.4;cursor:default}.loader[data-v-e27e09c4]{width:40px;height:40px;border:5px solid grey;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-e27e09c4 1s linear infinite}@keyframes rotation-e27e09c4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-b5ebbc62],[data-v-b5ebbc62]:before,[data-v-b5ebbc62]:after{box-sizing:border-box}input[data-v-b5ebbc62]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-b5ebbc62]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-b5ebbc62]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-b5ebbc62]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}div[data-v-6d53d792]{font-weight:700}h1[data-v-6d53d792]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-6d53d792]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-6d53d792]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-6d53d792]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-6d53d792]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-6d53d792]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}@media (max-width: 600px){h1[data-v-6d53d792]{margin:0;font-size:34px;letter-spacing:-.05rem;line-height:38px}h2[data-v-6d53d792]{margin:0;font-size:28px;letter-spacing:-.04rem;line-height:32px}h3[data-v-6d53d792]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h4[data-v-6d53d792]{margin:0;font-size:20px;letter-spacing:-.03rem;line-height:24px}h5[data-v-6d53d792]{margin:0;font-size:18px;letter-spacing:-.02rem;line-height:22px}h6[data-v-6d53d792]{margin:0;font-size:14px;letter-spacing:-.01rem;line-height:18px}}.dialog-class[data-v-a58221e3]{z-index:9999}.dialog-content[data-v-a58221e3]{min-width:300px;max-width:90vw;text-align:center}.dialog-buttons[data-v-a58221e3]{margin-top:16px;display:flex;justify-content:space-evenly}dialog.dialog-class::backdrop{background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}hr[data-v-40db3bc1]{margin:0}.wra-divider[data-v-40db3bc1]{border:3px solid var(--color-wra-grey)}.wra-divider-large[data-v-40db3bc1]{border:4px solid var(--color-wra-grey)}.wra-divider-small[data-v-40db3bc1]{border:2px solid var(--color-wra-grey)}.panel-icon[data-v-aad4db7d]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-aad4db7d]{margin-left:8px}.show-panel-icon[data-v-aad4db7d]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-aad4db7d]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-aad4db7d]{display:flex;justify-content:space-between}button[data-v-aad4db7d]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:var(--color-wra-revenue);border:none;border-left:2px solid var(--color-wra-mid-grey);cursor:pointer;width:100%;text-align:left}button[data-v-aad4db7d]:hover{opacity:.8}button[data-v-aad4db7d]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-aad4db7d]:focus:hover{opacity:1}.panel-content[data-v-aad4db7d]{display:grid;border-left:2px solid var(--color-wra-mid-grey);background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-aad4db7d]{overflow:hidden}.slide-fade-enter-active[data-v-aad4db7d],.slide-fade-leave-active[data-v-aad4db7d]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-aad4db7d],.slide-fade-leave-to[data-v-aad4db7d]{grid-template-rows:0fr}.validation-tooltip[data-v-e082a746]{display:flex;align-items:flex-start;color:var(--color-wra-black);border-radius:0;font-size:18px;padding:25px}.wra-error[data-v-e082a746]{background-color:var(--color-wra-light-red);border-left:10px solid var(--color-wra-red)}.wra-success[data-v-e082a746]{background-color:var(--color-wra-light-green);border-left:10px solid var(--color-wra-green)}.wra-info[data-v-e082a746]{background-color:var(--color-wra-light-blue);border-left:10px solid var(--color-wra-blue)}.wra-warning[data-v-e082a746]{background-color:var(--color-wra-light-yellow);border-left:10px solid var(--color-wra-yellow)}.wra-default[data-v-e082a746]{background-color:var(--color-wra-light-grey);border-left:10px solid var(--color-wra-blue)}.icon[data-v-e082a746]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-icon-wrapper[data-v-e082a746]{margin-right:12px}.file-upload-wrapper[data-v-77af62fb]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-77af62fb]{display:none}.file-upload-label[data-v-77af62fb]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-77af62fb]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-77af62fb]{margin-bottom:16px}.file-upload-error-text[data-v-77af62fb]{margin-block:0px;font-size:18px}.file-upload-error-box>.file-upload-error-text[data-v-77af62fb]{margin-bottom:1rem}.file-upload-error-box>.file-upload-error-text[data-v-77af62fb]:last-child{margin-bottom:0rem}.error-enter-active[data-v-77af62fb],.error-leave-active[data-v-77af62fb]{transition:opacity .3s ease-out}.error-enter-from[data-v-77af62fb],.error-leave-to[data-v-77af62fb]{opacity:0}.wra-footer[data-v-ec223b2a]{flex-grow:0;background-color:var(--color-wra-light-grey);padding:70px 20px 40px}@media print{.hidden-print[data-v-ec223b2a]{display:none}}.wra-inset[data-v-5eaa02a8]{font-size:16px;padding:20px;border-left-width:10px;border-left-style:solid}.wra-inset.wra-revenue[data-v-5eaa02a8]{border-left-color:var(--color-wra-revenue)}.wra-inset.wra-charcoal[data-v-5eaa02a8]{border-left-color:var(--color-wra-charcoal)}.wra-inset.wra-red[data-v-5eaa02a8]{border-left-color:var(--color-wra-red)}.wra-inset.wra-blue[data-v-5eaa02a8]{border-left-color:var(--color-wra-blue)}.wra-inset.wra-green[data-v-5eaa02a8]{border-left-color:var(--color-wra-green)}.wra-inset.wra-yellow[data-v-5eaa02a8]{border-left-color:var(--color-wra-yellow)}[data-v-bf09a2d6],[data-v-bf09a2d6]:before,[data-v-bf09a2d6]:after{box-sizing:border-box}.input-wrapper[data-v-bf09a2d6]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-bf09a2d6]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-bf09a2d6]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-bf09a2d6]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-bf09a2d6]{padding:10px 6px}.padding-for-no-prefix[data-v-bf09a2d6]{padding:10px}.input-wrapper[data-v-bf09a2d6]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-bf09a2d6]{border:none}label[data-v-bf09a2d6]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-bf09a2d6]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.pagination-button[data-v-4fb0a9cd]{background-color:transparent;color:var(--color-wra-revenue);font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button[data-v-4fb0a9cd]>*:first-child{margin-right:8px}.pagination-button[data-v-4fb0a9cd]:hover,.pagination-number[data-v-4fb0a9cd]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-4fb0a9cd]:focus,.pagination-number[data-v-4fb0a9cd]:focus{color:var(--color-wra-black);background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.pagination-button[data-v-4fb0a9cd]:focus:hover,.pagination-number[data-v-4fb0a9cd]:focus:hover{opacity:1}.pagination-number[data-v-4fb0a9cd]{color:var(--color-wra-black);background-color:var(--color-wra-light-grey);padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;min-width:3rem;text-align:center}.pagination-number[data-v-4fb0a9cd]:hover{color:var(--color-wra-black);opacity:.8}.pagination-number--selected[data-v-4fb0a9cd]{background-color:var(--color-wra-revenue);color:#fff}.pagination-number--selected[data-v-4fb0a9cd]:hover:not(:focus){color:#fff}.pagination-divider[data-v-4fb0a9cd]{font-size:18px}.pagination[data-v-4fb0a9cd]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-4fb0a9cd]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.previous-icon[data-v-4fb0a9cd]{border-width:3px 3px 0px 0px}.next-icon[data-v-4fb0a9cd]{border-width:0px 0px 3px 3px}[data-v-0e867b98],[data-v-0e867b98]:before,[data-v-0e867b98]:after{box-sizing:border-box}.input-wrapper[data-v-0e867b98]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-0e867b98]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-0e867b98]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-0e867b98]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-0e867b98]{padding:10px 6px}.padding-for-no-prefix[data-v-0e867b98]{padding:10px}.input-wrapper[data-v-0e867b98]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-0e867b98]{border:none}label[data-v-0e867b98]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-0e867b98]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.radio-label[data-v-66e204d1]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:grid;cursor:pointer;grid-template-columns:20px auto}.radio-label[data-v-66e204d1]:hover{background:var(--color-wra-mid-grey)}.radio-input[data-v-66e204d1]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-66e204d1]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black)}.radio-input[data-v-66e204d1]:checked:before{transform:scale(1)}.radio-input[data-v-66e204d1]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.radio-input[data-v-66e204d1]:focus-visible{outline-offset:0px}.radio-text[data-v-66e204d1]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-66e204d1]{font-size:14px}p[data-v-66e204d1]{margin:0}.radio[data-v-dfd68568]:not(:last-child):not(:only-child){margin-bottom:8px}[data-v-f1105098],[data-v-f1105098]:before,[data-v-f1105098]:after{box-sizing:border-box}select[data-v-f1105098]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none;padding:10px}.select[data-v-f1105098]{border:1px solid var(--color-wra-black);border-radius:0;padding-right:10px;font-size:16px;cursor:pointer;line-height:1.15;background-color:#fff;display:grid;grid-template-areas:"select";align-items:center;position:relative}.select[data-v-f1105098]:after{content:"";width:.8em;height:.5em;background-color:var(--color-wra-black);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-f1105098],.select[data-v-f1105098]:after{grid-area:select}select:focus+.focus[data-v-f1105098]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--color-wra-black);outline:3px solid var(--color-wra-yellow);border-radius:inherit}label[data-v-f1105098]{color:var(--color-wra-black);font-size:16px}.service-logo[data-v-726556fc]{max-width:100%}.service-link[data-v-726556fc]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-726556fc]:focus{border:2px solid var(--color-wra-yellow);outline:2px solid var(--color-wra-black);background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:var(--color-wra-light-grey)}.wra-simple-table-no-padding{padding:0!important}.left-align-headers{text-align:left}.wra-simple-table-caption{background-color:inherit;text-align:left;padding:16px 16px 16px 0;font-weight:700;font-size:20px}.wra-simple-table{width:100%;line-height:20px;color:var(--color-wra-black);border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-simple-table td,.wra-simple-table th{padding:16px}.wra-simple-table>thead>tr>th:first-child,.wra-simple-table>tbody>tr>th:first-child,.wra-simple-table>tbody>tr>td:first-child{padding-left:0}.wra-simple-table>thead>tr>th:last-child,.wra-simple-table>tbody>tr>th:last-child,.wra-simple-table>tbody>tr>td:last-child{padding-right:0}.skip-link[data-v-8e4609fc]:not(:focus):not(:active){clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap!important;width:1px!important}.skip-link[data-v-8e4609fc]{background-color:var(--color-wra-grey);color:var(--color-wra-black);font-weight:700;border:none;cursor:pointer;padding:10px;font-size:1em}.skip-link[data-v-8e4609fc]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.skip-link-full-width[data-v-8e4609fc]{width:100%;text-align:left}.skip-link-full-width[data-v-8e4609fc]:focus{outline-width:0px;border-width:0px}[data-v-d07fa6ea],[data-v-d07fa6ea]:before,[data-v-d07fa6ea]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-d07fa6ea]{background:var(--color-wra-light-grey);font-size:18px;padding:20px;border-left:5px solid var(--color-wra-dark-grey);position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-d07fa6ea]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:baseline;row-gap:10px;column-gap:20px}@media (max-width: 900px){.snackbar-flex[data-v-d07fa6ea]{width:80%}}.snackbar-content[data-v-d07fa6ea]{text-wrap:wrap}.close-icon-wrapper[data-v-d07fa6ea]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-d07fa6ea]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-d07fa6ea]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.close-icon-wrapper[data-v-d07fa6ea]:focus:hover{opacity:1}.close-icon-line-one[data-v-d07fa6ea]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-d07fa6ea]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-d07fa6ea]{background-color:var(--color-wra-light-red);border-color:var(--color-wra-red)}.wra-success[data-v-d07fa6ea]{background-color:var(--color-wra-light-green);border-color:var(--color-wra-green)}.wra-info[data-v-d07fa6ea]{background-color:var(--color-wra-light-blue);border-color:var(--color-wra-blue)}.wra-warning[data-v-d07fa6ea]{background-color:var(--color-wra-light-yellow);border-color:var(--color-wra-yellow)}.sr-only[data-v-d07fa6ea]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.snackbar-enter-active[data-v-d07fa6ea],.snackbar-leave-active[data-v-d07fa6ea]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-d07fa6ea],.snackbar-leave-to[data-v-d07fa6ea]{opacity:0}.subheader[data-v-904f5932]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}@media screen and (min-width: 600px){#regular{display:table}#pivoted{display:none}}@media screen and (max-width: 599px){#regular{display:none}#pivoted{display:table}}@media print{#regular{display:table}#pivoted{display:none}}.bold{font-weight:700}.wra-table-caption{background-color:inherit;text-align:left;padding:16px;font-weight:700;font-size:20px}.caption-no-padding{padding:0 0 16px!important}.wra-table{width:100%;line-height:20px;background-color:var(--color-wra-light-grey);color:var(--color-wra-black);border-spacing:0;padding:0 16px 16px;table-layout:auto}.wra-table-no-padding{padding:0!important}.wra-table td,.wra-table th{word-break:break-word}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-table td,.wra-table th{padding:16px}.wra-table>thead>tr>th:first-child,.wra-table>tbody>tr>td:first-child{padding-left:0}.wra-table>thead>tr>th:last-child,.wra-table>tbody>tr>td:last-child{padding-right:0}#pivoted{table-layout:fixed;text-align:left}#pivoted>tbody>tr:last-child>td,#pivoted>tbody>tr:last-child>th{border-bottom:1px solid var(--color-wra-dark-grey)}#pivoted>tbody>tr:not(:last-child)>td,#pivoted>tbody>tr:not(:last-child)>th{border-bottom:none}#pivoted>tbody>tr>th{padding-left:0}#pivoted table{width:100%}#pivoted>table>tr>th,#pivoted>table>tr>td{width:50%}[data-v-0417664c]{box-sizing:border-box;border:none}.tab-button[data-v-0417664c]{border-top:6px solid var(--color-wra-blue);font-size:24px;font-weight:700;color:var(--color-wra-light-blue);background:var(--color-wra-dark-blue);padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-0417664c]:hover:not(.tab-button--active){background:var(--color-wra-mid-blue);color:#fff}.tab-button.tab-button--active[data-v-0417664c]:focus{border-color:var(--color-wra-black);box-shadow:2px 0 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset}.tab-button--active[data-v-0417664c]{background:#fff;color:var(--color-wra-black);border-top:6px solid var(--color-wra-mid-grey)}.tab-button[data-v-0417664c]:focus{border-top:6px solid var(--color-wra-blue);color:var(--color-wra-black);background:var(--color-wra-yellow);box-shadow:2px 2px 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset;outline-style:none}@media (max-width: 768px){.tab-button[data-v-0417664c]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-eef46a08]{background-color:var(--color-wra-blue);width:100%}[data-v-4bbbf219],[data-v-4bbbf219]:before,[data-v-4bbbf219]:after{box-sizing:border-box}textarea[data-v-4bbbf219]{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif;font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}textarea[data-v-4bbbf219]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-4bbbf219]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-4bbbf219]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}[data-v-066bf72c],[data-v-066bf72c]:before,[data-v-066bf72c]:after{box-sizing:border-box}input[data-v-066bf72c]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-066bf72c]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-066bf72c]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-066bf72c]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
-
import { defineComponent as g, createElementBlock as n, openBlock as i, normalizeClass as m, renderSlot as f, createCommentVNode as c, withDirectives as q, toDisplayString as p, createElementVNode as
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('body{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif}p{font-size:18px;line-height:24px}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid var(--color-wra-grey);font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:var(--color-wra-blue);font-weight:700}a:hover{color:var(--color-wra-blue);text-decoration:none}a:focus-visible{color:var(--color-wra-black);background-color:var(--color-wra-yellow);box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black);outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black)}/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-wra-revenue:#2a225b;--color-wra-black:#1f1f1f;--color-wra-charcoal:#323232;--color-wra-light-grey:#f1f1f1;--color-wra-grey:#e5e5e5;--color-wra-mid-grey:#b5b5b5;--color-wra-dark-grey:#666;--color-wra-light-red:#ffe4e5;--color-wra-red:#a11;--color-wra-light-blue:#c2e0fc;--color-wra-blue:#0360a6;--color-wra-mid-blue:#3b7dc5;--color-wra-dark-blue:#1f446d;--color-wra-light-green:#cdf7d4;--color-wra-green:#007015;--color-wra-light-yellow:#fff5ce;--color-wra-yellow:#ffd530}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing)*4)}.contents{display:contents}.hidden{display:none}.table{display:table}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.bg-wra-blue{background-color:var(--color-wra-blue)}.bg-wra-light-blue{background-color:var(--color-wra-light-blue)}.bg-wra-red{background-color:var(--color-wra-red)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-wrap{text-wrap:wrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}[data-v-a67304e8],[data-v-a67304e8]:before,[data-v-a67304e8]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-a67304e8]{background-color:var(--color-wra-charcoal);font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-a67304e8]{display:none}}[data-v-8614d740],[data-v-8614d740]:before,[data-v-8614d740]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-8614d740]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.autocomplete-input[data-v-8614d740]:disabled{opacity:.3}.autocomplete-input--focus[data-v-8614d740]{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}.autocomplete-label[data-v-8614d740]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-8614d740]{position:absolute;display:block;list-style-type:none;z-index:1;padding:0;border:1px solid var(--color-wra-black);border-top:0px;width:100%;max-height:200px;background:var(--color-wra-light-grey);overflow-y:auto}.autocomplete-list>li[data-v-8614d740]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-8614d740]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-8614d740]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-8614d740]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-8614d740]{background:var(--color-wra-blue);color:#fff}.autocomplete-list>li.autocomplete-item-not-clickable[data-v-8614d740]{cursor:not-allowed}.autocomplete[data-v-8614d740]{position:relative}[data-v-13fdebc5],[data-v-13fdebc5]:before,[data-v-13fdebc5]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-13fdebc5]{background-color:var(--color-wra-light-grey);font-size:18px;color:var(--color-wra-black);padding:20px;border:none;position:relative}.new-service[data-v-13fdebc5]{background-color:var(--color-wra-yellow)}.new-service[data-v-13fdebc5] a{color:var(--color-wra-black)}.new-service[data-v-13fdebc5] a:focus{color:#fff;background-color:var(--color-wra-black);box-shadow:0 -4px var(--color-wra-black),0 2px #fff;-webkit-box-shadow:0 -4px var(--color-wra-black),0 2px #ffffff}.wra-banner-actions[data-v-13fdebc5]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}.wra-banner-close[data-v-13fdebc5]{background:none;border:none;font-size:26px;font-weight:700;color:var(--color-wra-black);cursor:pointer;position:absolute;top:15px;right:15px;height:30px}.wra-banner-close[data-v-13fdebc5]:hover{opacity:.6;transition:all .3s ease}.wra-banner-close[data-v-13fdebc5]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black)}.wra-banner-close[data-v-13fdebc5]:focus:hover{opacity:1}.closable-padding[data-v-13fdebc5]{padding-right:44px}@media print{.hidden-print[data-v-13fdebc5]{display:none}}[data-v-2a897129],[data-v-2a897129]:before,[data-v-2a897129]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-2a897129]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-2a897129]{font-size:16px}.wra-breadcrumbs-item[data-v-2a897129]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-2a897129]{display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link--disabled[data-v-2a897129]{color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link[data-v-2a897129]{text-decoration:none;font-weight:700;color:var(--color-wra-revenue)}.wra-breadcrumbs-link[data-v-2a897129]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-2a897129]:focus{opacity:1;color:var(--color-wra-black)}.wra-breadcrumbs-chevron[data-v-2a897129]{content:" ";display:inline-block;border:solid var(--color-wra-dark-grey);border-width:3.5px 3.5px 0px 0px;padding:2.5px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-667ad3bf]{color:#fff;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-667ad3bf]:hover{background-color:var(--color-wra-dark-grey);transition:all .3s ease}button[data-v-667ad3bf]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-667ad3bf]:disabled{cursor:not-allowed;opacity:.7;background-color:var(--color-wra-charcoal)}button[data-v-667ad3bf]:disabled:hover{opacity:.7;background-color:var(--color-wra-charcoal)}button.outlined-button[data-v-667ad3bf]:disabled{color:#fff}.icon[data-v-667ad3bf]{display:flex;align-items:center;justify-content:center}.prepend-icon-wrapper[data-v-667ad3bf]{margin-right:8px}.append-icon-wrapper[data-v-667ad3bf]{margin-left:8px}.wra-black[data-v-667ad3bf]{background-color:var(--color-wra-black)}.wra-black[data-v-667ad3bf]:hover{background-color:var(--color-wra-dark-grey)}.wra-blue[data-v-667ad3bf]{background-color:var(--color-wra-blue)}.wra-blue[data-v-667ad3bf]:hover{background-color:#3571b1}.wra-red[data-v-667ad3bf]{background-color:var(--color-wra-red)}.wra-red[data-v-667ad3bf]:hover{background-color:#d81f1f}.wra-green[data-v-667ad3bf]{background-color:var(--color-wra-green)}.wra-green[data-v-667ad3bf]:hover{background-color:#008a19}.wra-revenue[data-v-667ad3bf]{background-color:var(--color-wra-revenue)}.wra-revenue[data-v-667ad3bf]:hover{background-color:#55507b}.wra-white[data-v-667ad3bf]{background-color:#fff;color:var(--color-wra-black);outline:2px solid var(--color-wra-black)}.wra-white[data-v-667ad3bf]:hover{background-color:var(--color-wra-grey)}.wra-white[data-v-667ad3bf]:disabled{color:#fff}.default-button[data-v-667ad3bf]{font-size:16px;padding:10px 20px;line-height:24px}.small-button[data-v-667ad3bf]{font-size:14px;padding:5px 15px;line-height:24px}.outlined-button[data-v-667ad3bf]{background-color:transparent;outline:2px solid var(--color-prop, var(--color-wra-black));color:var(--color-prop, var(--color-wra-black))}.outlined-button[data-v-667ad3bf]:hover{background-color:var(--color-prop, var(--color-wra-black));color:#fff;transition:all .3s ease}.wra-button:focus>.icon>svg{fill:var(--color-wra-black)}.card[data-v-b458be18]{background-color:var(--color-wra-light-grey);padding:20px 24px}.checkbox-label[data-v-b55724c0]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-b55724c0]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-b55724c0]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-b55724c0]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-b55724c0]:checked:before{transform:scale(1)}.checkbox-input[data-v-b55724c0]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-b55724c0]:focus-visible{outline-offset:0px}.checkbox-text[data-v-b55724c0]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-b55724c0]{font-size:14px}p[data-v-b55724c0]{margin:0}.checkbox[data-v-f67c188f]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-f67c188f]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-f67c188f]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-f67c188f]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-f67c188f]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-f67c188f]:checked:before{transform:scale(1)}.checkbox-input[data-v-f67c188f]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-f67c188f]:focus-visible{outline-offset:0px}.checkbox-text[data-v-f67c188f]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-f67c188f]{font-size:14px}p[data-v-f67c188f]{margin:0}.accordion-icon[data-v-e99e8bb2]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;width:6px;height:6px;padding:0;vertical-align:middle;transition:transform .2s ease-out}.accordion-icon-wrapper[data-v-e99e8bb2]{margin-left:8px}.accordion-toggle[data-v-e99e8bb2]{display:flex;align-items:center}.accordion-icon--show[data-v-e99e8bb2]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.accordion-icon--hide[data-v-e99e8bb2]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-e99e8bb2]{display:block}.accordion-title[data-v-e99e8bb2]{font-size:24px;font-weight:700;line-height:28px;color:var(--color-wra-blue);padding-bottom:.25rem}button:focus .accordion-title[data-v-e99e8bb2]{color:var(--color-wra-black)}.accordion-description[data-v-e99e8bb2],.accordion-toggle[data-v-e99e8bb2]{font-size:14px;line-height:20px;color:var(--color-wra-black)}.accordion-description[data-v-e99e8bb2]{padding-bottom:.25rem}button[data-v-e99e8bb2]{padding:15px 20px;background-color:var(--color-wra-grey);border:none;cursor:pointer;width:100%;text-align:left}button[data-v-e99e8bb2]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-e99e8bb2]:focus:hover{opacity:1}.panel-content[data-v-e99e8bb2]{display:grid;background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-e99e8bb2]{overflow:hidden}.slide-fade-enter-active[data-v-e99e8bb2],.slide-fade-leave-active[data-v-e99e8bb2]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-e99e8bb2],.slide-fade-leave-to[data-v-e99e8bb2]{grid-template-rows:0fr}.content-section-title[data-v-b917a4a4]{border-bottom:2px solid var(--color-wra-grey);border-top:10px solid var(--color-wra-grey);padding-bottom:20px;padding-top:30px}[data-v-a57e9446],[data-v-a57e9446]:before,[data-v-a57e9446]:after{box-sizing:border-box}.input-wrapper[data-v-a57e9446]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-a57e9446]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-a57e9446]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-a57e9446]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-a57e9446]{padding:10px 6px}.padding-for-no-prefix[data-v-a57e9446]{padding:10px}.input-wrapper[data-v-a57e9446]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-a57e9446]{border:none}label[data-v-a57e9446]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-a57e9446]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.bold[data-v-e27e09c4]{font-weight:700}.wra-data-table-caption[data-v-e27e09c4]{background-color:inherit;text-align:left;padding:0 0 16px;font-weight:700;font-size:20px}.wra-data-table[data-v-e27e09c4]{width:100%;border-spacing:0;line-height:20px;padding:0;table-layout:auto}.wra-data-table>thead>tr>th[data-v-e27e09c4]{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-data-table>tbody>tr>td[data-v-e27e09c4],.wra-data-table>tbody>tr>th[data-v-e27e09c4]{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-data-table td[data-v-e27e09c4],.wra-data-table th[data-v-e27e09c4]{padding:16px}.wra-data-table>thead>tr>th[data-v-e27e09c4]:first-child,.wra-data-table>tbody>tr>td[data-v-e27e09c4]:first-child{padding-left:0}.wra-data-table>thead>tr>th[data-v-e27e09c4]:last-child,.wra-data-table>tbody>tr>td[data-v-e27e09c4]:last-child{padding-right:0}.column-search-input[data-v-e27e09c4]{margin-top:12px;box-sizing:border-box;font-size:16px;padding:10px;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.column-search-input[data-v-e27e09c4]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}button[data-v-e27e09c4]{background-color:var(--color-wra-black);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px 12px;height:32px}button[data-v-e27e09c4]:hover{opacity:.8;transition:all .3s ease}button[data-v-e27e09c4]:focus{background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-e27e09c4]:focus:hover{opacity:1}.wra-chevron[data-v-e27e09c4]{content:" ";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.wra-chevron-right[data-v-e27e09c4]{border:solid #ffffff;border-width:3px 3px 0px 0px}.wra-chevron-left[data-v-e27e09c4]{border:solid #ffffff;border-width:0px 0px 3px 3px}.wra-chevron-up[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:3px 0px 0px 3px;margin-left:4px;margin-top:3px}.wra-chevron-down[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:0px 3px 3px 0px;margin-left:4px;margin-bottom:6px}button:focus>.wra-chevron-right[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:3px 3px 0px 0px}button:focus>.wra-chevron-left[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:0px 0px 3px 3px}.clickable[data-v-e27e09c4]{cursor:pointer}tbody.clickable[data-v-e27e09c4]:hover{background-color:var(--color-wra-light-grey)}.sort-icons[data-v-e27e09c4]{visibility:hidden;opacity:.4}th:hover .sort-icons[data-v-e27e09c4]{visibility:visible}.text-left[data-v-e27e09c4]{text-align:left}.text-right[data-v-e27e09c4]{text-align:right}.text-center[data-v-e27e09c4]{text-align:center}.pagination[data-v-e27e09c4]{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0}.pagination button[data-v-e27e09c4]{margin-left:10px}.disable-button[data-v-e27e09c4]{opacity:.4}.disable-button[data-v-e27e09c4]:hover{opacity:.4;cursor:default}.loader[data-v-e27e09c4]{width:40px;height:40px;border:5px solid grey;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-e27e09c4 1s linear infinite}@keyframes rotation-e27e09c4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-f015c928],[data-v-f015c928]:before,[data-v-f015c928]:after{box-sizing:border-box}input[data-v-f015c928]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-f015c928]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-f015c928]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-f015c928]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}div[data-v-6d53d792]{font-weight:700}h1[data-v-6d53d792]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-6d53d792]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-6d53d792]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-6d53d792]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-6d53d792]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-6d53d792]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}@media(max-width:600px){h1[data-v-6d53d792]{margin:0;font-size:34px;letter-spacing:-.05rem;line-height:38px}h2[data-v-6d53d792]{margin:0;font-size:28px;letter-spacing:-.04rem;line-height:32px}h3[data-v-6d53d792]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h4[data-v-6d53d792]{margin:0;font-size:20px;letter-spacing:-.03rem;line-height:24px}h5[data-v-6d53d792]{margin:0;font-size:18px;letter-spacing:-.02rem;line-height:22px}h6[data-v-6d53d792]{margin:0;font-size:14px;letter-spacing:-.01rem;line-height:18px}}.dialog-class[data-v-a58221e3]{z-index:9999}.dialog-content[data-v-a58221e3]{min-width:300px;max-width:90vw;text-align:center}.dialog-buttons[data-v-a58221e3]{margin-top:16px;display:flex;justify-content:space-evenly}dialog.dialog-class::backdrop{background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}hr[data-v-40db3bc1]{margin:0}.wra-divider[data-v-40db3bc1]{border:3px solid var(--color-wra-grey)}.wra-divider-large[data-v-40db3bc1]{border:4px solid var(--color-wra-grey)}.wra-divider-small[data-v-40db3bc1]{border:2px solid var(--color-wra-grey)}.panel-icon[data-v-aad4db7d]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-aad4db7d]{margin-left:8px}.show-panel-icon[data-v-aad4db7d]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-aad4db7d]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-aad4db7d]{display:flex;justify-content:space-between}button[data-v-aad4db7d]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:var(--color-wra-revenue);border:none;border-left:2px solid var(--color-wra-mid-grey);cursor:pointer;width:100%;text-align:left}button[data-v-aad4db7d]:hover{opacity:.8}button[data-v-aad4db7d]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-aad4db7d]:focus:hover{opacity:1}.panel-content[data-v-aad4db7d]{display:grid;border-left:2px solid var(--color-wra-mid-grey);background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-aad4db7d]{overflow:hidden}.slide-fade-enter-active[data-v-aad4db7d],.slide-fade-leave-active[data-v-aad4db7d]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-aad4db7d],.slide-fade-leave-to[data-v-aad4db7d]{grid-template-rows:0fr}.validation-tooltip[data-v-e082a746]{display:flex;align-items:flex-start;color:var(--color-wra-black);border-radius:0;font-size:18px;padding:25px}.wra-error[data-v-e082a746]{background-color:var(--color-wra-light-red);border-left:10px solid var(--color-wra-red)}.wra-success[data-v-e082a746]{background-color:var(--color-wra-light-green);border-left:10px solid var(--color-wra-green)}.wra-info[data-v-e082a746]{background-color:var(--color-wra-light-blue);border-left:10px solid var(--color-wra-blue)}.wra-warning[data-v-e082a746]{background-color:var(--color-wra-light-yellow);border-left:10px solid var(--color-wra-yellow)}.wra-default[data-v-e082a746]{background-color:var(--color-wra-light-grey);border-left:10px solid var(--color-wra-blue)}.icon[data-v-e082a746]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-icon-wrapper[data-v-e082a746]{margin-right:12px}.file-upload-wrapper[data-v-77af62fb]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-77af62fb]{display:none}.file-upload-label[data-v-77af62fb]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-77af62fb]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-77af62fb]{margin-bottom:16px}.file-upload-error-text[data-v-77af62fb]{margin-block:0px;font-size:18px}.file-upload-error-box>.file-upload-error-text[data-v-77af62fb]{margin-bottom:1rem}.file-upload-error-box>.file-upload-error-text[data-v-77af62fb]:last-child{margin-bottom:0rem}.error-enter-active[data-v-77af62fb],.error-leave-active[data-v-77af62fb]{transition:opacity .3s ease-out}.error-enter-from[data-v-77af62fb],.error-leave-to[data-v-77af62fb]{opacity:0}.wra-footer[data-v-ec223b2a]{flex-grow:0;background-color:var(--color-wra-light-grey);padding:70px 20px 40px}@media print{.hidden-print[data-v-ec223b2a]{display:none}}.wra-inset[data-v-5eaa02a8]{font-size:16px;padding:20px;border-left-width:10px;border-left-style:solid}.wra-inset.wra-revenue[data-v-5eaa02a8]{border-left-color:var(--color-wra-revenue)}.wra-inset.wra-charcoal[data-v-5eaa02a8]{border-left-color:var(--color-wra-charcoal)}.wra-inset.wra-red[data-v-5eaa02a8]{border-left-color:var(--color-wra-red)}.wra-inset.wra-blue[data-v-5eaa02a8]{border-left-color:var(--color-wra-blue)}.wra-inset.wra-green[data-v-5eaa02a8]{border-left-color:var(--color-wra-green)}.wra-inset.wra-yellow[data-v-5eaa02a8]{border-left-color:var(--color-wra-yellow)}[data-v-21ef0757],[data-v-21ef0757]:before,[data-v-21ef0757]:after{box-sizing:border-box}.input-wrapper[data-v-21ef0757]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-21ef0757]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-21ef0757]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-21ef0757]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-21ef0757]{padding:10px 6px}.padding-for-no-prefix[data-v-21ef0757]{padding:10px}.input-wrapper[data-v-21ef0757]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-21ef0757]{border:none}label[data-v-21ef0757]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-21ef0757]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.pagination-button[data-v-4fb0a9cd]{background-color:transparent;color:var(--color-wra-revenue);font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button[data-v-4fb0a9cd]>*:first-child{margin-right:8px}.pagination-button[data-v-4fb0a9cd]:hover,.pagination-number[data-v-4fb0a9cd]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-4fb0a9cd]:focus,.pagination-number[data-v-4fb0a9cd]:focus{color:var(--color-wra-black);background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.pagination-button[data-v-4fb0a9cd]:focus:hover,.pagination-number[data-v-4fb0a9cd]:focus:hover{opacity:1}.pagination-number[data-v-4fb0a9cd]{color:var(--color-wra-black);background-color:var(--color-wra-light-grey);padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;min-width:3rem;text-align:center}.pagination-number[data-v-4fb0a9cd]:hover{color:var(--color-wra-black);opacity:.8}.pagination-number--selected[data-v-4fb0a9cd]{background-color:var(--color-wra-revenue);color:#fff}.pagination-number--selected[data-v-4fb0a9cd]:hover:not(:focus){color:#fff}.pagination-divider[data-v-4fb0a9cd]{font-size:18px}.pagination[data-v-4fb0a9cd]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-4fb0a9cd]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.previous-icon[data-v-4fb0a9cd]{border-width:3px 3px 0px 0px}.next-icon[data-v-4fb0a9cd]{border-width:0px 0px 3px 3px}[data-v-0e867b98],[data-v-0e867b98]:before,[data-v-0e867b98]:after{box-sizing:border-box}.input-wrapper[data-v-0e867b98]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-0e867b98]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-0e867b98]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-0e867b98]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-0e867b98]{padding:10px 6px}.padding-for-no-prefix[data-v-0e867b98]{padding:10px}.input-wrapper[data-v-0e867b98]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-0e867b98]{border:none}label[data-v-0e867b98]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-0e867b98]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.radio-label[data-v-66e204d1]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:grid;cursor:pointer;grid-template-columns:20px auto}.radio-label[data-v-66e204d1]:hover{background:var(--color-wra-mid-grey)}.radio-input[data-v-66e204d1]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-66e204d1]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black)}.radio-input[data-v-66e204d1]:checked:before{transform:scale(1)}.radio-input[data-v-66e204d1]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.radio-input[data-v-66e204d1]:focus-visible{outline-offset:0px}.radio-text[data-v-66e204d1]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-66e204d1]{font-size:14px}p[data-v-66e204d1]{margin:0}.radio[data-v-dfd68568]:not(:last-child):not(:only-child){margin-bottom:8px}[data-v-f1105098],[data-v-f1105098]:before,[data-v-f1105098]:after{box-sizing:border-box}select[data-v-f1105098]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none;padding:10px}.select[data-v-f1105098]{border:1px solid var(--color-wra-black);border-radius:0;padding-right:10px;font-size:16px;cursor:pointer;line-height:1.15;background-color:#fff;display:grid;grid-template-areas:"select";align-items:center;position:relative}.select[data-v-f1105098]:after{content:"";width:.8em;height:.5em;background-color:var(--color-wra-black);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-f1105098],.select[data-v-f1105098]:after{grid-area:select}select:focus+.focus[data-v-f1105098]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--color-wra-black);outline:3px solid var(--color-wra-yellow);border-radius:inherit}label[data-v-f1105098]{color:var(--color-wra-black);font-size:16px}[data-v-f20812d2],[data-v-f20812d2]:before,[data-v-f20812d2]:after{box-sizing:border-box}fieldset[data-v-f20812d2]{border:none;padding:0;margin:0}.date-input-container[data-v-f20812d2]{display:flex;gap:20px;flex-wrap:wrap}.date-input__item[data-v-f20812d2]{flex-grow:0;flex-shrink:0;width:auto}.date-input__label[data-v-f20812d2]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px;font-weight:400}.date-input__input[data-v-f20812d2]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.date-input__input[data-v-f20812d2]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}.date-input__input--day[data-v-f20812d2]{max-width:var(--day-input-width, 47px)}.date-input__input--month[data-v-f20812d2]{max-width:var(--month-input-width, 47px)}.date-input__input--year[data-v-f20812d2]{max-width:var(--year-input-width, 72px)}.service-logo[data-v-726556fc]{max-width:100%}.service-link[data-v-726556fc]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-726556fc]:focus{border:2px solid var(--color-wra-yellow);outline:2px solid var(--color-wra-black);background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:var(--color-wra-light-grey)}.wra-simple-table-no-padding{padding:0!important}.left-align-headers{text-align:left}.wra-simple-table-caption{background-color:inherit;text-align:left;padding:16px 16px 16px 0;font-weight:700;font-size:20px}.wra-simple-table{width:100%;line-height:20px;color:var(--color-wra-black);border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-simple-table td,.wra-simple-table th{padding:16px}.wra-simple-table>thead>tr>th:first-child,.wra-simple-table>tbody>tr>th:first-child,.wra-simple-table>tbody>tr>td:first-child{padding-left:0}.wra-simple-table>thead>tr>th:last-child,.wra-simple-table>tbody>tr>th:last-child,.wra-simple-table>tbody>tr>td:last-child{padding-right:0}.skip-link[data-v-8e4609fc]:not(:focus):not(:active){clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap!important;width:1px!important}.skip-link[data-v-8e4609fc]{background-color:var(--color-wra-grey);color:var(--color-wra-black);font-weight:700;border:none;cursor:pointer;padding:10px;font-size:1em}.skip-link[data-v-8e4609fc]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.skip-link-full-width[data-v-8e4609fc]{width:100%;text-align:left}.skip-link-full-width[data-v-8e4609fc]:focus{outline-width:0px;border-width:0px}[data-v-d07fa6ea],[data-v-d07fa6ea]:before,[data-v-d07fa6ea]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-d07fa6ea]{background:var(--color-wra-light-grey);font-size:18px;padding:20px;border-left:5px solid var(--color-wra-dark-grey);position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-d07fa6ea]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:baseline;row-gap:10px;column-gap:20px}@media(max-width:900px){.snackbar-flex[data-v-d07fa6ea]{width:80%}}.snackbar-content[data-v-d07fa6ea]{text-wrap:wrap}.close-icon-wrapper[data-v-d07fa6ea]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-d07fa6ea]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-d07fa6ea]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.close-icon-wrapper[data-v-d07fa6ea]:focus:hover{opacity:1}.close-icon-line-one[data-v-d07fa6ea]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-d07fa6ea]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-d07fa6ea]{background-color:var(--color-wra-light-red);border-color:var(--color-wra-red)}.wra-success[data-v-d07fa6ea]{background-color:var(--color-wra-light-green);border-color:var(--color-wra-green)}.wra-info[data-v-d07fa6ea]{background-color:var(--color-wra-light-blue);border-color:var(--color-wra-blue)}.wra-warning[data-v-d07fa6ea]{background-color:var(--color-wra-light-yellow);border-color:var(--color-wra-yellow)}.sr-only[data-v-d07fa6ea]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.snackbar-enter-active[data-v-d07fa6ea],.snackbar-leave-active[data-v-d07fa6ea]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-d07fa6ea],.snackbar-leave-to[data-v-d07fa6ea]{opacity:0}.subheader[data-v-904f5932]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}@media screen and (min-width:600px){#regular{display:table}#pivoted{display:none}}@media screen and (max-width:599px){#regular{display:none}#pivoted{display:table}}@media print{#regular{display:table}#pivoted{display:none}}.bold{font-weight:700}.wra-table-caption{background-color:inherit;text-align:left;padding:16px;font-weight:700;font-size:20px}.caption-no-padding{padding:0 0 16px!important}.wra-table{width:100%;line-height:20px;background-color:var(--color-wra-light-grey);color:var(--color-wra-black);border-spacing:0;padding:0 16px 16px;table-layout:auto}.wra-table-no-padding{padding:0!important}.wra-table td,.wra-table th{word-break:break-word}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-table td,.wra-table th{padding:16px}.wra-table>thead>tr>th:first-child,.wra-table>tbody>tr>td:first-child{padding-left:0}.wra-table>thead>tr>th:last-child,.wra-table>tbody>tr>td:last-child{padding-right:0}#pivoted{table-layout:fixed;text-align:left}#pivoted>tbody>tr:last-child>td,#pivoted>tbody>tr:last-child>th{border-bottom:1px solid var(--color-wra-dark-grey)}#pivoted>tbody>tr:not(:last-child)>td,#pivoted>tbody>tr:not(:last-child)>th{border-bottom:none}#pivoted>tbody>tr>th{padding-left:0}#pivoted table{width:100%}#pivoted>table>tr>th,#pivoted>table>tr>td{width:50%}[data-v-0417664c]{box-sizing:border-box;border:none}.tab-button[data-v-0417664c]{border-top:6px solid var(--color-wra-blue);font-size:24px;font-weight:700;color:var(--color-wra-light-blue);background:var(--color-wra-dark-blue);padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-0417664c]:hover:not(.tab-button--active){background:var(--color-wra-mid-blue);color:#fff}.tab-button.tab-button--active[data-v-0417664c]:focus{border-color:var(--color-wra-black);box-shadow:2px 0 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset}.tab-button--active[data-v-0417664c]{background:#fff;color:var(--color-wra-black);border-top:6px solid var(--color-wra-mid-grey)}.tab-button[data-v-0417664c]:focus{border-top:6px solid var(--color-wra-blue);color:var(--color-wra-black);background:var(--color-wra-yellow);box-shadow:2px 2px 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset;outline-style:none}@media(max-width:768px){.tab-button[data-v-0417664c]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-eef46a08]{background-color:var(--color-wra-blue);width:100%}[data-v-4bbbf219],[data-v-4bbbf219]:before,[data-v-4bbbf219]:after{box-sizing:border-box}textarea[data-v-4bbbf219]{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif;font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}textarea[data-v-4bbbf219]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-4bbbf219]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-4bbbf219]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}[data-v-066bf72c],[data-v-066bf72c]:before,[data-v-066bf72c]:after{box-sizing:border-box}input[data-v-066bf72c]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-066bf72c]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-066bf72c]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-066bf72c]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
+
import { defineComponent as g, createElementBlock as n, openBlock as i, normalizeClass as m, renderSlot as f, createCommentVNode as c, withDirectives as q, toDisplayString as p, createElementVNode as l, withKeys as S, withModifiers as A, vModelText as x, Fragment as k, renderList as I, vShow as ee, createVNode as L, createTextVNode as M, Transition as K, withCtx as W, resolveDirective as j, mergeProps as G, normalizeStyle as F, nextTick as ie, resolveComponent as D, createBlock as _, Teleport as ne } from "vue";
|
|
3
3
|
const oe = g({
|
|
4
4
|
name: "wra-app-bar",
|
|
5
5
|
props: {
|
|
@@ -17,7 +17,7 @@ const oe = g({
|
|
|
17
17
|
a[s] = o;
|
|
18
18
|
return a;
|
|
19
19
|
};
|
|
20
|
-
function le(e, t, a, s, o,
|
|
20
|
+
function le(e, t, a, s, o, d) {
|
|
21
21
|
return i(), n("div", {
|
|
22
22
|
class: m(["wra-app-bar", {
|
|
23
23
|
"hidden-print": e.hiddenPrint === !0
|
|
@@ -178,6 +178,18 @@ const de = /* @__PURE__ */ b(oe, [["render", le], ["__scopeId", "data-v-a67304e8
|
|
|
178
178
|
), this.userInputMatchesOption && (this.$emit("validOption", !0), this.userInput = { ...this.userInputMatchesOption });
|
|
179
179
|
},
|
|
180
180
|
immediate: !0
|
|
181
|
+
},
|
|
182
|
+
modelValue: {
|
|
183
|
+
handler(e) {
|
|
184
|
+
if (!(e && Object.keys(e).length >= 2)) {
|
|
185
|
+
this.userInput[this.optionLabel] = "", this.userInput[this.optionValue] = "";
|
|
186
|
+
return;
|
|
187
|
+
}
|
|
188
|
+
this.userInput = e, this.options.find(
|
|
189
|
+
(a) => a[this.optionLabel].toLowerCase() === this.userInput[this.optionLabel].toLowerCase()
|
|
190
|
+
) && this.$emit("validOption", !0);
|
|
191
|
+
},
|
|
192
|
+
immediate: !0
|
|
181
193
|
}
|
|
182
194
|
}
|
|
183
195
|
}), pe = { class: "autocomplete" }, ce = ["for"], he = ["aria-expanded", "aria-activedescendant", "id", "placeholder"], fe = {
|
|
@@ -185,14 +197,14 @@ const de = /* @__PURE__ */ b(oe, [["render", le], ["__scopeId", "data-v-a67304e8
|
|
|
185
197
|
id: "autocomplete-list",
|
|
186
198
|
class: "autocomplete-list"
|
|
187
199
|
}, me = ["id", "aria-selected", "onMousedown", "onKeydown", "onBlur"];
|
|
188
|
-
function ge(e, t, a, s, o,
|
|
200
|
+
function ge(e, t, a, s, o, d) {
|
|
189
201
|
return i(), n("div", pe, [
|
|
190
202
|
e.label ? (i(), n("label", {
|
|
191
203
|
key: 0,
|
|
192
204
|
for: e.id,
|
|
193
205
|
class: "autocomplete-label"
|
|
194
206
|
}, p(e.label), 9, ce)) : c("", !0),
|
|
195
|
-
q(
|
|
207
|
+
q(l("input", {
|
|
196
208
|
inputmode: "text",
|
|
197
209
|
ref: "autocompleteInput",
|
|
198
210
|
"onUpdate:modelValue": t[0] || (t[0] = (r) => e.userInput[e.optionLabel] = r),
|
|
@@ -209,14 +221,14 @@ function ge(e, t, a, s, o, l) {
|
|
|
209
221
|
onFocus: t[2] || (t[2] = (r) => e.hasFocus = !0),
|
|
210
222
|
onBlur: t[3] || (t[3] = (...r) => e.onBlur && e.onBlur(...r)),
|
|
211
223
|
onKeydown: [
|
|
212
|
-
t[4] || (t[4] = S(
|
|
213
|
-
t[5] || (t[5] = S(
|
|
224
|
+
t[4] || (t[4] = S(A((...r) => e.onUpKey && e.onUpKey(...r), ["prevent"]), ["up"])),
|
|
225
|
+
t[5] || (t[5] = S(A((...r) => e.onDownKey && e.onDownKey(...r), ["prevent"]), ["down"]))
|
|
214
226
|
]
|
|
215
227
|
}, null, 42, he), [
|
|
216
228
|
[x, e.userInput[e.optionLabel]]
|
|
217
229
|
]),
|
|
218
|
-
q(
|
|
219
|
-
(i(!0), n(
|
|
230
|
+
q(l("ul", fe, [
|
|
231
|
+
(i(!0), n(k, null, I(e.filterOptions, (r, u) => (i(), n("li", {
|
|
220
232
|
key: r.value,
|
|
221
233
|
ref_for: !0,
|
|
222
234
|
ref: `option${u}`,
|
|
@@ -230,10 +242,10 @@ function ge(e, t, a, s, o, l) {
|
|
|
230
242
|
}),
|
|
231
243
|
onMousedown: (h) => e.onOptionSelect(r),
|
|
232
244
|
onKeydown: [
|
|
233
|
-
t[6] || (t[6] = S(
|
|
234
|
-
t[7] || (t[7] = S(
|
|
235
|
-
S(
|
|
236
|
-
S(
|
|
245
|
+
t[6] || (t[6] = S(A((...h) => e.onUpKey && e.onUpKey(...h), ["prevent"]), ["up"])),
|
|
246
|
+
t[7] || (t[7] = S(A((...h) => e.onDownKey && e.onDownKey(...h), ["prevent"]), ["down"])),
|
|
247
|
+
S(A((h) => e.onOptionSelect(r), ["prevent"]), ["enter"]),
|
|
248
|
+
S(A((h) => e.onOptionSelect(r), ["prevent"]), ["space"])
|
|
237
249
|
],
|
|
238
250
|
onBlur: (h) => e.onOptionBlur(u)
|
|
239
251
|
}, p(r[e.optionLabel]), 43, me))), 128))
|
|
@@ -242,7 +254,7 @@ function ge(e, t, a, s, o, l) {
|
|
|
242
254
|
])
|
|
243
255
|
]);
|
|
244
256
|
}
|
|
245
|
-
const be = /* @__PURE__ */ b(ue, [["render", ge], ["__scopeId", "data-v-
|
|
257
|
+
const be = /* @__PURE__ */ b(ue, [["render", ge], ["__scopeId", "data-v-8614d740"]]), ye = g({
|
|
246
258
|
name: "wra-banner",
|
|
247
259
|
props: {
|
|
248
260
|
/**
|
|
@@ -277,11 +289,11 @@ const be = /* @__PURE__ */ b(ue, [["render", ge], ["__scopeId", "data-v-a2424022
|
|
|
277
289
|
this.visible = !1;
|
|
278
290
|
}
|
|
279
291
|
}
|
|
280
|
-
}),
|
|
292
|
+
}), $e = {
|
|
281
293
|
key: 0,
|
|
282
294
|
class: "wra-banner-actions"
|
|
283
295
|
};
|
|
284
|
-
function
|
|
296
|
+
function ke(e, t, a, s, o, d) {
|
|
285
297
|
return e.visible ? (i(), n("div", {
|
|
286
298
|
key: 0,
|
|
287
299
|
class: m(["wra-banner", {
|
|
@@ -290,10 +302,10 @@ function ye(e, t, a, s, o, l) {
|
|
|
290
302
|
"closable-padding": e.closable === !0
|
|
291
303
|
}])
|
|
292
304
|
}, [
|
|
293
|
-
|
|
305
|
+
l("div", null, [
|
|
294
306
|
f(e.$slots, "default", {}, void 0, !0)
|
|
295
307
|
]),
|
|
296
|
-
e.$slots.actions ? (i(), n("div",
|
|
308
|
+
e.$slots.actions ? (i(), n("div", $e, [
|
|
297
309
|
f(e.$slots, "actions", {}, void 0, !0)
|
|
298
310
|
])) : c("", !0),
|
|
299
311
|
e.closable ? (i(), n("button", {
|
|
@@ -304,7 +316,7 @@ function ye(e, t, a, s, o, l) {
|
|
|
304
316
|
}, " × ")) : c("", !0)
|
|
305
317
|
], 2)) : c("", !0);
|
|
306
318
|
}
|
|
307
|
-
const ve = /* @__PURE__ */ b(
|
|
319
|
+
const ve = /* @__PURE__ */ b(ye, [["render", ke], ["__scopeId", "data-v-13fdebc5"]]), we = g({
|
|
308
320
|
name: "wra-breadcrumbs",
|
|
309
321
|
props: {
|
|
310
322
|
/** Items to display in the breadcrumbs */
|
|
@@ -328,28 +340,28 @@ const ve = /* @__PURE__ */ b($e, [["render", ye], ["__scopeId", "data-v-13fdebc5
|
|
|
328
340
|
default: "href"
|
|
329
341
|
}
|
|
330
342
|
}
|
|
331
|
-
}), Se = { class: "wra-breadcrumbs" },
|
|
343
|
+
}), Se = { class: "wra-breadcrumbs" }, Ie = { class: "wra-breadcrumbs-item" }, Ve = ["href"], Me = {
|
|
332
344
|
key: 1,
|
|
333
345
|
class: "wra-breadcrumbs-link--disabled"
|
|
334
346
|
}, Ce = {
|
|
335
347
|
key: 0,
|
|
336
348
|
class: "wra-breadcrumbs-divider"
|
|
337
349
|
};
|
|
338
|
-
function Pe(e, t, a, s, o,
|
|
350
|
+
function Pe(e, t, a, s, o, d) {
|
|
339
351
|
return i(), n("ul", Se, [
|
|
340
|
-
(i(!0), n(
|
|
341
|
-
|
|
352
|
+
(i(!0), n(k, null, I(e.items, (r, u) => (i(), n(k, null, [
|
|
353
|
+
l("li", Ie, [
|
|
342
354
|
f(e.$slots, "default", {}, () => [
|
|
343
355
|
r[e.itemDisabled] ? (i(), n("span", Me, p(r[e.itemTitle]), 1)) : (i(), n("a", {
|
|
344
356
|
key: 0,
|
|
345
357
|
href: r[e.itemHref],
|
|
346
358
|
class: "wra-breadcrumbs-link"
|
|
347
|
-
}, p(r[e.itemTitle]), 9,
|
|
359
|
+
}, p(r[e.itemTitle]), 9, Ve))
|
|
348
360
|
], !0)
|
|
349
361
|
]),
|
|
350
362
|
u !== e.items.length - 1 ? (i(), n("li", Ce, [
|
|
351
363
|
f(e.$slots, "divider", {}, () => [
|
|
352
|
-
t[0] || (t[0] =
|
|
364
|
+
t[0] || (t[0] = l("span", { class: "wra-breadcrumbs-chevron" }, null, -1))
|
|
353
365
|
], !0)
|
|
354
366
|
])) : c("", !0)
|
|
355
367
|
], 64))), 256))
|
|
@@ -410,13 +422,13 @@ const Te = /* @__PURE__ */ b(we, [["render", Pe], ["__scopeId", "data-v-2a897129
|
|
|
410
422
|
}
|
|
411
423
|
}
|
|
412
424
|
}), Oe = ["disabled"];
|
|
413
|
-
function We(e, t, a, s, o,
|
|
425
|
+
function We(e, t, a, s, o, d) {
|
|
414
426
|
return i(), n("button", {
|
|
415
427
|
class: m(["wra-button", e.buttonClass]),
|
|
416
428
|
type: "button",
|
|
417
429
|
disabled: e.disabled
|
|
418
430
|
}, [
|
|
419
|
-
|
|
431
|
+
l("span", {
|
|
420
432
|
class: m([{
|
|
421
433
|
"prepend-icon-wrapper": e.prependIcon
|
|
422
434
|
}, "icon"])
|
|
@@ -424,7 +436,7 @@ function We(e, t, a, s, o, l) {
|
|
|
424
436
|
f(e.$slots, "prepend-icon", {}, void 0, !0)
|
|
425
437
|
], 2),
|
|
426
438
|
f(e.$slots, "default", {}, void 0, !0),
|
|
427
|
-
|
|
439
|
+
l("span", {
|
|
428
440
|
class: m([{
|
|
429
441
|
"append-icon-wrapper": e.appendIcon
|
|
430
442
|
}, "icon"])
|
|
@@ -435,13 +447,13 @@ function We(e, t, a, s, o, l) {
|
|
|
435
447
|
}
|
|
436
448
|
const J = /* @__PURE__ */ b(Be, [["render", We], ["__scopeId", "data-v-667ad3bf"]]), qe = g({
|
|
437
449
|
name: "wra-card"
|
|
438
|
-
}),
|
|
439
|
-
function
|
|
440
|
-
return i(), n("div",
|
|
450
|
+
}), Ae = { class: "card" };
|
|
451
|
+
function Ne(e, t, a, s, o, d) {
|
|
452
|
+
return i(), n("div", Ae, [
|
|
441
453
|
f(e.$slots, "default", {}, void 0, !0)
|
|
442
454
|
]);
|
|
443
455
|
}
|
|
444
|
-
const
|
|
456
|
+
const Le = /* @__PURE__ */ b(qe, [["render", Ne], ["__scopeId", "data-v-b458be18"]]), Fe = g({
|
|
445
457
|
name: "wra-checkbox",
|
|
446
458
|
props: {
|
|
447
459
|
/**
|
|
@@ -489,17 +501,17 @@ const Fe = /* @__PURE__ */ b(qe, [["render", Ae], ["__scopeId", "data-v-b458be18
|
|
|
489
501
|
this.isChecked = !this.isChecked, this.$emit("update:modelValue", this.isChecked);
|
|
490
502
|
}
|
|
491
503
|
}
|
|
492
|
-
}),
|
|
493
|
-
function
|
|
504
|
+
}), De = ["aria-label"], Ee = ["for"], je = ["id", "checked", "aria-checked"], _e = { class: "checkbox-text" }, ze = ["innerHTML"];
|
|
505
|
+
function Re(e, t, a, s, o, d) {
|
|
494
506
|
return i(), n("div", {
|
|
495
507
|
role: "checkbox",
|
|
496
508
|
"aria-label": e.label
|
|
497
509
|
}, [
|
|
498
|
-
|
|
510
|
+
l("label", {
|
|
499
511
|
for: e.id,
|
|
500
512
|
class: "checkbox-label"
|
|
501
513
|
}, [
|
|
502
|
-
|
|
514
|
+
l("input", {
|
|
503
515
|
class: "checkbox-input",
|
|
504
516
|
type: "checkbox",
|
|
505
517
|
id: e.id,
|
|
@@ -508,18 +520,18 @@ function _e(e, t, a, s, o, l) {
|
|
|
508
520
|
onChange: t[0] || (t[0] = (r) => e.checkInput()),
|
|
509
521
|
onClick: t[1] || (t[1] = (r) => e.$emit("click"))
|
|
510
522
|
}, null, 40, je),
|
|
511
|
-
|
|
512
|
-
|
|
523
|
+
l("span", _e, [
|
|
524
|
+
l("p", null, p(e.label), 1),
|
|
513
525
|
e.info ? (i(), n("p", {
|
|
514
526
|
key: 0,
|
|
515
527
|
class: "further-information-text",
|
|
516
528
|
innerHTML: e.info
|
|
517
|
-
}, null, 8,
|
|
529
|
+
}, null, 8, ze)) : c("", !0)
|
|
518
530
|
])
|
|
519
|
-
], 8,
|
|
520
|
-
], 8,
|
|
531
|
+
], 8, Ee)
|
|
532
|
+
], 8, De);
|
|
521
533
|
}
|
|
522
|
-
const He = /* @__PURE__ */ b(
|
|
534
|
+
const He = /* @__PURE__ */ b(Fe, [["render", Re], ["__scopeId", "data-v-b55724c0"]]), Ke = g({
|
|
523
535
|
name: "wra-checkbox-group",
|
|
524
536
|
props: {
|
|
525
537
|
/**
|
|
@@ -581,8 +593,8 @@ const He = /* @__PURE__ */ b(Le, [["render", _e], ["__scopeId", "data-v-b55724c0
|
|
|
581
593
|
this.returnObject === !0 ? Object.keys(this.checked).forEach((a) => {
|
|
582
594
|
if (this.checked[a] === !0)
|
|
583
595
|
for (let o = 0; o < this.validOptions.length; o++) {
|
|
584
|
-
const
|
|
585
|
-
typeof
|
|
596
|
+
const d = this.validOptions[o];
|
|
597
|
+
typeof d == "object" ? d[this.itemValue] == a && t.push(d) : d == a && t.push(d);
|
|
586
598
|
}
|
|
587
599
|
}) : t = Object.keys(this.checked).filter((a) => this.checked[a]), this.localModelValue = t;
|
|
588
600
|
},
|
|
@@ -622,34 +634,34 @@ const He = /* @__PURE__ */ b(Le, [["render", _e], ["__scopeId", "data-v-b55724c0
|
|
|
622
634
|
mounted() {
|
|
623
635
|
this.localModelValue = this.modelValue ?? [];
|
|
624
636
|
}
|
|
625
|
-
}), Ue = ["aria-label"],
|
|
626
|
-
function Qe(e, t, a, s, o,
|
|
627
|
-
return i(!0), n(
|
|
637
|
+
}), Ue = ["aria-label"], Ye = ["for"], Ge = ["id", "checked", "aria-checked", "onChange"], Je = { class: "checkbox-text" }, Ze = ["innerHTML"];
|
|
638
|
+
function Qe(e, t, a, s, o, d) {
|
|
639
|
+
return i(!0), n(k, null, I(e.validOptions, (r) => (i(), n("div", {
|
|
628
640
|
role: "checkbox",
|
|
629
641
|
class: "checkbox",
|
|
630
642
|
"aria-label": e.checkForObjectLabel(r)
|
|
631
643
|
}, [
|
|
632
|
-
|
|
644
|
+
l("label", {
|
|
633
645
|
for: e.checkForObjectValue(r),
|
|
634
646
|
class: "checkbox-label"
|
|
635
647
|
}, [
|
|
636
|
-
|
|
648
|
+
l("input", {
|
|
637
649
|
class: "checkbox-input",
|
|
638
650
|
type: "checkbox",
|
|
639
651
|
id: typeof r == "object" && r.id ? r.id : e.checkForObjectValue(r),
|
|
640
652
|
checked: e.checked[e.checkForObjectValue(r)],
|
|
641
653
|
"aria-checked": e.checked[e.checkForObjectValue(r)],
|
|
642
654
|
onChange: (u) => e.checkInput(e.checkForObjectValue(r))
|
|
643
|
-
}, null, 40,
|
|
644
|
-
|
|
645
|
-
|
|
655
|
+
}, null, 40, Ge),
|
|
656
|
+
l("span", Je, [
|
|
657
|
+
l("p", null, p(e.checkForObjectLabel(r)), 1),
|
|
646
658
|
e.checkForObjectInfo(r) ? (i(), n("p", {
|
|
647
659
|
key: 0,
|
|
648
660
|
class: "further-information-text",
|
|
649
661
|
innerHTML: e.checkForObjectInfo(r)
|
|
650
662
|
}, null, 8, Ze)) : c("", !0)
|
|
651
663
|
])
|
|
652
|
-
], 8,
|
|
664
|
+
], 8, Ye)
|
|
653
665
|
], 8, Ue))), 256);
|
|
654
666
|
}
|
|
655
667
|
const Xe = /* @__PURE__ */ b(Ke, [["render", Qe], ["__scopeId", "data-v-f67c188f"]]), xe = g({
|
|
@@ -715,15 +727,15 @@ const Xe = /* @__PURE__ */ b(Ke, [["render", Qe], ["__scopeId", "data-v-f67c188f
|
|
|
715
727
|
key: 0,
|
|
716
728
|
class: "accordion-description"
|
|
717
729
|
}, st = { class: "accordion-toggle" }, rt = { class: "accordion-icon-wrapper" }, it = ["aria-hidden", "id"], nt = { class: "inner-panel" };
|
|
718
|
-
function ot(e, t, a, s, o,
|
|
730
|
+
function ot(e, t, a, s, o, d) {
|
|
719
731
|
return i(), n("div", null, [
|
|
720
|
-
|
|
732
|
+
l("button", {
|
|
721
733
|
class: "expansion-button",
|
|
722
734
|
"aria-controls": `expansion-content-${e.ariaTitle}`,
|
|
723
735
|
id: `expansion-control-${e.ariaTitle}`,
|
|
724
736
|
onClick: t[0] || (t[0] = (...r) => e.togglePanel && e.togglePanel(...r))
|
|
725
737
|
}, [
|
|
726
|
-
|
|
738
|
+
l("div", tt, [
|
|
727
739
|
f(e.$slots, "title", {}, () => [
|
|
728
740
|
M(p(e.title), 1)
|
|
729
741
|
], !0)
|
|
@@ -733,10 +745,10 @@ function ot(e, t, a, s, o, l) {
|
|
|
733
745
|
M(p(e.description), 1)
|
|
734
746
|
], !0)
|
|
735
747
|
])) : c("", !0),
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
748
|
+
l("div", st, [
|
|
749
|
+
l("span", null, p(e.showPanel ? e.hideText : e.showText), 1),
|
|
750
|
+
l("span", rt, [
|
|
751
|
+
l("span", {
|
|
740
752
|
class: m(["accordion-icon", {
|
|
741
753
|
"accordion-icon--show": e.showPanel,
|
|
742
754
|
"accordion-icon--hide": !e.showPanel
|
|
@@ -745,14 +757,14 @@ function ot(e, t, a, s, o, l) {
|
|
|
745
757
|
])
|
|
746
758
|
])
|
|
747
759
|
], 8, et),
|
|
748
|
-
|
|
760
|
+
L(K, { name: "slide-fade" }, {
|
|
749
761
|
default: W(() => [
|
|
750
|
-
q(
|
|
762
|
+
q(l("div", {
|
|
751
763
|
class: "panel-content",
|
|
752
764
|
"aria-hidden": !e.showPanel,
|
|
753
765
|
id: `expansion-content-${e.ariaTitle}`
|
|
754
766
|
}, [
|
|
755
|
-
|
|
767
|
+
l("div", nt, [
|
|
756
768
|
f(e.$slots, "default", {}, void 0, !0)
|
|
757
769
|
])
|
|
758
770
|
], 8, it), [
|
|
@@ -766,7 +778,7 @@ function ot(e, t, a, s, o, l) {
|
|
|
766
778
|
const lt = /* @__PURE__ */ b(xe, [["render", ot], ["__scopeId", "data-v-e99e8bb2"]]), dt = g({
|
|
767
779
|
name: "wra-content-section-title"
|
|
768
780
|
}), ut = { class: "content-section-title" };
|
|
769
|
-
function pt(e, t, a, s, o,
|
|
781
|
+
function pt(e, t, a, s, o, d) {
|
|
770
782
|
return i(), n("div", ut, [
|
|
771
783
|
f(e.$slots, "default", {}, void 0, !0)
|
|
772
784
|
]);
|
|
@@ -785,24 +797,24 @@ const Z = {
|
|
|
785
797
|
roundingMode: "trunc"
|
|
786
798
|
});
|
|
787
799
|
}, mt = (e, t = !0, a) => {
|
|
788
|
-
var s, o,
|
|
800
|
+
var s, o, d, r;
|
|
789
801
|
const u = ((s = a.number) == null ? void 0 : s.unsigned) !== !0 && e.startsWith("-") ? "-" : "", h = ((o = a.number) == null ? void 0 : o.fraction) ?? 0;
|
|
790
|
-
let
|
|
791
|
-
const C =
|
|
802
|
+
let y = X(0, h, a);
|
|
803
|
+
const C = y.formatToParts(1000.12), V = ((d = C.find(($) => $.type === "group")) == null ? void 0 : d.value) ?? " ", v = ((r = C.find(($) => $.type === "decimal")) == null ? void 0 : r.value) ?? ".", w = Q(e, V, v);
|
|
792
804
|
if (Number.isNaN(parseFloat(w))) return u;
|
|
793
805
|
const B = w.split(".");
|
|
794
806
|
if (B[1] != null && B[1].length >= 1) {
|
|
795
|
-
const
|
|
796
|
-
|
|
807
|
+
const $ = B[1].length <= h ? B[1].length : h;
|
|
808
|
+
y = X($, h, a);
|
|
797
809
|
}
|
|
798
|
-
let P =
|
|
799
|
-
return t ? h > 0 && w.endsWith(".") && !w.slice(0, -1).includes(".") && (P += v) : P = Q(P,
|
|
810
|
+
let P = y.format(parseFloat(w));
|
|
811
|
+
return t ? h > 0 && w.endsWith(".") && !w.slice(0, -1).includes(".") && (P += v) : P = Q(P, V, v), u + P;
|
|
800
812
|
}, te = (e) => JSON.parse(e.replaceAll("'", '"')), gt = (e, t = {}) => {
|
|
801
813
|
const a = { ...t };
|
|
802
|
-
e.dataset.maska != null && e.dataset.maska !== "" && (a.mask = bt(e.dataset.maska)), e.dataset.maskaEager != null && (a.eager = H(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (a.reversed = H(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (a.tokensReplace = H(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (a.tokens =
|
|
814
|
+
e.dataset.maska != null && e.dataset.maska !== "" && (a.mask = bt(e.dataset.maska)), e.dataset.maskaEager != null && (a.eager = H(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (a.reversed = H(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (a.tokensReplace = H(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (a.tokens = yt(e.dataset.maskaTokens));
|
|
803
815
|
const s = {};
|
|
804
816
|
return e.dataset.maskaNumberLocale != null && (s.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (s.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (s.unsigned = H(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(s).length > 0) && (a.number = s), a;
|
|
805
|
-
}, H = (e) => e !== "" ? !!JSON.parse(e) : !0, bt = (e) => e.startsWith("[") && e.endsWith("]") ? te(e) : e,
|
|
817
|
+
}, H = (e) => e !== "" ? !!JSON.parse(e) : !0, bt = (e) => e.startsWith("[") && e.endsWith("]") ? te(e) : e, yt = (e) => {
|
|
806
818
|
if (e.startsWith("{") && e.endsWith("}"))
|
|
807
819
|
return te(e);
|
|
808
820
|
const t = {};
|
|
@@ -822,7 +834,7 @@ const Z = {
|
|
|
822
834
|
return !1;
|
|
823
835
|
}
|
|
824
836
|
};
|
|
825
|
-
class
|
|
837
|
+
class $t {
|
|
826
838
|
constructor(t = {}) {
|
|
827
839
|
E(this, "opts", {}), E(this, "memo", /* @__PURE__ */ new Map());
|
|
828
840
|
const a = { ...t };
|
|
@@ -865,8 +877,8 @@ class kt {
|
|
|
865
877
|
}
|
|
866
878
|
escapeMask(t) {
|
|
867
879
|
const a = [], s = [];
|
|
868
|
-
return t.split("").forEach((o,
|
|
869
|
-
o === "!" && t[
|
|
880
|
+
return t.split("").forEach((o, d) => {
|
|
881
|
+
o === "!" && t[d - 1] !== "!" ? s.push(d - s.length) : a.push(o);
|
|
870
882
|
}), { mask: a.join(""), escaped: s };
|
|
871
883
|
}
|
|
872
884
|
process(t, a, s = !0) {
|
|
@@ -874,32 +886,32 @@ class kt {
|
|
|
874
886
|
if (a == null) return t;
|
|
875
887
|
const o = `v=${t},mr=${a},m=${s ? 1 : 0}`;
|
|
876
888
|
if (this.memo.has(o)) return this.memo.get(o);
|
|
877
|
-
const { mask:
|
|
878
|
-
let B, P = -1,
|
|
889
|
+
const { mask: d, escaped: r } = this.escapeMask(a), u = [], h = this.opts.tokens != null ? this.opts.tokens : {}, y = this.isReversed() ? -1 : 1, C = this.isReversed() ? "unshift" : "push", V = this.isReversed() ? 0 : d.length - 1, v = this.isReversed() ? () => $ > -1 && T > -1 : () => $ < d.length && T < t.length, w = (N) => !this.isReversed() && N <= V || this.isReversed() && N >= V;
|
|
890
|
+
let B, P = -1, $ = this.isReversed() ? d.length - 1 : 0, T = this.isReversed() ? t.length - 1 : 0, U = !1;
|
|
879
891
|
for (; v(); ) {
|
|
880
|
-
const
|
|
881
|
-
if (!r.includes(
|
|
882
|
-
for (; w(
|
|
892
|
+
const N = d.charAt($), O = h[N], R = (O == null ? void 0 : O.transform) != null ? O.transform(t.charAt(T)) : t.charAt(T);
|
|
893
|
+
if (!r.includes($) && O != null ? (R.match(O.pattern) != null ? (u[C](R), O.repeated ? (P === -1 ? P = $ : $ === V && $ !== P && ($ = P - y), V === P && ($ -= y)) : O.multiple && (U = !0, $ -= y), $ += y) : O.multiple ? U && ($ += y, T -= y, U = !1) : R === B ? B = void 0 : O.optional && ($ += y, T -= y), T += y) : (s && !this.isEager() && u[C](N), R === N && !this.isEager() ? T += y : B = N, this.isEager() || ($ += y)), this.isEager())
|
|
894
|
+
for (; w($) && (h[d.charAt($)] == null || r.includes($)); ) {
|
|
883
895
|
if (s) {
|
|
884
|
-
if (u[C](
|
|
885
|
-
|
|
896
|
+
if (u[C](d.charAt($)), t.charAt(T) === d.charAt($)) {
|
|
897
|
+
$ += y, T += y;
|
|
886
898
|
continue;
|
|
887
899
|
}
|
|
888
|
-
} else
|
|
889
|
-
|
|
900
|
+
} else d.charAt($) === t.charAt(T) && (T += y);
|
|
901
|
+
$ += y;
|
|
890
902
|
}
|
|
891
903
|
}
|
|
892
904
|
return this.memo.set(o, u.join("")), this.memo.get(o);
|
|
893
905
|
}
|
|
894
906
|
}
|
|
895
|
-
class
|
|
907
|
+
class kt {
|
|
896
908
|
constructor(t, a = {}) {
|
|
897
909
|
E(this, "items", /* @__PURE__ */ new Map()), E(this, "eventAbortController"), E(this, "onInput", (s) => {
|
|
898
910
|
if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
|
|
899
911
|
return;
|
|
900
|
-
const o = s.target,
|
|
901
|
-
if (
|
|
902
|
-
const r = "inputType" in s && s.inputType.startsWith("delete"), u =
|
|
912
|
+
const o = s.target, d = this.items.get(o);
|
|
913
|
+
if (d === void 0) return;
|
|
914
|
+
const r = "inputType" in s && s.inputType.startsWith("delete"), u = d.isEager(), h = r && u && d.unmasked(o.value) === "" ? "" : o.value;
|
|
903
915
|
this.fixCursor(o, r, () => this.setValue(o, h));
|
|
904
916
|
}), this.options = a, this.eventAbortController = new AbortController(), this.init(this.getInputs(t));
|
|
905
917
|
}
|
|
@@ -917,10 +929,10 @@ class yt {
|
|
|
917
929
|
const a = this.getOptions(this.options);
|
|
918
930
|
for (const s of t) {
|
|
919
931
|
if (!this.items.has(s)) {
|
|
920
|
-
const { signal:
|
|
921
|
-
s.addEventListener("input", this.onInput, { capture: !0, signal:
|
|
932
|
+
const { signal: d } = this.eventAbortController;
|
|
933
|
+
s.addEventListener("input", this.onInput, { capture: !0, signal: d });
|
|
922
934
|
}
|
|
923
|
-
const o = new
|
|
935
|
+
const o = new $t(gt(s, a));
|
|
924
936
|
this.items.set(s, o), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && o.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
|
|
925
937
|
}
|
|
926
938
|
}
|
|
@@ -928,17 +940,17 @@ class yt {
|
|
|
928
940
|
return typeof t == "string" ? Array.from(document.querySelectorAll(t)) : "length" in t ? Array.from(t) : [t];
|
|
929
941
|
}
|
|
930
942
|
getOptions(t) {
|
|
931
|
-
const { onMaska: a, preProcess: s, postProcess: o, ...
|
|
932
|
-
return
|
|
943
|
+
const { onMaska: a, preProcess: s, postProcess: o, ...d } = t;
|
|
944
|
+
return d;
|
|
933
945
|
}
|
|
934
946
|
fixCursor(t, a, s) {
|
|
935
|
-
var o,
|
|
947
|
+
var o, d;
|
|
936
948
|
const r = t.selectionStart, u = t.value;
|
|
937
949
|
if (s(), r === null || r === u.length && !a) return;
|
|
938
|
-
const h = t.value,
|
|
939
|
-
if (
|
|
950
|
+
const h = t.value, y = u.slice(0, r), C = h.slice(0, r), V = (o = this.processInput(t, y)) == null ? void 0 : o.unmasked, v = (d = this.processInput(t, C)) == null ? void 0 : d.unmasked;
|
|
951
|
+
if (V === void 0 || v === void 0) return;
|
|
940
952
|
let w = r;
|
|
941
|
-
|
|
953
|
+
y !== C && (w += a ? h.length - u.length : V.length - v.length), t.setSelectionRange(w, w);
|
|
942
954
|
}
|
|
943
955
|
setValue(t, a) {
|
|
944
956
|
const s = this.processInput(t, a);
|
|
@@ -949,32 +961,32 @@ class yt {
|
|
|
949
961
|
if (s === void 0) return;
|
|
950
962
|
let o = a ?? t.value;
|
|
951
963
|
this.options.preProcess != null && (o = this.options.preProcess(o));
|
|
952
|
-
let
|
|
953
|
-
return this.options.postProcess != null && (
|
|
954
|
-
masked:
|
|
964
|
+
let d = s.masked(o);
|
|
965
|
+
return this.options.postProcess != null && (d = this.options.postProcess(d)), {
|
|
966
|
+
masked: d,
|
|
955
967
|
unmasked: s.unmasked(o),
|
|
956
968
|
completed: s.completed(o)
|
|
957
969
|
};
|
|
958
970
|
}
|
|
959
971
|
}
|
|
960
|
-
const
|
|
972
|
+
const Y = /* @__PURE__ */ new WeakMap(), vt = (e, t) => {
|
|
961
973
|
if (e.arg == null || e.instance == null) return;
|
|
962
974
|
const a = "setup" in e.instance.$.type;
|
|
963
975
|
e.arg in e.instance ? e.instance[e.arg] = t : a && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
|
|
964
|
-
},
|
|
976
|
+
}, z = (e, t) => {
|
|
965
977
|
var a;
|
|
966
978
|
const s = e instanceof HTMLInputElement ? e : e.querySelector("input");
|
|
967
979
|
if (s == null || (s == null ? void 0 : s.type) === "file") return;
|
|
968
980
|
let o = {};
|
|
969
981
|
if (t.value != null && (o = typeof t.value == "string" ? { mask: t.value } : { ...t.value }), t.arg != null) {
|
|
970
|
-
const
|
|
982
|
+
const d = (r) => {
|
|
971
983
|
const u = t.modifiers.unmasked ? r.unmasked : t.modifiers.completed ? r.completed : r.masked;
|
|
972
984
|
vt(t, u);
|
|
973
985
|
};
|
|
974
|
-
o.onMaska = o.onMaska == null ?
|
|
986
|
+
o.onMaska = o.onMaska == null ? d : Array.isArray(o.onMaska) ? [...o.onMaska, d] : [o.onMaska, d];
|
|
975
987
|
}
|
|
976
|
-
|
|
977
|
-
}, wt =
|
|
988
|
+
Y.has(s) ? (a = Y.get(s)) == null || a.update(o) : Y.set(s, new kt(s, o));
|
|
989
|
+
}, wt = z, St = g({
|
|
978
990
|
directives: { maska: wt },
|
|
979
991
|
name: "wra-custom-input",
|
|
980
992
|
props: {
|
|
@@ -1145,14 +1157,14 @@ const G = /* @__PURE__ */ new WeakMap(), vt = (e, t) => {
|
|
|
1145
1157
|
mounted() {
|
|
1146
1158
|
this.$emit("update:modelValue", this.modelValue), this.validate(this.modelValue);
|
|
1147
1159
|
}
|
|
1148
|
-
}),
|
|
1160
|
+
}), It = ["for"], Vt = { class: "input-wrapper" }, Mt = {
|
|
1149
1161
|
key: 0,
|
|
1150
1162
|
class: "prefix"
|
|
1151
1163
|
}, Ct = ["id", "type", "value", "inputmode", "placeholder", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], Pt = {
|
|
1152
1164
|
key: 1,
|
|
1153
1165
|
class: "suffix"
|
|
1154
1166
|
}, Tt = { key: 1 };
|
|
1155
|
-
function Bt(e, t, a, s, o,
|
|
1167
|
+
function Bt(e, t, a, s, o, d) {
|
|
1156
1168
|
const r = j("maska");
|
|
1157
1169
|
return i(), n("div", {
|
|
1158
1170
|
class: m({ error: !!e.errorMessage })
|
|
@@ -1160,10 +1172,10 @@ function Bt(e, t, a, s, o, l) {
|
|
|
1160
1172
|
e.label ? (i(), n("label", {
|
|
1161
1173
|
key: 0,
|
|
1162
1174
|
for: e.id
|
|
1163
|
-
}, p(e.label), 9,
|
|
1164
|
-
|
|
1175
|
+
}, p(e.label), 9, It)) : c("", !0),
|
|
1176
|
+
l("div", Vt, [
|
|
1165
1177
|
e.prefix ? (i(), n("span", Mt, p(e.prefix), 1)) : c("", !0),
|
|
1166
|
-
q(
|
|
1178
|
+
q(l("input", G(
|
|
1167
1179
|
{
|
|
1168
1180
|
id: e.id,
|
|
1169
1181
|
type: e.type,
|
|
@@ -1185,7 +1197,7 @@ function Bt(e, t, a, s, o, l) {
|
|
|
1185
1197
|
e.errorMessage ? (i(), n("p", Tt, p(e.errorMessage), 1)) : c("", !0)
|
|
1186
1198
|
], 2);
|
|
1187
1199
|
}
|
|
1188
|
-
const Ot = /* @__PURE__ */ b(St, [["render", Bt], ["__scopeId", "data-v-
|
|
1200
|
+
const Ot = /* @__PURE__ */ b(St, [["render", Bt], ["__scopeId", "data-v-a57e9446"]]), Wt = g({
|
|
1189
1201
|
name: "wra-data-table",
|
|
1190
1202
|
props: {
|
|
1191
1203
|
/**
|
|
@@ -1269,7 +1281,7 @@ const Ot = /* @__PURE__ */ b(St, [["render", Bt], ["__scopeId", "data-v-dbeead08
|
|
|
1269
1281
|
(o) => (
|
|
1270
1282
|
// Use .some() to check all relevant columns
|
|
1271
1283
|
s.some(
|
|
1272
|
-
(
|
|
1284
|
+
(d) => String(o[d]).toLowerCase().includes(a)
|
|
1273
1285
|
)
|
|
1274
1286
|
)
|
|
1275
1287
|
);
|
|
@@ -1278,19 +1290,19 @@ const Ot = /* @__PURE__ */ b(St, [["render", Bt], ["__scopeId", "data-v-dbeead08
|
|
|
1278
1290
|
var o;
|
|
1279
1291
|
const s = (o = this.columnFilters[a]) == null ? void 0 : o.toLowerCase();
|
|
1280
1292
|
s && (this.currentPage = 1, e = e.filter(
|
|
1281
|
-
(
|
|
1293
|
+
(d) => String(d[a]).toLowerCase().includes(s)
|
|
1282
1294
|
));
|
|
1283
1295
|
}), e;
|
|
1284
1296
|
},
|
|
1285
1297
|
sortedArray() {
|
|
1286
1298
|
const e = JSON.parse(JSON.stringify(this.filteredItems));
|
|
1287
1299
|
return this.localSortBy && this.localSortBy.length > 0 ? e.sort((t, a) => {
|
|
1288
|
-
const s = this.localSortBy[0], o = t[s.key],
|
|
1289
|
-
if (o == null &&
|
|
1300
|
+
const s = this.localSortBy[0], o = t[s.key], d = a[s.key];
|
|
1301
|
+
if (o == null && d == null)
|
|
1290
1302
|
return 0;
|
|
1291
1303
|
if (o == null)
|
|
1292
1304
|
return s.order === "desc" ? 1 : -1;
|
|
1293
|
-
if (
|
|
1305
|
+
if (d == null)
|
|
1294
1306
|
return s.order === "desc" ? -1 : 1;
|
|
1295
1307
|
const r = (v) => {
|
|
1296
1308
|
if (typeof v == "string" && /^-?[\d,]+(\.\d+)?$/.test(v)) {
|
|
@@ -1304,35 +1316,35 @@ const Ot = /* @__PURE__ */ b(St, [["render", Bt], ["__scopeId", "data-v-dbeead08
|
|
|
1304
1316
|
return new Date(P, B - 1, w).getTime();
|
|
1305
1317
|
}
|
|
1306
1318
|
return v;
|
|
1307
|
-
}, h = r(o),
|
|
1308
|
-
return !isNaN(h) && !isNaN(
|
|
1319
|
+
}, h = r(o), y = r(d), C = u(o), V = u(d);
|
|
1320
|
+
return !isNaN(h) && !isNaN(y) ? s.order === "desc" ? y - h : h - y : !isNaN(C) && !isNaN(V) ? s.order === "desc" ? V - C : C - V : s.order === "desc" ? o < d ? 1 : -1 : o > d ? 1 : -1;
|
|
1309
1321
|
}) : e;
|
|
1310
1322
|
}
|
|
1311
1323
|
}
|
|
1312
|
-
}), qt = { class: "wra-data-table" },
|
|
1324
|
+
}), qt = { class: "wra-data-table" }, At = {
|
|
1313
1325
|
key: 0,
|
|
1314
1326
|
class: "wra-data-table-caption"
|
|
1315
|
-
},
|
|
1327
|
+
}, Nt = { key: 1 }, Lt = ["onClick"], Ft = { key: 0 }, Dt = {
|
|
1316
1328
|
key: 1,
|
|
1317
1329
|
class: "wra-chevron wra-chevron-up sort-icons"
|
|
1318
|
-
},
|
|
1319
|
-
function
|
|
1330
|
+
}, Et = ["onUpdate:modelValue"], jt = { key: 1 }, _t = ["colspan"], zt = { key: 2 }, Rt = ["onClick"], Ht = { key: 1 }, Kt = { class: "pagination" }, Ut = ["disabled"], Yt = ["disabled"];
|
|
1331
|
+
function Gt(e, t, a, s, o, d) {
|
|
1320
1332
|
return i(), n("div", null, [
|
|
1321
|
-
|
|
1322
|
-
e.caption ? (i(), n("caption",
|
|
1333
|
+
l("table", qt, [
|
|
1334
|
+
e.caption ? (i(), n("caption", At, [
|
|
1323
1335
|
f(e.$slots, "caption", {}, () => [
|
|
1324
1336
|
M(p(e.caption), 1)
|
|
1325
1337
|
], !0)
|
|
1326
1338
|
])) : c("", !0),
|
|
1327
|
-
|
|
1339
|
+
l("thead", null, [
|
|
1328
1340
|
e.$slots.header ? f(e.$slots, "headers", {
|
|
1329
1341
|
key: 0,
|
|
1330
1342
|
headers: e.headers
|
|
1331
|
-
}, void 0, !0) : (i(), n("tr",
|
|
1332
|
-
(i(!0), n(
|
|
1343
|
+
}, void 0, !0) : (i(), n("tr", Nt, [
|
|
1344
|
+
(i(!0), n(k, null, I(e.headers, (r) => (i(), n("th", {
|
|
1333
1345
|
key: r.key,
|
|
1334
1346
|
onClick: (u) => (r.sortable || r.sortable == null) && e.sortByColumn(r.key),
|
|
1335
|
-
style:
|
|
1347
|
+
style: F({ width: r.width + "px" }),
|
|
1336
1348
|
class: m({
|
|
1337
1349
|
clickable: r.sortable == null || r.sortable,
|
|
1338
1350
|
"text-left": r.align == "left" || r.align == null,
|
|
@@ -1341,40 +1353,40 @@ function Yt(e, t, a, s, o, l) {
|
|
|
1341
1353
|
})
|
|
1342
1354
|
}, [
|
|
1343
1355
|
M(p(r.title) + " ", 1),
|
|
1344
|
-
e.localSortBy && e.localSortBy[0].key === r.key ? (i(), n("span",
|
|
1345
|
-
|
|
1356
|
+
e.localSortBy && e.localSortBy[0].key === r.key ? (i(), n("span", Ft, [
|
|
1357
|
+
l("span", {
|
|
1346
1358
|
class: m({
|
|
1347
1359
|
"wra-chevron wra-chevron-up": e.localSortBy[0].order === "asc",
|
|
1348
1360
|
"wra-chevron wra-chevron-down": e.localSortBy[0].order === "desc"
|
|
1349
1361
|
})
|
|
1350
1362
|
}, null, 2)
|
|
1351
|
-
])) : r.sortable == !0 || r.sortable == null ? (i(), n("span",
|
|
1363
|
+
])) : r.sortable == !0 || r.sortable == null ? (i(), n("span", Dt)) : c("", !0),
|
|
1352
1364
|
r.searchable ? q((i(), n("input", {
|
|
1353
1365
|
key: 2,
|
|
1354
1366
|
type: "text",
|
|
1355
1367
|
"onUpdate:modelValue": (u) => e.columnFilters[r.key] = u,
|
|
1356
|
-
onClick: t[0] || (t[0] =
|
|
1368
|
+
onClick: t[0] || (t[0] = A(() => {
|
|
1357
1369
|
}, ["stop"])),
|
|
1358
1370
|
placeholder: "Search...",
|
|
1359
1371
|
class: "column-search-input"
|
|
1360
|
-
}, null, 8,
|
|
1372
|
+
}, null, 8, Et)), [
|
|
1361
1373
|
[x, e.columnFilters[r.key]]
|
|
1362
1374
|
]) : c("", !0)
|
|
1363
|
-
], 14,
|
|
1375
|
+
], 14, Lt))), 128))
|
|
1364
1376
|
]))
|
|
1365
1377
|
]),
|
|
1366
1378
|
e.loading == !0 ? (i(), n("tbody", jt, [
|
|
1367
|
-
|
|
1368
|
-
|
|
1379
|
+
l("tr", null, [
|
|
1380
|
+
l("td", {
|
|
1369
1381
|
class: "text-center",
|
|
1370
1382
|
colspan: e.headers ? e.headers.length : 1
|
|
1371
1383
|
}, [...t[3] || (t[3] = [
|
|
1372
|
-
|
|
1373
|
-
])], 8,
|
|
1384
|
+
l("span", { class: "loader" }, null, -1)
|
|
1385
|
+
])], 8, _t)
|
|
1374
1386
|
])
|
|
1375
|
-
])) : e.$slots.body ? (i(), n("tbody",
|
|
1387
|
+
])) : e.$slots.body ? (i(), n("tbody", zt, [
|
|
1376
1388
|
f(e.$slots, "body", { items: e.paginatedArray }, void 0, !0)
|
|
1377
|
-
])) : (i(!0), n(
|
|
1389
|
+
])) : (i(!0), n(k, { key: 3 }, I(e.paginatedArray, (r) => (i(), n("tbody", {
|
|
1378
1390
|
class: m({
|
|
1379
1391
|
clickable: e.$attrs["onClick:row"] != null
|
|
1380
1392
|
}),
|
|
@@ -1388,7 +1400,7 @@ function Yt(e, t, a, s, o, l) {
|
|
|
1388
1400
|
key: 1,
|
|
1389
1401
|
class: m({ bold: r.bold })
|
|
1390
1402
|
}, [
|
|
1391
|
-
(i(!0), n(
|
|
1403
|
+
(i(!0), n(k, null, I(e.headers, (u) => (i(), n("td", {
|
|
1392
1404
|
class: m({
|
|
1393
1405
|
"text-left": u.align == "left" || u.align == null,
|
|
1394
1406
|
"text-right": u.align == "right",
|
|
@@ -1403,32 +1415,32 @@ function Yt(e, t, a, s, o, l) {
|
|
|
1403
1415
|
}, void 0, !0) : (i(), n("span", Ht, p(r[u.key]), 1))
|
|
1404
1416
|
], 2))), 256))
|
|
1405
1417
|
], 2))
|
|
1406
|
-
], 10,
|
|
1418
|
+
], 10, Rt))), 256))
|
|
1407
1419
|
]),
|
|
1408
|
-
|
|
1420
|
+
l("div", Kt, [
|
|
1409
1421
|
M(" Page " + p(e.currentPage) + " of " + p(e.totalNumberOfPages) + " ", 1),
|
|
1410
|
-
|
|
1422
|
+
l("button", {
|
|
1411
1423
|
disabled: e.currentPage == 1,
|
|
1412
1424
|
class: m({
|
|
1413
1425
|
"disable-button": e.currentPage == 1
|
|
1414
1426
|
}),
|
|
1415
1427
|
onClick: t[1] || (t[1] = (r) => e.currentPage = e.currentPage - 1)
|
|
1416
1428
|
}, [...t[4] || (t[4] = [
|
|
1417
|
-
|
|
1429
|
+
l("span", { class: "wra-chevron wra-chevron-left" }, null, -1)
|
|
1418
1430
|
])], 10, Ut),
|
|
1419
|
-
|
|
1431
|
+
l("button", {
|
|
1420
1432
|
disabled: e.currentPage == e.totalNumberOfPages,
|
|
1421
1433
|
class: m({
|
|
1422
1434
|
"disable-button": e.currentPage == e.totalNumberOfPages
|
|
1423
1435
|
}),
|
|
1424
1436
|
onClick: t[2] || (t[2] = (r) => e.currentPage = e.currentPage + 1)
|
|
1425
1437
|
}, [...t[5] || (t[5] = [
|
|
1426
|
-
|
|
1427
|
-
])], 10,
|
|
1438
|
+
l("span", { class: "wra-chevron wra-chevron-right" }, null, -1)
|
|
1439
|
+
])], 10, Yt)
|
|
1428
1440
|
])
|
|
1429
1441
|
]);
|
|
1430
1442
|
}
|
|
1431
|
-
const Jt = /* @__PURE__ */ b(Wt, [["render",
|
|
1443
|
+
const Jt = /* @__PURE__ */ b(Wt, [["render", Gt], ["__scopeId", "data-v-e27e09c4"]]), Zt = z, Qt = g({
|
|
1432
1444
|
directives: { maska: Zt },
|
|
1433
1445
|
name: "wra-date-input",
|
|
1434
1446
|
props: {
|
|
@@ -1465,7 +1477,7 @@ const Jt = /* @__PURE__ */ b(Wt, [["render", Yt], ["__scopeId", "data-v-e27e09c4
|
|
|
1465
1477
|
* The input mode for the input field.
|
|
1466
1478
|
* @type {string}
|
|
1467
1479
|
* @default "numeric"
|
|
1468
|
-
* @validator value {string}
|
|
1480
|
+
* @validator value {string}
|
|
1469
1481
|
*/
|
|
1470
1482
|
inputmode: {
|
|
1471
1483
|
type: String,
|
|
@@ -1591,7 +1603,7 @@ const Jt = /* @__PURE__ */ b(Wt, [["render", Yt], ["__scopeId", "data-v-e27e09c4
|
|
|
1591
1603
|
this.setInitialState();
|
|
1592
1604
|
}
|
|
1593
1605
|
}), Xt = ["for"], xt = ["id", "value", "inputmode", "placeholder", "defaultValidation"], ea = { key: 1 };
|
|
1594
|
-
function ta(e, t, a, s, o,
|
|
1606
|
+
function ta(e, t, a, s, o, d) {
|
|
1595
1607
|
const r = j("maska");
|
|
1596
1608
|
return i(), n("div", {
|
|
1597
1609
|
class: m({ error: e.showError != !1 })
|
|
@@ -1600,7 +1612,7 @@ function ta(e, t, a, s, o, l) {
|
|
|
1600
1612
|
key: 0,
|
|
1601
1613
|
for: e.id
|
|
1602
1614
|
}, p(e.label), 9, Xt)) : c("", !0),
|
|
1603
|
-
q(
|
|
1615
|
+
q(l("input", {
|
|
1604
1616
|
id: e.id,
|
|
1605
1617
|
type: "text",
|
|
1606
1618
|
value: e.maskedValue,
|
|
@@ -1615,7 +1627,7 @@ function ta(e, t, a, s, o, l) {
|
|
|
1615
1627
|
e.showError && e.required != null ? (i(), n("p", ea, "Invalid date")) : c("", !0)
|
|
1616
1628
|
], 2);
|
|
1617
1629
|
}
|
|
1618
|
-
const aa = /* @__PURE__ */ b(Qt, [["render", ta], ["__scopeId", "data-v-
|
|
1630
|
+
const aa = /* @__PURE__ */ b(Qt, [["render", ta], ["__scopeId", "data-v-f015c928"]]), sa = g({
|
|
1619
1631
|
name: "wra-header",
|
|
1620
1632
|
props: {
|
|
1621
1633
|
/**
|
|
@@ -1627,7 +1639,7 @@ const aa = /* @__PURE__ */ b(Qt, [["render", ta], ["__scopeId", "data-v-b5ebbc62
|
|
|
1627
1639
|
}
|
|
1628
1640
|
}
|
|
1629
1641
|
}), ra = { key: 0 }, ia = { key: 1 }, na = { key: 2 }, oa = { key: 3 }, la = { key: 4 }, da = { key: 5 };
|
|
1630
|
-
function ua(e, t, a, s, o,
|
|
1642
|
+
function ua(e, t, a, s, o, d) {
|
|
1631
1643
|
return i(), n("div", null, [
|
|
1632
1644
|
e.size == "h1" ? (i(), n("h1", ra, [
|
|
1633
1645
|
f(e.$slots, "default", {}, void 0, !0)
|
|
@@ -1714,8 +1726,8 @@ const se = /* @__PURE__ */ b(sa, [["render", ua], ["__scopeId", "data-v-6d53d792
|
|
|
1714
1726
|
this.$refs.dialog.close(), this.$emit("cancel");
|
|
1715
1727
|
},
|
|
1716
1728
|
handleTab(e) {
|
|
1717
|
-
var
|
|
1718
|
-
const t = ((
|
|
1729
|
+
var d, r;
|
|
1730
|
+
const t = ((d = this.$refs.confirmBtn) == null ? void 0 : d.$el) || this.$refs.confirmBtn, a = ((r = this.$refs.cancelBtn) == null ? void 0 : r.$el) || this.$refs.cancelBtn, s = [t, a].filter(Boolean);
|
|
1719
1731
|
if (!s.length) return;
|
|
1720
1732
|
const o = s.indexOf(document.activeElement);
|
|
1721
1733
|
if (e.shiftKey) {
|
|
@@ -1744,10 +1756,10 @@ const se = /* @__PURE__ */ b(sa, [["render", ua], ["__scopeId", "data-v-6d53d792
|
|
|
1744
1756
|
id: "dialog-message",
|
|
1745
1757
|
class: "mt-4"
|
|
1746
1758
|
}, fa = { class: "dialog-buttons" };
|
|
1747
|
-
function ma(e, t, a, s, o,
|
|
1748
|
-
const r =
|
|
1749
|
-
return i(),
|
|
1750
|
-
|
|
1759
|
+
function ma(e, t, a, s, o, d) {
|
|
1760
|
+
const r = D("wra-header"), u = D("wra-button");
|
|
1761
|
+
return i(), _(ne, { to: "body" }, [
|
|
1762
|
+
l("dialog", {
|
|
1751
1763
|
ref: "dialog",
|
|
1752
1764
|
class: "dialog-class",
|
|
1753
1765
|
"aria-labelledby": "dialog-title",
|
|
@@ -1755,12 +1767,12 @@ function ma(e, t, a, s, o, l) {
|
|
|
1755
1767
|
tabindex: "-1",
|
|
1756
1768
|
onClose: t[0] || (t[0] = (...h) => e.closeDialog && e.closeDialog(...h)),
|
|
1757
1769
|
onKeydown: [
|
|
1758
|
-
t[1] || (t[1] = S(
|
|
1770
|
+
t[1] || (t[1] = S(A((...h) => e.handleTab && e.handleTab(...h), ["prevent"]), ["tab"])),
|
|
1759
1771
|
t[2] || (t[2] = S((...h) => e.cancel && e.cancel(...h), ["esc"]))
|
|
1760
1772
|
]
|
|
1761
1773
|
}, [
|
|
1762
|
-
|
|
1763
|
-
|
|
1774
|
+
l("div", ca, [
|
|
1775
|
+
L(r, {
|
|
1764
1776
|
size: "h3",
|
|
1765
1777
|
id: "dialog-title"
|
|
1766
1778
|
}, {
|
|
@@ -1769,9 +1781,9 @@ function ma(e, t, a, s, o, l) {
|
|
|
1769
1781
|
]),
|
|
1770
1782
|
_: 1
|
|
1771
1783
|
}),
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1784
|
+
l("p", ha, p(e.message), 1),
|
|
1785
|
+
l("div", fa, [
|
|
1786
|
+
L(u, {
|
|
1775
1787
|
ref: "confirmBtn",
|
|
1776
1788
|
backgroundColor: e.isDelete ? "wra-red" : "wra-green",
|
|
1777
1789
|
onClick: e.confirm
|
|
@@ -1781,7 +1793,7 @@ function ma(e, t, a, s, o, l) {
|
|
|
1781
1793
|
]),
|
|
1782
1794
|
_: 1
|
|
1783
1795
|
}, 8, ["backgroundColor", "onClick"]),
|
|
1784
|
-
|
|
1796
|
+
L(u, {
|
|
1785
1797
|
ref: "cancelBtn",
|
|
1786
1798
|
onClick: e.cancel
|
|
1787
1799
|
}, {
|
|
@@ -1815,8 +1827,8 @@ const ga = /* @__PURE__ */ b(pa, [["render", ma], ["__scopeId", "data-v-a58221e3
|
|
|
1815
1827
|
data() {
|
|
1816
1828
|
return {};
|
|
1817
1829
|
}
|
|
1818
|
-
}),
|
|
1819
|
-
function
|
|
1830
|
+
}), ya = ["role"];
|
|
1831
|
+
function $a(e, t, a, s, o, d) {
|
|
1820
1832
|
return i(), n("hr", {
|
|
1821
1833
|
role: e.role,
|
|
1822
1834
|
class: m({
|
|
@@ -1824,9 +1836,9 @@ function ka(e, t, a, s, o, l) {
|
|
|
1824
1836
|
"wra-divider": e.thickness === "medium",
|
|
1825
1837
|
"wra-divider-small": e.thickness === "small"
|
|
1826
1838
|
})
|
|
1827
|
-
}, null, 10,
|
|
1839
|
+
}, null, 10, ya);
|
|
1828
1840
|
}
|
|
1829
|
-
const
|
|
1841
|
+
const ka = /* @__PURE__ */ b(ba, [["render", $a], ["__scopeId", "data-v-40db3bc1"]]), va = g({
|
|
1830
1842
|
name: "wra-expansion-panel",
|
|
1831
1843
|
props: {
|
|
1832
1844
|
title: {
|
|
@@ -1865,21 +1877,21 @@ const ya = /* @__PURE__ */ b(ba, [["render", ka], ["__scopeId", "data-v-40db3bc1
|
|
|
1865
1877
|
this.showPanel = !this.showPanel;
|
|
1866
1878
|
}
|
|
1867
1879
|
}
|
|
1868
|
-
}), wa = ["aria-controls", "id"], Sa = { class: "icon-wrapper" },
|
|
1869
|
-
function Ma(e, t, a, s, o,
|
|
1880
|
+
}), wa = ["aria-controls", "id"], Sa = { class: "icon-wrapper" }, Ia = ["aria-hidden", "id"], Va = { class: "inner-panel" };
|
|
1881
|
+
function Ma(e, t, a, s, o, d) {
|
|
1870
1882
|
return i(), n("div", null, [
|
|
1871
|
-
|
|
1883
|
+
l("button", {
|
|
1872
1884
|
class: "expansion-button",
|
|
1873
1885
|
"aria-controls": "expansion-content-" + e.ariaTitle,
|
|
1874
1886
|
id: "expansion-control-" + e.ariaTitle,
|
|
1875
1887
|
onClick: t[0] || (t[0] = (...r) => e.togglePanel && e.togglePanel(...r)),
|
|
1876
|
-
style:
|
|
1888
|
+
style: F(e.style)
|
|
1877
1889
|
}, [
|
|
1878
1890
|
f(e.$slots, "title", {}, () => [
|
|
1879
1891
|
M(p(e.title), 1)
|
|
1880
1892
|
], !0),
|
|
1881
|
-
|
|
1882
|
-
|
|
1893
|
+
l("span", Sa, [
|
|
1894
|
+
l("span", {
|
|
1883
1895
|
class: m(["panel-icon", {
|
|
1884
1896
|
"show-panel-icon": e.showPanel,
|
|
1885
1897
|
"hide-panel-icon": !e.showPanel
|
|
@@ -1887,7 +1899,7 @@ function Ma(e, t, a, s, o, l) {
|
|
|
1887
1899
|
}, null, 2)
|
|
1888
1900
|
])
|
|
1889
1901
|
], 12, wa),
|
|
1890
|
-
|
|
1902
|
+
L(K, { name: "slide-fade" }, {
|
|
1891
1903
|
default: W(() => [
|
|
1892
1904
|
e.showPanel ? (i(), n("div", {
|
|
1893
1905
|
key: 0,
|
|
@@ -1895,10 +1907,10 @@ function Ma(e, t, a, s, o, l) {
|
|
|
1895
1907
|
"aria-hidden": !e.showPanel,
|
|
1896
1908
|
id: "content-" + e.ariaTitle
|
|
1897
1909
|
}, [
|
|
1898
|
-
|
|
1910
|
+
l("div", Va, [
|
|
1899
1911
|
f(e.$slots, "default", {}, void 0, !0)
|
|
1900
1912
|
])
|
|
1901
|
-
], 8,
|
|
1913
|
+
], 8, Ia)) : c("", !0)
|
|
1902
1914
|
]),
|
|
1903
1915
|
_: 3
|
|
1904
1916
|
})
|
|
@@ -1917,7 +1929,7 @@ const Ca = /* @__PURE__ */ b(va, [["render", Ma], ["__scopeId", "data-v-aad4db7d
|
|
|
1917
1929
|
}
|
|
1918
1930
|
}
|
|
1919
1931
|
});
|
|
1920
|
-
function Ta(e, t, a, s, o,
|
|
1932
|
+
function Ta(e, t, a, s, o, d) {
|
|
1921
1933
|
return i(), n("div", {
|
|
1922
1934
|
class: m(["validation-tooltip", e.type])
|
|
1923
1935
|
}, [
|
|
@@ -2051,7 +2063,7 @@ const re = /* @__PURE__ */ b(Pa, [["render", Ta], ["__scopeId", "data-v-e082a746
|
|
|
2051
2063
|
if (a && a.length > 0) {
|
|
2052
2064
|
const s = Array.from(a);
|
|
2053
2065
|
if (typeof this.maxSize < "u" && this.maxSize !== null) {
|
|
2054
|
-
this.fileSize = s.reduce((o,
|
|
2066
|
+
this.fileSize = s.reduce((o, d) => o + d.size, 0), this.fileSizeError = this.fileSize > this.maxSize;
|
|
2055
2067
|
return;
|
|
2056
2068
|
}
|
|
2057
2069
|
this.fileName = s.map((o) => o.name).join(", ");
|
|
@@ -2077,13 +2089,13 @@ const re = /* @__PURE__ */ b(Pa, [["render", Ta], ["__scopeId", "data-v-e082a746
|
|
|
2077
2089
|
}, Wa = {
|
|
2078
2090
|
key: 1,
|
|
2079
2091
|
class: "file-upload-error-text"
|
|
2080
|
-
}, qa = ["for"],
|
|
2081
|
-
function
|
|
2082
|
-
const r =
|
|
2083
|
-
return i(), n(
|
|
2084
|
-
|
|
2092
|
+
}, qa = ["for"], Aa = { class: "file-upload-wrapper" }, Na = ["id", "accept", "capture", "multiple"], La = { class: "file-name" };
|
|
2093
|
+
function Fa(e, t, a, s, o, d) {
|
|
2094
|
+
const r = D("ValidationTooltip"), u = D("wra-button");
|
|
2095
|
+
return i(), n(k, null, [
|
|
2096
|
+
L(K, { name: "error" }, {
|
|
2085
2097
|
default: W(() => [
|
|
2086
|
-
e.isError ? (i(),
|
|
2098
|
+
e.isError ? (i(), _(r, {
|
|
2087
2099
|
key: 0,
|
|
2088
2100
|
class: "file-upload-error-box",
|
|
2089
2101
|
type: "wra-error"
|
|
@@ -2100,12 +2112,12 @@ function La(e, t, a, s, o, l) {
|
|
|
2100
2112
|
]),
|
|
2101
2113
|
_: 1
|
|
2102
2114
|
}),
|
|
2103
|
-
|
|
2115
|
+
l("div", {
|
|
2104
2116
|
class: "file-upload-label",
|
|
2105
2117
|
for: e.id
|
|
2106
2118
|
}, p(e.label), 9, qa),
|
|
2107
|
-
|
|
2108
|
-
|
|
2119
|
+
l("div", Aa, [
|
|
2120
|
+
L(u, {
|
|
2109
2121
|
size: "small",
|
|
2110
2122
|
backgroundColor: e.backgroundColor,
|
|
2111
2123
|
onClick: e.triggerFileInput
|
|
@@ -2115,7 +2127,7 @@ function La(e, t, a, s, o, l) {
|
|
|
2115
2127
|
]),
|
|
2116
2128
|
_: 1
|
|
2117
2129
|
}, 8, ["backgroundColor", "onClick"]),
|
|
2118
|
-
|
|
2130
|
+
l("input", {
|
|
2119
2131
|
type: "file",
|
|
2120
2132
|
ref: "fileInput",
|
|
2121
2133
|
id: e.id,
|
|
@@ -2123,12 +2135,12 @@ function La(e, t, a, s, o, l) {
|
|
|
2123
2135
|
capture: e.capture,
|
|
2124
2136
|
multiple: e.multiple,
|
|
2125
2137
|
onChange: t[0] || (t[0] = (...h) => e.handleFileChange && e.handleFileChange(...h))
|
|
2126
|
-
}, null, 40,
|
|
2127
|
-
|
|
2138
|
+
}, null, 40, Na),
|
|
2139
|
+
l("span", La, p(e.fileName), 1)
|
|
2128
2140
|
])
|
|
2129
2141
|
], 64);
|
|
2130
2142
|
}
|
|
2131
|
-
const
|
|
2143
|
+
const Da = /* @__PURE__ */ b(Ba, [["render", Fa], ["__scopeId", "data-v-77af62fb"]]), Ea = g({
|
|
2132
2144
|
name: "wra-footer",
|
|
2133
2145
|
props: {
|
|
2134
2146
|
/**
|
|
@@ -2140,14 +2152,14 @@ const Ea = /* @__PURE__ */ b(Ba, [["render", La], ["__scopeId", "data-v-77af62fb
|
|
|
2140
2152
|
}
|
|
2141
2153
|
}
|
|
2142
2154
|
});
|
|
2143
|
-
function ja(e, t, a, s, o,
|
|
2155
|
+
function ja(e, t, a, s, o, d) {
|
|
2144
2156
|
return i(), n("footer", {
|
|
2145
2157
|
class: m(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
|
|
2146
2158
|
}, [
|
|
2147
2159
|
f(e.$slots, "default", {}, void 0, !0)
|
|
2148
2160
|
], 2);
|
|
2149
2161
|
}
|
|
2150
|
-
const
|
|
2162
|
+
const _a = /* @__PURE__ */ b(Ea, [["render", ja], ["__scopeId", "data-v-ec223b2a"]]), za = g({
|
|
2151
2163
|
name: "wra-icon",
|
|
2152
2164
|
props: {
|
|
2153
2165
|
/** Name of icon from material design icons by pictogrammers */
|
|
@@ -2179,8 +2191,8 @@ const za = /* @__PURE__ */ b(Da, [["render", ja], ["__scopeId", "data-v-ec223b2a
|
|
|
2179
2191
|
type: String
|
|
2180
2192
|
}
|
|
2181
2193
|
}
|
|
2182
|
-
}),
|
|
2183
|
-
function Ka(e, t, a, s, o,
|
|
2194
|
+
}), Ra = ["width", "height", "viewBox", "stroke", "fill"], Ha = ["d"];
|
|
2195
|
+
function Ka(e, t, a, s, o, d) {
|
|
2184
2196
|
return i(), n("svg", {
|
|
2185
2197
|
width: e.width + "px",
|
|
2186
2198
|
height: e.height + "px",
|
|
@@ -2188,14 +2200,14 @@ function Ka(e, t, a, s, o, l) {
|
|
|
2188
2200
|
stroke: e.stroke,
|
|
2189
2201
|
fill: e.fill
|
|
2190
2202
|
}, [
|
|
2191
|
-
|
|
2203
|
+
l("path", {
|
|
2192
2204
|
d: e.icon,
|
|
2193
2205
|
width: "100%",
|
|
2194
2206
|
height: "100%"
|
|
2195
2207
|
}, null, 8, Ha)
|
|
2196
|
-
], 8,
|
|
2208
|
+
], 8, Ra);
|
|
2197
2209
|
}
|
|
2198
|
-
const Ua = /* @__PURE__ */ b(
|
|
2210
|
+
const Ua = /* @__PURE__ */ b(za, [["render", Ka]]), Ya = g({
|
|
2199
2211
|
name: "wra-inset",
|
|
2200
2212
|
props: {
|
|
2201
2213
|
/**
|
|
@@ -2220,14 +2232,14 @@ const Ua = /* @__PURE__ */ b(Ra, [["render", Ka]]), Ga = g({
|
|
|
2220
2232
|
}
|
|
2221
2233
|
}
|
|
2222
2234
|
});
|
|
2223
|
-
function
|
|
2235
|
+
function Ga(e, t, a, s, o, d) {
|
|
2224
2236
|
return i(), n("div", {
|
|
2225
2237
|
class: m(["wra-inset", e.colour])
|
|
2226
2238
|
}, [
|
|
2227
2239
|
f(e.$slots, "default", {}, void 0, !0)
|
|
2228
2240
|
], 2);
|
|
2229
2241
|
}
|
|
2230
|
-
const Ja = /* @__PURE__ */ b(
|
|
2242
|
+
const Ja = /* @__PURE__ */ b(Ya, [["render", Ga], ["__scopeId", "data-v-5eaa02a8"]]), Za = z, Qa = g({
|
|
2231
2243
|
directives: { maska: Za },
|
|
2232
2244
|
name: "wra-number-input",
|
|
2233
2245
|
props: {
|
|
@@ -2263,14 +2275,13 @@ const Ja = /* @__PURE__ */ b(Ga, [["render", Ya], ["__scopeId", "data-v-5eaa02a8
|
|
|
2263
2275
|
* The type of the input field.
|
|
2264
2276
|
* @type {string}
|
|
2265
2277
|
* @default "text"
|
|
2266
|
-
* @validator value {string}
|
|
2278
|
+
* @validator value {string}
|
|
2267
2279
|
*/
|
|
2268
2280
|
type: {
|
|
2269
2281
|
type: String,
|
|
2270
|
-
// Default of number causes issues with maska
|
|
2271
2282
|
default: "text",
|
|
2272
2283
|
validator(e) {
|
|
2273
|
-
return ["text", "
|
|
2284
|
+
return ["text", "number"].includes(e);
|
|
2274
2285
|
}
|
|
2275
2286
|
},
|
|
2276
2287
|
/**
|
|
@@ -2282,7 +2293,16 @@ const Ja = /* @__PURE__ */ b(Ga, [["render", Ya], ["__scopeId", "data-v-5eaa02a8
|
|
|
2282
2293
|
type: String,
|
|
2283
2294
|
default: "numeric",
|
|
2284
2295
|
validator(e) {
|
|
2285
|
-
return [
|
|
2296
|
+
return [
|
|
2297
|
+
"text",
|
|
2298
|
+
"none",
|
|
2299
|
+
"tel",
|
|
2300
|
+
"url",
|
|
2301
|
+
"email",
|
|
2302
|
+
"numeric",
|
|
2303
|
+
"decimal",
|
|
2304
|
+
"search"
|
|
2305
|
+
].includes(e);
|
|
2286
2306
|
}
|
|
2287
2307
|
},
|
|
2288
2308
|
/**
|
|
@@ -2367,7 +2387,7 @@ const Ja = /* @__PURE__ */ b(Ga, [["render", Ya], ["__scopeId", "data-v-5eaa02a8
|
|
|
2367
2387
|
key: 1,
|
|
2368
2388
|
class: "suffix"
|
|
2369
2389
|
}, ss = { key: 1 };
|
|
2370
|
-
function rs(e, t, a, s, o,
|
|
2390
|
+
function rs(e, t, a, s, o, d) {
|
|
2371
2391
|
const r = j("maska");
|
|
2372
2392
|
return i(), n("div", {
|
|
2373
2393
|
class: m({ error: !!e.errorMessage })
|
|
@@ -2376,9 +2396,9 @@ function rs(e, t, a, s, o, l) {
|
|
|
2376
2396
|
key: 0,
|
|
2377
2397
|
for: e.id
|
|
2378
2398
|
}, p(e.label), 9, Xa)) : c("", !0),
|
|
2379
|
-
|
|
2399
|
+
l("div", xa, [
|
|
2380
2400
|
e.prefix ? (i(), n("span", es, p(e.prefix), 1)) : c("", !0),
|
|
2381
|
-
q(
|
|
2401
|
+
q(l("input", {
|
|
2382
2402
|
id: e.id,
|
|
2383
2403
|
type: e.type,
|
|
2384
2404
|
inputmode: e.inputmode || "numeric",
|
|
@@ -2389,14 +2409,14 @@ function rs(e, t, a, s, o, l) {
|
|
|
2389
2409
|
onMaska: t[0] || (t[0] = (u) => e.onMaska(u.detail)),
|
|
2390
2410
|
class: m(e.prefixPadding)
|
|
2391
2411
|
}, null, 42, ts), [
|
|
2392
|
-
[r, "9,99#"]
|
|
2412
|
+
[r, e.type === "number" ? "999#" : "9,99#"]
|
|
2393
2413
|
]),
|
|
2394
2414
|
e.suffix ? (i(), n("span", as, p(e.suffix), 1)) : c("", !0)
|
|
2395
2415
|
]),
|
|
2396
2416
|
e.errorMessage ? (i(), n("p", ss, p(e.errorMessage), 1)) : c("", !0)
|
|
2397
2417
|
], 2);
|
|
2398
2418
|
}
|
|
2399
|
-
const is = /* @__PURE__ */ b(Qa, [["render", rs], ["__scopeId", "data-v-
|
|
2419
|
+
const is = /* @__PURE__ */ b(Qa, [["render", rs], ["__scopeId", "data-v-21ef0757"]]), ns = g({
|
|
2400
2420
|
name: "wra-pagination",
|
|
2401
2421
|
data() {
|
|
2402
2422
|
return {
|
|
@@ -2514,28 +2534,28 @@ const is = /* @__PURE__ */ b(Qa, [["render", rs], ["__scopeId", "data-v-bf09a2d6
|
|
|
2514
2534
|
this.currentPage = this.modelValue;
|
|
2515
2535
|
}
|
|
2516
2536
|
}), os = { class: "pagination" }, ls = ["onClick"];
|
|
2517
|
-
function ds(e, t, a, s, o,
|
|
2537
|
+
function ds(e, t, a, s, o, d) {
|
|
2518
2538
|
return i(), n("div", os, [
|
|
2519
|
-
|
|
2539
|
+
l("button", {
|
|
2520
2540
|
class: "pagination-button",
|
|
2521
2541
|
onClick: t[0] || (t[0] = (r) => e.decPage())
|
|
2522
2542
|
}, [
|
|
2523
2543
|
f(e.$slots, "previous", {}, () => [
|
|
2524
|
-
t[6] || (t[6] =
|
|
2525
|
-
|
|
2544
|
+
t[6] || (t[6] = l("span", { class: "pagination-icon previous-icon" }, null, -1)),
|
|
2545
|
+
l("span", null, p(e.previousLabel), 1)
|
|
2526
2546
|
], !0)
|
|
2527
2547
|
]),
|
|
2528
|
-
e.skipStart ? (i(), n(
|
|
2548
|
+
e.skipStart ? (i(), n(k, { key: 0 }, [
|
|
2529
2549
|
e.skipStart ? (i(), n("button", {
|
|
2530
2550
|
key: 0,
|
|
2531
2551
|
onClick: t[1] || (t[1] = (r) => e.changePage(e.startIndex)),
|
|
2532
2552
|
class: "pagination-number"
|
|
2533
2553
|
}, p(e.startIndex), 1)) : c("", !0),
|
|
2534
2554
|
f(e.$slots, "divider", {}, () => [
|
|
2535
|
-
t[7] || (t[7] =
|
|
2555
|
+
t[7] || (t[7] = l("span", { class: "pagination-divider" }, "...", -1))
|
|
2536
2556
|
], !0)
|
|
2537
2557
|
], 64)) : c("", !0),
|
|
2538
|
-
(i(!0), n(
|
|
2558
|
+
(i(!0), n(k, null, I(e.viewablePages, (r) => (i(), n("button", {
|
|
2539
2559
|
onClick: (u) => e.changePage(r),
|
|
2540
2560
|
onKeydown: [
|
|
2541
2561
|
t[2] || (t[2] = S((u) => e.onKeyLeft(), ["left"])),
|
|
@@ -2545,27 +2565,27 @@ function ds(e, t, a, s, o, l) {
|
|
|
2545
2565
|
ref: "page-" + r,
|
|
2546
2566
|
class: m(["pagination-number", e.currentPage === r && "pagination-number--selected"])
|
|
2547
2567
|
}, p(r), 43, ls))), 256)),
|
|
2548
|
-
e.skipEnd ? (i(), n(
|
|
2568
|
+
e.skipEnd ? (i(), n(k, { key: 1 }, [
|
|
2549
2569
|
f(e.$slots, "divider", {}, () => [
|
|
2550
|
-
t[8] || (t[8] =
|
|
2570
|
+
t[8] || (t[8] = l("span", { class: "pagination-divider" }, "...", -1))
|
|
2551
2571
|
], !0),
|
|
2552
|
-
|
|
2572
|
+
l("button", {
|
|
2553
2573
|
onClick: t[4] || (t[4] = (r) => e.changePage(e.totalPages)),
|
|
2554
2574
|
class: "pagination-number"
|
|
2555
2575
|
}, p(e.totalPages), 1)
|
|
2556
2576
|
], 64)) : c("", !0),
|
|
2557
|
-
|
|
2577
|
+
l("button", {
|
|
2558
2578
|
class: "pagination-button",
|
|
2559
2579
|
onClick: t[5] || (t[5] = (r) => e.incPage())
|
|
2560
2580
|
}, [
|
|
2561
2581
|
f(e.$slots, "next", {}, () => [
|
|
2562
|
-
|
|
2563
|
-
t[9] || (t[9] =
|
|
2582
|
+
l("span", null, p(e.nextLabel), 1),
|
|
2583
|
+
t[9] || (t[9] = l("span", { class: "pagination-icon next-icon" }, null, -1))
|
|
2564
2584
|
], !0)
|
|
2565
2585
|
])
|
|
2566
2586
|
]);
|
|
2567
2587
|
}
|
|
2568
|
-
const us = /* @__PURE__ */ b(ns, [["render", ds], ["__scopeId", "data-v-4fb0a9cd"]]), ps =
|
|
2588
|
+
const us = /* @__PURE__ */ b(ns, [["render", ds], ["__scopeId", "data-v-4fb0a9cd"]]), ps = z, cs = g({
|
|
2569
2589
|
directives: { maska: ps },
|
|
2570
2590
|
name: "wra-price-input",
|
|
2571
2591
|
props: {
|
|
@@ -2702,8 +2722,8 @@ const us = /* @__PURE__ */ b(ns, [["render", ds], ["__scopeId", "data-v-4fb0a9cd
|
|
|
2702
2722
|
}, gs = ["id", "value", "inputmode", "placeholder"], bs = {
|
|
2703
2723
|
key: 1,
|
|
2704
2724
|
class: "suffix"
|
|
2705
|
-
},
|
|
2706
|
-
function
|
|
2725
|
+
}, ys = { key: 1 };
|
|
2726
|
+
function $s(e, t, a, s, o, d) {
|
|
2707
2727
|
const r = j("maska");
|
|
2708
2728
|
return i(), n("div", {
|
|
2709
2729
|
class: m({ error: e.errorMessage !== "" })
|
|
@@ -2712,9 +2732,9 @@ function ks(e, t, a, s, o, l) {
|
|
|
2712
2732
|
key: 0,
|
|
2713
2733
|
for: e.id
|
|
2714
2734
|
}, p(e.label), 9, hs)) : c("", !0),
|
|
2715
|
-
|
|
2735
|
+
l("div", fs, [
|
|
2716
2736
|
e.prefix ? (i(), n("span", ms, p(e.prefix), 1)) : c("", !0),
|
|
2717
|
-
q(
|
|
2737
|
+
q(l("input", {
|
|
2718
2738
|
id: e.id,
|
|
2719
2739
|
type: "text",
|
|
2720
2740
|
value: e.maskedValue,
|
|
@@ -2729,10 +2749,10 @@ function ks(e, t, a, s, o, l) {
|
|
|
2729
2749
|
]),
|
|
2730
2750
|
e.suffix ? (i(), n("span", bs, p(e.suffix), 1)) : c("", !0)
|
|
2731
2751
|
]),
|
|
2732
|
-
e.errorMessage ? (i(), n("p",
|
|
2752
|
+
e.errorMessage ? (i(), n("p", ys, p(e.errorMessage), 1)) : c("", !0)
|
|
2733
2753
|
], 2);
|
|
2734
2754
|
}
|
|
2735
|
-
const
|
|
2755
|
+
const ks = /* @__PURE__ */ b(cs, [["render", $s], ["__scopeId", "data-v-0e867b98"]]), vs = g({
|
|
2736
2756
|
name: "wra-radio",
|
|
2737
2757
|
props: {
|
|
2738
2758
|
groupName: {
|
|
@@ -2763,14 +2783,14 @@ const ys = /* @__PURE__ */ b(cs, [["render", ks], ["__scopeId", "data-v-0e867b98
|
|
|
2763
2783
|
this.$parent.$emit("update:modelValue", this.option.value);
|
|
2764
2784
|
}
|
|
2765
2785
|
}
|
|
2766
|
-
}), ws = ["for"], Ss = ["name", "value", "id", "checked", "aria-checked"],
|
|
2767
|
-
function Ms(e, t, a, s, o,
|
|
2786
|
+
}), ws = ["for"], Ss = ["name", "value", "id", "checked", "aria-checked"], Is = { class: "radio-text" }, Vs = ["innerHTML"];
|
|
2787
|
+
function Ms(e, t, a, s, o, d) {
|
|
2768
2788
|
return i(), n("div", null, [
|
|
2769
|
-
|
|
2789
|
+
l("label", {
|
|
2770
2790
|
for: e.id ?? e.groupName + "-" + e.option.value,
|
|
2771
2791
|
class: "radio-label"
|
|
2772
2792
|
}, [
|
|
2773
|
-
|
|
2793
|
+
l("input", {
|
|
2774
2794
|
type: "radio",
|
|
2775
2795
|
name: e.groupName,
|
|
2776
2796
|
value: e.option.value,
|
|
@@ -2780,13 +2800,13 @@ function Ms(e, t, a, s, o, l) {
|
|
|
2780
2800
|
checked: e.isChecked == !0,
|
|
2781
2801
|
"aria-checked": e.isChecked
|
|
2782
2802
|
}, null, 40, Ss),
|
|
2783
|
-
|
|
2784
|
-
|
|
2803
|
+
l("span", Is, [
|
|
2804
|
+
l("p", null, p(e.option.label), 1),
|
|
2785
2805
|
e.option.info ? (i(), n("p", {
|
|
2786
2806
|
key: 0,
|
|
2787
2807
|
class: "further-information-text",
|
|
2788
2808
|
innerHTML: e.option.info
|
|
2789
|
-
}, null, 8,
|
|
2809
|
+
}, null, 8, Vs)) : c("", !0)
|
|
2790
2810
|
])
|
|
2791
2811
|
], 8, ws)
|
|
2792
2812
|
]);
|
|
@@ -2842,14 +2862,14 @@ const Cs = /* @__PURE__ */ b(vs, [["render", Ms], ["__scopeId", "data-v-66e204d1
|
|
|
2842
2862
|
}
|
|
2843
2863
|
}
|
|
2844
2864
|
}), Ts = ["aria-label", "aria-describedby"];
|
|
2845
|
-
function Bs(e, t, a, s, o,
|
|
2846
|
-
const r =
|
|
2865
|
+
function Bs(e, t, a, s, o, d) {
|
|
2866
|
+
const r = D("wra-radio");
|
|
2847
2867
|
return i(), n("div", {
|
|
2848
2868
|
role: "radiogroup",
|
|
2849
2869
|
"aria-label": e.label,
|
|
2850
2870
|
"aria-describedby": e.hint
|
|
2851
2871
|
}, [
|
|
2852
|
-
(i(!0), n(
|
|
2872
|
+
(i(!0), n(k, null, I(e.validOptions, (u) => (i(), _(r, {
|
|
2853
2873
|
groupName: e.groupName,
|
|
2854
2874
|
option: u,
|
|
2855
2875
|
key: u.value,
|
|
@@ -2945,38 +2965,321 @@ const Os = /* @__PURE__ */ b(Ps, [["render", Bs], ["__scopeId", "data-v-dfd68568
|
|
|
2945
2965
|
this.validate(this.modelValue);
|
|
2946
2966
|
},
|
|
2947
2967
|
emits: ["update:modelValue", "valid"]
|
|
2948
|
-
}), qs = ["for"],
|
|
2949
|
-
function
|
|
2950
|
-
return i(), n(
|
|
2951
|
-
|
|
2968
|
+
}), qs = ["for"], As = { class: "select" }, Ns = ["id", "value"], Ls = ["value", "selected"], Fs = { key: 0 }, Ds = { key: 1 };
|
|
2969
|
+
function Es(e, t, a, s, o, d) {
|
|
2970
|
+
return i(), n(k, null, [
|
|
2971
|
+
l("label", {
|
|
2952
2972
|
for: e.id || e.name
|
|
2953
2973
|
}, p(e.label), 9, qs),
|
|
2954
|
-
|
|
2955
|
-
|
|
2974
|
+
l("div", As, [
|
|
2975
|
+
l("select", {
|
|
2956
2976
|
id: e.id || e.name,
|
|
2957
2977
|
value: e.modelValue,
|
|
2958
2978
|
onChange: t[0] || (t[0] = (...r) => e.onSelectChange && e.onSelectChange(...r))
|
|
2959
2979
|
}, [
|
|
2960
|
-
t[1] || (t[1] =
|
|
2980
|
+
t[1] || (t[1] = l("option", {
|
|
2961
2981
|
value: "",
|
|
2962
2982
|
selected: "",
|
|
2963
2983
|
disabled: "",
|
|
2964
2984
|
hidden: ""
|
|
2965
2985
|
}, "-", -1)),
|
|
2966
|
-
(i(!0), n(
|
|
2986
|
+
(i(!0), n(k, null, I(e.validItems, (r) => (i(), n("option", {
|
|
2967
2987
|
value: e.checkForObjectValue(r),
|
|
2968
2988
|
selected: e.modelValue == e.checkForObjectValue(r)
|
|
2969
2989
|
}, [
|
|
2970
|
-
e.$slots.label ? (i(), n("span",
|
|
2990
|
+
e.$slots.label ? (i(), n("span", Fs, [
|
|
2971
2991
|
f(e.$slots, "label", { item: r }, void 0, !0)
|
|
2972
|
-
])) : (i(), n("span",
|
|
2973
|
-
], 8,
|
|
2974
|
-
], 40,
|
|
2975
|
-
t[2] || (t[2] =
|
|
2992
|
+
])) : (i(), n("span", Ds, p(e.checkForObjectLabel(r)), 1))
|
|
2993
|
+
], 8, Ls))), 256))
|
|
2994
|
+
], 40, Ns),
|
|
2995
|
+
t[2] || (t[2] = l("span", { class: "focus" }, null, -1))
|
|
2976
2996
|
])
|
|
2977
2997
|
], 64);
|
|
2978
2998
|
}
|
|
2979
|
-
const js = /* @__PURE__ */ b(Ws, [["render",
|
|
2999
|
+
const js = /* @__PURE__ */ b(Ws, [["render", Es], ["__scopeId", "data-v-f1105098"]]), _s = g({
|
|
3000
|
+
name: "wra-separate-date-input",
|
|
3001
|
+
props: {
|
|
3002
|
+
/**
|
|
3003
|
+
* The value of the date input (object with day, month, year properties).
|
|
3004
|
+
* @default null
|
|
3005
|
+
*/
|
|
3006
|
+
modelValue: {
|
|
3007
|
+
type: Object,
|
|
3008
|
+
default: null
|
|
3009
|
+
},
|
|
3010
|
+
/**
|
|
3011
|
+
* The label for the day input field.
|
|
3012
|
+
* @type {string}
|
|
3013
|
+
* @default "Day"
|
|
3014
|
+
*/
|
|
3015
|
+
dayLabel: {
|
|
3016
|
+
type: String,
|
|
3017
|
+
required: !1,
|
|
3018
|
+
default: "Day"
|
|
3019
|
+
},
|
|
3020
|
+
/**
|
|
3021
|
+
* The label for the month input field.
|
|
3022
|
+
* @type {string}
|
|
3023
|
+
* @default "Month"
|
|
3024
|
+
*/
|
|
3025
|
+
monthLabel: {
|
|
3026
|
+
type: String,
|
|
3027
|
+
required: !1,
|
|
3028
|
+
default: "Month"
|
|
3029
|
+
},
|
|
3030
|
+
/**
|
|
3031
|
+
* The label for the year input field.
|
|
3032
|
+
* @type {string}
|
|
3033
|
+
* @default "Year"
|
|
3034
|
+
*/
|
|
3035
|
+
yearLabel: {
|
|
3036
|
+
type: String,
|
|
3037
|
+
required: !1,
|
|
3038
|
+
default: "Year"
|
|
3039
|
+
},
|
|
3040
|
+
/**
|
|
3041
|
+
* The ID for the input fields.
|
|
3042
|
+
* @type {string}
|
|
3043
|
+
* @required
|
|
3044
|
+
* @default "dateInput"
|
|
3045
|
+
*/
|
|
3046
|
+
id: {
|
|
3047
|
+
type: String,
|
|
3048
|
+
required: !0,
|
|
3049
|
+
default: "dateInput"
|
|
3050
|
+
},
|
|
3051
|
+
/**
|
|
3052
|
+
* The input mode for the input fields.
|
|
3053
|
+
* @type {string}
|
|
3054
|
+
* @default "numeric"
|
|
3055
|
+
* @validator value {string}
|
|
3056
|
+
*/
|
|
3057
|
+
inputmode: {
|
|
3058
|
+
type: String,
|
|
3059
|
+
default: "numeric",
|
|
3060
|
+
validator(e) {
|
|
3061
|
+
return [
|
|
3062
|
+
"numeric",
|
|
3063
|
+
"search",
|
|
3064
|
+
"text",
|
|
3065
|
+
"email",
|
|
3066
|
+
"tel",
|
|
3067
|
+
"url",
|
|
3068
|
+
"none",
|
|
3069
|
+
"decimal"
|
|
3070
|
+
].includes(e);
|
|
3071
|
+
}
|
|
3072
|
+
},
|
|
3073
|
+
/**
|
|
3074
|
+
* Placeholder for day input field.
|
|
3075
|
+
* @type {string}
|
|
3076
|
+
* @default "DD"
|
|
3077
|
+
*/
|
|
3078
|
+
placeholderDay: {
|
|
3079
|
+
type: String,
|
|
3080
|
+
required: !1,
|
|
3081
|
+
default: "DD"
|
|
3082
|
+
},
|
|
3083
|
+
/**
|
|
3084
|
+
* Placeholder for month input field.
|
|
3085
|
+
* @type {string}
|
|
3086
|
+
* @default "MM"
|
|
3087
|
+
*/
|
|
3088
|
+
placeholderMonth: {
|
|
3089
|
+
type: String,
|
|
3090
|
+
required: !1,
|
|
3091
|
+
default: "MM"
|
|
3092
|
+
},
|
|
3093
|
+
/**
|
|
3094
|
+
* Placeholder for year input field.
|
|
3095
|
+
* @type {string}
|
|
3096
|
+
* @default "YYYY"
|
|
3097
|
+
*/
|
|
3098
|
+
placeholderYear: {
|
|
3099
|
+
type: String,
|
|
3100
|
+
required: !1,
|
|
3101
|
+
default: "YYYY"
|
|
3102
|
+
},
|
|
3103
|
+
/**
|
|
3104
|
+
* Automatically advance focus to the next field when max characters are reached.
|
|
3105
|
+
* @type {boolean}
|
|
3106
|
+
* @default false
|
|
3107
|
+
*/
|
|
3108
|
+
autoAdvance: {
|
|
3109
|
+
type: Boolean,
|
|
3110
|
+
required: !1,
|
|
3111
|
+
default: !1
|
|
3112
|
+
},
|
|
3113
|
+
/**
|
|
3114
|
+
* Maximum width for day input field.
|
|
3115
|
+
* @type {string}
|
|
3116
|
+
* @default "47px"
|
|
3117
|
+
*/
|
|
3118
|
+
dayInputWidth: {
|
|
3119
|
+
type: String,
|
|
3120
|
+
required: !1,
|
|
3121
|
+
default: "47px"
|
|
3122
|
+
},
|
|
3123
|
+
/**
|
|
3124
|
+
* Maximum width for month input field.
|
|
3125
|
+
* @type {string}
|
|
3126
|
+
* @default "47px"
|
|
3127
|
+
*/
|
|
3128
|
+
monthInputWidth: {
|
|
3129
|
+
type: String,
|
|
3130
|
+
required: !1,
|
|
3131
|
+
default: "47px"
|
|
3132
|
+
},
|
|
3133
|
+
/**
|
|
3134
|
+
* Maximum width for year input field.
|
|
3135
|
+
* @type {string}
|
|
3136
|
+
* @default "72px"
|
|
3137
|
+
*/
|
|
3138
|
+
yearInputWidth: {
|
|
3139
|
+
type: String,
|
|
3140
|
+
required: !1,
|
|
3141
|
+
default: "72px"
|
|
3142
|
+
}
|
|
3143
|
+
},
|
|
3144
|
+
emits: ["update:modelValue"],
|
|
3145
|
+
data() {
|
|
3146
|
+
return {
|
|
3147
|
+
day: "",
|
|
3148
|
+
month: "",
|
|
3149
|
+
year: ""
|
|
3150
|
+
};
|
|
3151
|
+
},
|
|
3152
|
+
watch: {
|
|
3153
|
+
modelValue() {
|
|
3154
|
+
this.setInitialState();
|
|
3155
|
+
}
|
|
3156
|
+
},
|
|
3157
|
+
methods: {
|
|
3158
|
+
/**
|
|
3159
|
+
* Gets the current date object to emit.
|
|
3160
|
+
*/
|
|
3161
|
+
getDateObject() {
|
|
3162
|
+
return {
|
|
3163
|
+
day: this.day ? parseInt(this.day) : null,
|
|
3164
|
+
month: this.month ? parseInt(this.month) : null,
|
|
3165
|
+
year: this.year ? parseInt(this.year) : null
|
|
3166
|
+
};
|
|
3167
|
+
},
|
|
3168
|
+
/**
|
|
3169
|
+
* Handles day input.
|
|
3170
|
+
*/
|
|
3171
|
+
onDayInput(e) {
|
|
3172
|
+
const a = e.target.value.replace(/\D/g, "");
|
|
3173
|
+
this.day = a.slice(0, 2), this.emitUpdate(), this.autoAdvance && this.day.length === 2 && this.$nextTick(() => {
|
|
3174
|
+
var s;
|
|
3175
|
+
(s = this.$refs.monthInput) == null || s.focus();
|
|
3176
|
+
});
|
|
3177
|
+
},
|
|
3178
|
+
/**
|
|
3179
|
+
* Handles month input.
|
|
3180
|
+
*/
|
|
3181
|
+
onMonthInput(e) {
|
|
3182
|
+
const a = e.target.value.replace(/\D/g, "");
|
|
3183
|
+
this.month = a.slice(0, 2), this.emitUpdate(), this.autoAdvance && this.month.length === 2 && this.$nextTick(() => {
|
|
3184
|
+
var s;
|
|
3185
|
+
(s = this.$refs.yearInput) == null || s.focus();
|
|
3186
|
+
});
|
|
3187
|
+
},
|
|
3188
|
+
/**
|
|
3189
|
+
* Handles year input.
|
|
3190
|
+
*/
|
|
3191
|
+
onYearInput(e) {
|
|
3192
|
+
const a = e.target.value.replace(/\D/g, "");
|
|
3193
|
+
this.year = a.slice(0, 4), this.emitUpdate();
|
|
3194
|
+
},
|
|
3195
|
+
/**
|
|
3196
|
+
* Emits the update with the constructed date object.
|
|
3197
|
+
*/
|
|
3198
|
+
emitUpdate() {
|
|
3199
|
+
const e = this.getDateObject();
|
|
3200
|
+
this.$emit("update:modelValue", e);
|
|
3201
|
+
},
|
|
3202
|
+
/**
|
|
3203
|
+
* Sets the initial state based on modelValue prop.
|
|
3204
|
+
*/
|
|
3205
|
+
setInitialState() {
|
|
3206
|
+
if (this.modelValue === null || typeof this.modelValue != "object") {
|
|
3207
|
+
this.day = "", this.month = "", this.year = "";
|
|
3208
|
+
return;
|
|
3209
|
+
}
|
|
3210
|
+
const { day: e, month: t, year: a } = this.modelValue;
|
|
3211
|
+
this.day = e !== null ? e.toString().padStart(2, "0") : "", this.month = t !== null ? t.toString().padStart(2, "0") : "", this.year = a !== null ? a.toString() : "";
|
|
3212
|
+
}
|
|
3213
|
+
},
|
|
3214
|
+
mounted() {
|
|
3215
|
+
this.setInitialState();
|
|
3216
|
+
}
|
|
3217
|
+
}), zs = { role: "group" }, Rs = { class: "date-input__item" }, Hs = ["for"], Ks = ["id", "value", "inputmode", "placeholder"], Us = { class: "date-input__item" }, Ys = ["for"], Gs = ["id", "value", "inputmode", "placeholder"], Js = { class: "date-input__item" }, Zs = ["for"], Qs = ["id", "value", "inputmode", "placeholder"];
|
|
3218
|
+
function Xs(e, t, a, s, o, d) {
|
|
3219
|
+
return i(), n("fieldset", zs, [
|
|
3220
|
+
l("div", {
|
|
3221
|
+
class: "date-input-container",
|
|
3222
|
+
style: F({
|
|
3223
|
+
"--day-input-width": e.dayInputWidth,
|
|
3224
|
+
"--month-input-width": e.monthInputWidth,
|
|
3225
|
+
"--year-input-width": e.yearInputWidth
|
|
3226
|
+
})
|
|
3227
|
+
}, [
|
|
3228
|
+
l("div", Rs, [
|
|
3229
|
+
l("label", {
|
|
3230
|
+
for: `${e.id}-day`,
|
|
3231
|
+
class: "date-input__label"
|
|
3232
|
+
}, p(e.dayLabel), 9, Hs),
|
|
3233
|
+
l("input", {
|
|
3234
|
+
ref: "dayInput",
|
|
3235
|
+
id: `${e.id}-day`,
|
|
3236
|
+
type: "text",
|
|
3237
|
+
class: "date-input__input date-input__input--day",
|
|
3238
|
+
value: e.day,
|
|
3239
|
+
inputmode: e.inputmode,
|
|
3240
|
+
placeholder: e.placeholderDay,
|
|
3241
|
+
maxlength: "2",
|
|
3242
|
+
onInput: t[0] || (t[0] = (...r) => e.onDayInput && e.onDayInput(...r))
|
|
3243
|
+
}, null, 40, Ks)
|
|
3244
|
+
]),
|
|
3245
|
+
l("div", Us, [
|
|
3246
|
+
l("label", {
|
|
3247
|
+
for: `${e.id}-month`,
|
|
3248
|
+
class: "date-input__label"
|
|
3249
|
+
}, p(e.monthLabel), 9, Ys),
|
|
3250
|
+
l("input", {
|
|
3251
|
+
ref: "monthInput",
|
|
3252
|
+
id: `${e.id}-month`,
|
|
3253
|
+
type: "text",
|
|
3254
|
+
class: "date-input__input date-input__input--month",
|
|
3255
|
+
value: e.month,
|
|
3256
|
+
inputmode: e.inputmode,
|
|
3257
|
+
placeholder: e.placeholderMonth,
|
|
3258
|
+
maxlength: "2",
|
|
3259
|
+
onInput: t[1] || (t[1] = (...r) => e.onMonthInput && e.onMonthInput(...r))
|
|
3260
|
+
}, null, 40, Gs)
|
|
3261
|
+
]),
|
|
3262
|
+
l("div", Js, [
|
|
3263
|
+
l("label", {
|
|
3264
|
+
for: `${e.id}-year`,
|
|
3265
|
+
class: "date-input__label"
|
|
3266
|
+
}, p(e.yearLabel), 9, Zs),
|
|
3267
|
+
l("input", {
|
|
3268
|
+
ref: "yearInput",
|
|
3269
|
+
id: `${e.id}-year`,
|
|
3270
|
+
type: "text",
|
|
3271
|
+
class: "date-input__input date-input__input--year",
|
|
3272
|
+
value: e.year,
|
|
3273
|
+
inputmode: e.inputmode,
|
|
3274
|
+
placeholder: e.placeholderYear,
|
|
3275
|
+
maxlength: "4",
|
|
3276
|
+
onInput: t[2] || (t[2] = (...r) => e.onYearInput && e.onYearInput(...r))
|
|
3277
|
+
}, null, 40, Qs)
|
|
3278
|
+
])
|
|
3279
|
+
], 4)
|
|
3280
|
+
]);
|
|
3281
|
+
}
|
|
3282
|
+
const xs = /* @__PURE__ */ b(_s, [["render", Xs], ["__scopeId", "data-v-f20812d2"]]), er = g({
|
|
2980
3283
|
name: "wra-service-logo",
|
|
2981
3284
|
props: {
|
|
2982
3285
|
/**
|
|
@@ -3013,8 +3316,8 @@ const js = /* @__PURE__ */ b(Ws, [["render", Ds], ["__scopeId", "data-v-f1105098
|
|
|
3013
3316
|
type: [String, Number]
|
|
3014
3317
|
}
|
|
3015
3318
|
}
|
|
3016
|
-
}),
|
|
3017
|
-
function
|
|
3319
|
+
}), tr = ["href", "aria-label"], ar = ["src", "height", "alt"];
|
|
3320
|
+
function sr(e, t, a, s, o, d) {
|
|
3018
3321
|
return i(), n("a", {
|
|
3019
3322
|
href: e.href,
|
|
3020
3323
|
target: "_blank",
|
|
@@ -3022,15 +3325,15 @@ function Hs(e, t, a, s, o, l) {
|
|
|
3022
3325
|
"aria-label": e.label,
|
|
3023
3326
|
class: "service-link"
|
|
3024
3327
|
}, [
|
|
3025
|
-
|
|
3328
|
+
l("img", {
|
|
3026
3329
|
src: e.serviceLogo,
|
|
3027
3330
|
height: e.height,
|
|
3028
3331
|
class: "service-logo",
|
|
3029
3332
|
alt: e.alt
|
|
3030
|
-
}, null, 8,
|
|
3031
|
-
], 8,
|
|
3333
|
+
}, null, 8, ar)
|
|
3334
|
+
], 8, tr);
|
|
3032
3335
|
}
|
|
3033
|
-
const
|
|
3336
|
+
const rr = /* @__PURE__ */ b(er, [["render", sr], ["__scopeId", "data-v-726556fc"]]), ir = g({
|
|
3034
3337
|
name: "wra-simple-table",
|
|
3035
3338
|
props: {
|
|
3036
3339
|
/**
|
|
@@ -3052,14 +3355,14 @@ const Ks = /* @__PURE__ */ b(zs, [["render", Hs], ["__scopeId", "data-v-726556fc
|
|
|
3052
3355
|
}
|
|
3053
3356
|
}
|
|
3054
3357
|
});
|
|
3055
|
-
function
|
|
3358
|
+
function nr(e, t, a, s, o, d) {
|
|
3056
3359
|
return i(), n("div", {
|
|
3057
3360
|
class: m(["wra-simple-table-wrapper", {
|
|
3058
3361
|
"wra-simple-table-inherit": e.inheritBackground,
|
|
3059
3362
|
"wra-simple-table-no-padding": e.inheritBackground
|
|
3060
3363
|
}])
|
|
3061
3364
|
}, [
|
|
3062
|
-
|
|
3365
|
+
l("table", {
|
|
3063
3366
|
class: m(["wra-simple-table", { "left-align-headers": e.leftAlignHeaders }])
|
|
3064
3367
|
}, [
|
|
3065
3368
|
e.caption ? (i(), n("caption", {
|
|
@@ -3074,7 +3377,7 @@ function Gs(e, t, a, s, o, l) {
|
|
|
3074
3377
|
], 2)
|
|
3075
3378
|
], 2);
|
|
3076
3379
|
}
|
|
3077
|
-
const
|
|
3380
|
+
const or = /* @__PURE__ */ b(ir, [["render", nr]]), lr = g({
|
|
3078
3381
|
name: "wra-skip-link",
|
|
3079
3382
|
emits: ["click"],
|
|
3080
3383
|
methods: {
|
|
@@ -3123,13 +3426,13 @@ const Ys = /* @__PURE__ */ b(Us, [["render", Gs]]), Js = g({
|
|
|
3123
3426
|
}
|
|
3124
3427
|
}
|
|
3125
3428
|
});
|
|
3126
|
-
function
|
|
3429
|
+
function dr(e, t, a, s, o, d) {
|
|
3127
3430
|
return i(), n("button", {
|
|
3128
3431
|
class: m(["skip-link", { "skip-link-full-width": e.fullWidth }]),
|
|
3129
3432
|
onClick: t[0] || (t[0] = (r) => e.onClick())
|
|
3130
3433
|
}, p(e.text), 3);
|
|
3131
3434
|
}
|
|
3132
|
-
const
|
|
3435
|
+
const ur = /* @__PURE__ */ b(lr, [["render", dr], ["__scopeId", "data-v-8e4609fc"]]), pr = g({
|
|
3133
3436
|
name: "wra-snackbar",
|
|
3134
3437
|
emits: ["update:visible"],
|
|
3135
3438
|
props: {
|
|
@@ -3193,9 +3496,9 @@ const Qs = /* @__PURE__ */ b(Js, [["render", Zs], ["__scopeId", "data-v-8e4609fc
|
|
|
3193
3496
|
};
|
|
3194
3497
|
}
|
|
3195
3498
|
}
|
|
3196
|
-
}),
|
|
3197
|
-
function
|
|
3198
|
-
return i(),
|
|
3499
|
+
}), cr = { class: "snackbar-content" };
|
|
3500
|
+
function hr(e, t, a, s, o, d) {
|
|
3501
|
+
return i(), _(K, { name: "snackbar" }, {
|
|
3199
3502
|
default: W(() => [
|
|
3200
3503
|
e.showSnackbar ? (i(), n("div", {
|
|
3201
3504
|
key: 0,
|
|
@@ -3203,7 +3506,7 @@ function er(e, t, a, s, o, l) {
|
|
|
3203
3506
|
"aria-live": "polite",
|
|
3204
3507
|
class: m(["snackbar snackbar-flex", e.type])
|
|
3205
3508
|
}, [
|
|
3206
|
-
|
|
3509
|
+
l("div", cr, [
|
|
3207
3510
|
f(e.$slots, "default", {}, () => [
|
|
3208
3511
|
M(p(e.label), 1)
|
|
3209
3512
|
], !0)
|
|
@@ -3215,9 +3518,9 @@ function er(e, t, a, s, o, l) {
|
|
|
3215
3518
|
onClick: t[0] || (t[0] = (...r) => e.closeSnackbar && e.closeSnackbar(...r)),
|
|
3216
3519
|
onKeyup: t[1] || (t[1] = S((...r) => e.closeSnackbar && e.closeSnackbar(...r), ["enter"]))
|
|
3217
3520
|
}, [...t[2] || (t[2] = [
|
|
3218
|
-
|
|
3219
|
-
|
|
3220
|
-
|
|
3521
|
+
l("span", { class: "sr-only" }, "Close", -1),
|
|
3522
|
+
l("div", { class: "close-icon-line-one" }, [
|
|
3523
|
+
l("div", { class: "close-icon-line-two" })
|
|
3221
3524
|
], -1)
|
|
3222
3525
|
])], 32)) : c("", !0)
|
|
3223
3526
|
], 2)) : c("", !0)
|
|
@@ -3225,7 +3528,7 @@ function er(e, t, a, s, o, l) {
|
|
|
3225
3528
|
_: 3
|
|
3226
3529
|
});
|
|
3227
3530
|
}
|
|
3228
|
-
const
|
|
3531
|
+
const fr = /* @__PURE__ */ b(pr, [["render", hr], ["__scopeId", "data-v-d07fa6ea"]]), mr = g({
|
|
3229
3532
|
name: "wra-subheader",
|
|
3230
3533
|
props: {
|
|
3231
3534
|
/**
|
|
@@ -3244,15 +3547,15 @@ const tr = /* @__PURE__ */ b(Xs, [["render", er], ["__scopeId", "data-v-d07fa6ea
|
|
|
3244
3547
|
}
|
|
3245
3548
|
}
|
|
3246
3549
|
});
|
|
3247
|
-
function
|
|
3550
|
+
function gr(e, t, a, s, o, d) {
|
|
3248
3551
|
return i(), n("div", {
|
|
3249
3552
|
class: "subheader",
|
|
3250
|
-
style:
|
|
3553
|
+
style: F(e.style)
|
|
3251
3554
|
}, [
|
|
3252
3555
|
f(e.$slots, "default", {}, void 0, !0)
|
|
3253
3556
|
], 4);
|
|
3254
3557
|
}
|
|
3255
|
-
const
|
|
3558
|
+
const br = /* @__PURE__ */ b(mr, [["render", gr], ["__scopeId", "data-v-904f5932"]]), yr = g({
|
|
3256
3559
|
name: "wra-table",
|
|
3257
3560
|
props: {
|
|
3258
3561
|
/**
|
|
@@ -3282,9 +3585,9 @@ const rr = /* @__PURE__ */ b(ar, [["render", sr], ["__scopeId", "data-v-904f5932
|
|
|
3282
3585
|
}
|
|
3283
3586
|
}
|
|
3284
3587
|
});
|
|
3285
|
-
function
|
|
3286
|
-
return i(), n(
|
|
3287
|
-
|
|
3588
|
+
function $r(e, t, a, s, o, d) {
|
|
3589
|
+
return i(), n(k, null, [
|
|
3590
|
+
l("table", G({
|
|
3288
3591
|
id: "regular",
|
|
3289
3592
|
class: ["wra-table", {
|
|
3290
3593
|
"wra-table-inherit": e.inheritBackground,
|
|
@@ -3299,11 +3602,11 @@ function nr(e, t, a, s, o, l) {
|
|
|
3299
3602
|
M(p(e.caption), 1)
|
|
3300
3603
|
])
|
|
3301
3604
|
], 2)) : c("", !0),
|
|
3302
|
-
|
|
3303
|
-
|
|
3304
|
-
(i(!0), n(
|
|
3605
|
+
l("thead", null, [
|
|
3606
|
+
l("tr", null, [
|
|
3607
|
+
(i(!0), n(k, null, I(e.headers, (r) => (i(), n("th", {
|
|
3305
3608
|
key: r.key,
|
|
3306
|
-
style:
|
|
3609
|
+
style: F(
|
|
3307
3610
|
{
|
|
3308
3611
|
textAlign: r.align || "left",
|
|
3309
3612
|
width: r.width + "px"
|
|
@@ -3312,19 +3615,19 @@ function nr(e, t, a, s, o, l) {
|
|
|
3312
3615
|
}, p(r.title), 5))), 128))
|
|
3313
3616
|
])
|
|
3314
3617
|
]),
|
|
3315
|
-
|
|
3316
|
-
(i(!0), n(
|
|
3618
|
+
l("tbody", null, [
|
|
3619
|
+
(i(!0), n(k, null, I(e.items, (r) => (i(), n("tr", {
|
|
3317
3620
|
key: r.id,
|
|
3318
3621
|
class: m({ bold: r.bold })
|
|
3319
3622
|
}, [
|
|
3320
|
-
(i(!0), n(
|
|
3623
|
+
(i(!0), n(k, null, I(e.headers, (u) => (i(), n("td", {
|
|
3321
3624
|
key: u.key,
|
|
3322
|
-
style:
|
|
3625
|
+
style: F({ textAlign: u.align || "left" })
|
|
3323
3626
|
}, p(r[u.key]), 5))), 128))
|
|
3324
3627
|
], 2))), 128))
|
|
3325
3628
|
])
|
|
3326
3629
|
], 16),
|
|
3327
|
-
|
|
3630
|
+
l("table", G({
|
|
3328
3631
|
id: "pivoted",
|
|
3329
3632
|
class: ["wra-table", {
|
|
3330
3633
|
"wra-table-inherit": e.inheritBackground,
|
|
@@ -3339,18 +3642,18 @@ function nr(e, t, a, s, o, l) {
|
|
|
3339
3642
|
M(p(e.caption), 1)
|
|
3340
3643
|
])
|
|
3341
3644
|
], 2)) : c("", !0),
|
|
3342
|
-
(i(!0), n(
|
|
3645
|
+
(i(!0), n(k, null, I(e.items, (r) => (i(), n("tbody", {
|
|
3343
3646
|
key: r.id
|
|
3344
3647
|
}, [
|
|
3345
|
-
(i(!0), n(
|
|
3346
|
-
|
|
3347
|
-
|
|
3648
|
+
(i(!0), n(k, null, I(e.headers, (u, h) => (i(), n("tr", { key: h }, [
|
|
3649
|
+
l("th", null, p(u.title), 1),
|
|
3650
|
+
l("td", null, p(r[u.key]), 1)
|
|
3348
3651
|
]))), 128))
|
|
3349
3652
|
]))), 128))
|
|
3350
3653
|
], 16)
|
|
3351
3654
|
], 64);
|
|
3352
3655
|
}
|
|
3353
|
-
const
|
|
3656
|
+
const kr = /* @__PURE__ */ b(yr, [["render", $r]]), vr = g({
|
|
3354
3657
|
name: "wra-tab",
|
|
3355
3658
|
props: {
|
|
3356
3659
|
label: {
|
|
@@ -3379,13 +3682,13 @@ const or = /* @__PURE__ */ b(ir, [["render", nr]]), lr = g({
|
|
|
3379
3682
|
}
|
|
3380
3683
|
}
|
|
3381
3684
|
});
|
|
3382
|
-
function
|
|
3685
|
+
function wr(e, t, a, s, o, d) {
|
|
3383
3686
|
return i(), n("button", {
|
|
3384
3687
|
ref: "tabButton",
|
|
3385
3688
|
class: m(["tab-button", e.active === !0 && "tab-button--active"])
|
|
3386
3689
|
}, p(e.label), 3);
|
|
3387
3690
|
}
|
|
3388
|
-
const
|
|
3691
|
+
const Sr = /* @__PURE__ */ b(vr, [["render", wr], ["__scopeId", "data-v-0417664c"]]), Ir = g({
|
|
3389
3692
|
name: "wra-tabs",
|
|
3390
3693
|
emits: ["update:modelValue"],
|
|
3391
3694
|
props: {
|
|
@@ -3401,7 +3704,7 @@ const ur = /* @__PURE__ */ b(lr, [["render", dr], ["__scopeId", "data-v-0417664c
|
|
|
3401
3704
|
}
|
|
3402
3705
|
},
|
|
3403
3706
|
components: {
|
|
3404
|
-
Tab:
|
|
3707
|
+
Tab: Sr
|
|
3405
3708
|
},
|
|
3406
3709
|
data() {
|
|
3407
3710
|
return {
|
|
@@ -3423,27 +3726,27 @@ const ur = /* @__PURE__ */ b(lr, [["render", dr], ["__scopeId", "data-v-0417664c
|
|
|
3423
3726
|
created() {
|
|
3424
3727
|
this.activeTab = this.modelValue;
|
|
3425
3728
|
}
|
|
3426
|
-
}),
|
|
3427
|
-
function
|
|
3428
|
-
const r =
|
|
3429
|
-
return i(), n("div",
|
|
3430
|
-
(i(!0), n(
|
|
3729
|
+
}), Vr = { class: "tabs" };
|
|
3730
|
+
function Mr(e, t, a, s, o, d) {
|
|
3731
|
+
const r = D("tab");
|
|
3732
|
+
return i(), n("div", Vr, [
|
|
3733
|
+
(i(!0), n(k, null, I(e.options, (u, h) => (i(), _(r, {
|
|
3431
3734
|
tabindex: h === 0 ? 0 : -1,
|
|
3432
3735
|
label: u,
|
|
3433
3736
|
active: h === e.activeTab,
|
|
3434
3737
|
focus: h === e.focusTab,
|
|
3435
|
-
onClick: (
|
|
3436
|
-
onFocus: (
|
|
3738
|
+
onClick: (y) => e.onTabClick(h),
|
|
3739
|
+
onFocus: (y) => e.focusTab = h,
|
|
3437
3740
|
onKeydown: [
|
|
3438
|
-
S((
|
|
3439
|
-
S((
|
|
3741
|
+
S((y) => e.onTabClick(h), ["enter"]),
|
|
3742
|
+
S((y) => e.onTabClick(h), ["space"]),
|
|
3440
3743
|
S(e.onKeyLeft, ["left"]),
|
|
3441
3744
|
S(e.onKeyRight, ["right"])
|
|
3442
3745
|
]
|
|
3443
3746
|
}, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
|
|
3444
3747
|
]);
|
|
3445
3748
|
}
|
|
3446
|
-
const
|
|
3749
|
+
const Cr = /* @__PURE__ */ b(Ir, [["render", Mr], ["__scopeId", "data-v-eef46a08"]]), Pr = g({
|
|
3447
3750
|
name: "wra-text-area",
|
|
3448
3751
|
props: {
|
|
3449
3752
|
/**
|
|
@@ -3509,16 +3812,16 @@ const fr = /* @__PURE__ */ b(pr, [["render", hr], ["__scopeId", "data-v-eef46a08
|
|
|
3509
3812
|
mounted() {
|
|
3510
3813
|
this.validate(this.modelValue);
|
|
3511
3814
|
}
|
|
3512
|
-
}),
|
|
3513
|
-
function
|
|
3815
|
+
}), Tr = ["for"], Br = ["id", "value", "maxlength"], Or = { key: 1 };
|
|
3816
|
+
function Wr(e, t, a, s, o, d) {
|
|
3514
3817
|
return i(), n("div", {
|
|
3515
3818
|
class: m({ error: e.errorMessage })
|
|
3516
3819
|
}, [
|
|
3517
3820
|
e.label ? (i(), n("label", {
|
|
3518
3821
|
key: 0,
|
|
3519
3822
|
for: String(e.id)
|
|
3520
|
-
}, p(e.label), 9,
|
|
3521
|
-
|
|
3823
|
+
}, p(e.label), 9, Tr)) : c("", !0),
|
|
3824
|
+
l("textarea", {
|
|
3522
3825
|
rows: "5",
|
|
3523
3826
|
id: String(e.id),
|
|
3524
3827
|
value: e.modelValue,
|
|
@@ -3527,12 +3830,12 @@ function kr(e, t, a, s, o, l) {
|
|
|
3527
3830
|
return e.validate(((u = r.target) == null ? void 0 : u.value) || "");
|
|
3528
3831
|
}),
|
|
3529
3832
|
maxlength: e.maxLength
|
|
3530
|
-
}, null, 40,
|
|
3531
|
-
e.errorMessage ? (i(), n("p",
|
|
3833
|
+
}, null, 40, Br),
|
|
3834
|
+
e.errorMessage ? (i(), n("p", Or, p(e.errorMessage), 1)) : c("", !0)
|
|
3532
3835
|
], 2);
|
|
3533
3836
|
}
|
|
3534
|
-
const
|
|
3535
|
-
directives: { maska:
|
|
3837
|
+
const qr = /* @__PURE__ */ b(Pr, [["render", Wr], ["__scopeId", "data-v-4bbbf219"]]), Ar = z, Nr = g({
|
|
3838
|
+
directives: { maska: Ar },
|
|
3536
3839
|
name: "wra-text-input",
|
|
3537
3840
|
props: {
|
|
3538
3841
|
/**
|
|
@@ -3664,8 +3967,8 @@ const yr = /* @__PURE__ */ b(mr, [["render", kr], ["__scopeId", "data-v-4bbbf219
|
|
|
3664
3967
|
this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
|
|
3665
3968
|
},
|
|
3666
3969
|
emits: ["update:modelValue", "valid"]
|
|
3667
|
-
}),
|
|
3668
|
-
function
|
|
3970
|
+
}), Lr = ["for"], Fr = ["id", "type", "dataMaskaTokens", "value", "inputmode", "placeholder"], Dr = { key: 1 };
|
|
3971
|
+
function Er(e, t, a, s, o, d) {
|
|
3669
3972
|
const r = j("maska");
|
|
3670
3973
|
return i(), n("div", {
|
|
3671
3974
|
class: m({ error: e.errorMessage })
|
|
@@ -3673,8 +3976,8 @@ function Mr(e, t, a, s, o, l) {
|
|
|
3673
3976
|
e.label ? (i(), n("label", {
|
|
3674
3977
|
key: 0,
|
|
3675
3978
|
for: e.id
|
|
3676
|
-
}, p(e.label), 9,
|
|
3677
|
-
q(
|
|
3979
|
+
}, p(e.label), 9, Lr)) : c("", !0),
|
|
3980
|
+
q(l("input", {
|
|
3678
3981
|
id: e.id,
|
|
3679
3982
|
type: e.type,
|
|
3680
3983
|
dataMaskaTokens: e.dataMaskaTokens,
|
|
@@ -3685,19 +3988,19 @@ function Mr(e, t, a, s, o, l) {
|
|
|
3685
3988
|
}),
|
|
3686
3989
|
inputmode: e.inputmode,
|
|
3687
3990
|
placeholder: e.placeholder
|
|
3688
|
-
}, null, 40,
|
|
3991
|
+
}, null, 40, Fr), [
|
|
3689
3992
|
[r, e.dataMaska]
|
|
3690
3993
|
]),
|
|
3691
|
-
e.errorMessage ? (i(), n("p",
|
|
3994
|
+
e.errorMessage ? (i(), n("p", Dr, p(e.errorMessage), 1)) : c("", !0)
|
|
3692
3995
|
], 2);
|
|
3693
3996
|
}
|
|
3694
|
-
const
|
|
3997
|
+
const jr = /* @__PURE__ */ b(Nr, [["render", Er], ["__scopeId", "data-v-066bf72c"]]), _r = {
|
|
3695
3998
|
WraAppBar: de,
|
|
3696
3999
|
WraAutocomplete: be,
|
|
3697
4000
|
WraBanner: ve,
|
|
3698
4001
|
WraBreadcrumbs: Te,
|
|
3699
4002
|
WraButton: J,
|
|
3700
|
-
WraCard:
|
|
4003
|
+
WraCard: Le,
|
|
3701
4004
|
WraCheckbox: He,
|
|
3702
4005
|
WraCheckboxGroup: Xe,
|
|
3703
4006
|
WraContentAccordion: lt,
|
|
@@ -3706,31 +4009,32 @@ const Cr = /* @__PURE__ */ b(wr, [["render", Mr], ["__scopeId", "data-v-066bf72c
|
|
|
3706
4009
|
WraDataTable: Jt,
|
|
3707
4010
|
WraDateInput: aa,
|
|
3708
4011
|
WraDialog: ga,
|
|
3709
|
-
WraDivider:
|
|
4012
|
+
WraDivider: ka,
|
|
3710
4013
|
WraExpansionPanel: Ca,
|
|
3711
|
-
WraFileUpload:
|
|
3712
|
-
WraFooter:
|
|
4014
|
+
WraFileUpload: Da,
|
|
4015
|
+
WraFooter: _a,
|
|
3713
4016
|
WraHeader: se,
|
|
3714
4017
|
WraIcon: Ua,
|
|
3715
4018
|
WraInset: Ja,
|
|
3716
4019
|
WraNumberInput: is,
|
|
3717
4020
|
WraPagination: us,
|
|
3718
|
-
WraPriceInput:
|
|
4021
|
+
WraPriceInput: ks,
|
|
3719
4022
|
WraRadioGroup: Os,
|
|
3720
4023
|
WraSelect: js,
|
|
3721
|
-
|
|
3722
|
-
|
|
3723
|
-
|
|
3724
|
-
|
|
3725
|
-
|
|
3726
|
-
|
|
3727
|
-
|
|
3728
|
-
|
|
3729
|
-
|
|
4024
|
+
WraSeparateDateInput: xs,
|
|
4025
|
+
WraServiceLogo: rr,
|
|
4026
|
+
WraSimpleTable: or,
|
|
4027
|
+
WraSkipLink: ur,
|
|
4028
|
+
WraSnackbar: fr,
|
|
4029
|
+
WraSubheader: br,
|
|
4030
|
+
WraTable: kr,
|
|
4031
|
+
WraTabs: Cr,
|
|
4032
|
+
WraTextArea: qr,
|
|
4033
|
+
WraTextInput: jr,
|
|
3730
4034
|
WraValidationTooltip: re
|
|
3731
|
-
},
|
|
4035
|
+
}, Rr = {
|
|
3732
4036
|
install(e) {
|
|
3733
|
-
for (const [t, a] of Object.entries(
|
|
4037
|
+
for (const [t, a] of Object.entries(_r))
|
|
3734
4038
|
e.component(t, a);
|
|
3735
4039
|
}
|
|
3736
4040
|
};
|
|
@@ -3740,7 +4044,7 @@ export {
|
|
|
3740
4044
|
ve as WraBanner,
|
|
3741
4045
|
Te as WraBreadcrumbs,
|
|
3742
4046
|
J as WraButton,
|
|
3743
|
-
|
|
4047
|
+
Le as WraCard,
|
|
3744
4048
|
He as WraCheckbox,
|
|
3745
4049
|
Xe as WraCheckboxGroup,
|
|
3746
4050
|
lt as WraContentAccordion,
|
|
@@ -3749,27 +4053,28 @@ export {
|
|
|
3749
4053
|
Jt as WraDataTable,
|
|
3750
4054
|
aa as WraDateInput,
|
|
3751
4055
|
ga as WraDialog,
|
|
3752
|
-
|
|
4056
|
+
ka as WraDivider,
|
|
3753
4057
|
Ca as WraExpansionPanel,
|
|
3754
|
-
|
|
3755
|
-
|
|
4058
|
+
Da as WraFileUpload,
|
|
4059
|
+
_a as WraFooter,
|
|
3756
4060
|
se as WraHeader,
|
|
3757
4061
|
Ua as WraIcon,
|
|
3758
4062
|
Ja as WraInset,
|
|
3759
4063
|
is as WraNumberInput,
|
|
3760
4064
|
us as WraPagination,
|
|
3761
|
-
|
|
4065
|
+
ks as WraPriceInput,
|
|
3762
4066
|
Os as WraRadioGroup,
|
|
3763
4067
|
js as WraSelect,
|
|
3764
|
-
|
|
3765
|
-
|
|
3766
|
-
|
|
3767
|
-
|
|
3768
|
-
|
|
3769
|
-
|
|
3770
|
-
|
|
3771
|
-
|
|
3772
|
-
|
|
4068
|
+
xs as WraSeparateDateInput,
|
|
4069
|
+
rr as WraServiceLogo,
|
|
4070
|
+
or as WraSimpleTable,
|
|
4071
|
+
ur as WraSkipLink,
|
|
4072
|
+
fr as WraSnackbar,
|
|
4073
|
+
br as WraSubheader,
|
|
4074
|
+
kr as WraTable,
|
|
4075
|
+
Cr as WraTabs,
|
|
4076
|
+
qr as WraTextArea,
|
|
4077
|
+
jr as WraTextInput,
|
|
3773
4078
|
re as WraValidationTooltip,
|
|
3774
|
-
|
|
4079
|
+
Rr as default
|
|
3775
4080
|
};
|