@wra-gov/vue-components 0.28.3 → 0.28.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.d.ts +341 -16
  2. package/dist/vue-components.js +849 -556
  3. package/dist/vue-components.umd.cjs +2 -2
  4. package/package.json +2 -2
package/dist/vue-components.js CHANGED
@@ -1,5 +1,5 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('body{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif}p{font-size:18px;line-height:24px}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid var(--color-wra-grey);font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:var(--color-wra-blue);font-weight:700}a:hover{color:var(--color-wra-blue);text-decoration:none}a:focus-visible{color:var(--color-wra-black);background-color:var(--color-wra-yellow);box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black);outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black)}/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-wra-revenue:#2a225b;--color-wra-black:#1f1f1f;--color-wra-charcoal:#323232;--color-wra-light-grey:#f1f1f1;--color-wra-grey:#e5e5e5;--color-wra-mid-grey:#b5b5b5;--color-wra-dark-grey:#666;--color-wra-light-red:#ffe4e5;--color-wra-red:#a11;--color-wra-light-blue:#c2e0fc;--color-wra-blue:#0360a6;--color-wra-mid-blue:#3b7dc5;--color-wra-dark-blue:#1f446d;--color-wra-light-green:#cdf7d4;--color-wra-green:#007015;--color-wra-light-yellow:#fff5ce;--color-wra-yellow:#ffd530}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing)*4)}.contents{display:contents}.hidden{display:none}.table{display:table}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.bg-wra-blue{background-color:var(--color-wra-blue)}.bg-wra-light-blue{background-color:var(--color-wra-light-blue)}.bg-wra-red{background-color:var(--color-wra-red)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-wrap{text-wrap:wrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}[data-v-a67304e8],[data-v-a67304e8]:before,[data-v-a67304e8]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-a67304e8]{background-color:var(--color-wra-charcoal);font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-a67304e8]{display:none}}[data-v-8614d740],[data-v-8614d740]:before,[data-v-8614d740]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-8614d740]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.autocomplete-input[data-v-8614d740]:disabled{opacity:.3}.autocomplete-input--focus[data-v-8614d740]{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}.autocomplete-label[data-v-8614d740]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-8614d740]{position:absolute;display:block;list-style-type:none;z-index:1;padding:0;border:1px solid var(--color-wra-black);border-top:0px;width:100%;max-height:200px;background:var(--color-wra-light-grey);overflow-y:auto}.autocomplete-list>li[data-v-8614d740]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-8614d740]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-8614d740]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-8614d740]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-8614d740]{background:var(--color-wra-blue);color:#fff}.autocomplete-list>li.autocomplete-item-not-clickable[data-v-8614d740]{cursor:not-allowed}.autocomplete[data-v-8614d740]{position:relative}[data-v-13fdebc5],[data-v-13fdebc5]:before,[data-v-13fdebc5]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-13fdebc5]{background-color:var(--color-wra-light-grey);font-size:18px;color:var(--color-wra-black);padding:20px;border:none;position:relative}.new-service[data-v-13fdebc5]{background-color:var(--color-wra-yellow)}.new-service[data-v-13fdebc5] a{color:var(--color-wra-black)}.new-service[data-v-13fdebc5] a:focus{color:#fff;background-color:var(--color-wra-black);box-shadow:0 -4px var(--color-wra-black),0 2px #fff;-webkit-box-shadow:0 -4px var(--color-wra-black),0 2px #ffffff}.wra-banner-actions[data-v-13fdebc5]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}.wra-banner-close[data-v-13fdebc5]{background:none;border:none;font-size:26px;font-weight:700;color:var(--color-wra-black);cursor:pointer;position:absolute;top:15px;right:15px;height:30px}.wra-banner-close[data-v-13fdebc5]:hover{opacity:.6;transition:all .3s ease}.wra-banner-close[data-v-13fdebc5]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black)}.wra-banner-close[data-v-13fdebc5]:focus:hover{opacity:1}.closable-padding[data-v-13fdebc5]{padding-right:44px}@media print{.hidden-print[data-v-13fdebc5]{display:none}}[data-v-2a897129],[data-v-2a897129]:before,[data-v-2a897129]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-2a897129]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-2a897129]{font-size:16px}.wra-breadcrumbs-item[data-v-2a897129]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-2a897129]{display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link--disabled[data-v-2a897129]{color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link[data-v-2a897129]{text-decoration:none;font-weight:700;color:var(--color-wra-revenue)}.wra-breadcrumbs-link[data-v-2a897129]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-2a897129]:focus{opacity:1;color:var(--color-wra-black)}.wra-breadcrumbs-chevron[data-v-2a897129]{content:" ";display:inline-block;border:solid var(--color-wra-dark-grey);border-width:3.5px 3.5px 0px 0px;padding:2.5px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-667ad3bf]{color:#fff;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-667ad3bf]:hover{background-color:var(--color-wra-dark-grey);transition:all .3s ease}button[data-v-667ad3bf]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-667ad3bf]:disabled{cursor:not-allowed;opacity:.7;background-color:var(--color-wra-charcoal)}button[data-v-667ad3bf]:disabled:hover{opacity:.7;background-color:var(--color-wra-charcoal)}button.outlined-button[data-v-667ad3bf]:disabled{color:#fff}.icon[data-v-667ad3bf]{display:flex;align-items:center;justify-content:center}.prepend-icon-wrapper[data-v-667ad3bf]{margin-right:8px}.append-icon-wrapper[data-v-667ad3bf]{margin-left:8px}.wra-black[data-v-667ad3bf]{background-color:var(--color-wra-black)}.wra-black[data-v-667ad3bf]:hover{background-color:var(--color-wra-dark-grey)}.wra-blue[data-v-667ad3bf]{background-color:var(--color-wra-blue)}.wra-blue[data-v-667ad3bf]:hover{background-color:#3571b1}.wra-red[data-v-667ad3bf]{background-color:var(--color-wra-red)}.wra-red[data-v-667ad3bf]:hover{background-color:#d81f1f}.wra-green[data-v-667ad3bf]{background-color:var(--color-wra-green)}.wra-green[data-v-667ad3bf]:hover{background-color:#008a19}.wra-revenue[data-v-667ad3bf]{background-color:var(--color-wra-revenue)}.wra-revenue[data-v-667ad3bf]:hover{background-color:#55507b}.wra-white[data-v-667ad3bf]{background-color:#fff;color:var(--color-wra-black);outline:2px solid var(--color-wra-black)}.wra-white[data-v-667ad3bf]:hover{background-color:var(--color-wra-grey)}.wra-white[data-v-667ad3bf]:disabled{color:#fff}.default-button[data-v-667ad3bf]{font-size:16px;padding:10px 20px;line-height:24px}.small-button[data-v-667ad3bf]{font-size:14px;padding:5px 15px;line-height:24px}.outlined-button[data-v-667ad3bf]{background-color:transparent;outline:2px solid var(--color-prop, var(--color-wra-black));color:var(--color-prop, var(--color-wra-black))}.outlined-button[data-v-667ad3bf]:hover{background-color:var(--color-prop, var(--color-wra-black));color:#fff;transition:all .3s ease}.wra-button:focus>.icon>svg{fill:var(--color-wra-black)}.card[data-v-b458be18]{background-color:var(--color-wra-light-grey);padding:20px 24px}.checkbox-label[data-v-b55724c0]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-b55724c0]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-b55724c0]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-b55724c0]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-b55724c0]:checked:before{transform:scale(1)}.checkbox-input[data-v-b55724c0]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-b55724c0]:focus-visible{outline-offset:0px}.checkbox-text[data-v-b55724c0]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-b55724c0]{font-size:14px}p[data-v-b55724c0]{margin:0}.checkbox[data-v-f67c188f]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-f67c188f]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-f67c188f]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-f67c188f]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-f67c188f]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-f67c188f]:checked:before{transform:scale(1)}.checkbox-input[data-v-f67c188f]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-f67c188f]:focus-visible{outline-offset:0px}.checkbox-text[data-v-f67c188f]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-f67c188f]{font-size:14px}p[data-v-f67c188f]{margin:0}.accordion-icon[data-v-e99e8bb2]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;width:6px;height:6px;padding:0;vertical-align:middle;transition:transform .2s ease-out}.accordion-icon-wrapper[data-v-e99e8bb2]{margin-left:8px}.accordion-toggle[data-v-e99e8bb2]{display:flex;align-items:center}.accordion-icon--show[data-v-e99e8bb2]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.accordion-icon--hide[data-v-e99e8bb2]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-e99e8bb2]{display:block}.accordion-title[data-v-e99e8bb2]{font-size:24px;font-weight:700;line-height:28px;color:var(--color-wra-blue);padding-bottom:.25rem}button:focus .accordion-title[data-v-e99e8bb2]{color:var(--color-wra-black)}.accordion-description[data-v-e99e8bb2],.accordion-toggle[data-v-e99e8bb2]{font-size:14px;line-height:20px;color:var(--color-wra-black)}.accordion-description[data-v-e99e8bb2]{padding-bottom:.25rem}button[data-v-e99e8bb2]{padding:15px 20px;background-color:var(--color-wra-grey);border:none;cursor:pointer;width:100%;text-align:left}button[data-v-e99e8bb2]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-e99e8bb2]:focus:hover{opacity:1}.panel-content[data-v-e99e8bb2]{display:grid;background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-e99e8bb2]{overflow:hidden}.slide-fade-enter-active[data-v-e99e8bb2],.slide-fade-leave-active[data-v-e99e8bb2]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-e99e8bb2],.slide-fade-leave-to[data-v-e99e8bb2]{grid-template-rows:0fr}.content-section-title[data-v-b917a4a4]{border-bottom:2px solid var(--color-wra-grey);border-top:10px solid var(--color-wra-grey);padding-bottom:20px;padding-top:30px}[data-v-dbeead08],[data-v-dbeead08]:before,[data-v-dbeead08]:after{box-sizing:border-box}.input-wrapper[data-v-dbeead08]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-dbeead08]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-dbeead08]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-dbeead08]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-dbeead08]{padding:10px 6px}.padding-for-no-prefix[data-v-dbeead08]{padding:10px}.input-wrapper[data-v-dbeead08]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-dbeead08]{border:none}label[data-v-dbeead08]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-dbeead08]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.bold[data-v-e27e09c4]{font-weight:700}.wra-data-table-caption[data-v-e27e09c4]{background-color:inherit;text-align:left;padding:0 0 16px;font-weight:700;font-size:20px}.wra-data-table[data-v-e27e09c4]{width:100%;border-spacing:0;line-height:20px;padding:0;table-layout:auto}.wra-data-table>thead>tr>th[data-v-e27e09c4]{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-data-table>tbody>tr>td[data-v-e27e09c4],.wra-data-table>tbody>tr>th[data-v-e27e09c4]{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-data-table td[data-v-e27e09c4],.wra-data-table th[data-v-e27e09c4]{padding:16px}.wra-data-table>thead>tr>th[data-v-e27e09c4]:first-child,.wra-data-table>tbody>tr>td[data-v-e27e09c4]:first-child{padding-left:0}.wra-data-table>thead>tr>th[data-v-e27e09c4]:last-child,.wra-data-table>tbody>tr>td[data-v-e27e09c4]:last-child{padding-right:0}.column-search-input[data-v-e27e09c4]{margin-top:12px;box-sizing:border-box;font-size:16px;padding:10px;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.column-search-input[data-v-e27e09c4]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}button[data-v-e27e09c4]{background-color:var(--color-wra-black);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px 12px;height:32px}button[data-v-e27e09c4]:hover{opacity:.8;transition:all .3s ease}button[data-v-e27e09c4]:focus{background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-e27e09c4]:focus:hover{opacity:1}.wra-chevron[data-v-e27e09c4]{content:" ";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.wra-chevron-right[data-v-e27e09c4]{border:solid #ffffff;border-width:3px 3px 0px 0px}.wra-chevron-left[data-v-e27e09c4]{border:solid #ffffff;border-width:0px 0px 3px 3px}.wra-chevron-up[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:3px 0px 0px 3px;margin-left:4px;margin-top:3px}.wra-chevron-down[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:0px 3px 3px 0px;margin-left:4px;margin-bottom:6px}button:focus>.wra-chevron-right[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:3px 3px 0px 0px}button:focus>.wra-chevron-left[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:0px 0px 3px 3px}.clickable[data-v-e27e09c4]{cursor:pointer}tbody.clickable[data-v-e27e09c4]:hover{background-color:var(--color-wra-light-grey)}.sort-icons[data-v-e27e09c4]{visibility:hidden;opacity:.4}th:hover .sort-icons[data-v-e27e09c4]{visibility:visible}.text-left[data-v-e27e09c4]{text-align:left}.text-right[data-v-e27e09c4]{text-align:right}.text-center[data-v-e27e09c4]{text-align:center}.pagination[data-v-e27e09c4]{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0}.pagination button[data-v-e27e09c4]{margin-left:10px}.disable-button[data-v-e27e09c4]{opacity:.4}.disable-button[data-v-e27e09c4]:hover{opacity:.4;cursor:default}.loader[data-v-e27e09c4]{width:40px;height:40px;border:5px solid grey;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-e27e09c4 1s linear infinite}@keyframes rotation-e27e09c4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-b5ebbc62],[data-v-b5ebbc62]:before,[data-v-b5ebbc62]:after{box-sizing:border-box}input[data-v-b5ebbc62]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-b5ebbc62]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-b5ebbc62]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-b5ebbc62]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}div[data-v-6d53d792]{font-weight:700}h1[data-v-6d53d792]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-6d53d792]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-6d53d792]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-6d53d792]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-6d53d792]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-6d53d792]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}@media (max-width: 600px){h1[data-v-6d53d792]{margin:0;font-size:34px;letter-spacing:-.05rem;line-height:38px}h2[data-v-6d53d792]{margin:0;font-size:28px;letter-spacing:-.04rem;line-height:32px}h3[data-v-6d53d792]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h4[data-v-6d53d792]{margin:0;font-size:20px;letter-spacing:-.03rem;line-height:24px}h5[data-v-6d53d792]{margin:0;font-size:18px;letter-spacing:-.02rem;line-height:22px}h6[data-v-6d53d792]{margin:0;font-size:14px;letter-spacing:-.01rem;line-height:18px}}.dialog-class[data-v-a58221e3]{z-index:9999}.dialog-content[data-v-a58221e3]{min-width:300px;max-width:90vw;text-align:center}.dialog-buttons[data-v-a58221e3]{margin-top:16px;display:flex;justify-content:space-evenly}dialog.dialog-class::backdrop{background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}hr[data-v-40db3bc1]{margin:0}.wra-divider[data-v-40db3bc1]{border:3px solid var(--color-wra-grey)}.wra-divider-large[data-v-40db3bc1]{border:4px solid var(--color-wra-grey)}.wra-divider-small[data-v-40db3bc1]{border:2px solid var(--color-wra-grey)}.panel-icon[data-v-aad4db7d]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-aad4db7d]{margin-left:8px}.show-panel-icon[data-v-aad4db7d]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-aad4db7d]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-aad4db7d]{display:flex;justify-content:space-between}button[data-v-aad4db7d]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:var(--color-wra-revenue);border:none;border-left:2px solid var(--color-wra-mid-grey);cursor:pointer;width:100%;text-align:left}button[data-v-aad4db7d]:hover{opacity:.8}button[data-v-aad4db7d]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-aad4db7d]:focus:hover{opacity:1}.panel-content[data-v-aad4db7d]{display:grid;border-left:2px solid var(--color-wra-mid-grey);background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-aad4db7d]{overflow:hidden}.slide-fade-enter-active[data-v-aad4db7d],.slide-fade-leave-active[data-v-aad4db7d]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-aad4db7d],.slide-fade-leave-to[data-v-aad4db7d]{grid-template-rows:0fr}.validation-tooltip[data-v-e082a746]{display:flex;align-items:flex-start;color:var(--color-wra-black);border-radius:0;font-size:18px;padding:25px}.wra-error[data-v-e082a746]{background-color:var(--color-wra-light-red);border-left:10px solid var(--color-wra-red)}.wra-success[data-v-e082a746]{background-color:var(--color-wra-light-green);border-left:10px solid var(--color-wra-green)}.wra-info[data-v-e082a746]{background-color:var(--color-wra-light-blue);border-left:10px solid var(--color-wra-blue)}.wra-warning[data-v-e082a746]{background-color:var(--color-wra-light-yellow);border-left:10px solid var(--color-wra-yellow)}.wra-default[data-v-e082a746]{background-color:var(--color-wra-light-grey);border-left:10px solid var(--color-wra-blue)}.icon[data-v-e082a746]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-icon-wrapper[data-v-e082a746]{margin-right:12px}.file-upload-wrapper[data-v-77af62fb]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-77af62fb]{display:none}.file-upload-label[data-v-77af62fb]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-77af62fb]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-77af62fb]{margin-bottom:16px}.file-upload-error-text[data-v-77af62fb]{margin-block:0px;font-size:18px}.file-upload-error-box>.file-upload-error-text[data-v-77af62fb]{margin-bottom:1rem}.file-upload-error-box>.file-upload-error-text[data-v-77af62fb]:last-child{margin-bottom:0rem}.error-enter-active[data-v-77af62fb],.error-leave-active[data-v-77af62fb]{transition:opacity .3s ease-out}.error-enter-from[data-v-77af62fb],.error-leave-to[data-v-77af62fb]{opacity:0}.wra-footer[data-v-ec223b2a]{flex-grow:0;background-color:var(--color-wra-light-grey);padding:70px 20px 40px}@media print{.hidden-print[data-v-ec223b2a]{display:none}}.wra-inset[data-v-5eaa02a8]{font-size:16px;padding:20px;border-left-width:10px;border-left-style:solid}.wra-inset.wra-revenue[data-v-5eaa02a8]{border-left-color:var(--color-wra-revenue)}.wra-inset.wra-charcoal[data-v-5eaa02a8]{border-left-color:var(--color-wra-charcoal)}.wra-inset.wra-red[data-v-5eaa02a8]{border-left-color:var(--color-wra-red)}.wra-inset.wra-blue[data-v-5eaa02a8]{border-left-color:var(--color-wra-blue)}.wra-inset.wra-green[data-v-5eaa02a8]{border-left-color:var(--color-wra-green)}.wra-inset.wra-yellow[data-v-5eaa02a8]{border-left-color:var(--color-wra-yellow)}[data-v-bf09a2d6],[data-v-bf09a2d6]:before,[data-v-bf09a2d6]:after{box-sizing:border-box}.input-wrapper[data-v-bf09a2d6]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-bf09a2d6]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-bf09a2d6]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-bf09a2d6]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-bf09a2d6]{padding:10px 6px}.padding-for-no-prefix[data-v-bf09a2d6]{padding:10px}.input-wrapper[data-v-bf09a2d6]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-bf09a2d6]{border:none}label[data-v-bf09a2d6]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-bf09a2d6]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.pagination-button[data-v-4fb0a9cd]{background-color:transparent;color:var(--color-wra-revenue);font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button[data-v-4fb0a9cd]>*:first-child{margin-right:8px}.pagination-button[data-v-4fb0a9cd]:hover,.pagination-number[data-v-4fb0a9cd]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-4fb0a9cd]:focus,.pagination-number[data-v-4fb0a9cd]:focus{color:var(--color-wra-black);background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.pagination-button[data-v-4fb0a9cd]:focus:hover,.pagination-number[data-v-4fb0a9cd]:focus:hover{opacity:1}.pagination-number[data-v-4fb0a9cd]{color:var(--color-wra-black);background-color:var(--color-wra-light-grey);padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;min-width:3rem;text-align:center}.pagination-number[data-v-4fb0a9cd]:hover{color:var(--color-wra-black);opacity:.8}.pagination-number--selected[data-v-4fb0a9cd]{background-color:var(--color-wra-revenue);color:#fff}.pagination-number--selected[data-v-4fb0a9cd]:hover:not(:focus){color:#fff}.pagination-divider[data-v-4fb0a9cd]{font-size:18px}.pagination[data-v-4fb0a9cd]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-4fb0a9cd]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.previous-icon[data-v-4fb0a9cd]{border-width:3px 3px 0px 0px}.next-icon[data-v-4fb0a9cd]{border-width:0px 0px 3px 3px}[data-v-0e867b98],[data-v-0e867b98]:before,[data-v-0e867b98]:after{box-sizing:border-box}.input-wrapper[data-v-0e867b98]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-0e867b98]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-0e867b98]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-0e867b98]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-0e867b98]{padding:10px 6px}.padding-for-no-prefix[data-v-0e867b98]{padding:10px}.input-wrapper[data-v-0e867b98]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-0e867b98]{border:none}label[data-v-0e867b98]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-0e867b98]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.radio-label[data-v-66e204d1]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:grid;cursor:pointer;grid-template-columns:20px auto}.radio-label[data-v-66e204d1]:hover{background:var(--color-wra-mid-grey)}.radio-input[data-v-66e204d1]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-66e204d1]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black)}.radio-input[data-v-66e204d1]:checked:before{transform:scale(1)}.radio-input[data-v-66e204d1]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.radio-input[data-v-66e204d1]:focus-visible{outline-offset:0px}.radio-text[data-v-66e204d1]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-66e204d1]{font-size:14px}p[data-v-66e204d1]{margin:0}.radio[data-v-dfd68568]:not(:last-child):not(:only-child){margin-bottom:8px}[data-v-f1105098],[data-v-f1105098]:before,[data-v-f1105098]:after{box-sizing:border-box}select[data-v-f1105098]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none;padding:10px}.select[data-v-f1105098]{border:1px solid var(--color-wra-black);border-radius:0;padding-right:10px;font-size:16px;cursor:pointer;line-height:1.15;background-color:#fff;display:grid;grid-template-areas:"select";align-items:center;position:relative}.select[data-v-f1105098]:after{content:"";width:.8em;height:.5em;background-color:var(--color-wra-black);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-f1105098],.select[data-v-f1105098]:after{grid-area:select}select:focus+.focus[data-v-f1105098]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--color-wra-black);outline:3px solid var(--color-wra-yellow);border-radius:inherit}label[data-v-f1105098]{color:var(--color-wra-black);font-size:16px}.service-logo[data-v-726556fc]{max-width:100%}.service-link[data-v-726556fc]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-726556fc]:focus{border:2px solid var(--color-wra-yellow);outline:2px solid var(--color-wra-black);background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:var(--color-wra-light-grey)}.wra-simple-table-no-padding{padding:0!important}.left-align-headers{text-align:left}.wra-simple-table-caption{background-color:inherit;text-align:left;padding:16px 16px 16px 0;font-weight:700;font-size:20px}.wra-simple-table{width:100%;line-height:20px;color:var(--color-wra-black);border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-simple-table td,.wra-simple-table th{padding:16px}.wra-simple-table>thead>tr>th:first-child,.wra-simple-table>tbody>tr>th:first-child,.wra-simple-table>tbody>tr>td:first-child{padding-left:0}.wra-simple-table>thead>tr>th:last-child,.wra-simple-table>tbody>tr>th:last-child,.wra-simple-table>tbody>tr>td:last-child{padding-right:0}.skip-link[data-v-8e4609fc]:not(:focus):not(:active){clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap!important;width:1px!important}.skip-link[data-v-8e4609fc]{background-color:var(--color-wra-grey);color:var(--color-wra-black);font-weight:700;border:none;cursor:pointer;padding:10px;font-size:1em}.skip-link[data-v-8e4609fc]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.skip-link-full-width[data-v-8e4609fc]{width:100%;text-align:left}.skip-link-full-width[data-v-8e4609fc]:focus{outline-width:0px;border-width:0px}[data-v-d07fa6ea],[data-v-d07fa6ea]:before,[data-v-d07fa6ea]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-d07fa6ea]{background:var(--color-wra-light-grey);font-size:18px;padding:20px;border-left:5px solid var(--color-wra-dark-grey);position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-d07fa6ea]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:baseline;row-gap:10px;column-gap:20px}@media (max-width: 900px){.snackbar-flex[data-v-d07fa6ea]{width:80%}}.snackbar-content[data-v-d07fa6ea]{text-wrap:wrap}.close-icon-wrapper[data-v-d07fa6ea]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-d07fa6ea]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-d07fa6ea]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.close-icon-wrapper[data-v-d07fa6ea]:focus:hover{opacity:1}.close-icon-line-one[data-v-d07fa6ea]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-d07fa6ea]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-d07fa6ea]{background-color:var(--color-wra-light-red);border-color:var(--color-wra-red)}.wra-success[data-v-d07fa6ea]{background-color:var(--color-wra-light-green);border-color:var(--color-wra-green)}.wra-info[data-v-d07fa6ea]{background-color:var(--color-wra-light-blue);border-color:var(--color-wra-blue)}.wra-warning[data-v-d07fa6ea]{background-color:var(--color-wra-light-yellow);border-color:var(--color-wra-yellow)}.sr-only[data-v-d07fa6ea]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.snackbar-enter-active[data-v-d07fa6ea],.snackbar-leave-active[data-v-d07fa6ea]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-d07fa6ea],.snackbar-leave-to[data-v-d07fa6ea]{opacity:0}.subheader[data-v-904f5932]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}@media screen and (min-width: 600px){#regular{display:table}#pivoted{display:none}}@media screen and (max-width: 599px){#regular{display:none}#pivoted{display:table}}@media print{#regular{display:table}#pivoted{display:none}}.bold{font-weight:700}.wra-table-caption{background-color:inherit;text-align:left;padding:16px;font-weight:700;font-size:20px}.caption-no-padding{padding:0 0 16px!important}.wra-table{width:100%;line-height:20px;background-color:var(--color-wra-light-grey);color:var(--color-wra-black);border-spacing:0;padding:0 16px 16px;table-layout:auto}.wra-table-no-padding{padding:0!important}.wra-table td,.wra-table th{word-break:break-word}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-table td,.wra-table th{padding:16px}.wra-table>thead>tr>th:first-child,.wra-table>tbody>tr>td:first-child{padding-left:0}.wra-table>thead>tr>th:last-child,.wra-table>tbody>tr>td:last-child{padding-right:0}#pivoted{table-layout:fixed;text-align:left}#pivoted>tbody>tr:last-child>td,#pivoted>tbody>tr:last-child>th{border-bottom:1px solid var(--color-wra-dark-grey)}#pivoted>tbody>tr:not(:last-child)>td,#pivoted>tbody>tr:not(:last-child)>th{border-bottom:none}#pivoted>tbody>tr>th{padding-left:0}#pivoted table{width:100%}#pivoted>table>tr>th,#pivoted>table>tr>td{width:50%}[data-v-0417664c]{box-sizing:border-box;border:none}.tab-button[data-v-0417664c]{border-top:6px solid var(--color-wra-blue);font-size:24px;font-weight:700;color:var(--color-wra-light-blue);background:var(--color-wra-dark-blue);padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-0417664c]:hover:not(.tab-button--active){background:var(--color-wra-mid-blue);color:#fff}.tab-button.tab-button--active[data-v-0417664c]:focus{border-color:var(--color-wra-black);box-shadow:2px 0 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset}.tab-button--active[data-v-0417664c]{background:#fff;color:var(--color-wra-black);border-top:6px solid var(--color-wra-mid-grey)}.tab-button[data-v-0417664c]:focus{border-top:6px solid var(--color-wra-blue);color:var(--color-wra-black);background:var(--color-wra-yellow);box-shadow:2px 2px 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset;outline-style:none}@media (max-width: 768px){.tab-button[data-v-0417664c]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-eef46a08]{background-color:var(--color-wra-blue);width:100%}[data-v-4bbbf219],[data-v-4bbbf219]:before,[data-v-4bbbf219]:after{box-sizing:border-box}textarea[data-v-4bbbf219]{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif;font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}textarea[data-v-4bbbf219]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-4bbbf219]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-4bbbf219]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}[data-v-066bf72c],[data-v-066bf72c]:before,[data-v-066bf72c]:after{box-sizing:border-box}input[data-v-066bf72c]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-066bf72c]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-066bf72c]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-066bf72c]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { defineComponent as g, createElementBlock as n, openBlock as i, normalizeClass as m, renderSlot as f, createCommentVNode as c, withDirectives as q, toDisplayString as p, createElementVNode as d, withKeys as S, withModifiers as N, vModelText as x, Fragment as y, renderList as V, vShow as ee, createVNode as F, createTextVNode as M, Transition as K, withCtx as W, resolveDirective as j, mergeProps as Y, normalizeStyle as D, nextTick as ie, resolveComponent as L, createBlock as z, Teleport as ne } from "vue";
1
+ (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('body{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif}p{font-size:18px;line-height:24px}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid var(--color-wra-grey);font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:var(--color-wra-blue);font-weight:700}a:hover{color:var(--color-wra-blue);text-decoration:none}a:focus-visible{color:var(--color-wra-black);background-color:var(--color-wra-yellow);box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black);outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black)}/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-wra-revenue:#2a225b;--color-wra-black:#1f1f1f;--color-wra-charcoal:#323232;--color-wra-light-grey:#f1f1f1;--color-wra-grey:#e5e5e5;--color-wra-mid-grey:#b5b5b5;--color-wra-dark-grey:#666;--color-wra-light-red:#ffe4e5;--color-wra-red:#a11;--color-wra-light-blue:#c2e0fc;--color-wra-blue:#0360a6;--color-wra-mid-blue:#3b7dc5;--color-wra-dark-blue:#1f446d;--color-wra-light-green:#cdf7d4;--color-wra-green:#007015;--color-wra-light-yellow:#fff5ce;--color-wra-yellow:#ffd530}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing)*4)}.contents{display:contents}.hidden{display:none}.table{display:table}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.bg-wra-blue{background-color:var(--color-wra-blue)}.bg-wra-light-blue{background-color:var(--color-wra-light-blue)}.bg-wra-red{background-color:var(--color-wra-red)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-wrap{text-wrap:wrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}[data-v-a67304e8],[data-v-a67304e8]:before,[data-v-a67304e8]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-a67304e8]{background-color:var(--color-wra-charcoal);font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-a67304e8]{display:none}}[data-v-8614d740],[data-v-8614d740]:before,[data-v-8614d740]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-8614d740]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.autocomplete-input[data-v-8614d740]:disabled{opacity:.3}.autocomplete-input--focus[data-v-8614d740]{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}.autocomplete-label[data-v-8614d740]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-8614d740]{position:absolute;display:block;list-style-type:none;z-index:1;padding:0;border:1px solid var(--color-wra-black);border-top:0px;width:100%;max-height:200px;background:var(--color-wra-light-grey);overflow-y:auto}.autocomplete-list>li[data-v-8614d740]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-8614d740]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-8614d740]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-8614d740]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-8614d740]{background:var(--color-wra-blue);color:#fff}.autocomplete-list>li.autocomplete-item-not-clickable[data-v-8614d740]{cursor:not-allowed}.autocomplete[data-v-8614d740]{position:relative}[data-v-13fdebc5],[data-v-13fdebc5]:before,[data-v-13fdebc5]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-13fdebc5]{background-color:var(--color-wra-light-grey);font-size:18px;color:var(--color-wra-black);padding:20px;border:none;position:relative}.new-service[data-v-13fdebc5]{background-color:var(--color-wra-yellow)}.new-service[data-v-13fdebc5] a{color:var(--color-wra-black)}.new-service[data-v-13fdebc5] a:focus{color:#fff;background-color:var(--color-wra-black);box-shadow:0 -4px var(--color-wra-black),0 2px #fff;-webkit-box-shadow:0 -4px var(--color-wra-black),0 2px #ffffff}.wra-banner-actions[data-v-13fdebc5]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}.wra-banner-close[data-v-13fdebc5]{background:none;border:none;font-size:26px;font-weight:700;color:var(--color-wra-black);cursor:pointer;position:absolute;top:15px;right:15px;height:30px}.wra-banner-close[data-v-13fdebc5]:hover{opacity:.6;transition:all .3s ease}.wra-banner-close[data-v-13fdebc5]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black)}.wra-banner-close[data-v-13fdebc5]:focus:hover{opacity:1}.closable-padding[data-v-13fdebc5]{padding-right:44px}@media print{.hidden-print[data-v-13fdebc5]{display:none}}[data-v-2a897129],[data-v-2a897129]:before,[data-v-2a897129]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-2a897129]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-2a897129]{font-size:16px}.wra-breadcrumbs-item[data-v-2a897129]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-2a897129]{display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link--disabled[data-v-2a897129]{color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link[data-v-2a897129]{text-decoration:none;font-weight:700;color:var(--color-wra-revenue)}.wra-breadcrumbs-link[data-v-2a897129]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-2a897129]:focus{opacity:1;color:var(--color-wra-black)}.wra-breadcrumbs-chevron[data-v-2a897129]{content:" ";display:inline-block;border:solid var(--color-wra-dark-grey);border-width:3.5px 3.5px 0px 0px;padding:2.5px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-667ad3bf]{color:#fff;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-667ad3bf]:hover{background-color:var(--color-wra-dark-grey);transition:all .3s ease}button[data-v-667ad3bf]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-667ad3bf]:disabled{cursor:not-allowed;opacity:.7;background-color:var(--color-wra-charcoal)}button[data-v-667ad3bf]:disabled:hover{opacity:.7;background-color:var(--color-wra-charcoal)}button.outlined-button[data-v-667ad3bf]:disabled{color:#fff}.icon[data-v-667ad3bf]{display:flex;align-items:center;justify-content:center}.prepend-icon-wrapper[data-v-667ad3bf]{margin-right:8px}.append-icon-wrapper[data-v-667ad3bf]{margin-left:8px}.wra-black[data-v-667ad3bf]{background-color:var(--color-wra-black)}.wra-black[data-v-667ad3bf]:hover{background-color:var(--color-wra-dark-grey)}.wra-blue[data-v-667ad3bf]{background-color:var(--color-wra-blue)}.wra-blue[data-v-667ad3bf]:hover{background-color:#3571b1}.wra-red[data-v-667ad3bf]{background-color:var(--color-wra-red)}.wra-red[data-v-667ad3bf]:hover{background-color:#d81f1f}.wra-green[data-v-667ad3bf]{background-color:var(--color-wra-green)}.wra-green[data-v-667ad3bf]:hover{background-color:#008a19}.wra-revenue[data-v-667ad3bf]{background-color:var(--color-wra-revenue)}.wra-revenue[data-v-667ad3bf]:hover{background-color:#55507b}.wra-white[data-v-667ad3bf]{background-color:#fff;color:var(--color-wra-black);outline:2px solid var(--color-wra-black)}.wra-white[data-v-667ad3bf]:hover{background-color:var(--color-wra-grey)}.wra-white[data-v-667ad3bf]:disabled{color:#fff}.default-button[data-v-667ad3bf]{font-size:16px;padding:10px 20px;line-height:24px}.small-button[data-v-667ad3bf]{font-size:14px;padding:5px 15px;line-height:24px}.outlined-button[data-v-667ad3bf]{background-color:transparent;outline:2px solid var(--color-prop, var(--color-wra-black));color:var(--color-prop, var(--color-wra-black))}.outlined-button[data-v-667ad3bf]:hover{background-color:var(--color-prop, var(--color-wra-black));color:#fff;transition:all .3s ease}.wra-button:focus>.icon>svg{fill:var(--color-wra-black)}.card[data-v-b458be18]{background-color:var(--color-wra-light-grey);padding:20px 24px}.checkbox-label[data-v-b55724c0]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-b55724c0]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-b55724c0]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-b55724c0]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-b55724c0]:checked:before{transform:scale(1)}.checkbox-input[data-v-b55724c0]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-b55724c0]:focus-visible{outline-offset:0px}.checkbox-text[data-v-b55724c0]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-b55724c0]{font-size:14px}p[data-v-b55724c0]{margin:0}.checkbox[data-v-f67c188f]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-f67c188f]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-f67c188f]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-f67c188f]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-f67c188f]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-f67c188f]:checked:before{transform:scale(1)}.checkbox-input[data-v-f67c188f]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-f67c188f]:focus-visible{outline-offset:0px}.checkbox-text[data-v-f67c188f]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-f67c188f]{font-size:14px}p[data-v-f67c188f]{margin:0}.accordion-icon[data-v-e99e8bb2]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;width:6px;height:6px;padding:0;vertical-align:middle;transition:transform .2s ease-out}.accordion-icon-wrapper[data-v-e99e8bb2]{margin-left:8px}.accordion-toggle[data-v-e99e8bb2]{display:flex;align-items:center}.accordion-icon--show[data-v-e99e8bb2]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.accordion-icon--hide[data-v-e99e8bb2]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-e99e8bb2]{display:block}.accordion-title[data-v-e99e8bb2]{font-size:24px;font-weight:700;line-height:28px;color:var(--color-wra-blue);padding-bottom:.25rem}button:focus .accordion-title[data-v-e99e8bb2]{color:var(--color-wra-black)}.accordion-description[data-v-e99e8bb2],.accordion-toggle[data-v-e99e8bb2]{font-size:14px;line-height:20px;color:var(--color-wra-black)}.accordion-description[data-v-e99e8bb2]{padding-bottom:.25rem}button[data-v-e99e8bb2]{padding:15px 20px;background-color:var(--color-wra-grey);border:none;cursor:pointer;width:100%;text-align:left}button[data-v-e99e8bb2]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-e99e8bb2]:focus:hover{opacity:1}.panel-content[data-v-e99e8bb2]{display:grid;background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-e99e8bb2]{overflow:hidden}.slide-fade-enter-active[data-v-e99e8bb2],.slide-fade-leave-active[data-v-e99e8bb2]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-e99e8bb2],.slide-fade-leave-to[data-v-e99e8bb2]{grid-template-rows:0fr}.content-section-title[data-v-b917a4a4]{border-bottom:2px solid var(--color-wra-grey);border-top:10px solid var(--color-wra-grey);padding-bottom:20px;padding-top:30px}[data-v-a57e9446],[data-v-a57e9446]:before,[data-v-a57e9446]:after{box-sizing:border-box}.input-wrapper[data-v-a57e9446]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-a57e9446]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-a57e9446]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-a57e9446]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-a57e9446]{padding:10px 6px}.padding-for-no-prefix[data-v-a57e9446]{padding:10px}.input-wrapper[data-v-a57e9446]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-a57e9446]{border:none}label[data-v-a57e9446]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-a57e9446]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.bold[data-v-e27e09c4]{font-weight:700}.wra-data-table-caption[data-v-e27e09c4]{background-color:inherit;text-align:left;padding:0 0 16px;font-weight:700;font-size:20px}.wra-data-table[data-v-e27e09c4]{width:100%;border-spacing:0;line-height:20px;padding:0;table-layout:auto}.wra-data-table>thead>tr>th[data-v-e27e09c4]{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-data-table>tbody>tr>td[data-v-e27e09c4],.wra-data-table>tbody>tr>th[data-v-e27e09c4]{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-data-table td[data-v-e27e09c4],.wra-data-table th[data-v-e27e09c4]{padding:16px}.wra-data-table>thead>tr>th[data-v-e27e09c4]:first-child,.wra-data-table>tbody>tr>td[data-v-e27e09c4]:first-child{padding-left:0}.wra-data-table>thead>tr>th[data-v-e27e09c4]:last-child,.wra-data-table>tbody>tr>td[data-v-e27e09c4]:last-child{padding-right:0}.column-search-input[data-v-e27e09c4]{margin-top:12px;box-sizing:border-box;font-size:16px;padding:10px;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.column-search-input[data-v-e27e09c4]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}button[data-v-e27e09c4]{background-color:var(--color-wra-black);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px 12px;height:32px}button[data-v-e27e09c4]:hover{opacity:.8;transition:all .3s ease}button[data-v-e27e09c4]:focus{background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-e27e09c4]:focus:hover{opacity:1}.wra-chevron[data-v-e27e09c4]{content:" ";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.wra-chevron-right[data-v-e27e09c4]{border:solid #ffffff;border-width:3px 3px 0px 0px}.wra-chevron-left[data-v-e27e09c4]{border:solid #ffffff;border-width:0px 0px 3px 3px}.wra-chevron-up[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:3px 0px 0px 3px;margin-left:4px;margin-top:3px}.wra-chevron-down[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:0px 3px 3px 0px;margin-left:4px;margin-bottom:6px}button:focus>.wra-chevron-right[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:3px 3px 0px 0px}button:focus>.wra-chevron-left[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:0px 0px 3px 3px}.clickable[data-v-e27e09c4]{cursor:pointer}tbody.clickable[data-v-e27e09c4]:hover{background-color:var(--color-wra-light-grey)}.sort-icons[data-v-e27e09c4]{visibility:hidden;opacity:.4}th:hover .sort-icons[data-v-e27e09c4]{visibility:visible}.text-left[data-v-e27e09c4]{text-align:left}.text-right[data-v-e27e09c4]{text-align:right}.text-center[data-v-e27e09c4]{text-align:center}.pagination[data-v-e27e09c4]{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0}.pagination button[data-v-e27e09c4]{margin-left:10px}.disable-button[data-v-e27e09c4]{opacity:.4}.disable-button[data-v-e27e09c4]:hover{opacity:.4;cursor:default}.loader[data-v-e27e09c4]{width:40px;height:40px;border:5px solid grey;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-e27e09c4 1s linear infinite}@keyframes rotation-e27e09c4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-f015c928],[data-v-f015c928]:before,[data-v-f015c928]:after{box-sizing:border-box}input[data-v-f015c928]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-f015c928]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-f015c928]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-f015c928]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}div[data-v-6d53d792]{font-weight:700}h1[data-v-6d53d792]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-6d53d792]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-6d53d792]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-6d53d792]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-6d53d792]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-6d53d792]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}@media(max-width:600px){h1[data-v-6d53d792]{margin:0;font-size:34px;letter-spacing:-.05rem;line-height:38px}h2[data-v-6d53d792]{margin:0;font-size:28px;letter-spacing:-.04rem;line-height:32px}h3[data-v-6d53d792]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h4[data-v-6d53d792]{margin:0;font-size:20px;letter-spacing:-.03rem;line-height:24px}h5[data-v-6d53d792]{margin:0;font-size:18px;letter-spacing:-.02rem;line-height:22px}h6[data-v-6d53d792]{margin:0;font-size:14px;letter-spacing:-.01rem;line-height:18px}}.dialog-class[data-v-a58221e3]{z-index:9999}.dialog-content[data-v-a58221e3]{min-width:300px;max-width:90vw;text-align:center}.dialog-buttons[data-v-a58221e3]{margin-top:16px;display:flex;justify-content:space-evenly}dialog.dialog-class::backdrop{background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}hr[data-v-40db3bc1]{margin:0}.wra-divider[data-v-40db3bc1]{border:3px solid var(--color-wra-grey)}.wra-divider-large[data-v-40db3bc1]{border:4px solid var(--color-wra-grey)}.wra-divider-small[data-v-40db3bc1]{border:2px solid var(--color-wra-grey)}.panel-icon[data-v-aad4db7d]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-aad4db7d]{margin-left:8px}.show-panel-icon[data-v-aad4db7d]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-aad4db7d]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-aad4db7d]{display:flex;justify-content:space-between}button[data-v-aad4db7d]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:var(--color-wra-revenue);border:none;border-left:2px solid var(--color-wra-mid-grey);cursor:pointer;width:100%;text-align:left}button[data-v-aad4db7d]:hover{opacity:.8}button[data-v-aad4db7d]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-aad4db7d]:focus:hover{opacity:1}.panel-content[data-v-aad4db7d]{display:grid;border-left:2px solid var(--color-wra-mid-grey);background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-aad4db7d]{overflow:hidden}.slide-fade-enter-active[data-v-aad4db7d],.slide-fade-leave-active[data-v-aad4db7d]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-aad4db7d],.slide-fade-leave-to[data-v-aad4db7d]{grid-template-rows:0fr}.validation-tooltip[data-v-e082a746]{display:flex;align-items:flex-start;color:var(--color-wra-black);border-radius:0;font-size:18px;padding:25px}.wra-error[data-v-e082a746]{background-color:var(--color-wra-light-red);border-left:10px solid var(--color-wra-red)}.wra-success[data-v-e082a746]{background-color:var(--color-wra-light-green);border-left:10px solid var(--color-wra-green)}.wra-info[data-v-e082a746]{background-color:var(--color-wra-light-blue);border-left:10px solid var(--color-wra-blue)}.wra-warning[data-v-e082a746]{background-color:var(--color-wra-light-yellow);border-left:10px solid var(--color-wra-yellow)}.wra-default[data-v-e082a746]{background-color:var(--color-wra-light-grey);border-left:10px solid var(--color-wra-blue)}.icon[data-v-e082a746]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-icon-wrapper[data-v-e082a746]{margin-right:12px}.file-upload-wrapper[data-v-77af62fb]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-77af62fb]{display:none}.file-upload-label[data-v-77af62fb]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-77af62fb]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-77af62fb]{margin-bottom:16px}.file-upload-error-text[data-v-77af62fb]{margin-block:0px;font-size:18px}.file-upload-error-box>.file-upload-error-text[data-v-77af62fb]{margin-bottom:1rem}.file-upload-error-box>.file-upload-error-text[data-v-77af62fb]:last-child{margin-bottom:0rem}.error-enter-active[data-v-77af62fb],.error-leave-active[data-v-77af62fb]{transition:opacity .3s ease-out}.error-enter-from[data-v-77af62fb],.error-leave-to[data-v-77af62fb]{opacity:0}.wra-footer[data-v-ec223b2a]{flex-grow:0;background-color:var(--color-wra-light-grey);padding:70px 20px 40px}@media print{.hidden-print[data-v-ec223b2a]{display:none}}.wra-inset[data-v-5eaa02a8]{font-size:16px;padding:20px;border-left-width:10px;border-left-style:solid}.wra-inset.wra-revenue[data-v-5eaa02a8]{border-left-color:var(--color-wra-revenue)}.wra-inset.wra-charcoal[data-v-5eaa02a8]{border-left-color:var(--color-wra-charcoal)}.wra-inset.wra-red[data-v-5eaa02a8]{border-left-color:var(--color-wra-red)}.wra-inset.wra-blue[data-v-5eaa02a8]{border-left-color:var(--color-wra-blue)}.wra-inset.wra-green[data-v-5eaa02a8]{border-left-color:var(--color-wra-green)}.wra-inset.wra-yellow[data-v-5eaa02a8]{border-left-color:var(--color-wra-yellow)}[data-v-21ef0757],[data-v-21ef0757]:before,[data-v-21ef0757]:after{box-sizing:border-box}.input-wrapper[data-v-21ef0757]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-21ef0757]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-21ef0757]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-21ef0757]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-21ef0757]{padding:10px 6px}.padding-for-no-prefix[data-v-21ef0757]{padding:10px}.input-wrapper[data-v-21ef0757]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-21ef0757]{border:none}label[data-v-21ef0757]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-21ef0757]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.pagination-button[data-v-4fb0a9cd]{background-color:transparent;color:var(--color-wra-revenue);font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button[data-v-4fb0a9cd]>*:first-child{margin-right:8px}.pagination-button[data-v-4fb0a9cd]:hover,.pagination-number[data-v-4fb0a9cd]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-4fb0a9cd]:focus,.pagination-number[data-v-4fb0a9cd]:focus{color:var(--color-wra-black);background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.pagination-button[data-v-4fb0a9cd]:focus:hover,.pagination-number[data-v-4fb0a9cd]:focus:hover{opacity:1}.pagination-number[data-v-4fb0a9cd]{color:var(--color-wra-black);background-color:var(--color-wra-light-grey);padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;min-width:3rem;text-align:center}.pagination-number[data-v-4fb0a9cd]:hover{color:var(--color-wra-black);opacity:.8}.pagination-number--selected[data-v-4fb0a9cd]{background-color:var(--color-wra-revenue);color:#fff}.pagination-number--selected[data-v-4fb0a9cd]:hover:not(:focus){color:#fff}.pagination-divider[data-v-4fb0a9cd]{font-size:18px}.pagination[data-v-4fb0a9cd]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-4fb0a9cd]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.previous-icon[data-v-4fb0a9cd]{border-width:3px 3px 0px 0px}.next-icon[data-v-4fb0a9cd]{border-width:0px 0px 3px 3px}[data-v-0e867b98],[data-v-0e867b98]:before,[data-v-0e867b98]:after{box-sizing:border-box}.input-wrapper[data-v-0e867b98]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-0e867b98]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-0e867b98]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-0e867b98]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-0e867b98]{padding:10px 6px}.padding-for-no-prefix[data-v-0e867b98]{padding:10px}.input-wrapper[data-v-0e867b98]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-0e867b98]{border:none}label[data-v-0e867b98]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-0e867b98]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.radio-label[data-v-66e204d1]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:grid;cursor:pointer;grid-template-columns:20px auto}.radio-label[data-v-66e204d1]:hover{background:var(--color-wra-mid-grey)}.radio-input[data-v-66e204d1]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-66e204d1]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black)}.radio-input[data-v-66e204d1]:checked:before{transform:scale(1)}.radio-input[data-v-66e204d1]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.radio-input[data-v-66e204d1]:focus-visible{outline-offset:0px}.radio-text[data-v-66e204d1]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-66e204d1]{font-size:14px}p[data-v-66e204d1]{margin:0}.radio[data-v-dfd68568]:not(:last-child):not(:only-child){margin-bottom:8px}[data-v-f1105098],[data-v-f1105098]:before,[data-v-f1105098]:after{box-sizing:border-box}select[data-v-f1105098]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none;padding:10px}.select[data-v-f1105098]{border:1px solid var(--color-wra-black);border-radius:0;padding-right:10px;font-size:16px;cursor:pointer;line-height:1.15;background-color:#fff;display:grid;grid-template-areas:"select";align-items:center;position:relative}.select[data-v-f1105098]:after{content:"";width:.8em;height:.5em;background-color:var(--color-wra-black);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-f1105098],.select[data-v-f1105098]:after{grid-area:select}select:focus+.focus[data-v-f1105098]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--color-wra-black);outline:3px solid var(--color-wra-yellow);border-radius:inherit}label[data-v-f1105098]{color:var(--color-wra-black);font-size:16px}[data-v-f20812d2],[data-v-f20812d2]:before,[data-v-f20812d2]:after{box-sizing:border-box}fieldset[data-v-f20812d2]{border:none;padding:0;margin:0}.date-input-container[data-v-f20812d2]{display:flex;gap:20px;flex-wrap:wrap}.date-input__item[data-v-f20812d2]{flex-grow:0;flex-shrink:0;width:auto}.date-input__label[data-v-f20812d2]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px;font-weight:400}.date-input__input[data-v-f20812d2]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.date-input__input[data-v-f20812d2]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}.date-input__input--day[data-v-f20812d2]{max-width:var(--day-input-width, 47px)}.date-input__input--month[data-v-f20812d2]{max-width:var(--month-input-width, 47px)}.date-input__input--year[data-v-f20812d2]{max-width:var(--year-input-width, 72px)}.service-logo[data-v-726556fc]{max-width:100%}.service-link[data-v-726556fc]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-726556fc]:focus{border:2px solid var(--color-wra-yellow);outline:2px solid var(--color-wra-black);background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:var(--color-wra-light-grey)}.wra-simple-table-no-padding{padding:0!important}.left-align-headers{text-align:left}.wra-simple-table-caption{background-color:inherit;text-align:left;padding:16px 16px 16px 0;font-weight:700;font-size:20px}.wra-simple-table{width:100%;line-height:20px;color:var(--color-wra-black);border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-simple-table td,.wra-simple-table th{padding:16px}.wra-simple-table>thead>tr>th:first-child,.wra-simple-table>tbody>tr>th:first-child,.wra-simple-table>tbody>tr>td:first-child{padding-left:0}.wra-simple-table>thead>tr>th:last-child,.wra-simple-table>tbody>tr>th:last-child,.wra-simple-table>tbody>tr>td:last-child{padding-right:0}.skip-link[data-v-8e4609fc]:not(:focus):not(:active){clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap!important;width:1px!important}.skip-link[data-v-8e4609fc]{background-color:var(--color-wra-grey);color:var(--color-wra-black);font-weight:700;border:none;cursor:pointer;padding:10px;font-size:1em}.skip-link[data-v-8e4609fc]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.skip-link-full-width[data-v-8e4609fc]{width:100%;text-align:left}.skip-link-full-width[data-v-8e4609fc]:focus{outline-width:0px;border-width:0px}[data-v-d07fa6ea],[data-v-d07fa6ea]:before,[data-v-d07fa6ea]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-d07fa6ea]{background:var(--color-wra-light-grey);font-size:18px;padding:20px;border-left:5px solid var(--color-wra-dark-grey);position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-d07fa6ea]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:baseline;row-gap:10px;column-gap:20px}@media(max-width:900px){.snackbar-flex[data-v-d07fa6ea]{width:80%}}.snackbar-content[data-v-d07fa6ea]{text-wrap:wrap}.close-icon-wrapper[data-v-d07fa6ea]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-d07fa6ea]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-d07fa6ea]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.close-icon-wrapper[data-v-d07fa6ea]:focus:hover{opacity:1}.close-icon-line-one[data-v-d07fa6ea]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-d07fa6ea]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-d07fa6ea]{background-color:var(--color-wra-light-red);border-color:var(--color-wra-red)}.wra-success[data-v-d07fa6ea]{background-color:var(--color-wra-light-green);border-color:var(--color-wra-green)}.wra-info[data-v-d07fa6ea]{background-color:var(--color-wra-light-blue);border-color:var(--color-wra-blue)}.wra-warning[data-v-d07fa6ea]{background-color:var(--color-wra-light-yellow);border-color:var(--color-wra-yellow)}.sr-only[data-v-d07fa6ea]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.snackbar-enter-active[data-v-d07fa6ea],.snackbar-leave-active[data-v-d07fa6ea]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-d07fa6ea],.snackbar-leave-to[data-v-d07fa6ea]{opacity:0}.subheader[data-v-904f5932]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}@media screen and (min-width:600px){#regular{display:table}#pivoted{display:none}}@media screen and (max-width:599px){#regular{display:none}#pivoted{display:table}}@media print{#regular{display:table}#pivoted{display:none}}.bold{font-weight:700}.wra-table-caption{background-color:inherit;text-align:left;padding:16px;font-weight:700;font-size:20px}.caption-no-padding{padding:0 0 16px!important}.wra-table{width:100%;line-height:20px;background-color:var(--color-wra-light-grey);color:var(--color-wra-black);border-spacing:0;padding:0 16px 16px;table-layout:auto}.wra-table-no-padding{padding:0!important}.wra-table td,.wra-table th{word-break:break-word}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-table td,.wra-table th{padding:16px}.wra-table>thead>tr>th:first-child,.wra-table>tbody>tr>td:first-child{padding-left:0}.wra-table>thead>tr>th:last-child,.wra-table>tbody>tr>td:last-child{padding-right:0}#pivoted{table-layout:fixed;text-align:left}#pivoted>tbody>tr:last-child>td,#pivoted>tbody>tr:last-child>th{border-bottom:1px solid var(--color-wra-dark-grey)}#pivoted>tbody>tr:not(:last-child)>td,#pivoted>tbody>tr:not(:last-child)>th{border-bottom:none}#pivoted>tbody>tr>th{padding-left:0}#pivoted table{width:100%}#pivoted>table>tr>th,#pivoted>table>tr>td{width:50%}[data-v-0417664c]{box-sizing:border-box;border:none}.tab-button[data-v-0417664c]{border-top:6px solid var(--color-wra-blue);font-size:24px;font-weight:700;color:var(--color-wra-light-blue);background:var(--color-wra-dark-blue);padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-0417664c]:hover:not(.tab-button--active){background:var(--color-wra-mid-blue);color:#fff}.tab-button.tab-button--active[data-v-0417664c]:focus{border-color:var(--color-wra-black);box-shadow:2px 0 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset}.tab-button--active[data-v-0417664c]{background:#fff;color:var(--color-wra-black);border-top:6px solid var(--color-wra-mid-grey)}.tab-button[data-v-0417664c]:focus{border-top:6px solid var(--color-wra-blue);color:var(--color-wra-black);background:var(--color-wra-yellow);box-shadow:2px 2px 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset;outline-style:none}@media(max-width:768px){.tab-button[data-v-0417664c]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-eef46a08]{background-color:var(--color-wra-blue);width:100%}[data-v-4bbbf219],[data-v-4bbbf219]:before,[data-v-4bbbf219]:after{box-sizing:border-box}textarea[data-v-4bbbf219]{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif;font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}textarea[data-v-4bbbf219]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-4bbbf219]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-4bbbf219]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}[data-v-066bf72c],[data-v-066bf72c]:before,[data-v-066bf72c]:after{box-sizing:border-box}input[data-v-066bf72c]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-066bf72c]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-066bf72c]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-066bf72c]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ import { defineComponent as g, createElementBlock as n, openBlock as i, normalizeClass as m, renderSlot as f, createCommentVNode as c, withDirectives as q, toDisplayString as p, createElementVNode as l, withKeys as S, withModifiers as A, vModelText as x, Fragment as k, renderList as I, vShow as ee, createVNode as L, createTextVNode as M, Transition as K, withCtx as W, resolveDirective as j, mergeProps as G, normalizeStyle as F, nextTick as ie, resolveComponent as D, createBlock as _, Teleport as ne } from "vue";
3
3
  const oe = g({
4
4
  name: "wra-app-bar",
5
5
  props: {
@@ -12,12 +12,12 @@ const oe = g({
12
12
  }
13
13
  }
14
14
  }), b = (e, t) => {
15
- const s = e.__vccOpts || e;
16
- for (const [a, o] of t)
17
- s[a] = o;
18
- return s;
15
+ const a = e.__vccOpts || e;
16
+ for (const [s, o] of t)
17
+ a[s] = o;
18
+ return a;
19
19
  };
20
- function le(e, t, s, a, o, l) {
20
+ function le(e, t, a, s, o, d) {
21
21
  return i(), n("div", {
22
22
  class: m(["wra-app-bar", {
23
23
  "hidden-print": e.hiddenPrint === !0
@@ -138,7 +138,7 @@ const de = /* @__PURE__ */ b(oe, [["render", le], ["__scopeId", "data-v-a67304e8
138
138
  computed: {
139
139
  showOptions() {
140
140
  const e = this.validatedOptions.some(
141
- (a) => a[this.optionLabel] === this.userInput[this.optionLabel]
141
+ (s) => s[this.optionLabel] === this.userInput[this.optionLabel]
142
142
  ), t = (this.userInput[this.optionLabel] || "").length >= this.minLength;
143
143
  return e !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || t === !0);
144
144
  },
@@ -186,7 +186,7 @@ const de = /* @__PURE__ */ b(oe, [["render", le], ["__scopeId", "data-v-a67304e8
186
186
  return;
187
187
  }
188
188
  this.userInput = e, this.options.find(
189
- (s) => s[this.optionLabel].toLowerCase() === this.userInput[this.optionLabel].toLowerCase()
189
+ (a) => a[this.optionLabel].toLowerCase() === this.userInput[this.optionLabel].toLowerCase()
190
190
  ) && this.$emit("validOption", !0);
191
191
  },
192
192
  immediate: !0
@@ -197,14 +197,14 @@ const de = /* @__PURE__ */ b(oe, [["render", le], ["__scopeId", "data-v-a67304e8
197
197
  id: "autocomplete-list",
198
198
  class: "autocomplete-list"
199
199
  }, me = ["id", "aria-selected", "onMousedown", "onKeydown", "onBlur"];
200
- function ge(e, t, s, a, o, l) {
200
+ function ge(e, t, a, s, o, d) {
201
201
  return i(), n("div", pe, [
202
202
  e.label ? (i(), n("label", {
203
203
  key: 0,
204
204
  for: e.id,
205
205
  class: "autocomplete-label"
206
206
  }, p(e.label), 9, ce)) : c("", !0),
207
- q(d("input", {
207
+ q(l("input", {
208
208
  inputmode: "text",
209
209
  ref: "autocompleteInput",
210
210
  "onUpdate:modelValue": t[0] || (t[0] = (r) => e.userInput[e.optionLabel] = r),
@@ -221,14 +221,14 @@ function ge(e, t, s, a, o, l) {
221
221
  onFocus: t[2] || (t[2] = (r) => e.hasFocus = !0),
222
222
  onBlur: t[3] || (t[3] = (...r) => e.onBlur && e.onBlur(...r)),
223
223
  onKeydown: [
224
- t[4] || (t[4] = S(N((...r) => e.onUpKey && e.onUpKey(...r), ["prevent"]), ["up"])),
225
- t[5] || (t[5] = S(N((...r) => e.onDownKey && e.onDownKey(...r), ["prevent"]), ["down"]))
224
+ t[4] || (t[4] = S(A((...r) => e.onUpKey && e.onUpKey(...r), ["prevent"]), ["up"])),
225
+ t[5] || (t[5] = S(A((...r) => e.onDownKey && e.onDownKey(...r), ["prevent"]), ["down"]))
226
226
  ]
227
227
  }, null, 42, he), [
228
228
  [x, e.userInput[e.optionLabel]]
229
229
  ]),
230
- q(d("ul", fe, [
231
- (i(!0), n(y, null, V(e.filterOptions, (r, u) => (i(), n("li", {
230
+ q(l("ul", fe, [
231
+ (i(!0), n(k, null, I(e.filterOptions, (r, u) => (i(), n("li", {
232
232
  key: r.value,
233
233
  ref_for: !0,
234
234
  ref: `option${u}`,
@@ -242,10 +242,10 @@ function ge(e, t, s, a, o, l) {
242
242
  }),
243
243
  onMousedown: (h) => e.onOptionSelect(r),
244
244
  onKeydown: [
245
- t[6] || (t[6] = S(N((...h) => e.onUpKey && e.onUpKey(...h), ["prevent"]), ["up"])),
246
- t[7] || (t[7] = S(N((...h) => e.onDownKey && e.onDownKey(...h), ["prevent"]), ["down"])),
247
- S(N((h) => e.onOptionSelect(r), ["prevent"]), ["enter"]),
248
- S(N((h) => e.onOptionSelect(r), ["prevent"]), ["space"])
245
+ t[6] || (t[6] = S(A((...h) => e.onUpKey && e.onUpKey(...h), ["prevent"]), ["up"])),
246
+ t[7] || (t[7] = S(A((...h) => e.onDownKey && e.onDownKey(...h), ["prevent"]), ["down"])),
247
+ S(A((h) => e.onOptionSelect(r), ["prevent"]), ["enter"]),
248
+ S(A((h) => e.onOptionSelect(r), ["prevent"]), ["space"])
249
249
  ],
250
250
  onBlur: (h) => e.onOptionBlur(u)
251
251
  }, p(r[e.optionLabel]), 43, me))), 128))
@@ -254,7 +254,7 @@ function ge(e, t, s, a, o, l) {
254
254
  ])
255
255
  ]);
256
256
  }
257
- const be = /* @__PURE__ */ b(ue, [["render", ge], ["__scopeId", "data-v-8614d740"]]), $e = g({
257
+ const be = /* @__PURE__ */ b(ue, [["render", ge], ["__scopeId", "data-v-8614d740"]]), ye = g({
258
258
  name: "wra-banner",
259
259
  props: {
260
260
  /**
@@ -289,11 +289,11 @@ const be = /* @__PURE__ */ b(ue, [["render", ge], ["__scopeId", "data-v-8614d740
289
289
  this.visible = !1;
290
290
  }
291
291
  }
292
- }), ke = {
292
+ }), $e = {
293
293
  key: 0,
294
294
  class: "wra-banner-actions"
295
295
  };
296
- function ye(e, t, s, a, o, l) {
296
+ function ke(e, t, a, s, o, d) {
297
297
  return e.visible ? (i(), n("div", {
298
298
  key: 0,
299
299
  class: m(["wra-banner", {
@@ -302,10 +302,10 @@ function ye(e, t, s, a, o, l) {
302
302
  "closable-padding": e.closable === !0
303
303
  }])
304
304
  }, [
305
- d("div", null, [
305
+ l("div", null, [
306
306
  f(e.$slots, "default", {}, void 0, !0)
307
307
  ]),
308
- e.$slots.actions ? (i(), n("div", ke, [
308
+ e.$slots.actions ? (i(), n("div", $e, [
309
309
  f(e.$slots, "actions", {}, void 0, !0)
310
310
  ])) : c("", !0),
311
311
  e.closable ? (i(), n("button", {
@@ -316,7 +316,7 @@ function ye(e, t, s, a, o, l) {
316
316
  }, " × ")) : c("", !0)
317
317
  ], 2)) : c("", !0);
318
318
  }
319
- const ve = /* @__PURE__ */ b($e, [["render", ye], ["__scopeId", "data-v-13fdebc5"]]), we = g({
319
+ const ve = /* @__PURE__ */ b(ye, [["render", ke], ["__scopeId", "data-v-13fdebc5"]]), we = g({
320
320
  name: "wra-breadcrumbs",
321
321
  props: {
322
322
  /** Items to display in the breadcrumbs */
@@ -340,28 +340,28 @@ const ve = /* @__PURE__ */ b($e, [["render", ye], ["__scopeId", "data-v-13fdebc5
340
340
  default: "href"
341
341
  }
342
342
  }
343
- }), Se = { class: "wra-breadcrumbs" }, Ve = { class: "wra-breadcrumbs-item" }, Ie = ["href"], Me = {
343
+ }), Se = { class: "wra-breadcrumbs" }, Ie = { class: "wra-breadcrumbs-item" }, Ve = ["href"], Me = {
344
344
  key: 1,
345
345
  class: "wra-breadcrumbs-link--disabled"
346
346
  }, Ce = {
347
347
  key: 0,
348
348
  class: "wra-breadcrumbs-divider"
349
349
  };
350
- function Pe(e, t, s, a, o, l) {
350
+ function Pe(e, t, a, s, o, d) {
351
351
  return i(), n("ul", Se, [
352
- (i(!0), n(y, null, V(e.items, (r, u) => (i(), n(y, null, [
353
- d("li", Ve, [
352
+ (i(!0), n(k, null, I(e.items, (r, u) => (i(), n(k, null, [
353
+ l("li", Ie, [
354
354
  f(e.$slots, "default", {}, () => [
355
355
  r[e.itemDisabled] ? (i(), n("span", Me, p(r[e.itemTitle]), 1)) : (i(), n("a", {
356
356
  key: 0,
357
357
  href: r[e.itemHref],
358
358
  class: "wra-breadcrumbs-link"
359
- }, p(r[e.itemTitle]), 9, Ie))
359
+ }, p(r[e.itemTitle]), 9, Ve))
360
360
  ], !0)
361
361
  ]),
362
362
  u !== e.items.length - 1 ? (i(), n("li", Ce, [
363
363
  f(e.$slots, "divider", {}, () => [
364
- t[0] || (t[0] = d("span", { class: "wra-breadcrumbs-chevron" }, null, -1))
364
+ t[0] || (t[0] = l("span", { class: "wra-breadcrumbs-chevron" }, null, -1))
365
365
  ], !0)
366
366
  ])) : c("", !0)
367
367
  ], 64))), 256))
@@ -422,13 +422,13 @@ const Te = /* @__PURE__ */ b(we, [["render", Pe], ["__scopeId", "data-v-2a897129
422
422
  }
423
423
  }
424
424
  }), Oe = ["disabled"];
425
- function We(e, t, s, a, o, l) {
425
+ function We(e, t, a, s, o, d) {
426
426
  return i(), n("button", {
427
427
  class: m(["wra-button", e.buttonClass]),
428
428
  type: "button",
429
429
  disabled: e.disabled
430
430
  }, [
431
- d("span", {
431
+ l("span", {
432
432
  class: m([{
433
433
  "prepend-icon-wrapper": e.prependIcon
434
434
  }, "icon"])
@@ -436,7 +436,7 @@ function We(e, t, s, a, o, l) {
436
436
  f(e.$slots, "prepend-icon", {}, void 0, !0)
437
437
  ], 2),
438
438
  f(e.$slots, "default", {}, void 0, !0),
439
- d("span", {
439
+ l("span", {
440
440
  class: m([{
441
441
  "append-icon-wrapper": e.appendIcon
442
442
  }, "icon"])
@@ -447,13 +447,13 @@ function We(e, t, s, a, o, l) {
447
447
  }
448
448
  const J = /* @__PURE__ */ b(Be, [["render", We], ["__scopeId", "data-v-667ad3bf"]]), qe = g({
449
449
  name: "wra-card"
450
- }), Ne = { class: "card" };
451
- function Ae(e, t, s, a, o, l) {
452
- return i(), n("div", Ne, [
450
+ }), Ae = { class: "card" };
451
+ function Ne(e, t, a, s, o, d) {
452
+ return i(), n("div", Ae, [
453
453
  f(e.$slots, "default", {}, void 0, !0)
454
454
  ]);
455
455
  }
456
- const Fe = /* @__PURE__ */ b(qe, [["render", Ae], ["__scopeId", "data-v-b458be18"]]), Le = g({
456
+ const Le = /* @__PURE__ */ b(qe, [["render", Ne], ["__scopeId", "data-v-b458be18"]]), Fe = g({
457
457
  name: "wra-checkbox",
458
458
  props: {
459
459
  /**
@@ -501,17 +501,17 @@ const Fe = /* @__PURE__ */ b(qe, [["render", Ae], ["__scopeId", "data-v-b458be18
501
501
  this.isChecked = !this.isChecked, this.$emit("update:modelValue", this.isChecked);
502
502
  }
503
503
  }
504
- }), Ee = ["aria-label"], De = ["for"], je = ["id", "checked", "aria-checked"], ze = { class: "checkbox-text" }, Re = ["innerHTML"];
505
- function _e(e, t, s, a, o, l) {
504
+ }), De = ["aria-label"], Ee = ["for"], je = ["id", "checked", "aria-checked"], _e = { class: "checkbox-text" }, ze = ["innerHTML"];
505
+ function Re(e, t, a, s, o, d) {
506
506
  return i(), n("div", {
507
507
  role: "checkbox",
508
508
  "aria-label": e.label
509
509
  }, [
510
- d("label", {
510
+ l("label", {
511
511
  for: e.id,
512
512
  class: "checkbox-label"
513
513
  }, [
514
- d("input", {
514
+ l("input", {
515
515
  class: "checkbox-input",
516
516
  type: "checkbox",
517
517
  id: e.id,
@@ -520,18 +520,18 @@ function _e(e, t, s, a, o, l) {
520
520
  onChange: t[0] || (t[0] = (r) => e.checkInput()),
521
521
  onClick: t[1] || (t[1] = (r) => e.$emit("click"))
522
522
  }, null, 40, je),
523
- d("span", ze, [
524
- d("p", null, p(e.label), 1),
523
+ l("span", _e, [
524
+ l("p", null, p(e.label), 1),
525
525
  e.info ? (i(), n("p", {
526
526
  key: 0,
527
527
  class: "further-information-text",
528
528
  innerHTML: e.info
529
- }, null, 8, Re)) : c("", !0)
529
+ }, null, 8, ze)) : c("", !0)
530
530
  ])
531
- ], 8, De)
532
- ], 8, Ee);
531
+ ], 8, Ee)
532
+ ], 8, De);
533
533
  }
534
- const He = /* @__PURE__ */ b(Le, [["render", _e], ["__scopeId", "data-v-b55724c0"]]), Ke = g({
534
+ const He = /* @__PURE__ */ b(Fe, [["render", Re], ["__scopeId", "data-v-b55724c0"]]), Ke = g({
535
535
  name: "wra-checkbox-group",
536
536
  props: {
537
537
  /**
@@ -590,13 +590,13 @@ const He = /* @__PURE__ */ b(Le, [["render", _e], ["__scopeId", "data-v-b55724c0
590
590
  checkInput(e) {
591
591
  this.checked[e] = !this.checked[e];
592
592
  let t = [];
593
- this.returnObject === !0 ? Object.keys(this.checked).forEach((s) => {
594
- if (this.checked[s] === !0)
593
+ this.returnObject === !0 ? Object.keys(this.checked).forEach((a) => {
594
+ if (this.checked[a] === !0)
595
595
  for (let o = 0; o < this.validOptions.length; o++) {
596
- const l = this.validOptions[o];
597
- typeof l == "object" ? l[this.itemValue] == s && t.push(l) : l == s && t.push(l);
596
+ const d = this.validOptions[o];
597
+ typeof d == "object" ? d[this.itemValue] == a && t.push(d) : d == a && t.push(d);
598
598
  }
599
- }) : t = Object.keys(this.checked).filter((s) => this.checked[s]), this.localModelValue = t;
599
+ }) : t = Object.keys(this.checked).filter((a) => this.checked[a]), this.localModelValue = t;
600
600
  },
601
601
  checkForObjectLabel(e) {
602
602
  return typeof e == "object" ? e[this.itemLabel] : e;
@@ -634,34 +634,34 @@ const He = /* @__PURE__ */ b(Le, [["render", _e], ["__scopeId", "data-v-b55724c0
634
634
  mounted() {
635
635
  this.localModelValue = this.modelValue ?? [];
636
636
  }
637
- }), Ue = ["aria-label"], Ge = ["for"], Ye = ["id", "checked", "aria-checked", "onChange"], Je = { class: "checkbox-text" }, Ze = ["innerHTML"];
638
- function Qe(e, t, s, a, o, l) {
639
- return i(!0), n(y, null, V(e.validOptions, (r) => (i(), n("div", {
637
+ }), Ue = ["aria-label"], Ye = ["for"], Ge = ["id", "checked", "aria-checked", "onChange"], Je = { class: "checkbox-text" }, Ze = ["innerHTML"];
638
+ function Qe(e, t, a, s, o, d) {
639
+ return i(!0), n(k, null, I(e.validOptions, (r) => (i(), n("div", {
640
640
  role: "checkbox",
641
641
  class: "checkbox",
642
642
  "aria-label": e.checkForObjectLabel(r)
643
643
  }, [
644
- d("label", {
644
+ l("label", {
645
645
  for: e.checkForObjectValue(r),
646
646
  class: "checkbox-label"
647
647
  }, [
648
- d("input", {
648
+ l("input", {
649
649
  class: "checkbox-input",
650
650
  type: "checkbox",
651
651
  id: typeof r == "object" && r.id ? r.id : e.checkForObjectValue(r),
652
652
  checked: e.checked[e.checkForObjectValue(r)],
653
653
  "aria-checked": e.checked[e.checkForObjectValue(r)],
654
654
  onChange: (u) => e.checkInput(e.checkForObjectValue(r))
655
- }, null, 40, Ye),
656
- d("span", Je, [
657
- d("p", null, p(e.checkForObjectLabel(r)), 1),
655
+ }, null, 40, Ge),
656
+ l("span", Je, [
657
+ l("p", null, p(e.checkForObjectLabel(r)), 1),
658
658
  e.checkForObjectInfo(r) ? (i(), n("p", {
659
659
  key: 0,
660
660
  class: "further-information-text",
661
661
  innerHTML: e.checkForObjectInfo(r)
662
662
  }, null, 8, Ze)) : c("", !0)
663
663
  ])
664
- ], 8, Ge)
664
+ ], 8, Ye)
665
665
  ], 8, Ue))), 256);
666
666
  }
667
667
  const Xe = /* @__PURE__ */ b(Ke, [["render", Qe], ["__scopeId", "data-v-f67c188f"]]), xe = g({
@@ -723,32 +723,32 @@ const Xe = /* @__PURE__ */ b(Ke, [["render", Qe], ["__scopeId", "data-v-f67c188f
723
723
  this.expandOverride === void 0 ? (this.internalPanel = !this.internalPanel, this.$emit("update:expanded", this.internalPanel)) : this.$emit("update:expanded", !this.expandOverride);
724
724
  }
725
725
  }
726
- }), et = ["aria-controls", "id"], tt = { class: "accordion-title" }, st = {
726
+ }), et = ["aria-controls", "id"], tt = { class: "accordion-title" }, at = {
727
727
  key: 0,
728
728
  class: "accordion-description"
729
- }, at = { class: "accordion-toggle" }, rt = { class: "accordion-icon-wrapper" }, it = ["aria-hidden", "id"], nt = { class: "inner-panel" };
730
- function ot(e, t, s, a, o, l) {
729
+ }, st = { class: "accordion-toggle" }, rt = { class: "accordion-icon-wrapper" }, it = ["aria-hidden", "id"], nt = { class: "inner-panel" };
730
+ function ot(e, t, a, s, o, d) {
731
731
  return i(), n("div", null, [
732
- d("button", {
732
+ l("button", {
733
733
  class: "expansion-button",
734
734
  "aria-controls": `expansion-content-${e.ariaTitle}`,
735
735
  id: `expansion-control-${e.ariaTitle}`,
736
736
  onClick: t[0] || (t[0] = (...r) => e.togglePanel && e.togglePanel(...r))
737
737
  }, [
738
- d("div", tt, [
738
+ l("div", tt, [
739
739
  f(e.$slots, "title", {}, () => [
740
740
  M(p(e.title), 1)
741
741
  ], !0)
742
742
  ]),
743
- e.description || e.$slots.description ? (i(), n("div", st, [
743
+ e.description || e.$slots.description ? (i(), n("div", at, [
744
744
  f(e.$slots, "description", {}, () => [
745
745
  M(p(e.description), 1)
746
746
  ], !0)
747
747
  ])) : c("", !0),
748
- d("div", at, [
749
- d("span", null, p(e.showPanel ? e.hideText : e.showText), 1),
750
- d("span", rt, [
751
- d("span", {
748
+ l("div", st, [
749
+ l("span", null, p(e.showPanel ? e.hideText : e.showText), 1),
750
+ l("span", rt, [
751
+ l("span", {
752
752
  class: m(["accordion-icon", {
753
753
  "accordion-icon--show": e.showPanel,
754
754
  "accordion-icon--hide": !e.showPanel
@@ -757,14 +757,14 @@ function ot(e, t, s, a, o, l) {
757
757
  ])
758
758
  ])
759
759
  ], 8, et),
760
- F(K, { name: "slide-fade" }, {
760
+ L(K, { name: "slide-fade" }, {
761
761
  default: W(() => [
762
- q(d("div", {
762
+ q(l("div", {
763
763
  class: "panel-content",
764
764
  "aria-hidden": !e.showPanel,
765
765
  id: `expansion-content-${e.ariaTitle}`
766
766
  }, [
767
- d("div", nt, [
767
+ l("div", nt, [
768
768
  f(e.$slots, "default", {}, void 0, !0)
769
769
  ])
770
770
  ], 8, it), [
@@ -778,73 +778,73 @@ function ot(e, t, s, a, o, l) {
778
778
  const lt = /* @__PURE__ */ b(xe, [["render", ot], ["__scopeId", "data-v-e99e8bb2"]]), dt = g({
779
779
  name: "wra-content-section-title"
780
780
  }), ut = { class: "content-section-title" };
781
- function pt(e, t, s, a, o, l) {
781
+ function pt(e, t, a, s, o, d) {
782
782
  return i(), n("div", ut, [
783
783
  f(e.$slots, "default", {}, void 0, !0)
784
784
  ]);
785
785
  }
786
786
  const ct = /* @__PURE__ */ b(dt, [["render", pt], ["__scopeId", "data-v-b917a4a4"]]);
787
- var ht = Object.defineProperty, ft = (e, t, s) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, E = (e, t, s) => ft(e, typeof t != "symbol" ? t + "" : t, s);
787
+ var ht = Object.defineProperty, ft = (e, t, a) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, E = (e, t, a) => ft(e, typeof t != "symbol" ? t + "" : t, a);
788
788
  const Z = {
789
789
  "#": { pattern: /[0-9]/ },
790
790
  "@": { pattern: /[a-zA-Z]/ },
791
791
  "*": { pattern: /[a-zA-Z0-9]/ }
792
- }, Q = (e, t, s) => e.replaceAll(t, "").replace(s, ".").replace("..", ".").replace(/[^.\d]/g, ""), X = (e, t, s) => {
793
- var a;
794
- return new Intl.NumberFormat(((a = s.number) == null ? void 0 : a.locale) ?? "en", {
792
+ }, Q = (e, t, a) => e.replaceAll(t, "").replace(a, ".").replace("..", ".").replace(/[^.\d]/g, ""), X = (e, t, a) => {
793
+ var s;
794
+ return new Intl.NumberFormat(((s = a.number) == null ? void 0 : s.locale) ?? "en", {
795
795
  minimumFractionDigits: e,
796
796
  maximumFractionDigits: t,
797
797
  roundingMode: "trunc"
798
798
  });
799
- }, mt = (e, t = !0, s) => {
800
- var a, o, l, r;
801
- const u = ((a = s.number) == null ? void 0 : a.unsigned) !== !0 && e.startsWith("-") ? "-" : "", h = ((o = s.number) == null ? void 0 : o.fraction) ?? 0;
802
- let $ = X(0, h, s);
803
- const C = $.formatToParts(1000.12), I = ((l = C.find((k) => k.type === "group")) == null ? void 0 : l.value) ?? " ", v = ((r = C.find((k) => k.type === "decimal")) == null ? void 0 : r.value) ?? ".", w = Q(e, I, v);
799
+ }, mt = (e, t = !0, a) => {
800
+ var s, o, d, r;
801
+ const u = ((s = a.number) == null ? void 0 : s.unsigned) !== !0 && e.startsWith("-") ? "-" : "", h = ((o = a.number) == null ? void 0 : o.fraction) ?? 0;
802
+ let y = X(0, h, a);
803
+ const C = y.formatToParts(1000.12), V = ((d = C.find(($) => $.type === "group")) == null ? void 0 : d.value) ?? " ", v = ((r = C.find(($) => $.type === "decimal")) == null ? void 0 : r.value) ?? ".", w = Q(e, V, v);
804
804
  if (Number.isNaN(parseFloat(w))) return u;
805
805
  const B = w.split(".");
806
806
  if (B[1] != null && B[1].length >= 1) {
807
- const k = B[1].length <= h ? B[1].length : h;
808
- $ = X(k, h, s);
807
+ const $ = B[1].length <= h ? B[1].length : h;
808
+ y = X($, h, a);
809
809
  }
810
- let P = $.format(parseFloat(w));
811
- return t ? h > 0 && w.endsWith(".") && !w.slice(0, -1).includes(".") && (P += v) : P = Q(P, I, v), u + P;
810
+ let P = y.format(parseFloat(w));
811
+ return t ? h > 0 && w.endsWith(".") && !w.slice(0, -1).includes(".") && (P += v) : P = Q(P, V, v), u + P;
812
812
  }, te = (e) => JSON.parse(e.replaceAll("'", '"')), gt = (e, t = {}) => {
813
- const s = { ...t };
814
- e.dataset.maska != null && e.dataset.maska !== "" && (s.mask = bt(e.dataset.maska)), e.dataset.maskaEager != null && (s.eager = H(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (s.reversed = H(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (s.tokensReplace = H(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (s.tokens = $t(e.dataset.maskaTokens));
815
- const a = {};
816
- return e.dataset.maskaNumberLocale != null && (a.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (a.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (a.unsigned = H(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(a).length > 0) && (s.number = a), s;
817
- }, H = (e) => e !== "" ? !!JSON.parse(e) : !0, bt = (e) => e.startsWith("[") && e.endsWith("]") ? te(e) : e, $t = (e) => {
813
+ const a = { ...t };
814
+ e.dataset.maska != null && e.dataset.maska !== "" && (a.mask = bt(e.dataset.maska)), e.dataset.maskaEager != null && (a.eager = H(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (a.reversed = H(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (a.tokensReplace = H(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (a.tokens = yt(e.dataset.maskaTokens));
815
+ const s = {};
816
+ return e.dataset.maskaNumberLocale != null && (s.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (s.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (s.unsigned = H(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(s).length > 0) && (a.number = s), a;
817
+ }, H = (e) => e !== "" ? !!JSON.parse(e) : !0, bt = (e) => e.startsWith("[") && e.endsWith("]") ? te(e) : e, yt = (e) => {
818
818
  if (e.startsWith("{") && e.endsWith("}"))
819
819
  return te(e);
820
820
  const t = {};
821
- return e.split("|").forEach((s) => {
822
- const a = s.split(":");
823
- t[a[0]] = {
824
- pattern: se() ? new RegExp(a[1], "u") : new RegExp(a[1]),
825
- optional: a[2] === "optional",
826
- multiple: a[2] === "multiple",
827
- repeated: a[2] === "repeated"
821
+ return e.split("|").forEach((a) => {
822
+ const s = a.split(":");
823
+ t[s[0]] = {
824
+ pattern: ae() ? new RegExp(s[1], "u") : new RegExp(s[1]),
825
+ optional: s[2] === "optional",
826
+ multiple: s[2] === "multiple",
827
+ repeated: s[2] === "repeated"
828
828
  };
829
829
  }), t;
830
- }, se = () => {
830
+ }, ae = () => {
831
831
  try {
832
832
  return new RegExp("\\p{L}", "u"), !0;
833
833
  } catch {
834
834
  return !1;
835
835
  }
836
836
  };
837
- class kt {
837
+ class $t {
838
838
  constructor(t = {}) {
839
839
  E(this, "opts", {}), E(this, "memo", /* @__PURE__ */ new Map());
840
- const s = { ...t };
841
- if (s.tokens != null) {
842
- s.tokens = s.tokensReplace ? { ...s.tokens } : { ...Z, ...s.tokens };
843
- for (const a of Object.values(s.tokens))
844
- typeof a.pattern == "string" && (a.pattern = se() ? new RegExp(a.pattern, "u") : new RegExp(a.pattern));
840
+ const a = { ...t };
841
+ if (a.tokens != null) {
842
+ a.tokens = a.tokensReplace ? { ...a.tokens } : { ...Z, ...a.tokens };
843
+ for (const s of Object.values(a.tokens))
844
+ typeof s.pattern == "string" && (s.pattern = ae() ? new RegExp(s.pattern, "u") : new RegExp(s.pattern));
845
845
  } else
846
- s.tokens = Z;
847
- Array.isArray(s.mask) && (s.mask.length > 1 ? s.mask = [...s.mask].sort((a, o) => a.length - o.length) : s.mask = s.mask[0] ?? ""), s.mask === "" && (s.mask = null), this.opts = s;
846
+ a.tokens = Z;
847
+ 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;
848
848
  }
849
849
  masked(t) {
850
850
  return this.process(String(t), this.findMask(String(t)));
@@ -859,134 +859,134 @@ class kt {
859
859
  return this.opts.reversed === !0;
860
860
  }
861
861
  completed(t) {
862
- const s = this.findMask(String(t));
863
- if (this.opts.mask == null || s == null) return !1;
864
- const a = this.process(String(t), s).length;
865
- return typeof this.opts.mask == "string" ? a >= this.opts.mask.length : a >= s.length;
862
+ const a = this.findMask(String(t));
863
+ if (this.opts.mask == null || a == null) return !1;
864
+ const s = this.process(String(t), a).length;
865
+ return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= a.length;
866
866
  }
867
867
  findMask(t) {
868
- const s = this.opts.mask;
869
- if (s == null)
868
+ const a = this.opts.mask;
869
+ if (a == null)
870
870
  return null;
871
- if (typeof s == "string")
872
- return s;
873
- if (typeof s == "function")
874
- return s(t);
875
- const a = this.process(t, s.slice(-1).pop() ?? "", !1);
876
- return s.find((o) => this.process(t, o, !1).length >= a.length) ?? "";
871
+ if (typeof a == "string")
872
+ return a;
873
+ if (typeof a == "function")
874
+ return a(t);
875
+ const s = this.process(t, a.slice(-1).pop() ?? "", !1);
876
+ return a.find((o) => this.process(t, o, !1).length >= s.length) ?? "";
877
877
  }
878
878
  escapeMask(t) {
879
- const s = [], a = [];
880
- return t.split("").forEach((o, l) => {
881
- o === "!" && t[l - 1] !== "!" ? a.push(l - a.length) : s.push(o);
882
- }), { mask: s.join(""), escaped: a };
879
+ const a = [], s = [];
880
+ return t.split("").forEach((o, d) => {
881
+ o === "!" && t[d - 1] !== "!" ? s.push(d - s.length) : a.push(o);
882
+ }), { mask: a.join(""), escaped: s };
883
883
  }
884
- process(t, s, a = !0) {
885
- if (this.opts.number != null) return mt(t, a, this.opts);
886
- if (s == null) return t;
887
- const o = `v=${t},mr=${s},m=${a ? 1 : 0}`;
884
+ process(t, a, s = !0) {
885
+ if (this.opts.number != null) return mt(t, s, this.opts);
886
+ if (a == null) return t;
887
+ const o = `v=${t},mr=${a},m=${s ? 1 : 0}`;
888
888
  if (this.memo.has(o)) return this.memo.get(o);
889
- const { mask: l, escaped: r } = this.escapeMask(s), u = [], h = this.opts.tokens != null ? this.opts.tokens : {}, $ = this.isReversed() ? -1 : 1, C = this.isReversed() ? "unshift" : "push", I = this.isReversed() ? 0 : l.length - 1, v = this.isReversed() ? () => k > -1 && T > -1 : () => k < l.length && T < t.length, w = (A) => !this.isReversed() && A <= I || this.isReversed() && A >= I;
890
- let B, P = -1, k = this.isReversed() ? l.length - 1 : 0, T = this.isReversed() ? t.length - 1 : 0, U = !1;
889
+ const { mask: d, escaped: r } = this.escapeMask(a), u = [], h = this.opts.tokens != null ? this.opts.tokens : {}, y = this.isReversed() ? -1 : 1, C = this.isReversed() ? "unshift" : "push", V = this.isReversed() ? 0 : d.length - 1, v = this.isReversed() ? () => $ > -1 && T > -1 : () => $ < d.length && T < t.length, w = (N) => !this.isReversed() && N <= V || this.isReversed() && N >= V;
890
+ let B, P = -1, $ = this.isReversed() ? d.length - 1 : 0, T = this.isReversed() ? t.length - 1 : 0, U = !1;
891
891
  for (; v(); ) {
892
- const A = l.charAt(k), O = h[A], _ = (O == null ? void 0 : O.transform) != null ? O.transform(t.charAt(T)) : t.charAt(T);
893
- if (!r.includes(k) && O != null ? (_.match(O.pattern) != null ? (u[C](_), O.repeated ? (P === -1 ? P = k : k === I && k !== P && (k = P - $), I === P && (k -= $)) : O.multiple && (U = !0, k -= $), k += $) : O.multiple ? U && (k += $, T -= $, U = !1) : _ === B ? B = void 0 : O.optional && (k += $, T -= $), T += $) : (a && !this.isEager() && u[C](A), _ === A && !this.isEager() ? T += $ : B = A, this.isEager() || (k += $)), this.isEager())
894
- for (; w(k) && (h[l.charAt(k)] == null || r.includes(k)); ) {
895
- if (a) {
896
- if (u[C](l.charAt(k)), t.charAt(T) === l.charAt(k)) {
897
- k += $, T += $;
892
+ const N = d.charAt($), O = h[N], R = (O == null ? void 0 : O.transform) != null ? O.transform(t.charAt(T)) : t.charAt(T);
893
+ if (!r.includes($) && O != null ? (R.match(O.pattern) != null ? (u[C](R), O.repeated ? (P === -1 ? P = $ : $ === V && $ !== P && ($ = P - y), V === P && ($ -= y)) : O.multiple && (U = !0, $ -= y), $ += y) : O.multiple ? U && ($ += y, T -= y, U = !1) : R === B ? B = void 0 : O.optional && ($ += y, T -= y), T += y) : (s && !this.isEager() && u[C](N), R === N && !this.isEager() ? T += y : B = N, this.isEager() || ($ += y)), this.isEager())
894
+ for (; w($) && (h[d.charAt($)] == null || r.includes($)); ) {
895
+ if (s) {
896
+ if (u[C](d.charAt($)), t.charAt(T) === d.charAt($)) {
897
+ $ += y, T += y;
898
898
  continue;
899
899
  }
900
- } else l.charAt(k) === t.charAt(T) && (T += $);
901
- k += $;
900
+ } else d.charAt($) === t.charAt(T) && (T += y);
901
+ $ += y;
902
902
  }
903
903
  }
904
904
  return this.memo.set(o, u.join("")), this.memo.get(o);
905
905
  }
906
906
  }
907
- class yt {
908
- constructor(t, s = {}) {
909
- E(this, "items", /* @__PURE__ */ new Map()), E(this, "eventAbortController"), E(this, "onInput", (a) => {
910
- if (a instanceof CustomEvent && a.type === "input" && !a.isTrusted && !a.bubbles)
907
+ class kt {
908
+ constructor(t, a = {}) {
909
+ E(this, "items", /* @__PURE__ */ new Map()), E(this, "eventAbortController"), E(this, "onInput", (s) => {
910
+ if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
911
911
  return;
912
- const o = a.target, l = this.items.get(o);
913
- if (l === void 0) return;
914
- const r = "inputType" in a && a.inputType.startsWith("delete"), u = l.isEager(), h = r && u && l.unmasked(o.value) === "" ? "" : o.value;
912
+ const o = s.target, d = this.items.get(o);
913
+ if (d === void 0) return;
914
+ const r = "inputType" in s && s.inputType.startsWith("delete"), u = d.isEager(), h = r && u && d.unmasked(o.value) === "" ? "" : o.value;
915
915
  this.fixCursor(o, r, () => this.setValue(o, h));
916
- }), this.options = s, this.eventAbortController = new AbortController(), this.init(this.getInputs(t));
916
+ }), this.options = a, this.eventAbortController = new AbortController(), this.init(this.getInputs(t));
917
917
  }
918
918
  update(t = {}) {
919
919
  this.options = { ...t }, this.init(Array.from(this.items.keys()));
920
920
  }
921
921
  updateValue(t) {
922
- var s;
923
- t.value !== "" && t.value !== ((s = this.processInput(t)) == null ? void 0 : s.masked) && this.setValue(t, t.value);
922
+ var a;
923
+ t.value !== "" && t.value !== ((a = this.processInput(t)) == null ? void 0 : a.masked) && this.setValue(t, t.value);
924
924
  }
925
925
  destroy() {
926
926
  this.eventAbortController.abort(), this.items.clear();
927
927
  }
928
928
  init(t) {
929
- const s = this.getOptions(this.options);
930
- for (const a of t) {
931
- if (!this.items.has(a)) {
932
- const { signal: l } = this.eventAbortController;
933
- a.addEventListener("input", this.onInput, { capture: !0, signal: l });
929
+ const a = this.getOptions(this.options);
930
+ for (const s of t) {
931
+ if (!this.items.has(s)) {
932
+ const { signal: d } = this.eventAbortController;
933
+ s.addEventListener("input", this.onInput, { capture: !0, signal: d });
934
934
  }
935
- const o = new kt(gt(a, s));
936
- this.items.set(a, o), queueMicrotask(() => this.updateValue(a)), a.selectionStart === null && o.isEager() && console.warn("Maska: input of `%s` type is not supported", a.type);
935
+ const o = new $t(gt(s, a));
936
+ this.items.set(s, o), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && o.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
937
937
  }
938
938
  }
939
939
  getInputs(t) {
940
940
  return typeof t == "string" ? Array.from(document.querySelectorAll(t)) : "length" in t ? Array.from(t) : [t];
941
941
  }
942
942
  getOptions(t) {
943
- const { onMaska: s, preProcess: a, postProcess: o, ...l } = t;
944
- return l;
943
+ const { onMaska: a, preProcess: s, postProcess: o, ...d } = t;
944
+ return d;
945
945
  }
946
- fixCursor(t, s, a) {
947
- var o, l;
946
+ fixCursor(t, a, s) {
947
+ var o, d;
948
948
  const r = t.selectionStart, u = t.value;
949
- if (a(), r === null || r === u.length && !s) return;
950
- const h = t.value, $ = u.slice(0, r), C = h.slice(0, r), I = (o = this.processInput(t, $)) == null ? void 0 : o.unmasked, v = (l = this.processInput(t, C)) == null ? void 0 : l.unmasked;
951
- if (I === void 0 || v === void 0) return;
949
+ if (s(), r === null || r === u.length && !a) return;
950
+ const h = t.value, y = u.slice(0, r), C = h.slice(0, r), V = (o = this.processInput(t, y)) == null ? void 0 : o.unmasked, v = (d = this.processInput(t, C)) == null ? void 0 : d.unmasked;
951
+ if (V === void 0 || v === void 0) return;
952
952
  let w = r;
953
- $ !== C && (w += s ? h.length - u.length : I.length - v.length), t.setSelectionRange(w, w);
953
+ y !== C && (w += a ? h.length - u.length : V.length - v.length), t.setSelectionRange(w, w);
954
954
  }
955
- setValue(t, s) {
956
- const a = this.processInput(t, s);
957
- a !== void 0 && (t.value = a.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((o) => o(a)) : this.options.onMaska(a)), t.dispatchEvent(new CustomEvent("maska", { detail: a })), t.dispatchEvent(new CustomEvent("input", { detail: a.masked })));
955
+ setValue(t, a) {
956
+ const s = this.processInput(t, a);
957
+ 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 })));
958
958
  }
959
- processInput(t, s) {
960
- const a = this.items.get(t);
961
- if (a === void 0) return;
962
- let o = s ?? t.value;
959
+ processInput(t, a) {
960
+ const s = this.items.get(t);
961
+ if (s === void 0) return;
962
+ let o = a ?? t.value;
963
963
  this.options.preProcess != null && (o = this.options.preProcess(o));
964
- let l = a.masked(o);
965
- return this.options.postProcess != null && (l = this.options.postProcess(l)), {
966
- masked: l,
967
- unmasked: a.unmasked(o),
968
- completed: a.completed(o)
964
+ let d = s.masked(o);
965
+ return this.options.postProcess != null && (d = this.options.postProcess(d)), {
966
+ masked: d,
967
+ unmasked: s.unmasked(o),
968
+ completed: s.completed(o)
969
969
  };
970
970
  }
971
971
  }
972
- const G = /* @__PURE__ */ new WeakMap(), vt = (e, t) => {
972
+ const Y = /* @__PURE__ */ new WeakMap(), vt = (e, t) => {
973
973
  if (e.arg == null || e.instance == null) return;
974
- const s = "setup" in e.instance.$.type;
975
- e.arg in e.instance ? e.instance[e.arg] = t : s && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
976
- }, R = (e, t) => {
977
- var s;
978
- const a = e instanceof HTMLInputElement ? e : e.querySelector("input");
979
- if (a == null || (a == null ? void 0 : a.type) === "file") return;
974
+ const a = "setup" in e.instance.$.type;
975
+ e.arg in e.instance ? e.instance[e.arg] = t : a && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
976
+ }, z = (e, t) => {
977
+ var a;
978
+ const s = e instanceof HTMLInputElement ? e : e.querySelector("input");
979
+ if (s == null || (s == null ? void 0 : s.type) === "file") return;
980
980
  let o = {};
981
981
  if (t.value != null && (o = typeof t.value == "string" ? { mask: t.value } : { ...t.value }), t.arg != null) {
982
- const l = (r) => {
982
+ const d = (r) => {
983
983
  const u = t.modifiers.unmasked ? r.unmasked : t.modifiers.completed ? r.completed : r.masked;
984
984
  vt(t, u);
985
985
  };
986
- o.onMaska = o.onMaska == null ? l : Array.isArray(o.onMaska) ? [...o.onMaska, l] : [o.onMaska, l];
986
+ o.onMaska = o.onMaska == null ? d : Array.isArray(o.onMaska) ? [...o.onMaska, d] : [o.onMaska, d];
987
987
  }
988
- G.has(a) ? (s = G.get(a)) == null || s.update(o) : G.set(a, new yt(a, o));
989
- }, wt = R, St = g({
988
+ Y.has(s) ? (a = Y.get(s)) == null || a.update(o) : Y.set(s, new kt(s, o));
989
+ }, wt = z, St = g({
990
990
  directives: { maska: wt },
991
991
  name: "wra-custom-input",
992
992
  props: {
@@ -1137,9 +1137,9 @@ const G = /* @__PURE__ */ new WeakMap(), vt = (e, t) => {
1137
1137
  validate(e) {
1138
1138
  if (this.errorMessage = "", this.rules != null)
1139
1139
  for (let t = 0; t < this.rules.length; t++) {
1140
- const s = this.rules[t], a = s(e);
1141
- if (a != !0) {
1142
- this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
1140
+ const a = this.rules[t], s = a(e);
1141
+ if (s != !0) {
1142
+ this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
1143
1143
  break;
1144
1144
  }
1145
1145
  }
@@ -1157,14 +1157,14 @@ const G = /* @__PURE__ */ new WeakMap(), vt = (e, t) => {
1157
1157
  mounted() {
1158
1158
  this.$emit("update:modelValue", this.modelValue), this.validate(this.modelValue);
1159
1159
  }
1160
- }), Vt = ["for"], It = { class: "input-wrapper" }, Mt = {
1160
+ }), It = ["for"], Vt = { class: "input-wrapper" }, Mt = {
1161
1161
  key: 0,
1162
1162
  class: "prefix"
1163
1163
  }, Ct = ["id", "type", "value", "inputmode", "placeholder", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], Pt = {
1164
1164
  key: 1,
1165
1165
  class: "suffix"
1166
1166
  }, Tt = { key: 1 };
1167
- function Bt(e, t, s, a, o, l) {
1167
+ function Bt(e, t, a, s, o, d) {
1168
1168
  const r = j("maska");
1169
1169
  return i(), n("div", {
1170
1170
  class: m({ error: !!e.errorMessage })
@@ -1172,10 +1172,10 @@ function Bt(e, t, s, a, o, l) {
1172
1172
  e.label ? (i(), n("label", {
1173
1173
  key: 0,
1174
1174
  for: e.id
1175
- }, p(e.label), 9, Vt)) : c("", !0),
1176
- d("div", It, [
1175
+ }, p(e.label), 9, It)) : c("", !0),
1176
+ l("div", Vt, [
1177
1177
  e.prefix ? (i(), n("span", Mt, p(e.prefix), 1)) : c("", !0),
1178
- q(d("input", Y(
1178
+ q(l("input", G(
1179
1179
  {
1180
1180
  id: e.id,
1181
1181
  type: e.type,
@@ -1197,7 +1197,7 @@ function Bt(e, t, s, a, o, l) {
1197
1197
  e.errorMessage ? (i(), n("p", Tt, p(e.errorMessage), 1)) : c("", !0)
1198
1198
  ], 2);
1199
1199
  }
1200
- const Ot = /* @__PURE__ */ b(St, [["render", Bt], ["__scopeId", "data-v-dbeead08"]]), Wt = g({
1200
+ const Ot = /* @__PURE__ */ b(St, [["render", Bt], ["__scopeId", "data-v-a57e9446"]]), Wt = g({
1201
1201
  name: "wra-data-table",
1202
1202
  props: {
1203
1203
  /**
@@ -1276,34 +1276,34 @@ const Ot = /* @__PURE__ */ b(St, [["render", Bt], ["__scopeId", "data-v-dbeead08
1276
1276
  let e = this.items;
1277
1277
  if (this.search) {
1278
1278
  this.currentPage = 1;
1279
- const s = this.search.toLowerCase(), a = ((t = this.headers) == null ? void 0 : t.map((o) => o.key)) ?? [];
1279
+ const a = this.search.toLowerCase(), s = ((t = this.headers) == null ? void 0 : t.map((o) => o.key)) ?? [];
1280
1280
  e = e.filter(
1281
1281
  (o) => (
1282
1282
  // Use .some() to check all relevant columns
1283
- a.some(
1284
- (l) => String(o[l]).toLowerCase().includes(s)
1283
+ s.some(
1284
+ (d) => String(o[d]).toLowerCase().includes(a)
1285
1285
  )
1286
1286
  )
1287
1287
  );
1288
1288
  }
1289
- return Object.keys(this.columnFilters).forEach((s) => {
1289
+ return Object.keys(this.columnFilters).forEach((a) => {
1290
1290
  var o;
1291
- const a = (o = this.columnFilters[s]) == null ? void 0 : o.toLowerCase();
1292
- a && (this.currentPage = 1, e = e.filter(
1293
- (l) => String(l[s]).toLowerCase().includes(a)
1291
+ const s = (o = this.columnFilters[a]) == null ? void 0 : o.toLowerCase();
1292
+ s && (this.currentPage = 1, e = e.filter(
1293
+ (d) => String(d[a]).toLowerCase().includes(s)
1294
1294
  ));
1295
1295
  }), e;
1296
1296
  },
1297
1297
  sortedArray() {
1298
1298
  const e = JSON.parse(JSON.stringify(this.filteredItems));
1299
- return this.localSortBy && this.localSortBy.length > 0 ? e.sort((t, s) => {
1300
- const a = this.localSortBy[0], o = t[a.key], l = s[a.key];
1301
- if (o == null && l == null)
1299
+ return this.localSortBy && this.localSortBy.length > 0 ? e.sort((t, a) => {
1300
+ const s = this.localSortBy[0], o = t[s.key], d = a[s.key];
1301
+ if (o == null && d == null)
1302
1302
  return 0;
1303
1303
  if (o == null)
1304
- return a.order === "desc" ? 1 : -1;
1305
- if (l == null)
1306
- return a.order === "desc" ? -1 : 1;
1304
+ return s.order === "desc" ? 1 : -1;
1305
+ if (d == null)
1306
+ return s.order === "desc" ? -1 : 1;
1307
1307
  const r = (v) => {
1308
1308
  if (typeof v == "string" && /^-?[\d,]+(\.\d+)?$/.test(v)) {
1309
1309
  const w = v.replace(/,/g, "");
@@ -1316,35 +1316,35 @@ const Ot = /* @__PURE__ */ b(St, [["render", Bt], ["__scopeId", "data-v-dbeead08
1316
1316
  return new Date(P, B - 1, w).getTime();
1317
1317
  }
1318
1318
  return v;
1319
- }, h = r(o), $ = r(l), C = u(o), I = u(l);
1320
- return !isNaN(h) && !isNaN($) ? a.order === "desc" ? $ - h : h - $ : !isNaN(C) && !isNaN(I) ? a.order === "desc" ? I - C : C - I : a.order === "desc" ? o < l ? 1 : -1 : o > l ? 1 : -1;
1319
+ }, h = r(o), y = r(d), C = u(o), V = u(d);
1320
+ return !isNaN(h) && !isNaN(y) ? s.order === "desc" ? y - h : h - y : !isNaN(C) && !isNaN(V) ? s.order === "desc" ? V - C : C - V : s.order === "desc" ? o < d ? 1 : -1 : o > d ? 1 : -1;
1321
1321
  }) : e;
1322
1322
  }
1323
1323
  }
1324
- }), qt = { class: "wra-data-table" }, Nt = {
1324
+ }), qt = { class: "wra-data-table" }, At = {
1325
1325
  key: 0,
1326
1326
  class: "wra-data-table-caption"
1327
- }, At = { key: 1 }, Ft = ["onClick"], Lt = { key: 0 }, Et = {
1327
+ }, Nt = { key: 1 }, Lt = ["onClick"], Ft = { key: 0 }, Dt = {
1328
1328
  key: 1,
1329
1329
  class: "wra-chevron wra-chevron-up sort-icons"
1330
- }, Dt = ["onUpdate:modelValue"], jt = { key: 1 }, zt = ["colspan"], Rt = { key: 2 }, _t = ["onClick"], Ht = { key: 1 }, Kt = { class: "pagination" }, Ut = ["disabled"], Gt = ["disabled"];
1331
- function Yt(e, t, s, a, o, l) {
1330
+ }, Et = ["onUpdate:modelValue"], jt = { key: 1 }, _t = ["colspan"], zt = { key: 2 }, Rt = ["onClick"], Ht = { key: 1 }, Kt = { class: "pagination" }, Ut = ["disabled"], Yt = ["disabled"];
1331
+ function Gt(e, t, a, s, o, d) {
1332
1332
  return i(), n("div", null, [
1333
- d("table", qt, [
1334
- e.caption ? (i(), n("caption", Nt, [
1333
+ l("table", qt, [
1334
+ e.caption ? (i(), n("caption", At, [
1335
1335
  f(e.$slots, "caption", {}, () => [
1336
1336
  M(p(e.caption), 1)
1337
1337
  ], !0)
1338
1338
  ])) : c("", !0),
1339
- d("thead", null, [
1339
+ l("thead", null, [
1340
1340
  e.$slots.header ? f(e.$slots, "headers", {
1341
1341
  key: 0,
1342
1342
  headers: e.headers
1343
- }, void 0, !0) : (i(), n("tr", At, [
1344
- (i(!0), n(y, null, V(e.headers, (r) => (i(), n("th", {
1343
+ }, void 0, !0) : (i(), n("tr", Nt, [
1344
+ (i(!0), n(k, null, I(e.headers, (r) => (i(), n("th", {
1345
1345
  key: r.key,
1346
1346
  onClick: (u) => (r.sortable || r.sortable == null) && e.sortByColumn(r.key),
1347
- style: D({ width: r.width + "px" }),
1347
+ style: F({ width: r.width + "px" }),
1348
1348
  class: m({
1349
1349
  clickable: r.sortable == null || r.sortable,
1350
1350
  "text-left": r.align == "left" || r.align == null,
@@ -1353,40 +1353,40 @@ function Yt(e, t, s, a, o, l) {
1353
1353
  })
1354
1354
  }, [
1355
1355
  M(p(r.title) + " ", 1),
1356
- e.localSortBy && e.localSortBy[0].key === r.key ? (i(), n("span", Lt, [
1357
- d("span", {
1356
+ e.localSortBy && e.localSortBy[0].key === r.key ? (i(), n("span", Ft, [
1357
+ l("span", {
1358
1358
  class: m({
1359
1359
  "wra-chevron wra-chevron-up": e.localSortBy[0].order === "asc",
1360
1360
  "wra-chevron wra-chevron-down": e.localSortBy[0].order === "desc"
1361
1361
  })
1362
1362
  }, null, 2)
1363
- ])) : r.sortable == !0 || r.sortable == null ? (i(), n("span", Et)) : c("", !0),
1363
+ ])) : r.sortable == !0 || r.sortable == null ? (i(), n("span", Dt)) : c("", !0),
1364
1364
  r.searchable ? q((i(), n("input", {
1365
1365
  key: 2,
1366
1366
  type: "text",
1367
1367
  "onUpdate:modelValue": (u) => e.columnFilters[r.key] = u,
1368
- onClick: t[0] || (t[0] = N(() => {
1368
+ onClick: t[0] || (t[0] = A(() => {
1369
1369
  }, ["stop"])),
1370
1370
  placeholder: "Search...",
1371
1371
  class: "column-search-input"
1372
- }, null, 8, Dt)), [
1372
+ }, null, 8, Et)), [
1373
1373
  [x, e.columnFilters[r.key]]
1374
1374
  ]) : c("", !0)
1375
- ], 14, Ft))), 128))
1375
+ ], 14, Lt))), 128))
1376
1376
  ]))
1377
1377
  ]),
1378
1378
  e.loading == !0 ? (i(), n("tbody", jt, [
1379
- d("tr", null, [
1380
- d("td", {
1379
+ l("tr", null, [
1380
+ l("td", {
1381
1381
  class: "text-center",
1382
1382
  colspan: e.headers ? e.headers.length : 1
1383
1383
  }, [...t[3] || (t[3] = [
1384
- d("span", { class: "loader" }, null, -1)
1385
- ])], 8, zt)
1384
+ l("span", { class: "loader" }, null, -1)
1385
+ ])], 8, _t)
1386
1386
  ])
1387
- ])) : e.$slots.body ? (i(), n("tbody", Rt, [
1387
+ ])) : e.$slots.body ? (i(), n("tbody", zt, [
1388
1388
  f(e.$slots, "body", { items: e.paginatedArray }, void 0, !0)
1389
- ])) : (i(!0), n(y, { key: 3 }, V(e.paginatedArray, (r) => (i(), n("tbody", {
1389
+ ])) : (i(!0), n(k, { key: 3 }, I(e.paginatedArray, (r) => (i(), n("tbody", {
1390
1390
  class: m({
1391
1391
  clickable: e.$attrs["onClick:row"] != null
1392
1392
  }),
@@ -1400,7 +1400,7 @@ function Yt(e, t, s, a, o, l) {
1400
1400
  key: 1,
1401
1401
  class: m({ bold: r.bold })
1402
1402
  }, [
1403
- (i(!0), n(y, null, V(e.headers, (u) => (i(), n("td", {
1403
+ (i(!0), n(k, null, I(e.headers, (u) => (i(), n("td", {
1404
1404
  class: m({
1405
1405
  "text-left": u.align == "left" || u.align == null,
1406
1406
  "text-right": u.align == "right",
@@ -1415,32 +1415,32 @@ function Yt(e, t, s, a, o, l) {
1415
1415
  }, void 0, !0) : (i(), n("span", Ht, p(r[u.key]), 1))
1416
1416
  ], 2))), 256))
1417
1417
  ], 2))
1418
- ], 10, _t))), 256))
1418
+ ], 10, Rt))), 256))
1419
1419
  ]),
1420
- d("div", Kt, [
1420
+ l("div", Kt, [
1421
1421
  M(" Page " + p(e.currentPage) + " of " + p(e.totalNumberOfPages) + " ", 1),
1422
- d("button", {
1422
+ l("button", {
1423
1423
  disabled: e.currentPage == 1,
1424
1424
  class: m({
1425
1425
  "disable-button": e.currentPage == 1
1426
1426
  }),
1427
1427
  onClick: t[1] || (t[1] = (r) => e.currentPage = e.currentPage - 1)
1428
1428
  }, [...t[4] || (t[4] = [
1429
- d("span", { class: "wra-chevron wra-chevron-left" }, null, -1)
1429
+ l("span", { class: "wra-chevron wra-chevron-left" }, null, -1)
1430
1430
  ])], 10, Ut),
1431
- d("button", {
1431
+ l("button", {
1432
1432
  disabled: e.currentPage == e.totalNumberOfPages,
1433
1433
  class: m({
1434
1434
  "disable-button": e.currentPage == e.totalNumberOfPages
1435
1435
  }),
1436
1436
  onClick: t[2] || (t[2] = (r) => e.currentPage = e.currentPage + 1)
1437
1437
  }, [...t[5] || (t[5] = [
1438
- d("span", { class: "wra-chevron wra-chevron-right" }, null, -1)
1439
- ])], 10, Gt)
1438
+ l("span", { class: "wra-chevron wra-chevron-right" }, null, -1)
1439
+ ])], 10, Yt)
1440
1440
  ])
1441
1441
  ]);
1442
1442
  }
1443
- const Jt = /* @__PURE__ */ b(Wt, [["render", Yt], ["__scopeId", "data-v-e27e09c4"]]), Zt = R, Qt = g({
1443
+ const Jt = /* @__PURE__ */ b(Wt, [["render", Gt], ["__scopeId", "data-v-e27e09c4"]]), Zt = z, Qt = g({
1444
1444
  directives: { maska: Zt },
1445
1445
  name: "wra-date-input",
1446
1446
  props: {
@@ -1477,7 +1477,7 @@ const Jt = /* @__PURE__ */ b(Wt, [["render", Yt], ["__scopeId", "data-v-e27e09c4
1477
1477
  * The input mode for the input field.
1478
1478
  * @type {string}
1479
1479
  * @default "numeric"
1480
- * @validator value {string} - The input mode must be "numeric".
1480
+ * @validator value {string}
1481
1481
  */
1482
1482
  inputmode: {
1483
1483
  type: String,
@@ -1565,8 +1565,8 @@ const Jt = /* @__PURE__ */ b(Wt, [["render", Yt], ["__scopeId", "data-v-e27e09c4
1565
1565
  t = new Date(
1566
1566
  t.getTime() - t.getTimezoneOffset() * 60 * 1e3
1567
1567
  );
1568
- const s = this.validate(t);
1569
- this.$emit("valid", { id: this.id, value: s }), s == !0 ? (this.dateObjectValue = t, this.$emit("update:modelValue", t)) : (this.dateObjectValue = null, this.$emit("update:modelValue", null));
1568
+ const a = this.validate(t);
1569
+ 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));
1570
1570
  } else {
1571
1571
  const t = this.validate(null);
1572
1572
  this.$emit("valid", { id: this.id, value: t }), this.dateObjectValue = null, this.$emit("update:modelValue", null);
@@ -1579,8 +1579,8 @@ const Jt = /* @__PURE__ */ b(Wt, [["render", Yt], ["__scopeId", "data-v-e27e09c4
1579
1579
  if (e === null)
1580
1580
  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;
1581
1581
  e == "Invalid Date" && (t = !1);
1582
- const s = parseInt(this.maskedValue.split("/")[1]) - 1;
1583
- return typeof e == "object" && s != e.getMonth() && (t = !1), this.showError = !t, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), t;
1582
+ const a = parseInt(this.maskedValue.split("/")[1]) - 1;
1583
+ return typeof e == "object" && a != e.getMonth() && (t = !1), this.showError = !t, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), t;
1584
1584
  },
1585
1585
  /**
1586
1586
  * Sets the initial state of the component based on the modelValue prop.
@@ -1602,8 +1602,8 @@ const Jt = /* @__PURE__ */ b(Wt, [["render", Yt], ["__scopeId", "data-v-e27e09c4
1602
1602
  mounted() {
1603
1603
  this.setInitialState();
1604
1604
  }
1605
- }), Xt = ["for"], xt = ["id", "value", "inputmode", "placeholder", "defaultValidation"], es = { key: 1 };
1606
- function ts(e, t, s, a, o, l) {
1605
+ }), Xt = ["for"], xt = ["id", "value", "inputmode", "placeholder", "defaultValidation"], ea = { key: 1 };
1606
+ function ta(e, t, a, s, o, d) {
1607
1607
  const r = j("maska");
1608
1608
  return i(), n("div", {
1609
1609
  class: m({ error: e.showError != !1 })
@@ -1612,7 +1612,7 @@ function ts(e, t, s, a, o, l) {
1612
1612
  key: 0,
1613
1613
  for: e.id
1614
1614
  }, p(e.label), 9, Xt)) : c("", !0),
1615
- q(d("input", {
1615
+ q(l("input", {
1616
1616
  id: e.id,
1617
1617
  type: "text",
1618
1618
  value: e.maskedValue,
@@ -1624,10 +1624,10 @@ function ts(e, t, s, a, o, l) {
1624
1624
  }, null, 40, xt), [
1625
1625
  [r, "##/##/####"]
1626
1626
  ]),
1627
- e.showError && e.required != null ? (i(), n("p", es, "Invalid date")) : c("", !0)
1627
+ e.showError && e.required != null ? (i(), n("p", ea, "Invalid date")) : c("", !0)
1628
1628
  ], 2);
1629
1629
  }
1630
- const ss = /* @__PURE__ */ b(Qt, [["render", ts], ["__scopeId", "data-v-b5ebbc62"]]), as = g({
1630
+ const aa = /* @__PURE__ */ b(Qt, [["render", ta], ["__scopeId", "data-v-f015c928"]]), sa = g({
1631
1631
  name: "wra-header",
1632
1632
  props: {
1633
1633
  /**
@@ -1638,33 +1638,33 @@ const ss = /* @__PURE__ */ b(Qt, [["render", ts], ["__scopeId", "data-v-b5ebbc62
1638
1638
  required: !0
1639
1639
  }
1640
1640
  }
1641
- }), rs = { key: 0 }, is = { key: 1 }, ns = { key: 2 }, os = { key: 3 }, ls = { key: 4 }, ds = { key: 5 };
1642
- function us(e, t, s, a, o, l) {
1641
+ }), ra = { key: 0 }, ia = { key: 1 }, na = { key: 2 }, oa = { key: 3 }, la = { key: 4 }, da = { key: 5 };
1642
+ function ua(e, t, a, s, o, d) {
1643
1643
  return i(), n("div", null, [
1644
- e.size == "h1" ? (i(), n("h1", rs, [
1644
+ e.size == "h1" ? (i(), n("h1", ra, [
1645
1645
  f(e.$slots, "default", {}, void 0, !0)
1646
1646
  ])) : c("", !0),
1647
- e.size == "h2" ? (i(), n("h2", is, [
1647
+ e.size == "h2" ? (i(), n("h2", ia, [
1648
1648
  f(e.$slots, "default", {}, void 0, !0)
1649
1649
  ])) : c("", !0),
1650
- e.size == "h3" ? (i(), n("h3", ns, [
1650
+ e.size == "h3" ? (i(), n("h3", na, [
1651
1651
  f(e.$slots, "default", {}, void 0, !0)
1652
1652
  ])) : c("", !0),
1653
- e.size == "h4" ? (i(), n("h4", os, [
1653
+ e.size == "h4" ? (i(), n("h4", oa, [
1654
1654
  f(e.$slots, "default", {}, void 0, !0)
1655
1655
  ])) : c("", !0),
1656
- e.size == "h5" ? (i(), n("h5", ls, [
1656
+ e.size == "h5" ? (i(), n("h5", la, [
1657
1657
  f(e.$slots, "default", {}, void 0, !0)
1658
1658
  ])) : c("", !0),
1659
- e.size == "h6" ? (i(), n("h6", ds, [
1659
+ e.size == "h6" ? (i(), n("h6", da, [
1660
1660
  f(e.$slots, "default", {}, void 0, !0)
1661
1661
  ])) : c("", !0)
1662
1662
  ]);
1663
1663
  }
1664
- const ae = /* @__PURE__ */ b(as, [["render", us], ["__scopeId", "data-v-6d53d792"]]), ps = g({
1664
+ const se = /* @__PURE__ */ b(sa, [["render", ua], ["__scopeId", "data-v-6d53d792"]]), pa = g({
1665
1665
  name: "wra-dialog",
1666
1666
  components: {
1667
- WraHeader: ae,
1667
+ WraHeader: se,
1668
1668
  WraButton: J
1669
1669
  },
1670
1670
  props: {
@@ -1726,16 +1726,16 @@ const ae = /* @__PURE__ */ b(as, [["render", us], ["__scopeId", "data-v-6d53d792
1726
1726
  this.$refs.dialog.close(), this.$emit("cancel");
1727
1727
  },
1728
1728
  handleTab(e) {
1729
- var l, r;
1730
- const t = ((l = this.$refs.confirmBtn) == null ? void 0 : l.$el) || this.$refs.confirmBtn, s = ((r = this.$refs.cancelBtn) == null ? void 0 : r.$el) || this.$refs.cancelBtn, a = [t, s].filter(Boolean);
1731
- if (!a.length) return;
1732
- const o = a.indexOf(document.activeElement);
1729
+ var d, r;
1730
+ const t = ((d = this.$refs.confirmBtn) == null ? void 0 : d.$el) || this.$refs.confirmBtn, a = ((r = this.$refs.cancelBtn) == null ? void 0 : r.$el) || this.$refs.cancelBtn, s = [t, a].filter(Boolean);
1731
+ if (!s.length) return;
1732
+ const o = s.indexOf(document.activeElement);
1733
1733
  if (e.shiftKey) {
1734
- const u = (o - 1 + a.length) % a.length;
1735
- a[u].focus();
1734
+ const u = (o - 1 + s.length) % s.length;
1735
+ s[u].focus();
1736
1736
  } else {
1737
- const u = (o + 1) % a.length;
1738
- a[u].focus();
1737
+ const u = (o + 1) % s.length;
1738
+ s[u].focus();
1739
1739
  }
1740
1740
  },
1741
1741
  focusConfirm() {
@@ -1752,14 +1752,14 @@ const ae = /* @__PURE__ */ b(as, [["render", us], ["__scopeId", "data-v-6d53d792
1752
1752
  mounted() {
1753
1753
  this.lastFocused = document.activeElement;
1754
1754
  }
1755
- }), cs = { class: "dialog-content" }, hs = {
1755
+ }), ca = { class: "dialog-content" }, ha = {
1756
1756
  id: "dialog-message",
1757
1757
  class: "mt-4"
1758
- }, fs = { class: "dialog-buttons" };
1759
- function ms(e, t, s, a, o, l) {
1760
- const r = L("wra-header"), u = L("wra-button");
1761
- return i(), z(ne, { to: "body" }, [
1762
- d("dialog", {
1758
+ }, fa = { class: "dialog-buttons" };
1759
+ function ma(e, t, a, s, o, d) {
1760
+ const r = D("wra-header"), u = D("wra-button");
1761
+ return i(), _(ne, { to: "body" }, [
1762
+ l("dialog", {
1763
1763
  ref: "dialog",
1764
1764
  class: "dialog-class",
1765
1765
  "aria-labelledby": "dialog-title",
@@ -1767,12 +1767,12 @@ function ms(e, t, s, a, o, l) {
1767
1767
  tabindex: "-1",
1768
1768
  onClose: t[0] || (t[0] = (...h) => e.closeDialog && e.closeDialog(...h)),
1769
1769
  onKeydown: [
1770
- t[1] || (t[1] = S(N((...h) => e.handleTab && e.handleTab(...h), ["prevent"]), ["tab"])),
1770
+ t[1] || (t[1] = S(A((...h) => e.handleTab && e.handleTab(...h), ["prevent"]), ["tab"])),
1771
1771
  t[2] || (t[2] = S((...h) => e.cancel && e.cancel(...h), ["esc"]))
1772
1772
  ]
1773
1773
  }, [
1774
- d("div", cs, [
1775
- F(r, {
1774
+ l("div", ca, [
1775
+ L(r, {
1776
1776
  size: "h3",
1777
1777
  id: "dialog-title"
1778
1778
  }, {
@@ -1781,9 +1781,9 @@ function ms(e, t, s, a, o, l) {
1781
1781
  ]),
1782
1782
  _: 1
1783
1783
  }),
1784
- d("p", hs, p(e.message), 1),
1785
- d("div", fs, [
1786
- F(u, {
1784
+ l("p", ha, p(e.message), 1),
1785
+ l("div", fa, [
1786
+ L(u, {
1787
1787
  ref: "confirmBtn",
1788
1788
  backgroundColor: e.isDelete ? "wra-red" : "wra-green",
1789
1789
  onClick: e.confirm
@@ -1793,7 +1793,7 @@ function ms(e, t, s, a, o, l) {
1793
1793
  ]),
1794
1794
  _: 1
1795
1795
  }, 8, ["backgroundColor", "onClick"]),
1796
- F(u, {
1796
+ L(u, {
1797
1797
  ref: "cancelBtn",
1798
1798
  onClick: e.cancel
1799
1799
  }, {
@@ -1807,7 +1807,7 @@ function ms(e, t, s, a, o, l) {
1807
1807
  ], 544)
1808
1808
  ]);
1809
1809
  }
1810
- const gs = /* @__PURE__ */ b(ps, [["render", ms], ["__scopeId", "data-v-a58221e3"]]), bs = g({
1810
+ const ga = /* @__PURE__ */ b(pa, [["render", ma], ["__scopeId", "data-v-a58221e3"]]), ba = g({
1811
1811
  name: "wra-divider",
1812
1812
  props: {
1813
1813
  /** Thickness of the divider */
@@ -1827,8 +1827,8 @@ const gs = /* @__PURE__ */ b(ps, [["render", ms], ["__scopeId", "data-v-a58221e3
1827
1827
  data() {
1828
1828
  return {};
1829
1829
  }
1830
- }), $s = ["role"];
1831
- function ks(e, t, s, a, o, l) {
1830
+ }), ya = ["role"];
1831
+ function $a(e, t, a, s, o, d) {
1832
1832
  return i(), n("hr", {
1833
1833
  role: e.role,
1834
1834
  class: m({
@@ -1836,9 +1836,9 @@ function ks(e, t, s, a, o, l) {
1836
1836
  "wra-divider": e.thickness === "medium",
1837
1837
  "wra-divider-small": e.thickness === "small"
1838
1838
  })
1839
- }, null, 10, $s);
1839
+ }, null, 10, ya);
1840
1840
  }
1841
- const ys = /* @__PURE__ */ b(bs, [["render", ks], ["__scopeId", "data-v-40db3bc1"]]), vs = g({
1841
+ const ka = /* @__PURE__ */ b(ba, [["render", $a], ["__scopeId", "data-v-40db3bc1"]]), va = g({
1842
1842
  name: "wra-expansion-panel",
1843
1843
  props: {
1844
1844
  title: {
@@ -1877,29 +1877,29 @@ const ys = /* @__PURE__ */ b(bs, [["render", ks], ["__scopeId", "data-v-40db3bc1
1877
1877
  this.showPanel = !this.showPanel;
1878
1878
  }
1879
1879
  }
1880
- }), ws = ["aria-controls", "id"], Ss = { class: "icon-wrapper" }, Vs = ["aria-hidden", "id"], Is = { class: "inner-panel" };
1881
- function Ms(e, t, s, a, o, l) {
1880
+ }), wa = ["aria-controls", "id"], Sa = { class: "icon-wrapper" }, Ia = ["aria-hidden", "id"], Va = { class: "inner-panel" };
1881
+ function Ma(e, t, a, s, o, d) {
1882
1882
  return i(), n("div", null, [
1883
- d("button", {
1883
+ l("button", {
1884
1884
  class: "expansion-button",
1885
1885
  "aria-controls": "expansion-content-" + e.ariaTitle,
1886
1886
  id: "expansion-control-" + e.ariaTitle,
1887
1887
  onClick: t[0] || (t[0] = (...r) => e.togglePanel && e.togglePanel(...r)),
1888
- style: D(e.style)
1888
+ style: F(e.style)
1889
1889
  }, [
1890
1890
  f(e.$slots, "title", {}, () => [
1891
1891
  M(p(e.title), 1)
1892
1892
  ], !0),
1893
- d("span", Ss, [
1894
- d("span", {
1893
+ l("span", Sa, [
1894
+ l("span", {
1895
1895
  class: m(["panel-icon", {
1896
1896
  "show-panel-icon": e.showPanel,
1897
1897
  "hide-panel-icon": !e.showPanel
1898
1898
  }])
1899
1899
  }, null, 2)
1900
1900
  ])
1901
- ], 12, ws),
1902
- F(K, { name: "slide-fade" }, {
1901
+ ], 12, wa),
1902
+ L(K, { name: "slide-fade" }, {
1903
1903
  default: W(() => [
1904
1904
  e.showPanel ? (i(), n("div", {
1905
1905
  key: 0,
@@ -1907,16 +1907,16 @@ function Ms(e, t, s, a, o, l) {
1907
1907
  "aria-hidden": !e.showPanel,
1908
1908
  id: "content-" + e.ariaTitle
1909
1909
  }, [
1910
- d("div", Is, [
1910
+ l("div", Va, [
1911
1911
  f(e.$slots, "default", {}, void 0, !0)
1912
1912
  ])
1913
- ], 8, Vs)) : c("", !0)
1913
+ ], 8, Ia)) : c("", !0)
1914
1914
  ]),
1915
1915
  _: 3
1916
1916
  })
1917
1917
  ]);
1918
1918
  }
1919
- const Cs = /* @__PURE__ */ b(vs, [["render", Ms], ["__scopeId", "data-v-aad4db7d"]]), Ps = g({
1919
+ const Ca = /* @__PURE__ */ b(va, [["render", Ma], ["__scopeId", "data-v-aad4db7d"]]), Pa = g({
1920
1920
  name: "wra-validation-tooltip",
1921
1921
  props: {
1922
1922
  /**
@@ -1929,7 +1929,7 @@ const Cs = /* @__PURE__ */ b(vs, [["render", Ms], ["__scopeId", "data-v-aad4db7d
1929
1929
  }
1930
1930
  }
1931
1931
  });
1932
- function Ts(e, t, s, a, o, l) {
1932
+ function Ta(e, t, a, s, o, d) {
1933
1933
  return i(), n("div", {
1934
1934
  class: m(["validation-tooltip", e.type])
1935
1935
  }, [
@@ -1944,7 +1944,7 @@ function Ts(e, t, s, a, o, l) {
1944
1944
  f(e.$slots, "default", {}, void 0, !0)
1945
1945
  ], 2);
1946
1946
  }
1947
- const re = /* @__PURE__ */ b(Ps, [["render", Ts], ["__scopeId", "data-v-e082a746"]]), Bs = g({
1947
+ const re = /* @__PURE__ */ b(Pa, [["render", Ta], ["__scopeId", "data-v-e082a746"]]), Ba = g({
1948
1948
  name: "file-upload",
1949
1949
  emits: ["change"],
1950
1950
  components: {
@@ -2059,17 +2059,17 @@ const re = /* @__PURE__ */ b(Ps, [["render", Ts], ["__scopeId", "data-v-e082a746
2059
2059
  },
2060
2060
  methods: {
2061
2061
  handleFileChange(e) {
2062
- const s = e.target.files;
2063
- if (s && s.length > 0) {
2064
- const a = Array.from(s);
2062
+ const a = e.target.files;
2063
+ if (a && a.length > 0) {
2064
+ const s = Array.from(a);
2065
2065
  if (typeof this.maxSize < "u" && this.maxSize !== null) {
2066
- this.fileSize = a.reduce((o, l) => o + l.size, 0), this.fileSizeError = this.fileSize > this.maxSize;
2066
+ this.fileSize = s.reduce((o, d) => o + d.size, 0), this.fileSizeError = this.fileSize > this.maxSize;
2067
2067
  return;
2068
2068
  }
2069
- this.fileName = a.map((o) => o.name).join(", ");
2069
+ this.fileName = s.map((o) => o.name).join(", ");
2070
2070
  } else
2071
2071
  this.fileName = "No file chosen";
2072
- this.$emit("change", s);
2072
+ this.$emit("change", a);
2073
2073
  },
2074
2074
  triggerFileInput() {
2075
2075
  this.$refs.fileInput.click();
@@ -2083,26 +2083,26 @@ const re = /* @__PURE__ */ b(Ps, [["render", Ts], ["__scopeId", "data-v-e082a746
2083
2083
  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`;
2084
2084
  }
2085
2085
  }
2086
- }), Os = {
2086
+ }), Oa = {
2087
2087
  key: 0,
2088
2088
  class: "file-upload-error-text"
2089
- }, Ws = {
2089
+ }, Wa = {
2090
2090
  key: 1,
2091
2091
  class: "file-upload-error-text"
2092
- }, qs = ["for"], Ns = { class: "file-upload-wrapper" }, As = ["id", "accept", "capture", "multiple"], Fs = { class: "file-name" };
2093
- function Ls(e, t, s, a, o, l) {
2094
- const r = L("ValidationTooltip"), u = L("wra-button");
2095
- return i(), n(y, null, [
2096
- F(K, { name: "error" }, {
2092
+ }, qa = ["for"], Aa = { class: "file-upload-wrapper" }, Na = ["id", "accept", "capture", "multiple"], La = { class: "file-name" };
2093
+ function Fa(e, t, a, s, o, d) {
2094
+ const r = D("ValidationTooltip"), u = D("wra-button");
2095
+ return i(), n(k, null, [
2096
+ L(K, { name: "error" }, {
2097
2097
  default: W(() => [
2098
- e.isError ? (i(), z(r, {
2098
+ e.isError ? (i(), _(r, {
2099
2099
  key: 0,
2100
2100
  class: "file-upload-error-box",
2101
2101
  type: "wra-error"
2102
2102
  }, {
2103
2103
  default: W(() => [
2104
- e.error ? (i(), n("p", Os, p(e.errorMessage), 1)) : c("", !0),
2105
- e.fileSizeError ? (i(), n("p", Ws, p(e.fileSizeErrorMessage.replace(
2104
+ e.error ? (i(), n("p", Oa, p(e.errorMessage), 1)) : c("", !0),
2105
+ e.fileSizeError ? (i(), n("p", Wa, p(e.fileSizeErrorMessage.replace(
2106
2106
  "{maxsize}",
2107
2107
  String(e.humanReadableMaxSize)
2108
2108
  )), 1)) : c("", !0)
@@ -2112,12 +2112,12 @@ function Ls(e, t, s, a, o, l) {
2112
2112
  ]),
2113
2113
  _: 1
2114
2114
  }),
2115
- d("div", {
2115
+ l("div", {
2116
2116
  class: "file-upload-label",
2117
2117
  for: e.id
2118
- }, p(e.label), 9, qs),
2119
- d("div", Ns, [
2120
- F(u, {
2118
+ }, p(e.label), 9, qa),
2119
+ l("div", Aa, [
2120
+ L(u, {
2121
2121
  size: "small",
2122
2122
  backgroundColor: e.backgroundColor,
2123
2123
  onClick: e.triggerFileInput
@@ -2127,7 +2127,7 @@ function Ls(e, t, s, a, o, l) {
2127
2127
  ]),
2128
2128
  _: 1
2129
2129
  }, 8, ["backgroundColor", "onClick"]),
2130
- d("input", {
2130
+ l("input", {
2131
2131
  type: "file",
2132
2132
  ref: "fileInput",
2133
2133
  id: e.id,
@@ -2135,12 +2135,12 @@ function Ls(e, t, s, a, o, l) {
2135
2135
  capture: e.capture,
2136
2136
  multiple: e.multiple,
2137
2137
  onChange: t[0] || (t[0] = (...h) => e.handleFileChange && e.handleFileChange(...h))
2138
- }, null, 40, As),
2139
- d("span", Fs, p(e.fileName), 1)
2138
+ }, null, 40, Na),
2139
+ l("span", La, p(e.fileName), 1)
2140
2140
  ])
2141
2141
  ], 64);
2142
2142
  }
2143
- const Es = /* @__PURE__ */ b(Bs, [["render", Ls], ["__scopeId", "data-v-77af62fb"]]), Ds = g({
2143
+ const Da = /* @__PURE__ */ b(Ba, [["render", Fa], ["__scopeId", "data-v-77af62fb"]]), Ea = g({
2144
2144
  name: "wra-footer",
2145
2145
  props: {
2146
2146
  /**
@@ -2152,14 +2152,14 @@ const Es = /* @__PURE__ */ b(Bs, [["render", Ls], ["__scopeId", "data-v-77af62fb
2152
2152
  }
2153
2153
  }
2154
2154
  });
2155
- function js(e, t, s, a, o, l) {
2155
+ function ja(e, t, a, s, o, d) {
2156
2156
  return i(), n("footer", {
2157
2157
  class: m(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
2158
2158
  }, [
2159
2159
  f(e.$slots, "default", {}, void 0, !0)
2160
2160
  ], 2);
2161
2161
  }
2162
- const zs = /* @__PURE__ */ b(Ds, [["render", js], ["__scopeId", "data-v-ec223b2a"]]), Rs = g({
2162
+ const _a = /* @__PURE__ */ b(Ea, [["render", ja], ["__scopeId", "data-v-ec223b2a"]]), za = g({
2163
2163
  name: "wra-icon",
2164
2164
  props: {
2165
2165
  /** Name of icon from material design icons by pictogrammers */
@@ -2191,8 +2191,8 @@ const zs = /* @__PURE__ */ b(Ds, [["render", js], ["__scopeId", "data-v-ec223b2a
2191
2191
  type: String
2192
2192
  }
2193
2193
  }
2194
- }), _s = ["width", "height", "viewBox", "stroke", "fill"], Hs = ["d"];
2195
- function Ks(e, t, s, a, o, l) {
2194
+ }), Ra = ["width", "height", "viewBox", "stroke", "fill"], Ha = ["d"];
2195
+ function Ka(e, t, a, s, o, d) {
2196
2196
  return i(), n("svg", {
2197
2197
  width: e.width + "px",
2198
2198
  height: e.height + "px",
@@ -2200,14 +2200,14 @@ function Ks(e, t, s, a, o, l) {
2200
2200
  stroke: e.stroke,
2201
2201
  fill: e.fill
2202
2202
  }, [
2203
- d("path", {
2203
+ l("path", {
2204
2204
  d: e.icon,
2205
2205
  width: "100%",
2206
2206
  height: "100%"
2207
- }, null, 8, Hs)
2208
- ], 8, _s);
2207
+ }, null, 8, Ha)
2208
+ ], 8, Ra);
2209
2209
  }
2210
- const Us = /* @__PURE__ */ b(Rs, [["render", Ks]]), Gs = g({
2210
+ const Ua = /* @__PURE__ */ b(za, [["render", Ka]]), Ya = g({
2211
2211
  name: "wra-inset",
2212
2212
  props: {
2213
2213
  /**
@@ -2232,15 +2232,15 @@ const Us = /* @__PURE__ */ b(Rs, [["render", Ks]]), Gs = g({
2232
2232
  }
2233
2233
  }
2234
2234
  });
2235
- function Ys(e, t, s, a, o, l) {
2235
+ function Ga(e, t, a, s, o, d) {
2236
2236
  return i(), n("div", {
2237
2237
  class: m(["wra-inset", e.colour])
2238
2238
  }, [
2239
2239
  f(e.$slots, "default", {}, void 0, !0)
2240
2240
  ], 2);
2241
2241
  }
2242
- const Js = /* @__PURE__ */ b(Gs, [["render", Ys], ["__scopeId", "data-v-5eaa02a8"]]), Zs = R, Qs = g({
2243
- directives: { maska: Zs },
2242
+ const Ja = /* @__PURE__ */ b(Ya, [["render", Ga], ["__scopeId", "data-v-5eaa02a8"]]), Za = z, Qa = g({
2243
+ directives: { maska: Za },
2244
2244
  name: "wra-number-input",
2245
2245
  props: {
2246
2246
  /**
@@ -2275,14 +2275,13 @@ const Js = /* @__PURE__ */ b(Gs, [["render", Ys], ["__scopeId", "data-v-5eaa02a8
2275
2275
  * The type of the input field.
2276
2276
  * @type {string}
2277
2277
  * @default "text"
2278
- * @validator value {string} - The type must be one of ["text", "password", "search"].
2278
+ * @validator value {string}
2279
2279
  */
2280
2280
  type: {
2281
2281
  type: String,
2282
- // Default of number causes issues with maska
2283
2282
  default: "text",
2284
2283
  validator(e) {
2285
- return ["text", "password", "search"].includes(e);
2284
+ return ["text", "number"].includes(e);
2286
2285
  }
2287
2286
  },
2288
2287
  /**
@@ -2294,7 +2293,16 @@ const Js = /* @__PURE__ */ b(Gs, [["render", Ys], ["__scopeId", "data-v-5eaa02a8
2294
2293
  type: String,
2295
2294
  default: "numeric",
2296
2295
  validator(e) {
2297
- return ["numeric", "decimal", "text"].includes(e);
2296
+ return [
2297
+ "text",
2298
+ "none",
2299
+ "tel",
2300
+ "url",
2301
+ "email",
2302
+ "numeric",
2303
+ "decimal",
2304
+ "search"
2305
+ ].includes(e);
2298
2306
  }
2299
2307
  },
2300
2308
  /**
@@ -2348,9 +2356,9 @@ const Js = /* @__PURE__ */ b(Gs, [["render", Ys], ["__scopeId", "data-v-5eaa02a8
2348
2356
  validate(e) {
2349
2357
  if (this.errorMessage = "", this.rules != null)
2350
2358
  for (let t = 0; t < this.rules.length; t++) {
2351
- const s = this.rules[t], a = s(e);
2352
- if (a != !0) {
2353
- this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
2359
+ const a = this.rules[t], s = a(e);
2360
+ if (s != !0) {
2361
+ this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
2354
2362
  break;
2355
2363
  }
2356
2364
  }
@@ -2372,14 +2380,14 @@ const Js = /* @__PURE__ */ b(Gs, [["render", Ys], ["__scopeId", "data-v-5eaa02a8
2372
2380
  created() {
2373
2381
  this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
2374
2382
  }
2375
- }), Xs = ["for"], xs = { class: "input-wrapper" }, ea = {
2383
+ }), Xa = ["for"], xa = { class: "input-wrapper" }, es = {
2376
2384
  key: 0,
2377
2385
  class: "prefix"
2378
- }, ta = ["id", "type", "inputmode", "placeholder", "value"], sa = {
2386
+ }, ts = ["id", "type", "inputmode", "placeholder", "value"], as = {
2379
2387
  key: 1,
2380
2388
  class: "suffix"
2381
- }, aa = { key: 1 };
2382
- function ra(e, t, s, a, o, l) {
2389
+ }, ss = { key: 1 };
2390
+ function rs(e, t, a, s, o, d) {
2383
2391
  const r = j("maska");
2384
2392
  return i(), n("div", {
2385
2393
  class: m({ error: !!e.errorMessage })
@@ -2387,10 +2395,10 @@ function ra(e, t, s, a, o, l) {
2387
2395
  e.label ? (i(), n("label", {
2388
2396
  key: 0,
2389
2397
  for: e.id
2390
- }, p(e.label), 9, Xs)) : c("", !0),
2391
- d("div", xs, [
2392
- e.prefix ? (i(), n("span", ea, p(e.prefix), 1)) : c("", !0),
2393
- q(d("input", {
2398
+ }, p(e.label), 9, Xa)) : c("", !0),
2399
+ l("div", xa, [
2400
+ e.prefix ? (i(), n("span", es, p(e.prefix), 1)) : c("", !0),
2401
+ q(l("input", {
2394
2402
  id: e.id,
2395
2403
  type: e.type,
2396
2404
  inputmode: e.inputmode || "numeric",
@@ -2400,15 +2408,15 @@ function ra(e, t, s, a, o, l) {
2400
2408
  "data-maska-reversed": "",
2401
2409
  onMaska: t[0] || (t[0] = (u) => e.onMaska(u.detail)),
2402
2410
  class: m(e.prefixPadding)
2403
- }, null, 42, ta), [
2404
- [r, "9,99#"]
2411
+ }, null, 42, ts), [
2412
+ [r, e.type === "number" ? "999#" : "9,99#"]
2405
2413
  ]),
2406
- e.suffix ? (i(), n("span", sa, p(e.suffix), 1)) : c("", !0)
2414
+ e.suffix ? (i(), n("span", as, p(e.suffix), 1)) : c("", !0)
2407
2415
  ]),
2408
- e.errorMessage ? (i(), n("p", aa, p(e.errorMessage), 1)) : c("", !0)
2416
+ e.errorMessage ? (i(), n("p", ss, p(e.errorMessage), 1)) : c("", !0)
2409
2417
  ], 2);
2410
2418
  }
2411
- const ia = /* @__PURE__ */ b(Qs, [["render", ra], ["__scopeId", "data-v-bf09a2d6"]]), na = g({
2419
+ const is = /* @__PURE__ */ b(Qa, [["render", rs], ["__scopeId", "data-v-21ef0757"]]), ns = g({
2412
2420
  name: "wra-pagination",
2413
2421
  data() {
2414
2422
  return {
@@ -2477,12 +2485,12 @@ const ia = /* @__PURE__ */ b(Qs, [["render", ra], ["__scopeId", "data-v-bf09a2d6
2477
2485
  },
2478
2486
  changePage(e) {
2479
2487
  this.currentPage = e, this.$emit("update:modelValue", this.currentPage), this.$nextTick(() => {
2480
- const t = `page-${e}`, s = this.$refs[t];
2481
- if (!s || !s[0]) {
2488
+ const t = `page-${e}`, a = this.$refs[t];
2489
+ if (!a || !a[0]) {
2482
2490
  console.log("No ref found for page", e);
2483
2491
  return;
2484
2492
  }
2485
- s[0].focus();
2493
+ a[0].focus();
2486
2494
  });
2487
2495
  },
2488
2496
  onKeyLeft() {
@@ -2525,29 +2533,29 @@ const ia = /* @__PURE__ */ b(Qs, [["render", ra], ["__scopeId", "data-v-bf09a2d6
2525
2533
  created() {
2526
2534
  this.currentPage = this.modelValue;
2527
2535
  }
2528
- }), oa = { class: "pagination" }, la = ["onClick"];
2529
- function da(e, t, s, a, o, l) {
2530
- return i(), n("div", oa, [
2531
- d("button", {
2536
+ }), os = { class: "pagination" }, ls = ["onClick"];
2537
+ function ds(e, t, a, s, o, d) {
2538
+ return i(), n("div", os, [
2539
+ l("button", {
2532
2540
  class: "pagination-button",
2533
2541
  onClick: t[0] || (t[0] = (r) => e.decPage())
2534
2542
  }, [
2535
2543
  f(e.$slots, "previous", {}, () => [
2536
- t[6] || (t[6] = d("span", { class: "pagination-icon previous-icon" }, null, -1)),
2537
- d("span", null, p(e.previousLabel), 1)
2544
+ t[6] || (t[6] = l("span", { class: "pagination-icon previous-icon" }, null, -1)),
2545
+ l("span", null, p(e.previousLabel), 1)
2538
2546
  ], !0)
2539
2547
  ]),
2540
- e.skipStart ? (i(), n(y, { key: 0 }, [
2548
+ e.skipStart ? (i(), n(k, { key: 0 }, [
2541
2549
  e.skipStart ? (i(), n("button", {
2542
2550
  key: 0,
2543
2551
  onClick: t[1] || (t[1] = (r) => e.changePage(e.startIndex)),
2544
2552
  class: "pagination-number"
2545
2553
  }, p(e.startIndex), 1)) : c("", !0),
2546
2554
  f(e.$slots, "divider", {}, () => [
2547
- t[7] || (t[7] = d("span", { class: "pagination-divider" }, "...", -1))
2555
+ t[7] || (t[7] = l("span", { class: "pagination-divider" }, "...", -1))
2548
2556
  ], !0)
2549
2557
  ], 64)) : c("", !0),
2550
- (i(!0), n(y, null, V(e.viewablePages, (r) => (i(), n("button", {
2558
+ (i(!0), n(k, null, I(e.viewablePages, (r) => (i(), n("button", {
2551
2559
  onClick: (u) => e.changePage(r),
2552
2560
  onKeydown: [
2553
2561
  t[2] || (t[2] = S((u) => e.onKeyLeft(), ["left"])),
@@ -2556,29 +2564,29 @@ function da(e, t, s, a, o, l) {
2556
2564
  ref_for: !0,
2557
2565
  ref: "page-" + r,
2558
2566
  class: m(["pagination-number", e.currentPage === r && "pagination-number--selected"])
2559
- }, p(r), 43, la))), 256)),
2560
- e.skipEnd ? (i(), n(y, { key: 1 }, [
2567
+ }, p(r), 43, ls))), 256)),
2568
+ e.skipEnd ? (i(), n(k, { key: 1 }, [
2561
2569
  f(e.$slots, "divider", {}, () => [
2562
- t[8] || (t[8] = d("span", { class: "pagination-divider" }, "...", -1))
2570
+ t[8] || (t[8] = l("span", { class: "pagination-divider" }, "...", -1))
2563
2571
  ], !0),
2564
- d("button", {
2572
+ l("button", {
2565
2573
  onClick: t[4] || (t[4] = (r) => e.changePage(e.totalPages)),
2566
2574
  class: "pagination-number"
2567
2575
  }, p(e.totalPages), 1)
2568
2576
  ], 64)) : c("", !0),
2569
- d("button", {
2577
+ l("button", {
2570
2578
  class: "pagination-button",
2571
2579
  onClick: t[5] || (t[5] = (r) => e.incPage())
2572
2580
  }, [
2573
2581
  f(e.$slots, "next", {}, () => [
2574
- d("span", null, p(e.nextLabel), 1),
2575
- t[9] || (t[9] = d("span", { class: "pagination-icon next-icon" }, null, -1))
2582
+ l("span", null, p(e.nextLabel), 1),
2583
+ t[9] || (t[9] = l("span", { class: "pagination-icon next-icon" }, null, -1))
2576
2584
  ], !0)
2577
2585
  ])
2578
2586
  ]);
2579
2587
  }
2580
- const ua = /* @__PURE__ */ b(na, [["render", da], ["__scopeId", "data-v-4fb0a9cd"]]), pa = R, ca = g({
2581
- directives: { maska: pa },
2588
+ const us = /* @__PURE__ */ b(ns, [["render", ds], ["__scopeId", "data-v-4fb0a9cd"]]), ps = z, cs = g({
2589
+ directives: { maska: ps },
2582
2590
  name: "wra-price-input",
2583
2591
  props: {
2584
2592
  /**
@@ -2664,11 +2672,11 @@ const ua = /* @__PURE__ */ b(na, [["render", da], ["__scopeId", "data-v-4fb0a9cd
2664
2672
  preProcess: (e) => e.replace(/[£,]/g, ""),
2665
2673
  postProcess: (e) => {
2666
2674
  if (!e) return "";
2667
- const t = 3 - (e.includes(".") ? e.length - e.indexOf(".") : 0), s = Number(e.replace(/,/g, ""));
2668
- return isNaN(s) ? e : Intl.NumberFormat("en-GB", {
2675
+ const t = 3 - (e.includes(".") ? e.length - e.indexOf(".") : 0), a = Number(e.replace(/,/g, ""));
2676
+ return isNaN(a) ? e : Intl.NumberFormat("en-GB", {
2669
2677
  style: "currency",
2670
2678
  currency: "GBP"
2671
- }).format(s).slice(0, t ? -t : void 0).replace("£", "");
2679
+ }).format(a).slice(0, t ? -t : void 0).replace("£", "");
2672
2680
  }
2673
2681
  },
2674
2682
  errorMessage: "",
@@ -2688,9 +2696,9 @@ const ua = /* @__PURE__ */ b(na, [["render", da], ["__scopeId", "data-v-4fb0a9cd
2688
2696
  validate(e) {
2689
2697
  if (this.errorMessage = "", this.rules != null)
2690
2698
  for (let t = 0; t < this.rules.length; t++) {
2691
- const s = this.rules[t], a = s(e);
2692
- if (a != !0) {
2693
- this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
2699
+ const a = this.rules[t], s = a(e);
2700
+ if (s != !0) {
2701
+ this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
2694
2702
  break;
2695
2703
  }
2696
2704
  }
@@ -2708,14 +2716,14 @@ const ua = /* @__PURE__ */ b(na, [["render", da], ["__scopeId", "data-v-4fb0a9cd
2708
2716
  mounted() {
2709
2717
  this.maskedValue = String(this.modelValue), this.$emit("update:modelValue", this.maskedValue), this.validate(this.modelValue);
2710
2718
  }
2711
- }), ha = ["for"], fa = { class: "input-wrapper" }, ma = {
2719
+ }), hs = ["for"], fs = { class: "input-wrapper" }, ms = {
2712
2720
  key: 0,
2713
2721
  class: "prefix"
2714
- }, ga = ["id", "value", "inputmode", "placeholder"], ba = {
2722
+ }, gs = ["id", "value", "inputmode", "placeholder"], bs = {
2715
2723
  key: 1,
2716
2724
  class: "suffix"
2717
- }, $a = { key: 1 };
2718
- function ka(e, t, s, a, o, l) {
2725
+ }, ys = { key: 1 };
2726
+ function $s(e, t, a, s, o, d) {
2719
2727
  const r = j("maska");
2720
2728
  return i(), n("div", {
2721
2729
  class: m({ error: e.errorMessage !== "" })
@@ -2723,10 +2731,10 @@ function ka(e, t, s, a, o, l) {
2723
2731
  e.label ? (i(), n("label", {
2724
2732
  key: 0,
2725
2733
  for: e.id
2726
- }, p(e.label), 9, ha)) : c("", !0),
2727
- d("div", fa, [
2728
- e.prefix ? (i(), n("span", ma, p(e.prefix), 1)) : c("", !0),
2729
- q(d("input", {
2734
+ }, p(e.label), 9, hs)) : c("", !0),
2735
+ l("div", fs, [
2736
+ e.prefix ? (i(), n("span", ms, p(e.prefix), 1)) : c("", !0),
2737
+ q(l("input", {
2730
2738
  id: e.id,
2731
2739
  type: "text",
2732
2740
  value: e.maskedValue,
@@ -2736,15 +2744,15 @@ function ka(e, t, s, a, o, l) {
2736
2744
  "data-maska": "0.99",
2737
2745
  "data-maska-tokens": "0:\\d:multiple|9:\\d:optional",
2738
2746
  class: m(e.prefixPadding)
2739
- }, null, 42, ga), [
2747
+ }, null, 42, gs), [
2740
2748
  [r, e.mask]
2741
2749
  ]),
2742
- e.suffix ? (i(), n("span", ba, p(e.suffix), 1)) : c("", !0)
2750
+ e.suffix ? (i(), n("span", bs, p(e.suffix), 1)) : c("", !0)
2743
2751
  ]),
2744
- e.errorMessage ? (i(), n("p", $a, p(e.errorMessage), 1)) : c("", !0)
2752
+ e.errorMessage ? (i(), n("p", ys, p(e.errorMessage), 1)) : c("", !0)
2745
2753
  ], 2);
2746
2754
  }
2747
- const ya = /* @__PURE__ */ b(ca, [["render", ka], ["__scopeId", "data-v-0e867b98"]]), va = g({
2755
+ const ks = /* @__PURE__ */ b(cs, [["render", $s], ["__scopeId", "data-v-0e867b98"]]), vs = g({
2748
2756
  name: "wra-radio",
2749
2757
  props: {
2750
2758
  groupName: {
@@ -2775,14 +2783,14 @@ const ya = /* @__PURE__ */ b(ca, [["render", ka], ["__scopeId", "data-v-0e867b98
2775
2783
  this.$parent.$emit("update:modelValue", this.option.value);
2776
2784
  }
2777
2785
  }
2778
- }), wa = ["for"], Sa = ["name", "value", "id", "checked", "aria-checked"], Va = { class: "radio-text" }, Ia = ["innerHTML"];
2779
- function Ma(e, t, s, a, o, l) {
2786
+ }), ws = ["for"], Ss = ["name", "value", "id", "checked", "aria-checked"], Is = { class: "radio-text" }, Vs = ["innerHTML"];
2787
+ function Ms(e, t, a, s, o, d) {
2780
2788
  return i(), n("div", null, [
2781
- d("label", {
2789
+ l("label", {
2782
2790
  for: e.id ?? e.groupName + "-" + e.option.value,
2783
2791
  class: "radio-label"
2784
2792
  }, [
2785
- d("input", {
2793
+ l("input", {
2786
2794
  type: "radio",
2787
2795
  name: e.groupName,
2788
2796
  value: e.option.value,
@@ -2791,19 +2799,19 @@ function Ma(e, t, s, a, o, l) {
2791
2799
  class: "radio-input",
2792
2800
  checked: e.isChecked == !0,
2793
2801
  "aria-checked": e.isChecked
2794
- }, null, 40, Sa),
2795
- d("span", Va, [
2796
- d("p", null, p(e.option.label), 1),
2802
+ }, null, 40, Ss),
2803
+ l("span", Is, [
2804
+ l("p", null, p(e.option.label), 1),
2797
2805
  e.option.info ? (i(), n("p", {
2798
2806
  key: 0,
2799
2807
  class: "further-information-text",
2800
2808
  innerHTML: e.option.info
2801
- }, null, 8, Ia)) : c("", !0)
2809
+ }, null, 8, Vs)) : c("", !0)
2802
2810
  ])
2803
- ], 8, wa)
2811
+ ], 8, ws)
2804
2812
  ]);
2805
2813
  }
2806
- const Ca = /* @__PURE__ */ b(va, [["render", Ma], ["__scopeId", "data-v-66e204d1"]]), Pa = g({
2814
+ const Cs = /* @__PURE__ */ b(vs, [["render", Ms], ["__scopeId", "data-v-66e204d1"]]), Ps = g({
2807
2815
  name: "wra-radio-group",
2808
2816
  props: {
2809
2817
  /**
@@ -2846,22 +2854,22 @@ const Ca = /* @__PURE__ */ b(va, [["render", Ma], ["__scopeId", "data-v-66e204d1
2846
2854
  }
2847
2855
  },
2848
2856
  components: {
2849
- WraRadio: Ca
2857
+ WraRadio: Cs
2850
2858
  },
2851
2859
  computed: {
2852
2860
  validOptions() {
2853
2861
  return this.options ?? [];
2854
2862
  }
2855
2863
  }
2856
- }), Ta = ["aria-label", "aria-describedby"];
2857
- function Ba(e, t, s, a, o, l) {
2858
- const r = L("wra-radio");
2864
+ }), Ts = ["aria-label", "aria-describedby"];
2865
+ function Bs(e, t, a, s, o, d) {
2866
+ const r = D("wra-radio");
2859
2867
  return i(), n("div", {
2860
2868
  role: "radiogroup",
2861
2869
  "aria-label": e.label,
2862
2870
  "aria-describedby": e.hint
2863
2871
  }, [
2864
- (i(!0), n(y, null, V(e.validOptions, (u) => (i(), z(r, {
2872
+ (i(!0), n(k, null, I(e.validOptions, (u) => (i(), _(r, {
2865
2873
  groupName: e.groupName,
2866
2874
  option: u,
2867
2875
  key: u.value,
@@ -2869,9 +2877,9 @@ function Ba(e, t, s, a, o, l) {
2869
2877
  isChecked: e.checkInput(u.value),
2870
2878
  id: u.id
2871
2879
  }, null, 8, ["groupName", "option", "isChecked", "id"]))), 128))
2872
- ], 8, Ta);
2880
+ ], 8, Ts);
2873
2881
  }
2874
- const Oa = /* @__PURE__ */ b(Pa, [["render", Ba], ["__scopeId", "data-v-dfd68568"]]), Wa = g({
2882
+ const Os = /* @__PURE__ */ b(Ps, [["render", Bs], ["__scopeId", "data-v-dfd68568"]]), Ws = g({
2875
2883
  name: "wra-select",
2876
2884
  props: {
2877
2885
  /**
@@ -2929,12 +2937,12 @@ const Oa = /* @__PURE__ */ b(Pa, [["render", Ba], ["__scopeId", "data-v-dfd68568
2929
2937
  },
2930
2938
  methods: {
2931
2939
  onSelectChange(e) {
2932
- const t = e.target, s = t ? t.value : "";
2933
- this.validate(s);
2940
+ const t = e.target, a = t ? t.value : "";
2941
+ this.validate(a);
2934
2942
  },
2935
2943
  validate(e) {
2936
2944
  this.$emit("update:modelValue", e);
2937
- const t = this.validItems.some((s) => this.checkForObjectValue(s) == e);
2945
+ const t = this.validItems.some((a) => this.checkForObjectValue(a) == e);
2938
2946
  if (this.required == !0 && t == !1) {
2939
2947
  this.$emit("valid", { id: this.id || this.name, value: !1 });
2940
2948
  return;
@@ -2957,38 +2965,321 @@ const Oa = /* @__PURE__ */ b(Pa, [["render", Ba], ["__scopeId", "data-v-dfd68568
2957
2965
  this.validate(this.modelValue);
2958
2966
  },
2959
2967
  emits: ["update:modelValue", "valid"]
2960
- }), qa = ["for"], Na = { class: "select" }, Aa = ["id", "value"], Fa = ["value", "selected"], La = { key: 0 }, Ea = { key: 1 };
2961
- function Da(e, t, s, a, o, l) {
2962
- return i(), n(y, null, [
2963
- d("label", {
2968
+ }), qs = ["for"], As = { class: "select" }, Ns = ["id", "value"], Ls = ["value", "selected"], Fs = { key: 0 }, Ds = { key: 1 };
2969
+ function Es(e, t, a, s, o, d) {
2970
+ return i(), n(k, null, [
2971
+ l("label", {
2964
2972
  for: e.id || e.name
2965
- }, p(e.label), 9, qa),
2966
- d("div", Na, [
2967
- d("select", {
2973
+ }, p(e.label), 9, qs),
2974
+ l("div", As, [
2975
+ l("select", {
2968
2976
  id: e.id || e.name,
2969
2977
  value: e.modelValue,
2970
2978
  onChange: t[0] || (t[0] = (...r) => e.onSelectChange && e.onSelectChange(...r))
2971
2979
  }, [
2972
- t[1] || (t[1] = d("option", {
2980
+ t[1] || (t[1] = l("option", {
2973
2981
  value: "",
2974
2982
  selected: "",
2975
2983
  disabled: "",
2976
2984
  hidden: ""
2977
2985
  }, "-", -1)),
2978
- (i(!0), n(y, null, V(e.validItems, (r) => (i(), n("option", {
2986
+ (i(!0), n(k, null, I(e.validItems, (r) => (i(), n("option", {
2979
2987
  value: e.checkForObjectValue(r),
2980
2988
  selected: e.modelValue == e.checkForObjectValue(r)
2981
2989
  }, [
2982
- e.$slots.label ? (i(), n("span", La, [
2990
+ e.$slots.label ? (i(), n("span", Fs, [
2983
2991
  f(e.$slots, "label", { item: r }, void 0, !0)
2984
- ])) : (i(), n("span", Ea, p(e.checkForObjectLabel(r)), 1))
2985
- ], 8, Fa))), 256))
2986
- ], 40, Aa),
2987
- t[2] || (t[2] = d("span", { class: "focus" }, null, -1))
2992
+ ])) : (i(), n("span", Ds, p(e.checkForObjectLabel(r)), 1))
2993
+ ], 8, Ls))), 256))
2994
+ ], 40, Ns),
2995
+ t[2] || (t[2] = l("span", { class: "focus" }, null, -1))
2988
2996
  ])
2989
2997
  ], 64);
2990
2998
  }
2991
- const ja = /* @__PURE__ */ b(Wa, [["render", Da], ["__scopeId", "data-v-f1105098"]]), za = g({
2999
+ const js = /* @__PURE__ */ b(Ws, [["render", Es], ["__scopeId", "data-v-f1105098"]]), _s = g({
3000
+ name: "wra-separate-date-input",
3001
+ props: {
3002
+ /**
3003
+ * The value of the date input (object with day, month, year properties).
3004
+ * @default null
3005
+ */
3006
+ modelValue: {
3007
+ type: Object,
3008
+ default: null
3009
+ },
3010
+ /**
3011
+ * The label for the day input field.
3012
+ * @type {string}
3013
+ * @default "Day"
3014
+ */
3015
+ dayLabel: {
3016
+ type: String,
3017
+ required: !1,
3018
+ default: "Day"
3019
+ },
3020
+ /**
3021
+ * The label for the month input field.
3022
+ * @type {string}
3023
+ * @default "Month"
3024
+ */
3025
+ monthLabel: {
3026
+ type: String,
3027
+ required: !1,
3028
+ default: "Month"
3029
+ },
3030
+ /**
3031
+ * The label for the year input field.
3032
+ * @type {string}
3033
+ * @default "Year"
3034
+ */
3035
+ yearLabel: {
3036
+ type: String,
3037
+ required: !1,
3038
+ default: "Year"
3039
+ },
3040
+ /**
3041
+ * The ID for the input fields.
3042
+ * @type {string}
3043
+ * @required
3044
+ * @default "dateInput"
3045
+ */
3046
+ id: {
3047
+ type: String,
3048
+ required: !0,
3049
+ default: "dateInput"
3050
+ },
3051
+ /**
3052
+ * The input mode for the input fields.
3053
+ * @type {string}
3054
+ * @default "numeric"
3055
+ * @validator value {string}
3056
+ */
3057
+ inputmode: {
3058
+ type: String,
3059
+ default: "numeric",
3060
+ validator(e) {
3061
+ return [
3062
+ "numeric",
3063
+ "search",
3064
+ "text",
3065
+ "email",
3066
+ "tel",
3067
+ "url",
3068
+ "none",
3069
+ "decimal"
3070
+ ].includes(e);
3071
+ }
3072
+ },
3073
+ /**
3074
+ * Placeholder for day input field.
3075
+ * @type {string}
3076
+ * @default "DD"
3077
+ */
3078
+ placeholderDay: {
3079
+ type: String,
3080
+ required: !1,
3081
+ default: "DD"
3082
+ },
3083
+ /**
3084
+ * Placeholder for month input field.
3085
+ * @type {string}
3086
+ * @default "MM"
3087
+ */
3088
+ placeholderMonth: {
3089
+ type: String,
3090
+ required: !1,
3091
+ default: "MM"
3092
+ },
3093
+ /**
3094
+ * Placeholder for year input field.
3095
+ * @type {string}
3096
+ * @default "YYYY"
3097
+ */
3098
+ placeholderYear: {
3099
+ type: String,
3100
+ required: !1,
3101
+ default: "YYYY"
3102
+ },
3103
+ /**
3104
+ * Automatically advance focus to the next field when max characters are reached.
3105
+ * @type {boolean}
3106
+ * @default false
3107
+ */
3108
+ autoAdvance: {
3109
+ type: Boolean,
3110
+ required: !1,
3111
+ default: !1
3112
+ },
3113
+ /**
3114
+ * Maximum width for day input field.
3115
+ * @type {string}
3116
+ * @default "47px"
3117
+ */
3118
+ dayInputWidth: {
3119
+ type: String,
3120
+ required: !1,
3121
+ default: "47px"
3122
+ },
3123
+ /**
3124
+ * Maximum width for month input field.
3125
+ * @type {string}
3126
+ * @default "47px"
3127
+ */
3128
+ monthInputWidth: {
3129
+ type: String,
3130
+ required: !1,
3131
+ default: "47px"
3132
+ },
3133
+ /**
3134
+ * Maximum width for year input field.
3135
+ * @type {string}
3136
+ * @default "72px"
3137
+ */
3138
+ yearInputWidth: {
3139
+ type: String,
3140
+ required: !1,
3141
+ default: "72px"
3142
+ }
3143
+ },
3144
+ emits: ["update:modelValue"],
3145
+ data() {
3146
+ return {
3147
+ day: "",
3148
+ month: "",
3149
+ year: ""
3150
+ };
3151
+ },
3152
+ watch: {
3153
+ modelValue() {
3154
+ this.setInitialState();
3155
+ }
3156
+ },
3157
+ methods: {
3158
+ /**
3159
+ * Gets the current date object to emit.
3160
+ */
3161
+ getDateObject() {
3162
+ return {
3163
+ day: this.day ? parseInt(this.day) : null,
3164
+ month: this.month ? parseInt(this.month) : null,
3165
+ year: this.year ? parseInt(this.year) : null
3166
+ };
3167
+ },
3168
+ /**
3169
+ * Handles day input.
3170
+ */
3171
+ onDayInput(e) {
3172
+ const a = e.target.value.replace(/\D/g, "");
3173
+ this.day = a.slice(0, 2), this.emitUpdate(), this.autoAdvance && this.day.length === 2 && this.$nextTick(() => {
3174
+ var s;
3175
+ (s = this.$refs.monthInput) == null || s.focus();
3176
+ });
3177
+ },
3178
+ /**
3179
+ * Handles month input.
3180
+ */
3181
+ onMonthInput(e) {
3182
+ const a = e.target.value.replace(/\D/g, "");
3183
+ this.month = a.slice(0, 2), this.emitUpdate(), this.autoAdvance && this.month.length === 2 && this.$nextTick(() => {
3184
+ var s;
3185
+ (s = this.$refs.yearInput) == null || s.focus();
3186
+ });
3187
+ },
3188
+ /**
3189
+ * Handles year input.
3190
+ */
3191
+ onYearInput(e) {
3192
+ const a = e.target.value.replace(/\D/g, "");
3193
+ this.year = a.slice(0, 4), this.emitUpdate();
3194
+ },
3195
+ /**
3196
+ * Emits the update with the constructed date object.
3197
+ */
3198
+ emitUpdate() {
3199
+ const e = this.getDateObject();
3200
+ this.$emit("update:modelValue", e);
3201
+ },
3202
+ /**
3203
+ * Sets the initial state based on modelValue prop.
3204
+ */
3205
+ setInitialState() {
3206
+ if (this.modelValue === null || typeof this.modelValue != "object") {
3207
+ this.day = "", this.month = "", this.year = "";
3208
+ return;
3209
+ }
3210
+ const { day: e, month: t, year: a } = this.modelValue;
3211
+ this.day = e !== null ? e.toString().padStart(2, "0") : "", this.month = t !== null ? t.toString().padStart(2, "0") : "", this.year = a !== null ? a.toString() : "";
3212
+ }
3213
+ },
3214
+ mounted() {
3215
+ this.setInitialState();
3216
+ }
3217
+ }), zs = { role: "group" }, Rs = { class: "date-input__item" }, Hs = ["for"], Ks = ["id", "value", "inputmode", "placeholder"], Us = { class: "date-input__item" }, Ys = ["for"], Gs = ["id", "value", "inputmode", "placeholder"], Js = { class: "date-input__item" }, Zs = ["for"], Qs = ["id", "value", "inputmode", "placeholder"];
3218
+ function Xs(e, t, a, s, o, d) {
3219
+ return i(), n("fieldset", zs, [
3220
+ l("div", {
3221
+ class: "date-input-container",
3222
+ style: F({
3223
+ "--day-input-width": e.dayInputWidth,
3224
+ "--month-input-width": e.monthInputWidth,
3225
+ "--year-input-width": e.yearInputWidth
3226
+ })
3227
+ }, [
3228
+ l("div", Rs, [
3229
+ l("label", {
3230
+ for: `${e.id}-day`,
3231
+ class: "date-input__label"
3232
+ }, p(e.dayLabel), 9, Hs),
3233
+ l("input", {
3234
+ ref: "dayInput",
3235
+ id: `${e.id}-day`,
3236
+ type: "text",
3237
+ class: "date-input__input date-input__input--day",
3238
+ value: e.day,
3239
+ inputmode: e.inputmode,
3240
+ placeholder: e.placeholderDay,
3241
+ maxlength: "2",
3242
+ onInput: t[0] || (t[0] = (...r) => e.onDayInput && e.onDayInput(...r))
3243
+ }, null, 40, Ks)
3244
+ ]),
3245
+ l("div", Us, [
3246
+ l("label", {
3247
+ for: `${e.id}-month`,
3248
+ class: "date-input__label"
3249
+ }, p(e.monthLabel), 9, Ys),
3250
+ l("input", {
3251
+ ref: "monthInput",
3252
+ id: `${e.id}-month`,
3253
+ type: "text",
3254
+ class: "date-input__input date-input__input--month",
3255
+ value: e.month,
3256
+ inputmode: e.inputmode,
3257
+ placeholder: e.placeholderMonth,
3258
+ maxlength: "2",
3259
+ onInput: t[1] || (t[1] = (...r) => e.onMonthInput && e.onMonthInput(...r))
3260
+ }, null, 40, Gs)
3261
+ ]),
3262
+ l("div", Js, [
3263
+ l("label", {
3264
+ for: `${e.id}-year`,
3265
+ class: "date-input__label"
3266
+ }, p(e.yearLabel), 9, Zs),
3267
+ l("input", {
3268
+ ref: "yearInput",
3269
+ id: `${e.id}-year`,
3270
+ type: "text",
3271
+ class: "date-input__input date-input__input--year",
3272
+ value: e.year,
3273
+ inputmode: e.inputmode,
3274
+ placeholder: e.placeholderYear,
3275
+ maxlength: "4",
3276
+ onInput: t[2] || (t[2] = (...r) => e.onYearInput && e.onYearInput(...r))
3277
+ }, null, 40, Qs)
3278
+ ])
3279
+ ], 4)
3280
+ ]);
3281
+ }
3282
+ const xs = /* @__PURE__ */ b(_s, [["render", Xs], ["__scopeId", "data-v-f20812d2"]]), er = g({
2992
3283
  name: "wra-service-logo",
2993
3284
  props: {
2994
3285
  /**
@@ -3025,8 +3316,8 @@ const ja = /* @__PURE__ */ b(Wa, [["render", Da], ["__scopeId", "data-v-f1105098
3025
3316
  type: [String, Number]
3026
3317
  }
3027
3318
  }
3028
- }), Ra = ["href", "aria-label"], _a = ["src", "height", "alt"];
3029
- function Ha(e, t, s, a, o, l) {
3319
+ }), tr = ["href", "aria-label"], ar = ["src", "height", "alt"];
3320
+ function sr(e, t, a, s, o, d) {
3030
3321
  return i(), n("a", {
3031
3322
  href: e.href,
3032
3323
  target: "_blank",
@@ -3034,15 +3325,15 @@ function Ha(e, t, s, a, o, l) {
3034
3325
  "aria-label": e.label,
3035
3326
  class: "service-link"
3036
3327
  }, [
3037
- d("img", {
3328
+ l("img", {
3038
3329
  src: e.serviceLogo,
3039
3330
  height: e.height,
3040
3331
  class: "service-logo",
3041
3332
  alt: e.alt
3042
- }, null, 8, _a)
3043
- ], 8, Ra);
3333
+ }, null, 8, ar)
3334
+ ], 8, tr);
3044
3335
  }
3045
- const Ka = /* @__PURE__ */ b(za, [["render", Ha], ["__scopeId", "data-v-726556fc"]]), Ua = g({
3336
+ const rr = /* @__PURE__ */ b(er, [["render", sr], ["__scopeId", "data-v-726556fc"]]), ir = g({
3046
3337
  name: "wra-simple-table",
3047
3338
  props: {
3048
3339
  /**
@@ -3064,14 +3355,14 @@ const Ka = /* @__PURE__ */ b(za, [["render", Ha], ["__scopeId", "data-v-726556fc
3064
3355
  }
3065
3356
  }
3066
3357
  });
3067
- function Ga(e, t, s, a, o, l) {
3358
+ function nr(e, t, a, s, o, d) {
3068
3359
  return i(), n("div", {
3069
3360
  class: m(["wra-simple-table-wrapper", {
3070
3361
  "wra-simple-table-inherit": e.inheritBackground,
3071
3362
  "wra-simple-table-no-padding": e.inheritBackground
3072
3363
  }])
3073
3364
  }, [
3074
- d("table", {
3365
+ l("table", {
3075
3366
  class: m(["wra-simple-table", { "left-align-headers": e.leftAlignHeaders }])
3076
3367
  }, [
3077
3368
  e.caption ? (i(), n("caption", {
@@ -3086,7 +3377,7 @@ function Ga(e, t, s, a, o, l) {
3086
3377
  ], 2)
3087
3378
  ], 2);
3088
3379
  }
3089
- const Ya = /* @__PURE__ */ b(Ua, [["render", Ga]]), Ja = g({
3380
+ const or = /* @__PURE__ */ b(ir, [["render", nr]]), lr = g({
3090
3381
  name: "wra-skip-link",
3091
3382
  emits: ["click"],
3092
3383
  methods: {
@@ -3135,13 +3426,13 @@ const Ya = /* @__PURE__ */ b(Ua, [["render", Ga]]), Ja = g({
3135
3426
  }
3136
3427
  }
3137
3428
  });
3138
- function Za(e, t, s, a, o, l) {
3429
+ function dr(e, t, a, s, o, d) {
3139
3430
  return i(), n("button", {
3140
3431
  class: m(["skip-link", { "skip-link-full-width": e.fullWidth }]),
3141
3432
  onClick: t[0] || (t[0] = (r) => e.onClick())
3142
3433
  }, p(e.text), 3);
3143
3434
  }
3144
- const Qa = /* @__PURE__ */ b(Ja, [["render", Za], ["__scopeId", "data-v-8e4609fc"]]), Xa = g({
3435
+ const ur = /* @__PURE__ */ b(lr, [["render", dr], ["__scopeId", "data-v-8e4609fc"]]), pr = g({
3145
3436
  name: "wra-snackbar",
3146
3437
  emits: ["update:visible"],
3147
3438
  props: {
@@ -3205,9 +3496,9 @@ const Qa = /* @__PURE__ */ b(Ja, [["render", Za], ["__scopeId", "data-v-8e4609fc
3205
3496
  };
3206
3497
  }
3207
3498
  }
3208
- }), xa = { class: "snackbar-content" };
3209
- function er(e, t, s, a, o, l) {
3210
- return i(), z(K, { name: "snackbar" }, {
3499
+ }), cr = { class: "snackbar-content" };
3500
+ function hr(e, t, a, s, o, d) {
3501
+ return i(), _(K, { name: "snackbar" }, {
3211
3502
  default: W(() => [
3212
3503
  e.showSnackbar ? (i(), n("div", {
3213
3504
  key: 0,
@@ -3215,7 +3506,7 @@ function er(e, t, s, a, o, l) {
3215
3506
  "aria-live": "polite",
3216
3507
  class: m(["snackbar snackbar-flex", e.type])
3217
3508
  }, [
3218
- d("div", xa, [
3509
+ l("div", cr, [
3219
3510
  f(e.$slots, "default", {}, () => [
3220
3511
  M(p(e.label), 1)
3221
3512
  ], !0)
@@ -3227,9 +3518,9 @@ function er(e, t, s, a, o, l) {
3227
3518
  onClick: t[0] || (t[0] = (...r) => e.closeSnackbar && e.closeSnackbar(...r)),
3228
3519
  onKeyup: t[1] || (t[1] = S((...r) => e.closeSnackbar && e.closeSnackbar(...r), ["enter"]))
3229
3520
  }, [...t[2] || (t[2] = [
3230
- d("span", { class: "sr-only" }, "Close", -1),
3231
- d("div", { class: "close-icon-line-one" }, [
3232
- d("div", { class: "close-icon-line-two" })
3521
+ l("span", { class: "sr-only" }, "Close", -1),
3522
+ l("div", { class: "close-icon-line-one" }, [
3523
+ l("div", { class: "close-icon-line-two" })
3233
3524
  ], -1)
3234
3525
  ])], 32)) : c("", !0)
3235
3526
  ], 2)) : c("", !0)
@@ -3237,7 +3528,7 @@ function er(e, t, s, a, o, l) {
3237
3528
  _: 3
3238
3529
  });
3239
3530
  }
3240
- const tr = /* @__PURE__ */ b(Xa, [["render", er], ["__scopeId", "data-v-d07fa6ea"]]), sr = g({
3531
+ const fr = /* @__PURE__ */ b(pr, [["render", hr], ["__scopeId", "data-v-d07fa6ea"]]), mr = g({
3241
3532
  name: "wra-subheader",
3242
3533
  props: {
3243
3534
  /**
@@ -3256,15 +3547,15 @@ const tr = /* @__PURE__ */ b(Xa, [["render", er], ["__scopeId", "data-v-d07fa6ea
3256
3547
  }
3257
3548
  }
3258
3549
  });
3259
- function ar(e, t, s, a, o, l) {
3550
+ function gr(e, t, a, s, o, d) {
3260
3551
  return i(), n("div", {
3261
3552
  class: "subheader",
3262
- style: D(e.style)
3553
+ style: F(e.style)
3263
3554
  }, [
3264
3555
  f(e.$slots, "default", {}, void 0, !0)
3265
3556
  ], 4);
3266
3557
  }
3267
- const rr = /* @__PURE__ */ b(sr, [["render", ar], ["__scopeId", "data-v-904f5932"]]), ir = g({
3558
+ const br = /* @__PURE__ */ b(mr, [["render", gr], ["__scopeId", "data-v-904f5932"]]), yr = g({
3268
3559
  name: "wra-table",
3269
3560
  props: {
3270
3561
  /**
@@ -3294,9 +3585,9 @@ const rr = /* @__PURE__ */ b(sr, [["render", ar], ["__scopeId", "data-v-904f5932
3294
3585
  }
3295
3586
  }
3296
3587
  });
3297
- function nr(e, t, s, a, o, l) {
3298
- return i(), n(y, null, [
3299
- d("table", Y({
3588
+ function $r(e, t, a, s, o, d) {
3589
+ return i(), n(k, null, [
3590
+ l("table", G({
3300
3591
  id: "regular",
3301
3592
  class: ["wra-table", {
3302
3593
  "wra-table-inherit": e.inheritBackground,
@@ -3311,11 +3602,11 @@ function nr(e, t, s, a, o, l) {
3311
3602
  M(p(e.caption), 1)
3312
3603
  ])
3313
3604
  ], 2)) : c("", !0),
3314
- d("thead", null, [
3315
- d("tr", null, [
3316
- (i(!0), n(y, null, V(e.headers, (r) => (i(), n("th", {
3605
+ l("thead", null, [
3606
+ l("tr", null, [
3607
+ (i(!0), n(k, null, I(e.headers, (r) => (i(), n("th", {
3317
3608
  key: r.key,
3318
- style: D(
3609
+ style: F(
3319
3610
  {
3320
3611
  textAlign: r.align || "left",
3321
3612
  width: r.width + "px"
@@ -3324,19 +3615,19 @@ function nr(e, t, s, a, o, l) {
3324
3615
  }, p(r.title), 5))), 128))
3325
3616
  ])
3326
3617
  ]),
3327
- d("tbody", null, [
3328
- (i(!0), n(y, null, V(e.items, (r) => (i(), n("tr", {
3618
+ l("tbody", null, [
3619
+ (i(!0), n(k, null, I(e.items, (r) => (i(), n("tr", {
3329
3620
  key: r.id,
3330
3621
  class: m({ bold: r.bold })
3331
3622
  }, [
3332
- (i(!0), n(y, null, V(e.headers, (u) => (i(), n("td", {
3623
+ (i(!0), n(k, null, I(e.headers, (u) => (i(), n("td", {
3333
3624
  key: u.key,
3334
- style: D({ textAlign: u.align || "left" })
3625
+ style: F({ textAlign: u.align || "left" })
3335
3626
  }, p(r[u.key]), 5))), 128))
3336
3627
  ], 2))), 128))
3337
3628
  ])
3338
3629
  ], 16),
3339
- d("table", Y({
3630
+ l("table", G({
3340
3631
  id: "pivoted",
3341
3632
  class: ["wra-table", {
3342
3633
  "wra-table-inherit": e.inheritBackground,
@@ -3351,18 +3642,18 @@ function nr(e, t, s, a, o, l) {
3351
3642
  M(p(e.caption), 1)
3352
3643
  ])
3353
3644
  ], 2)) : c("", !0),
3354
- (i(!0), n(y, null, V(e.items, (r) => (i(), n("tbody", {
3645
+ (i(!0), n(k, null, I(e.items, (r) => (i(), n("tbody", {
3355
3646
  key: r.id
3356
3647
  }, [
3357
- (i(!0), n(y, null, V(e.headers, (u, h) => (i(), n("tr", { key: h }, [
3358
- d("th", null, p(u.title), 1),
3359
- d("td", null, p(r[u.key]), 1)
3648
+ (i(!0), n(k, null, I(e.headers, (u, h) => (i(), n("tr", { key: h }, [
3649
+ l("th", null, p(u.title), 1),
3650
+ l("td", null, p(r[u.key]), 1)
3360
3651
  ]))), 128))
3361
3652
  ]))), 128))
3362
3653
  ], 16)
3363
3654
  ], 64);
3364
3655
  }
3365
- const or = /* @__PURE__ */ b(ir, [["render", nr]]), lr = g({
3656
+ const kr = /* @__PURE__ */ b(yr, [["render", $r]]), vr = g({
3366
3657
  name: "wra-tab",
3367
3658
  props: {
3368
3659
  label: {
@@ -3391,13 +3682,13 @@ const or = /* @__PURE__ */ b(ir, [["render", nr]]), lr = g({
3391
3682
  }
3392
3683
  }
3393
3684
  });
3394
- function dr(e, t, s, a, o, l) {
3685
+ function wr(e, t, a, s, o, d) {
3395
3686
  return i(), n("button", {
3396
3687
  ref: "tabButton",
3397
3688
  class: m(["tab-button", e.active === !0 && "tab-button--active"])
3398
3689
  }, p(e.label), 3);
3399
3690
  }
3400
- const ur = /* @__PURE__ */ b(lr, [["render", dr], ["__scopeId", "data-v-0417664c"]]), pr = g({
3691
+ const Sr = /* @__PURE__ */ b(vr, [["render", wr], ["__scopeId", "data-v-0417664c"]]), Ir = g({
3401
3692
  name: "wra-tabs",
3402
3693
  emits: ["update:modelValue"],
3403
3694
  props: {
@@ -3413,7 +3704,7 @@ const ur = /* @__PURE__ */ b(lr, [["render", dr], ["__scopeId", "data-v-0417664c
3413
3704
  }
3414
3705
  },
3415
3706
  components: {
3416
- Tab: ur
3707
+ Tab: Sr
3417
3708
  },
3418
3709
  data() {
3419
3710
  return {
@@ -3435,27 +3726,27 @@ const ur = /* @__PURE__ */ b(lr, [["render", dr], ["__scopeId", "data-v-0417664c
3435
3726
  created() {
3436
3727
  this.activeTab = this.modelValue;
3437
3728
  }
3438
- }), cr = { class: "tabs" };
3439
- function hr(e, t, s, a, o, l) {
3440
- const r = L("tab");
3441
- return i(), n("div", cr, [
3442
- (i(!0), n(y, null, V(e.options, (u, h) => (i(), z(r, {
3729
+ }), Vr = { class: "tabs" };
3730
+ function Mr(e, t, a, s, o, d) {
3731
+ const r = D("tab");
3732
+ return i(), n("div", Vr, [
3733
+ (i(!0), n(k, null, I(e.options, (u, h) => (i(), _(r, {
3443
3734
  tabindex: h === 0 ? 0 : -1,
3444
3735
  label: u,
3445
3736
  active: h === e.activeTab,
3446
3737
  focus: h === e.focusTab,
3447
- onClick: ($) => e.onTabClick(h),
3448
- onFocus: ($) => e.focusTab = h,
3738
+ onClick: (y) => e.onTabClick(h),
3739
+ onFocus: (y) => e.focusTab = h,
3449
3740
  onKeydown: [
3450
- S(($) => e.onTabClick(h), ["enter"]),
3451
- S(($) => e.onTabClick(h), ["space"]),
3741
+ S((y) => e.onTabClick(h), ["enter"]),
3742
+ S((y) => e.onTabClick(h), ["space"]),
3452
3743
  S(e.onKeyLeft, ["left"]),
3453
3744
  S(e.onKeyRight, ["right"])
3454
3745
  ]
3455
3746
  }, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
3456
3747
  ]);
3457
3748
  }
3458
- const fr = /* @__PURE__ */ b(pr, [["render", hr], ["__scopeId", "data-v-eef46a08"]]), mr = g({
3749
+ const Cr = /* @__PURE__ */ b(Ir, [["render", Mr], ["__scopeId", "data-v-eef46a08"]]), Pr = g({
3459
3750
  name: "wra-text-area",
3460
3751
  props: {
3461
3752
  /**
@@ -3506,9 +3797,9 @@ const fr = /* @__PURE__ */ b(pr, [["render", hr], ["__scopeId", "data-v-eef46a08
3506
3797
  validate(e) {
3507
3798
  if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
3508
3799
  for (let t = 0; t < this.rules.length; t++) {
3509
- const s = this.rules[t], a = s(e);
3510
- if (a != !0) {
3511
- this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
3800
+ const a = this.rules[t], s = a(e);
3801
+ if (s != !0) {
3802
+ this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
3512
3803
  break;
3513
3804
  }
3514
3805
  }
@@ -3521,16 +3812,16 @@ const fr = /* @__PURE__ */ b(pr, [["render", hr], ["__scopeId", "data-v-eef46a08
3521
3812
  mounted() {
3522
3813
  this.validate(this.modelValue);
3523
3814
  }
3524
- }), gr = ["for"], br = ["id", "value", "maxlength"], $r = { key: 1 };
3525
- function kr(e, t, s, a, o, l) {
3815
+ }), Tr = ["for"], Br = ["id", "value", "maxlength"], Or = { key: 1 };
3816
+ function Wr(e, t, a, s, o, d) {
3526
3817
  return i(), n("div", {
3527
3818
  class: m({ error: e.errorMessage })
3528
3819
  }, [
3529
3820
  e.label ? (i(), n("label", {
3530
3821
  key: 0,
3531
3822
  for: String(e.id)
3532
- }, p(e.label), 9, gr)) : c("", !0),
3533
- d("textarea", {
3823
+ }, p(e.label), 9, Tr)) : c("", !0),
3824
+ l("textarea", {
3534
3825
  rows: "5",
3535
3826
  id: String(e.id),
3536
3827
  value: e.modelValue,
@@ -3539,12 +3830,12 @@ function kr(e, t, s, a, o, l) {
3539
3830
  return e.validate(((u = r.target) == null ? void 0 : u.value) || "");
3540
3831
  }),
3541
3832
  maxlength: e.maxLength
3542
- }, null, 40, br),
3543
- e.errorMessage ? (i(), n("p", $r, p(e.errorMessage), 1)) : c("", !0)
3833
+ }, null, 40, Br),
3834
+ e.errorMessage ? (i(), n("p", Or, p(e.errorMessage), 1)) : c("", !0)
3544
3835
  ], 2);
3545
3836
  }
3546
- const yr = /* @__PURE__ */ b(mr, [["render", kr], ["__scopeId", "data-v-4bbbf219"]]), vr = R, wr = g({
3547
- directives: { maska: vr },
3837
+ const qr = /* @__PURE__ */ b(Pr, [["render", Wr], ["__scopeId", "data-v-4bbbf219"]]), Ar = z, Nr = g({
3838
+ directives: { maska: Ar },
3548
3839
  name: "wra-text-input",
3549
3840
  props: {
3550
3841
  /**
@@ -3660,9 +3951,9 @@ const yr = /* @__PURE__ */ b(mr, [["render", kr], ["__scopeId", "data-v-4bbbf219
3660
3951
  validate(e) {
3661
3952
  if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
3662
3953
  for (let t = 0; t < this.rules.length; t++) {
3663
- const s = this.rules[t], a = s(e);
3664
- if (a != !0) {
3665
- this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
3954
+ const a = this.rules[t], s = a(e);
3955
+ if (s != !0) {
3956
+ this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
3666
3957
  break;
3667
3958
  }
3668
3959
  }
@@ -3676,8 +3967,8 @@ const yr = /* @__PURE__ */ b(mr, [["render", kr], ["__scopeId", "data-v-4bbbf219
3676
3967
  this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
3677
3968
  },
3678
3969
  emits: ["update:modelValue", "valid"]
3679
- }), Sr = ["for"], Vr = ["id", "type", "dataMaskaTokens", "value", "inputmode", "placeholder"], Ir = { key: 1 };
3680
- function Mr(e, t, s, a, o, l) {
3970
+ }), Lr = ["for"], Fr = ["id", "type", "dataMaskaTokens", "value", "inputmode", "placeholder"], Dr = { key: 1 };
3971
+ function Er(e, t, a, s, o, d) {
3681
3972
  const r = j("maska");
3682
3973
  return i(), n("div", {
3683
3974
  class: m({ error: e.errorMessage })
@@ -3685,8 +3976,8 @@ function Mr(e, t, s, a, o, l) {
3685
3976
  e.label ? (i(), n("label", {
3686
3977
  key: 0,
3687
3978
  for: e.id
3688
- }, p(e.label), 9, Sr)) : c("", !0),
3689
- q(d("input", {
3979
+ }, p(e.label), 9, Lr)) : c("", !0),
3980
+ q(l("input", {
3690
3981
  id: e.id,
3691
3982
  type: e.type,
3692
3983
  dataMaskaTokens: e.dataMaskaTokens,
@@ -3697,53 +3988,54 @@ function Mr(e, t, s, a, o, l) {
3697
3988
  }),
3698
3989
  inputmode: e.inputmode,
3699
3990
  placeholder: e.placeholder
3700
- }, null, 40, Vr), [
3991
+ }, null, 40, Fr), [
3701
3992
  [r, e.dataMaska]
3702
3993
  ]),
3703
- e.errorMessage ? (i(), n("p", Ir, p(e.errorMessage), 1)) : c("", !0)
3994
+ e.errorMessage ? (i(), n("p", Dr, p(e.errorMessage), 1)) : c("", !0)
3704
3995
  ], 2);
3705
3996
  }
3706
- const Cr = /* @__PURE__ */ b(wr, [["render", Mr], ["__scopeId", "data-v-066bf72c"]]), Pr = {
3997
+ const jr = /* @__PURE__ */ b(Nr, [["render", Er], ["__scopeId", "data-v-066bf72c"]]), _r = {
3707
3998
  WraAppBar: de,
3708
3999
  WraAutocomplete: be,
3709
4000
  WraBanner: ve,
3710
4001
  WraBreadcrumbs: Te,
3711
4002
  WraButton: J,
3712
- WraCard: Fe,
4003
+ WraCard: Le,
3713
4004
  WraCheckbox: He,
3714
4005
  WraCheckboxGroup: Xe,
3715
4006
  WraContentAccordion: lt,
3716
4007
  WraContentSectionTitle: ct,
3717
4008
  WraCustomInput: Ot,
3718
4009
  WraDataTable: Jt,
3719
- WraDateInput: ss,
3720
- WraDialog: gs,
3721
- WraDivider: ys,
3722
- WraExpansionPanel: Cs,
3723
- WraFileUpload: Es,
3724
- WraFooter: zs,
3725
- WraHeader: ae,
3726
- WraIcon: Us,
3727
- WraInset: Js,
3728
- WraNumberInput: ia,
3729
- WraPagination: ua,
3730
- WraPriceInput: ya,
3731
- WraRadioGroup: Oa,
3732
- WraSelect: ja,
3733
- WraServiceLogo: Ka,
3734
- WraSimpleTable: Ya,
3735
- WraSkipLink: Qa,
3736
- WraSnackbar: tr,
3737
- WraSubheader: rr,
3738
- WraTable: or,
3739
- WraTabs: fr,
3740
- WraTextArea: yr,
3741
- WraTextInput: Cr,
4010
+ WraDateInput: aa,
4011
+ WraDialog: ga,
4012
+ WraDivider: ka,
4013
+ WraExpansionPanel: Ca,
4014
+ WraFileUpload: Da,
4015
+ WraFooter: _a,
4016
+ WraHeader: se,
4017
+ WraIcon: Ua,
4018
+ WraInset: Ja,
4019
+ WraNumberInput: is,
4020
+ WraPagination: us,
4021
+ WraPriceInput: ks,
4022
+ WraRadioGroup: Os,
4023
+ WraSelect: js,
4024
+ WraSeparateDateInput: xs,
4025
+ WraServiceLogo: rr,
4026
+ WraSimpleTable: or,
4027
+ WraSkipLink: ur,
4028
+ WraSnackbar: fr,
4029
+ WraSubheader: br,
4030
+ WraTable: kr,
4031
+ WraTabs: Cr,
4032
+ WraTextArea: qr,
4033
+ WraTextInput: jr,
3742
4034
  WraValidationTooltip: re
3743
- }, Br = {
4035
+ }, Rr = {
3744
4036
  install(e) {
3745
- for (const [t, s] of Object.entries(Pr))
3746
- e.component(t, s);
4037
+ for (const [t, a] of Object.entries(_r))
4038
+ e.component(t, a);
3747
4039
  }
3748
4040
  };
3749
4041
  export {
@@ -3752,36 +4044,37 @@ export {
3752
4044
  ve as WraBanner,
3753
4045
  Te as WraBreadcrumbs,
3754
4046
  J as WraButton,
3755
- Fe as WraCard,
4047
+ Le as WraCard,
3756
4048
  He as WraCheckbox,
3757
4049
  Xe as WraCheckboxGroup,
3758
4050
  lt as WraContentAccordion,
3759
4051
  ct as WraContentSectionTitle,
3760
4052
  Ot as WraCustomInput,
3761
4053
  Jt as WraDataTable,
3762
- ss as WraDateInput,
3763
- gs as WraDialog,
3764
- ys as WraDivider,
3765
- Cs as WraExpansionPanel,
3766
- Es as WraFileUpload,
3767
- zs as WraFooter,
3768
- ae as WraHeader,
3769
- Us as WraIcon,
3770
- Js as WraInset,
3771
- ia as WraNumberInput,
3772
- ua as WraPagination,
3773
- ya as WraPriceInput,
3774
- Oa as WraRadioGroup,
3775
- ja as WraSelect,
3776
- Ka as WraServiceLogo,
3777
- Ya as WraSimpleTable,
3778
- Qa as WraSkipLink,
3779
- tr as WraSnackbar,
3780
- rr as WraSubheader,
3781
- or as WraTable,
3782
- fr as WraTabs,
3783
- yr as WraTextArea,
3784
- Cr as WraTextInput,
4054
+ aa as WraDateInput,
4055
+ ga as WraDialog,
4056
+ ka as WraDivider,
4057
+ Ca as WraExpansionPanel,
4058
+ Da as WraFileUpload,
4059
+ _a as WraFooter,
4060
+ se as WraHeader,
4061
+ Ua as WraIcon,
4062
+ Ja as WraInset,
4063
+ is as WraNumberInput,
4064
+ us as WraPagination,
4065
+ ks as WraPriceInput,
4066
+ Os as WraRadioGroup,
4067
+ js as WraSelect,
4068
+ xs as WraSeparateDateInput,
4069
+ rr as WraServiceLogo,
4070
+ or as WraSimpleTable,
4071
+ ur as WraSkipLink,
4072
+ fr as WraSnackbar,
4073
+ br as WraSubheader,
4074
+ kr as WraTable,
4075
+ Cr as WraTabs,
4076
+ qr as WraTextArea,
4077
+ jr as WraTextInput,
3785
4078
  re as WraValidationTooltip,
3786
- Br as default
4079
+ Rr as default
3787
4080
  };