npm - @wra-gov/vue-components - Versions diffs - 0.22.0 → 0.24.0 - Mend

@wra-gov/vue-components 0.22.0 → 0.24.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.

Files changed (4) hide show

package/dist/index.d.ts +2106 -0
package/dist/vue-components.js +1216 -1154
package/dist/vue-components.umd.cjs +2 -2
package/package.json +12 -3

package/dist/vue-components.js CHANGED Viewed

@@ -1,11 +1,6 @@
-(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;margin-bottom:0}body p{margin-bottom:0}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.11 | 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-dc0e7a07],[data-v-dc0e7a07]:before,[data-v-dc0e7a07]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-dc0e7a07]{background-color:var(--color-wra-charcoal);font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-dc0e7a07]{display:none}}[data-v-5bb9da83],[data-v-5bb9da83]:before,[data-v-5bb9da83]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-5bb9da83]{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-5bb9da83]:disabled{opacity:.3}.autocomplete-input--focus[data-v-5bb9da83]{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-5bb9da83]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-5bb9da83]{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-5bb9da83]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-5bb9da83]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-5bb9da83]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-5bb9da83]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-5bb9da83]{background:var(--color-wra-blue);color:#fff}.autocomplete-item-not-clickable[data-v-5bb9da83]{cursor:not-allowed}.autocomplete[data-v-5bb9da83]{position:relative}[data-v-94b786a8],[data-v-94b786a8]:before,[data-v-94b786a8]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-94b786a8]{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-94b786a8]{background-color:var(--color-wra-yellow)}.new-service[data-v-94b786a8] a{color:var(--color-wra-black)}.new-service[data-v-94b786a8] 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-94b786a8]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}.wra-banner-close[data-v-94b786a8]{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-94b786a8]:hover{opacity:.6;transition:all .3s ease}.wra-banner-close[data-v-94b786a8]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black)}.wra-banner-close[data-v-94b786a8]:focus:hover{opacity:1}.closable-padding[data-v-94b786a8]{padding-right:44px}@media print{.hidden-print[data-v-94b786a8]{display:none}}[data-v-26b6a965],[data-v-26b6a965]:before,[data-v-26b6a965]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-26b6a965]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-26b6a965]{font-size:16px}.wra-breadcrumbs-item[data-v-26b6a965]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-26b6a965]{display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link--disabled[data-v-26b6a965]{color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link[data-v-26b6a965]{text-decoration:none;font-weight:700;color:var(--color-wra-revenue)}.wra-breadcrumbs-link[data-v-26b6a965]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-26b6a965]:focus{opacity:1;color:var(--color-wra-black)}.wra-breadcrumbs-chevron[data-v-26b6a965]{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-b8b8bfe8]{color:#fff;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-b8b8bfe8]:hover{background-color:var(--color-wra-dark-grey);transition:all .3s ease}button[data-v-b8b8bfe8]: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-b8b8bfe8]:disabled{cursor:not-allowed;opacity:.7;background-color:var(--color-wra-charcoal)}button[data-v-b8b8bfe8]:disabled:hover{opacity:.7;background-color:var(--color-wra-charcoal)}button.outlined-button[data-v-b8b8bfe8]:disabled{color:#fff}.icon[data-v-b8b8bfe8]{display:flex;align-items:center;justify-content:center}.prepend-icon-wrapper[data-v-b8b8bfe8]{margin-right:8px}.append-icon-wrapper[data-v-b8b8bfe8]{margin-left:8px}.wra-black[data-v-b8b8bfe8]{background-color:var(--color-wra-black)}.wra-black[data-v-b8b8bfe8]:hover{background-color:var(--color-wra-dark-grey)}.wra-blue[data-v-b8b8bfe8]{background-color:var(--color-wra-blue)}.wra-blue[data-v-b8b8bfe8]:hover{background-color:#3571b1}.wra-red[data-v-b8b8bfe8]{background-color:var(--color-wra-red)}.wra-red[data-v-b8b8bfe8]:hover{background-color:#d81f1f}.wra-green[data-v-b8b8bfe8]{background-color:var(--color-wra-green)}.wra-green[data-v-b8b8bfe8]:hover{background-color:#008a19}.wra-revenue[data-v-b8b8bfe8]{background-color:var(--color-wra-revenue)}.wra-revenue[data-v-b8b8bfe8]:hover{background-color:#55507b}.wra-white[data-v-b8b8bfe8]{background-color:#fff;color:var(--color-wra-black);outline:2px solid var(--color-wra-black)}.wra-white[data-v-b8b8bfe8]:hover{background-color:var(--color-wra-grey)}.wra-white[data-v-b8b8bfe8]:disabled{color:#fff}.default-button[data-v-b8b8bfe8]{font-size:16px;padding:10px 20px;line-height:24px}.small-button[data-v-b8b8bfe8]{font-size:14px;padding:5px 15px;line-height:24px}.outlined-button[data-v-b8b8bfe8]{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-b8b8bfe8]: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-7de2c8b6]{background-color:var(--color-wra-light-grey);padding:20px 24px}.checkbox-label[data-v-ad0c7146]{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-ad0c7146]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-ad0c7146]{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-ad0c7146]: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-ad0c7146]:checked:before{transform:scale(1)}.checkbox-input[data-v-ad0c7146]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-ad0c7146]:focus-visible{outline-offset:0px}.checkbox-text[data-v-ad0c7146]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-ad0c7146]{font-size:14px}p[data-v-ad0c7146]{margin:0}.checkbox[data-v-c51ef964]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-c51ef964]{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-c51ef964]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-c51ef964]{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-c51ef964]: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-c51ef964]:checked:before{transform:scale(1)}.checkbox-input[data-v-c51ef964]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-c51ef964]:focus-visible{outline-offset:0px}.checkbox-text[data-v-c51ef964]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-c51ef964]{font-size:14px}p[data-v-c51ef964]{margin:0}.content-section-title[data-v-c737967a]{border-bottom:2px solid var(--color-wra-grey);border-top:10px solid var(--color-wra-grey);padding-bottom:20px;padding-top:30px}[data-v-5b640ba7],[data-v-5b640ba7]:before,[data-v-5b640ba7]:after{box-sizing:border-box}.input-wrapper[data-v-5b640ba7]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-5b640ba7]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-5b640ba7]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-5b640ba7]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-5b640ba7]{padding:10px 6px}.padding-for-no-prefix[data-v-5b640ba7]{padding:10px}.input-wrapper[data-v-5b640ba7]: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-5b640ba7]{border:none}label[data-v-5b640ba7]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-5b640ba7]{margin-top:10px;padding:10px;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-2cdb0a4c]{font-weight:700}.wra-data-table-caption[data-v-2cdb0a4c]{background-color:inherit;text-align:left;padding:0 0 16px;font-weight:700;font-size:20px}.wra-data-table[data-v-2cdb0a4c]{width:100%;border-spacing:0;line-height:20px;padding:0;table-layout:auto}.wra-data-table>thead>tr>th[data-v-2cdb0a4c]{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-data-table>tbody>tr>td[data-v-2cdb0a4c],.wra-data-table>tbody>tr>th[data-v-2cdb0a4c]{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-data-table td[data-v-2cdb0a4c],.wra-data-table th[data-v-2cdb0a4c]{padding:16px}.wra-data-table>thead>tr>th[data-v-2cdb0a4c]:first-child,.wra-data-table>tbody>tr>td[data-v-2cdb0a4c]:first-child{padding-left:0}.wra-data-table>thead>tr>th[data-v-2cdb0a4c]:last-child,.wra-data-table>tbody>tr>td[data-v-2cdb0a4c]:last-child{padding-right:0}.column-search-input[data-v-2cdb0a4c]{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-2cdb0a4c]: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-2cdb0a4c]{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-2cdb0a4c]:hover{opacity:.8;transition:all .3s ease}button[data-v-2cdb0a4c]: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-2cdb0a4c]:focus:hover{opacity:1}.wra-chevron[data-v-2cdb0a4c]{content:" ";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.wra-chevron-right[data-v-2cdb0a4c]{border:solid #ffffff;border-width:3px 3px 0px 0px}.wra-chevron-left[data-v-2cdb0a4c]{border:solid #ffffff;border-width:0px 0px 3px 3px}.wra-chevron-up[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:3px 0px 0px 3px;margin-left:4px;margin-top:3px}.wra-chevron-down[data-v-2cdb0a4c]{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-2cdb0a4c]{border:solid var(--color-wra-black);border-width:3px 3px 0px 0px}button:focus>.wra-chevron-left[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:0px 0px 3px 3px}.clickable[data-v-2cdb0a4c]{cursor:pointer}tbody.clickable[data-v-2cdb0a4c]:hover{background-color:var(--color-wra-light-grey)}.sort-icons[data-v-2cdb0a4c]{visibility:hidden;opacity:.4}th:hover .sort-icons[data-v-2cdb0a4c]{visibility:visible}.text-left[data-v-2cdb0a4c]{text-align:left}.text-right[data-v-2cdb0a4c]{text-align:right}.text-center[data-v-2cdb0a4c]{text-align:center}.pagination[data-v-2cdb0a4c]{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0}.pagination button[data-v-2cdb0a4c]{margin-left:10px}.disable-button[data-v-2cdb0a4c]{opacity:.4}.disable-button[data-v-2cdb0a4c]:hover{opacity:.4;cursor:default}.loader[data-v-2cdb0a4c]{width:40px;height:40px;border:5px solid grey;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-2cdb0a4c 1s linear infinite}@keyframes rotation-2cdb0a4c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-015240fd],[data-v-015240fd]:before,[data-v-015240fd]:after{box-sizing:border-box}input[data-v-015240fd]{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-015240fd]: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-015240fd]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-015240fd]{margin-top:10px;padding:10px;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-6feb6611]{font-weight:700}h1[data-v-6feb6611]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-6feb6611]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-6feb6611]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-6feb6611]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-6feb6611]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-6feb6611]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}@media (max-width: 600px){h1[data-v-6feb6611]{margin:0;font-size:34px;letter-spacing:-.05rem;line-height:38px}h2[data-v-6feb6611]{margin:0;font-size:28px;letter-spacing:-.04rem;line-height:32px}h3[data-v-6feb6611]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h4[data-v-6feb6611]{margin:0;font-size:20px;letter-spacing:-.03rem;line-height:24px}h5[data-v-6feb6611]{margin:0;font-size:18px;letter-spacing:-.02rem;line-height:22px}h6[data-v-6feb6611]{margin:0;font-size:14px;letter-spacing:-.01rem;line-height:18px}}.dialog-class[data-v-7b5e24d0]{z-index:9999}.dialog-content[data-v-7b5e24d0]{min-width:300px;max-width:90vw;text-align:center}.dialog-buttons[data-v-7b5e24d0]{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-adda45c5]{margin:0}.wra-divider[data-v-adda45c5]{border:3px solid var(--color-wra-grey)}.wra-divider-large[data-v-adda45c5]{border:4px solid var(--color-wra-grey)}.wra-divider-small[data-v-adda45c5]{border:2px solid var(--color-wra-grey)}.panel-icon[data-v-4cb2edc7]{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-4cb2edc7]{margin-left:8px}.show-panel-icon[data-v-4cb2edc7]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-4cb2edc7]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-4cb2edc7]{display:flex;justify-content:space-between}button[data-v-4cb2edc7]{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-4cb2edc7]:hover{opacity:.8}button[data-v-4cb2edc7]: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-4cb2edc7]:focus:hover{opacity:1}.panel-content[data-v-4cb2edc7]{display:grid;border-left:2px solid var(--color-wra-mid-grey);background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-4cb2edc7]{overflow:hidden}.slide-fade-enter-active[data-v-4cb2edc7],.slide-fade-leave-active[data-v-4cb2edc7]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-4cb2edc7],.slide-fade-leave-to[data-v-4cb2edc7]{grid-template-rows:0fr}.validation-tooltip[data-v-04d7c0aa]{display:flex;align-items:flex-start;color:var(--color-wra-black);border-radius:0;font-size:18px;padding:25px}.wra-error[data-v-04d7c0aa]{background-color:var(--color-wra-light-red);border-left:10px solid var(--color-wra-red)}.wra-success[data-v-04d7c0aa]{background-color:var(--color-wra-light-green);border-left:10px solid var(--color-wra-green)}.wra-info[data-v-04d7c0aa]{background-color:var(--color-wra-light-blue);border-left:10px solid var(--color-wra-blue)}.wra-warning[data-v-04d7c0aa]{background-color:var(--color-wra-light-yellow);border-left:10px solid var(--color-wra-yellow)}.icon[data-v-04d7c0aa]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-icon-wrapper[data-v-04d7c0aa]{margin-right:12px}.file-upload-wrapper[data-v-da8c427f]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-da8c427f]{display:none}.file-upload-label[data-v-da8c427f]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-da8c427f]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-da8c427f]{margin-bottom:16px}.file-upload-error-text[data-v-da8c427f]{margin-block:0px;font-size:16px}.file-upload-error-box>.file-upload-error-text[data-v-da8c427f]{margin-bottom:1rem}.file-upload-error-box>.file-upload-error-text[data-v-da8c427f]:last-child{margin-bottom:0rem}.error-enter-active[data-v-da8c427f],.error-leave-active[data-v-da8c427f]{transition:opacity .3s ease-out}.error-enter-from[data-v-da8c427f],.error-leave-to[data-v-da8c427f]{opacity:0}.wra-footer[data-v-f78a0985]{flex-grow:0;background-color:var(--color-wra-light-grey);padding:70px 20px 40px}@media print{.hidden-print[data-v-f78a0985]{display:none}}.wra-inset[data-v-f32082c4]{font-size:16px;padding:20px;border-left-width:10px;border-left-style:solid}.wra-inset.wra-revenue[data-v-f32082c4]{border-left-color:var(--color-wra-revenue)}.wra-inset.wra-charcoal[data-v-f32082c4]{border-left-color:var(--color-wra-charcoal)}.wra-inset.wra-red[data-v-f32082c4]{border-left-color:var(--color-wra-red)}.wra-inset.wra-blue[data-v-f32082c4]{border-left-color:var(--color-wra-blue)}.wra-inset.wra-green[data-v-f32082c4]{border-left-color:var(--color-wra-green)}.wra-inset.wra-yellow[data-v-f32082c4]{border-left-color:var(--color-wra-yellow)}[data-v-93248f45],[data-v-93248f45]:before,[data-v-93248f45]:after{box-sizing:border-box}.input-wrapper[data-v-93248f45]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-93248f45]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-93248f45]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-93248f45]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-93248f45]{padding:10px 6px}.padding-for-no-prefix[data-v-93248f45]{padding:10px}.input-wrapper[data-v-93248f45]: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-93248f45]{border:none}label[data-v-93248f45]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-93248f45]{margin-top:10px;padding:10px;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-b8adcc77]{background-color:transparent;color:var(--color-wra-revenue);font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button[data-v-b8adcc77]>*:first-child{margin-right:8px}.pagination-button[data-v-b8adcc77]:hover,.pagination-number[data-v-b8adcc77]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-b8adcc77]:focus,.pagination-number[data-v-b8adcc77]: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-b8adcc77]:focus:hover,.pagination-number[data-v-b8adcc77]:focus:hover{opacity:1}.pagination-number[data-v-b8adcc77]{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-b8adcc77]:hover{color:var(--color-wra-black);opacity:.8}.pagination-number--selected[data-v-b8adcc77]{background-color:var(--color-wra-revenue);color:#fff}.pagination-number--selected[data-v-b8adcc77]:hover:not(:focus){color:#fff}.pagination-divider[data-v-b8adcc77]{font-size:18px}.pagination[data-v-b8adcc77]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-b8adcc77]{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-b8adcc77]{border-width:3px 3px 0px 0px}.next-icon[data-v-b8adcc77]{border-width:0px 0px 3px 3px}[data-v-e66a36da],[data-v-e66a36da]:before,[data-v-e66a36da]:after{box-sizing:border-box}.input-wrapper[data-v-e66a36da]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-e66a36da]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-e66a36da]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-e66a36da]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-e66a36da]{padding:10px 6px}.padding-for-no-prefix[data-v-e66a36da]{padding:10px}.input-wrapper[data-v-e66a36da]: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-e66a36da]{border:none}label[data-v-e66a36da]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-e66a36da]{margin-top:10px;padding:10px;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-d18916d1]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;display:grid;grid-template-columns:20px auto}.radio-label[data-v-d18916d1]:hover{background:var(--color-wra-mid-grey)}.radio-input[data-v-d18916d1]{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-d18916d1]: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-d18916d1]:checked:before{transform:scale(1)}.radio-input[data-v-d18916d1]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.radio-input[data-v-d18916d1]:focus-visible{outline-offset:0px}.radio-text[data-v-d18916d1]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-d18916d1]{font-size:14px}p[data-v-d18916d1]{margin:0}.radio[data-v-b72f445c]:not(:last-child):not(:only-child){margin-bottom:8px}[data-v-e700f97c],[data-v-e700f97c]:before,[data-v-e700f97c]:after{box-sizing:border-box}select[data-v-e700f97c]{-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-e700f97c]{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-e700f97c]: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-e700f97c],.select[data-v-e700f97c]:after{grid-area:select}select:focus+.focus[data-v-e700f97c]{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-e700f97c]{color:var(--color-wra-black);font-size:16px}.service-logo[data-v-c9a7cc51]{max-width:100%}.service-link[data-v-c9a7cc51]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-c9a7cc51]: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-7a92cb77]: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-7a92cb77]{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-7a92cb77]: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-7a92cb77]{width:100%;text-align:left}.skip-link-full-width[data-v-7a92cb77]:focus{outline-width:0px;border-width:0px}[data-v-778a02a7],[data-v-778a02a7]:before,[data-v-778a02a7]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-778a02a7]{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-778a02a7]{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-778a02a7]{width:80%}}.snackbar-content[data-v-778a02a7]{text-wrap:wrap}.close-icon-wrapper[data-v-778a02a7]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-778a02a7]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-778a02a7]: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-778a02a7]:focus:hover{opacity:1}.close-icon-line-one[data-v-778a02a7]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-778a02a7]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-778a02a7]{background-color:var(--color-wra-light-red);border-color:var(--color-wra-red)}.wra-success[data-v-778a02a7]{background-color:var(--color-wra-light-green);border-color:var(--color-wra-green)}.wra-info[data-v-778a02a7]{background-color:var(--color-wra-light-blue);border-color:var(--color-wra-blue)}.wra-warning[data-v-778a02a7]{background-color:var(--color-wra-light-yellow);border-color:var(--color-wra-yellow)}.sr-only[data-v-778a02a7]{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-778a02a7],.snackbar-leave-active[data-v-778a02a7]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-778a02a7],.snackbar-leave-to[data-v-778a02a7]{opacity:0}.subheader[data-v-8d2c773f]{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-90cdb825]{box-sizing:border-box;border:none}.tab-button[data-v-90cdb825]{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-90cdb825]:hover:not(.tab-button--active){background:var(--color-wra-mid-blue);color:#fff}.tab-button.tab-button--active[data-v-90cdb825]: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-90cdb825]{background:#fff;color:var(--color-wra-black);border-top:6px solid var(--color-wra-mid-grey)}.tab-button[data-v-90cdb825]: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-90cdb825]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-a505540c]{background-color:var(--color-wra-blue);width:100%}[data-v-34ec88e9],[data-v-34ec88e9]:before,[data-v-34ec88e9]:after{box-sizing:border-box}textarea[data-v-34ec88e9]{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-34ec88e9]: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-34ec88e9]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-34ec88e9]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}[data-v-bbfa1a0a],[data-v-bbfa1a0a]:before,[data-v-bbfa1a0a]:after{box-sizing:border-box}input[data-v-bbfa1a0a]{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-bbfa1a0a]: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-bbfa1a0a]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-bbfa1a0a]{margin-top:10px;padding:10px;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)}})();
-import { createElementBlock as o, openBlock as l, normalizeClass as m, renderSlot as p, createCommentVNode as f, withDirectives as O, toDisplayString as c, createElementVNode as u, withKeys as w, withModifiers as B, vModelText as Q, Fragment as y, renderList as S, vShow as re, resolveDirective as q, createTextVNode as M, normalizeStyle as E, resolveComponent as N, createBlock as L, Teleport as ie, createVNode as F, withCtx as T, Transition as H, mergeProps as G } from "vue";
-const g = (t, a) => {
-  const e = t.__vccOpts || t;
-  for (const [r, n] of a)
-    e[r] = n;
-  return e;
-}, ne = {
+(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;margin-bottom:0}body p{margin-bottom:0}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-c6c55768],[data-v-c6c55768]:before,[data-v-c6c55768]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-c6c55768]{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-c6c55768]:disabled{opacity:.3}.autocomplete-input--focus[data-v-c6c55768]{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-c6c55768]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-c6c55768]{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-c6c55768]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-c6c55768]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-c6c55768]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-c6c55768]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-c6c55768]{background:var(--color-wra-blue);color:#fff}.autocomplete-item-not-clickable[data-v-c6c55768]{cursor:not-allowed}.autocomplete[data-v-c6c55768]{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-01eb117c]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-01eb117c]{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-01eb117c]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-01eb117c]{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-01eb117c]: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-01eb117c]:checked:before{transform:scale(1)}.checkbox-input[data-v-01eb117c]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-01eb117c]:focus-visible{outline-offset:0px}.checkbox-text[data-v-01eb117c]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-01eb117c]{font-size:14px}p[data-v-01eb117c]{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-ab1cc940],[data-v-ab1cc940]:before,[data-v-ab1cc940]:after{box-sizing:border-box}.input-wrapper[data-v-ab1cc940]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-ab1cc940]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-ab1cc940]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-ab1cc940]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-ab1cc940]{padding:10px 6px}.padding-for-no-prefix[data-v-ab1cc940]{padding:10px}.input-wrapper[data-v-ab1cc940]: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-ab1cc940]{border:none}label[data-v-ab1cc940]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-ab1cc940]{margin-top:10px;padding:10px;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-ce2c389d]{font-weight:700}.wra-data-table-caption[data-v-ce2c389d]{background-color:inherit;text-align:left;padding:0 0 16px;font-weight:700;font-size:20px}.wra-data-table[data-v-ce2c389d]{width:100%;border-spacing:0;line-height:20px;padding:0;table-layout:auto}.wra-data-table>thead>tr>th[data-v-ce2c389d]{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-data-table>tbody>tr>td[data-v-ce2c389d],.wra-data-table>tbody>tr>th[data-v-ce2c389d]{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-data-table td[data-v-ce2c389d],.wra-data-table th[data-v-ce2c389d]{padding:16px}.wra-data-table>thead>tr>th[data-v-ce2c389d]:first-child,.wra-data-table>tbody>tr>td[data-v-ce2c389d]:first-child{padding-left:0}.wra-data-table>thead>tr>th[data-v-ce2c389d]:last-child,.wra-data-table>tbody>tr>td[data-v-ce2c389d]:last-child{padding-right:0}.column-search-input[data-v-ce2c389d]{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-ce2c389d]: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-ce2c389d]{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-ce2c389d]:hover{opacity:.8;transition:all .3s ease}button[data-v-ce2c389d]: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-ce2c389d]:focus:hover{opacity:1}.wra-chevron[data-v-ce2c389d]{content:" ";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.wra-chevron-right[data-v-ce2c389d]{border:solid #ffffff;border-width:3px 3px 0px 0px}.wra-chevron-left[data-v-ce2c389d]{border:solid #ffffff;border-width:0px 0px 3px 3px}.wra-chevron-up[data-v-ce2c389d]{border:solid var(--color-wra-black);border-width:3px 0px 0px 3px;margin-left:4px;margin-top:3px}.wra-chevron-down[data-v-ce2c389d]{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-ce2c389d]{border:solid var(--color-wra-black);border-width:3px 3px 0px 0px}button:focus>.wra-chevron-left[data-v-ce2c389d]{border:solid var(--color-wra-black);border-width:0px 0px 3px 3px}.clickable[data-v-ce2c389d]{cursor:pointer}tbody.clickable[data-v-ce2c389d]:hover{background-color:var(--color-wra-light-grey)}.sort-icons[data-v-ce2c389d]{visibility:hidden;opacity:.4}th:hover .sort-icons[data-v-ce2c389d]{visibility:visible}.text-left[data-v-ce2c389d]{text-align:left}.text-right[data-v-ce2c389d]{text-align:right}.text-center[data-v-ce2c389d]{text-align:center}.pagination[data-v-ce2c389d]{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0}.pagination button[data-v-ce2c389d]{margin-left:10px}.disable-button[data-v-ce2c389d]{opacity:.4}.disable-button[data-v-ce2c389d]:hover{opacity:.4;cursor:default}.loader[data-v-ce2c389d]{width:40px;height:40px;border:5px solid grey;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-ce2c389d 1s linear infinite}@keyframes rotation-ce2c389d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-49969f70],[data-v-49969f70]:before,[data-v-49969f70]:after{box-sizing:border-box}input[data-v-49969f70]{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-49969f70]: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-49969f70]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-49969f70]{margin-top:10px;padding:10px;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-391271cf]{display:flex;align-items:flex-start;color:var(--color-wra-black);border-radius:0;font-size:18px;padding:25px}.wra-error[data-v-391271cf]{background-color:var(--color-wra-light-red);border-left:10px solid var(--color-wra-red)}.wra-success[data-v-391271cf]{background-color:var(--color-wra-light-green);border-left:10px solid var(--color-wra-green)}.wra-info[data-v-391271cf]{background-color:var(--color-wra-light-blue);border-left:10px solid var(--color-wra-blue)}.wra-warning[data-v-391271cf]{background-color:var(--color-wra-light-yellow);border-left:10px solid var(--color-wra-yellow)}.icon[data-v-391271cf]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-icon-wrapper[data-v-391271cf]{margin-right:12px}.file-upload-wrapper[data-v-b5c85208]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-b5c85208]{display:none}.file-upload-label[data-v-b5c85208]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-b5c85208]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-b5c85208]{margin-bottom:16px}.file-upload-error-text[data-v-b5c85208]{margin-block:0px;font-size:16px}.file-upload-error-box>.file-upload-error-text[data-v-b5c85208]{margin-bottom:1rem}.file-upload-error-box>.file-upload-error-text[data-v-b5c85208]:last-child{margin-bottom:0rem}.error-enter-active[data-v-b5c85208],.error-leave-active[data-v-b5c85208]{transition:opacity .3s ease-out}.error-enter-from[data-v-b5c85208],.error-leave-to[data-v-b5c85208]{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-4bc18423],[data-v-4bc18423]:before,[data-v-4bc18423]:after{box-sizing:border-box}.input-wrapper[data-v-4bc18423]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-4bc18423]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-4bc18423]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-4bc18423]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-4bc18423]{padding:10px 6px}.padding-for-no-prefix[data-v-4bc18423]{padding:10px}.input-wrapper[data-v-4bc18423]: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-4bc18423]{border:none}label[data-v-4bc18423]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-4bc18423]{margin-top:10px;padding:10px;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-7d92a809],[data-v-7d92a809]:before,[data-v-7d92a809]:after{box-sizing:border-box}.input-wrapper[data-v-7d92a809]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-7d92a809]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-7d92a809]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-7d92a809]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-7d92a809]{padding:10px 6px}.padding-for-no-prefix[data-v-7d92a809]{padding:10px}.input-wrapper[data-v-7d92a809]: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-7d92a809]{border:none}label[data-v-7d92a809]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-7d92a809]{margin-top:10px;padding:10px;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-4a565a05]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;display:grid;grid-template-columns:20px auto}.radio-label[data-v-4a565a05]:hover{background:var(--color-wra-mid-grey)}.radio-input[data-v-4a565a05]{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-4a565a05]: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-4a565a05]:checked:before{transform:scale(1)}.radio-input[data-v-4a565a05]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.radio-input[data-v-4a565a05]:focus-visible{outline-offset:0px}.radio-text[data-v-4a565a05]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-4a565a05]{font-size:14px}p[data-v-4a565a05]{margin:0}.radio[data-v-32c5746a]: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-31386f32]{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-d68660c7]{box-sizing:border-box;border:none}.tab-button[data-v-d68660c7]{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-d68660c7]:hover:not(.tab-button--active){background:var(--color-wra-mid-blue);color:#fff}.tab-button.tab-button--active[data-v-d68660c7]: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-d68660c7]{background:#fff;color:var(--color-wra-black);border-top:6px solid var(--color-wra-mid-grey)}.tab-button[data-v-d68660c7]: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-d68660c7]{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-c1205688],[data-v-c1205688]:before,[data-v-c1205688]:after{box-sizing:border-box}textarea[data-v-c1205688]{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-c1205688]: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-c1205688]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-c1205688]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}[data-v-2d4536b4],[data-v-2d4536b4]:before,[data-v-2d4536b4]:after{box-sizing:border-box}input[data-v-2d4536b4]{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-2d4536b4]: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-2d4536b4]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-2d4536b4]{margin-top:10px;padding:10px;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)}})();
+import { defineComponent as g, createElementBlock as n, openBlock as i, normalizeClass as f, renderSlot as m, createCommentVNode as h, withDirectives as q, toDisplayString as p, createElementVNode as u, withKeys as S, withModifiers as W, vModelText as x, Fragment as $, renderList as V, vShow as ie, resolveDirective as D, createTextVNode as B, normalizeStyle as j, nextTick as ne, resolveComponent as E, createBlock as z, Teleport as oe, createVNode as F, withCtx as N, Transition as G, mergeProps as J } from "vue";
+const le = g({
   name: "wra-app-bar",
   props: {
     /**
@@ -16,17 +11,22 @@ const g = (t, a) => {
       default: !1
     }
   }
+}), b = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [s, o] of t)
+    a[s] = o;
+  return a;
 };
-function le(t, a, e, r, n, s) {
-  return l(), o("div", {
-    class: m(["wra-app-bar", {
+function ue(e, t, a, s, o, l) {
+  return i(), n("div", {
+    class: f(["wra-app-bar", {
       "hidden-print": e.hiddenPrint === !0
     }])
   }, [
-    p(t.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const oe = /* @__PURE__ */ g(ne, [["render", le], ["__scopeId", "data-v-dc0e7a07"]]), ue = {
+const de = /* @__PURE__ */ b(le, [["render", ue], ["__scopeId", "data-v-a67304e8"]]), pe = g({
   name: "wra-autocomplete",
   emits: ["update:modelValue"],
   props: {
@@ -43,7 +43,7 @@ const oe = /* @__PURE__ */ g(ne, [["render", le], ["__scopeId", "data-v-dc0e7a07
     },
     /** Options for autocomplete list */
     options: {
-      type: Object,
+      type: Array,
       required: !0
     },
     /** Change the default object name for the data */
@@ -67,69 +67,77 @@ const oe = /* @__PURE__ */ g(ne, [["render", le], ["__scopeId", "data-v-dc0e7a07
       default: !1
     }
   },
-  data: () => ({
-    userInput: {},
-    hasFocus: !1,
-    listHasFocus: !1,
-    optionIndex: null,
-    validatedOptions: []
-  }),
+  data() {
+    return {
+      userInput: {},
+      hasFocus: !1,
+      listHasFocus: !1,
+      optionIndex: null,
+      validatedOptions: []
+    };
+  },
   methods: {
+    /** Handle typing in the input field */
     onInputTyping() {
       this.optionIndex = null, this.userInput[this.optionValue] = this.getInputValue, this.$emit("update:modelValue", this.userInput);
     },
-    onOptionSelect(t) {
-      (t == null ? void 0 : t.clickable) !== !1 && (this.userInput = t, this.userInput = Object.assign({}, t), this.$emit("update:modelValue", this.userInput));
+    /** Handle selecting an option from the list */
+    onOptionSelect(e) {
+      (e == null ? void 0 : e.clickable) !== !1 && (this.userInput = Object.assign({}, e), this.$emit("update:modelValue", this.userInput));
     },
+    /** Handle blur event on the input */
     onBlur() {
       this.listHasFocus === !1 && (this.hasFocus = !1);
     },
-    onOptionBlur(t) {
-      t === this.optionIndex && (this.hasFocus = !1, this.listHasFocus = !1);
+    /** Handle blur event on an option */
+    onOptionBlur(e) {
+      e === this.optionIndex && (this.hasFocus = !1, this.listHasFocus = !1);
     },
+    /** Handle up arrow key navigation */
     onUpKey() {
       if (!(this.optionsHasMatches === !1 || this.showOptions === !1)) {
         if (this.optionIndex === 0)
           this.optionIndex = null, this.listHasFocus = !1, this.$refs.autocompleteInput.focus();
-        else if (this.optionIndex > 0) {
+        else if (this.optionIndex !== null && this.optionIndex > 0) {
           this.optionIndex--, this.listHasFocus = !0;
-          const t = `option${this.optionIndex}`;
-          this.$refs[t][0].focus();
+          const e = `option${this.optionIndex}`, t = this.$refs[e][0];
+          t && t.focus();
         }
       }
     },
+    /** Handle down arrow key navigation */
     onDownKey() {
       if (this.optionsHasMatches === !1 || this.showOptions === !1)
         return;
       this.optionIndex === null ? this.optionIndex = 0 : this.optionIndex < this.filterOptions.length - 1 && this.optionIndex++, this.listHasFocus = !0;
-      const t = `option${this.optionIndex}`;
-      this.$refs[t][0].focus();
+      const e = `option${this.optionIndex}`, t = this.$refs[e][0];
+      t && t.focus();
     }
   },
   computed: {
     showOptions() {
-      const t = this.validatedOptions.some(
-        (r) => r[this.optionLabel] === this.userInput[this.optionLabel]
-      ), a = this.userInput[this.optionLabel].length >= this.minLength;
-      return t !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || a === !0);
+      const e = this.validatedOptions.some(
+        (s) => s[this.optionLabel] === this.userInput[this.optionLabel]
+      ), t = (this.userInput[this.optionLabel] || "").length >= this.minLength;
+      return e !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || t === !0);
     },
     filterOptions() {
-      const t = this.validatedOptions.filter(
-        (a) => a.label.toLowerCase().includes(this.getInputValue)
+      const e = this.validatedOptions.filter(
+        (t) => (t[this.optionLabel] || "").toLowerCase().includes(this.getInputValue)
       );
-      return t.length > 0 ? t : this.autoExpand === !0 ? this.validatedOptions : (t.push({
+      return e.length > 0 ? e : this.autoExpand === !0 ? this.validatedOptions : (e.push({
         [this.optionLabel]: "No results found",
         [this.optionValue]: "",
         clickable: !1
-      }), t);
+      }), e);
     },
     optionsHasMatches() {
       return this.filterOptions.every(
-        (t) => Object.hasOwn(t, "clickable") ? t.clickable === !0 : !0
+        (e) => Object.hasOwn(e, "clickable") ? e.clickable === !0 : !0
       );
     },
     getInputValue() {
-      return this.userInput[this.optionLabel].toLowerCase();
+      return (this.userInput[this.optionLabel] || "").toLowerCase();
     }
   },
   created() {
@@ -141,73 +149,73 @@ const oe = /* @__PURE__ */ g(ne, [["render", le], ["__scopeId", "data-v-dc0e7a07
   },
   watch: {
     options: {
-      handler(t) {
-        this.validatedOptions = t ?? [];
+      handler(e) {
+        this.validatedOptions = e ?? [];
       },
       immediate: !0
     }
   }
-}, de = { class: "autocomplete" }, ce = ["for"], he = ["aria-expanded", "aria-activedescendant", "id"], fe = {
+}), ce = { class: "autocomplete" }, he = ["for"], fe = ["aria-expanded", "aria-activedescendant", "id"], me = {
   role: "listbox",
   id: "autocomplete-list",
   class: "autocomplete-list"
-}, me = ["id", "aria-selected", "onMousedown", "onKeydown", "onBlur"];
-function pe(t, a, e, r, n, s) {
-  return l(), o("div", de, [
-    e.label ? (l(), o("label", {
+}, ge = ["id", "aria-selected", "onMousedown", "onKeydown", "onBlur"];
+function be(e, t, a, s, o, l) {
+  return i(), n("div", ce, [
+    e.label ? (i(), n("label", {
       key: 0,
       for: e.id,
       class: "autocomplete-label"
-    }, c(e.label), 9, ce)) : f("", !0),
-    O(u("input", {
+    }, p(e.label), 9, he)) : h("", !0),
+    q(u("input", {
       inputmode: "text",
       ref: "autocompleteInput",
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => t.userInput[e.optionLabel] = i),
+      "onUpdate:modelValue": t[0] || (t[0] = (r) => e.userInput[e.optionLabel] = r),
       role: "combobox",
       "aria-autocomplete": "list",
-      "aria-expanded": s.showOptions.toString(),
+      "aria-expanded": e.showOptions,
       "aria-controls": "autocomplete-list",
-      "aria-activedescendant": t.optionIndex !== null ? `option${t.optionIndex}` : void 0,
+      "aria-activedescendant": e.optionIndex !== null ? `option${e.optionIndex}` : void 0,
       autocomplete: "off",
       id: e.id,
-      class: m(["autocomplete-input", { "autocomplete-input--focus": t.hasFocus }]),
-      onInput: a[1] || (a[1] = (i) => s.onInputTyping()),
-      onFocus: a[2] || (a[2] = (i) => t.hasFocus = !0),
-      onBlur: a[3] || (a[3] = (...i) => s.onBlur && s.onBlur(...i)),
+      class: f(["autocomplete-input", { "autocomplete-input--focus": e.hasFocus }]),
+      onInput: t[1] || (t[1] = (r) => e.onInputTyping()),
+      onFocus: t[2] || (t[2] = (r) => e.hasFocus = !0),
+      onBlur: t[3] || (t[3] = (...r) => e.onBlur && e.onBlur(...r)),
       onKeydown: [
-        a[4] || (a[4] = w(B((...i) => s.onUpKey && s.onUpKey(...i), ["prevent"]), ["up"])),
-        a[5] || (a[5] = w(B((...i) => s.onDownKey && s.onDownKey(...i), ["prevent"]), ["down"]))
+        t[4] || (t[4] = S(W((...r) => e.onUpKey && e.onUpKey(...r), ["prevent"]), ["up"])),
+        t[5] || (t[5] = S(W((...r) => e.onDownKey && e.onDownKey(...r), ["prevent"]), ["down"]))
       ]
-    }, null, 42, he), [
-      [Q, t.userInput[e.optionLabel]]
+    }, null, 42, fe), [
+      [x, e.userInput[e.optionLabel]]
     ]),
-    O(u("ul", fe, [
-      (l(!0), o(y, null, S(s.filterOptions, (i, d) => (l(), o("li", {
+    q(u("ul", me, [
+      (i(!0), n($, null, V(e.filterOptions, (r, d) => (i(), n("li", {
         ref_for: !0,
         ref: `option${d}`,
         id: `option${d}`,
         role: "option",
         tabindex: "-1",
-        "aria-selected": d === t.optionIndex,
-        class: m({
-          "autocomplete-item-not-clickable": i.clickable === !1,
-          "autocomplete-item--focus": d === t.optionIndex
+        "aria-selected": d === e.optionIndex,
+        class: f({
+          "autocomplete-item-not-clickable": r.clickable === !1,
+          "autocomplete-item--focus": d === e.optionIndex
         }),
-        onMousedown: (h) => s.onOptionSelect(i),
+        onMousedown: (c) => e.onOptionSelect(r),
         onKeydown: [
-          a[6] || (a[6] = w(B((...h) => s.onUpKey && s.onUpKey(...h), ["prevent"]), ["up"])),
-          a[7] || (a[7] = w(B((...h) => s.onDownKey && s.onDownKey(...h), ["prevent"]), ["down"])),
-          w(B((h) => s.onOptionSelect(i), ["prevent"]), ["enter"]),
-          w(B((h) => s.onOptionSelect(i), ["prevent"]), ["space"])
+          t[6] || (t[6] = S(W((...c) => e.onUpKey && e.onUpKey(...c), ["prevent"]), ["up"])),
+          t[7] || (t[7] = S(W((...c) => e.onDownKey && e.onDownKey(...c), ["prevent"]), ["down"])),
+          S(W((c) => e.onOptionSelect(r), ["prevent"]), ["enter"]),
+          S(W((c) => e.onOptionSelect(r), ["prevent"]), ["space"])
         ],
-        onBlur: (h) => s.onOptionBlur(d)
-      }, c(i[e.optionLabel]), 43, me))), 256))
+        onBlur: (c) => e.onOptionBlur(d)
+      }, p(r[e.optionLabel]), 43, ge))), 256))
     ], 512), [
-      [re, s.showOptions]
+      [ie, e.showOptions]
     ])
   ]);
 }
-const ge = /* @__PURE__ */ g(ue, [["render", pe], ["__scopeId", "data-v-5bb9da83"]]), be = {
+const ke = /* @__PURE__ */ b(pe, [["render", be], ["__scopeId", "data-v-c6c55768"]]), ye = g({
   name: "wra-banner",
   props: {
     /**
@@ -242,34 +250,34 @@ const ge = /* @__PURE__ */ g(ue, [["render", pe], ["__scopeId", "data-v-5bb9da83
       this.visible = !1;
     }
   }
-}, ke = {
+}), $e = {
   key: 0,
   class: "wra-banner-actions"
 };
-function ye(t, a, e, r, n, s) {
-  return n.visible ? (l(), o("div", {
+function ve(e, t, a, s, o, l) {
+  return e.visible ? (i(), n("div", {
     key: 0,
-    class: m(["wra-banner", {
+    class: f(["wra-banner", {
       "hidden-print": e.hiddenPrint === !0,
       "new-service": e.newService === !0,
       "closable-padding": e.closable === !0
     }])
   }, [
     u("div", null, [
-      p(t.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ]),
-    t.$slots.actions ? (l(), o("div", ke, [
-      p(t.$slots, "actions", {}, void 0, !0)
-    ])) : f("", !0),
-    e.closable ? (l(), o("button", {
+    e.$slots.actions ? (i(), n("div", $e, [
+      m(e.$slots, "actions", {}, void 0, !0)
+    ])) : h("", !0),
+    e.closable ? (i(), n("button", {
       key: 1,
       class: "wra-banner-close",
-      onClick: a[0] || (a[0] = (...i) => s.closeBanner && s.closeBanner(...i)),
+      onClick: t[0] || (t[0] = (...r) => e.closeBanner && e.closeBanner(...r)),
       "aria-label": "Close banner"
-    }, " × ")) : f("", !0)
-  ], 2)) : f("", !0);
+    }, " × ")) : h("", !0)
+  ], 2)) : h("", !0);
 }
-const ve = /* @__PURE__ */ g(be, [["render", ye], ["__scopeId", "data-v-94b786a8"]]), _e = {
+const we = /* @__PURE__ */ b(ye, [["render", ve], ["__scopeId", "data-v-13fdebc5"]]), Se = g({
   name: "wra-breadcrumbs",
   props: {
     /** Items to display in the breadcrumbs */
@@ -293,34 +301,34 @@ const ve = /* @__PURE__ */ g(be, [["render", ye], ["__scopeId", "data-v-94b786a8
       default: "href"
     }
   }
-}, we = { class: "wra-breadcrumbs" }, Se = { class: "wra-breadcrumbs-item" }, xe = ["href"], Ve = {
+}), Ve = { class: "wra-breadcrumbs" }, Ie = { class: "wra-breadcrumbs-item" }, Me = ["href"], Ce = {
   key: 1,
   class: "wra-breadcrumbs-link--disabled"
-}, Ie = {
+}, Pe = {
   key: 0,
   class: "wra-breadcrumbs-divider"
 };
-function $e(t, a, e, r, n, s) {
-  return l(), o("ul", we, [
-    (l(!0), o(y, null, S(e.items, (i, d) => (l(), o(y, null, [
-      u("li", Se, [
-        p(t.$slots, "default", {}, () => [
-          i[e.itemDisabled] ? (l(), o("span", Ve, c(i[e.itemTitle]), 1)) : (l(), o("a", {
+function Be(e, t, a, s, o, l) {
+  return i(), n("ul", Ve, [
+    (i(!0), n($, null, V(e.items, (r, d) => (i(), n($, null, [
+      u("li", Ie, [
+        m(e.$slots, "default", {}, () => [
+          r[e.itemDisabled] ? (i(), n("span", Ce, p(r[e.itemTitle]), 1)) : (i(), n("a", {
             key: 0,
-            href: i[e.itemHref],
+            href: r[e.itemHref],
             class: "wra-breadcrumbs-link"
-          }, c(i[e.itemTitle]), 9, xe))
+          }, p(r[e.itemTitle]), 9, Me))
         ], !0)
       ]),
-      d !== e.items.length - 1 ? (l(), o("li", Ie, [
-        p(t.$slots, "divider", {}, () => [
-          a[0] || (a[0] = u("span", { class: "wra-breadcrumbs-chevron" }, null, -1))
+      d !== e.items.length - 1 ? (i(), n("li", Pe, [
+        m(e.$slots, "divider", {}, () => [
+          t[0] || (t[0] = u("span", { class: "wra-breadcrumbs-chevron" }, null, -1))
         ], !0)
-      ])) : f("", !0)
+      ])) : h("", !0)
     ], 64))), 256))
   ]);
 }
-const Me = /* @__PURE__ */ g(_e, [["render", $e], ["__scopeId", "data-v-26b6a965"]]), Ce = {
+const Te = /* @__PURE__ */ b(Se, [["render", Be], ["__scopeId", "data-v-2a897129"]]), Oe = g({
   name: "wra-button",
   props: {
     /**
@@ -374,39 +382,39 @@ const Me = /* @__PURE__ */ g(_e, [["render", $e], ["__scopeId", "data-v-26b6a965
       };
     }
   }
-}, Pe = ["disabled"];
-function Be(t, a, e, r, n, s) {
-  return l(), o("button", {
-    class: m(["wra-button", s.buttonClass]),
+}), We = ["disabled"];
+function Ne(e, t, a, s, o, l) {
+  return i(), n("button", {
+    class: f(["wra-button", e.buttonClass]),
     type: "button",
     disabled: e.disabled
   }, [
     u("span", {
-      class: m([{
+      class: f([{
         "prepend-icon-wrapper": e.prependIcon
       }, "icon"])
     }, [
-      p(t.$slots, "prepend-icon", {}, void 0, !0)
+      m(e.$slots, "prepend-icon", {}, void 0, !0)
     ], 2),
-    p(t.$slots, "default", {}, void 0, !0),
+    m(e.$slots, "default", {}, void 0, !0),
     u("span", {
-      class: m([{
+      class: f([{
         "append-icon-wrapper": e.appendIcon
       }, "icon"])
     }, [
-      p(t.$slots, "append-icon", {}, void 0, !0)
+      m(e.$slots, "append-icon", {}, void 0, !0)
     ], 2)
-  ], 10, Pe);
+  ], 10, We);
 }
-const U = /* @__PURE__ */ g(Ce, [["render", Be], ["__scopeId", "data-v-b8b8bfe8"]]), Te = {
+const Y = /* @__PURE__ */ b(Oe, [["render", Ne], ["__scopeId", "data-v-667ad3bf"]]), qe = g({
   name: "wra-card"
-}, Oe = { class: "card" };
-function We(t, a, e, r, n, s) {
-  return l(), o("div", Oe, [
-    p(t.$slots, "default", {}, void 0, !0)
+}), Ae = { class: "card" };
+function Fe(e, t, a, s, o, l) {
+  return i(), n("div", Ae, [
+    m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Fe = /* @__PURE__ */ g(Te, [["render", We], ["__scopeId", "data-v-7de2c8b6"]]), Ne = {
+const Ee = /* @__PURE__ */ b(qe, [["render", Fe], ["__scopeId", "data-v-b458be18"]]), Le = g({
   name: "wra-checkbox",
   props: {
     /**
@@ -438,26 +446,25 @@ const Fe = /* @__PURE__ */ g(Te, [["render", We], ["__scopeId", "data-v-7de2c8b6
   },
   data() {
     return {
-      isChecked: this.value,
-      ariaIsChecked: null
+      isChecked: this.modelValue
     };
   },
   watch: {
     modelValue: {
       handler() {
-        this.isChecked = this.modelValue, this.isChecked == !0 ? this.ariaIsChecked = "true" : this.ariaIsChecked = "false";
+        this.isChecked = this.modelValue;
       },
       immediate: !0
     }
   },
   methods: {
-    checkInput: function() {
+    checkInput() {
       this.isChecked = !this.isChecked, this.$emit("update:modelValue", this.isChecked);
     }
   }
-}, Ae = ["aria-label"], Ee = ["for"], qe = ["id", "checked", "aria-checked"], Le = { class: "checkbox-text" }, De = ["innerHTML"];
-function je(t, a, e, r, n, s) {
-  return l(), o("div", {
+}), je = ["aria-label"], De = ["for"], ze = ["id", "checked", "aria-checked"], Re = { class: "checkbox-text" }, _e = ["innerHTML"];
+function Ke(e, t, a, s, o, l) {
+  return i(), n("div", {
     role: "checkbox",
     "aria-label": e.label
   }, [
@@ -469,29 +476,30 @@ function je(t, a, e, r, n, s) {
         class: "checkbox-input",
         type: "checkbox",
         id: e.id,
-        checked: n.isChecked,
-        "aria-checked": n.ariaIsChecked,
-        onChange: a[0] || (a[0] = (i) => s.checkInput()),
-        onClick: a[1] || (a[1] = (i) => t.$emit("click"))
-      }, null, 40, qe),
-      u("span", Le, [
-        u("p", null, c(e.label), 1),
-        e.info ? (l(), o("p", {
+        checked: e.isChecked,
+        "aria-checked": e.isChecked,
+        onChange: t[0] || (t[0] = (r) => e.checkInput()),
+        onClick: t[1] || (t[1] = (r) => e.$emit("click"))
+      }, null, 40, ze),
+      u("span", Re, [
+        u("p", null, p(e.label), 1),
+        e.info ? (i(), n("p", {
           key: 0,
           class: "further-information-text",
           innerHTML: e.info
-        }, null, 8, De)) : f("", !0)
+        }, null, 8, _e)) : h("", !0)
       ])
-    ], 8, Ee)
-  ], 8, Ae);
+    ], 8, De)
+  ], 8, je);
 }
-const X = /* @__PURE__ */ g(Ne, [["render", je], ["__scopeId", "data-v-ad0c7146"]]), ze = {
+const ee = /* @__PURE__ */ b(Le, [["render", Ke], ["__scopeId", "data-v-b55724c0"]]), He = g({
   name: "wra-checkbox-group",
   props: {
     /**
      * The v-model binding for the checkbox group. Should be an array of selected values or objects.
      */
     modelValue: {
+      type: Array,
       default: () => []
     },
     /**
@@ -537,31 +545,31 @@ const X = /* @__PURE__ */ g(Ne, [["render", je], ["__scopeId", "data-v-ad0c7146"
   data() {
     return {
       checked: {},
-      value: {}
+      value: []
     };
   },
   methods: {
-    checkInput(t) {
-      this.checked[t] = !this.checked[t];
-      let a = [];
-      this.returnObject == !0 ? Object.keys(this.checked).forEach((e) => {
-        if (this.checked[e] == !0)
-          for (let n = 0; n < this.validOptions.length; n++) {
-            const s = this.validOptions[n];
-            typeof s == "object" ? s[this.itemValue] == e && a.push(s) : s == e && a.push(s);
+    checkInput(e) {
+      this.checked[e] = !this.checked[e];
+      let t = [];
+      this.returnObject === !0 ? Object.keys(this.checked).forEach((a) => {
+        if (this.checked[a] === !0)
+          for (let o = 0; o < this.validOptions.length; o++) {
+            const l = this.validOptions[o];
+            typeof l == "object" ? l[this.itemValue] == a && t.push(l) : l == a && t.push(l);
           }
-      }) : a = Object.keys(this.checked).filter(
-        (e) => this.checked[e]
-      ), this.$emit("update:modelValue", a);
+      }) : t = Object.keys(this.checked).filter(
+        (a) => this.checked[a]
+      ), this.$emit("update:modelValue", t);
     },
-    checkForObjectLabel(t) {
-      return typeof t == "object" ? t[this.itemLabel] : t;
+    checkForObjectLabel(e) {
+      return typeof e == "object" ? e[this.itemLabel] : e;
     },
-    checkForObjectInfo(t) {
-      return typeof t == "object" ? t[this.itemInfo] : null;
+    checkForObjectInfo(e) {
+      return typeof e == "object" ? e[this.itemInfo] : null;
     },
-    checkForObjectValue(t) {
-      return typeof t == "object" ? t[this.itemValue] : t;
+    checkForObjectValue(e) {
+      return typeof e == "object" ? e[this.itemValue] : e;
     }
   },
   computed: {
@@ -570,121 +578,121 @@ const X = /* @__PURE__ */ g(Ne, [["render", je], ["__scopeId", "data-v-ad0c7146"
     }
   },
   mounted() {
-    this.value = this.modelValue ?? {};
-    for (let t = 0; t < this.value.length; t++) {
-      const a = this.value[t];
-      typeof a == "object" ? this.checked[a[this.itemValue]] = !0 : this.checked[a] = !0;
+    this.value = this.modelValue ?? [];
+    for (let e = 0; e < this.value.length; e++) {
+      const t = this.value[e];
+      typeof t == "object" ? this.checked[t[this.itemValue]] = !0 : this.checked[t] = !0;
     }
   },
   components: {
-    WraCheckbox: X
+    WraCheckbox: ee
   }
-}, Re = ["aria-label"], Ke = ["for"], He = ["id", "checked", "aria-checked", "onChange"], Ue = { class: "checkbox-text" }, Ge = ["innerHTML"];
-function Ye(t, a, e, r, n, s) {
-  return l(!0), o(y, null, S(s.validOptions, (i) => (l(), o("div", {
+}), Ue = ["aria-label"], Ge = ["for"], Ye = ["id", "checked", "aria-checked", "onChange"], Je = { class: "checkbox-text" }, Ze = ["innerHTML"];
+function Qe(e, t, a, s, o, l) {
+  return i(!0), n($, null, V(e.validOptions, (r) => (i(), n("div", {
     role: "checkbox",
     class: "checkbox",
-    "aria-label": s.checkForObjectLabel(i)
+    "aria-label": e.checkForObjectLabel(r)
   }, [
     u("label", {
-      for: s.checkForObjectValue(i),
+      for: e.checkForObjectValue(r),
       class: "checkbox-label"
     }, [
       u("input", {
         class: "checkbox-input",
         type: "checkbox",
-        id: s.checkForObjectValue(i),
-        checked: n.checked[s.checkForObjectValue(i)],
-        "aria-checked": n.checked[s.checkForObjectValue(i)],
-        onChange: (d) => s.checkInput(s.checkForObjectValue(i))
-      }, null, 40, He),
-      u("span", Ue, [
-        u("p", null, c(s.checkForObjectLabel(i)), 1),
-        s.checkForObjectInfo(i) ? (l(), o("p", {
+        id: e.checkForObjectValue(r),
+        checked: e.checked[e.checkForObjectValue(r)],
+        "aria-checked": e.checked[e.checkForObjectValue(r)],
+        onChange: (d) => e.checkInput(e.checkForObjectValue(r))
+      }, null, 40, Ye),
+      u("span", Je, [
+        u("p", null, p(e.checkForObjectLabel(r)), 1),
+        e.checkForObjectInfo(r) ? (i(), n("p", {
           key: 0,
           class: "further-information-text",
-          innerHTML: s.checkForObjectInfo(i)
-        }, null, 8, Ge)) : f("", !0)
+          innerHTML: e.checkForObjectInfo(r)
+        }, null, 8, Ze)) : h("", !0)
       ])
-    ], 8, Ke)
-  ], 8, Re))), 256);
+    ], 8, Ge)
+  ], 8, Ue))), 256);
 }
-const Je = /* @__PURE__ */ g(ze, [["render", Ye], ["__scopeId", "data-v-c51ef964"]]), Ze = {
+const Xe = /* @__PURE__ */ b(He, [["render", Qe], ["__scopeId", "data-v-01eb117c"]]), xe = g({
   name: "wra-content-section-title"
-}, Qe = { class: "content-section-title" };
-function Xe(t, a, e, r, n, s) {
-  return l(), o("div", Qe, [
-    p(t.$slots, "default", {}, void 0, !0)
+}), et = { class: "content-section-title" };
+function tt(e, t, a, s, o, l) {
+  return i(), n("div", et, [
+    m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const et = /* @__PURE__ */ g(Ze, [["render", Xe], ["__scopeId", "data-v-c737967a"]]);
-var tt = Object.defineProperty, at = (t, a, e) => a in t ? tt(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, A = (t, a, e) => at(t, typeof a != "symbol" ? a + "" : a, e);
-const Y = {
+const at = /* @__PURE__ */ b(xe, [["render", tt], ["__scopeId", "data-v-b917a4a4"]]);
+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, L = (e, t, a) => rt(e, typeof t != "symbol" ? t + "" : t, a);
+const Z = {
   "#": { pattern: /[0-9]/ },
   "@": { pattern: /[a-zA-Z]/ },
   "*": { pattern: /[a-zA-Z0-9]/ }
-}, J = (t, a, e) => t.replaceAll(a, "").replace(e, ".").replace("..", ".").replace(/[^.\d]/g, ""), Z = (t, a, e) => {
-  var r;
-  return new Intl.NumberFormat(((r = e.number) == null ? void 0 : r.locale) ?? "en", {
-    minimumFractionDigits: t,
-    maximumFractionDigits: a,
+}, Q = (e, t, a) => e.replaceAll(t, "").replace(a, ".").replace("..", ".").replace(/[^.\d]/g, ""), X = (e, t, a) => {
+  var s;
+  return new Intl.NumberFormat(((s = a.number) == null ? void 0 : s.locale) ?? "en", {
+    minimumFractionDigits: e,
+    maximumFractionDigits: t,
     roundingMode: "trunc"
   });
-}, st = (t, a = !0, e) => {
-  var r, n, s, i;
-  const d = ((r = e.number) == null ? void 0 : r.unsigned) !== !0 && t.startsWith("-") ? "-" : "", h = ((n = e.number) == null ? void 0 : n.fraction) ?? 0;
-  let b = Z(0, h, e);
-  const V = b.formatToParts(1000.12), x = ((s = V.find((k) => k.type === "group")) == null ? void 0 : s.value) ?? " ", v = ((i = V.find((k) => k.type === "decimal")) == null ? void 0 : i.value) ?? ".", _ = J(t, x, v);
-  if (Number.isNaN(parseFloat(_))) return d;
-  const C = _.split(".");
-  if (C[1] != null && C[1].length >= 1) {
-    const k = C[1].length <= h ? C[1].length : h;
-    b = Z(k, h, e);
+}, it = (e, t = !0, a) => {
+  var s, o, l, r;
+  const d = ((s = a.number) == null ? void 0 : s.unsigned) !== !0 && e.startsWith("-") ? "-" : "", c = ((o = a.number) == null ? void 0 : o.fraction) ?? 0;
+  let k = X(0, c, a);
+  const M = k.formatToParts(1000.12), I = ((l = M.find((y) => y.type === "group")) == null ? void 0 : l.value) ?? " ", v = ((r = M.find((y) => y.type === "decimal")) == null ? void 0 : r.value) ?? ".", w = Q(e, I, v);
+  if (Number.isNaN(parseFloat(w))) return d;
+  const T = w.split(".");
+  if (T[1] != null && T[1].length >= 1) {
+    const y = T[1].length <= c ? T[1].length : c;
+    k = X(y, c, a);
   }
-  let I = b.format(parseFloat(_));
-  return a ? h > 0 && _.endsWith(".") && !_.slice(0, -1).includes(".") && (I += v) : I = J(I, x, v), d + I;
-}, ee = (t) => JSON.parse(t.replaceAll("'", '"')), rt = (t, a = {}) => {
-  const e = { ...a };
-  t.dataset.maska != null && t.dataset.maska !== "" && (e.mask = it(t.dataset.maska)), t.dataset.maskaEager != null && (e.eager = z(t.dataset.maskaEager)), t.dataset.maskaReversed != null && (e.reversed = z(t.dataset.maskaReversed)), t.dataset.maskaTokensReplace != null && (e.tokensReplace = z(t.dataset.maskaTokensReplace)), t.dataset.maskaTokens != null && (e.tokens = nt(t.dataset.maskaTokens));
-  const r = {};
-  return t.dataset.maskaNumberLocale != null && (r.locale = t.dataset.maskaNumberLocale), t.dataset.maskaNumberFraction != null && (r.fraction = parseInt(t.dataset.maskaNumberFraction)), t.dataset.maskaNumberUnsigned != null && (r.unsigned = z(t.dataset.maskaNumberUnsigned)), (t.dataset.maskaNumber != null || Object.values(r).length > 0) && (e.number = r), e;
-}, z = (t) => t !== "" ? !!JSON.parse(t) : !0, it = (t) => t.startsWith("[") && t.endsWith("]") ? ee(t) : t, nt = (t) => {
-  if (t.startsWith("{") && t.endsWith("}"))
-    return ee(t);
-  const a = {};
-  return t.split("|").forEach((e) => {
-    const r = e.split(":");
-    a[r[0]] = {
-      pattern: te() ? new RegExp(r[1], "u") : new RegExp(r[1]),
-      optional: r[2] === "optional",
-      multiple: r[2] === "multiple",
-      repeated: r[2] === "repeated"
+  let C = k.format(parseFloat(w));
+  return t ? c > 0 && w.endsWith(".") && !w.slice(0, -1).includes(".") && (C += v) : C = Q(C, I, v), d + C;
+}, te = (e) => JSON.parse(e.replaceAll("'", '"')), nt = (e, t = {}) => {
+  const a = { ...t };
+  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));
+  const s = {};
+  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;
+}, K = (e) => e !== "" ? !!JSON.parse(e) : !0, ot = (e) => e.startsWith("[") && e.endsWith("]") ? te(e) : e, lt = (e) => {
+  if (e.startsWith("{") && e.endsWith("}"))
+    return te(e);
+  const t = {};
+  return e.split("|").forEach((a) => {
+    const s = a.split(":");
+    t[s[0]] = {
+      pattern: ae() ? new RegExp(s[1], "u") : new RegExp(s[1]),
+      optional: s[2] === "optional",
+      multiple: s[2] === "multiple",
+      repeated: s[2] === "repeated"
     };
-  }), a;
-}, te = () => {
+  }), t;
+}, ae = () => {
   try {
     return new RegExp("\\p{L}", "u"), !0;
   } catch {
     return !1;
   }
 };
-class lt {
-  constructor(a = {}) {
-    A(this, "opts", {}), A(this, "memo", /* @__PURE__ */ new Map());
-    const e = { ...a };
-    if (e.tokens != null) {
-      e.tokens = e.tokensReplace ? { ...e.tokens } : { ...Y, ...e.tokens };
-      for (const r of Object.values(e.tokens))
-        typeof r.pattern == "string" && (r.pattern = te() ? new RegExp(r.pattern, "u") : new RegExp(r.pattern));
+class ut {
+  constructor(t = {}) {
+    L(this, "opts", {}), L(this, "memo", /* @__PURE__ */ new Map());
+    const a = { ...t };
+    if (a.tokens != null) {
+      a.tokens = a.tokensReplace ? { ...a.tokens } : { ...Z, ...a.tokens };
+      for (const s of Object.values(a.tokens))
+        typeof s.pattern == "string" && (s.pattern = ae() ? new RegExp(s.pattern, "u") : new RegExp(s.pattern));
     } else
-      e.tokens = Y;
-    Array.isArray(e.mask) && (e.mask.length > 1 ? e.mask = [...e.mask].sort((r, n) => r.length - n.length) : e.mask = e.mask[0] ?? ""), e.mask === "" && (e.mask = null), this.opts = e;
+      a.tokens = Z;
+    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;
   }
-  masked(a) {
-    return this.process(String(a), this.findMask(String(a)));
+  masked(t) {
+    return this.process(String(t), this.findMask(String(t)));
   }
-  unmasked(a) {
-    return this.process(String(a), this.findMask(String(a)), !1);
+  unmasked(t) {
+    return this.process(String(t), this.findMask(String(t)), !1);
   }
   isEager() {
     return this.opts.eager === !0;
@@ -692,136 +700,136 @@ class lt {
   isReversed() {
     return this.opts.reversed === !0;
   }
-  completed(a) {
-    const e = this.findMask(String(a));
-    if (this.opts.mask == null || e == null) return !1;
-    const r = this.process(String(a), e).length;
-    return typeof this.opts.mask == "string" ? r >= this.opts.mask.length : r >= e.length;
+  completed(t) {
+    const a = this.findMask(String(t));
+    if (this.opts.mask == null || a == null) return !1;
+    const s = this.process(String(t), a).length;
+    return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= a.length;
   }
-  findMask(a) {
-    const e = this.opts.mask;
-    if (e == null)
+  findMask(t) {
+    const a = this.opts.mask;
+    if (a == null)
       return null;
-    if (typeof e == "string")
-      return e;
-    if (typeof e == "function")
-      return e(a);
-    const r = this.process(a, e.slice(-1).pop() ?? "", !1);
-    return e.find((n) => this.process(a, n, !1).length >= r.length) ?? "";
+    if (typeof a == "string")
+      return a;
+    if (typeof a == "function")
+      return a(t);
+    const s = this.process(t, a.slice(-1).pop() ?? "", !1);
+    return a.find((o) => this.process(t, o, !1).length >= s.length) ?? "";
   }
-  escapeMask(a) {
-    const e = [], r = [];
-    return a.split("").forEach((n, s) => {
-      n === "!" && a[s - 1] !== "!" ? r.push(s - r.length) : e.push(n);
-    }), { mask: e.join(""), escaped: r };
+  escapeMask(t) {
+    const a = [], s = [];
+    return t.split("").forEach((o, l) => {
+      o === "!" && t[l - 1] !== "!" ? s.push(l - s.length) : a.push(o);
+    }), { mask: a.join(""), escaped: s };
   }
-  process(a, e, r = !0) {
-    if (this.opts.number != null) return st(a, r, this.opts);
-    if (e == null) return a;
-    const n = `v=${a},mr=${e},m=${r ? 1 : 0}`;
-    if (this.memo.has(n)) return this.memo.get(n);
-    const { mask: s, escaped: i } = this.escapeMask(e), d = [], h = this.opts.tokens != null ? this.opts.tokens : {}, b = this.isReversed() ? -1 : 1, V = this.isReversed() ? "unshift" : "push", x = this.isReversed() ? 0 : s.length - 1, v = this.isReversed() ? () => k > -1 && $ > -1 : () => k < s.length && $ < a.length, _ = (W) => !this.isReversed() && W <= x || this.isReversed() && W >= x;
-    let C, I = -1, k = this.isReversed() ? s.length - 1 : 0, $ = this.isReversed() ? a.length - 1 : 0, R = !1;
+  process(t, a, s = !0) {
+    if (this.opts.number != null) return it(t, s, this.opts);
+    if (a == null) return t;
+    const o = `v=${t},mr=${a},m=${s ? 1 : 0}`;
+    if (this.memo.has(o)) return this.memo.get(o);
+    const { mask: l, escaped: r } = this.escapeMask(a), d = [], c = 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() ? () => y > -1 && P > -1 : () => y < l.length && P < t.length, w = (A) => !this.isReversed() && A <= I || this.isReversed() && A >= I;
+    let T, C = -1, y = this.isReversed() ? l.length - 1 : 0, P = this.isReversed() ? t.length - 1 : 0, H = !1;
     for (; v(); ) {
-      const W = s.charAt(k), P = h[W], j = (P == null ? void 0 : P.transform) != null ? P.transform(a.charAt($)) : a.charAt($);
-      if (!i.includes(k) && P != null ? (j.match(P.pattern) != null ? (d[V](j), P.repeated ? (I === -1 ? I = k : k === x && k !== I && (k = I - b), x === I && (k -= b)) : P.multiple && (R = !0, k -= b), k += b) : P.multiple ? R && (k += b, $ -= b, R = !1) : j === C ? C = void 0 : P.optional && (k += b, $ -= b), $ += b) : (r && !this.isEager() && d[V](W), j === W && !this.isEager() ? $ += b : C = W, this.isEager() || (k += b)), this.isEager())
-        for (; _(k) && (h[s.charAt(k)] == null || i.includes(k)); ) {
-          if (r) {
-            if (d[V](s.charAt(k)), a.charAt($) === s.charAt(k)) {
-              k += b, $ += b;
+      const A = l.charAt(y), O = c[A], _ = (O == null ? void 0 : O.transform) != null ? O.transform(t.charAt(P)) : t.charAt(P);
+      if (!r.includes(y) && O != null ? (_.match(O.pattern) != null ? (d[M](_), O.repeated ? (C === -1 ? C = y : y === I && y !== C && (y = C - k), I === C && (y -= k)) : O.multiple && (H = !0, y -= k), y += k) : O.multiple ? H && (y += k, P -= k, H = !1) : _ === T ? T = void 0 : O.optional && (y += k, P -= k), P += k) : (s && !this.isEager() && d[M](A), _ === A && !this.isEager() ? P += k : T = A, this.isEager() || (y += k)), this.isEager())
+        for (; w(y) && (c[l.charAt(y)] == null || r.includes(y)); ) {
+          if (s) {
+            if (d[M](l.charAt(y)), t.charAt(P) === l.charAt(y)) {
+              y += k, P += k;
               continue;
             }
-          } else s.charAt(k) === a.charAt($) && ($ += b);
-          k += b;
+          } else l.charAt(y) === t.charAt(P) && (P += k);
+          y += k;
         }
     }
-    return this.memo.set(n, d.join("")), this.memo.get(n);
+    return this.memo.set(o, d.join("")), this.memo.get(o);
   }
 }
-class ot {
-  constructor(a, e = {}) {
-    A(this, "items", /* @__PURE__ */ new Map()), A(this, "eventAbortController"), A(this, "onInput", (r) => {
-      if (r instanceof CustomEvent && r.type === "input" && !r.isTrusted && !r.bubbles)
+class dt {
+  constructor(t, a = {}) {
+    L(this, "items", /* @__PURE__ */ new Map()), L(this, "eventAbortController"), L(this, "onInput", (s) => {
+      if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
         return;
-      const n = r.target, s = this.items.get(n);
-      if (s === void 0) return;
-      const i = "inputType" in r && r.inputType.startsWith("delete"), d = s.isEager(), h = i && d && s.unmasked(n.value) === "" ? "" : n.value;
-      this.fixCursor(n, i, () => this.setValue(n, h));
-    }), this.options = e, this.eventAbortController = new AbortController(), this.init(this.getInputs(a));
+      const o = s.target, l = this.items.get(o);
+      if (l === void 0) return;
+      const r = "inputType" in s && s.inputType.startsWith("delete"), d = l.isEager(), c = r && d && l.unmasked(o.value) === "" ? "" : o.value;
+      this.fixCursor(o, r, () => this.setValue(o, c));
+    }), this.options = a, this.eventAbortController = new AbortController(), this.init(this.getInputs(t));
   }
-  update(a = {}) {
-    this.options = { ...a }, this.init(Array.from(this.items.keys()));
+  update(t = {}) {
+    this.options = { ...t }, this.init(Array.from(this.items.keys()));
   }
-  updateValue(a) {
-    var e;
-    a.value !== "" && a.value !== ((e = this.processInput(a)) == null ? void 0 : e.masked) && this.setValue(a, a.value);
+  updateValue(t) {
+    var a;
+    t.value !== "" && t.value !== ((a = this.processInput(t)) == null ? void 0 : a.masked) && this.setValue(t, t.value);
   }
   destroy() {
     this.eventAbortController.abort(), this.items.clear();
   }
-  init(a) {
-    const e = this.getOptions(this.options);
-    for (const r of a) {
-      if (!this.items.has(r)) {
-        const { signal: s } = this.eventAbortController;
-        r.addEventListener("input", this.onInput, { capture: !0, signal: s });
+  init(t) {
+    const a = this.getOptions(this.options);
+    for (const s of t) {
+      if (!this.items.has(s)) {
+        const { signal: l } = this.eventAbortController;
+        s.addEventListener("input", this.onInput, { capture: !0, signal: l });
       }
-      const n = new lt(rt(r, e));
-      this.items.set(r, n), queueMicrotask(() => this.updateValue(r)), r.selectionStart === null && n.isEager() && console.warn("Maska: input of `%s` type is not supported", r.type);
+      const o = new ut(nt(s, a));
+      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);
     }
   }
-  getInputs(a) {
-    return typeof a == "string" ? Array.from(document.querySelectorAll(a)) : "length" in a ? Array.from(a) : [a];
+  getInputs(t) {
+    return typeof t == "string" ? Array.from(document.querySelectorAll(t)) : "length" in t ? Array.from(t) : [t];
   }
-  getOptions(a) {
-    const { onMaska: e, preProcess: r, postProcess: n, ...s } = a;
-    return s;
+  getOptions(t) {
+    const { onMaska: a, preProcess: s, postProcess: o, ...l } = t;
+    return l;
   }
-  fixCursor(a, e, r) {
-    var n, s;
-    const i = a.selectionStart, d = a.value;
-    if (r(), i === null || i === d.length && !e) return;
-    const h = a.value, b = d.slice(0, i), V = h.slice(0, i), x = (n = this.processInput(a, b)) == null ? void 0 : n.unmasked, v = (s = this.processInput(a, V)) == null ? void 0 : s.unmasked;
-    if (x === void 0 || v === void 0) return;
-    let _ = i;
-    b !== V && (_ += e ? h.length - d.length : x.length - v.length), a.setSelectionRange(_, _);
+  fixCursor(t, a, s) {
+    var o, l;
+    const r = t.selectionStart, d = t.value;
+    if (s(), r === null || r === d.length && !a) return;
+    const c = t.value, k = d.slice(0, r), M = c.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;
+    if (I === void 0 || v === void 0) return;
+    let w = r;
+    k !== M && (w += a ? c.length - d.length : I.length - v.length), t.setSelectionRange(w, w);
   }
-  setValue(a, e) {
-    const r = this.processInput(a, e);
-    r !== void 0 && (a.value = r.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((n) => n(r)) : this.options.onMaska(r)), a.dispatchEvent(new CustomEvent("maska", { detail: r })), a.dispatchEvent(new CustomEvent("input", { detail: r.masked })));
+  setValue(t, a) {
+    const s = this.processInput(t, a);
+    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 })));
   }
-  processInput(a, e) {
-    const r = this.items.get(a);
-    if (r === void 0) return;
-    let n = e ?? a.value;
-    this.options.preProcess != null && (n = this.options.preProcess(n));
-    let s = r.masked(n);
-    return this.options.postProcess != null && (s = this.options.postProcess(s)), {
-      masked: s,
-      unmasked: r.unmasked(n),
-      completed: r.completed(n)
+  processInput(t, a) {
+    const s = this.items.get(t);
+    if (s === void 0) return;
+    let o = a ?? t.value;
+    this.options.preProcess != null && (o = this.options.preProcess(o));
+    let l = s.masked(o);
+    return this.options.postProcess != null && (l = this.options.postProcess(l)), {
+      masked: l,
+      unmasked: s.unmasked(o),
+      completed: s.completed(o)
     };
   }
 }
-const K = /* @__PURE__ */ new WeakMap(), ut = (t, a) => {
-  if (t.arg == null || t.instance == null) return;
-  const e = "setup" in t.instance.$.type;
-  t.arg in t.instance ? t.instance[t.arg] = a : e && console.warn("Maska: please expose `%s` using defineExpose", t.arg);
-}, D = (t, a) => {
-  var e;
-  const r = t instanceof HTMLInputElement ? t : t.querySelector("input");
-  if (r == null || (r == null ? void 0 : r.type) === "file") return;
-  let n = {};
-  if (a.value != null && (n = typeof a.value == "string" ? { mask: a.value } : { ...a.value }), a.arg != null) {
-    const s = (i) => {
-      const d = a.modifiers.unmasked ? i.unmasked : a.modifiers.completed ? i.completed : i.masked;
-      ut(a, d);
+const U = /* @__PURE__ */ new WeakMap(), pt = (e, t) => {
+  if (e.arg == null || e.instance == null) return;
+  const a = "setup" in e.instance.$.type;
+  e.arg in e.instance ? e.instance[e.arg] = t : a && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
+}, R = (e, t) => {
+  var a;
+  const s = e instanceof HTMLInputElement ? e : e.querySelector("input");
+  if (s == null || (s == null ? void 0 : s.type) === "file") return;
+  let o = {};
+  if (t.value != null && (o = typeof t.value == "string" ? { mask: t.value } : { ...t.value }), t.arg != null) {
+    const l = (r) => {
+      const d = t.modifiers.unmasked ? r.unmasked : t.modifiers.completed ? r.completed : r.masked;
+      pt(t, d);
     };
-    n.onMaska = n.onMaska == null ? s : Array.isArray(n.onMaska) ? [...n.onMaska, s] : [n.onMaska, s];
+    o.onMaska = o.onMaska == null ? l : Array.isArray(o.onMaska) ? [...o.onMaska, l] : [o.onMaska, l];
   }
-  K.has(r) ? (e = K.get(r)) == null || e.update(n) : K.set(r, new ot(r, n));
-}, dt = {
-  directives: { maska: D },
+  U.has(s) ? (a = U.get(s)) == null || a.update(o) : U.set(s, new dt(s, o));
+}, ct = g({
+  directives: { maska: R },
   name: "wra-custom-input",
   props: {
     /**
@@ -830,6 +838,7 @@ const K = /* @__PURE__ */ new WeakMap(), ut = (t, a) => {
      * @required
      */
     modelValue: {
+      type: [String, Number],
       required: !0,
       default: ""
     },
@@ -838,7 +847,8 @@ const K = /* @__PURE__ */ new WeakMap(), ut = (t, a) => {
      * @type {string}
      */
     dataMaska: {
-      type: String
+      type: String,
+      required: !1
     },
     /**
      * Whether to apply the mask eagerly.
@@ -863,14 +873,16 @@ const K = /* @__PURE__ */ new WeakMap(), ut = (t, a) => {
      * @type {string}
      */
     dataMaskaTokens: {
-      type: String
+      type: String,
+      required: !1
     },
     /**
      * The label for the input field.
      * @type {string}
      */
     label: {
-      type: String
+      type: String,
+      required: !1
     },
     /**
      * The ID for the input field.
@@ -890,20 +902,8 @@ const K = /* @__PURE__ */ new WeakMap(), ut = (t, a) => {
      * @validator value {string} - The input mode must be one of ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"].
      */
     inputmode: {
-      default: "numeric",
       type: String,
-      validator(t) {
-        return [
-          "none",
-          "text",
-          "tel",
-          "url",
-          "email",
-          "numeric",
-          "decimal",
-          "search"
-        ].includes(t);
-      }
+      default: "numeric"
     },
     /**
      * The type of the input field.
@@ -913,25 +913,15 @@ const K = /* @__PURE__ */ new WeakMap(), ut = (t, a) => {
      */
     type: {
       type: String,
-      default: "text",
-      validator(t) {
-        return [
-          "text",
-          "none",
-          "tel",
-          "url",
-          "email",
-          "numeric",
-          "decimal"
-        ].includes(t);
-      }
+      default: "text"
     },
     /**
      * The placeholder text for the input field.
      * @type {string}
      */
     placeholder: {
-      type: String
+      type: String,
+      required: !1
     },
     /**
      * An array of validation rule functions. Each function should return true or an error message string.
@@ -945,14 +935,16 @@ const K = /* @__PURE__ */ new WeakMap(), ut = (t, a) => {
      * @type {string}
      */
     prefix: {
-      type: String
+      type: String,
+      required: !1
     },
     /**
      * The suffix text to display after the input field.
      * @type {string}
      */
     suffix: {
-      type: String
+      type: String,
+      required: !1
     },
     /**
      * Whether to emit maska details.
@@ -965,22 +957,23 @@ const K = /* @__PURE__ */ new WeakMap(), ut = (t, a) => {
     }
   },
   emits: ["update:modelValue", "valid"],
-  data: () => ({
-    errorMessage: "",
-    firstValidation: !0
-  }),
+  data() {
+    return {
+      errorMessage: "",
+      firstValidation: !0
+    };
+  },
   methods: {
-    onMaska(t) {
-      const a = t.detail.unmasked;
-      this.$emit("update:modelValue", a), this.validate(a);
+    onMaska(e) {
+      const t = e.detail.unmasked;
+      this.$emit("update:modelValue", t), this.validate(t);
     },
-    validate(t) {
+    validate(e) {
       if (this.errorMessage = "", this.rules != null)
-        for (let a = 0; a < this.rules.length; a++) {
-          const e = this.rules[a];
-          let r = e(t);
-          if (r != !0) {
-            this.errorMessage = r, this.$emit("valid", { id: this.id, value: !1 });
+        for (let t = 0; t < this.rules.length; t++) {
+          const a = this.rules[t], s = a(e);
+          if (s != !0) {
+            this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
             break;
           }
         }
@@ -998,44 +991,44 @@ const K = /* @__PURE__ */ new WeakMap(), ut = (t, a) => {
   mounted() {
     this.$emit("update:modelValue", this.modelValue), this.validate(this.modelValue);
   }
-}, ct = ["for"], ht = { class: "input-wrapper" }, ft = {
+}), ht = ["for"], ft = { class: "input-wrapper" }, mt = {
   key: 0,
   class: "prefix"
-}, mt = ["id", "type", "value", "inputmode", "placeholder", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], pt = {
+}, gt = ["id", "type", "value", "inputmode", "placeholder", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], bt = {
   key: 1,
   class: "suffix"
 };
-function gt(t, a, e, r, n, s) {
-  const i = q("maska");
-  return l(), o("div", {
-    class: m({ error: t.errorMessage != !1 })
+function kt(e, t, a, s, o, l) {
+  const r = D("maska");
+  return i(), n("div", {
+    class: f({ error: !!e.errorMessage })
   }, [
-    e.label ? (l(), o("label", {
+    e.label ? (i(), n("label", {
       key: 0,
       for: e.id
-    }, c(e.label), 9, ct)) : f("", !0),
-    u("div", ht, [
-      e.prefix ? (l(), o("span", ft, c(e.prefix), 1)) : f("", !0),
-      O(u("input", {
+    }, p(e.label), 9, ht)) : h("", !0),
+    u("div", ft, [
+      e.prefix ? (i(), n("span", mt, p(e.prefix), 1)) : h("", !0),
+      q(u("input", {
         id: e.id,
         type: e.type,
         value: e.modelValue,
-        inputmode: e.inputmode || "numeric",
+        inputmode: e.inputmode,
         placeholder: e.placeholder,
-        onMaska: a[0] || (a[0] = (...d) => s.onMaska && s.onMaska(...d)),
+        onMaska: t[0] || (t[0] = (...d) => e.onMaska && e.onMaska(...d)),
         "data-maska-eager": e.dataMaskaEager,
         "data-maska-reversed": e.dataMaskaReversed,
         "data-maska-tokens": e.dataMaskaTokens,
-        class: m(s.prefixPadding)
-      }, null, 42, mt), [
-        [i, e.dataMaska]
+        class: f(e.prefixPadding)
+      }, null, 42, gt), [
+        [r, e.dataMaska]
       ]),
-      e.suffix ? (l(), o("span", pt, c(e.suffix), 1)) : f("", !0)
+      e.suffix ? (i(), n("span", bt, p(e.suffix), 1)) : h("", !0)
     ]),
-    u("p", null, c(t.errorMessage), 1)
+    u("p", null, p(e.errorMessage), 1)
   ], 2);
 }
-const bt = /* @__PURE__ */ g(dt, [["render", gt], ["__scopeId", "data-v-5b640ba7"]]), kt = {
+const yt = /* @__PURE__ */ b(ct, [["render", kt], ["__scopeId", "data-v-ab1cc940"]]), $t = g({
   name: "wra-data-table",
   props: {
     /**
@@ -1051,7 +1044,8 @@ const bt = /* @__PURE__ */ g(dt, [["render", gt], ["__scopeId", "data-v-5b640ba7
      * The initial sort order for the table. Should be an array of objects.
      */
     sortBy: {
-      type: Array
+      type: Array,
+      required: !1
     },
     /**
      * The number of items to display per page.
@@ -1064,16 +1058,19 @@ const bt = /* @__PURE__ */ g(dt, [["render", gt], ["__scopeId", "data-v-5b640ba7
      * If true, shows a loading spinner instead of table rows.
      */
     loading: {
-      type: Boolean
+      type: Boolean,
+      required: !1
     },
     /**
      * A global search string to filter table rows.
      */
     search: {
-      type: String
+      type: String,
+      required: !1
     },
     caption: {
-      type: String
+      type: String,
+      required: !1
     }
   },
   data() {
@@ -1085,11 +1082,11 @@ const bt = /* @__PURE__ */ g(dt, [["render", gt], ["__scopeId", "data-v-5b640ba7
     };
   },
   methods: {
-    sortByColumn(t) {
+    sortByColumn(e) {
       this.localSortBy = [
         {
-          key: t,
-          order: this.localSortBy && this.localSortBy[0].key === t && this.localSortBy[0].order === "asc" ? "desc" : "asc"
+          key: e,
+          order: this.localSortBy && this.localSortBy[0].key === e && this.localSortBy[0].order === "asc" ? "desc" : "asc"
         }
       ];
     }
@@ -1102,180 +1099,180 @@ const bt = /* @__PURE__ */ g(dt, [["render", gt], ["__scopeId", "data-v-5b640ba7
       return Math.ceil(this.sortedArray.length / this.localItemsPerPage);
     },
     paginatedArray() {
-      const t = (this.currentPage - 1) * this.localItemsPerPage, a = t + this.localItemsPerPage;
-      return this.sortedArray.slice(t, a);
+      const e = (this.currentPage - 1) * this.localItemsPerPage, t = e + this.localItemsPerPage;
+      return this.sortedArray.slice(e, t);
     },
     filteredItems() {
-      let t = this.items;
+      var t;
+      let e = this.items;
       if (this.search) {
         this.currentPage = 1;
-        const a = this.search.toLowerCase(), e = this.headers.map((r) => r.key);
-        t = t.filter(
-          (r) => (
+        const a = this.search.toLowerCase(), s = ((t = this.headers) == null ? void 0 : t.map((o) => o.key)) ?? [];
+        e = e.filter(
+          (o) => (
             // Use .some() to check all relevant columns
-            e.some(
-              (n) => String(r[n]).toLowerCase().includes(a)
+            s.some(
+              (l) => String(o[l]).toLowerCase().includes(a)
             )
           )
         );
       }
       return Object.keys(this.columnFilters).forEach((a) => {
-        var r;
-        const e = (r = this.columnFilters[a]) == null ? void 0 : r.toLowerCase();
-        e && (this.currentPage = 1, t = t.filter(
-          (n) => String(n[a]).toLowerCase().includes(e)
+        var o;
+        const s = (o = this.columnFilters[a]) == null ? void 0 : o.toLowerCase();
+        s && (this.currentPage = 1, e = e.filter(
+          (l) => String(l[a]).toLowerCase().includes(s)
         ));
-      }), t;
+      }), e;
     },
     sortedArray() {
-      let t = JSON.parse(JSON.stringify(this.filteredItems));
-      return this.localSortBy && this.localSortBy.length > 0 ? t.sort((a, e) => {
-        const r = this.localSortBy[0];
-        var n = a[r.key], s = e[r.key];
-        if (n == null && s == null)
+      const e = JSON.parse(JSON.stringify(this.filteredItems));
+      return this.localSortBy && this.localSortBy.length > 0 ? e.sort((t, a) => {
+        const s = this.localSortBy[0], o = t[s.key], l = a[s.key];
+        if (o == null && l == null)
           return 0;
-        if (n == null)
-          return r.order === "desc" ? 1 : -1;
-        if (s == null)
-          return r.order === "desc" ? -1 : 1;
-        const i = (v) => {
+        if (o == null)
+          return s.order === "desc" ? 1 : -1;
+        if (l == null)
+          return s.order === "desc" ? -1 : 1;
+        const r = (v) => {
           if (typeof v == "string" && /^-?[\d,]+(\.\d+)?$/.test(v)) {
-            const _ = v.replace(/,/g, "");
-            return parseFloat(_);
+            const w = v.replace(/,/g, "");
+            return parseFloat(w);
           }
           return v;
         }, d = (v) => {
           if (typeof v == "string" && /^\d{2}\/\d{2}\/\d{4}$/.test(v)) {
-            const [_, C, I] = v.split("/").map(Number);
-            return new Date(I, C - 1, _).getTime();
+            const [w, T, C] = v.split("/").map(Number);
+            return new Date(C, T - 1, w).getTime();
           }
           return v;
-        }, h = i(n), b = i(s), V = d(n), x = d(s);
-        return !isNaN(h) && !isNaN(b) ? r.order === "desc" ? b - h : h - b : !isNaN(V) && !isNaN(x) ? r.order === "desc" ? x - V : V - x : r.order === "desc" ? n < s ? 1 : -1 : n > s ? 1 : -1;
-      }) : t;
+        }, c = r(o), k = r(l), M = d(o), I = d(l);
+        return !isNaN(c) && !isNaN(k) ? s.order === "desc" ? k - c : c - k : !isNaN(M) && !isNaN(I) ? s.order === "desc" ? I - M : M - I : s.order === "desc" ? o < l ? 1 : -1 : o > l ? 1 : -1;
+      }) : e;
     }
   }
-}, yt = { class: "wra-data-table" }, vt = {
+}), vt = { class: "wra-data-table" }, wt = {
   key: 0,
   class: "wra-data-table-caption"
-}, _t = { key: 1 }, wt = ["onClick"], St = { key: 0 }, xt = {
-  key: 0,
+}, St = { key: 1 }, Vt = ["onClick"], It = { key: 0 }, Mt = {
+  key: 1,
   class: "wra-chevron wra-chevron-up sort-icons"
-}, Vt = ["onUpdate:modelValue"], It = { key: 1 }, $t = ["colspan"], Mt = ["onClick"], Ct = { key: 1 }, Pt = { class: "pagination" }, Bt = ["disabled"], Tt = ["disabled"];
-function Ot(t, a, e, r, n, s) {
-  return l(), o("div", null, [
-    u("table", yt, [
-      e.caption ? (l(), o("caption", vt, [
-        p(t.$slots, "caption", {}, () => [
-          M(c(e.caption), 1)
+}, Ct = ["onUpdate:modelValue"], Pt = { key: 1 }, Bt = ["colspan"], Tt = { key: 2 }, Ot = ["onClick"], Wt = { key: 1 }, Nt = { class: "pagination" }, qt = ["disabled"], At = ["disabled"];
+function Ft(e, t, a, s, o, l) {
+  return i(), n("div", null, [
+    u("table", vt, [
+      e.caption ? (i(), n("caption", wt, [
+        m(e.$slots, "caption", {}, () => [
+          B(p(e.caption), 1)
         ], !0)
-      ])) : f("", !0),
+      ])) : h("", !0),
       u("thead", null, [
-        t.$slots.headerSlot ? p(t.$slots, "headers", {
+        e.$slots.header ? m(e.$slots, "headers", {
           key: 0,
           headers: e.headers
-        }, void 0, !0) : (l(), o("tr", _t, [
-          (l(!0), o(y, null, S(e.headers, (i) => (l(), o("th", {
-            key: i.key,
-            onClick: (d) => (i.sortable || i.sortable == null) && s.sortByColumn(i.key),
-            style: E({ width: i.width + "px" }),
-            class: m({
-              clickable: i.sortable == null || i.sortable,
-              "text-left": i.align == "left" || i.align == null,
-              "text-right": i.align == "right",
-              "text-center": i.align == "center"
+        }, void 0, !0) : (i(), n("tr", St, [
+          (i(!0), n($, null, V(e.headers, (r) => (i(), n("th", {
+            key: r.key,
+            onClick: (d) => (r.sortable || r.sortable == null) && e.sortByColumn(r.key),
+            style: j({ width: r.width + "px" }),
+            class: f({
+              clickable: r.sortable == null || r.sortable,
+              "text-left": r.align == "left" || r.align == null,
+              "text-right": r.align == "right",
+              "text-center": r.align == "center"
             })
           }, [
-            M(c(i.title) + " ", 1),
-            n.localSortBy && n.localSortBy[0].key === i.key ? (l(), o("span", St, [
+            B(p(r.title) + " ", 1),
+            e.localSortBy && e.localSortBy[0].key === r.key ? (i(), n("span", It, [
               u("span", {
-                class: m({
-                  "wra-chevron wra-chevron-up": n.localSortBy[0].order === "asc",
-                  "wra-chevron wra-chevron-down": n.localSortBy[0].order === "desc"
+                class: f({
+                  "wra-chevron wra-chevron-up": e.localSortBy[0].order === "asc",
+                  "wra-chevron wra-chevron-down": e.localSortBy[0].order === "desc"
                 })
               }, null, 2)
-            ])) : (l(), o(y, { key: 1 }, [
-              i.sortable == !0 || i.sortable == null ? (l(), o("span", xt)) : f("", !0)
-            ], 64)),
-            i.searchable ? O((l(), o("input", {
+            ])) : r.sortable == !0 || r.sortable == null ? (i(), n("span", Mt)) : h("", !0),
+            r.searchable ? q((i(), n("input", {
               key: 2,
               type: "text",
-              "onUpdate:modelValue": (d) => n.columnFilters[i.key] = d,
-              onClick: a[0] || (a[0] = B(() => {
+              "onUpdate:modelValue": (d) => e.columnFilters[r.key] = d,
+              onClick: t[0] || (t[0] = W(() => {
               }, ["stop"])),
               placeholder: "Search...",
               class: "column-search-input"
-            }, null, 8, Vt)), [
-              [Q, n.columnFilters[i.key]]
-            ]) : f("", !0)
-          ], 14, wt))), 128))
+            }, null, 8, Ct)), [
+              [x, e.columnFilters[r.key]]
+            ]) : h("", !0)
+          ], 14, Vt))), 128))
         ]))
       ]),
-      e.loading == !0 ? (l(), o("tbody", It, [
+      e.loading == !0 ? (i(), n("tbody", Pt, [
         u("tr", null, [
           u("td", {
             class: "text-center",
-            colspan: e.headers.length
-          }, a[3] || (a[3] = [
+            colspan: e.headers ? e.headers.length : 1
+          }, [...t[3] || (t[3] = [
             u("span", { class: "loader" }, null, -1)
-          ]), 8, $t)
+          ])], 8, Bt)
         ])
-      ])) : (l(!0), o(y, { key: 3 }, S(s.paginatedArray, (i) => (l(), o("tbody", {
-        class: m({
-          clickable: t.$attrs["onClick:row"] != null
+      ])) : e.$slots.body ? (i(), n("tbody", Tt, [
+        m(e.$slots, "body", { items: e.paginatedArray }, void 0, !0)
+      ])) : (i(!0), n($, { key: 3 }, V(e.paginatedArray, (r) => (i(), n("tbody", {
+        class: f({
+          clickable: e.$attrs["onClick:row"] != null
         }),
-        onClick: (d) => t.$emit("click:row", i)
+        onClick: (d) => e.$emit("click:row", r)
       }, [
-        t.$slots.item ? p(t.$slots, "item", {
+        e.$slots.item ? m(e.$slots, "item", {
           key: 0,
-          item: i,
-          items: s.paginatedArray
-        }, void 0, !0) : (l(), o("tr", {
+          item: r,
+          items: e.paginatedArray
+        }, void 0, !0) : (i(), n("tr", {
           key: 1,
-          class: m({ bold: i.bold })
+          class: f({ bold: r.bold })
         }, [
-          (l(!0), o(y, null, S(e.headers, (d) => (l(), o("td", {
-            class: m({
+          (i(!0), n($, null, V(e.headers, (d) => (i(), n("td", {
+            class: f({
               "text-left": d.align == "left" || d.align == null,
               "text-right": d.align == "right",
               "text-center": d.align == "center"
             })
           }, [
-            t.$slots["item." + d.key] ? p(t.$slots, `item.${d.key}`, {
+            `item.${d.key}` in e.$slots ? m(e.$slots, `item.${d.key}`, {
               key: 0,
-              value: i[d.key],
-              item: i,
-              items: s.sortedArray
-            }, void 0, !0) : (l(), o("span", Ct, c(i[d.key]), 1))
+              value: r[d.key],
+              item: r,
+              items: e.sortedArray
+            }, void 0, !0) : (i(), n("span", Wt, p(r[d.key]), 1))
           ], 2))), 256))
         ], 2))
-      ], 10, Mt))), 256))
+      ], 10, Ot))), 256))
     ]),
-    u("div", Pt, [
-      M(" Page " + c(n.currentPage) + " of " + c(s.totalNumberOfPages) + " ", 1),
+    u("div", Nt, [
+      B(" Page " + p(e.currentPage) + " of " + p(e.totalNumberOfPages) + " ", 1),
       u("button", {
-        disabled: n.currentPage == 1,
-        class: m({
-          "disable-button": n.currentPage == 1
+        disabled: e.currentPage == 1,
+        class: f({
+          "disable-button": e.currentPage == 1
         }),
-        onClick: a[1] || (a[1] = (i) => n.currentPage = n.currentPage - 1)
-      }, a[4] || (a[4] = [
+        onClick: t[1] || (t[1] = (r) => e.currentPage = e.currentPage - 1)
+      }, [...t[4] || (t[4] = [
         u("span", { class: "wra-chevron wra-chevron-left" }, null, -1)
-      ]), 10, Bt),
+      ])], 10, qt),
       u("button", {
-        disabled: n.currentPage == s.totalNumberOfPages,
-        class: m({
-          "disable-button": n.currentPage == s.totalNumberOfPages
+        disabled: e.currentPage == e.totalNumberOfPages,
+        class: f({
+          "disable-button": e.currentPage == e.totalNumberOfPages
         }),
-        onClick: a[2] || (a[2] = (i) => n.currentPage = n.currentPage + 1)
-      }, a[5] || (a[5] = [
+        onClick: t[2] || (t[2] = (r) => e.currentPage = e.currentPage + 1)
+      }, [...t[5] || (t[5] = [
         u("span", { class: "wra-chevron wra-chevron-right" }, null, -1)
-      ]), 10, Tt)
+      ])], 10, At)
     ])
   ]);
 }
-const Wt = /* @__PURE__ */ g(kt, [["render", Ot], ["__scopeId", "data-v-2cdb0a4c"]]), Ft = {
-  directives: { maska: D },
+const Et = /* @__PURE__ */ b($t, [["render", Ft], ["__scopeId", "data-v-ce2c389d"]]), Lt = g({
+  directives: { maska: R },
   name: "wra-date-input",
   props: {
     /**
@@ -1284,6 +1281,7 @@ const Wt = /* @__PURE__ */ g(kt, [["render", Ot], ["__scopeId", "data-v-2cdb0a4c
      * @default ""
      */
     modelValue: {
+      type: [String, Object],
       required: !0,
       default: ""
     },
@@ -1292,7 +1290,8 @@ const Wt = /* @__PURE__ */ g(kt, [["render", Ot], ["__scopeId", "data-v-2cdb0a4c
      * @type {string}
      */
     label: {
-      type: String
+      type: String,
+      required: !1
     },
     /**
      * The ID for the input field.
@@ -1301,9 +1300,9 @@ const Wt = /* @__PURE__ */ g(kt, [["render", Ot], ["__scopeId", "data-v-2cdb0a4c
      * @default "dateInput"
      */
     id: {
+      type: String,
       required: !0,
-      default: "dateInput",
-      type: String
+      default: "dateInput"
     },
     /**
      * The input mode for the input field.
@@ -1312,10 +1311,19 @@ const Wt = /* @__PURE__ */ g(kt, [["render", Ot], ["__scopeId", "data-v-2cdb0a4c
      * @validator value {string} - The input mode must be "numeric".
      */
     inputmode: {
-      default: "numeric",
       type: String,
-      validator(t) {
-        return ["numeric"].includes(t);
+      default: "numeric",
+      validator(e) {
+        return [
+          "numeric",
+          "search",
+          "text",
+          "email",
+          "tel",
+          "url",
+          "none",
+          "decimal"
+        ].includes(e);
       }
     },
     /**
@@ -1324,8 +1332,8 @@ const Wt = /* @__PURE__ */ g(kt, [["render", Ot], ["__scopeId", "data-v-2cdb0a4c
      * @default false
      */
     required: {
-      default: !1,
-      type: Boolean
+      type: Boolean,
+      default: !1
     },
     /**
      * The placeholder text for the input field.
@@ -1334,8 +1342,8 @@ const Wt = /* @__PURE__ */ g(kt, [["render", Ot], ["__scopeId", "data-v-2cdb0a4c
      *
      */
     placeholder: {
-      default: "DD/MM/YYYY",
-      type: String
+      type: String,
+      default: "DD/MM/YYYY"
     },
     /**
      * Whether to use default validation for the input field.
@@ -1343,101 +1351,114 @@ const Wt = /* @__PURE__ */ g(kt, [["render", Ot], ["__scopeId", "data-v-2cdb0a4c
      * @default false
      */
     defaultValidation: {
+      type: Boolean,
       default: !1
     }
   },
   emits: ["update:modelValue", "valid"],
-  data: () => ({
-    maskedValue: "",
-    showError: !1,
-    firstValidation: !0,
-    dateObjectValue: null
-  }),
+  data() {
+    return {
+      maskedValue: "",
+      showError: !1,
+      firstValidation: !0,
+      dateObjectValue: null
+    };
+  },
   watch: {
     /**
      * Watcher for modelValue prop.
-     * @param {string} newValue - The new value of the modelValue prop.
+     * @param {string|Date} newValue - The new value of the modelValue prop.
      */
-    modelValue(t) {
-      t != this.dateObjectValue && this.setInitialState();
+    modelValue(e) {
+      e != this.dateObjectValue && this.setInitialState();
     }
   },
   methods: {
+    /**
+     * Handles input event safely for TypeScript.
+     */
+    onInputHandler(e) {
+      const t = e.target;
+      this.convertToDate(t ? t.value : "");
+    },
     /**
      * Swaps the day and month in a date string.
      * @param {string} input - The input date string in DD/MM/YYYY format.
      * @returns {string} - The date string with day and month swapped.
      */
-    swapMonthDay(t) {
-      var a = t.split("/");
-      return a[1] + "/" + a[0] + "/" + a[2];
+    swapMonthDay(e) {
+      const t = e.split("/");
+      return t[1] + "/" + t[0] + "/" + t[2];
     },
-    convertToDate(t) {
-      if (this.maskedValue = t, t.length == 10) {
-        let a = new Date(this.swapMonthDay(t));
-        a = new Date(
-          a.getTime() - a.getTimezoneOffset() * 60 * 1e3
+    convertToDate(e) {
+      if (this.maskedValue = e, e.length == 10) {
+        let t = new Date(this.swapMonthDay(e));
+        t = new Date(
+          t.getTime() - t.getTimezoneOffset() * 60 * 1e3
         );
-        let e = this.validate(a);
-        this.$emit("valid", { id: this.id, value: e }), e == !0 ? (this.dateObjectValue = a, this.$emit("update:modelValue", a)) : (this.dateObjectValue = null, this.$emit("update:modelValue", null));
+        const a = this.validate(t);
+        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));
       } else {
-        let a = this.validate(null);
-        this.$emit("valid", { id: this.id, value: a }), this.dateObjectValue = null, this.$emit("update:modelValue", null);
+        const t = this.validate(null);
+        this.$emit("valid", { id: this.id, value: t }), this.dateObjectValue = null, this.$emit("update:modelValue", null);
       }
     },
-    validate(t) {
+    validate(e) {
       if (this.defaultValidation === !1)
         return !0;
-      let a = !0;
-      return t === null ? (this.required == !0 && (this.showError = !0, a = !1), this.required == !1 && (this.maskedValue.length == 0 ? (this.showError = !1, a = !0) : (this.showError = !0, a = !1)), this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a) : (t == "Invalid Date" && (a = !1), parseInt(this.maskedValue.split("/")[1]) - 1 != t.getMonth() && (a = !1), this.showError = !a, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a);
+      let t = !0;
+      if (e === null)
+        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;
+      e == "Invalid Date" && (t = !1);
+      const a = parseInt(this.maskedValue.split("/")[1]) - 1;
+      return typeof e == "object" && a != e.getMonth() && (t = !1), this.showError = !t, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), t;
     },
     /**
      * Sets the initial state of the component based on the modelValue prop.
      */
     setInitialState() {
-      if (typeof this.modelValue == null || this.modelValue == null || this.modelValue == "") {
+      if (typeof this.modelValue > "u" || this.modelValue == null || this.modelValue == "") {
         this.convertToDate("");
         return;
       }
       if (typeof this.modelValue == "object") {
-        let t = this.modelValue.getDate().toString().padStart(2, "0") + "/" + (this.modelValue.getMonth() + 1).toString().padStart(2, "0") + "/" + this.modelValue.getFullYear();
+        const e = this.modelValue.getDate().toString().padStart(2, "0") + "/" + (this.modelValue.getMonth() + 1).toString().padStart(2, "0") + "/" + this.modelValue.getFullYear();
+        this.convertToDate(e);
+      } else if (typeof this.modelValue == "string" && this.modelValue.includes("T")) {
+        const e = new Date(this.modelValue), t = e.getDate().toString().padStart(2, "0") + "/" + (e.getMonth() + 1).toString().padStart(2, "0") + "/" + e.getFullYear();
         this.convertToDate(t);
-      } else if (this.modelValue.includes("T")) {
-        let t = new Date(this.modelValue), a = t.getDate().toString().padStart(2, "0") + "/" + (t.getMonth() + 1).toString().padStart(2, "0") + "/" + t.getFullYear();
-        this.convertToDate(a);
-      } else
-        this.convertToDate(this.modelValue);
+      } else typeof this.modelValue == "string" && this.convertToDate(this.modelValue);
     }
   },
   mounted() {
     this.setInitialState();
   }
-}, Nt = ["for"], At = ["id", "value", "inputmode", "placeholder", "defaultValidation"], Et = { key: 1 };
-function qt(t, a, e, r, n, s) {
-  const i = q("maska");
-  return l(), o("div", {
-    class: m({ error: t.showError != !1 })
+}), jt = ["for"], Dt = ["id", "value", "inputmode", "placeholder", "defaultValidation"], zt = { key: 1 };
+function Rt(e, t, a, s, o, l) {
+  const r = D("maska");
+  return i(), n("div", {
+    class: f({ error: e.showError != !1 })
   }, [
-    e.label ? (l(), o("label", {
+    e.label ? (i(), n("label", {
       key: 0,
       for: e.id
-    }, c(e.label), 9, Nt)) : f("", !0),
-    O(u("input", {
+    }, p(e.label), 9, jt)) : h("", !0),
+    q(u("input", {
       id: e.id,
       type: "text",
-      value: t.maskedValue,
-      inputmode: e.inputmode ?? "numeric",
+      value: e.maskedValue,
+      inputmode: e.inputmode ? e.inputmode : "numeric",
       placeholder: e.placeholder,
       defaultValidation: e.defaultValidation,
-      onInput: a[0] || (a[0] = (d) => s.convertToDate(d.target.value)),
+      onInput: t[0] || (t[0] = (...d) => e.onInputHandler && e.onInputHandler(...d)),
       "data-maska-eager": ""
-    }, null, 40, At), [
-      [i, "##/##/####"]
+    }, null, 40, Dt), [
+      [r, "##/##/####"]
     ]),
-    t.showError && e.required != null ? (l(), o("p", Et, "Invalid date")) : f("", !0)
+    e.showError && e.required != null ? (i(), n("p", zt, "Invalid date")) : h("", !0)
   ], 2);
 }
-const Lt = /* @__PURE__ */ g(Ft, [["render", qt], ["__scopeId", "data-v-015240fd"]]), Dt = {
+const _t = /* @__PURE__ */ b(Lt, [["render", Rt], ["__scopeId", "data-v-49969f70"]]), Kt = g({
   name: "wra-header",
   props: {
     /**
@@ -1448,34 +1469,34 @@ const Lt = /* @__PURE__ */ g(Ft, [["render", qt], ["__scopeId", "data-v-015240fd
       required: !0
     }
   }
-}, jt = { key: 0 }, zt = { key: 1 }, Rt = { key: 2 }, Kt = { key: 3 }, Ht = { key: 4 }, Ut = { key: 5 };
-function Gt(t, a, e, r, n, s) {
-  return l(), o("div", null, [
-    e.size == "h1" ? (l(), o("h1", jt, [
-      p(t.$slots, "default", {}, void 0, !0)
-    ])) : f("", !0),
-    e.size == "h2" ? (l(), o("h2", zt, [
-      p(t.$slots, "default", {}, void 0, !0)
-    ])) : f("", !0),
-    e.size == "h3" ? (l(), o("h3", Rt, [
-      p(t.$slots, "default", {}, void 0, !0)
-    ])) : f("", !0),
-    e.size == "h4" ? (l(), o("h4", Kt, [
-      p(t.$slots, "default", {}, void 0, !0)
-    ])) : f("", !0),
-    e.size == "h5" ? (l(), o("h5", Ht, [
-      p(t.$slots, "default", {}, void 0, !0)
-    ])) : f("", !0),
-    e.size == "h6" ? (l(), o("h6", Ut, [
-      p(t.$slots, "default", {}, void 0, !0)
-    ])) : f("", !0)
+}), Ht = { key: 0 }, Ut = { key: 1 }, Gt = { key: 2 }, Yt = { key: 3 }, Jt = { key: 4 }, Zt = { key: 5 };
+function Qt(e, t, a, s, o, l) {
+  return i(), n("div", null, [
+    e.size == "h1" ? (i(), n("h1", Ht, [
+      m(e.$slots, "default", {}, void 0, !0)
+    ])) : h("", !0),
+    e.size == "h2" ? (i(), n("h2", Ut, [
+      m(e.$slots, "default", {}, void 0, !0)
+    ])) : h("", !0),
+    e.size == "h3" ? (i(), n("h3", Gt, [
+      m(e.$slots, "default", {}, void 0, !0)
+    ])) : h("", !0),
+    e.size == "h4" ? (i(), n("h4", Yt, [
+      m(e.$slots, "default", {}, void 0, !0)
+    ])) : h("", !0),
+    e.size == "h5" ? (i(), n("h5", Jt, [
+      m(e.$slots, "default", {}, void 0, !0)
+    ])) : h("", !0),
+    e.size == "h6" ? (i(), n("h6", Zt, [
+      m(e.$slots, "default", {}, void 0, !0)
+    ])) : h("", !0)
   ]);
 }
-const ae = /* @__PURE__ */ g(Dt, [["render", Gt], ["__scopeId", "data-v-6feb6611"]]), Yt = {
+const se = /* @__PURE__ */ b(Kt, [["render", Qt], ["__scopeId", "data-v-6d53d792"]]), Xt = g({
   name: "wra-dialog",
   components: {
-    WraHeader: ae,
-    WraButton: U
+    WraHeader: se,
+    WraButton: Y
   },
   props: {
     /**
@@ -1517,6 +1538,11 @@ const ae = /* @__PURE__ */ g(Dt, [["render", Gt], ["__scopeId", "data-v-6feb6611
     }
   },
   emits: ["confirm", "cancel", "close"],
+  data() {
+    return {
+      lastFocused: null
+    };
+  },
   methods: {
     openDialog() {
       this.$refs.dialog.showModal(), this.focusConfirm();
@@ -1530,27 +1556,24 @@ const ae = /* @__PURE__ */ g(Dt, [["render", Gt], ["__scopeId", "data-v-6feb6611
     cancel() {
       this.$refs.dialog.close(), this.$emit("cancel");
     },
-    handleTab(t) {
-      var r, n;
-      const a = [
-        ((r = this.$refs.confirmBtn) == null ? void 0 : r.$el) || this.$refs.confirmBtn,
-        ((n = this.$refs.cancelBtn) == null ? void 0 : n.$el) || this.$refs.cancelBtn
-      ].filter(Boolean);
-      if (!a.length) return;
-      const e = a.indexOf(document.activeElement);
-      if (t.shiftKey) {
-        const s = (e - 1 + a.length) % a.length;
-        a[s].focus();
+    handleTab(e) {
+      var l, r;
+      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);
+      if (!s.length) return;
+      const o = s.indexOf(document.activeElement);
+      if (e.shiftKey) {
+        const d = (o - 1 + s.length) % s.length;
+        s[d].focus();
       } else {
-        const s = (e + 1) % a.length;
-        a[s].focus();
+        const d = (o + 1) % s.length;
+        s[d].focus();
       }
     },
     focusConfirm() {
-      this.$nextTick(() => {
-        var a;
-        const t = ((a = this.$refs.confirmBtn) == null ? void 0 : a.$el) || this.$refs.confirmBtn;
-        t && typeof t.focus == "function" && t.focus();
+      ne(() => {
+        var t;
+        const e = ((t = this.$refs.confirmBtn) == null ? void 0 : t.$el) || this.$refs.confirmBtn;
+        e && typeof e.focus == "function" && e.focus();
       });
     },
     restoreFocus() {
@@ -1560,53 +1583,53 @@ const ae = /* @__PURE__ */ g(Dt, [["render", Gt], ["__scopeId", "data-v-6feb6611
   mounted() {
     this.lastFocused = document.activeElement;
   }
-}, Jt = { class: "dialog-content" }, Zt = {
+}), xt = { class: "dialog-content" }, ea = {
   id: "dialog-message",
   class: "mt-4"
-}, Qt = { class: "dialog-buttons" };
-function Xt(t, a, e, r, n, s) {
-  const i = N("wra-header"), d = N("wra-button");
-  return l(), L(ie, { to: "body" }, [
+}, ta = { class: "dialog-buttons" };
+function aa(e, t, a, s, o, l) {
+  const r = E("wra-header"), d = E("wra-button");
+  return i(), z(oe, { to: "body" }, [
     u("dialog", {
       ref: "dialog",
       class: "dialog-class",
       "aria-labelledby": "dialog-title",
       "aria-describedby": "dialog-message",
       tabindex: "-1",
-      onClose: a[0] || (a[0] = (...h) => s.closeDialog && s.closeDialog(...h)),
+      onClose: t[0] || (t[0] = (...c) => e.closeDialog && e.closeDialog(...c)),
       onKeydown: [
-        a[1] || (a[1] = w(B((...h) => s.handleTab && s.handleTab(...h), ["prevent"]), ["tab"])),
-        a[2] || (a[2] = w((...h) => s.cancel && s.cancel(...h), ["esc"]))
+        t[1] || (t[1] = S(W((...c) => e.handleTab && e.handleTab(...c), ["prevent"]), ["tab"])),
+        t[2] || (t[2] = S((...c) => e.cancel && e.cancel(...c), ["esc"]))
       ]
     }, [
-      u("div", Jt, [
-        F(i, {
+      u("div", xt, [
+        F(r, {
           size: "h3",
           id: "dialog-title"
         }, {
-          default: T(() => [
-            M(c(e.title), 1)
+          default: N(() => [
+            B(p(e.title), 1)
           ]),
           _: 1
         }),
-        u("p", Zt, c(e.message), 1),
-        u("div", Qt, [
+        u("p", ea, p(e.message), 1),
+        u("div", ta, [
           F(d, {
             ref: "confirmBtn",
             backgroundColor: e.isDelete ? "wra-red" : "wra-green",
-            onClick: s.confirm
+            onClick: e.confirm
           }, {
-            default: T(() => [
-              M(c(e.confirmText), 1)
+            default: N(() => [
+              B(p(e.confirmText), 1)
             ]),
             _: 1
           }, 8, ["backgroundColor", "onClick"]),
           F(d, {
             ref: "cancelBtn",
-            onClick: s.cancel
+            onClick: e.cancel
           }, {
-            default: T(() => [
-              M(c(e.cancelText), 1)
+            default: N(() => [
+              B(p(e.cancelText), 1)
             ]),
             _: 1
           }, 8, ["onClick"])
@@ -1615,15 +1638,15 @@ function Xt(t, a, e, r, n, s) {
     ], 544)
   ]);
 }
-const ea = /* @__PURE__ */ g(Yt, [["render", Xt], ["__scopeId", "data-v-7b5e24d0"]]), ta = {
+const sa = /* @__PURE__ */ b(Xt, [["render", aa], ["__scopeId", "data-v-a58221e3"]]), ra = g({
   name: "wra-divider",
   props: {
     /** Thickness of the divider */
     thickness: {
       type: String,
       default: "medium",
-      validator(t) {
-        return t == "large" || t == "medium" || t == "small";
+      validator(e) {
+        return e == "large" || e == "medium" || e == "small";
       }
     },
     /** Aria role for the divider */
@@ -1635,18 +1658,18 @@ const ea = /* @__PURE__ */ g(Yt, [["render", Xt], ["__scopeId", "data-v-7b5e24d0
   data() {
     return {};
   }
-}, aa = ["role"];
-function sa(t, a, e, r, n, s) {
-  return l(), o("hr", {
+}), ia = ["role"];
+function na(e, t, a, s, o, l) {
+  return i(), n("hr", {
     role: e.role,
-    class: m({
+    class: f({
       "wra-divider-large": e.thickness === "large",
       "wra-divider": e.thickness === "medium",
       "wra-divider-small": e.thickness === "small"
     })
-  }, null, 10, aa);
+  }, null, 10, ia);
 }
-const ra = /* @__PURE__ */ g(ta, [["render", sa], ["__scopeId", "data-v-adda45c5"]]), ia = {
+const oa = /* @__PURE__ */ b(ra, [["render", na], ["__scopeId", "data-v-40db3bc1"]]), la = g({
   name: "wra-expansion-panel",
   props: {
     title: {
@@ -1685,46 +1708,46 @@ const ra = /* @__PURE__ */ g(ta, [["render", sa], ["__scopeId", "data-v-adda45c5
       this.showPanel = !this.showPanel;
     }
   }
-}, na = ["aria-controls", "id"], la = { class: "icon-wrapper" }, oa = ["aria-hidden", "id"], ua = { class: "inner-panel" };
-function da(t, a, e, r, n, s) {
-  return l(), o("div", null, [
+}), ua = ["aria-controls", "id"], da = { class: "icon-wrapper" }, pa = ["aria-hidden", "id"], ca = { class: "inner-panel" };
+function ha(e, t, a, s, o, l) {
+  return i(), n("div", null, [
     u("button", {
       class: "expansion-button",
       "aria-controls": "expansion-content-" + e.ariaTitle,
       id: "expansion-control-" + e.ariaTitle,
-      onClick: a[0] || (a[0] = (...i) => s.togglePanel && s.togglePanel(...i)),
-      style: E(s.style)
+      onClick: t[0] || (t[0] = (...r) => e.togglePanel && e.togglePanel(...r)),
+      style: j(e.style)
     }, [
-      p(t.$slots, "title", {}, () => [
-        M(c(e.title), 1)
+      m(e.$slots, "title", {}, () => [
+        B(p(e.title), 1)
       ], !0),
-      u("span", la, [
+      u("span", da, [
         u("span", {
-          class: m(["panel-icon", {
-            "show-panel-icon": n.showPanel,
-            "hide-panel-icon": !n.showPanel
+          class: f(["panel-icon", {
+            "show-panel-icon": e.showPanel,
+            "hide-panel-icon": !e.showPanel
           }])
         }, null, 2)
       ])
-    ], 12, na),
-    F(H, { name: "slide-fade" }, {
-      default: T(() => [
-        n.showPanel ? (l(), o("div", {
+    ], 12, ua),
+    F(G, { name: "slide-fade" }, {
+      default: N(() => [
+        e.showPanel ? (i(), n("div", {
           key: 0,
           class: "panel-content",
-          "aria-hidden": !n.showPanel,
+          "aria-hidden": !e.showPanel,
           id: "content-" + e.ariaTitle
         }, [
-          u("div", ua, [
-            p(t.$slots, "default", {}, void 0, !0)
+          u("div", ca, [
+            m(e.$slots, "default", {}, void 0, !0)
           ])
-        ], 8, oa)) : f("", !0)
+        ], 8, pa)) : h("", !0)
       ]),
       _: 3
     })
   ]);
 }
-const ca = /* @__PURE__ */ g(ia, [["render", da], ["__scopeId", "data-v-4cb2edc7"]]), ha = {
+const fa = /* @__PURE__ */ b(la, [["render", ha], ["__scopeId", "data-v-aad4db7d"]]), ma = g({
   name: "wra-validation-tooltip",
   props: {
     /**
@@ -1735,28 +1758,28 @@ const ca = /* @__PURE__ */ g(ia, [["render", da], ["__scopeId", "data-v-4cb2edc7
       required: !0
     }
   }
-};
-function fa(t, a, e, r, n, s) {
-  return l(), o("div", {
-    class: m(["validation-tooltip", e.type])
+});
+function ga(e, t, a, s, o, l) {
+  return i(), n("div", {
+    class: f(["validation-tooltip", e.type])
   }, [
-    t.$slots["custom-icon"] ? (l(), o("span", {
+    e.$slots["custom-icon"] ? (i(), n("span", {
       key: 0,
-      class: m([{
+      class: f([{
         "custom-icon-wrapper": ["custom-icon"]
       }, "icon"])
     }, [
-      p(t.$slots, "custom-icon", {}, void 0, !0)
-    ])) : f("", !0),
-    p(t.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "custom-icon", {}, void 0, !0)
+    ])) : h("", !0),
+    m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const se = /* @__PURE__ */ g(ha, [["render", fa], ["__scopeId", "data-v-04d7c0aa"]]), ma = {
+const re = /* @__PURE__ */ b(ma, [["render", ga], ["__scopeId", "data-v-391271cf"]]), ba = g({
   name: "file-upload",
   emits: ["change"],
   components: {
-    ValidationTooltip: se,
-    Button: U
+    ValidationTooltip: re,
+    Button: Y
   },
   props: {
     /**
@@ -1782,8 +1805,8 @@ const se = /* @__PURE__ */ g(ha, [["render", fa], ["__scopeId", "data-v-04d7c0aa
      */
     capture: {
       type: String,
-      validator(t) {
-        return ["user", "environment"].includes(t);
+      validator(e) {
+        return ["user", "environment"].includes(e);
       }
     },
     /**
@@ -1865,15 +1888,15 @@ const se = /* @__PURE__ */ g(ha, [["render", fa], ["__scopeId", "data-v-04d7c0aa
     };
   },
   methods: {
-    handleFileChange(t) {
-      const a = t.target.files;
-      if (a.length > 0) {
-        const e = Array.from(a);
+    handleFileChange(e) {
+      const a = e.target.files;
+      if (a && a.length > 0) {
+        const s = Array.from(a);
         if (typeof this.maxSize < "u" && this.maxSize !== null) {
-          this.fileSize = e.reduce((r, n) => r + n.size, 0), this.fileSizeError = this.fileSize > this.maxSize;
+          this.fileSize = s.reduce((o, l) => o + l.size, 0), this.fileSizeError = this.fileSize > this.maxSize;
           return;
         }
-        this.fileName = e.map((r) => r.name).join(", ");
+        this.fileName = s.map((o) => o.name).join(", ");
       } else
         this.fileName = "No file chosen";
       this.$emit("change", a);
@@ -1887,47 +1910,50 @@ const se = /* @__PURE__ */ g(ha, [["render", fa], ["__scopeId", "data-v-04d7c0aa
       return this.error || this.fileSizeError;
     },
     humanReadableMaxSize() {
-      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`;
+      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`;
     }
   }
-}, pa = {
+}), ka = {
   key: 0,
   class: "file-upload-error-text"
-}, ga = {
+}, ya = {
   key: 1,
   class: "file-upload-error-text"
-}, ba = ["for"], ka = { class: "file-upload-wrapper" }, ya = ["id", "accept", "capture", "multiple"], va = { class: "file-name" };
-function _a(t, a, e, r, n, s) {
-  const i = N("ValidationTooltip"), d = N("Button");
-  return l(), o(y, null, [
-    F(H, { name: "error" }, {
-      default: T(() => [
-        s.isError ? (l(), L(i, {
+}, $a = ["for"], va = { class: "file-upload-wrapper" }, wa = ["id", "accept", "capture", "multiple"], Sa = { class: "file-name" };
+function Va(e, t, a, s, o, l) {
+  const r = E("ValidationTooltip"), d = E("Button");
+  return i(), n($, null, [
+    F(G, { name: "error" }, {
+      default: N(() => [
+        e.isError ? (i(), z(r, {
           key: 0,
           class: "file-upload-error-box",
           type: "wra-error"
         }, {
-          default: T(() => [
-            e.error ? (l(), o("p", pa, c(e.errorMessage), 1)) : f("", !0),
-            n.fileSizeError ? (l(), o("p", ga, c(`${e.fileSizeErrorMessage.replace("{maxsize}", s.humanReadableMaxSize)}`), 1)) : f("", !0)
+          default: N(() => [
+            e.error ? (i(), n("p", ka, p(e.errorMessage), 1)) : h("", !0),
+            e.fileSizeError ? (i(), n("p", ya, p(e.fileSizeErrorMessage.replace(
+              "{maxsize}",
+              String(e.humanReadableMaxSize)
+            )), 1)) : h("", !0)
           ]),
           _: 1
-        })) : f("", !0)
+        })) : h("", !0)
       ]),
       _: 1
     }),
     u("div", {
       class: "file-upload-label",
       for: e.id
-    }, c(e.label), 9, ba),
-    u("div", ka, [
+    }, p(e.label), 9, $a),
+    u("div", va, [
       F(d, {
         size: "small",
         backgroundColor: e.backgroundColor,
-        onClick: s.triggerFileInput
+        onClick: e.triggerFileInput
       }, {
-        default: T(() => [
-          M(c(e.buttonText), 1)
+        default: N(() => [
+          B(p(e.buttonText), 1)
         ]),
         _: 1
       }, 8, ["backgroundColor", "onClick"]),
@@ -1938,13 +1964,13 @@ function _a(t, a, e, r, n, s) {
         accept: e.accept,
         capture: e.capture,
         multiple: e.multiple,
-        onChange: a[0] || (a[0] = (...h) => s.handleFileChange && s.handleFileChange(...h))
-      }, null, 40, ya),
-      u("span", va, c(n.fileName), 1)
+        onChange: t[0] || (t[0] = (...c) => e.handleFileChange && e.handleFileChange(...c))
+      }, null, 40, wa),
+      u("span", Sa, p(e.fileName), 1)
     ])
   ], 64);
 }
-const wa = /* @__PURE__ */ g(ma, [["render", _a], ["__scopeId", "data-v-da8c427f"]]), Sa = {
+const Ia = /* @__PURE__ */ b(ba, [["render", Va], ["__scopeId", "data-v-b5c85208"]]), Ma = g({
   name: "wra-footer",
   props: {
     /**
@@ -1955,15 +1981,15 @@ const wa = /* @__PURE__ */ g(ma, [["render", _a], ["__scopeId", "data-v-da8c427f
       default: !1
     }
   }
-};
-function xa(t, a, e, r, n, s) {
-  return l(), o("footer", {
-    class: m(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
+});
+function Ca(e, t, a, s, o, l) {
+  return i(), n("footer", {
+    class: f(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
   }, [
-    p(t.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Va = /* @__PURE__ */ g(Sa, [["render", xa], ["__scopeId", "data-v-f78a0985"]]), Ia = {
+const Pa = /* @__PURE__ */ b(Ma, [["render", Ca], ["__scopeId", "data-v-ec223b2a"]]), Ba = g({
   name: "wra-icon",
   props: {
     /** Name of icon from material design icons by  pictogrammers */
@@ -1995,9 +2021,9 @@ const Va = /* @__PURE__ */ g(Sa, [["render", xa], ["__scopeId", "data-v-f78a0985
       type: String
     }
   }
-}, $a = ["width", "height", "viewBox", "stroke", "fill"], Ma = ["d"];
-function Ca(t, a, e, r, n, s) {
-  return l(), o("svg", {
+}), Ta = ["width", "height", "viewBox", "stroke", "fill"], Oa = ["d"];
+function Wa(e, t, a, s, o, l) {
+  return i(), n("svg", {
     width: e.width + "px",
     height: e.height + "px",
     viewBox: e.viewBox,
@@ -2008,10 +2034,10 @@ function Ca(t, a, e, r, n, s) {
       d: e.icon,
       width: "100%",
       height: "100%"
-    }, null, 8, Ma)
-  ], 8, $a);
+    }, null, 8, Oa)
+  ], 8, Ta);
 }
-const Pa = /* @__PURE__ */ g(Ia, [["render", Ca]]), Ba = {
+const Na = /* @__PURE__ */ b(Ba, [["render", Wa]]), qa = g({
   name: "wra-inset",
   props: {
     /**
@@ -2023,7 +2049,7 @@ const Pa = /* @__PURE__ */ g(Ia, [["render", Ca]]), Ba = {
     colour: {
       type: String,
       default: "wra-revenue",
-      validate(t) {
+      validator(e) {
         return [
           "wra-revenue",
           "wra-charcoal",
@@ -2031,20 +2057,20 @@ const Pa = /* @__PURE__ */ g(Ia, [["render", Ca]]), Ba = {
           "wra-blue",
           "wra-green",
           "wra-yellow"
-        ].includes(t);
+        ].includes(e);
       }
     }
   }
-};
-function Ta(t, a, e, r, n, s) {
-  return l(), o("div", {
-    class: m(["wra-inset", e.colour])
+});
+function Aa(e, t, a, s, o, l) {
+  return i(), n("div", {
+    class: f(["wra-inset", e.colour])
   }, [
-    p(t.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Oa = /* @__PURE__ */ g(Ba, [["render", Ta], ["__scopeId", "data-v-f32082c4"]]), Wa = {
-  directives: { maska: D },
+const Fa = /* @__PURE__ */ b(qa, [["render", Aa], ["__scopeId", "data-v-5eaa02a8"]]), Ea = g({
+  directives: { maska: R },
   name: "wra-number-input",
   props: {
     /**
@@ -2053,6 +2079,7 @@ const Oa = /* @__PURE__ */ g(Ba, [["render", Ta], ["__scopeId", "data-v-f32082c4
      * @required
      */
     modelValue: {
+      type: [String, Number],
       required: !0,
       default: ""
     },
@@ -2084,8 +2111,8 @@ const Oa = /* @__PURE__ */ g(Ba, [["render", Ta], ["__scopeId", "data-v-f32082c4
       type: String,
       // Default of number causes issues with maska
       default: "text",
-      validator(t) {
-        return ["text", "password", "search"].includes(t);
+      validator(e) {
+        return ["text", "password", "search"].includes(e);
       }
     },
     /**
@@ -2096,8 +2123,8 @@ const Oa = /* @__PURE__ */ g(Ba, [["render", Ta], ["__scopeId", "data-v-f32082c4
     inputmode: {
       type: String,
       default: "numeric",
-      validator(t) {
-        return ["numeric", "decimal", "text"].includes(t);
+      validator(e) {
+        return ["numeric", "decimal", "text"].includes(e);
       }
     },
     /**
@@ -2139,20 +2166,21 @@ const Oa = /* @__PURE__ */ g(Ba, [["render", Ta], ["__scopeId", "data-v-f32082c4
     }
   },
   emits: ["update:modelValue", "valid"],
-  data: () => ({
-    dataValue: "",
-    errorMessage: "",
-    firstValidation: !0,
-    returnValue: ""
-  }),
+  data() {
+    return {
+      dataValue: "",
+      errorMessage: "",
+      firstValidation: !0,
+      returnValue: ""
+    };
+  },
   methods: {
-    validate(t) {
+    validate(e) {
       if (this.errorMessage = "", this.rules != null)
-        for (let a = 0; a < this.rules.length; a++) {
-          const e = this.rules[a];
-          let r = e(t);
-          if (r != !0) {
-            this.errorMessage = r, this.$emit("valid", { id: this.id, value: !1 });
+        for (let t = 0; t < this.rules.length; t++) {
+          const a = this.rules[t], s = a(e);
+          if (s != !0) {
+            this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
             break;
           }
         }
@@ -2161,9 +2189,9 @@ const Oa = /* @__PURE__ */ g(Ba, [["render", Ta], ["__scopeId", "data-v-f32082c4
         return;
       }
     },
-    onMaska(t) {
-      const a = this.emitMaskaDetails ? t : t.unmasked;
-      this.$emit("update:modelValue", a), this.validate(t.unmasked);
+    onMaska(e) {
+      const t = this.emitMaskaDetails ? e : e.unmasked;
+      this.$emit("update:modelValue", t), this.validate(e.unmasked);
     }
   },
   computed: {
@@ -2174,25 +2202,25 @@ const Oa = /* @__PURE__ */ g(Ba, [["render", Ta], ["__scopeId", "data-v-f32082c4
   created() {
     this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
   }
-}, Fa = ["for"], Na = { class: "input-wrapper" }, Aa = {
+}), La = ["for"], ja = { class: "input-wrapper" }, Da = {
   key: 0,
   class: "prefix"
-}, Ea = ["id", "type", "inputmode", "placeholder", "value"], qa = {
+}, za = ["id", "type", "inputmode", "placeholder", "value"], Ra = {
   key: 1,
   class: "suffix"
 };
-function La(t, a, e, r, n, s) {
-  const i = q("maska");
-  return l(), o("div", {
-    class: m({ error: t.errorMessage != !1 })
+function _a(e, t, a, s, o, l) {
+  const r = D("maska");
+  return i(), n("div", {
+    class: f({ error: !!e.errorMessage })
   }, [
-    e.label ? (l(), o("label", {
+    e.label ? (i(), n("label", {
       key: 0,
       for: e.id
-    }, c(e.label), 9, Fa)) : f("", !0),
-    u("div", Na, [
-      e.prefix ? (l(), o("span", Aa, c(e.prefix), 1)) : f("", !0),
-      O(u("input", {
+    }, p(e.label), 9, La)) : h("", !0),
+    u("div", ja, [
+      e.prefix ? (i(), n("span", Da, p(e.prefix), 1)) : h("", !0),
+      q(u("input", {
         id: e.id,
         type: e.type,
         inputmode: e.inputmode || "numeric",
@@ -2200,21 +2228,23 @@ function La(t, a, e, r, n, s) {
         value: e.modelValue,
         "data-maska-tokens": "9:[0-9]:repeated",
         "data-maska-reversed": "",
-        onMaska: a[0] || (a[0] = (d) => s.onMaska(d.detail)),
-        class: m(s.prefixPadding)
-      }, null, 42, Ea), [
-        [i, "9,99#"]
+        onMaska: t[0] || (t[0] = (d) => e.onMaska(d.detail)),
+        class: f(e.prefixPadding)
+      }, null, 42, za), [
+        [r, "9,99#"]
       ]),
-      e.suffix ? (l(), o("span", qa, c(e.suffix), 1)) : f("", !0)
+      e.suffix ? (i(), n("span", Ra, p(e.suffix), 1)) : h("", !0)
     ]),
-    u("p", null, c(t.errorMessage), 1)
+    u("p", null, p(e.errorMessage), 1)
   ], 2);
 }
-const Da = /* @__PURE__ */ g(Wa, [["render", La], ["__scopeId", "data-v-93248f45"]]), ja = {
+const Ka = /* @__PURE__ */ b(Ea, [["render", _a], ["__scopeId", "data-v-4bc18423"]]), Ha = g({
   name: "wra-pagination",
-  data: () => ({
-    currentPage: 0
-  }),
+  data() {
+    return {
+      currentPage: 0
+    };
+  },
   props: {
     /**
      * The current page number (v-model).
@@ -2267,6 +2297,7 @@ const Da = /* @__PURE__ */ g(Wa, [["render", La], ["__scopeId", "data-v-93248f45
       default: "Next"
     }
   },
+  emits: ["update:modelValue"],
   methods: {
     incPage() {
       this.currentPage < this.totalPages && (this.currentPage++, this.$emit("update:modelValue", this.currentPage));
@@ -2274,10 +2305,14 @@ const Da = /* @__PURE__ */ g(Wa, [["render", La], ["__scopeId", "data-v-93248f45
     decPage() {
       this.currentPage >= this.startIndex + 1 && (this.currentPage--, this.$emit("update:modelValue", this.currentPage));
     },
-    changePage(t) {
-      this.currentPage = t, this.$emit("update:modelValue", this.currentPage), this.$nextTick(() => {
-        var a, e;
-        (e = (a = this.$refs) == null ? void 0 : a[t]) != null && e[0] || console.log("No ref found for page", t), this.$refs[t][0].focus();
+    changePage(e) {
+      this.currentPage = e, this.$emit("update:modelValue", this.currentPage), this.$nextTick(() => {
+        const t = `page-${e}`, a = this.$refs[t];
+        if (!a || !a[0]) {
+          console.log("No ref found for page", e);
+          return;
+        }
+        a[0].focus();
       });
     },
     onKeyLeft() {
@@ -2287,12 +2322,11 @@ const Da = /* @__PURE__ */ g(Wa, [["render", La], ["__scopeId", "data-v-93248f45
       this.currentPage < this.totalPages && this.changePage(this.currentPage + 1);
     }
   },
-  emits: ["update:modelValue"],
   computed: {
     pageArray() {
       return Array.from(
         { length: this.totalPages },
-        (t, a) => a + this.startIndex
+        (e, t) => t + this.startIndex
       );
     },
     viewablePages() {
@@ -2305,76 +2339,76 @@ const Da = /* @__PURE__ */ g(Wa, [["render", La], ["__scopeId", "data-v-93248f45
       );
     },
     skipStart() {
-      let t = Math.ceil(this.length / 2) + this.startIndex;
-      return this.skip && this.currentPage >= t;
+      const e = Math.ceil(this.length / 2) + this.startIndex;
+      return this.skip && this.currentPage >= e;
     },
     skipEnd() {
-      let t = this.totalPages - Math.floor(this.length / 2) - this.startIndex;
-      return this.skip && this.currentPage <= t;
+      const e = this.totalPages - Math.floor(this.length / 2) - this.startIndex;
+      return this.skip && this.currentPage <= e;
     }
   },
   watch: {
-    modelValue(t) {
-      this.changePage(t);
+    modelValue(e) {
+      this.changePage(e);
     }
   },
   created() {
     this.currentPage = this.modelValue;
   }
-}, za = { class: "pagination" }, Ra = ["onClick"];
-function Ka(t, a, e, r, n, s) {
-  return l(), o("div", za, [
+}), Ua = { class: "pagination" }, Ga = ["onClick"];
+function Ya(e, t, a, s, o, l) {
+  return i(), n("div", Ua, [
     u("button", {
       class: "pagination-button",
-      onClick: a[0] || (a[0] = (i) => s.decPage())
+      onClick: t[0] || (t[0] = (r) => e.decPage())
     }, [
-      p(t.$slots, "previous", {}, () => [
-        a[6] || (a[6] = u("span", { class: "pagination-icon previous-icon" }, null, -1)),
-        u("span", null, c(e.previousLabel), 1)
+      m(e.$slots, "previous", {}, () => [
+        t[6] || (t[6] = u("span", { class: "pagination-icon previous-icon" }, null, -1)),
+        u("span", null, p(e.previousLabel), 1)
       ], !0)
     ]),
-    s.skipStart ? (l(), o(y, { key: 0 }, [
-      s.skipStart ? (l(), o("button", {
+    e.skipStart ? (i(), n($, { key: 0 }, [
+      e.skipStart ? (i(), n("button", {
         key: 0,
-        onClick: a[1] || (a[1] = (i) => s.changePage(e.startIndex)),
+        onClick: t[1] || (t[1] = (r) => e.changePage(e.startIndex)),
         class: "pagination-number"
-      }, c(e.startIndex), 1)) : f("", !0),
-      p(t.$slots, "divider", {}, () => [
-        a[7] || (a[7] = u("span", { class: "pagination-divider" }, "...", -1))
+      }, p(e.startIndex), 1)) : h("", !0),
+      m(e.$slots, "divider", {}, () => [
+        t[7] || (t[7] = u("span", { class: "pagination-divider" }, "...", -1))
       ], !0)
-    ], 64)) : f("", !0),
-    (l(!0), o(y, null, S(s.viewablePages, (i) => (l(), o("button", {
-      onClick: (d) => s.changePage(i),
+    ], 64)) : h("", !0),
+    (i(!0), n($, null, V(e.viewablePages, (r) => (i(), n("button", {
+      onClick: (d) => e.changePage(r),
       onKeydown: [
-        a[2] || (a[2] = w((d) => s.onKeyLeft(), ["left"])),
-        a[3] || (a[3] = w((d) => s.onKeyRight(), ["right"]))
+        t[2] || (t[2] = S((d) => e.onKeyLeft(), ["left"])),
+        t[3] || (t[3] = S((d) => e.onKeyRight(), ["right"]))
       ],
       ref_for: !0,
-      ref: i,
-      class: m(["pagination-number", t.currentPage === i && "pagination-number--selected"])
-    }, c(i), 43, Ra))), 256)),
-    s.skipEnd ? (l(), o(y, { key: 1 }, [
-      p(t.$slots, "divider", {}, () => [
-        a[8] || (a[8] = u("span", { class: "pagination-divider" }, "...", -1))
+      ref: "page-" + r,
+      class: f(["pagination-number", e.currentPage === r && "pagination-number--selected"])
+    }, p(r), 43, Ga))), 256)),
+    e.skipEnd ? (i(), n($, { key: 1 }, [
+      m(e.$slots, "divider", {}, () => [
+        t[8] || (t[8] = u("span", { class: "pagination-divider" }, "...", -1))
       ], !0),
       u("button", {
-        onClick: a[4] || (a[4] = (i) => s.changePage(e.totalPages)),
+        onClick: t[4] || (t[4] = (r) => e.changePage(e.totalPages)),
         class: "pagination-number"
-      }, c(e.totalPages), 1)
-    ], 64)) : f("", !0),
+      }, p(e.totalPages), 1)
+    ], 64)) : h("", !0),
     u("button", {
       class: "pagination-button",
-      onClick: a[5] || (a[5] = (i) => s.incPage())
+      onClick: t[5] || (t[5] = (r) => e.incPage())
     }, [
-      p(t.$slots, "next", {}, () => [
-        u("span", null, c(e.nextLabel), 1),
-        a[9] || (a[9] = u("span", { class: "pagination-icon next-icon" }, null, -1))
+      m(e.$slots, "next", {}, () => [
+        u("span", null, p(e.nextLabel), 1),
+        t[9] || (t[9] = u("span", { class: "pagination-icon next-icon" }, null, -1))
       ], !0)
     ])
   ]);
 }
-const Ha = /* @__PURE__ */ g(ja, [["render", Ka], ["__scopeId", "data-v-b8adcc77"]]), Ua = {
-  directives: { maska: D },
+const Ja = /* @__PURE__ */ b(Ha, [["render", Ya], ["__scopeId", "data-v-4fb0a9cd"]]), Za = g({
+  directives: { maska: R },
   name: "wra-price-input",
   props: {
     /**
@@ -2385,7 +2419,8 @@ const Ha = /* @__PURE__ */ g(ja, [["render", Ka], ["__scopeId", "data-v-b8adcc77
      */
     modelValue: {
       required: !0,
-      default: ""
+      default: "",
+      type: [String, Number]
     },
     /**
      * The label for the input field.
@@ -2414,8 +2449,8 @@ const Ha = /* @__PURE__ */ g(ja, [["render", Ka], ["__scopeId", "data-v-b8adcc77
     inputmode: {
       default: "decimal",
       type: String,
-      validator(t) {
-        return ["numeric", "decimal", "text"].includes(t);
+      validator(e) {
+        return ["numeric", "decimal", "text"].includes(e);
       }
     },
     /**
@@ -2452,39 +2487,40 @@ const Ha = /* @__PURE__ */ g(ja, [["render", Ka], ["__scopeId", "data-v-b8adcc77
     }
   },
   emits: ["update:modelValue", "valid"],
-  data: () => ({
-    maskedValue: "",
-    mask: {
-      preProcess: (t) => t.replace(/[£,]/g, ""),
-      postProcess: (t) => {
-        if (!t) return "";
-        const a = 3 - (t.includes(".") ? t.length - t.indexOf(".") : 0);
-        return Intl.NumberFormat("en-GB", {
-          style: "currency",
-          currency: "GBP"
-        }).format(t).slice(0, a ? -a : void 0).replace("£", "");
-      }
-    },
-    errorMessage: "",
-    firstValidation: !0
-  }),
+  data() {
+    return {
+      maskedValue: "",
+      mask: {
+        preProcess: (e) => e.replace(/[£,]/g, ""),
+        postProcess: (e) => {
+          if (!e) return "";
+          const t = 3 - (e.includes(".") ? e.length - e.indexOf(".") : 0), a = Number(e.replace(/,/g, ""));
+          return isNaN(a) ? e : Intl.NumberFormat("en-GB", {
+            style: "currency",
+            currency: "GBP"
+          }).format(a).slice(0, t ? -t : void 0).replace("£", "");
+        }
+      },
+      errorMessage: "",
+      firstValidation: !0
+    };
+  },
   watch: {
-    modelValue(t) {
-      this.maskedValue = t.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    modelValue(e) {
+      this.maskedValue = e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
     }
   },
   methods: {
-    onMaska(t) {
-      const a = t.detail.masked.replace(/[^0-9.]/g, "");
-      this.$emit("update:modelValue", a), this.validate(a);
+    onMaska(e) {
+      const t = e.detail.masked.replace(/[^0-9.]/g, "");
+      this.$emit("update:modelValue", t), this.validate(t);
     },
-    validate(t) {
+    validate(e) {
       if (this.errorMessage = "", this.rules != null)
-        for (let a = 0; a < this.rules.length; a++) {
-          const e = this.rules[a];
-          let r = e(t);
-          if (r != !0) {
-            this.errorMessage = r, this.$emit("valid", { id: this.id, value: !1 });
+        for (let t = 0; t < this.rules.length; t++) {
+          const a = this.rules[t], s = a(e);
+          if (s != !0) {
+            this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
             break;
           }
         }
@@ -2500,45 +2536,45 @@ const Ha = /* @__PURE__ */ g(ja, [["render", Ka], ["__scopeId", "data-v-b8adcc77
     }
   },
   mounted() {
-    this.maskedValue = this.modelValue, this.$emit("update:modelValue", this.maskedValue), this.validate(this.modelValue);
+    this.maskedValue = String(this.modelValue), this.$emit("update:modelValue", this.maskedValue), this.validate(this.modelValue);
   }
-}, Ga = ["for"], Ya = { class: "input-wrapper" }, Ja = {
+}), Qa = ["for"], Xa = { class: "input-wrapper" }, xa = {
   key: 0,
   class: "prefix"
-}, Za = ["id", "value", "inputmode", "placeholder"], Qa = {
+}, es = ["id", "value", "inputmode", "placeholder"], ts = {
   key: 1,
   class: "suffix"
 };
-function Xa(t, a, e, r, n, s) {
-  const i = q("maska");
-  return l(), o("div", {
-    class: m({ error: t.errorMessage != !1 })
+function as(e, t, a, s, o, l) {
+  const r = D("maska");
+  return i(), n("div", {
+    class: f({ error: e.errorMessage !== "" })
   }, [
-    e.label ? (l(), o("label", {
+    e.label ? (i(), n("label", {
       key: 0,
       for: e.id
-    }, c(e.label), 9, Ga)) : f("", !0),
-    u("div", Ya, [
-      e.prefix ? (l(), o("span", Ja, c(e.prefix), 1)) : f("", !0),
-      O(u("input", {
+    }, p(e.label), 9, Qa)) : h("", !0),
+    u("div", Xa, [
+      e.prefix ? (i(), n("span", xa, p(e.prefix), 1)) : h("", !0),
+      q(u("input", {
         id: e.id,
         type: "text",
-        value: t.maskedValue,
+        value: e.maskedValue,
         inputmode: e.inputmode || "decimal",
         placeholder: e.placeholder,
-        onMaska: a[0] || (a[0] = (...d) => s.onMaska && s.onMaska(...d)),
+        onMaska: t[0] || (t[0] = (...d) => e.onMaska && e.onMaska(...d)),
         "data-maska": "0.99",
         "data-maska-tokens": "0:\\d:multiple|9:\\d:optional",
-        class: m(s.prefixPadding)
-      }, null, 42, Za), [
-        [i, t.mask]
+        class: f(e.prefixPadding)
+      }, null, 42, es), [
+        [r, e.mask]
       ]),
-      e.suffix ? (l(), o("span", Qa, c(e.suffix), 1)) : f("", !0)
+      e.suffix ? (i(), n("span", ts, p(e.suffix), 1)) : h("", !0)
     ]),
-    u("p", null, c(t.errorMessage), 1)
+    u("p", null, p(e.errorMessage), 1)
   ], 2);
 }
-const es = /* @__PURE__ */ g(Ua, [["render", Xa], ["__scopeId", "data-v-e66a36da"]]), ts = {
+const ss = /* @__PURE__ */ b(Za, [["render", as], ["__scopeId", "data-v-7d92a809"]]), rs = g({
   name: "wra-radio",
   props: {
     groupName: {
@@ -2549,18 +2585,23 @@ const es = /* @__PURE__ */ g(Ua, [["render", Xa], ["__scopeId", "data-v-e66a36da
       type: Object,
       required: !0,
       default: () => ({ label: "", value: "" }),
-      validator: function(t) {
-        return t.hasOwnProperty("label") && t.hasOwnProperty("value") && t.hasOwnProperty("info");
+      validator: function(e) {
+        return Object.prototype.hasOwnProperty.call(e, "label") && Object.prototype.hasOwnProperty.call(e, "value") && Object.prototype.hasOwnProperty.call(e, "info");
       }
     },
     isChecked: {
       type: Boolean,
       required: !0
     }
+  },
+  methods: {
+    onChange(e) {
+      this.$emit("update:modelValue", this.option.value);
+    }
   }
-}, as = ["for"], ss = ["name", "value", "id", "checked", "aria-checked"], rs = { class: "radio-text" }, is = ["innerHTML"];
-function ns(t, a, e, r, n, s) {
-  return l(), o("div", null, [
+}), is = ["for"], ns = ["name", "value", "id", "checked", "aria-checked"], os = { class: "radio-text" }, ls = ["innerHTML"];
+function us(e, t, a, s, o, l) {
+  return i(), n("div", null, [
     u("label", {
       for: e.groupName + "-" + e.option.value,
       class: "radio-label"
@@ -2570,23 +2611,23 @@ function ns(t, a, e, r, n, s) {
         name: e.groupName,
         value: e.option.value,
         id: e.groupName + "-" + e.option.value,
-        onChange: a[0] || (a[0] = (i) => t.$parent.$emit("update:modelValue", e.option.value)),
+        onChange: t[0] || (t[0] = (...r) => e.onChange && e.onChange(...r)),
         class: "radio-input",
         checked: e.isChecked == !0,
         "aria-checked": e.isChecked
-      }, null, 40, ss),
-      u("span", rs, [
-        u("p", null, c(e.option.label), 1),
-        e.option.info ? (l(), o("p", {
+      }, null, 40, ns),
+      u("span", os, [
+        u("p", null, p(e.option.label), 1),
+        e.option.info ? (i(), n("p", {
           key: 0,
           class: "further-information-text",
           innerHTML: e.option.info
-        }, null, 8, is)) : f("", !0)
+        }, null, 8, ls)) : h("", !0)
       ])
-    ], 8, as)
+    ], 8, is)
   ]);
 }
-const ls = /* @__PURE__ */ g(ts, [["render", ns], ["__scopeId", "data-v-d18916d1"]]), os = {
+const ds = /* @__PURE__ */ b(rs, [["render", us], ["__scopeId", "data-v-4a565a05"]]), ps = g({
   name: "wra-radio-group",
   props: {
     /**
@@ -2600,7 +2641,7 @@ const ls = /* @__PURE__ */ g(ts, [["render", ns], ["__scopeId", "data-v-d18916d1
      * The v-model binding for the selected radio value.
      */
     modelValue: {
-      type: String
+      type: [String, Number]
     },
     /**
      * The array of options to display as radio buttons.
@@ -2624,36 +2665,36 @@ const ls = /* @__PURE__ */ g(ts, [["render", ns], ["__scopeId", "data-v-d18916d1
     }
   },
   methods: {
-    checkInput: function(t) {
-      return t == this.modelValue;
+    checkInput(e) {
+      return e == this.modelValue;
     }
   },
   components: {
-    WraRadio: ls
+    WraRadio: ds
   },
   computed: {
     validOptions() {
       return this.options ?? [];
     }
   }
-}, us = ["aria-label", "aria-describedby"];
-function ds(t, a, e, r, n, s) {
-  const i = N("wra-radio");
-  return l(), o("div", {
+}), cs = ["aria-label", "aria-describedby"];
+function hs(e, t, a, s, o, l) {
+  const r = E("wra-radio");
+  return i(), n("div", {
     role: "radiogroup",
     "aria-label": e.label,
     "aria-describedby": e.hint
   }, [
-    (l(!0), o(y, null, S(s.validOptions, (d) => (l(), L(i, {
+    (i(!0), n($, null, V(e.validOptions, (d) => (i(), z(r, {
       groupName: e.groupName,
       option: d,
       key: d.value,
       class: "radio",
-      isChecked: s.checkInput(d.value)
+      isChecked: e.checkInput(d.value)
     }, null, 8, ["groupName", "option", "isChecked"]))), 128))
-  ], 8, us);
+  ], 8, cs);
 }
-const cs = /* @__PURE__ */ g(os, [["render", ds], ["__scopeId", "data-v-b72f445c"]]), hs = {
+const fs = /* @__PURE__ */ b(ps, [["render", hs], ["__scopeId", "data-v-32c5746a"]]), ms = g({
   name: "wra-select",
   props: {
     /**
@@ -2710,20 +2751,24 @@ const cs = /* @__PURE__ */ g(os, [["render", ds], ["__scopeId", "data-v-b72f445c
     }
   },
   methods: {
-    validate(t) {
-      this.$emit("update:modelValue", t);
-      let a = this.validItems.some((e) => this.checkForObjectValue(e) == t);
-      if (this.required == !0 && a == !1) {
+    onSelectChange(e) {
+      const t = e.target, a = t ? t.value : "";
+      this.validate(a);
+    },
+    validate(e) {
+      this.$emit("update:modelValue", e);
+      const t = this.validItems.some((a) => this.checkForObjectValue(a) == e);
+      if (this.required == !0 && t == !1) {
         this.$emit("valid", { id: this.id || this.name, value: !1 });
         return;
       }
       this.$emit("valid", { id: this.id || this.name, value: !0 });
     },
-    checkForObjectValue(t) {
-      return typeof t == "object" ? t[this.itemValue] : t;
+    checkForObjectValue(e) {
+      return typeof e == "object" ? e[this.itemValue] : e;
     },
-    checkForObjectLabel(t) {
-      return typeof t == "object" ? t[this.itemLabel] : t;
+    checkForObjectLabel(e) {
+      return typeof e == "object" ? e[this.itemLabel] : e;
     }
   },
   computed: {
@@ -2735,38 +2780,38 @@ const cs = /* @__PURE__ */ g(os, [["render", ds], ["__scopeId", "data-v-b72f445c
     this.validate(this.modelValue);
   },
   emits: ["update:modelValue", "valid"]
-}, fs = ["for"], ms = { class: "select" }, ps = ["id", "value"], gs = ["value", "selected"], bs = { key: 0 }, ks = { key: 1 };
-function ys(t, a, e, r, n, s) {
-  return l(), o(y, null, [
+}), gs = ["for"], bs = { class: "select" }, ks = ["id", "value"], ys = ["value", "selected"], $s = { key: 0 }, vs = { key: 1 };
+function ws(e, t, a, s, o, l) {
+  return i(), n($, null, [
     u("label", {
       for: e.id || e.name
-    }, c(e.label), 9, fs),
-    u("div", ms, [
+    }, p(e.label), 9, gs),
+    u("div", bs, [
       u("select", {
         id: e.id || e.name,
         value: e.modelValue,
-        onChange: a[0] || (a[0] = (i) => s.validate(i.target.value))
+        onChange: t[0] || (t[0] = (...r) => e.onSelectChange && e.onSelectChange(...r))
       }, [
-        a[1] || (a[1] = u("option", {
+        t[1] || (t[1] = u("option", {
           value: "",
           selected: "",
           disabled: "",
           hidden: ""
         }, "-", -1)),
-        (l(!0), o(y, null, S(s.validItems, (i) => (l(), o("option", {
-          value: s.checkForObjectValue(i),
-          selected: e.modelValue == s.checkForObjectValue(i)
+        (i(!0), n($, null, V(e.validItems, (r) => (i(), n("option", {
+          value: e.checkForObjectValue(r),
+          selected: e.modelValue == e.checkForObjectValue(r)
         }, [
-          t.$slots.label ? (l(), o("span", bs, [
-            p(t.$slots, "label", { item: i }, void 0, !0)
-          ])) : (l(), o("span", ks, c(s.checkForObjectLabel(i)), 1))
-        ], 8, gs))), 256))
-      ], 40, ps),
-      a[2] || (a[2] = u("span", { class: "focus" }, null, -1))
+          e.$slots.label ? (i(), n("span", $s, [
+            m(e.$slots, "label", { item: r }, void 0, !0)
+          ])) : (i(), n("span", vs, p(e.checkForObjectLabel(r)), 1))
+        ], 8, ys))), 256))
+      ], 40, ks),
+      t[2] || (t[2] = u("span", { class: "focus" }, null, -1))
     ])
   ], 64);
 }
-const vs = /* @__PURE__ */ g(hs, [["render", ys], ["__scopeId", "data-v-e700f97c"]]), _s = {
+const Ss = /* @__PURE__ */ b(ms, [["render", ws], ["__scopeId", "data-v-f1105098"]]), Vs = g({
   name: "wra-service-logo",
   props: {
     /**
@@ -2803,9 +2848,9 @@ const vs = /* @__PURE__ */ g(hs, [["render", ys], ["__scopeId", "data-v-e700f97c
       type: [String, Number]
     }
   }
-}, ws = ["href", "aria-label"], Ss = ["src", "height", "alt"];
-function xs(t, a, e, r, n, s) {
-  return l(), o("a", {
+}), Is = ["href", "aria-label"], Ms = ["src", "height", "alt"];
+function Cs(e, t, a, s, o, l) {
+  return i(), n("a", {
     href: e.href,
     target: "_blank",
     rel: "noopener noreferrer",
@@ -2817,10 +2862,10 @@ function xs(t, a, e, r, n, s) {
       height: e.height,
       class: "service-logo",
       alt: e.alt
-    }, null, 8, Ss)
-  ], 8, ws);
+    }, null, 8, Ms)
+  ], 8, Is);
 }
-const Vs = /* @__PURE__ */ g(_s, [["render", xs], ["__scopeId", "data-v-c9a7cc51"]]), Is = {
+const Ps = /* @__PURE__ */ b(Vs, [["render", Cs], ["__scopeId", "data-v-726556fc"]]), Bs = g({
   name: "wra-simple-table",
   props: {
     /**
@@ -2841,30 +2886,30 @@ const Vs = /* @__PURE__ */ g(_s, [["render", xs], ["__scopeId", "data-v-c9a7cc51
       default: !0
     }
   }
-};
-function $s(t, a, e, r, n, s) {
-  return l(), o("div", {
-    class: m(["wra-simple-table-wrapper", {
+});
+function Ts(e, t, a, s, o, l) {
+  return i(), n("div", {
+    class: f(["wra-simple-table-wrapper", {
       "wra-simple-table-inherit": e.inheritBackground,
       "wra-simple-table-no-padding": e.inheritBackground
     }])
   }, [
     u("table", {
-      class: m(["wra-simple-table", { "left-align-headers": e.leftAlignHeaders }])
+      class: f(["wra-simple-table", { "left-align-headers": e.leftAlignHeaders }])
     }, [
-      e.caption ? (l(), o("caption", {
+      e.caption ? (i(), n("caption", {
         key: 0,
-        class: m(["wra-simple-table-caption", { "caption-no-padding": e.inheritBackground }])
+        class: f(["wra-simple-table-caption", { "caption-no-padding": e.inheritBackground }])
       }, [
-        p(t.$slots, "caption", {}, () => [
-          M(c(e.caption), 1)
+        m(e.$slots, "caption", {}, () => [
+          B(p(e.caption), 1)
         ])
-      ], 2)) : f("", !0),
-      p(t.$slots, "default")
+      ], 2)) : h("", !0),
+      m(e.$slots, "default")
     ], 2)
   ], 2);
 }
-const Ms = /* @__PURE__ */ g(Is, [["render", $s]]), Cs = {
+const Os = /* @__PURE__ */ b(Bs, [["render", Ts]]), Ws = g({
   name: "wra-skip-link",
   emits: ["click"],
   methods: {
@@ -2878,10 +2923,10 @@ const Ms = /* @__PURE__ */ g(Is, [["render", $s]]), Cs = {
         this.$emit("click");
         return;
       }
-      const t = document.getElementById(this.skipId);
-      if (t) {
-        const a = t.tabIndex;
-        t.tabIndex = -1, t.focus(), t.tabIndex = a;
+      const e = document.getElementById(this.skipId);
+      if (e) {
+        const t = e.tabIndex;
+        e.tabIndex = -1, e.focus(), e.tabIndex = t;
       }
     }
   },
@@ -2912,14 +2957,14 @@ const Ms = /* @__PURE__ */ g(Is, [["render", $s]]), Cs = {
       default: !1
     }
   }
-};
-function Ps(t, a, e, r, n, s) {
-  return l(), o("button", {
-    class: m(["skip-link", { "skip-link-full-width": e.fullWidth }]),
-    onClick: a[0] || (a[0] = (i) => s.onClick())
-  }, c(e.text), 3);
+});
+function Ns(e, t, a, s, o, l) {
+  return i(), n("button", {
+    class: f(["skip-link", { "skip-link-full-width": e.fullWidth }]),
+    onClick: t[0] || (t[0] = (r) => e.onClick())
+  }, p(e.text), 3);
 }
-const Bs = /* @__PURE__ */ g(Cs, [["render", Ps], ["__scopeId", "data-v-7a92cb77"]]), Ts = {
+const qs = /* @__PURE__ */ b(Ws, [["render", Ns], ["__scopeId", "data-v-8e4609fc"]]), As = g({
   name: "wra-snackbar",
   emits: ["update:visible"],
   props: {
@@ -2935,8 +2980,8 @@ const Bs = /* @__PURE__ */ g(Cs, [["render", Ps], ["__scopeId", "data-v-7a92cb77
     /** Time in ms for the snackbar to disappear after appearing */
     timeout: {
       type: Number,
-      validator(t) {
-        return t >= 0;
+      validator(e) {
+        return e >= 0;
       }
     },
     /** Theme of snackbar */
@@ -2950,22 +2995,24 @@ const Bs = /* @__PURE__ */ g(Cs, [["render", Ps], ["__scopeId", "data-v-7a92cb77
       default: !0
     }
   },
-  data: () => ({
-    showSnackbar: !1
-  }),
+  data() {
+    return {
+      showSnackbar: !1
+    };
+  },
   methods: {
-    snackbarTimer(t) {
+    snackbarTimer(e) {
       setTimeout(() => {
         this.showSnackbar = !1;
-      }, t);
+      }, e);
     },
     closeSnackbar() {
       this.showSnackbar = !1, this.$emit("update:visible", this.showSnackbar);
     }
   },
   watch: {
-    visible(t) {
-      this.showSnackbar = t, t === !0 && this.timeout && this.snackbarTimer(this.timeout);
+    visible(e) {
+      this.showSnackbar = e, e === !0 && this.timeout && this.snackbarTimer(this.timeout);
     }
   },
   created() {
@@ -2981,39 +3028,39 @@ const Bs = /* @__PURE__ */ g(Cs, [["render", Ps], ["__scopeId", "data-v-7a92cb77
       };
     }
   }
-}, Os = { class: "snackbar-content" };
-function Ws(t, a, e, r, n, s) {
-  return l(), L(H, { name: "snackbar" }, {
-    default: T(() => [
-      t.showSnackbar ? (l(), o("div", {
+}), Fs = { class: "snackbar-content" };
+function Es(e, t, a, s, o, l) {
+  return i(), z(G, { name: "snackbar" }, {
+    default: N(() => [
+      e.showSnackbar ? (i(), n("div", {
         key: 0,
         role: "alert",
         "aria-live": "polite",
-        class: m(["snackbar snackbar-flex", e.type])
+        class: f(["snackbar snackbar-flex", e.type])
       }, [
-        u("div", Os, [
-          p(t.$slots, "default", {}, () => [
-            M(c(e.label), 1)
+        u("div", Fs, [
+          m(e.$slots, "default", {}, () => [
+            B(p(e.label), 1)
           ], !0)
         ]),
-        e.showClose ? (l(), o("div", {
+        e.showClose ? (i(), n("div", {
           key: 0,
           class: "close-icon-wrapper",
           tabindex: "0",
-          onClick: a[0] || (a[0] = (...i) => s.closeSnackbar && s.closeSnackbar(...i)),
-          onKeyup: a[1] || (a[1] = w((...i) => s.closeSnackbar && s.closeSnackbar(...i), ["enter"]))
-        }, a[2] || (a[2] = [
+          onClick: t[0] || (t[0] = (...r) => e.closeSnackbar && e.closeSnackbar(...r)),
+          onKeyup: t[1] || (t[1] = S((...r) => e.closeSnackbar && e.closeSnackbar(...r), ["enter"]))
+        }, [...t[2] || (t[2] = [
           u("span", { class: "sr-only" }, "Close", -1),
           u("div", { class: "close-icon-line-one" }, [
             u("div", { class: "close-icon-line-two" })
           ], -1)
-        ]), 32)) : f("", !0)
-      ], 2)) : f("", !0)
+        ])], 32)) : h("", !0)
+      ], 2)) : h("", !0)
     ]),
     _: 3
   });
 }
-const Fs = /* @__PURE__ */ g(Ts, [["render", Ws], ["__scopeId", "data-v-778a02a7"]]), Ns = {
+const Ls = /* @__PURE__ */ b(As, [["render", Es], ["__scopeId", "data-v-d07fa6ea"]]), js = g({
   name: "wra-subheader",
   props: {
     /**
@@ -3031,16 +3078,16 @@ const Fs = /* @__PURE__ */ g(Ts, [["render", Ws], ["__scopeId", "data-v-778a02a7
       };
     }
   }
-};
-function As(t, a, e, r, n, s) {
-  return l(), o("div", {
+});
+function Ds(e, t, a, s, o, l) {
+  return i(), n("div", {
     class: "subheader",
-    style: E(s.style)
+    style: j(e.style)
   }, [
-    p(t.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 4);
 }
-const Es = /* @__PURE__ */ g(Ns, [["render", As], ["__scopeId", "data-v-8d2c773f"]]), qs = {
+const zs = /* @__PURE__ */ b(js, [["render", Ds], ["__scopeId", "data-v-31386f32"]]), Rs = g({
   name: "wra-table",
   props: {
     /**
@@ -3051,89 +3098,94 @@ const Es = /* @__PURE__ */ g(Ns, [["render", As], ["__scopeId", "data-v-8d2c773f
       default: !1
     },
     caption: {
-      type: String
+      type: String,
+      default: void 0
     },
     /**
      * The array of header definitions for the table columns.
      */
     headers: {
-      type: Array
+      type: Array,
+      required: !0
     },
     /**
      * The array of data objects to display in the table. Each object represents a row.
      */
     items: {
-      type: Array
+      type: Array,
+      required: !0
     }
   }
-};
-function Ls(t, a, e, r, n, s) {
-  return l(), o(y, null, [
-    u("table", G({
+});
+function _s(e, t, a, s, o, l) {
+  return i(), n($, null, [
+    u("table", J({
       id: "regular",
       class: ["wra-table", {
         "wra-table-inherit": e.inheritBackground,
         "wra-table-no-padding": e.inheritBackground
       }]
-    }, t.$attrs), [
-      e.caption ? (l(), o("caption", {
+    }, e.$attrs), [
+      e.caption ? (i(), n("caption", {
         key: 0,
-        class: m(["wra-table-caption", { "caption-no-padding": e.inheritBackground }])
+        class: f(["wra-table-caption", { "caption-no-padding": e.inheritBackground }])
       }, [
-        p(t.$slots, "caption", {}, () => [
-          M(c(e.caption), 1)
+        m(e.$slots, "caption", {}, () => [
+          B(p(e.caption), 1)
         ])
-      ], 2)) : f("", !0),
+      ], 2)) : h("", !0),
       u("thead", null, [
         u("tr", null, [
-          (l(!0), o(y, null, S(e.headers, (i) => (l(), o("th", {
-            key: i.key,
-            style: E({
-              textAlign: i.align || "left",
-              width: i.width + "px"
-            })
-          }, c(i.title), 5))), 128))
+          (i(!0), n($, null, V(e.headers, (r) => (i(), n("th", {
+            key: r.key,
+            style: j(
+              {
+                textAlign: r.align || "left",
+                width: r.width + "px"
+              }
+            )
+          }, p(r.title), 5))), 128))
         ])
       ]),
       u("tbody", null, [
-        (l(!0), o(y, null, S(e.items, (i) => (l(), o("tr", {
-          key: i.id,
-          class: m({ bold: i.bold })
+        (i(!0), n($, null, V(e.items, (r) => (i(), n("tr", {
+          key: r.id,
+          class: f({ bold: r.bold })
         }, [
-          (l(!0), o(y, null, S(e.headers, (d) => (l(), o("td", {
+          (i(!0), n($, null, V(e.headers, (d) => (i(), n("td", {
             key: d.key,
-            style: E({ textAlign: d.align || "left" })
-          }, c(i[d.key]), 5))), 128))
+            style: j({ textAlign: d.align || "left" })
+          }, p(r[d.key]), 5))), 128))
         ], 2))), 128))
       ])
     ], 16),
-    u("table", G({
+    u("table", J({
       id: "pivoted",
       class: ["wra-table", {
         "wra-table-inherit": e.inheritBackground,
         "wra-table-no-padding": e.inheritBackground
       }]
-    }, t.$attrs), [
-      e.caption ? (l(), o("caption", {
+    }, e.$attrs), [
+      e.caption ? (i(), n("caption", {
         key: 0,
-        class: m(["wra-table-caption", { "caption-no-padding": e.inheritBackground }])
+        class: f(["wra-table-caption", { "caption-no-padding": e.inheritBackground }])
       }, [
-        p(t.$slots, "caption", {}, () => [
-          M(c(e.caption), 1)
+        m(e.$slots, "caption", {}, () => [
+          B(p(e.caption), 1)
         ])
-      ], 2)) : f("", !0),
-      (l(!0), o(y, null, S(e.items, (i) => (l(), o("tbody", {
-        key: i.id
+      ], 2)) : h("", !0),
+      (i(!0), n($, null, V(e.items, (r) => (i(), n("tbody", {
+        key: r.id
       }, [
-        (l(!0), o(y, null, S(e.headers, (d, h) => (l(), o("tr", { key: h }, [
-          u("th", null, c(d.title), 1),
-          u("td", null, c(i[d.key]), 1)
+        (i(!0), n($, null, V(e.headers, (d, c) => (i(), n("tr", { key: c }, [
+          u("th", null, p(d.title), 1),
+          u("td", null, p(r[d.key]), 1)
         ]))), 128))
       ]))), 128))
     ], 16)
   ], 64);
 }
-const Ds = /* @__PURE__ */ g(qs, [["render", Ls]]), js = {
+const Ks = /* @__PURE__ */ b(Rs, [["render", _s]]), Hs = g({
   name: "wra-tab",
   props: {
     label: {
@@ -3156,20 +3208,21 @@ const Ds = /* @__PURE__ */ g(qs, [["render", Ls]]), js = {
     };
   },
   watch: {
-    focus(t) {
-      t === !0 && this.$refs.tabButton.focus();
+    focus(e) {
+      var t;
+      e === !0 && ((t = this.$refs.tabButton) == null || t.focus());
     }
   }
-};
-function zs(t, a, e, r, n, s) {
-  return l(), o("button", {
+});
+function Us(e, t, a, s, o, l) {
+  return i(), n("button", {
     ref: "tabButton",
-    class: m(["tab-button", e.active === !0 && "tab-button--active"])
-  }, c(e.label), 3);
+    class: f(["tab-button", e.active === !0 && "tab-button--active"])
+  }, p(e.label), 3);
 }
-const Rs = /* @__PURE__ */ g(js, [["render", zs], ["__scopeId", "data-v-90cdb825"]]), Ks = {
+const Gs = /* @__PURE__ */ b(Hs, [["render", Us], ["__scopeId", "data-v-d68660c7"]]), Ys = g({
   name: "wra-tabs",
-  emits: "update:modelValue",
+  emits: ["update:modelValue"],
   props: {
     /** The currently selected tab, starts from 0 */
     modelValue: {
@@ -3183,7 +3236,7 @@ const Rs = /* @__PURE__ */ g(js, [["render", zs], ["__scopeId", "data-v-90cdb825
     }
   },
   components: {
-    Tab: Rs
+    Tab: Gs
   },
   data() {
     return {
@@ -3192,8 +3245,8 @@ const Rs = /* @__PURE__ */ g(js, [["render", zs], ["__scopeId", "data-v-90cdb825
     };
   },
   methods: {
-    onTabClick(t) {
-      this.activeTab = t, this.focusTab = t, this.$emit("update:modelValue", this.activeTab);
+    onTabClick(e) {
+      this.activeTab = e, this.focusTab = e, this.$emit("update:modelValue", this.activeTab);
     },
     onKeyLeft() {
       this.focusTab > 0 && this.focusTab--;
@@ -3205,27 +3258,27 @@ const Rs = /* @__PURE__ */ g(js, [["render", zs], ["__scopeId", "data-v-90cdb825
   created() {
     this.activeTab = this.modelValue;
   }
-}, Hs = { class: "tabs" };
-function Us(t, a, e, r, n, s) {
-  const i = N("tab");
-  return l(), o("div", Hs, [
-    (l(!0), o(y, null, S(e.options, (d, h) => (l(), L(i, {
-      tabindex: h === 0 ? 0 : -1,
+}), Js = { class: "tabs" };
+function Zs(e, t, a, s, o, l) {
+  const r = E("tab");
+  return i(), n("div", Js, [
+    (i(!0), n($, null, V(e.options, (d, c) => (i(), z(r, {
+      tabindex: c === 0 ? 0 : -1,
       label: d,
-      active: h === n.activeTab,
-      focus: h === n.focusTab,
-      onClick: (b) => s.onTabClick(h),
-      onFocus: (b) => n.focusTab = h,
+      active: c === e.activeTab,
+      focus: c === e.focusTab,
+      onClick: (k) => e.onTabClick(c),
+      onFocus: (k) => e.focusTab = c,
       onKeydown: [
-        w((b) => s.onTabClick(h), ["enter"]),
-        w((b) => s.onTabClick(h), ["space"]),
-        w((b) => s.onKeyLeft(h), ["left"]),
-        w((b) => s.onKeyRight(h), ["right"])
+        S((k) => e.onTabClick(c), ["enter"]),
+        S((k) => e.onTabClick(c), ["space"]),
+        S(e.onKeyLeft, ["left"]),
+        S(e.onKeyRight, ["right"])
       ]
     }, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
   ]);
 }
-const Gs = /* @__PURE__ */ g(Ks, [["render", Us], ["__scopeId", "data-v-a505540c"]]), Ys = {
+const Qs = /* @__PURE__ */ b(Ys, [["render", Zs], ["__scopeId", "data-v-eef46a08"]]), Xs = g({
   name: "wra-text-area",
   props: {
     /**
@@ -3273,13 +3326,12 @@ const Gs = /* @__PURE__ */ g(Ks, [["render", Us], ["__scopeId", "data-v-a505540c
     };
   },
   methods: {
-    validate(t) {
-      if (this.$emit("update:modelValue", t), this.errorMessage = "", this.rules != null)
-        for (let a = 0; a < this.rules.length; a++) {
-          const e = this.rules[a];
-          let r = e(t);
-          if (r != !0) {
-            this.errorMessage = r, this.$emit("valid", { id: this.id, value: !1 });
+    validate(e) {
+      if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
+        for (let t = 0; t < this.rules.length; t++) {
+          const a = this.rules[t], s = a(e);
+          if (s != !0) {
+            this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
             break;
           }
         }
@@ -3292,27 +3344,30 @@ const Gs = /* @__PURE__ */ g(Ks, [["render", Us], ["__scopeId", "data-v-a505540c
   mounted() {
     this.validate(this.modelValue);
   }
-}, Js = ["for"], Zs = ["id", "value", "maxlength"];
-function Qs(t, a, e, r, n, s) {
-  return l(), o("div", {
-    class: m({ error: n.errorMessage != !1 })
+}), xs = ["for"], er = ["id", "value", "maxlength"];
+function tr(e, t, a, s, o, l) {
+  return i(), n("div", {
+    class: f({ error: e.errorMessage })
   }, [
-    e.label ? (l(), o("label", {
+    e.label ? (i(), n("label", {
       key: 0,
-      for: e.id
-    }, c(e.label), 9, Js)) : f("", !0),
+      for: String(e.id)
+    }, p(e.label), 9, xs)) : h("", !0),
     u("textarea", {
       rows: "5",
-      id: e.id,
+      id: String(e.id),
       value: e.modelValue,
-      onInput: a[0] || (a[0] = (i) => s.validate(i.target.value)),
+      onInput: t[0] || (t[0] = (r) => {
+        var d;
+        return e.validate(((d = r.target) == null ? void 0 : d.value) || "");
+      }),
       maxlength: e.maxLength
-    }, null, 40, Zs),
-    u("p", null, c(n.errorMessage), 1)
+    }, null, 40, er),
+    u("p", null, p(e.errorMessage), 1)
   ], 2);
 }
-const Xs = /* @__PURE__ */ g(Ys, [["render", Qs], ["__scopeId", "data-v-34ec88e9"]]), er = {
-  directives: { maska: D },
+const ar = /* @__PURE__ */ b(Xs, [["render", tr], ["__scopeId", "data-v-c1205688"]]), sr = g({
+  directives: { maska: R },
   name: "wra-text-input",
   props: {
     /**
@@ -3322,6 +3377,7 @@ const Xs = /* @__PURE__ */ g(Ys, [["render", Qs], ["__scopeId", "data-v-34ec88e9
      * @default ""
      */
     modelValue: {
+      type: [String, Number],
       required: !0,
       default: ""
     },
@@ -3330,7 +3386,8 @@ const Xs = /* @__PURE__ */ g(Ys, [["render", Qs], ["__scopeId", "data-v-34ec88e9
      * @type {string}
      */
     label: {
-      type: String
+      type: String,
+      required: !1
     },
     /**
      * The ID for the input field.
@@ -3352,7 +3409,7 @@ const Xs = /* @__PURE__ */ g(Ys, [["render", Qs], ["__scopeId", "data-v-34ec88e9
     inputmode: {
       type: String,
       default: "text",
-      validator(t) {
+      validator(e) {
         return [
           "none",
           "text",
@@ -3362,7 +3419,7 @@ const Xs = /* @__PURE__ */ g(Ys, [["render", Qs], ["__scopeId", "data-v-34ec88e9
           "numeric",
           "decimal",
           "search"
-        ].includes(t);
+        ].includes(e);
       }
     },
     /**
@@ -3374,9 +3431,9 @@ const Xs = /* @__PURE__ */ g(Ys, [["render", Qs], ["__scopeId", "data-v-34ec88e9
     type: {
       type: String,
       default: "text",
-      validator(t) {
+      validator(e) {
         return ["text", "tel", "url", "email", "numeric", "decimal"].includes(
-          t
+          e
         );
       }
     },
@@ -3392,21 +3449,24 @@ const Xs = /* @__PURE__ */ g(Ys, [["render", Qs], ["__scopeId", "data-v-34ec88e9
      * @type {string}
      */
     dataMaska: {
-      type: String
+      type: String,
+      required: !1
     },
     /**
      * Custom tokens for the mask.
      * @type {string}
      */
     dataMaskaTokens: {
-      type: String
+      type: String,
+      required: !1
     },
     /**
      * The placeholder text for the input field.
      * @type {string}
      */
     placeholder: {
-      type: String
+      type: String,
+      required: !1
     }
   },
   data() {
@@ -3420,13 +3480,12 @@ const Xs = /* @__PURE__ */ g(Ys, [["render", Qs], ["__scopeId", "data-v-34ec88e9
      * Validates the input value based on the provided rules.
      * @param {string|number} value - The input value to validate.
      */
-    validate(t) {
-      if (this.$emit("update:modelValue", t), this.errorMessage = "", this.rules != null)
-        for (let a = 0; a < this.rules.length; a++) {
-          const e = this.rules[a];
-          let r = e(t);
-          if (r != !0) {
-            this.errorMessage = r, this.$emit("valid", { id: this.id, value: !1 });
+    validate(e) {
+      if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
+        for (let t = 0; t < this.rules.length; t++) {
+          const a = this.rules[t], s = a(e);
+          if (s != !0) {
+            this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
             break;
           }
         }
@@ -3440,107 +3499,110 @@ const Xs = /* @__PURE__ */ g(Ys, [["render", Qs], ["__scopeId", "data-v-34ec88e9
     this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
   },
   emits: ["update:modelValue", "valid"]
-}, tr = ["for"], ar = ["id", "type", "dataMaskaTokens", "value", "inputmode", "placeholder"];
-function sr(t, a, e, r, n, s) {
-  const i = q("maska");
-  return l(), o("div", {
-    class: m({ error: n.errorMessage != !1 })
+}), rr = ["for"], ir = ["id", "type", "dataMaskaTokens", "value", "inputmode", "placeholder"];
+function nr(e, t, a, s, o, l) {
+  const r = D("maska");
+  return i(), n("div", {
+    class: f({ error: e.errorMessage })
   }, [
-    e.label ? (l(), o("label", {
+    e.label ? (i(), n("label", {
       key: 0,
       for: e.id
-    }, c(e.label), 9, tr)) : f("", !0),
-    O(u("input", {
+    }, p(e.label), 9, rr)) : h("", !0),
+    q(u("input", {
       id: e.id,
       type: e.type,
       dataMaskaTokens: e.dataMaskaTokens,
       value: e.modelValue,
-      onInput: a[0] || (a[0] = (d) => s.validate(d.target.value)),
-      inputmode: e.inputmode ?? "text",
+      onInput: t[0] || (t[0] = (d) => {
+        var c;
+        return e.validate(((c = d.target) == null ? void 0 : c.value) ?? "");
+      }),
+      inputmode: e.inputmode,
       placeholder: e.placeholder
-    }, null, 40, ar), [
-      [i, e.dataMaska]
+    }, null, 40, ir), [
+      [r, e.dataMaska]
     ]),
-    u("p", null, c(n.errorMessage), 1)
+    u("p", null, p(e.errorMessage), 1)
   ], 2);
 }
-const rr = /* @__PURE__ */ g(er, [["render", sr], ["__scopeId", "data-v-bbfa1a0a"]]), ir = {
-  WraAppBar: oe,
-  WraAutocomplete: ge,
-  WraBanner: ve,
-  WraBreadcrumbs: Me,
-  WraButton: U,
-  WraCard: Fe,
-  WraCheckbox: X,
-  WraCheckboxGroup: Je,
-  WraContentSectionTitle: et,
-  WraCustomInput: bt,
-  WraDataTable: Wt,
-  WraDateInput: Lt,
-  WraDialog: ea,
-  WraDivider: ra,
-  WraExpansionPanel: ca,
-  WraFileUpload: wa,
-  WraFooter: Va,
-  WraHeader: ae,
-  WraIcon: Pa,
-  WraInset: Oa,
-  WraNumberInput: Da,
-  WraPagination: Ha,
-  WraPriceInput: es,
-  WraRadioGroup: cs,
-  WraSelect: vs,
-  WraServiceLogo: Vs,
-  WraSimpleTable: Ms,
-  WraSkipLink: Bs,
-  WraSnackbar: Fs,
-  WraSubheader: Es,
-  WraTable: Ds,
-  WraTabs: Gs,
-  WraTextArea: Xs,
-  WraTextInput: rr,
-  WraValidationTooltip: se
-}, lr = {
-  install(t) {
-    for (const [a, e] of Object.entries(ir))
-      t.component(a, e);
+const or = /* @__PURE__ */ b(sr, [["render", nr], ["__scopeId", "data-v-2d4536b4"]]), lr = {
+  WraAppBar: de,
+  WraAutocomplete: ke,
+  WraBanner: we,
+  WraBreadcrumbs: Te,
+  WraButton: Y,
+  WraCard: Ee,
+  WraCheckbox: ee,
+  WraCheckboxGroup: Xe,
+  WraContentSectionTitle: at,
+  WraCustomInput: yt,
+  WraDataTable: Et,
+  WraDateInput: _t,
+  WraDialog: sa,
+  WraDivider: oa,
+  WraExpansionPanel: fa,
+  WraFileUpload: Ia,
+  WraFooter: Pa,
+  WraHeader: se,
+  WraIcon: Na,
+  WraInset: Fa,
+  WraNumberInput: Ka,
+  WraPagination: Ja,
+  WraPriceInput: ss,
+  WraRadioGroup: fs,
+  WraSelect: Ss,
+  WraServiceLogo: Ps,
+  WraSimpleTable: Os,
+  WraSkipLink: qs,
+  WraSnackbar: Ls,
+  WraSubheader: zs,
+  WraTable: Ks,
+  WraTabs: Qs,
+  WraTextArea: ar,
+  WraTextInput: or,
+  WraValidationTooltip: re
+}, dr = {
+  install(e) {
+    for (const [t, a] of Object.entries(lr))
+      e.component(t, a);
   }
 };
 export {
-  oe as WraAppBar,
-  ge as WraAutocomplete,
-  ve as WraBanner,
-  Me as WraBreadcrumbs,
-  U as WraButton,
-  Fe as WraCard,
-  X as WraCheckbox,
-  Je as WraCheckboxGroup,
-  et as WraContentSectionTitle,
-  bt as WraCustomInput,
-  Wt as WraDataTable,
-  Lt as WraDateInput,
-  ea as WraDialog,
-  ra as WraDivider,
-  ca as WraExpansionPanel,
-  wa as WraFileUpload,
-  Va as WraFooter,
-  ae as WraHeader,
-  Pa as WraIcon,
-  Oa as WraInset,
-  Da as WraNumberInput,
-  Ha as WraPagination,
-  es as WraPriceInput,
-  cs as WraRadioGroup,
-  vs as WraSelect,
-  Vs as WraServiceLogo,
-  Ms as WraSimpleTable,
-  Bs as WraSkipLink,
-  Fs as WraSnackbar,
-  Es as WraSubheader,
-  Ds as WraTable,
-  Gs as WraTabs,
-  Xs as WraTextArea,
-  rr as WraTextInput,
-  se as WraValidationTooltip,
-  lr as default
+  de as WraAppBar,
+  ke as WraAutocomplete,
+  we as WraBanner,
+  Te as WraBreadcrumbs,
+  Y as WraButton,
+  Ee as WraCard,
+  ee as WraCheckbox,
+  Xe as WraCheckboxGroup,
+  at as WraContentSectionTitle,
+  yt as WraCustomInput,
+  Et as WraDataTable,
+  _t as WraDateInput,
+  sa as WraDialog,
+  oa as WraDivider,
+  fa as WraExpansionPanel,
+  Ia as WraFileUpload,
+  Pa as WraFooter,
+  se as WraHeader,
+  Na as WraIcon,
+  Fa as WraInset,
+  Ka as WraNumberInput,
+  Ja as WraPagination,
+  ss as WraPriceInput,
+  fs as WraRadioGroup,
+  Ss as WraSelect,
+  Ps as WraServiceLogo,
+  Os as WraSimpleTable,
+  qs as WraSkipLink,
+  Ls as WraSnackbar,
+  zs as WraSubheader,
+  Ks as WraTable,
+  Qs as WraTabs,
+  ar as WraTextArea,
+  or as WraTextInput,
+  re as WraValidationTooltip,
+  dr as default
 };