@wra-gov/vue-components 0.26.9 → 0.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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-a58dcdf6],[data-v-a58dcdf6]:before,[data-v-a58dcdf6]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-a58dcdf6]{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-a58dcdf6]:disabled{opacity:.3}.autocomplete-input--focus[data-v-a58dcdf6]{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-a58dcdf6]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-a58dcdf6]{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-a58dcdf6]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-a58dcdf6]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-a58dcdf6]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-a58dcdf6]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-a58dcdf6]{background:var(--color-wra-blue);color:#fff}.autocomplete-item-not-clickable[data-v-a58dcdf6]{cursor:not-allowed}.autocomplete[data-v-a58dcdf6]{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}.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 f, renderSlot as m, createCommentVNode as c, withDirectives as q, toDisplayString as p, createElementVNode as d, withKeys as S, withModifiers as W, vModelText as x, Fragment as y, renderList as V, vShow as re, resolveDirective as j, mergeProps as G, createTextVNode as B, normalizeStyle as D, nextTick as ie, resolveComponent as L, createBlock as z, Teleport as ne, createVNode as F, withCtx as N, Transition as Y } from "vue";
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}.flex{display:flex}.hidden{display:none}.table{display:table}.w-full{width:100%}.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}.items-center{align-items:center}.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)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.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-a58dcdf6],[data-v-a58dcdf6]:before,[data-v-a58dcdf6]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-a58dcdf6]{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-a58dcdf6]:disabled{opacity:.3}.autocomplete-input--focus[data-v-a58dcdf6]{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-a58dcdf6]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-a58dcdf6]{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-a58dcdf6]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-a58dcdf6]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-a58dcdf6]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-a58dcdf6]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-a58dcdf6]{background:var(--color-wra-blue);color:#fff}.autocomplete-item-not-clickable[data-v-a58dcdf6]{cursor:not-allowed}.autocomplete[data-v-a58dcdf6]{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}.panel-icon[data-v-d93de9a8]{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}.icon-wrapper[data-v-d93de9a8]{margin-left:8px}.show-panel-icon[data-v-d93de9a8]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-d93de9a8]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-d93de9a8]{display:block}.accordion-title[data-v-d93de9a8]{font-size:24px;font-weight:700;line-height:28px;color:var(--color-wra-blue)}button:focus .accordion-title[data-v-d93de9a8]{color:var(--color-wra-black)}.accordion-description[data-v-d93de9a8]{font-size:14px;line-height:20px;color:var(--color-wra-black)}button[data-v-d93de9a8]{padding:15px 20px;background-color:var(--color-wra-grey);border:none;cursor:pointer;width:100%;text-align:left}button[data-v-d93de9a8]: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-d93de9a8]:focus:hover{opacity:1}.panel-content[data-v-d93de9a8]{display:grid;background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-d93de9a8]{overflow:hidden}.slide-fade-enter-active[data-v-d93de9a8],.slide-fade-leave-active[data-v-d93de9a8]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-d93de9a8],.slide-fade-leave-to[data-v-d93de9a8]{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 d, withKeys as S, withModifiers as N, vModelText as x, Fragment as y, renderList as V, vShow as re, createVNode as F, createTextVNode as M, Transition as K, withCtx as W, resolveDirective as j, mergeProps as Y, normalizeStyle as D, nextTick as ie, resolveComponent as L, createBlock as z, Teleport as ne } from "vue";
3
3
  const oe = g({
4
4
  name: "wra-app-bar",
5
5
  props: {
@@ -12,21 +12,21 @@ const oe = g({
12
12
  }
13
13
  }
14
14
  }), b = (e, t) => {
15
- const a = e.__vccOpts || e;
16
- for (const [s, o] of t)
17
- a[s] = o;
18
- return a;
15
+ const s = e.__vccOpts || e;
16
+ for (const [a, o] of t)
17
+ s[a] = o;
18
+ return s;
19
19
  };
20
- function le(e, t, a, s, o, l) {
20
+ function le(e, t, s, a, o, l) {
21
21
  return i(), n("div", {
22
- class: f(["wra-app-bar", {
22
+ class: m(["wra-app-bar", {
23
23
  "hidden-print": e.hiddenPrint === !0
24
24
  }])
25
25
  }, [
26
- m(e.$slots, "default", {}, void 0, !0)
26
+ f(e.$slots, "default", {}, void 0, !0)
27
27
  ], 2);
28
28
  }
29
- const ue = /* @__PURE__ */ b(oe, [["render", le], ["__scopeId", "data-v-a67304e8"]]), de = g({
29
+ const de = /* @__PURE__ */ b(oe, [["render", le], ["__scopeId", "data-v-a67304e8"]]), ue = g({
30
30
  name: "wra-autocomplete",
31
31
  emits: ["update:modelValue", "validOption"],
32
32
  props: {
@@ -134,7 +134,7 @@ const ue = /* @__PURE__ */ b(oe, [["render", le], ["__scopeId", "data-v-a67304e8
134
134
  computed: {
135
135
  showOptions() {
136
136
  const e = this.validatedOptions.some(
137
- (s) => s[this.optionLabel] === this.userInput[this.optionLabel]
137
+ (a) => a[this.optionLabel] === this.userInput[this.optionLabel]
138
138
  ), t = (this.userInput[this.optionLabel] || "").length >= this.minLength;
139
139
  return e !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || t === !0);
140
140
  },
@@ -181,7 +181,7 @@ const ue = /* @__PURE__ */ b(oe, [["render", le], ["__scopeId", "data-v-a67304e8
181
181
  id: "autocomplete-list",
182
182
  class: "autocomplete-list"
183
183
  }, me = ["id", "aria-selected", "onMousedown", "onKeydown", "onBlur"];
184
- function ge(e, t, a, s, o, l) {
184
+ function ge(e, t, s, a, o, l) {
185
185
  return i(), n("div", pe, [
186
186
  e.label ? (i(), n("label", {
187
187
  key: 0,
@@ -199,14 +199,14 @@ function ge(e, t, a, s, o, l) {
199
199
  "aria-activedescendant": e.optionIndex !== null ? `option${e.optionIndex}` : void 0,
200
200
  autocomplete: "off",
201
201
  id: e.id,
202
- class: f(["autocomplete-input", { "autocomplete-input--focus": e.hasFocus }]),
202
+ class: m(["autocomplete-input", { "autocomplete-input--focus": e.hasFocus }]),
203
203
  placeholder: e.placeholder,
204
204
  onInput: t[1] || (t[1] = (r) => e.onInputTyping()),
205
205
  onFocus: t[2] || (t[2] = (r) => e.hasFocus = !0),
206
206
  onBlur: t[3] || (t[3] = (...r) => e.onBlur && e.onBlur(...r)),
207
207
  onKeydown: [
208
- t[4] || (t[4] = S(W((...r) => e.onUpKey && e.onUpKey(...r), ["prevent"]), ["up"])),
209
- t[5] || (t[5] = S(W((...r) => e.onDownKey && e.onDownKey(...r), ["prevent"]), ["down"]))
208
+ t[4] || (t[4] = S(N((...r) => e.onUpKey && e.onUpKey(...r), ["prevent"]), ["up"])),
209
+ t[5] || (t[5] = S(N((...r) => e.onDownKey && e.onDownKey(...r), ["prevent"]), ["down"]))
210
210
  ]
211
211
  }, null, 42, he), [
212
212
  [x, e.userInput[e.optionLabel]]
@@ -220,16 +220,16 @@ function ge(e, t, a, s, o, l) {
220
220
  role: "option",
221
221
  tabindex: "-1",
222
222
  "aria-selected": u === e.optionIndex,
223
- class: f({
223
+ class: m({
224
224
  "autocomplete-item-not-clickable": r.clickable === !1,
225
225
  "autocomplete-item--focus": u === e.optionIndex
226
226
  }),
227
227
  onMousedown: (h) => e.onOptionSelect(r),
228
228
  onKeydown: [
229
- t[6] || (t[6] = S(W((...h) => e.onUpKey && e.onUpKey(...h), ["prevent"]), ["up"])),
230
- t[7] || (t[7] = S(W((...h) => e.onDownKey && e.onDownKey(...h), ["prevent"]), ["down"])),
231
- S(W((h) => e.onOptionSelect(r), ["prevent"]), ["enter"]),
232
- S(W((h) => e.onOptionSelect(r), ["prevent"]), ["space"])
229
+ t[6] || (t[6] = S(N((...h) => e.onUpKey && e.onUpKey(...h), ["prevent"]), ["up"])),
230
+ t[7] || (t[7] = S(N((...h) => e.onDownKey && e.onDownKey(...h), ["prevent"]), ["down"])),
231
+ S(N((h) => e.onOptionSelect(r), ["prevent"]), ["enter"]),
232
+ S(N((h) => e.onOptionSelect(r), ["prevent"]), ["space"])
233
233
  ],
234
234
  onBlur: (h) => e.onOptionBlur(u)
235
235
  }, p(r[e.optionLabel]), 43, me))), 128))
@@ -238,7 +238,7 @@ function ge(e, t, a, s, o, l) {
238
238
  ])
239
239
  ]);
240
240
  }
241
- const be = /* @__PURE__ */ b(de, [["render", ge], ["__scopeId", "data-v-a58dcdf6"]]), ke = g({
241
+ const be = /* @__PURE__ */ b(ue, [["render", ge], ["__scopeId", "data-v-a58dcdf6"]]), $e = g({
242
242
  name: "wra-banner",
243
243
  props: {
244
244
  /**
@@ -273,24 +273,24 @@ const be = /* @__PURE__ */ b(de, [["render", ge], ["__scopeId", "data-v-a58dcdf6
273
273
  this.visible = !1;
274
274
  }
275
275
  }
276
- }), $e = {
276
+ }), ke = {
277
277
  key: 0,
278
278
  class: "wra-banner-actions"
279
279
  };
280
- function ye(e, t, a, s, o, l) {
280
+ function ye(e, t, s, a, o, l) {
281
281
  return e.visible ? (i(), n("div", {
282
282
  key: 0,
283
- class: f(["wra-banner", {
283
+ class: m(["wra-banner", {
284
284
  "hidden-print": e.hiddenPrint === !0,
285
285
  "new-service": e.newService === !0,
286
286
  "closable-padding": e.closable === !0
287
287
  }])
288
288
  }, [
289
289
  d("div", null, [
290
- m(e.$slots, "default", {}, void 0, !0)
290
+ f(e.$slots, "default", {}, void 0, !0)
291
291
  ]),
292
- e.$slots.actions ? (i(), n("div", $e, [
293
- m(e.$slots, "actions", {}, void 0, !0)
292
+ e.$slots.actions ? (i(), n("div", ke, [
293
+ f(e.$slots, "actions", {}, void 0, !0)
294
294
  ])) : c("", !0),
295
295
  e.closable ? (i(), n("button", {
296
296
  key: 1,
@@ -300,7 +300,7 @@ function ye(e, t, a, s, o, l) {
300
300
  }, " × ")) : c("", !0)
301
301
  ], 2)) : c("", !0);
302
302
  }
303
- const ve = /* @__PURE__ */ b(ke, [["render", ye], ["__scopeId", "data-v-13fdebc5"]]), we = g({
303
+ const ve = /* @__PURE__ */ b($e, [["render", ye], ["__scopeId", "data-v-13fdebc5"]]), we = g({
304
304
  name: "wra-breadcrumbs",
305
305
  props: {
306
306
  /** Items to display in the breadcrumbs */
@@ -331,11 +331,11 @@ const ve = /* @__PURE__ */ b(ke, [["render", ye], ["__scopeId", "data-v-13fdebc5
331
331
  key: 0,
332
332
  class: "wra-breadcrumbs-divider"
333
333
  };
334
- function Pe(e, t, a, s, o, l) {
334
+ function Pe(e, t, s, a, o, l) {
335
335
  return i(), n("ul", Se, [
336
336
  (i(!0), n(y, null, V(e.items, (r, u) => (i(), n(y, null, [
337
337
  d("li", Ve, [
338
- m(e.$slots, "default", {}, () => [
338
+ f(e.$slots, "default", {}, () => [
339
339
  r[e.itemDisabled] ? (i(), n("span", Me, p(r[e.itemTitle]), 1)) : (i(), n("a", {
340
340
  key: 0,
341
341
  href: r[e.itemHref],
@@ -344,14 +344,14 @@ function Pe(e, t, a, s, o, l) {
344
344
  ], !0)
345
345
  ]),
346
346
  u !== e.items.length - 1 ? (i(), n("li", Ce, [
347
- m(e.$slots, "divider", {}, () => [
347
+ f(e.$slots, "divider", {}, () => [
348
348
  t[0] || (t[0] = d("span", { class: "wra-breadcrumbs-chevron" }, null, -1))
349
349
  ], !0)
350
350
  ])) : c("", !0)
351
351
  ], 64))), 256))
352
352
  ]);
353
353
  }
354
- const Be = /* @__PURE__ */ b(we, [["render", Pe], ["__scopeId", "data-v-2a897129"]]), Te = g({
354
+ const Te = /* @__PURE__ */ b(we, [["render", Pe], ["__scopeId", "data-v-2a897129"]]), Be = g({
355
355
  name: "wra-button",
356
356
  props: {
357
357
  /**
@@ -406,35 +406,35 @@ const Be = /* @__PURE__ */ b(we, [["render", Pe], ["__scopeId", "data-v-2a897129
406
406
  }
407
407
  }
408
408
  }), Oe = ["disabled"];
409
- function We(e, t, a, s, o, l) {
409
+ function We(e, t, s, a, o, l) {
410
410
  return i(), n("button", {
411
- class: f(["wra-button", e.buttonClass]),
411
+ class: m(["wra-button", e.buttonClass]),
412
412
  type: "button",
413
413
  disabled: e.disabled
414
414
  }, [
415
415
  d("span", {
416
- class: f([{
416
+ class: m([{
417
417
  "prepend-icon-wrapper": e.prependIcon
418
418
  }, "icon"])
419
419
  }, [
420
- m(e.$slots, "prepend-icon", {}, void 0, !0)
420
+ f(e.$slots, "prepend-icon", {}, void 0, !0)
421
421
  ], 2),
422
- m(e.$slots, "default", {}, void 0, !0),
422
+ f(e.$slots, "default", {}, void 0, !0),
423
423
  d("span", {
424
- class: f([{
424
+ class: m([{
425
425
  "append-icon-wrapper": e.appendIcon
426
426
  }, "icon"])
427
427
  }, [
428
- m(e.$slots, "append-icon", {}, void 0, !0)
428
+ f(e.$slots, "append-icon", {}, void 0, !0)
429
429
  ], 2)
430
430
  ], 10, Oe);
431
431
  }
432
- const J = /* @__PURE__ */ b(Te, [["render", We], ["__scopeId", "data-v-667ad3bf"]]), Ne = g({
432
+ const J = /* @__PURE__ */ b(Be, [["render", We], ["__scopeId", "data-v-667ad3bf"]]), Ne = g({
433
433
  name: "wra-card"
434
434
  }), qe = { class: "card" };
435
- function Ae(e, t, a, s, o, l) {
435
+ function Ae(e, t, s, a, o, l) {
436
436
  return i(), n("div", qe, [
437
- m(e.$slots, "default", {}, void 0, !0)
437
+ f(e.$slots, "default", {}, void 0, !0)
438
438
  ]);
439
439
  }
440
440
  const Fe = /* @__PURE__ */ b(Ne, [["render", Ae], ["__scopeId", "data-v-b458be18"]]), Le = g({
@@ -485,8 +485,8 @@ const Fe = /* @__PURE__ */ b(Ne, [["render", Ae], ["__scopeId", "data-v-b458be18
485
485
  this.isChecked = !this.isChecked, this.$emit("update:modelValue", this.isChecked);
486
486
  }
487
487
  }
488
- }), Ee = ["aria-label"], De = ["for"], je = ["id", "checked", "aria-checked"], ze = { class: "checkbox-text" }, Re = ["innerHTML"];
489
- function _e(e, t, a, s, o, l) {
488
+ }), Ee = ["aria-label"], De = ["for"], je = ["id", "checked", "aria-checked"], ze = { class: "checkbox-text" }, _e = ["innerHTML"];
489
+ function Re(e, t, s, a, o, l) {
490
490
  return i(), n("div", {
491
491
  role: "checkbox",
492
492
  "aria-label": e.label
@@ -510,12 +510,12 @@ function _e(e, t, a, s, o, l) {
510
510
  key: 0,
511
511
  class: "further-information-text",
512
512
  innerHTML: e.info
513
- }, null, 8, Re)) : c("", !0)
513
+ }, null, 8, _e)) : c("", !0)
514
514
  ])
515
515
  ], 8, De)
516
516
  ], 8, Ee);
517
517
  }
518
- const Ke = /* @__PURE__ */ b(Le, [["render", _e], ["__scopeId", "data-v-b55724c0"]]), He = g({
518
+ const He = /* @__PURE__ */ b(Le, [["render", Re], ["__scopeId", "data-v-b55724c0"]]), Ke = g({
519
519
  name: "wra-checkbox-group",
520
520
  props: {
521
521
  /**
@@ -574,13 +574,13 @@ const Ke = /* @__PURE__ */ b(Le, [["render", _e], ["__scopeId", "data-v-b55724c0
574
574
  checkInput(e) {
575
575
  this.checked[e] = !this.checked[e];
576
576
  let t = [];
577
- this.returnObject === !0 ? Object.keys(this.checked).forEach((a) => {
578
- if (this.checked[a] === !0)
577
+ this.returnObject === !0 ? Object.keys(this.checked).forEach((s) => {
578
+ if (this.checked[s] === !0)
579
579
  for (let o = 0; o < this.validOptions.length; o++) {
580
580
  const l = this.validOptions[o];
581
- typeof l == "object" ? l[this.itemValue] == a && t.push(l) : l == a && t.push(l);
581
+ typeof l == "object" ? l[this.itemValue] == s && t.push(l) : l == s && t.push(l);
582
582
  }
583
- }) : t = Object.keys(this.checked).filter((a) => this.checked[a]), this.localModelValue = t;
583
+ }) : t = Object.keys(this.checked).filter((s) => this.checked[s]), this.localModelValue = t;
584
584
  },
585
585
  checkForObjectLabel(e) {
586
586
  return typeof e == "object" ? e[this.itemLabel] : e;
@@ -619,7 +619,7 @@ const Ke = /* @__PURE__ */ b(Le, [["render", _e], ["__scopeId", "data-v-b55724c0
619
619
  this.localModelValue = this.modelValue ?? [];
620
620
  }
621
621
  }), Ue = ["aria-label"], Ge = ["for"], Ye = ["id", "checked", "aria-checked", "onChange"], Je = { class: "checkbox-text" }, Ze = ["innerHTML"];
622
- function Qe(e, t, a, s, o, l) {
622
+ function Qe(e, t, s, a, o, l) {
623
623
  return i(!0), n(y, null, V(e.validOptions, (r) => (i(), n("div", {
624
624
  role: "checkbox",
625
625
  class: "checkbox",
@@ -648,56 +648,168 @@ function Qe(e, t, a, s, o, l) {
648
648
  ], 8, Ge)
649
649
  ], 8, Ue))), 256);
650
650
  }
651
- const Xe = /* @__PURE__ */ b(He, [["render", Qe], ["__scopeId", "data-v-f67c188f"]]), xe = g({
651
+ const Xe = /* @__PURE__ */ b(Ke, [["render", Qe], ["__scopeId", "data-v-f67c188f"]]), xe = g({
652
+ name: "wra-content-accordion",
653
+ emits: ["update:expanded"],
654
+ props: {
655
+ title: {
656
+ type: String,
657
+ required: !0
658
+ },
659
+ /**
660
+ * Description text displayed below the title
661
+ */
662
+ description: {
663
+ type: String,
664
+ required: !1
665
+ },
666
+ /**
667
+ * A unique string used to generate ARIA attributes for accessibility.
668
+ */
669
+ ariaTitle: {
670
+ type: String,
671
+ required: !0
672
+ },
673
+ /**
674
+ * Text to display when the panel is collapsed
675
+ */
676
+ showText: {
677
+ type: String,
678
+ default: "Show"
679
+ },
680
+ /**
681
+ * Text to display when the panel is expanded
682
+ */
683
+ hideText: {
684
+ type: String,
685
+ default: "Hide"
686
+ },
687
+ /**
688
+ * If set, overrides the expanded/collapsed state programmatically
689
+ */
690
+ expandOverride: {
691
+ type: Boolean,
692
+ default: void 0
693
+ }
694
+ },
695
+ data() {
696
+ return {
697
+ internalPanel: !1
698
+ };
699
+ },
700
+ computed: {
701
+ showPanel() {
702
+ return this.expandOverride !== void 0 ? this.expandOverride : this.internalPanel;
703
+ }
704
+ },
705
+ methods: {
706
+ togglePanel() {
707
+ this.expandOverride === void 0 ? (this.internalPanel = !this.internalPanel, this.$emit("update:expanded", this.internalPanel)) : this.$emit("update:expanded", !this.expandOverride);
708
+ }
709
+ }
710
+ }), et = ["aria-controls", "id"], tt = { class: "w-full" }, st = { class: "accordion-title pb-1" }, at = {
711
+ key: 0,
712
+ class: "accordion-description pb-1"
713
+ }, rt = { class: "flex items-center" }, it = { class: "accordion-description" }, nt = { class: "icon-wrapper" }, ot = ["aria-hidden", "id"], lt = { class: "inner-panel" };
714
+ function dt(e, t, s, a, o, l) {
715
+ return i(), n("div", null, [
716
+ d("button", {
717
+ class: "expansion-button",
718
+ "aria-controls": "expansion-content-" + e.ariaTitle,
719
+ id: `expansion-control-${e.ariaTitle}`,
720
+ onClick: t[0] || (t[0] = (...r) => e.togglePanel && e.togglePanel(...r))
721
+ }, [
722
+ d("div", tt, [
723
+ d("div", st, [
724
+ f(e.$slots, "title", {}, () => [
725
+ M(p(e.title), 1)
726
+ ], !0)
727
+ ]),
728
+ e.description || e.$slots.description ? (i(), n("div", at, [
729
+ f(e.$slots, "description", {}, () => [
730
+ M(p(e.description), 1)
731
+ ], !0)
732
+ ])) : c("", !0),
733
+ d("div", rt, [
734
+ d("span", it, p(e.showPanel ? e.hideText : e.showText), 1),
735
+ d("span", nt, [
736
+ d("span", {
737
+ class: m(["panel-icon", {
738
+ "show-panel-icon": e.showPanel,
739
+ "hide-panel-icon": !e.showPanel
740
+ }])
741
+ }, null, 2)
742
+ ])
743
+ ])
744
+ ])
745
+ ], 8, et),
746
+ F(K, { name: "slide-fade" }, {
747
+ default: W(() => [
748
+ e.showPanel ? (i(), n("div", {
749
+ key: 0,
750
+ class: "panel-content",
751
+ "aria-hidden": !e.showPanel,
752
+ id: `expansion-content-${e.ariaTitle}`
753
+ }, [
754
+ d("div", lt, [
755
+ f(e.$slots, "default", {}, void 0, !0)
756
+ ])
757
+ ], 8, ot)) : c("", !0)
758
+ ]),
759
+ _: 3
760
+ })
761
+ ]);
762
+ }
763
+ const ut = /* @__PURE__ */ b(xe, [["render", dt], ["__scopeId", "data-v-d93de9a8"]]), pt = g({
652
764
  name: "wra-content-section-title"
653
- }), et = { class: "content-section-title" };
654
- function tt(e, t, a, s, o, l) {
655
- return i(), n("div", et, [
656
- m(e.$slots, "default", {}, void 0, !0)
765
+ }), ct = { class: "content-section-title" };
766
+ function ht(e, t, s, a, o, l) {
767
+ return i(), n("div", ct, [
768
+ f(e.$slots, "default", {}, void 0, !0)
657
769
  ]);
658
770
  }
659
- const at = /* @__PURE__ */ b(xe, [["render", tt], ["__scopeId", "data-v-b917a4a4"]]);
660
- var st = Object.defineProperty, rt = (e, t, a) => t in e ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, E = (e, t, a) => rt(e, typeof t != "symbol" ? t + "" : t, a);
771
+ const ft = /* @__PURE__ */ b(pt, [["render", ht], ["__scopeId", "data-v-b917a4a4"]]);
772
+ var mt = Object.defineProperty, gt = (e, t, s) => t in e ? mt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, E = (e, t, s) => gt(e, typeof t != "symbol" ? t + "" : t, s);
661
773
  const Z = {
662
774
  "#": { pattern: /[0-9]/ },
663
775
  "@": { pattern: /[a-zA-Z]/ },
664
776
  "*": { pattern: /[a-zA-Z0-9]/ }
665
- }, Q = (e, t, a) => e.replaceAll(t, "").replace(a, ".").replace("..", ".").replace(/[^.\d]/g, ""), X = (e, t, a) => {
666
- var s;
667
- return new Intl.NumberFormat(((s = a.number) == null ? void 0 : s.locale) ?? "en", {
777
+ }, Q = (e, t, s) => e.replaceAll(t, "").replace(s, ".").replace("..", ".").replace(/[^.\d]/g, ""), X = (e, t, s) => {
778
+ var a;
779
+ return new Intl.NumberFormat(((a = s.number) == null ? void 0 : a.locale) ?? "en", {
668
780
  minimumFractionDigits: e,
669
781
  maximumFractionDigits: t,
670
782
  roundingMode: "trunc"
671
783
  });
672
- }, it = (e, t = !0, a) => {
673
- var s, o, l, r;
674
- const u = ((s = a.number) == null ? void 0 : s.unsigned) !== !0 && e.startsWith("-") ? "-" : "", h = ((o = a.number) == null ? void 0 : o.fraction) ?? 0;
675
- let k = X(0, h, a);
676
- const M = k.formatToParts(1000.12), I = ((l = M.find(($) => $.type === "group")) == null ? void 0 : l.value) ?? " ", v = ((r = M.find(($) => $.type === "decimal")) == null ? void 0 : r.value) ?? ".", w = Q(e, I, v);
784
+ }, bt = (e, t = !0, s) => {
785
+ var a, o, l, r;
786
+ const u = ((a = s.number) == null ? void 0 : a.unsigned) !== !0 && e.startsWith("-") ? "-" : "", h = ((o = s.number) == null ? void 0 : o.fraction) ?? 0;
787
+ let $ = X(0, h, s);
788
+ const C = $.formatToParts(1000.12), I = ((l = C.find((k) => k.type === "group")) == null ? void 0 : l.value) ?? " ", v = ((r = C.find((k) => k.type === "decimal")) == null ? void 0 : r.value) ?? ".", w = Q(e, I, v);
677
789
  if (Number.isNaN(parseFloat(w))) return u;
678
- const T = w.split(".");
679
- if (T[1] != null && T[1].length >= 1) {
680
- const $ = T[1].length <= h ? T[1].length : h;
681
- k = X($, h, a);
790
+ const B = w.split(".");
791
+ if (B[1] != null && B[1].length >= 1) {
792
+ const k = B[1].length <= h ? B[1].length : h;
793
+ $ = X(k, h, s);
682
794
  }
683
- let C = k.format(parseFloat(w));
684
- return t ? h > 0 && w.endsWith(".") && !w.slice(0, -1).includes(".") && (C += v) : C = Q(C, I, v), u + C;
685
- }, ee = (e) => JSON.parse(e.replaceAll("'", '"')), nt = (e, t = {}) => {
686
- const a = { ...t };
687
- e.dataset.maska != null && e.dataset.maska !== "" && (a.mask = ot(e.dataset.maska)), e.dataset.maskaEager != null && (a.eager = K(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (a.reversed = K(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (a.tokensReplace = K(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (a.tokens = lt(e.dataset.maskaTokens));
688
- const s = {};
689
- 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 = K(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(s).length > 0) && (a.number = s), a;
690
- }, K = (e) => e !== "" ? !!JSON.parse(e) : !0, ot = (e) => e.startsWith("[") && e.endsWith("]") ? ee(e) : e, lt = (e) => {
795
+ let P = $.format(parseFloat(w));
796
+ return t ? h > 0 && w.endsWith(".") && !w.slice(0, -1).includes(".") && (P += v) : P = Q(P, I, v), u + P;
797
+ }, ee = (e) => JSON.parse(e.replaceAll("'", '"')), $t = (e, t = {}) => {
798
+ const s = { ...t };
799
+ e.dataset.maska != null && e.dataset.maska !== "" && (s.mask = kt(e.dataset.maska)), e.dataset.maskaEager != null && (s.eager = H(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (s.reversed = H(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (s.tokensReplace = H(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (s.tokens = yt(e.dataset.maskaTokens));
800
+ const a = {};
801
+ return e.dataset.maskaNumberLocale != null && (a.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (a.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (a.unsigned = H(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(a).length > 0) && (s.number = a), s;
802
+ }, H = (e) => e !== "" ? !!JSON.parse(e) : !0, kt = (e) => e.startsWith("[") && e.endsWith("]") ? ee(e) : e, yt = (e) => {
691
803
  if (e.startsWith("{") && e.endsWith("}"))
692
804
  return ee(e);
693
805
  const t = {};
694
- return e.split("|").forEach((a) => {
695
- const s = a.split(":");
696
- t[s[0]] = {
697
- pattern: te() ? new RegExp(s[1], "u") : new RegExp(s[1]),
698
- optional: s[2] === "optional",
699
- multiple: s[2] === "multiple",
700
- repeated: s[2] === "repeated"
806
+ return e.split("|").forEach((s) => {
807
+ const a = s.split(":");
808
+ t[a[0]] = {
809
+ pattern: te() ? new RegExp(a[1], "u") : new RegExp(a[1]),
810
+ optional: a[2] === "optional",
811
+ multiple: a[2] === "multiple",
812
+ repeated: a[2] === "repeated"
701
813
  };
702
814
  }), t;
703
815
  }, te = () => {
@@ -707,17 +819,17 @@ const Z = {
707
819
  return !1;
708
820
  }
709
821
  };
710
- class ut {
822
+ class vt {
711
823
  constructor(t = {}) {
712
824
  E(this, "opts", {}), E(this, "memo", /* @__PURE__ */ new Map());
713
- const a = { ...t };
714
- if (a.tokens != null) {
715
- a.tokens = a.tokensReplace ? { ...a.tokens } : { ...Z, ...a.tokens };
716
- for (const s of Object.values(a.tokens))
717
- typeof s.pattern == "string" && (s.pattern = te() ? new RegExp(s.pattern, "u") : new RegExp(s.pattern));
825
+ const s = { ...t };
826
+ if (s.tokens != null) {
827
+ s.tokens = s.tokensReplace ? { ...s.tokens } : { ...Z, ...s.tokens };
828
+ for (const a of Object.values(s.tokens))
829
+ typeof a.pattern == "string" && (a.pattern = te() ? new RegExp(a.pattern, "u") : new RegExp(a.pattern));
718
830
  } else
719
- a.tokens = Z;
720
- Array.isArray(a.mask) && (a.mask.length > 1 ? a.mask = [...a.mask].sort((s, o) => s.length - o.length) : a.mask = a.mask[0] ?? ""), a.mask === "" && (a.mask = null), this.opts = a;
831
+ s.tokens = Z;
832
+ Array.isArray(s.mask) && (s.mask.length > 1 ? s.mask = [...s.mask].sort((a, o) => a.length - o.length) : s.mask = s.mask[0] ?? ""), s.mask === "" && (s.mask = null), this.opts = s;
721
833
  }
722
834
  masked(t) {
723
835
  return this.process(String(t), this.findMask(String(t)));
@@ -732,135 +844,135 @@ class ut {
732
844
  return this.opts.reversed === !0;
733
845
  }
734
846
  completed(t) {
735
- const a = this.findMask(String(t));
736
- if (this.opts.mask == null || a == null) return !1;
737
- const s = this.process(String(t), a).length;
738
- return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= a.length;
847
+ const s = this.findMask(String(t));
848
+ if (this.opts.mask == null || s == null) return !1;
849
+ const a = this.process(String(t), s).length;
850
+ return typeof this.opts.mask == "string" ? a >= this.opts.mask.length : a >= s.length;
739
851
  }
740
852
  findMask(t) {
741
- const a = this.opts.mask;
742
- if (a == null)
853
+ const s = this.opts.mask;
854
+ if (s == null)
743
855
  return null;
744
- if (typeof a == "string")
745
- return a;
746
- if (typeof a == "function")
747
- return a(t);
748
- const s = this.process(t, a.slice(-1).pop() ?? "", !1);
749
- return a.find((o) => this.process(t, o, !1).length >= s.length) ?? "";
856
+ if (typeof s == "string")
857
+ return s;
858
+ if (typeof s == "function")
859
+ return s(t);
860
+ const a = this.process(t, s.slice(-1).pop() ?? "", !1);
861
+ return s.find((o) => this.process(t, o, !1).length >= a.length) ?? "";
750
862
  }
751
863
  escapeMask(t) {
752
- const a = [], s = [];
864
+ const s = [], a = [];
753
865
  return t.split("").forEach((o, l) => {
754
- o === "!" && t[l - 1] !== "!" ? s.push(l - s.length) : a.push(o);
755
- }), { mask: a.join(""), escaped: s };
866
+ o === "!" && t[l - 1] !== "!" ? a.push(l - a.length) : s.push(o);
867
+ }), { mask: s.join(""), escaped: a };
756
868
  }
757
- process(t, a, s = !0) {
758
- if (this.opts.number != null) return it(t, s, this.opts);
759
- if (a == null) return t;
760
- const o = `v=${t},mr=${a},m=${s ? 1 : 0}`;
869
+ process(t, s, a = !0) {
870
+ if (this.opts.number != null) return bt(t, a, this.opts);
871
+ if (s == null) return t;
872
+ const o = `v=${t},mr=${s},m=${a ? 1 : 0}`;
761
873
  if (this.memo.has(o)) return this.memo.get(o);
762
- const { mask: l, escaped: r } = this.escapeMask(a), u = [], h = this.opts.tokens != null ? this.opts.tokens : {}, k = this.isReversed() ? -1 : 1, M = this.isReversed() ? "unshift" : "push", I = this.isReversed() ? 0 : l.length - 1, v = this.isReversed() ? () => $ > -1 && P > -1 : () => $ < l.length && P < t.length, w = (A) => !this.isReversed() && A <= I || this.isReversed() && A >= I;
763
- let T, C = -1, $ = this.isReversed() ? l.length - 1 : 0, P = this.isReversed() ? t.length - 1 : 0, H = !1;
874
+ const { mask: l, escaped: r } = this.escapeMask(s), u = [], h = this.opts.tokens != null ? this.opts.tokens : {}, $ = this.isReversed() ? -1 : 1, C = this.isReversed() ? "unshift" : "push", I = this.isReversed() ? 0 : l.length - 1, v = this.isReversed() ? () => k > -1 && T > -1 : () => k < l.length && T < t.length, w = (A) => !this.isReversed() && A <= I || this.isReversed() && A >= I;
875
+ let B, P = -1, k = this.isReversed() ? l.length - 1 : 0, T = this.isReversed() ? t.length - 1 : 0, U = !1;
764
876
  for (; v(); ) {
765
- const A = l.charAt($), O = h[A], _ = (O == null ? void 0 : O.transform) != null ? O.transform(t.charAt(P)) : t.charAt(P);
766
- if (!r.includes($) && O != null ? (_.match(O.pattern) != null ? (u[M](_), O.repeated ? (C === -1 ? C = $ : $ === I && $ !== C && ($ = C - k), I === C && ($ -= k)) : O.multiple && (H = !0, $ -= k), $ += k) : O.multiple ? H && ($ += k, P -= k, H = !1) : _ === T ? T = void 0 : O.optional && ($ += k, P -= k), P += k) : (s && !this.isEager() && u[M](A), _ === A && !this.isEager() ? P += k : T = A, this.isEager() || ($ += k)), this.isEager())
767
- for (; w($) && (h[l.charAt($)] == null || r.includes($)); ) {
768
- if (s) {
769
- if (u[M](l.charAt($)), t.charAt(P) === l.charAt($)) {
770
- $ += k, P += k;
877
+ const A = l.charAt(k), O = h[A], R = (O == null ? void 0 : O.transform) != null ? O.transform(t.charAt(T)) : t.charAt(T);
878
+ if (!r.includes(k) && O != null ? (R.match(O.pattern) != null ? (u[C](R), O.repeated ? (P === -1 ? P = k : k === I && k !== P && (k = P - $), I === P && (k -= $)) : O.multiple && (U = !0, k -= $), k += $) : O.multiple ? U && (k += $, T -= $, U = !1) : R === B ? B = void 0 : O.optional && (k += $, T -= $), T += $) : (a && !this.isEager() && u[C](A), R === A && !this.isEager() ? T += $ : B = A, this.isEager() || (k += $)), this.isEager())
879
+ for (; w(k) && (h[l.charAt(k)] == null || r.includes(k)); ) {
880
+ if (a) {
881
+ if (u[C](l.charAt(k)), t.charAt(T) === l.charAt(k)) {
882
+ k += $, T += $;
771
883
  continue;
772
884
  }
773
- } else l.charAt($) === t.charAt(P) && (P += k);
774
- $ += k;
885
+ } else l.charAt(k) === t.charAt(T) && (T += $);
886
+ k += $;
775
887
  }
776
888
  }
777
889
  return this.memo.set(o, u.join("")), this.memo.get(o);
778
890
  }
779
891
  }
780
- class dt {
781
- constructor(t, a = {}) {
782
- E(this, "items", /* @__PURE__ */ new Map()), E(this, "eventAbortController"), E(this, "onInput", (s) => {
783
- if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
892
+ class wt {
893
+ constructor(t, s = {}) {
894
+ E(this, "items", /* @__PURE__ */ new Map()), E(this, "eventAbortController"), E(this, "onInput", (a) => {
895
+ if (a instanceof CustomEvent && a.type === "input" && !a.isTrusted && !a.bubbles)
784
896
  return;
785
- const o = s.target, l = this.items.get(o);
897
+ const o = a.target, l = this.items.get(o);
786
898
  if (l === void 0) return;
787
- const r = "inputType" in s && s.inputType.startsWith("delete"), u = l.isEager(), h = r && u && l.unmasked(o.value) === "" ? "" : o.value;
899
+ const r = "inputType" in a && a.inputType.startsWith("delete"), u = l.isEager(), h = r && u && l.unmasked(o.value) === "" ? "" : o.value;
788
900
  this.fixCursor(o, r, () => this.setValue(o, h));
789
- }), this.options = a, this.eventAbortController = new AbortController(), this.init(this.getInputs(t));
901
+ }), this.options = s, this.eventAbortController = new AbortController(), this.init(this.getInputs(t));
790
902
  }
791
903
  update(t = {}) {
792
904
  this.options = { ...t }, this.init(Array.from(this.items.keys()));
793
905
  }
794
906
  updateValue(t) {
795
- var a;
796
- t.value !== "" && t.value !== ((a = this.processInput(t)) == null ? void 0 : a.masked) && this.setValue(t, t.value);
907
+ var s;
908
+ t.value !== "" && t.value !== ((s = this.processInput(t)) == null ? void 0 : s.masked) && this.setValue(t, t.value);
797
909
  }
798
910
  destroy() {
799
911
  this.eventAbortController.abort(), this.items.clear();
800
912
  }
801
913
  init(t) {
802
- const a = this.getOptions(this.options);
803
- for (const s of t) {
804
- if (!this.items.has(s)) {
914
+ const s = this.getOptions(this.options);
915
+ for (const a of t) {
916
+ if (!this.items.has(a)) {
805
917
  const { signal: l } = this.eventAbortController;
806
- s.addEventListener("input", this.onInput, { capture: !0, signal: l });
918
+ a.addEventListener("input", this.onInput, { capture: !0, signal: l });
807
919
  }
808
- const o = new ut(nt(s, a));
809
- 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);
920
+ const o = new vt($t(a, s));
921
+ this.items.set(a, o), queueMicrotask(() => this.updateValue(a)), a.selectionStart === null && o.isEager() && console.warn("Maska: input of `%s` type is not supported", a.type);
810
922
  }
811
923
  }
812
924
  getInputs(t) {
813
925
  return typeof t == "string" ? Array.from(document.querySelectorAll(t)) : "length" in t ? Array.from(t) : [t];
814
926
  }
815
927
  getOptions(t) {
816
- const { onMaska: a, preProcess: s, postProcess: o, ...l } = t;
928
+ const { onMaska: s, preProcess: a, postProcess: o, ...l } = t;
817
929
  return l;
818
930
  }
819
- fixCursor(t, a, s) {
931
+ fixCursor(t, s, a) {
820
932
  var o, l;
821
933
  const r = t.selectionStart, u = t.value;
822
- if (s(), r === null || r === u.length && !a) return;
823
- const h = t.value, k = u.slice(0, r), M = h.slice(0, r), I = (o = this.processInput(t, k)) == null ? void 0 : o.unmasked, v = (l = this.processInput(t, M)) == null ? void 0 : l.unmasked;
934
+ if (a(), r === null || r === u.length && !s) return;
935
+ const h = t.value, $ = u.slice(0, r), C = h.slice(0, r), I = (o = this.processInput(t, $)) == null ? void 0 : o.unmasked, v = (l = this.processInput(t, C)) == null ? void 0 : l.unmasked;
824
936
  if (I === void 0 || v === void 0) return;
825
937
  let w = r;
826
- k !== M && (w += a ? h.length - u.length : I.length - v.length), t.setSelectionRange(w, w);
938
+ $ !== C && (w += s ? h.length - u.length : I.length - v.length), t.setSelectionRange(w, w);
827
939
  }
828
- setValue(t, a) {
829
- const s = this.processInput(t, a);
830
- s !== void 0 && (t.value = s.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((o) => o(s)) : this.options.onMaska(s)), t.dispatchEvent(new CustomEvent("maska", { detail: s })), t.dispatchEvent(new CustomEvent("input", { detail: s.masked })));
940
+ setValue(t, s) {
941
+ const a = this.processInput(t, s);
942
+ a !== void 0 && (t.value = a.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((o) => o(a)) : this.options.onMaska(a)), t.dispatchEvent(new CustomEvent("maska", { detail: a })), t.dispatchEvent(new CustomEvent("input", { detail: a.masked })));
831
943
  }
832
- processInput(t, a) {
833
- const s = this.items.get(t);
834
- if (s === void 0) return;
835
- let o = a ?? t.value;
944
+ processInput(t, s) {
945
+ const a = this.items.get(t);
946
+ if (a === void 0) return;
947
+ let o = s ?? t.value;
836
948
  this.options.preProcess != null && (o = this.options.preProcess(o));
837
- let l = s.masked(o);
949
+ let l = a.masked(o);
838
950
  return this.options.postProcess != null && (l = this.options.postProcess(l)), {
839
951
  masked: l,
840
- unmasked: s.unmasked(o),
841
- completed: s.completed(o)
952
+ unmasked: a.unmasked(o),
953
+ completed: a.completed(o)
842
954
  };
843
955
  }
844
956
  }
845
- const U = /* @__PURE__ */ new WeakMap(), pt = (e, t) => {
957
+ const G = /* @__PURE__ */ new WeakMap(), St = (e, t) => {
846
958
  if (e.arg == null || e.instance == null) return;
847
- const a = "setup" in e.instance.$.type;
848
- e.arg in e.instance ? e.instance[e.arg] = t : a && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
849
- }, R = (e, t) => {
850
- var a;
851
- const s = e instanceof HTMLInputElement ? e : e.querySelector("input");
852
- if (s == null || (s == null ? void 0 : s.type) === "file") return;
959
+ const s = "setup" in e.instance.$.type;
960
+ e.arg in e.instance ? e.instance[e.arg] = t : s && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
961
+ }, _ = (e, t) => {
962
+ var s;
963
+ const a = e instanceof HTMLInputElement ? e : e.querySelector("input");
964
+ if (a == null || (a == null ? void 0 : a.type) === "file") return;
853
965
  let o = {};
854
966
  if (t.value != null && (o = typeof t.value == "string" ? { mask: t.value } : { ...t.value }), t.arg != null) {
855
967
  const l = (r) => {
856
968
  const u = t.modifiers.unmasked ? r.unmasked : t.modifiers.completed ? r.completed : r.masked;
857
- pt(t, u);
969
+ St(t, u);
858
970
  };
859
971
  o.onMaska = o.onMaska == null ? l : Array.isArray(o.onMaska) ? [...o.onMaska, l] : [o.onMaska, l];
860
972
  }
861
- U.has(s) ? (a = U.get(s)) == null || a.update(o) : U.set(s, new dt(s, o));
862
- }, ct = R, ht = g({
863
- directives: { maska: ct },
973
+ G.has(a) ? (s = G.get(a)) == null || s.update(o) : G.set(a, new wt(a, o));
974
+ }, Vt = _, It = g({
975
+ directives: { maska: Vt },
864
976
  name: "wra-custom-input",
865
977
  props: {
866
978
  /**
@@ -1010,9 +1122,9 @@ const U = /* @__PURE__ */ new WeakMap(), pt = (e, t) => {
1010
1122
  validate(e) {
1011
1123
  if (this.errorMessage = "", this.rules != null)
1012
1124
  for (let t = 0; t < this.rules.length; t++) {
1013
- const a = this.rules[t], s = a(e);
1014
- if (s != !0) {
1015
- this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
1125
+ const s = this.rules[t], a = s(e);
1126
+ if (a != !0) {
1127
+ this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
1016
1128
  break;
1017
1129
  }
1018
1130
  }
@@ -1030,25 +1142,25 @@ const U = /* @__PURE__ */ new WeakMap(), pt = (e, t) => {
1030
1142
  mounted() {
1031
1143
  this.$emit("update:modelValue", this.modelValue), this.validate(this.modelValue);
1032
1144
  }
1033
- }), ft = ["for"], mt = { class: "input-wrapper" }, gt = {
1145
+ }), Mt = ["for"], Ct = { class: "input-wrapper" }, Pt = {
1034
1146
  key: 0,
1035
1147
  class: "prefix"
1036
- }, bt = ["id", "type", "value", "inputmode", "placeholder", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], kt = {
1148
+ }, Tt = ["id", "type", "value", "inputmode", "placeholder", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], Bt = {
1037
1149
  key: 1,
1038
1150
  class: "suffix"
1039
- }, $t = { key: 1 };
1040
- function yt(e, t, a, s, o, l) {
1151
+ }, Ot = { key: 1 };
1152
+ function Wt(e, t, s, a, o, l) {
1041
1153
  const r = j("maska");
1042
1154
  return i(), n("div", {
1043
- class: f({ error: !!e.errorMessage })
1155
+ class: m({ error: !!e.errorMessage })
1044
1156
  }, [
1045
1157
  e.label ? (i(), n("label", {
1046
1158
  key: 0,
1047
1159
  for: e.id
1048
- }, p(e.label), 9, ft)) : c("", !0),
1049
- d("div", mt, [
1050
- e.prefix ? (i(), n("span", gt, p(e.prefix), 1)) : c("", !0),
1051
- q(d("input", G(
1160
+ }, p(e.label), 9, Mt)) : c("", !0),
1161
+ d("div", Ct, [
1162
+ e.prefix ? (i(), n("span", Pt, p(e.prefix), 1)) : c("", !0),
1163
+ q(d("input", Y(
1052
1164
  {
1053
1165
  id: e.id,
1054
1166
  type: e.type,
@@ -1062,15 +1174,15 @@ function yt(e, t, a, s, o, l) {
1062
1174
  class: e.prefixPadding
1063
1175
  },
1064
1176
  e.type === "number" && e.minimumValue !== void 0 ? { min: e.minimumValue } : {}
1065
- ), null, 16, bt), [
1177
+ ), null, 16, Tt), [
1066
1178
  [r, e.dataMaska]
1067
1179
  ]),
1068
- e.suffix ? (i(), n("span", kt, p(e.suffix), 1)) : c("", !0)
1180
+ e.suffix ? (i(), n("span", Bt, p(e.suffix), 1)) : c("", !0)
1069
1181
  ]),
1070
- e.errorMessage ? (i(), n("p", $t, p(e.errorMessage), 1)) : c("", !0)
1182
+ e.errorMessage ? (i(), n("p", Ot, p(e.errorMessage), 1)) : c("", !0)
1071
1183
  ], 2);
1072
1184
  }
1073
- const vt = /* @__PURE__ */ b(ht, [["render", yt], ["__scopeId", "data-v-dbeead08"]]), wt = g({
1185
+ const Nt = /* @__PURE__ */ b(It, [["render", Wt], ["__scopeId", "data-v-dbeead08"]]), qt = g({
1074
1186
  name: "wra-data-table",
1075
1187
  props: {
1076
1188
  /**
@@ -1149,34 +1261,34 @@ const vt = /* @__PURE__ */ b(ht, [["render", yt], ["__scopeId", "data-v-dbeead08
1149
1261
  let e = this.items;
1150
1262
  if (this.search) {
1151
1263
  this.currentPage = 1;
1152
- const a = this.search.toLowerCase(), s = ((t = this.headers) == null ? void 0 : t.map((o) => o.key)) ?? [];
1264
+ const s = this.search.toLowerCase(), a = ((t = this.headers) == null ? void 0 : t.map((o) => o.key)) ?? [];
1153
1265
  e = e.filter(
1154
1266
  (o) => (
1155
1267
  // Use .some() to check all relevant columns
1156
- s.some(
1157
- (l) => String(o[l]).toLowerCase().includes(a)
1268
+ a.some(
1269
+ (l) => String(o[l]).toLowerCase().includes(s)
1158
1270
  )
1159
1271
  )
1160
1272
  );
1161
1273
  }
1162
- return Object.keys(this.columnFilters).forEach((a) => {
1274
+ return Object.keys(this.columnFilters).forEach((s) => {
1163
1275
  var o;
1164
- const s = (o = this.columnFilters[a]) == null ? void 0 : o.toLowerCase();
1165
- s && (this.currentPage = 1, e = e.filter(
1166
- (l) => String(l[a]).toLowerCase().includes(s)
1276
+ const a = (o = this.columnFilters[s]) == null ? void 0 : o.toLowerCase();
1277
+ a && (this.currentPage = 1, e = e.filter(
1278
+ (l) => String(l[s]).toLowerCase().includes(a)
1167
1279
  ));
1168
1280
  }), e;
1169
1281
  },
1170
1282
  sortedArray() {
1171
1283
  const e = JSON.parse(JSON.stringify(this.filteredItems));
1172
- return this.localSortBy && this.localSortBy.length > 0 ? e.sort((t, a) => {
1173
- const s = this.localSortBy[0], o = t[s.key], l = a[s.key];
1284
+ return this.localSortBy && this.localSortBy.length > 0 ? e.sort((t, s) => {
1285
+ const a = this.localSortBy[0], o = t[a.key], l = s[a.key];
1174
1286
  if (o == null && l == null)
1175
1287
  return 0;
1176
1288
  if (o == null)
1177
- return s.order === "desc" ? 1 : -1;
1289
+ return a.order === "desc" ? 1 : -1;
1178
1290
  if (l == null)
1179
- return s.order === "desc" ? -1 : 1;
1291
+ return a.order === "desc" ? -1 : 1;
1180
1292
  const r = (v) => {
1181
1293
  if (typeof v == "string" && /^-?[\d,]+(\.\d+)?$/.test(v)) {
1182
1294
  const w = v.replace(/,/g, "");
@@ -1185,136 +1297,136 @@ const vt = /* @__PURE__ */ b(ht, [["render", yt], ["__scopeId", "data-v-dbeead08
1185
1297
  return v;
1186
1298
  }, u = (v) => {
1187
1299
  if (typeof v == "string" && /^\d{2}\/\d{2}\/\d{4}$/.test(v)) {
1188
- const [w, T, C] = v.split("/").map(Number);
1189
- return new Date(C, T - 1, w).getTime();
1300
+ const [w, B, P] = v.split("/").map(Number);
1301
+ return new Date(P, B - 1, w).getTime();
1190
1302
  }
1191
1303
  return v;
1192
- }, h = r(o), k = r(l), M = u(o), I = u(l);
1193
- return !isNaN(h) && !isNaN(k) ? s.order === "desc" ? k - h : h - k : !isNaN(M) && !isNaN(I) ? s.order === "desc" ? I - M : M - I : s.order === "desc" ? o < l ? 1 : -1 : o > l ? 1 : -1;
1304
+ }, h = r(o), $ = r(l), C = u(o), I = u(l);
1305
+ return !isNaN(h) && !isNaN($) ? a.order === "desc" ? $ - h : h - $ : !isNaN(C) && !isNaN(I) ? a.order === "desc" ? I - C : C - I : a.order === "desc" ? o < l ? 1 : -1 : o > l ? 1 : -1;
1194
1306
  }) : e;
1195
1307
  }
1196
1308
  }
1197
- }), St = { class: "wra-data-table" }, Vt = {
1309
+ }), At = { class: "wra-data-table" }, Ft = {
1198
1310
  key: 0,
1199
1311
  class: "wra-data-table-caption"
1200
- }, It = { key: 1 }, Mt = ["onClick"], Ct = { key: 0 }, Pt = {
1312
+ }, Lt = { key: 1 }, Et = ["onClick"], Dt = { key: 0 }, jt = {
1201
1313
  key: 1,
1202
1314
  class: "wra-chevron wra-chevron-up sort-icons"
1203
- }, Bt = ["onUpdate:modelValue"], Tt = { key: 1 }, Ot = ["colspan"], Wt = { key: 2 }, Nt = ["onClick"], qt = { key: 1 }, At = { class: "pagination" }, Ft = ["disabled"], Lt = ["disabled"];
1204
- function Et(e, t, a, s, o, l) {
1315
+ }, zt = ["onUpdate:modelValue"], _t = { key: 1 }, Rt = ["colspan"], Ht = { key: 2 }, Kt = ["onClick"], Ut = { key: 1 }, Gt = { class: "pagination" }, Yt = ["disabled"], Jt = ["disabled"];
1316
+ function Zt(e, t, s, a, o, l) {
1205
1317
  return i(), n("div", null, [
1206
- d("table", St, [
1207
- e.caption ? (i(), n("caption", Vt, [
1208
- m(e.$slots, "caption", {}, () => [
1209
- B(p(e.caption), 1)
1318
+ d("table", At, [
1319
+ e.caption ? (i(), n("caption", Ft, [
1320
+ f(e.$slots, "caption", {}, () => [
1321
+ M(p(e.caption), 1)
1210
1322
  ], !0)
1211
1323
  ])) : c("", !0),
1212
1324
  d("thead", null, [
1213
- e.$slots.header ? m(e.$slots, "headers", {
1325
+ e.$slots.header ? f(e.$slots, "headers", {
1214
1326
  key: 0,
1215
1327
  headers: e.headers
1216
- }, void 0, !0) : (i(), n("tr", It, [
1328
+ }, void 0, !0) : (i(), n("tr", Lt, [
1217
1329
  (i(!0), n(y, null, V(e.headers, (r) => (i(), n("th", {
1218
1330
  key: r.key,
1219
1331
  onClick: (u) => (r.sortable || r.sortable == null) && e.sortByColumn(r.key),
1220
1332
  style: D({ width: r.width + "px" }),
1221
- class: f({
1333
+ class: m({
1222
1334
  clickable: r.sortable == null || r.sortable,
1223
1335
  "text-left": r.align == "left" || r.align == null,
1224
1336
  "text-right": r.align == "right",
1225
1337
  "text-center": r.align == "center"
1226
1338
  })
1227
1339
  }, [
1228
- B(p(r.title) + " ", 1),
1229
- e.localSortBy && e.localSortBy[0].key === r.key ? (i(), n("span", Ct, [
1340
+ M(p(r.title) + " ", 1),
1341
+ e.localSortBy && e.localSortBy[0].key === r.key ? (i(), n("span", Dt, [
1230
1342
  d("span", {
1231
- class: f({
1343
+ class: m({
1232
1344
  "wra-chevron wra-chevron-up": e.localSortBy[0].order === "asc",
1233
1345
  "wra-chevron wra-chevron-down": e.localSortBy[0].order === "desc"
1234
1346
  })
1235
1347
  }, null, 2)
1236
- ])) : r.sortable == !0 || r.sortable == null ? (i(), n("span", Pt)) : c("", !0),
1348
+ ])) : r.sortable == !0 || r.sortable == null ? (i(), n("span", jt)) : c("", !0),
1237
1349
  r.searchable ? q((i(), n("input", {
1238
1350
  key: 2,
1239
1351
  type: "text",
1240
1352
  "onUpdate:modelValue": (u) => e.columnFilters[r.key] = u,
1241
- onClick: t[0] || (t[0] = W(() => {
1353
+ onClick: t[0] || (t[0] = N(() => {
1242
1354
  }, ["stop"])),
1243
1355
  placeholder: "Search...",
1244
1356
  class: "column-search-input"
1245
- }, null, 8, Bt)), [
1357
+ }, null, 8, zt)), [
1246
1358
  [x, e.columnFilters[r.key]]
1247
1359
  ]) : c("", !0)
1248
- ], 14, Mt))), 128))
1360
+ ], 14, Et))), 128))
1249
1361
  ]))
1250
1362
  ]),
1251
- e.loading == !0 ? (i(), n("tbody", Tt, [
1363
+ e.loading == !0 ? (i(), n("tbody", _t, [
1252
1364
  d("tr", null, [
1253
1365
  d("td", {
1254
1366
  class: "text-center",
1255
1367
  colspan: e.headers ? e.headers.length : 1
1256
1368
  }, [...t[3] || (t[3] = [
1257
1369
  d("span", { class: "loader" }, null, -1)
1258
- ])], 8, Ot)
1370
+ ])], 8, Rt)
1259
1371
  ])
1260
- ])) : e.$slots.body ? (i(), n("tbody", Wt, [
1261
- m(e.$slots, "body", { items: e.paginatedArray }, void 0, !0)
1372
+ ])) : e.$slots.body ? (i(), n("tbody", Ht, [
1373
+ f(e.$slots, "body", { items: e.paginatedArray }, void 0, !0)
1262
1374
  ])) : (i(!0), n(y, { key: 3 }, V(e.paginatedArray, (r) => (i(), n("tbody", {
1263
- class: f({
1375
+ class: m({
1264
1376
  clickable: e.$attrs["onClick:row"] != null
1265
1377
  }),
1266
1378
  onClick: (u) => e.$emit("click:row", r)
1267
1379
  }, [
1268
- e.$slots.item ? m(e.$slots, "item", {
1380
+ e.$slots.item ? f(e.$slots, "item", {
1269
1381
  key: 0,
1270
1382
  item: r,
1271
1383
  items: e.paginatedArray
1272
1384
  }, void 0, !0) : (i(), n("tr", {
1273
1385
  key: 1,
1274
- class: f({ bold: r.bold })
1386
+ class: m({ bold: r.bold })
1275
1387
  }, [
1276
1388
  (i(!0), n(y, null, V(e.headers, (u) => (i(), n("td", {
1277
- class: f({
1389
+ class: m({
1278
1390
  "text-left": u.align == "left" || u.align == null,
1279
1391
  "text-right": u.align == "right",
1280
1392
  "text-center": u.align == "center"
1281
1393
  })
1282
1394
  }, [
1283
- `item.${u.key}` in e.$slots ? m(e.$slots, `item.${u.key}`, {
1395
+ `item.${u.key}` in e.$slots ? f(e.$slots, `item.${u.key}`, {
1284
1396
  key: 0,
1285
1397
  value: r[u.key],
1286
1398
  item: r,
1287
1399
  items: e.sortedArray
1288
- }, void 0, !0) : (i(), n("span", qt, p(r[u.key]), 1))
1400
+ }, void 0, !0) : (i(), n("span", Ut, p(r[u.key]), 1))
1289
1401
  ], 2))), 256))
1290
1402
  ], 2))
1291
- ], 10, Nt))), 256))
1403
+ ], 10, Kt))), 256))
1292
1404
  ]),
1293
- d("div", At, [
1294
- B(" Page " + p(e.currentPage) + " of " + p(e.totalNumberOfPages) + " ", 1),
1405
+ d("div", Gt, [
1406
+ M(" Page " + p(e.currentPage) + " of " + p(e.totalNumberOfPages) + " ", 1),
1295
1407
  d("button", {
1296
1408
  disabled: e.currentPage == 1,
1297
- class: f({
1409
+ class: m({
1298
1410
  "disable-button": e.currentPage == 1
1299
1411
  }),
1300
1412
  onClick: t[1] || (t[1] = (r) => e.currentPage = e.currentPage - 1)
1301
1413
  }, [...t[4] || (t[4] = [
1302
1414
  d("span", { class: "wra-chevron wra-chevron-left" }, null, -1)
1303
- ])], 10, Ft),
1415
+ ])], 10, Yt),
1304
1416
  d("button", {
1305
1417
  disabled: e.currentPage == e.totalNumberOfPages,
1306
- class: f({
1418
+ class: m({
1307
1419
  "disable-button": e.currentPage == e.totalNumberOfPages
1308
1420
  }),
1309
1421
  onClick: t[2] || (t[2] = (r) => e.currentPage = e.currentPage + 1)
1310
1422
  }, [...t[5] || (t[5] = [
1311
1423
  d("span", { class: "wra-chevron wra-chevron-right" }, null, -1)
1312
- ])], 10, Lt)
1424
+ ])], 10, Jt)
1313
1425
  ])
1314
1426
  ]);
1315
1427
  }
1316
- const Dt = /* @__PURE__ */ b(wt, [["render", Et], ["__scopeId", "data-v-e27e09c4"]]), jt = R, zt = g({
1317
- directives: { maska: jt },
1428
+ const Qt = /* @__PURE__ */ b(qt, [["render", Zt], ["__scopeId", "data-v-e27e09c4"]]), Xt = _, xt = g({
1429
+ directives: { maska: Xt },
1318
1430
  name: "wra-date-input",
1319
1431
  props: {
1320
1432
  /**
@@ -1438,8 +1550,8 @@ const Dt = /* @__PURE__ */ b(wt, [["render", Et], ["__scopeId", "data-v-e27e09c4
1438
1550
  t = new Date(
1439
1551
  t.getTime() - t.getTimezoneOffset() * 60 * 1e3
1440
1552
  );
1441
- const a = this.validate(t);
1442
- this.$emit("valid", { id: this.id, value: a }), a == !0 ? (this.dateObjectValue = t, this.$emit("update:modelValue", t)) : (this.dateObjectValue = null, this.$emit("update:modelValue", null));
1553
+ const s = this.validate(t);
1554
+ this.$emit("valid", { id: this.id, value: s }), s == !0 ? (this.dateObjectValue = t, this.$emit("update:modelValue", t)) : (this.dateObjectValue = null, this.$emit("update:modelValue", null));
1443
1555
  } else {
1444
1556
  const t = this.validate(null);
1445
1557
  this.$emit("valid", { id: this.id, value: t }), this.dateObjectValue = null, this.$emit("update:modelValue", null);
@@ -1452,8 +1564,8 @@ const Dt = /* @__PURE__ */ b(wt, [["render", Et], ["__scopeId", "data-v-e27e09c4
1452
1564
  if (e === null)
1453
1565
  return this.required == !0 && (this.showError = !0, t = !1), this.required == !1 && (this.maskedValue.length == 0 ? (this.showError = !1, t = !0) : (this.showError = !0, t = !1)), this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), t;
1454
1566
  e == "Invalid Date" && (t = !1);
1455
- const a = parseInt(this.maskedValue.split("/")[1]) - 1;
1456
- return typeof e == "object" && a != e.getMonth() && (t = !1), this.showError = !t, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), t;
1567
+ const s = parseInt(this.maskedValue.split("/")[1]) - 1;
1568
+ return typeof e == "object" && s != e.getMonth() && (t = !1), this.showError = !t, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), t;
1457
1569
  },
1458
1570
  /**
1459
1571
  * Sets the initial state of the component based on the modelValue prop.
@@ -1475,16 +1587,16 @@ const Dt = /* @__PURE__ */ b(wt, [["render", Et], ["__scopeId", "data-v-e27e09c4
1475
1587
  mounted() {
1476
1588
  this.setInitialState();
1477
1589
  }
1478
- }), Rt = ["for"], _t = ["id", "value", "inputmode", "placeholder", "defaultValidation"], Kt = { key: 1 };
1479
- function Ht(e, t, a, s, o, l) {
1590
+ }), es = ["for"], ts = ["id", "value", "inputmode", "placeholder", "defaultValidation"], ss = { key: 1 };
1591
+ function as(e, t, s, a, o, l) {
1480
1592
  const r = j("maska");
1481
1593
  return i(), n("div", {
1482
- class: f({ error: e.showError != !1 })
1594
+ class: m({ error: e.showError != !1 })
1483
1595
  }, [
1484
1596
  e.label ? (i(), n("label", {
1485
1597
  key: 0,
1486
1598
  for: e.id
1487
- }, p(e.label), 9, Rt)) : c("", !0),
1599
+ }, p(e.label), 9, es)) : c("", !0),
1488
1600
  q(d("input", {
1489
1601
  id: e.id,
1490
1602
  type: "text",
@@ -1494,13 +1606,13 @@ function Ht(e, t, a, s, o, l) {
1494
1606
  defaultValidation: e.defaultValidation,
1495
1607
  onInput: t[0] || (t[0] = (...u) => e.onInputHandler && e.onInputHandler(...u)),
1496
1608
  "data-maska-eager": ""
1497
- }, null, 40, _t), [
1609
+ }, null, 40, ts), [
1498
1610
  [r, "##/##/####"]
1499
1611
  ]),
1500
- e.showError && e.required != null ? (i(), n("p", Kt, "Invalid date")) : c("", !0)
1612
+ e.showError && e.required != null ? (i(), n("p", ss, "Invalid date")) : c("", !0)
1501
1613
  ], 2);
1502
1614
  }
1503
- const Ut = /* @__PURE__ */ b(zt, [["render", Ht], ["__scopeId", "data-v-b5ebbc62"]]), Gt = g({
1615
+ const rs = /* @__PURE__ */ b(xt, [["render", as], ["__scopeId", "data-v-b5ebbc62"]]), is = g({
1504
1616
  name: "wra-header",
1505
1617
  props: {
1506
1618
  /**
@@ -1511,33 +1623,33 @@ const Ut = /* @__PURE__ */ b(zt, [["render", Ht], ["__scopeId", "data-v-b5ebbc62
1511
1623
  required: !0
1512
1624
  }
1513
1625
  }
1514
- }), Yt = { key: 0 }, Jt = { key: 1 }, Zt = { key: 2 }, Qt = { key: 3 }, Xt = { key: 4 }, xt = { key: 5 };
1515
- function ea(e, t, a, s, o, l) {
1626
+ }), ns = { key: 0 }, os = { key: 1 }, ls = { key: 2 }, ds = { key: 3 }, us = { key: 4 }, ps = { key: 5 };
1627
+ function cs(e, t, s, a, o, l) {
1516
1628
  return i(), n("div", null, [
1517
- e.size == "h1" ? (i(), n("h1", Yt, [
1518
- m(e.$slots, "default", {}, void 0, !0)
1629
+ e.size == "h1" ? (i(), n("h1", ns, [
1630
+ f(e.$slots, "default", {}, void 0, !0)
1519
1631
  ])) : c("", !0),
1520
- e.size == "h2" ? (i(), n("h2", Jt, [
1521
- m(e.$slots, "default", {}, void 0, !0)
1632
+ e.size == "h2" ? (i(), n("h2", os, [
1633
+ f(e.$slots, "default", {}, void 0, !0)
1522
1634
  ])) : c("", !0),
1523
- e.size == "h3" ? (i(), n("h3", Zt, [
1524
- m(e.$slots, "default", {}, void 0, !0)
1635
+ e.size == "h3" ? (i(), n("h3", ls, [
1636
+ f(e.$slots, "default", {}, void 0, !0)
1525
1637
  ])) : c("", !0),
1526
- e.size == "h4" ? (i(), n("h4", Qt, [
1527
- m(e.$slots, "default", {}, void 0, !0)
1638
+ e.size == "h4" ? (i(), n("h4", ds, [
1639
+ f(e.$slots, "default", {}, void 0, !0)
1528
1640
  ])) : c("", !0),
1529
- e.size == "h5" ? (i(), n("h5", Xt, [
1530
- m(e.$slots, "default", {}, void 0, !0)
1641
+ e.size == "h5" ? (i(), n("h5", us, [
1642
+ f(e.$slots, "default", {}, void 0, !0)
1531
1643
  ])) : c("", !0),
1532
- e.size == "h6" ? (i(), n("h6", xt, [
1533
- m(e.$slots, "default", {}, void 0, !0)
1644
+ e.size == "h6" ? (i(), n("h6", ps, [
1645
+ f(e.$slots, "default", {}, void 0, !0)
1534
1646
  ])) : c("", !0)
1535
1647
  ]);
1536
1648
  }
1537
- const ae = /* @__PURE__ */ b(Gt, [["render", ea], ["__scopeId", "data-v-6d53d792"]]), ta = g({
1649
+ const se = /* @__PURE__ */ b(is, [["render", cs], ["__scopeId", "data-v-6d53d792"]]), hs = g({
1538
1650
  name: "wra-dialog",
1539
1651
  components: {
1540
- WraHeader: ae,
1652
+ WraHeader: se,
1541
1653
  WraButton: J
1542
1654
  },
1543
1655
  props: {
@@ -1600,15 +1712,15 @@ const ae = /* @__PURE__ */ b(Gt, [["render", ea], ["__scopeId", "data-v-6d53d792
1600
1712
  },
1601
1713
  handleTab(e) {
1602
1714
  var l, r;
1603
- const t = ((l = this.$refs.confirmBtn) == null ? void 0 : l.$el) || this.$refs.confirmBtn, a = ((r = this.$refs.cancelBtn) == null ? void 0 : r.$el) || this.$refs.cancelBtn, s = [t, a].filter(Boolean);
1604
- if (!s.length) return;
1605
- const o = s.indexOf(document.activeElement);
1715
+ const t = ((l = this.$refs.confirmBtn) == null ? void 0 : l.$el) || this.$refs.confirmBtn, s = ((r = this.$refs.cancelBtn) == null ? void 0 : r.$el) || this.$refs.cancelBtn, a = [t, s].filter(Boolean);
1716
+ if (!a.length) return;
1717
+ const o = a.indexOf(document.activeElement);
1606
1718
  if (e.shiftKey) {
1607
- const u = (o - 1 + s.length) % s.length;
1608
- s[u].focus();
1719
+ const u = (o - 1 + a.length) % a.length;
1720
+ a[u].focus();
1609
1721
  } else {
1610
- const u = (o + 1) % s.length;
1611
- s[u].focus();
1722
+ const u = (o + 1) % a.length;
1723
+ a[u].focus();
1612
1724
  }
1613
1725
  },
1614
1726
  focusConfirm() {
@@ -1625,11 +1737,11 @@ const ae = /* @__PURE__ */ b(Gt, [["render", ea], ["__scopeId", "data-v-6d53d792
1625
1737
  mounted() {
1626
1738
  this.lastFocused = document.activeElement;
1627
1739
  }
1628
- }), aa = { class: "dialog-content" }, sa = {
1740
+ }), fs = { class: "dialog-content" }, ms = {
1629
1741
  id: "dialog-message",
1630
1742
  class: "mt-4"
1631
- }, ra = { class: "dialog-buttons" };
1632
- function ia(e, t, a, s, o, l) {
1743
+ }, gs = { class: "dialog-buttons" };
1744
+ function bs(e, t, s, a, o, l) {
1633
1745
  const r = L("wra-header"), u = L("wra-button");
1634
1746
  return i(), z(ne, { to: "body" }, [
1635
1747
  d("dialog", {
@@ -1640,29 +1752,29 @@ function ia(e, t, a, s, o, l) {
1640
1752
  tabindex: "-1",
1641
1753
  onClose: t[0] || (t[0] = (...h) => e.closeDialog && e.closeDialog(...h)),
1642
1754
  onKeydown: [
1643
- t[1] || (t[1] = S(W((...h) => e.handleTab && e.handleTab(...h), ["prevent"]), ["tab"])),
1755
+ t[1] || (t[1] = S(N((...h) => e.handleTab && e.handleTab(...h), ["prevent"]), ["tab"])),
1644
1756
  t[2] || (t[2] = S((...h) => e.cancel && e.cancel(...h), ["esc"]))
1645
1757
  ]
1646
1758
  }, [
1647
- d("div", aa, [
1759
+ d("div", fs, [
1648
1760
  F(r, {
1649
1761
  size: "h3",
1650
1762
  id: "dialog-title"
1651
1763
  }, {
1652
- default: N(() => [
1653
- B(p(e.title), 1)
1764
+ default: W(() => [
1765
+ M(p(e.title), 1)
1654
1766
  ]),
1655
1767
  _: 1
1656
1768
  }),
1657
- d("p", sa, p(e.message), 1),
1658
- d("div", ra, [
1769
+ d("p", ms, p(e.message), 1),
1770
+ d("div", gs, [
1659
1771
  F(u, {
1660
1772
  ref: "confirmBtn",
1661
1773
  backgroundColor: e.isDelete ? "wra-red" : "wra-green",
1662
1774
  onClick: e.confirm
1663
1775
  }, {
1664
- default: N(() => [
1665
- B(p(e.confirmText), 1)
1776
+ default: W(() => [
1777
+ M(p(e.confirmText), 1)
1666
1778
  ]),
1667
1779
  _: 1
1668
1780
  }, 8, ["backgroundColor", "onClick"]),
@@ -1670,8 +1782,8 @@ function ia(e, t, a, s, o, l) {
1670
1782
  ref: "cancelBtn",
1671
1783
  onClick: e.cancel
1672
1784
  }, {
1673
- default: N(() => [
1674
- B(p(e.cancelText), 1)
1785
+ default: W(() => [
1786
+ M(p(e.cancelText), 1)
1675
1787
  ]),
1676
1788
  _: 1
1677
1789
  }, 8, ["onClick"])
@@ -1680,7 +1792,7 @@ function ia(e, t, a, s, o, l) {
1680
1792
  ], 544)
1681
1793
  ]);
1682
1794
  }
1683
- const na = /* @__PURE__ */ b(ta, [["render", ia], ["__scopeId", "data-v-a58221e3"]]), oa = g({
1795
+ const $s = /* @__PURE__ */ b(hs, [["render", bs], ["__scopeId", "data-v-a58221e3"]]), ks = g({
1684
1796
  name: "wra-divider",
1685
1797
  props: {
1686
1798
  /** Thickness of the divider */
@@ -1700,18 +1812,18 @@ const na = /* @__PURE__ */ b(ta, [["render", ia], ["__scopeId", "data-v-a58221e3
1700
1812
  data() {
1701
1813
  return {};
1702
1814
  }
1703
- }), la = ["role"];
1704
- function ua(e, t, a, s, o, l) {
1815
+ }), ys = ["role"];
1816
+ function vs(e, t, s, a, o, l) {
1705
1817
  return i(), n("hr", {
1706
1818
  role: e.role,
1707
- class: f({
1819
+ class: m({
1708
1820
  "wra-divider-large": e.thickness === "large",
1709
1821
  "wra-divider": e.thickness === "medium",
1710
1822
  "wra-divider-small": e.thickness === "small"
1711
1823
  })
1712
- }, null, 10, la);
1824
+ }, null, 10, ys);
1713
1825
  }
1714
- const da = /* @__PURE__ */ b(oa, [["render", ua], ["__scopeId", "data-v-40db3bc1"]]), pa = g({
1826
+ const ws = /* @__PURE__ */ b(ks, [["render", vs], ["__scopeId", "data-v-40db3bc1"]]), Ss = g({
1715
1827
  name: "wra-expansion-panel",
1716
1828
  props: {
1717
1829
  title: {
@@ -1750,8 +1862,8 @@ const da = /* @__PURE__ */ b(oa, [["render", ua], ["__scopeId", "data-v-40db3bc1
1750
1862
  this.showPanel = !this.showPanel;
1751
1863
  }
1752
1864
  }
1753
- }), ca = ["aria-controls", "id"], ha = { class: "icon-wrapper" }, fa = ["aria-hidden", "id"], ma = { class: "inner-panel" };
1754
- function ga(e, t, a, s, o, l) {
1865
+ }), Vs = ["aria-controls", "id"], Is = { class: "icon-wrapper" }, Ms = ["aria-hidden", "id"], Cs = { class: "inner-panel" };
1866
+ function Ps(e, t, s, a, o, l) {
1755
1867
  return i(), n("div", null, [
1756
1868
  d("button", {
1757
1869
  class: "expansion-button",
@@ -1760,36 +1872,36 @@ function ga(e, t, a, s, o, l) {
1760
1872
  onClick: t[0] || (t[0] = (...r) => e.togglePanel && e.togglePanel(...r)),
1761
1873
  style: D(e.style)
1762
1874
  }, [
1763
- m(e.$slots, "title", {}, () => [
1764
- B(p(e.title), 1)
1875
+ f(e.$slots, "title", {}, () => [
1876
+ M(p(e.title), 1)
1765
1877
  ], !0),
1766
- d("span", ha, [
1878
+ d("span", Is, [
1767
1879
  d("span", {
1768
- class: f(["panel-icon", {
1880
+ class: m(["panel-icon", {
1769
1881
  "show-panel-icon": e.showPanel,
1770
1882
  "hide-panel-icon": !e.showPanel
1771
1883
  }])
1772
1884
  }, null, 2)
1773
1885
  ])
1774
- ], 12, ca),
1775
- F(Y, { name: "slide-fade" }, {
1776
- default: N(() => [
1886
+ ], 12, Vs),
1887
+ F(K, { name: "slide-fade" }, {
1888
+ default: W(() => [
1777
1889
  e.showPanel ? (i(), n("div", {
1778
1890
  key: 0,
1779
1891
  class: "panel-content",
1780
1892
  "aria-hidden": !e.showPanel,
1781
1893
  id: "content-" + e.ariaTitle
1782
1894
  }, [
1783
- d("div", ma, [
1784
- m(e.$slots, "default", {}, void 0, !0)
1895
+ d("div", Cs, [
1896
+ f(e.$slots, "default", {}, void 0, !0)
1785
1897
  ])
1786
- ], 8, fa)) : c("", !0)
1898
+ ], 8, Ms)) : c("", !0)
1787
1899
  ]),
1788
1900
  _: 3
1789
1901
  })
1790
1902
  ]);
1791
1903
  }
1792
- const ba = /* @__PURE__ */ b(pa, [["render", ga], ["__scopeId", "data-v-aad4db7d"]]), ka = g({
1904
+ const Ts = /* @__PURE__ */ b(Ss, [["render", Ps], ["__scopeId", "data-v-aad4db7d"]]), Bs = g({
1793
1905
  name: "wra-validation-tooltip",
1794
1906
  props: {
1795
1907
  /**
@@ -1802,26 +1914,26 @@ const ba = /* @__PURE__ */ b(pa, [["render", ga], ["__scopeId", "data-v-aad4db7d
1802
1914
  }
1803
1915
  }
1804
1916
  });
1805
- function $a(e, t, a, s, o, l) {
1917
+ function Os(e, t, s, a, o, l) {
1806
1918
  return i(), n("div", {
1807
- class: f(["validation-tooltip", e.type])
1919
+ class: m(["validation-tooltip", e.type])
1808
1920
  }, [
1809
1921
  e.$slots["custom-icon"] ? (i(), n("span", {
1810
1922
  key: 0,
1811
- class: f([{
1923
+ class: m([{
1812
1924
  "custom-icon-wrapper": ["custom-icon"]
1813
1925
  }, "icon"])
1814
1926
  }, [
1815
- m(e.$slots, "custom-icon", {}, void 0, !0)
1927
+ f(e.$slots, "custom-icon", {}, void 0, !0)
1816
1928
  ])) : c("", !0),
1817
- m(e.$slots, "default", {}, void 0, !0)
1929
+ f(e.$slots, "default", {}, void 0, !0)
1818
1930
  ], 2);
1819
1931
  }
1820
- const se = /* @__PURE__ */ b(ka, [["render", $a], ["__scopeId", "data-v-e082a746"]]), ya = g({
1932
+ const ae = /* @__PURE__ */ b(Bs, [["render", Os], ["__scopeId", "data-v-e082a746"]]), Ws = g({
1821
1933
  name: "file-upload",
1822
1934
  emits: ["change"],
1823
1935
  components: {
1824
- ValidationTooltip: se,
1936
+ ValidationTooltip: ae,
1825
1937
  WraButton: J
1826
1938
  },
1827
1939
  props: {
@@ -1932,17 +2044,17 @@ const se = /* @__PURE__ */ b(ka, [["render", $a], ["__scopeId", "data-v-e082a746
1932
2044
  },
1933
2045
  methods: {
1934
2046
  handleFileChange(e) {
1935
- const a = e.target.files;
1936
- if (a && a.length > 0) {
1937
- const s = Array.from(a);
2047
+ const s = e.target.files;
2048
+ if (s && s.length > 0) {
2049
+ const a = Array.from(s);
1938
2050
  if (typeof this.maxSize < "u" && this.maxSize !== null) {
1939
- this.fileSize = s.reduce((o, l) => o + l.size, 0), this.fileSizeError = this.fileSize > this.maxSize;
2051
+ this.fileSize = a.reduce((o, l) => o + l.size, 0), this.fileSizeError = this.fileSize > this.maxSize;
1940
2052
  return;
1941
2053
  }
1942
- this.fileName = s.map((o) => o.name).join(", ");
2054
+ this.fileName = a.map((o) => o.name).join(", ");
1943
2055
  } else
1944
2056
  this.fileName = "No file chosen";
1945
- this.$emit("change", a);
2057
+ this.$emit("change", s);
1946
2058
  },
1947
2059
  triggerFileInput() {
1948
2060
  this.$refs.fileInput.click();
@@ -1956,26 +2068,26 @@ const se = /* @__PURE__ */ b(ka, [["render", $a], ["__scopeId", "data-v-e082a746
1956
2068
  return typeof this.maxSize > "u" || this.maxSize === null ? "0" : this.maxSize < 1024 ? `${this.maxSize} bytes` : this.maxSize < 1024 * 1024 ? `${(this.maxSize / 1024).toFixed(2)} kilobytes` : `${(this.maxSize / (1024 * 1024)).toFixed(2)} megabytes`;
1957
2069
  }
1958
2070
  }
1959
- }), va = {
2071
+ }), Ns = {
1960
2072
  key: 0,
1961
2073
  class: "file-upload-error-text"
1962
- }, wa = {
2074
+ }, qs = {
1963
2075
  key: 1,
1964
2076
  class: "file-upload-error-text"
1965
- }, Sa = ["for"], Va = { class: "file-upload-wrapper" }, Ia = ["id", "accept", "capture", "multiple"], Ma = { class: "file-name" };
1966
- function Ca(e, t, a, s, o, l) {
2077
+ }, As = ["for"], Fs = { class: "file-upload-wrapper" }, Ls = ["id", "accept", "capture", "multiple"], Es = { class: "file-name" };
2078
+ function Ds(e, t, s, a, o, l) {
1967
2079
  const r = L("ValidationTooltip"), u = L("wra-button");
1968
2080
  return i(), n(y, null, [
1969
- F(Y, { name: "error" }, {
1970
- default: N(() => [
2081
+ F(K, { name: "error" }, {
2082
+ default: W(() => [
1971
2083
  e.isError ? (i(), z(r, {
1972
2084
  key: 0,
1973
2085
  class: "file-upload-error-box",
1974
2086
  type: "wra-error"
1975
2087
  }, {
1976
- default: N(() => [
1977
- e.error ? (i(), n("p", va, p(e.errorMessage), 1)) : c("", !0),
1978
- e.fileSizeError ? (i(), n("p", wa, p(e.fileSizeErrorMessage.replace(
2088
+ default: W(() => [
2089
+ e.error ? (i(), n("p", Ns, p(e.errorMessage), 1)) : c("", !0),
2090
+ e.fileSizeError ? (i(), n("p", qs, p(e.fileSizeErrorMessage.replace(
1979
2091
  "{maxsize}",
1980
2092
  String(e.humanReadableMaxSize)
1981
2093
  )), 1)) : c("", !0)
@@ -1988,15 +2100,15 @@ function Ca(e, t, a, s, o, l) {
1988
2100
  d("div", {
1989
2101
  class: "file-upload-label",
1990
2102
  for: e.id
1991
- }, p(e.label), 9, Sa),
1992
- d("div", Va, [
2103
+ }, p(e.label), 9, As),
2104
+ d("div", Fs, [
1993
2105
  F(u, {
1994
2106
  size: "small",
1995
2107
  backgroundColor: e.backgroundColor,
1996
2108
  onClick: e.triggerFileInput
1997
2109
  }, {
1998
- default: N(() => [
1999
- B(p(e.buttonText), 1)
2110
+ default: W(() => [
2111
+ M(p(e.buttonText), 1)
2000
2112
  ]),
2001
2113
  _: 1
2002
2114
  }, 8, ["backgroundColor", "onClick"]),
@@ -2008,12 +2120,12 @@ function Ca(e, t, a, s, o, l) {
2008
2120
  capture: e.capture,
2009
2121
  multiple: e.multiple,
2010
2122
  onChange: t[0] || (t[0] = (...h) => e.handleFileChange && e.handleFileChange(...h))
2011
- }, null, 40, Ia),
2012
- d("span", Ma, p(e.fileName), 1)
2123
+ }, null, 40, Ls),
2124
+ d("span", Es, p(e.fileName), 1)
2013
2125
  ])
2014
2126
  ], 64);
2015
2127
  }
2016
- const Pa = /* @__PURE__ */ b(ya, [["render", Ca], ["__scopeId", "data-v-77af62fb"]]), Ba = g({
2128
+ const js = /* @__PURE__ */ b(Ws, [["render", Ds], ["__scopeId", "data-v-77af62fb"]]), zs = g({
2017
2129
  name: "wra-footer",
2018
2130
  props: {
2019
2131
  /**
@@ -2025,14 +2137,14 @@ const Pa = /* @__PURE__ */ b(ya, [["render", Ca], ["__scopeId", "data-v-77af62fb
2025
2137
  }
2026
2138
  }
2027
2139
  });
2028
- function Ta(e, t, a, s, o, l) {
2140
+ function _s(e, t, s, a, o, l) {
2029
2141
  return i(), n("footer", {
2030
- class: f(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
2142
+ class: m(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
2031
2143
  }, [
2032
- m(e.$slots, "default", {}, void 0, !0)
2144
+ f(e.$slots, "default", {}, void 0, !0)
2033
2145
  ], 2);
2034
2146
  }
2035
- const Oa = /* @__PURE__ */ b(Ba, [["render", Ta], ["__scopeId", "data-v-ec223b2a"]]), Wa = g({
2147
+ const Rs = /* @__PURE__ */ b(zs, [["render", _s], ["__scopeId", "data-v-ec223b2a"]]), Hs = g({
2036
2148
  name: "wra-icon",
2037
2149
  props: {
2038
2150
  /** Name of icon from material design icons by pictogrammers */
@@ -2064,8 +2176,8 @@ const Oa = /* @__PURE__ */ b(Ba, [["render", Ta], ["__scopeId", "data-v-ec223b2a
2064
2176
  type: String
2065
2177
  }
2066
2178
  }
2067
- }), Na = ["width", "height", "viewBox", "stroke", "fill"], qa = ["d"];
2068
- function Aa(e, t, a, s, o, l) {
2179
+ }), Ks = ["width", "height", "viewBox", "stroke", "fill"], Us = ["d"];
2180
+ function Gs(e, t, s, a, o, l) {
2069
2181
  return i(), n("svg", {
2070
2182
  width: e.width + "px",
2071
2183
  height: e.height + "px",
@@ -2077,10 +2189,10 @@ function Aa(e, t, a, s, o, l) {
2077
2189
  d: e.icon,
2078
2190
  width: "100%",
2079
2191
  height: "100%"
2080
- }, null, 8, qa)
2081
- ], 8, Na);
2192
+ }, null, 8, Us)
2193
+ ], 8, Ks);
2082
2194
  }
2083
- const Fa = /* @__PURE__ */ b(Wa, [["render", Aa]]), La = g({
2195
+ const Ys = /* @__PURE__ */ b(Hs, [["render", Gs]]), Js = g({
2084
2196
  name: "wra-inset",
2085
2197
  props: {
2086
2198
  /**
@@ -2105,15 +2217,15 @@ const Fa = /* @__PURE__ */ b(Wa, [["render", Aa]]), La = g({
2105
2217
  }
2106
2218
  }
2107
2219
  });
2108
- function Ea(e, t, a, s, o, l) {
2220
+ function Zs(e, t, s, a, o, l) {
2109
2221
  return i(), n("div", {
2110
- class: f(["wra-inset", e.colour])
2222
+ class: m(["wra-inset", e.colour])
2111
2223
  }, [
2112
- m(e.$slots, "default", {}, void 0, !0)
2224
+ f(e.$slots, "default", {}, void 0, !0)
2113
2225
  ], 2);
2114
2226
  }
2115
- const Da = /* @__PURE__ */ b(La, [["render", Ea], ["__scopeId", "data-v-5eaa02a8"]]), ja = R, za = g({
2116
- directives: { maska: ja },
2227
+ const Qs = /* @__PURE__ */ b(Js, [["render", Zs], ["__scopeId", "data-v-5eaa02a8"]]), Xs = _, xs = g({
2228
+ directives: { maska: Xs },
2117
2229
  name: "wra-number-input",
2118
2230
  props: {
2119
2231
  /**
@@ -2221,9 +2333,9 @@ const Da = /* @__PURE__ */ b(La, [["render", Ea], ["__scopeId", "data-v-5eaa02a8
2221
2333
  validate(e) {
2222
2334
  if (this.errorMessage = "", this.rules != null)
2223
2335
  for (let t = 0; t < this.rules.length; t++) {
2224
- const a = this.rules[t], s = a(e);
2225
- if (s != !0) {
2226
- this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
2336
+ const s = this.rules[t], a = s(e);
2337
+ if (a != !0) {
2338
+ this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
2227
2339
  break;
2228
2340
  }
2229
2341
  }
@@ -2245,24 +2357,24 @@ const Da = /* @__PURE__ */ b(La, [["render", Ea], ["__scopeId", "data-v-5eaa02a8
2245
2357
  created() {
2246
2358
  this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
2247
2359
  }
2248
- }), Ra = ["for"], _a = { class: "input-wrapper" }, Ka = {
2360
+ }), ea = ["for"], ta = { class: "input-wrapper" }, sa = {
2249
2361
  key: 0,
2250
2362
  class: "prefix"
2251
- }, Ha = ["id", "type", "inputmode", "placeholder", "value"], Ua = {
2363
+ }, aa = ["id", "type", "inputmode", "placeholder", "value"], ra = {
2252
2364
  key: 1,
2253
2365
  class: "suffix"
2254
- }, Ga = { key: 1 };
2255
- function Ya(e, t, a, s, o, l) {
2366
+ }, ia = { key: 1 };
2367
+ function na(e, t, s, a, o, l) {
2256
2368
  const r = j("maska");
2257
2369
  return i(), n("div", {
2258
- class: f({ error: !!e.errorMessage })
2370
+ class: m({ error: !!e.errorMessage })
2259
2371
  }, [
2260
2372
  e.label ? (i(), n("label", {
2261
2373
  key: 0,
2262
2374
  for: e.id
2263
- }, p(e.label), 9, Ra)) : c("", !0),
2264
- d("div", _a, [
2265
- e.prefix ? (i(), n("span", Ka, p(e.prefix), 1)) : c("", !0),
2375
+ }, p(e.label), 9, ea)) : c("", !0),
2376
+ d("div", ta, [
2377
+ e.prefix ? (i(), n("span", sa, p(e.prefix), 1)) : c("", !0),
2266
2378
  q(d("input", {
2267
2379
  id: e.id,
2268
2380
  type: e.type,
@@ -2272,16 +2384,16 @@ function Ya(e, t, a, s, o, l) {
2272
2384
  "data-maska-tokens": "9:[0-9]:repeated",
2273
2385
  "data-maska-reversed": "",
2274
2386
  onMaska: t[0] || (t[0] = (u) => e.onMaska(u.detail)),
2275
- class: f(e.prefixPadding)
2276
- }, null, 42, Ha), [
2387
+ class: m(e.prefixPadding)
2388
+ }, null, 42, aa), [
2277
2389
  [r, "9,99#"]
2278
2390
  ]),
2279
- e.suffix ? (i(), n("span", Ua, p(e.suffix), 1)) : c("", !0)
2391
+ e.suffix ? (i(), n("span", ra, p(e.suffix), 1)) : c("", !0)
2280
2392
  ]),
2281
- e.errorMessage ? (i(), n("p", Ga, p(e.errorMessage), 1)) : c("", !0)
2393
+ e.errorMessage ? (i(), n("p", ia, p(e.errorMessage), 1)) : c("", !0)
2282
2394
  ], 2);
2283
2395
  }
2284
- const Ja = /* @__PURE__ */ b(za, [["render", Ya], ["__scopeId", "data-v-bf09a2d6"]]), Za = g({
2396
+ const oa = /* @__PURE__ */ b(xs, [["render", na], ["__scopeId", "data-v-bf09a2d6"]]), la = g({
2285
2397
  name: "wra-pagination",
2286
2398
  data() {
2287
2399
  return {
@@ -2350,12 +2462,12 @@ const Ja = /* @__PURE__ */ b(za, [["render", Ya], ["__scopeId", "data-v-bf09a2d6
2350
2462
  },
2351
2463
  changePage(e) {
2352
2464
  this.currentPage = e, this.$emit("update:modelValue", this.currentPage), this.$nextTick(() => {
2353
- const t = `page-${e}`, a = this.$refs[t];
2354
- if (!a || !a[0]) {
2465
+ const t = `page-${e}`, s = this.$refs[t];
2466
+ if (!s || !s[0]) {
2355
2467
  console.log("No ref found for page", e);
2356
2468
  return;
2357
2469
  }
2358
- a[0].focus();
2470
+ s[0].focus();
2359
2471
  });
2360
2472
  },
2361
2473
  onKeyLeft() {
@@ -2398,14 +2510,14 @@ const Ja = /* @__PURE__ */ b(za, [["render", Ya], ["__scopeId", "data-v-bf09a2d6
2398
2510
  created() {
2399
2511
  this.currentPage = this.modelValue;
2400
2512
  }
2401
- }), Qa = { class: "pagination" }, Xa = ["onClick"];
2402
- function xa(e, t, a, s, o, l) {
2403
- return i(), n("div", Qa, [
2513
+ }), da = { class: "pagination" }, ua = ["onClick"];
2514
+ function pa(e, t, s, a, o, l) {
2515
+ return i(), n("div", da, [
2404
2516
  d("button", {
2405
2517
  class: "pagination-button",
2406
2518
  onClick: t[0] || (t[0] = (r) => e.decPage())
2407
2519
  }, [
2408
- m(e.$slots, "previous", {}, () => [
2520
+ f(e.$slots, "previous", {}, () => [
2409
2521
  t[6] || (t[6] = d("span", { class: "pagination-icon previous-icon" }, null, -1)),
2410
2522
  d("span", null, p(e.previousLabel), 1)
2411
2523
  ], !0)
@@ -2416,7 +2528,7 @@ function xa(e, t, a, s, o, l) {
2416
2528
  onClick: t[1] || (t[1] = (r) => e.changePage(e.startIndex)),
2417
2529
  class: "pagination-number"
2418
2530
  }, p(e.startIndex), 1)) : c("", !0),
2419
- m(e.$slots, "divider", {}, () => [
2531
+ f(e.$slots, "divider", {}, () => [
2420
2532
  t[7] || (t[7] = d("span", { class: "pagination-divider" }, "...", -1))
2421
2533
  ], !0)
2422
2534
  ], 64)) : c("", !0),
@@ -2428,10 +2540,10 @@ function xa(e, t, a, s, o, l) {
2428
2540
  ],
2429
2541
  ref_for: !0,
2430
2542
  ref: "page-" + r,
2431
- class: f(["pagination-number", e.currentPage === r && "pagination-number--selected"])
2432
- }, p(r), 43, Xa))), 256)),
2543
+ class: m(["pagination-number", e.currentPage === r && "pagination-number--selected"])
2544
+ }, p(r), 43, ua))), 256)),
2433
2545
  e.skipEnd ? (i(), n(y, { key: 1 }, [
2434
- m(e.$slots, "divider", {}, () => [
2546
+ f(e.$slots, "divider", {}, () => [
2435
2547
  t[8] || (t[8] = d("span", { class: "pagination-divider" }, "...", -1))
2436
2548
  ], !0),
2437
2549
  d("button", {
@@ -2443,15 +2555,15 @@ function xa(e, t, a, s, o, l) {
2443
2555
  class: "pagination-button",
2444
2556
  onClick: t[5] || (t[5] = (r) => e.incPage())
2445
2557
  }, [
2446
- m(e.$slots, "next", {}, () => [
2558
+ f(e.$slots, "next", {}, () => [
2447
2559
  d("span", null, p(e.nextLabel), 1),
2448
2560
  t[9] || (t[9] = d("span", { class: "pagination-icon next-icon" }, null, -1))
2449
2561
  ], !0)
2450
2562
  ])
2451
2563
  ]);
2452
2564
  }
2453
- const es = /* @__PURE__ */ b(Za, [["render", xa], ["__scopeId", "data-v-4fb0a9cd"]]), ts = R, as = g({
2454
- directives: { maska: ts },
2565
+ const ca = /* @__PURE__ */ b(la, [["render", pa], ["__scopeId", "data-v-4fb0a9cd"]]), ha = _, fa = g({
2566
+ directives: { maska: ha },
2455
2567
  name: "wra-price-input",
2456
2568
  props: {
2457
2569
  /**
@@ -2537,11 +2649,11 @@ const es = /* @__PURE__ */ b(Za, [["render", xa], ["__scopeId", "data-v-4fb0a9cd
2537
2649
  preProcess: (e) => e.replace(/[£,]/g, ""),
2538
2650
  postProcess: (e) => {
2539
2651
  if (!e) return "";
2540
- const t = 3 - (e.includes(".") ? e.length - e.indexOf(".") : 0), a = Number(e.replace(/,/g, ""));
2541
- return isNaN(a) ? e : Intl.NumberFormat("en-GB", {
2652
+ const t = 3 - (e.includes(".") ? e.length - e.indexOf(".") : 0), s = Number(e.replace(/,/g, ""));
2653
+ return isNaN(s) ? e : Intl.NumberFormat("en-GB", {
2542
2654
  style: "currency",
2543
2655
  currency: "GBP"
2544
- }).format(a).slice(0, t ? -t : void 0).replace("£", "");
2656
+ }).format(s).slice(0, t ? -t : void 0).replace("£", "");
2545
2657
  }
2546
2658
  },
2547
2659
  errorMessage: "",
@@ -2561,9 +2673,9 @@ const es = /* @__PURE__ */ b(Za, [["render", xa], ["__scopeId", "data-v-4fb0a9cd
2561
2673
  validate(e) {
2562
2674
  if (this.errorMessage = "", this.rules != null)
2563
2675
  for (let t = 0; t < this.rules.length; t++) {
2564
- const a = this.rules[t], s = a(e);
2565
- if (s != !0) {
2566
- this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
2676
+ const s = this.rules[t], a = s(e);
2677
+ if (a != !0) {
2678
+ this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
2567
2679
  break;
2568
2680
  }
2569
2681
  }
@@ -2581,24 +2693,24 @@ const es = /* @__PURE__ */ b(Za, [["render", xa], ["__scopeId", "data-v-4fb0a9cd
2581
2693
  mounted() {
2582
2694
  this.maskedValue = String(this.modelValue), this.$emit("update:modelValue", this.maskedValue), this.validate(this.modelValue);
2583
2695
  }
2584
- }), ss = ["for"], rs = { class: "input-wrapper" }, is = {
2696
+ }), ma = ["for"], ga = { class: "input-wrapper" }, ba = {
2585
2697
  key: 0,
2586
2698
  class: "prefix"
2587
- }, ns = ["id", "value", "inputmode", "placeholder"], os = {
2699
+ }, $a = ["id", "value", "inputmode", "placeholder"], ka = {
2588
2700
  key: 1,
2589
2701
  class: "suffix"
2590
- }, ls = { key: 1 };
2591
- function us(e, t, a, s, o, l) {
2702
+ }, ya = { key: 1 };
2703
+ function va(e, t, s, a, o, l) {
2592
2704
  const r = j("maska");
2593
2705
  return i(), n("div", {
2594
- class: f({ error: e.errorMessage !== "" })
2706
+ class: m({ error: e.errorMessage !== "" })
2595
2707
  }, [
2596
2708
  e.label ? (i(), n("label", {
2597
2709
  key: 0,
2598
2710
  for: e.id
2599
- }, p(e.label), 9, ss)) : c("", !0),
2600
- d("div", rs, [
2601
- e.prefix ? (i(), n("span", is, p(e.prefix), 1)) : c("", !0),
2711
+ }, p(e.label), 9, ma)) : c("", !0),
2712
+ d("div", ga, [
2713
+ e.prefix ? (i(), n("span", ba, p(e.prefix), 1)) : c("", !0),
2602
2714
  q(d("input", {
2603
2715
  id: e.id,
2604
2716
  type: "text",
@@ -2608,16 +2720,16 @@ function us(e, t, a, s, o, l) {
2608
2720
  onMaska: t[0] || (t[0] = (...u) => e.onMaska && e.onMaska(...u)),
2609
2721
  "data-maska": "0.99",
2610
2722
  "data-maska-tokens": "0:\\d:multiple|9:\\d:optional",
2611
- class: f(e.prefixPadding)
2612
- }, null, 42, ns), [
2723
+ class: m(e.prefixPadding)
2724
+ }, null, 42, $a), [
2613
2725
  [r, e.mask]
2614
2726
  ]),
2615
- e.suffix ? (i(), n("span", os, p(e.suffix), 1)) : c("", !0)
2727
+ e.suffix ? (i(), n("span", ka, p(e.suffix), 1)) : c("", !0)
2616
2728
  ]),
2617
- e.errorMessage ? (i(), n("p", ls, p(e.errorMessage), 1)) : c("", !0)
2729
+ e.errorMessage ? (i(), n("p", ya, p(e.errorMessage), 1)) : c("", !0)
2618
2730
  ], 2);
2619
2731
  }
2620
- const ds = /* @__PURE__ */ b(as, [["render", us], ["__scopeId", "data-v-0e867b98"]]), ps = g({
2732
+ const wa = /* @__PURE__ */ b(fa, [["render", va], ["__scopeId", "data-v-0e867b98"]]), Sa = g({
2621
2733
  name: "wra-radio",
2622
2734
  props: {
2623
2735
  groupName: {
@@ -2648,8 +2760,8 @@ const ds = /* @__PURE__ */ b(as, [["render", us], ["__scopeId", "data-v-0e867b98
2648
2760
  this.$parent.$emit("update:modelValue", this.option.value);
2649
2761
  }
2650
2762
  }
2651
- }), cs = ["for"], hs = ["name", "value", "id", "checked", "aria-checked"], fs = { class: "radio-text" }, ms = ["innerHTML"];
2652
- function gs(e, t, a, s, o, l) {
2763
+ }), Va = ["for"], Ia = ["name", "value", "id", "checked", "aria-checked"], Ma = { class: "radio-text" }, Ca = ["innerHTML"];
2764
+ function Pa(e, t, s, a, o, l) {
2653
2765
  return i(), n("div", null, [
2654
2766
  d("label", {
2655
2767
  for: e.id ?? e.groupName + "-" + e.option.value,
@@ -2664,19 +2776,19 @@ function gs(e, t, a, s, o, l) {
2664
2776
  class: "radio-input",
2665
2777
  checked: e.isChecked == !0,
2666
2778
  "aria-checked": e.isChecked
2667
- }, null, 40, hs),
2668
- d("span", fs, [
2779
+ }, null, 40, Ia),
2780
+ d("span", Ma, [
2669
2781
  d("p", null, p(e.option.label), 1),
2670
2782
  e.option.info ? (i(), n("p", {
2671
2783
  key: 0,
2672
2784
  class: "further-information-text",
2673
2785
  innerHTML: e.option.info
2674
- }, null, 8, ms)) : c("", !0)
2786
+ }, null, 8, Ca)) : c("", !0)
2675
2787
  ])
2676
- ], 8, cs)
2788
+ ], 8, Va)
2677
2789
  ]);
2678
2790
  }
2679
- const bs = /* @__PURE__ */ b(ps, [["render", gs], ["__scopeId", "data-v-66e204d1"]]), ks = g({
2791
+ const Ta = /* @__PURE__ */ b(Sa, [["render", Pa], ["__scopeId", "data-v-66e204d1"]]), Ba = g({
2680
2792
  name: "wra-radio-group",
2681
2793
  props: {
2682
2794
  /**
@@ -2719,15 +2831,15 @@ const bs = /* @__PURE__ */ b(ps, [["render", gs], ["__scopeId", "data-v-66e204d1
2719
2831
  }
2720
2832
  },
2721
2833
  components: {
2722
- WraRadio: bs
2834
+ WraRadio: Ta
2723
2835
  },
2724
2836
  computed: {
2725
2837
  validOptions() {
2726
2838
  return this.options ?? [];
2727
2839
  }
2728
2840
  }
2729
- }), $s = ["aria-label", "aria-describedby"];
2730
- function ys(e, t, a, s, o, l) {
2841
+ }), Oa = ["aria-label", "aria-describedby"];
2842
+ function Wa(e, t, s, a, o, l) {
2731
2843
  const r = L("wra-radio");
2732
2844
  return i(), n("div", {
2733
2845
  role: "radiogroup",
@@ -2742,9 +2854,9 @@ function ys(e, t, a, s, o, l) {
2742
2854
  isChecked: e.checkInput(u.value),
2743
2855
  id: u.id
2744
2856
  }, null, 8, ["groupName", "option", "isChecked", "id"]))), 128))
2745
- ], 8, $s);
2857
+ ], 8, Oa);
2746
2858
  }
2747
- const vs = /* @__PURE__ */ b(ks, [["render", ys], ["__scopeId", "data-v-dfd68568"]]), ws = g({
2859
+ const Na = /* @__PURE__ */ b(Ba, [["render", Wa], ["__scopeId", "data-v-dfd68568"]]), qa = g({
2748
2860
  name: "wra-select",
2749
2861
  props: {
2750
2862
  /**
@@ -2802,12 +2914,12 @@ const vs = /* @__PURE__ */ b(ks, [["render", ys], ["__scopeId", "data-v-dfd68568
2802
2914
  },
2803
2915
  methods: {
2804
2916
  onSelectChange(e) {
2805
- const t = e.target, a = t ? t.value : "";
2806
- this.validate(a);
2917
+ const t = e.target, s = t ? t.value : "";
2918
+ this.validate(s);
2807
2919
  },
2808
2920
  validate(e) {
2809
2921
  this.$emit("update:modelValue", e);
2810
- const t = this.validItems.some((a) => this.checkForObjectValue(a) == e);
2922
+ const t = this.validItems.some((s) => this.checkForObjectValue(s) == e);
2811
2923
  if (this.required == !0 && t == !1) {
2812
2924
  this.$emit("valid", { id: this.id || this.name, value: !1 });
2813
2925
  return;
@@ -2830,13 +2942,13 @@ const vs = /* @__PURE__ */ b(ks, [["render", ys], ["__scopeId", "data-v-dfd68568
2830
2942
  this.validate(this.modelValue);
2831
2943
  },
2832
2944
  emits: ["update:modelValue", "valid"]
2833
- }), Ss = ["for"], Vs = { class: "select" }, Is = ["id", "value"], Ms = ["value", "selected"], Cs = { key: 0 }, Ps = { key: 1 };
2834
- function Bs(e, t, a, s, o, l) {
2945
+ }), Aa = ["for"], Fa = { class: "select" }, La = ["id", "value"], Ea = ["value", "selected"], Da = { key: 0 }, ja = { key: 1 };
2946
+ function za(e, t, s, a, o, l) {
2835
2947
  return i(), n(y, null, [
2836
2948
  d("label", {
2837
2949
  for: e.id || e.name
2838
- }, p(e.label), 9, Ss),
2839
- d("div", Vs, [
2950
+ }, p(e.label), 9, Aa),
2951
+ d("div", Fa, [
2840
2952
  d("select", {
2841
2953
  id: e.id || e.name,
2842
2954
  value: e.modelValue,
@@ -2852,16 +2964,16 @@ function Bs(e, t, a, s, o, l) {
2852
2964
  value: e.checkForObjectValue(r),
2853
2965
  selected: e.modelValue == e.checkForObjectValue(r)
2854
2966
  }, [
2855
- e.$slots.label ? (i(), n("span", Cs, [
2856
- m(e.$slots, "label", { item: r }, void 0, !0)
2857
- ])) : (i(), n("span", Ps, p(e.checkForObjectLabel(r)), 1))
2858
- ], 8, Ms))), 256))
2859
- ], 40, Is),
2967
+ e.$slots.label ? (i(), n("span", Da, [
2968
+ f(e.$slots, "label", { item: r }, void 0, !0)
2969
+ ])) : (i(), n("span", ja, p(e.checkForObjectLabel(r)), 1))
2970
+ ], 8, Ea))), 256))
2971
+ ], 40, La),
2860
2972
  t[2] || (t[2] = d("span", { class: "focus" }, null, -1))
2861
2973
  ])
2862
2974
  ], 64);
2863
2975
  }
2864
- const Ts = /* @__PURE__ */ b(ws, [["render", Bs], ["__scopeId", "data-v-f1105098"]]), Os = g({
2976
+ const _a = /* @__PURE__ */ b(qa, [["render", za], ["__scopeId", "data-v-f1105098"]]), Ra = g({
2865
2977
  name: "wra-service-logo",
2866
2978
  props: {
2867
2979
  /**
@@ -2898,8 +3010,8 @@ const Ts = /* @__PURE__ */ b(ws, [["render", Bs], ["__scopeId", "data-v-f1105098
2898
3010
  type: [String, Number]
2899
3011
  }
2900
3012
  }
2901
- }), Ws = ["href", "aria-label"], Ns = ["src", "height", "alt"];
2902
- function qs(e, t, a, s, o, l) {
3013
+ }), Ha = ["href", "aria-label"], Ka = ["src", "height", "alt"];
3014
+ function Ua(e, t, s, a, o, l) {
2903
3015
  return i(), n("a", {
2904
3016
  href: e.href,
2905
3017
  target: "_blank",
@@ -2912,10 +3024,10 @@ function qs(e, t, a, s, o, l) {
2912
3024
  height: e.height,
2913
3025
  class: "service-logo",
2914
3026
  alt: e.alt
2915
- }, null, 8, Ns)
2916
- ], 8, Ws);
3027
+ }, null, 8, Ka)
3028
+ ], 8, Ha);
2917
3029
  }
2918
- const As = /* @__PURE__ */ b(Os, [["render", qs], ["__scopeId", "data-v-726556fc"]]), Fs = g({
3030
+ const Ga = /* @__PURE__ */ b(Ra, [["render", Ua], ["__scopeId", "data-v-726556fc"]]), Ya = g({
2919
3031
  name: "wra-simple-table",
2920
3032
  props: {
2921
3033
  /**
@@ -2937,29 +3049,29 @@ const As = /* @__PURE__ */ b(Os, [["render", qs], ["__scopeId", "data-v-726556fc
2937
3049
  }
2938
3050
  }
2939
3051
  });
2940
- function Ls(e, t, a, s, o, l) {
3052
+ function Ja(e, t, s, a, o, l) {
2941
3053
  return i(), n("div", {
2942
- class: f(["wra-simple-table-wrapper", {
3054
+ class: m(["wra-simple-table-wrapper", {
2943
3055
  "wra-simple-table-inherit": e.inheritBackground,
2944
3056
  "wra-simple-table-no-padding": e.inheritBackground
2945
3057
  }])
2946
3058
  }, [
2947
3059
  d("table", {
2948
- class: f(["wra-simple-table", { "left-align-headers": e.leftAlignHeaders }])
3060
+ class: m(["wra-simple-table", { "left-align-headers": e.leftAlignHeaders }])
2949
3061
  }, [
2950
3062
  e.caption ? (i(), n("caption", {
2951
3063
  key: 0,
2952
- class: f(["wra-simple-table-caption", { "caption-no-padding": e.inheritBackground }])
3064
+ class: m(["wra-simple-table-caption", { "caption-no-padding": e.inheritBackground }])
2953
3065
  }, [
2954
- m(e.$slots, "caption", {}, () => [
2955
- B(p(e.caption), 1)
3066
+ f(e.$slots, "caption", {}, () => [
3067
+ M(p(e.caption), 1)
2956
3068
  ])
2957
3069
  ], 2)) : c("", !0),
2958
- m(e.$slots, "default")
3070
+ f(e.$slots, "default")
2959
3071
  ], 2)
2960
3072
  ], 2);
2961
3073
  }
2962
- const Es = /* @__PURE__ */ b(Fs, [["render", Ls]]), Ds = g({
3074
+ const Za = /* @__PURE__ */ b(Ya, [["render", Ja]]), Qa = g({
2963
3075
  name: "wra-skip-link",
2964
3076
  emits: ["click"],
2965
3077
  methods: {
@@ -3008,13 +3120,13 @@ const Es = /* @__PURE__ */ b(Fs, [["render", Ls]]), Ds = g({
3008
3120
  }
3009
3121
  }
3010
3122
  });
3011
- function js(e, t, a, s, o, l) {
3123
+ function Xa(e, t, s, a, o, l) {
3012
3124
  return i(), n("button", {
3013
- class: f(["skip-link", { "skip-link-full-width": e.fullWidth }]),
3125
+ class: m(["skip-link", { "skip-link-full-width": e.fullWidth }]),
3014
3126
  onClick: t[0] || (t[0] = (r) => e.onClick())
3015
3127
  }, p(e.text), 3);
3016
3128
  }
3017
- const zs = /* @__PURE__ */ b(Ds, [["render", js], ["__scopeId", "data-v-8e4609fc"]]), Rs = g({
3129
+ const xa = /* @__PURE__ */ b(Qa, [["render", Xa], ["__scopeId", "data-v-8e4609fc"]]), er = g({
3018
3130
  name: "wra-snackbar",
3019
3131
  emits: ["update:visible"],
3020
3132
  props: {
@@ -3078,19 +3190,19 @@ const zs = /* @__PURE__ */ b(Ds, [["render", js], ["__scopeId", "data-v-8e4609fc
3078
3190
  };
3079
3191
  }
3080
3192
  }
3081
- }), _s = { class: "snackbar-content" };
3082
- function Ks(e, t, a, s, o, l) {
3083
- return i(), z(Y, { name: "snackbar" }, {
3084
- default: N(() => [
3193
+ }), tr = { class: "snackbar-content" };
3194
+ function sr(e, t, s, a, o, l) {
3195
+ return i(), z(K, { name: "snackbar" }, {
3196
+ default: W(() => [
3085
3197
  e.showSnackbar ? (i(), n("div", {
3086
3198
  key: 0,
3087
3199
  role: "alert",
3088
3200
  "aria-live": "polite",
3089
- class: f(["snackbar snackbar-flex", e.type])
3201
+ class: m(["snackbar snackbar-flex", e.type])
3090
3202
  }, [
3091
- d("div", _s, [
3092
- m(e.$slots, "default", {}, () => [
3093
- B(p(e.label), 1)
3203
+ d("div", tr, [
3204
+ f(e.$slots, "default", {}, () => [
3205
+ M(p(e.label), 1)
3094
3206
  ], !0)
3095
3207
  ]),
3096
3208
  e.showClose ? (i(), n("div", {
@@ -3110,7 +3222,7 @@ function Ks(e, t, a, s, o, l) {
3110
3222
  _: 3
3111
3223
  });
3112
3224
  }
3113
- const Hs = /* @__PURE__ */ b(Rs, [["render", Ks], ["__scopeId", "data-v-d07fa6ea"]]), Us = g({
3225
+ const ar = /* @__PURE__ */ b(er, [["render", sr], ["__scopeId", "data-v-d07fa6ea"]]), rr = g({
3114
3226
  name: "wra-subheader",
3115
3227
  props: {
3116
3228
  /**
@@ -3129,15 +3241,15 @@ const Hs = /* @__PURE__ */ b(Rs, [["render", Ks], ["__scopeId", "data-v-d07fa6ea
3129
3241
  }
3130
3242
  }
3131
3243
  });
3132
- function Gs(e, t, a, s, o, l) {
3244
+ function ir(e, t, s, a, o, l) {
3133
3245
  return i(), n("div", {
3134
3246
  class: "subheader",
3135
3247
  style: D(e.style)
3136
3248
  }, [
3137
- m(e.$slots, "default", {}, void 0, !0)
3249
+ f(e.$slots, "default", {}, void 0, !0)
3138
3250
  ], 4);
3139
3251
  }
3140
- const Ys = /* @__PURE__ */ b(Us, [["render", Gs], ["__scopeId", "data-v-904f5932"]]), Js = g({
3252
+ const nr = /* @__PURE__ */ b(rr, [["render", ir], ["__scopeId", "data-v-904f5932"]]), or = g({
3141
3253
  name: "wra-table",
3142
3254
  props: {
3143
3255
  /**
@@ -3167,9 +3279,9 @@ const Ys = /* @__PURE__ */ b(Us, [["render", Gs], ["__scopeId", "data-v-904f5932
3167
3279
  }
3168
3280
  }
3169
3281
  });
3170
- function Zs(e, t, a, s, o, l) {
3282
+ function lr(e, t, s, a, o, l) {
3171
3283
  return i(), n(y, null, [
3172
- d("table", G({
3284
+ d("table", Y({
3173
3285
  id: "regular",
3174
3286
  class: ["wra-table", {
3175
3287
  "wra-table-inherit": e.inheritBackground,
@@ -3178,10 +3290,10 @@ function Zs(e, t, a, s, o, l) {
3178
3290
  }, e.$attrs), [
3179
3291
  e.caption ? (i(), n("caption", {
3180
3292
  key: 0,
3181
- class: f(["wra-table-caption", { "caption-no-padding": e.inheritBackground }])
3293
+ class: m(["wra-table-caption", { "caption-no-padding": e.inheritBackground }])
3182
3294
  }, [
3183
- m(e.$slots, "caption", {}, () => [
3184
- B(p(e.caption), 1)
3295
+ f(e.$slots, "caption", {}, () => [
3296
+ M(p(e.caption), 1)
3185
3297
  ])
3186
3298
  ], 2)) : c("", !0),
3187
3299
  d("thead", null, [
@@ -3200,7 +3312,7 @@ function Zs(e, t, a, s, o, l) {
3200
3312
  d("tbody", null, [
3201
3313
  (i(!0), n(y, null, V(e.items, (r) => (i(), n("tr", {
3202
3314
  key: r.id,
3203
- class: f({ bold: r.bold })
3315
+ class: m({ bold: r.bold })
3204
3316
  }, [
3205
3317
  (i(!0), n(y, null, V(e.headers, (u) => (i(), n("td", {
3206
3318
  key: u.key,
@@ -3209,7 +3321,7 @@ function Zs(e, t, a, s, o, l) {
3209
3321
  ], 2))), 128))
3210
3322
  ])
3211
3323
  ], 16),
3212
- d("table", G({
3324
+ d("table", Y({
3213
3325
  id: "pivoted",
3214
3326
  class: ["wra-table", {
3215
3327
  "wra-table-inherit": e.inheritBackground,
@@ -3218,10 +3330,10 @@ function Zs(e, t, a, s, o, l) {
3218
3330
  }, e.$attrs), [
3219
3331
  e.caption ? (i(), n("caption", {
3220
3332
  key: 0,
3221
- class: f(["wra-table-caption", { "caption-no-padding": e.inheritBackground }])
3333
+ class: m(["wra-table-caption", { "caption-no-padding": e.inheritBackground }])
3222
3334
  }, [
3223
- m(e.$slots, "caption", {}, () => [
3224
- B(p(e.caption), 1)
3335
+ f(e.$slots, "caption", {}, () => [
3336
+ M(p(e.caption), 1)
3225
3337
  ])
3226
3338
  ], 2)) : c("", !0),
3227
3339
  (i(!0), n(y, null, V(e.items, (r) => (i(), n("tbody", {
@@ -3235,7 +3347,7 @@ function Zs(e, t, a, s, o, l) {
3235
3347
  ], 16)
3236
3348
  ], 64);
3237
3349
  }
3238
- const Qs = /* @__PURE__ */ b(Js, [["render", Zs]]), Xs = g({
3350
+ const dr = /* @__PURE__ */ b(or, [["render", lr]]), ur = g({
3239
3351
  name: "wra-tab",
3240
3352
  props: {
3241
3353
  label: {
@@ -3264,13 +3376,13 @@ const Qs = /* @__PURE__ */ b(Js, [["render", Zs]]), Xs = g({
3264
3376
  }
3265
3377
  }
3266
3378
  });
3267
- function xs(e, t, a, s, o, l) {
3379
+ function pr(e, t, s, a, o, l) {
3268
3380
  return i(), n("button", {
3269
3381
  ref: "tabButton",
3270
- class: f(["tab-button", e.active === !0 && "tab-button--active"])
3382
+ class: m(["tab-button", e.active === !0 && "tab-button--active"])
3271
3383
  }, p(e.label), 3);
3272
3384
  }
3273
- const er = /* @__PURE__ */ b(Xs, [["render", xs], ["__scopeId", "data-v-0417664c"]]), tr = g({
3385
+ const cr = /* @__PURE__ */ b(ur, [["render", pr], ["__scopeId", "data-v-0417664c"]]), hr = g({
3274
3386
  name: "wra-tabs",
3275
3387
  emits: ["update:modelValue"],
3276
3388
  props: {
@@ -3286,7 +3398,7 @@ const er = /* @__PURE__ */ b(Xs, [["render", xs], ["__scopeId", "data-v-0417664c
3286
3398
  }
3287
3399
  },
3288
3400
  components: {
3289
- Tab: er
3401
+ Tab: cr
3290
3402
  },
3291
3403
  data() {
3292
3404
  return {
@@ -3308,27 +3420,27 @@ const er = /* @__PURE__ */ b(Xs, [["render", xs], ["__scopeId", "data-v-0417664c
3308
3420
  created() {
3309
3421
  this.activeTab = this.modelValue;
3310
3422
  }
3311
- }), ar = { class: "tabs" };
3312
- function sr(e, t, a, s, o, l) {
3423
+ }), fr = { class: "tabs" };
3424
+ function mr(e, t, s, a, o, l) {
3313
3425
  const r = L("tab");
3314
- return i(), n("div", ar, [
3426
+ return i(), n("div", fr, [
3315
3427
  (i(!0), n(y, null, V(e.options, (u, h) => (i(), z(r, {
3316
3428
  tabindex: h === 0 ? 0 : -1,
3317
3429
  label: u,
3318
3430
  active: h === e.activeTab,
3319
3431
  focus: h === e.focusTab,
3320
- onClick: (k) => e.onTabClick(h),
3321
- onFocus: (k) => e.focusTab = h,
3432
+ onClick: ($) => e.onTabClick(h),
3433
+ onFocus: ($) => e.focusTab = h,
3322
3434
  onKeydown: [
3323
- S((k) => e.onTabClick(h), ["enter"]),
3324
- S((k) => e.onTabClick(h), ["space"]),
3435
+ S(($) => e.onTabClick(h), ["enter"]),
3436
+ S(($) => e.onTabClick(h), ["space"]),
3325
3437
  S(e.onKeyLeft, ["left"]),
3326
3438
  S(e.onKeyRight, ["right"])
3327
3439
  ]
3328
3440
  }, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
3329
3441
  ]);
3330
3442
  }
3331
- const rr = /* @__PURE__ */ b(tr, [["render", sr], ["__scopeId", "data-v-eef46a08"]]), ir = g({
3443
+ const gr = /* @__PURE__ */ b(hr, [["render", mr], ["__scopeId", "data-v-eef46a08"]]), br = g({
3332
3444
  name: "wra-text-area",
3333
3445
  props: {
3334
3446
  /**
@@ -3379,9 +3491,9 @@ const rr = /* @__PURE__ */ b(tr, [["render", sr], ["__scopeId", "data-v-eef46a08
3379
3491
  validate(e) {
3380
3492
  if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
3381
3493
  for (let t = 0; t < this.rules.length; t++) {
3382
- const a = this.rules[t], s = a(e);
3383
- if (s != !0) {
3384
- this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
3494
+ const s = this.rules[t], a = s(e);
3495
+ if (a != !0) {
3496
+ this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
3385
3497
  break;
3386
3498
  }
3387
3499
  }
@@ -3394,15 +3506,15 @@ const rr = /* @__PURE__ */ b(tr, [["render", sr], ["__scopeId", "data-v-eef46a08
3394
3506
  mounted() {
3395
3507
  this.validate(this.modelValue);
3396
3508
  }
3397
- }), nr = ["for"], or = ["id", "value", "maxlength"], lr = { key: 1 };
3398
- function ur(e, t, a, s, o, l) {
3509
+ }), $r = ["for"], kr = ["id", "value", "maxlength"], yr = { key: 1 };
3510
+ function vr(e, t, s, a, o, l) {
3399
3511
  return i(), n("div", {
3400
- class: f({ error: e.errorMessage })
3512
+ class: m({ error: e.errorMessage })
3401
3513
  }, [
3402
3514
  e.label ? (i(), n("label", {
3403
3515
  key: 0,
3404
3516
  for: String(e.id)
3405
- }, p(e.label), 9, nr)) : c("", !0),
3517
+ }, p(e.label), 9, $r)) : c("", !0),
3406
3518
  d("textarea", {
3407
3519
  rows: "5",
3408
3520
  id: String(e.id),
@@ -3412,12 +3524,12 @@ function ur(e, t, a, s, o, l) {
3412
3524
  return e.validate(((u = r.target) == null ? void 0 : u.value) || "");
3413
3525
  }),
3414
3526
  maxlength: e.maxLength
3415
- }, null, 40, or),
3416
- e.errorMessage ? (i(), n("p", lr, p(e.errorMessage), 1)) : c("", !0)
3527
+ }, null, 40, kr),
3528
+ e.errorMessage ? (i(), n("p", yr, p(e.errorMessage), 1)) : c("", !0)
3417
3529
  ], 2);
3418
3530
  }
3419
- const dr = /* @__PURE__ */ b(ir, [["render", ur], ["__scopeId", "data-v-4bbbf219"]]), pr = R, cr = g({
3420
- directives: { maska: pr },
3531
+ const wr = /* @__PURE__ */ b(br, [["render", vr], ["__scopeId", "data-v-4bbbf219"]]), Sr = _, Vr = g({
3532
+ directives: { maska: Sr },
3421
3533
  name: "wra-text-input",
3422
3534
  props: {
3423
3535
  /**
@@ -3533,9 +3645,9 @@ const dr = /* @__PURE__ */ b(ir, [["render", ur], ["__scopeId", "data-v-4bbbf219
3533
3645
  validate(e) {
3534
3646
  if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
3535
3647
  for (let t = 0; t < this.rules.length; t++) {
3536
- const a = this.rules[t], s = a(e);
3537
- if (s != !0) {
3538
- this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
3648
+ const s = this.rules[t], a = s(e);
3649
+ if (a != !0) {
3650
+ this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
3539
3651
  break;
3540
3652
  }
3541
3653
  }
@@ -3549,16 +3661,16 @@ const dr = /* @__PURE__ */ b(ir, [["render", ur], ["__scopeId", "data-v-4bbbf219
3549
3661
  this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
3550
3662
  },
3551
3663
  emits: ["update:modelValue", "valid"]
3552
- }), hr = ["for"], fr = ["id", "type", "dataMaskaTokens", "value", "inputmode", "placeholder"], mr = { key: 1 };
3553
- function gr(e, t, a, s, o, l) {
3664
+ }), Ir = ["for"], Mr = ["id", "type", "dataMaskaTokens", "value", "inputmode", "placeholder"], Cr = { key: 1 };
3665
+ function Pr(e, t, s, a, o, l) {
3554
3666
  const r = j("maska");
3555
3667
  return i(), n("div", {
3556
- class: f({ error: e.errorMessage })
3668
+ class: m({ error: e.errorMessage })
3557
3669
  }, [
3558
3670
  e.label ? (i(), n("label", {
3559
3671
  key: 0,
3560
3672
  for: e.id
3561
- }, p(e.label), 9, hr)) : c("", !0),
3673
+ }, p(e.label), 9, Ir)) : c("", !0),
3562
3674
  q(d("input", {
3563
3675
  id: e.id,
3564
3676
  type: e.type,
@@ -3570,89 +3682,91 @@ function gr(e, t, a, s, o, l) {
3570
3682
  }),
3571
3683
  inputmode: e.inputmode,
3572
3684
  placeholder: e.placeholder
3573
- }, null, 40, fr), [
3685
+ }, null, 40, Mr), [
3574
3686
  [r, e.dataMaska]
3575
3687
  ]),
3576
- e.errorMessage ? (i(), n("p", mr, p(e.errorMessage), 1)) : c("", !0)
3688
+ e.errorMessage ? (i(), n("p", Cr, p(e.errorMessage), 1)) : c("", !0)
3577
3689
  ], 2);
3578
3690
  }
3579
- const br = /* @__PURE__ */ b(cr, [["render", gr], ["__scopeId", "data-v-066bf72c"]]), kr = {
3580
- WraAppBar: ue,
3691
+ const Tr = /* @__PURE__ */ b(Vr, [["render", Pr], ["__scopeId", "data-v-066bf72c"]]), Br = {
3692
+ WraAppBar: de,
3581
3693
  WraAutocomplete: be,
3582
3694
  WraBanner: ve,
3583
- WraBreadcrumbs: Be,
3695
+ WraBreadcrumbs: Te,
3584
3696
  WraButton: J,
3585
3697
  WraCard: Fe,
3586
- WraCheckbox: Ke,
3698
+ WraCheckbox: He,
3587
3699
  WraCheckboxGroup: Xe,
3588
- WraContentSectionTitle: at,
3589
- WraCustomInput: vt,
3590
- WraDataTable: Dt,
3591
- WraDateInput: Ut,
3592
- WraDialog: na,
3593
- WraDivider: da,
3594
- WraExpansionPanel: ba,
3595
- WraFileUpload: Pa,
3596
- WraFooter: Oa,
3597
- WraHeader: ae,
3598
- WraIcon: Fa,
3599
- WraInset: Da,
3600
- WraNumberInput: Ja,
3601
- WraPagination: es,
3602
- WraPriceInput: ds,
3603
- WraRadioGroup: vs,
3604
- WraSelect: Ts,
3605
- WraServiceLogo: As,
3606
- WraSimpleTable: Es,
3607
- WraSkipLink: zs,
3608
- WraSnackbar: Hs,
3609
- WraSubheader: Ys,
3610
- WraTable: Qs,
3611
- WraTabs: rr,
3612
- WraTextArea: dr,
3613
- WraTextInput: br,
3614
- WraValidationTooltip: se
3615
- }, yr = {
3700
+ WraContentAccordion: ut,
3701
+ WraContentSectionTitle: ft,
3702
+ WraCustomInput: Nt,
3703
+ WraDataTable: Qt,
3704
+ WraDateInput: rs,
3705
+ WraDialog: $s,
3706
+ WraDivider: ws,
3707
+ WraExpansionPanel: Ts,
3708
+ WraFileUpload: js,
3709
+ WraFooter: Rs,
3710
+ WraHeader: se,
3711
+ WraIcon: Ys,
3712
+ WraInset: Qs,
3713
+ WraNumberInput: oa,
3714
+ WraPagination: ca,
3715
+ WraPriceInput: wa,
3716
+ WraRadioGroup: Na,
3717
+ WraSelect: _a,
3718
+ WraServiceLogo: Ga,
3719
+ WraSimpleTable: Za,
3720
+ WraSkipLink: xa,
3721
+ WraSnackbar: ar,
3722
+ WraSubheader: nr,
3723
+ WraTable: dr,
3724
+ WraTabs: gr,
3725
+ WraTextArea: wr,
3726
+ WraTextInput: Tr,
3727
+ WraValidationTooltip: ae
3728
+ }, Wr = {
3616
3729
  install(e) {
3617
- for (const [t, a] of Object.entries(kr))
3618
- e.component(t, a);
3730
+ for (const [t, s] of Object.entries(Br))
3731
+ e.component(t, s);
3619
3732
  }
3620
3733
  };
3621
3734
  export {
3622
- ue as WraAppBar,
3735
+ de as WraAppBar,
3623
3736
  be as WraAutocomplete,
3624
3737
  ve as WraBanner,
3625
- Be as WraBreadcrumbs,
3738
+ Te as WraBreadcrumbs,
3626
3739
  J as WraButton,
3627
3740
  Fe as WraCard,
3628
- Ke as WraCheckbox,
3741
+ He as WraCheckbox,
3629
3742
  Xe as WraCheckboxGroup,
3630
- at as WraContentSectionTitle,
3631
- vt as WraCustomInput,
3632
- Dt as WraDataTable,
3633
- Ut as WraDateInput,
3634
- na as WraDialog,
3635
- da as WraDivider,
3636
- ba as WraExpansionPanel,
3637
- Pa as WraFileUpload,
3638
- Oa as WraFooter,
3639
- ae as WraHeader,
3640
- Fa as WraIcon,
3641
- Da as WraInset,
3642
- Ja as WraNumberInput,
3643
- es as WraPagination,
3644
- ds as WraPriceInput,
3645
- vs as WraRadioGroup,
3646
- Ts as WraSelect,
3647
- As as WraServiceLogo,
3648
- Es as WraSimpleTable,
3649
- zs as WraSkipLink,
3650
- Hs as WraSnackbar,
3651
- Ys as WraSubheader,
3652
- Qs as WraTable,
3653
- rr as WraTabs,
3654
- dr as WraTextArea,
3655
- br as WraTextInput,
3656
- se as WraValidationTooltip,
3657
- yr as default
3743
+ ut as WraContentAccordion,
3744
+ ft as WraContentSectionTitle,
3745
+ Nt as WraCustomInput,
3746
+ Qt as WraDataTable,
3747
+ rs as WraDateInput,
3748
+ $s as WraDialog,
3749
+ ws as WraDivider,
3750
+ Ts as WraExpansionPanel,
3751
+ js as WraFileUpload,
3752
+ Rs as WraFooter,
3753
+ se as WraHeader,
3754
+ Ys as WraIcon,
3755
+ Qs as WraInset,
3756
+ oa as WraNumberInput,
3757
+ ca as WraPagination,
3758
+ wa as WraPriceInput,
3759
+ Na as WraRadioGroup,
3760
+ _a as WraSelect,
3761
+ Ga as WraServiceLogo,
3762
+ Za as WraSimpleTable,
3763
+ xa as WraSkipLink,
3764
+ ar as WraSnackbar,
3765
+ nr as WraSubheader,
3766
+ dr as WraTable,
3767
+ gr as WraTabs,
3768
+ wr as WraTextArea,
3769
+ Tr as WraTextInput,
3770
+ ae as WraValidationTooltip,
3771
+ Wr as default
3658
3772
  };