@wra-gov/vue-components 0.20.15 → 0.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,11 +1,11 @@
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;margin-bottom:0}body p{margin-bottom:0}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid var(--color-wra-grey);font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:var(--color-wra-revenue);font-weight:700}a:hover{color:var(--color-wra-revenue);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.0.14 | MIT License | https://tailwindcss.com */@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 (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (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;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;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}*[data-v-dc0e7a07],*[data-v-dc0e7a07]:before,*[data-v-dc0e7a07]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-dc0e7a07]{background-color:var(--color-wra-charcoal);font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-dc0e7a07]{display:none}}*[data-v-5bb9da83],*[data-v-5bb9da83]:before,*[data-v-5bb9da83]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-5bb9da83]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.autocomplete-input[data-v-5bb9da83]:disabled{opacity:.3}.autocomplete-input--focus[data-v-5bb9da83]{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}.autocomplete-label[data-v-5bb9da83]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-5bb9da83]{position:absolute;display:block;list-style-type:none;z-index:1;padding:0;border:1px solid var(--color-wra-black);border-top:0px;width:100%;max-height:200px;background:var(--color-wra-light-grey);overflow-y:auto}.autocomplete-list>li[data-v-5bb9da83]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-5bb9da83]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-5bb9da83]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-5bb9da83]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-5bb9da83]{background:var(--color-wra-blue);color:#fff}.autocomplete-item-not-clickable[data-v-5bb9da83]{cursor:not-allowed}.autocomplete[data-v-5bb9da83]{position:relative}*[data-v-94b786a8],*[data-v-94b786a8]:before,*[data-v-94b786a8]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-94b786a8]{background-color:var(--color-wra-light-grey);font-size:18px;color:var(--color-wra-black);padding:20px;border:none;position:relative}.new-service[data-v-94b786a8]{background-color:var(--color-wra-yellow)}.new-service[data-v-94b786a8] a{color:var(--color-wra-black)}.new-service[data-v-94b786a8] a:focus{color:#fff;background-color:var(--color-wra-black);box-shadow:0 -4px var(--color-wra-black),0 2px #fff;-webkit-box-shadow:0 -4px var(--color-wra-black),0 2px #ffffff}.wra-banner-actions[data-v-94b786a8]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}.wra-banner-close[data-v-94b786a8]{background:none;border:none;font-size:26px;font-weight:700;color:var(--color-wra-black);cursor:pointer;position:absolute;top:15px;right:15px;height:30px}.wra-banner-close[data-v-94b786a8]:hover{opacity:.6;transition:all .3s ease}.wra-banner-close[data-v-94b786a8]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black)}.wra-banner-close[data-v-94b786a8]:focus:hover{opacity:1}.closable-padding[data-v-94b786a8]{padding-right:44px}@media print{.hidden-print[data-v-94b786a8]{display:none}}*[data-v-26b6a965],*[data-v-26b6a965]:before,*[data-v-26b6a965]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-26b6a965]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-26b6a965]{font-size:16px}.wra-breadcrumbs-item[data-v-26b6a965]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-26b6a965]{display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link--disabled[data-v-26b6a965]{color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link[data-v-26b6a965]{text-decoration:none;font-weight:700;color:var(--color-wra-revenue)}.wra-breadcrumbs-link[data-v-26b6a965]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-26b6a965]:focus{opacity:1;color:var(--color-wra-black)}.wra-breadcrumbs-chevron[data-v-26b6a965]{content:" ";display:inline-block;border:solid var(--color-wra-dark-grey);border-width:3.5px 3.5px 0px 0px;padding:2.5px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-b8b8bfe8]{color:#fff;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-b8b8bfe8]:hover{background-color:var(--color-wra-dark-grey);transition:all .3s ease}button[data-v-b8b8bfe8]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-b8b8bfe8]:disabled{cursor:not-allowed;opacity:.7;background-color:var(--color-wra-charcoal)}button[data-v-b8b8bfe8]:disabled:hover{opacity:.7;background-color:var(--color-wra-charcoal)}button.outlined-button[data-v-b8b8bfe8]:disabled{color:#fff}.icon[data-v-b8b8bfe8]{display:flex;align-items:center;justify-content:center}.prepend-icon-wrapper[data-v-b8b8bfe8]{margin-right:8px}.append-icon-wrapper[data-v-b8b8bfe8]{margin-left:8px}.wra-black[data-v-b8b8bfe8]{background-color:var(--color-wra-black)}.wra-black[data-v-b8b8bfe8]:hover{background-color:var(--color-wra-dark-grey)}.wra-blue[data-v-b8b8bfe8]{background-color:var(--color-wra-blue)}.wra-blue[data-v-b8b8bfe8]:hover{background-color:#3571b1}.wra-red[data-v-b8b8bfe8]{background-color:var(--color-wra-red)}.wra-red[data-v-b8b8bfe8]:hover{background-color:#d81f1f}.wra-green[data-v-b8b8bfe8]{background-color:var(--color-wra-green)}.wra-green[data-v-b8b8bfe8]:hover{background-color:#008a19}.wra-revenue[data-v-b8b8bfe8]{background-color:var(--color-wra-revenue)}.wra-revenue[data-v-b8b8bfe8]:hover{background-color:#55507b}.wra-white[data-v-b8b8bfe8]{background-color:#fff;color:var(--color-wra-black);outline:2px solid var(--color-wra-black)}.wra-white[data-v-b8b8bfe8]:hover{background-color:var(--color-wra-grey)}.wra-white[data-v-b8b8bfe8]:disabled{color:#fff}.default-button[data-v-b8b8bfe8]{font-size:16px;padding:10px 20px;line-height:24px}.small-button[data-v-b8b8bfe8]{font-size:14px;padding:5px 15px;line-height:24px}.outlined-button[data-v-b8b8bfe8]{background-color:transparent;outline:2px solid var(--color-prop, var(--color-wra-black));color:var(--color-prop, var(--color-wra-black))}.outlined-button[data-v-b8b8bfe8]:hover{background-color:var(--color-prop, var(--color-wra-black));color:#fff;transition:all .3s ease}.wra-button:focus>.icon>svg{fill:var(--color-wra-black)}.card[data-v-7de2c8b6]{background-color:var(--color-wra-light-grey);padding:20px 24px}.checkbox-label[data-v-ad0c7146]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-ad0c7146]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-ad0c7146]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-ad0c7146]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-ad0c7146]:checked:before{transform:scale(1)}.checkbox-input[data-v-ad0c7146]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-ad0c7146]:focus-visible{outline-offset:0px}.checkbox-text[data-v-ad0c7146]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-ad0c7146]{font-size:14px}p[data-v-ad0c7146]{margin:0}.checkbox[data-v-c51ef964]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-c51ef964]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-c51ef964]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-c51ef964]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-c51ef964]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-c51ef964]:checked:before{transform:scale(1)}.checkbox-input[data-v-c51ef964]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-c51ef964]:focus-visible{outline-offset:0px}.checkbox-text[data-v-c51ef964]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-c51ef964]{font-size:14px}p[data-v-c51ef964]{margin:0}.content-section-title[data-v-c737967a]{border-bottom:2px solid var(--color-wra-grey);border-top:10px solid var(--color-wra-grey);padding-bottom:20px;padding-top:30px}*[data-v-5b640ba7],*[data-v-5b640ba7]:before,*[data-v-5b640ba7]:after{box-sizing:border-box}.input-wrapper[data-v-5b640ba7]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-5b640ba7]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-5b640ba7]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-5b640ba7]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-5b640ba7]{padding:10px 6px}.padding-for-no-prefix[data-v-5b640ba7]{padding:10px}.input-wrapper[data-v-5b640ba7]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-5b640ba7]{border:none}label[data-v-5b640ba7]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-5b640ba7]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.bold[data-v-2cdb0a4c]{font-weight:700}.wra-data-table-caption[data-v-2cdb0a4c]{background-color:inherit;text-align:left;padding:0 0 16px;font-weight:700;font-size:20px}.wra-data-table[data-v-2cdb0a4c]{width:100%;border-spacing:0;line-height:20px;padding:0;table-layout:auto}.wra-data-table>thead>tr>th[data-v-2cdb0a4c]{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-data-table>tbody>tr>td[data-v-2cdb0a4c],.wra-data-table>tbody>tr>th[data-v-2cdb0a4c]{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-data-table td[data-v-2cdb0a4c],.wra-data-table th[data-v-2cdb0a4c]{padding:16px}.wra-data-table>thead>tr>th[data-v-2cdb0a4c]:first-child,.wra-data-table>tbody>tr>td[data-v-2cdb0a4c]:first-child{padding-left:0}.wra-data-table>thead>tr>th[data-v-2cdb0a4c]:last-child,.wra-data-table>tbody>tr>td[data-v-2cdb0a4c]:last-child{padding-right:0}.column-search-input[data-v-2cdb0a4c]{margin-top:12px;box-sizing:border-box;font-size:16px;padding:10px;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.column-search-input[data-v-2cdb0a4c]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}button[data-v-2cdb0a4c]{background-color:var(--color-wra-black);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px 12px;height:32px}button[data-v-2cdb0a4c]:hover{opacity:.8;transition:all .3s ease}button[data-v-2cdb0a4c]:focus{background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-2cdb0a4c]:focus:hover{opacity:1}.wra-chevron[data-v-2cdb0a4c]{content:" ";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.wra-chevron-right[data-v-2cdb0a4c]{border:solid #ffffff;border-width:3px 3px 0px 0px}.wra-chevron-left[data-v-2cdb0a4c]{border:solid #ffffff;border-width:0px 0px 3px 3px}.wra-chevron-up[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:3px 0px 0px 3px;margin-left:4px;margin-top:3px}.wra-chevron-down[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:0px 3px 3px 0px;margin-left:4px;margin-bottom:6px}button:focus>.wra-chevron-right[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:3px 3px 0px 0px}button:focus>.wra-chevron-left[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:0px 0px 3px 3px}.clickable[data-v-2cdb0a4c]{cursor:pointer}tbody.clickable[data-v-2cdb0a4c]:hover{background-color:var(--color-wra-light-grey)}.sort-icons[data-v-2cdb0a4c]{visibility:hidden;opacity:.4}th:hover .sort-icons[data-v-2cdb0a4c]{visibility:visible}.text-left[data-v-2cdb0a4c]{text-align:left}.text-right[data-v-2cdb0a4c]{text-align:right}.text-center[data-v-2cdb0a4c]{text-align:center}.pagination[data-v-2cdb0a4c]{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0}.pagination button[data-v-2cdb0a4c]{margin-left:10px}.disable-button[data-v-2cdb0a4c]{opacity:.4}.disable-button[data-v-2cdb0a4c]:hover{opacity:.4;cursor:default}.loader[data-v-2cdb0a4c]{width:40px;height:40px;border:5px solid grey;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-2cdb0a4c 1s linear infinite}@keyframes rotation-2cdb0a4c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*[data-v-015240fd],*[data-v-015240fd]:before,*[data-v-015240fd]:after{box-sizing:border-box}input[data-v-015240fd]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-015240fd]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-015240fd]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-015240fd]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}div[data-v-6feb6611]{font-weight:700}h1[data-v-6feb6611]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-6feb6611]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-6feb6611]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-6feb6611]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-6feb6611]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-6feb6611]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}@media (max-width: 600px){h1[data-v-6feb6611]{margin:0;font-size:34px;letter-spacing:-.05rem;line-height:38px}h2[data-v-6feb6611]{margin:0;font-size:28px;letter-spacing:-.04rem;line-height:32px}h3[data-v-6feb6611]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h4[data-v-6feb6611]{margin:0;font-size:20px;letter-spacing:-.03rem;line-height:24px}h5[data-v-6feb6611]{margin:0;font-size:18px;letter-spacing:-.02rem;line-height:22px}h6[data-v-6feb6611]{margin:0;font-size:14px;letter-spacing:-.01rem;line-height:18px}}.dialog-class[data-v-7b5e24d0]{z-index:9999}.dialog-content[data-v-7b5e24d0]{min-width:300px;max-width:90vw;text-align:center}.dialog-buttons[data-v-7b5e24d0]{margin-top:16px;display:flex;justify-content:space-evenly}dialog.dialog-class::backdrop{background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}hr[data-v-adda45c5]{margin:0}.wra-divider[data-v-adda45c5]{border:3px solid var(--color-wra-grey)}.wra-divider-large[data-v-adda45c5]{border:4px solid var(--color-wra-grey)}.wra-divider-small[data-v-adda45c5]{border:2px solid var(--color-wra-grey)}.panel-icon[data-v-4cb2edc7]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-4cb2edc7]{margin-left:8px}.show-panel-icon[data-v-4cb2edc7]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-4cb2edc7]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-4cb2edc7]{display:flex;justify-content:space-between}button[data-v-4cb2edc7]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:var(--color-wra-revenue);border:none;border-left:2px solid var(--color-wra-mid-grey);cursor:pointer;width:100%;text-align:left}button[data-v-4cb2edc7]:hover{opacity:.8}button[data-v-4cb2edc7]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-4cb2edc7]:focus:hover{opacity:1}.panel-content[data-v-4cb2edc7]{display:grid;border-left:2px solid var(--color-wra-mid-grey);background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-4cb2edc7]{overflow:hidden}.slide-fade-enter-active[data-v-4cb2edc7],.slide-fade-leave-active[data-v-4cb2edc7]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-4cb2edc7],.slide-fade-leave-to[data-v-4cb2edc7]{grid-template-rows:0fr}.validation-tooltip[data-v-04d7c0aa]{display:flex;align-items:flex-start;color:var(--color-wra-black);border-radius:0;font-size:18px;padding:25px}.wra-error[data-v-04d7c0aa]{background-color:var(--color-wra-light-red);border-left:10px solid var(--color-wra-red)}.wra-success[data-v-04d7c0aa]{background-color:var(--color-wra-light-green);border-left:10px solid var(--color-wra-green)}.wra-info[data-v-04d7c0aa]{background-color:var(--color-wra-light-blue);border-left:10px solid var(--color-wra-blue)}.wra-warning[data-v-04d7c0aa]{background-color:var(--color-wra-light-yellow);border-left:10px solid var(--color-wra-yellow)}.icon[data-v-04d7c0aa]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-icon-wrapper[data-v-04d7c0aa]{margin-right:12px}.file-upload-wrapper[data-v-da8c427f]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-da8c427f]{display:none}.file-upload-label[data-v-da8c427f]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-da8c427f]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-da8c427f]{margin-bottom:16px}.file-upload-error-text[data-v-da8c427f]{margin-block:0px;font-size:16px}.file-upload-error-box>.file-upload-error-text[data-v-da8c427f]{margin-bottom:1rem}.file-upload-error-box>.file-upload-error-text[data-v-da8c427f]:last-child{margin-bottom:0rem}.error-enter-active[data-v-da8c427f],.error-leave-active[data-v-da8c427f]{transition:opacity .3s ease-out}.error-enter-from[data-v-da8c427f],.error-leave-to[data-v-da8c427f]{opacity:0}.wra-footer[data-v-f78a0985]{flex-grow:0;background-color:var(--color-wra-light-grey);padding:70px 20px 40px}@media print{.hidden-print[data-v-f78a0985]{display:none}}.wra-inset[data-v-f32082c4]{font-size:16px;padding:20px;border-left-width:10px;border-left-style:solid}.wra-inset.wra-revenue[data-v-f32082c4]{border-left-color:var(--color-wra-revenue)}.wra-inset.wra-charcoal[data-v-f32082c4]{border-left-color:var(--color-wra-charcoal)}.wra-inset.wra-red[data-v-f32082c4]{border-left-color:var(--color-wra-red)}.wra-inset.wra-blue[data-v-f32082c4]{border-left-color:var(--color-wra-blue)}.wra-inset.wra-green[data-v-f32082c4]{border-left-color:var(--color-wra-green)}.wra-inset.wra-yellow[data-v-f32082c4]{border-left-color:var(--color-wra-yellow)}*[data-v-93248f45],*[data-v-93248f45]:before,*[data-v-93248f45]:after{box-sizing:border-box}.input-wrapper[data-v-93248f45]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-93248f45]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-93248f45]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-93248f45]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-93248f45]{padding:10px 6px}.padding-for-no-prefix[data-v-93248f45]{padding:10px}.input-wrapper[data-v-93248f45]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-93248f45]{border:none}label[data-v-93248f45]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-93248f45]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.pagination-button[data-v-b8adcc77]{background-color:transparent;color:var(--color-wra-revenue);font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button>*[data-v-b8adcc77]:first-child{margin-right:8px}.pagination-button[data-v-b8adcc77]:hover,.pagination-number[data-v-b8adcc77]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-b8adcc77]:focus,.pagination-number[data-v-b8adcc77]:focus{color:var(--color-wra-black);background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.pagination-button[data-v-b8adcc77]:focus:hover,.pagination-number[data-v-b8adcc77]:focus:hover{opacity:1}.pagination-number[data-v-b8adcc77]{color:var(--color-wra-black);background-color:var(--color-wra-light-grey);padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;min-width:3rem;text-align:center}.pagination-number[data-v-b8adcc77]:hover{color:var(--color-wra-black);opacity:.8}.pagination-number--selected[data-v-b8adcc77]{background-color:var(--color-wra-revenue);color:#fff}.pagination-number--selected[data-v-b8adcc77]:hover:not(:focus){color:#fff}.pagination-divider[data-v-b8adcc77]{font-size:18px}.pagination[data-v-b8adcc77]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-b8adcc77]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.previous-icon[data-v-b8adcc77]{border-width:3px 3px 0px 0px}.next-icon[data-v-b8adcc77]{border-width:0px 0px 3px 3px}*[data-v-e66a36da],*[data-v-e66a36da]:before,*[data-v-e66a36da]:after{box-sizing:border-box}.input-wrapper[data-v-e66a36da]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-e66a36da]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-e66a36da]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-e66a36da]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-e66a36da]{padding:10px 6px}.padding-for-no-prefix[data-v-e66a36da]{padding:10px}.input-wrapper[data-v-e66a36da]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-e66a36da]{border:none}label[data-v-e66a36da]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-e66a36da]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.radio-label[data-v-d18916d1]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;display:grid;grid-template-columns:20px auto}.radio-label[data-v-d18916d1]:hover{background:var(--color-wra-mid-grey)}.radio-input[data-v-d18916d1]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-d18916d1]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black)}.radio-input[data-v-d18916d1]:checked:before{transform:scale(1)}.radio-input[data-v-d18916d1]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.radio-input[data-v-d18916d1]:focus-visible{outline-offset:0px}.radio-text[data-v-d18916d1]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-d18916d1]{font-size:14px}p[data-v-d18916d1]{margin:0}.radio[data-v-b72f445c]:not(:last-child):not(:only-child){margin-bottom:8px}*[data-v-e700f97c],*[data-v-e700f97c]:before,*[data-v-e700f97c]:after{box-sizing:border-box}select[data-v-e700f97c]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none;padding:10px}.select[data-v-e700f97c]{border:1px solid var(--color-wra-black);border-radius:0;padding-right:10px;font-size:16px;cursor:pointer;line-height:1.15;background-color:#fff;display:grid;grid-template-areas:"select";align-items:center;position:relative}.select[data-v-e700f97c]:after{content:"";width:.8em;height:.5em;background-color:var(--color-wra-black);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-e700f97c],.select[data-v-e700f97c]:after{grid-area:select}select:focus+.focus[data-v-e700f97c]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--color-wra-black);outline:3px solid var(--color-wra-yellow);border-radius:inherit}label[data-v-e700f97c]{color:var(--color-wra-black);font-size:16px}.service-logo[data-v-c9a7cc51]{max-width:100%}.service-link[data-v-c9a7cc51]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-c9a7cc51]:focus{border:2px solid var(--color-wra-yellow);outline:2px solid var(--color-wra-black);background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:var(--color-wra-light-grey)}.wra-simple-table-no-padding{padding:0!important}.left-align-headers{text-align:left}.wra-simple-table-caption{background-color:inherit;text-align:left;padding:16px 16px 16px 0;font-weight:700;font-size:20px}.wra-simple-table{width:100%;line-height:20px;color:var(--color-wra-black);border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-simple-table td,.wra-simple-table th{padding:16px}.wra-simple-table>thead>tr>th:first-child,.wra-simple-table>tbody>tr>th:first-child,.wra-simple-table>tbody>tr>td:first-child{padding-left:0}.wra-simple-table>thead>tr>th:last-child,.wra-simple-table>tbody>tr>th:last-child,.wra-simple-table>tbody>tr>td:last-child{padding-right:0}.skip-link[data-v-7a92cb77]:not(:focus):not(:active){clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap!important;width:1px!important}.skip-link[data-v-7a92cb77]{background-color:var(--color-wra-grey);color:var(--color-wra-black);font-weight:700;border:none;cursor:pointer;padding:10px;font-size:1em}.skip-link[data-v-7a92cb77]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.skip-link-full-width[data-v-7a92cb77]{width:100%;text-align:left}.skip-link-full-width[data-v-7a92cb77]:focus{outline-width:0px;border-width:0px}*[data-v-778a02a7],*[data-v-778a02a7]:before,*[data-v-778a02a7]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-778a02a7]{background:var(--color-wra-light-grey);font-size:18px;padding:20px;border-left:5px solid var(--color-wra-dark-grey);position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-778a02a7]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:baseline;row-gap:10px;column-gap:20px}@media (max-width: 900px){.snackbar-flex[data-v-778a02a7]{width:80%}}.snackbar-content[data-v-778a02a7]{text-wrap:wrap}.close-icon-wrapper[data-v-778a02a7]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-778a02a7]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-778a02a7]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.close-icon-wrapper[data-v-778a02a7]:focus:hover{opacity:1}.close-icon-line-one[data-v-778a02a7]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-778a02a7]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-778a02a7]{background-color:var(--color-wra-light-red);border-color:var(--color-wra-red)}.wra-success[data-v-778a02a7]{background-color:var(--color-wra-light-green);border-color:var(--color-wra-green)}.wra-info[data-v-778a02a7]{background-color:var(--color-wra-light-blue);border-color:var(--color-wra-blue)}.wra-warning[data-v-778a02a7]{background-color:var(--color-wra-light-yellow);border-color:var(--color-wra-yellow)}.sr-only[data-v-778a02a7]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.snackbar-enter-active[data-v-778a02a7],.snackbar-leave-active[data-v-778a02a7]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-778a02a7],.snackbar-leave-to[data-v-778a02a7]{opacity:0}.subheader[data-v-8d2c773f]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}@media screen and (min-width: 600px){#regular{display:table}#pivoted{display:none}}@media screen and (max-width: 599px){#regular{display:none}#pivoted{display:table}}@media print{#regular{display:table}#pivoted{display:none}}.bold{font-weight:700}.wra-table-caption{background-color:inherit;text-align:left;padding:16px;font-weight:700;font-size:20px}.caption-no-padding{padding:0 0 16px!important}.wra-table{width:100%;line-height:20px;background-color:var(--color-wra-light-grey);color:var(--color-wra-black);border-spacing:0;padding:0 16px 16px;table-layout:auto}.wra-table-no-padding{padding:0!important}.wra-table td,.wra-table th{word-break:break-word}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-table td,.wra-table th{padding:16px}.wra-table>thead>tr>th:first-child,.wra-table>tbody>tr>td:first-child{padding-left:0}.wra-table>thead>tr>th:last-child,.wra-table>tbody>tr>td:last-child{padding-right:0}#pivoted{table-layout:fixed;text-align:left}#pivoted>tbody>tr:last-child>td,#pivoted>tbody>tr:last-child>th{border-bottom:1px solid var(--color-wra-dark-grey)}#pivoted>tbody>tr:not(:last-child)>td,#pivoted>tbody>tr:not(:last-child)>th{border-bottom:none}#pivoted>tbody>tr>th{padding-left:0}#pivoted table{width:100%}#pivoted>table>tr>th,#pivoted>table>tr>td{width:50%}*[data-v-90cdb825]{box-sizing:border-box;border:none}.tab-button[data-v-90cdb825]{border-top:6px solid var(--color-wra-blue);font-size:24px;font-weight:700;color:var(--color-wra-light-blue);background:var(--color-wra-dark-blue);padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-90cdb825]:hover:not(.tab-button--active){background:var(--color-wra-mid-blue);color:#fff}.tab-button.tab-button--active[data-v-90cdb825]:focus{border-color:var(--color-wra-black);box-shadow:2px 0 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset}.tab-button--active[data-v-90cdb825]{background:#fff;color:var(--color-wra-black);border-top:6px solid var(--color-wra-mid-grey)}.tab-button[data-v-90cdb825]:focus{border-top:6px solid var(--color-wra-blue);color:var(--color-wra-black);background:var(--color-wra-yellow);box-shadow:2px 2px 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset;outline-style:none}@media (max-width: 768px){.tab-button[data-v-90cdb825]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-a505540c]{background-color:var(--color-wra-blue);width:100%}*[data-v-34ec88e9],*[data-v-34ec88e9]:before,*[data-v-34ec88e9]:after{box-sizing:border-box}textarea[data-v-34ec88e9]{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif;font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}textarea[data-v-34ec88e9]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-34ec88e9]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-34ec88e9]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}*[data-v-bbfa1a0a],*[data-v-bbfa1a0a]:before,*[data-v-bbfa1a0a]:after{box-sizing:border-box}input[data-v-bbfa1a0a]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-bbfa1a0a]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-bbfa1a0a]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-bbfa1a0a]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { openBlock as l, createElementBlock as o, normalizeClass as p, renderSlot as m, toDisplayString as c, createCommentVNode as f, withDirectives as O, createElementVNode as u, withKeys as w, withModifiers as B, vModelText as ae, Fragment as y, renderList as S, vShow as ue, pushScopeId as q, popScopeId as E, resolveDirective as L, createTextVNode as $, normalizeStyle as A, resolveComponent as N, createBlock as D, Teleport as de, createVNode as F, withCtx as T, Transition as Y, mergeProps as Q } from "vue";
3
- const g = (e, a) => {
4
- const t = e.__vccOpts || e;
5
- for (const [i, r] of a)
6
- t[i] = r;
7
- return t;
8
- }, ce = {
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;margin-bottom:0}body p{margin-bottom:0}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid var(--color-wra-grey);font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:var(--color-wra-blue);font-weight:700}a:hover{color:var(--color-wra-blue);text-decoration:none}a:focus-visible{color:var(--color-wra-black);background-color:var(--color-wra-yellow);box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black);outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black)}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-wra-revenue:#2a225b;--color-wra-black:#1f1f1f;--color-wra-charcoal:#323232;--color-wra-light-grey:#f1f1f1;--color-wra-grey:#e5e5e5;--color-wra-mid-grey:#b5b5b5;--color-wra-dark-grey:#666;--color-wra-light-red:#ffe4e5;--color-wra-red:#a11;--color-wra-light-blue:#c2e0fc;--color-wra-blue:#0360a6;--color-wra-mid-blue:#3b7dc5;--color-wra-dark-blue:#1f446d;--color-wra-light-green:#cdf7d4;--color-wra-green:#007015;--color-wra-light-yellow:#fff5ce;--color-wra-yellow:#ffd530}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing)*4)}.contents{display:contents}.hidden{display:none}.table{display:table}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.bg-wra-blue{background-color:var(--color-wra-blue)}.bg-wra-light-blue{background-color:var(--color-wra-light-blue)}.bg-wra-red{background-color:var(--color-wra-red)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-wrap{text-wrap:wrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}[data-v-dc0e7a07],[data-v-dc0e7a07]:before,[data-v-dc0e7a07]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-dc0e7a07]{background-color:var(--color-wra-charcoal);font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-dc0e7a07]{display:none}}[data-v-5bb9da83],[data-v-5bb9da83]:before,[data-v-5bb9da83]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-5bb9da83]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.autocomplete-input[data-v-5bb9da83]:disabled{opacity:.3}.autocomplete-input--focus[data-v-5bb9da83]{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}.autocomplete-label[data-v-5bb9da83]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-5bb9da83]{position:absolute;display:block;list-style-type:none;z-index:1;padding:0;border:1px solid var(--color-wra-black);border-top:0px;width:100%;max-height:200px;background:var(--color-wra-light-grey);overflow-y:auto}.autocomplete-list>li[data-v-5bb9da83]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-5bb9da83]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-5bb9da83]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-5bb9da83]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-5bb9da83]{background:var(--color-wra-blue);color:#fff}.autocomplete-item-not-clickable[data-v-5bb9da83]{cursor:not-allowed}.autocomplete[data-v-5bb9da83]{position:relative}[data-v-94b786a8],[data-v-94b786a8]:before,[data-v-94b786a8]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-94b786a8]{background-color:var(--color-wra-light-grey);font-size:18px;color:var(--color-wra-black);padding:20px;border:none;position:relative}.new-service[data-v-94b786a8]{background-color:var(--color-wra-yellow)}.new-service[data-v-94b786a8] a{color:var(--color-wra-black)}.new-service[data-v-94b786a8] a:focus{color:#fff;background-color:var(--color-wra-black);box-shadow:0 -4px var(--color-wra-black),0 2px #fff;-webkit-box-shadow:0 -4px var(--color-wra-black),0 2px #ffffff}.wra-banner-actions[data-v-94b786a8]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}.wra-banner-close[data-v-94b786a8]{background:none;border:none;font-size:26px;font-weight:700;color:var(--color-wra-black);cursor:pointer;position:absolute;top:15px;right:15px;height:30px}.wra-banner-close[data-v-94b786a8]:hover{opacity:.6;transition:all .3s ease}.wra-banner-close[data-v-94b786a8]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black)}.wra-banner-close[data-v-94b786a8]:focus:hover{opacity:1}.closable-padding[data-v-94b786a8]{padding-right:44px}@media print{.hidden-print[data-v-94b786a8]{display:none}}[data-v-26b6a965],[data-v-26b6a965]:before,[data-v-26b6a965]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-26b6a965]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-26b6a965]{font-size:16px}.wra-breadcrumbs-item[data-v-26b6a965]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-26b6a965]{display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link--disabled[data-v-26b6a965]{color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link[data-v-26b6a965]{text-decoration:none;font-weight:700;color:var(--color-wra-revenue)}.wra-breadcrumbs-link[data-v-26b6a965]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-26b6a965]:focus{opacity:1;color:var(--color-wra-black)}.wra-breadcrumbs-chevron[data-v-26b6a965]{content:" ";display:inline-block;border:solid var(--color-wra-dark-grey);border-width:3.5px 3.5px 0px 0px;padding:2.5px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-b8b8bfe8]{color:#fff;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-b8b8bfe8]:hover{background-color:var(--color-wra-dark-grey);transition:all .3s ease}button[data-v-b8b8bfe8]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-b8b8bfe8]:disabled{cursor:not-allowed;opacity:.7;background-color:var(--color-wra-charcoal)}button[data-v-b8b8bfe8]:disabled:hover{opacity:.7;background-color:var(--color-wra-charcoal)}button.outlined-button[data-v-b8b8bfe8]:disabled{color:#fff}.icon[data-v-b8b8bfe8]{display:flex;align-items:center;justify-content:center}.prepend-icon-wrapper[data-v-b8b8bfe8]{margin-right:8px}.append-icon-wrapper[data-v-b8b8bfe8]{margin-left:8px}.wra-black[data-v-b8b8bfe8]{background-color:var(--color-wra-black)}.wra-black[data-v-b8b8bfe8]:hover{background-color:var(--color-wra-dark-grey)}.wra-blue[data-v-b8b8bfe8]{background-color:var(--color-wra-blue)}.wra-blue[data-v-b8b8bfe8]:hover{background-color:#3571b1}.wra-red[data-v-b8b8bfe8]{background-color:var(--color-wra-red)}.wra-red[data-v-b8b8bfe8]:hover{background-color:#d81f1f}.wra-green[data-v-b8b8bfe8]{background-color:var(--color-wra-green)}.wra-green[data-v-b8b8bfe8]:hover{background-color:#008a19}.wra-revenue[data-v-b8b8bfe8]{background-color:var(--color-wra-revenue)}.wra-revenue[data-v-b8b8bfe8]:hover{background-color:#55507b}.wra-white[data-v-b8b8bfe8]{background-color:#fff;color:var(--color-wra-black);outline:2px solid var(--color-wra-black)}.wra-white[data-v-b8b8bfe8]:hover{background-color:var(--color-wra-grey)}.wra-white[data-v-b8b8bfe8]:disabled{color:#fff}.default-button[data-v-b8b8bfe8]{font-size:16px;padding:10px 20px;line-height:24px}.small-button[data-v-b8b8bfe8]{font-size:14px;padding:5px 15px;line-height:24px}.outlined-button[data-v-b8b8bfe8]{background-color:transparent;outline:2px solid var(--color-prop, var(--color-wra-black));color:var(--color-prop, var(--color-wra-black))}.outlined-button[data-v-b8b8bfe8]:hover{background-color:var(--color-prop, var(--color-wra-black));color:#fff;transition:all .3s ease}.wra-button:focus>.icon>svg{fill:var(--color-wra-black)}.card[data-v-7de2c8b6]{background-color:var(--color-wra-light-grey);padding:20px 24px}.checkbox-label[data-v-ad0c7146]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-ad0c7146]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-ad0c7146]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-ad0c7146]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-ad0c7146]:checked:before{transform:scale(1)}.checkbox-input[data-v-ad0c7146]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-ad0c7146]:focus-visible{outline-offset:0px}.checkbox-text[data-v-ad0c7146]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-ad0c7146]{font-size:14px}p[data-v-ad0c7146]{margin:0}.checkbox[data-v-c51ef964]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-c51ef964]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-c51ef964]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-c51ef964]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-c51ef964]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-c51ef964]:checked:before{transform:scale(1)}.checkbox-input[data-v-c51ef964]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-c51ef964]:focus-visible{outline-offset:0px}.checkbox-text[data-v-c51ef964]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-c51ef964]{font-size:14px}p[data-v-c51ef964]{margin:0}.content-section-title[data-v-c737967a]{border-bottom:2px solid var(--color-wra-grey);border-top:10px solid var(--color-wra-grey);padding-bottom:20px;padding-top:30px}[data-v-5b640ba7],[data-v-5b640ba7]:before,[data-v-5b640ba7]:after{box-sizing:border-box}.input-wrapper[data-v-5b640ba7]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-5b640ba7]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-5b640ba7]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-5b640ba7]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-5b640ba7]{padding:10px 6px}.padding-for-no-prefix[data-v-5b640ba7]{padding:10px}.input-wrapper[data-v-5b640ba7]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-5b640ba7]{border:none}label[data-v-5b640ba7]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-5b640ba7]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.bold[data-v-2cdb0a4c]{font-weight:700}.wra-data-table-caption[data-v-2cdb0a4c]{background-color:inherit;text-align:left;padding:0 0 16px;font-weight:700;font-size:20px}.wra-data-table[data-v-2cdb0a4c]{width:100%;border-spacing:0;line-height:20px;padding:0;table-layout:auto}.wra-data-table>thead>tr>th[data-v-2cdb0a4c]{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-data-table>tbody>tr>td[data-v-2cdb0a4c],.wra-data-table>tbody>tr>th[data-v-2cdb0a4c]{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-data-table td[data-v-2cdb0a4c],.wra-data-table th[data-v-2cdb0a4c]{padding:16px}.wra-data-table>thead>tr>th[data-v-2cdb0a4c]:first-child,.wra-data-table>tbody>tr>td[data-v-2cdb0a4c]:first-child{padding-left:0}.wra-data-table>thead>tr>th[data-v-2cdb0a4c]:last-child,.wra-data-table>tbody>tr>td[data-v-2cdb0a4c]:last-child{padding-right:0}.column-search-input[data-v-2cdb0a4c]{margin-top:12px;box-sizing:border-box;font-size:16px;padding:10px;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.column-search-input[data-v-2cdb0a4c]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}button[data-v-2cdb0a4c]{background-color:var(--color-wra-black);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px 12px;height:32px}button[data-v-2cdb0a4c]:hover{opacity:.8;transition:all .3s ease}button[data-v-2cdb0a4c]:focus{background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-2cdb0a4c]:focus:hover{opacity:1}.wra-chevron[data-v-2cdb0a4c]{content:" ";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.wra-chevron-right[data-v-2cdb0a4c]{border:solid #ffffff;border-width:3px 3px 0px 0px}.wra-chevron-left[data-v-2cdb0a4c]{border:solid #ffffff;border-width:0px 0px 3px 3px}.wra-chevron-up[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:3px 0px 0px 3px;margin-left:4px;margin-top:3px}.wra-chevron-down[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:0px 3px 3px 0px;margin-left:4px;margin-bottom:6px}button:focus>.wra-chevron-right[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:3px 3px 0px 0px}button:focus>.wra-chevron-left[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:0px 0px 3px 3px}.clickable[data-v-2cdb0a4c]{cursor:pointer}tbody.clickable[data-v-2cdb0a4c]:hover{background-color:var(--color-wra-light-grey)}.sort-icons[data-v-2cdb0a4c]{visibility:hidden;opacity:.4}th:hover .sort-icons[data-v-2cdb0a4c]{visibility:visible}.text-left[data-v-2cdb0a4c]{text-align:left}.text-right[data-v-2cdb0a4c]{text-align:right}.text-center[data-v-2cdb0a4c]{text-align:center}.pagination[data-v-2cdb0a4c]{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0}.pagination button[data-v-2cdb0a4c]{margin-left:10px}.disable-button[data-v-2cdb0a4c]{opacity:.4}.disable-button[data-v-2cdb0a4c]:hover{opacity:.4;cursor:default}.loader[data-v-2cdb0a4c]{width:40px;height:40px;border:5px solid grey;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-2cdb0a4c 1s linear infinite}@keyframes rotation-2cdb0a4c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-015240fd],[data-v-015240fd]:before,[data-v-015240fd]:after{box-sizing:border-box}input[data-v-015240fd]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-015240fd]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-015240fd]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-015240fd]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}div[data-v-6feb6611]{font-weight:700}h1[data-v-6feb6611]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-6feb6611]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-6feb6611]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-6feb6611]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-6feb6611]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-6feb6611]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}@media (max-width: 600px){h1[data-v-6feb6611]{margin:0;font-size:34px;letter-spacing:-.05rem;line-height:38px}h2[data-v-6feb6611]{margin:0;font-size:28px;letter-spacing:-.04rem;line-height:32px}h3[data-v-6feb6611]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h4[data-v-6feb6611]{margin:0;font-size:20px;letter-spacing:-.03rem;line-height:24px}h5[data-v-6feb6611]{margin:0;font-size:18px;letter-spacing:-.02rem;line-height:22px}h6[data-v-6feb6611]{margin:0;font-size:14px;letter-spacing:-.01rem;line-height:18px}}.dialog-class[data-v-7b5e24d0]{z-index:9999}.dialog-content[data-v-7b5e24d0]{min-width:300px;max-width:90vw;text-align:center}.dialog-buttons[data-v-7b5e24d0]{margin-top:16px;display:flex;justify-content:space-evenly}dialog.dialog-class::backdrop{background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}hr[data-v-adda45c5]{margin:0}.wra-divider[data-v-adda45c5]{border:3px solid var(--color-wra-grey)}.wra-divider-large[data-v-adda45c5]{border:4px solid var(--color-wra-grey)}.wra-divider-small[data-v-adda45c5]{border:2px solid var(--color-wra-grey)}.panel-icon[data-v-4cb2edc7]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-4cb2edc7]{margin-left:8px}.show-panel-icon[data-v-4cb2edc7]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-4cb2edc7]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-4cb2edc7]{display:flex;justify-content:space-between}button[data-v-4cb2edc7]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:var(--color-wra-revenue);border:none;border-left:2px solid var(--color-wra-mid-grey);cursor:pointer;width:100%;text-align:left}button[data-v-4cb2edc7]:hover{opacity:.8}button[data-v-4cb2edc7]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-4cb2edc7]:focus:hover{opacity:1}.panel-content[data-v-4cb2edc7]{display:grid;border-left:2px solid var(--color-wra-mid-grey);background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-4cb2edc7]{overflow:hidden}.slide-fade-enter-active[data-v-4cb2edc7],.slide-fade-leave-active[data-v-4cb2edc7]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-4cb2edc7],.slide-fade-leave-to[data-v-4cb2edc7]{grid-template-rows:0fr}.validation-tooltip[data-v-04d7c0aa]{display:flex;align-items:flex-start;color:var(--color-wra-black);border-radius:0;font-size:18px;padding:25px}.wra-error[data-v-04d7c0aa]{background-color:var(--color-wra-light-red);border-left:10px solid var(--color-wra-red)}.wra-success[data-v-04d7c0aa]{background-color:var(--color-wra-light-green);border-left:10px solid var(--color-wra-green)}.wra-info[data-v-04d7c0aa]{background-color:var(--color-wra-light-blue);border-left:10px solid var(--color-wra-blue)}.wra-warning[data-v-04d7c0aa]{background-color:var(--color-wra-light-yellow);border-left:10px solid var(--color-wra-yellow)}.icon[data-v-04d7c0aa]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-icon-wrapper[data-v-04d7c0aa]{margin-right:12px}.file-upload-wrapper[data-v-da8c427f]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-da8c427f]{display:none}.file-upload-label[data-v-da8c427f]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-da8c427f]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-da8c427f]{margin-bottom:16px}.file-upload-error-text[data-v-da8c427f]{margin-block:0px;font-size:16px}.file-upload-error-box>.file-upload-error-text[data-v-da8c427f]{margin-bottom:1rem}.file-upload-error-box>.file-upload-error-text[data-v-da8c427f]:last-child{margin-bottom:0rem}.error-enter-active[data-v-da8c427f],.error-leave-active[data-v-da8c427f]{transition:opacity .3s ease-out}.error-enter-from[data-v-da8c427f],.error-leave-to[data-v-da8c427f]{opacity:0}.wra-footer[data-v-f78a0985]{flex-grow:0;background-color:var(--color-wra-light-grey);padding:70px 20px 40px}@media print{.hidden-print[data-v-f78a0985]{display:none}}.wra-inset[data-v-f32082c4]{font-size:16px;padding:20px;border-left-width:10px;border-left-style:solid}.wra-inset.wra-revenue[data-v-f32082c4]{border-left-color:var(--color-wra-revenue)}.wra-inset.wra-charcoal[data-v-f32082c4]{border-left-color:var(--color-wra-charcoal)}.wra-inset.wra-red[data-v-f32082c4]{border-left-color:var(--color-wra-red)}.wra-inset.wra-blue[data-v-f32082c4]{border-left-color:var(--color-wra-blue)}.wra-inset.wra-green[data-v-f32082c4]{border-left-color:var(--color-wra-green)}.wra-inset.wra-yellow[data-v-f32082c4]{border-left-color:var(--color-wra-yellow)}[data-v-93248f45],[data-v-93248f45]:before,[data-v-93248f45]:after{box-sizing:border-box}.input-wrapper[data-v-93248f45]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-93248f45]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-93248f45]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-93248f45]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-93248f45]{padding:10px 6px}.padding-for-no-prefix[data-v-93248f45]{padding:10px}.input-wrapper[data-v-93248f45]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-93248f45]{border:none}label[data-v-93248f45]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-93248f45]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.pagination-button[data-v-b8adcc77]{background-color:transparent;color:var(--color-wra-revenue);font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button[data-v-b8adcc77]>*:first-child{margin-right:8px}.pagination-button[data-v-b8adcc77]:hover,.pagination-number[data-v-b8adcc77]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-b8adcc77]:focus,.pagination-number[data-v-b8adcc77]:focus{color:var(--color-wra-black);background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.pagination-button[data-v-b8adcc77]:focus:hover,.pagination-number[data-v-b8adcc77]:focus:hover{opacity:1}.pagination-number[data-v-b8adcc77]{color:var(--color-wra-black);background-color:var(--color-wra-light-grey);padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;min-width:3rem;text-align:center}.pagination-number[data-v-b8adcc77]:hover{color:var(--color-wra-black);opacity:.8}.pagination-number--selected[data-v-b8adcc77]{background-color:var(--color-wra-revenue);color:#fff}.pagination-number--selected[data-v-b8adcc77]:hover:not(:focus){color:#fff}.pagination-divider[data-v-b8adcc77]{font-size:18px}.pagination[data-v-b8adcc77]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-b8adcc77]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.previous-icon[data-v-b8adcc77]{border-width:3px 3px 0px 0px}.next-icon[data-v-b8adcc77]{border-width:0px 0px 3px 3px}[data-v-e66a36da],[data-v-e66a36da]:before,[data-v-e66a36da]:after{box-sizing:border-box}.input-wrapper[data-v-e66a36da]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-e66a36da]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-e66a36da]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-e66a36da]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-e66a36da]{padding:10px 6px}.padding-for-no-prefix[data-v-e66a36da]{padding:10px}.input-wrapper[data-v-e66a36da]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-e66a36da]{border:none}label[data-v-e66a36da]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-e66a36da]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.radio-label[data-v-d18916d1]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;display:grid;grid-template-columns:20px auto}.radio-label[data-v-d18916d1]:hover{background:var(--color-wra-mid-grey)}.radio-input[data-v-d18916d1]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-d18916d1]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black)}.radio-input[data-v-d18916d1]:checked:before{transform:scale(1)}.radio-input[data-v-d18916d1]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.radio-input[data-v-d18916d1]:focus-visible{outline-offset:0px}.radio-text[data-v-d18916d1]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-d18916d1]{font-size:14px}p[data-v-d18916d1]{margin:0}.radio[data-v-b72f445c]:not(:last-child):not(:only-child){margin-bottom:8px}[data-v-e700f97c],[data-v-e700f97c]:before,[data-v-e700f97c]:after{box-sizing:border-box}select[data-v-e700f97c]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none;padding:10px}.select[data-v-e700f97c]{border:1px solid var(--color-wra-black);border-radius:0;padding-right:10px;font-size:16px;cursor:pointer;line-height:1.15;background-color:#fff;display:grid;grid-template-areas:"select";align-items:center;position:relative}.select[data-v-e700f97c]:after{content:"";width:.8em;height:.5em;background-color:var(--color-wra-black);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-e700f97c],.select[data-v-e700f97c]:after{grid-area:select}select:focus+.focus[data-v-e700f97c]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--color-wra-black);outline:3px solid var(--color-wra-yellow);border-radius:inherit}label[data-v-e700f97c]{color:var(--color-wra-black);font-size:16px}.service-logo[data-v-c9a7cc51]{max-width:100%}.service-link[data-v-c9a7cc51]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-c9a7cc51]:focus{border:2px solid var(--color-wra-yellow);outline:2px solid var(--color-wra-black);background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:var(--color-wra-light-grey)}.wra-simple-table-no-padding{padding:0!important}.left-align-headers{text-align:left}.wra-simple-table-caption{background-color:inherit;text-align:left;padding:16px 16px 16px 0;font-weight:700;font-size:20px}.wra-simple-table{width:100%;line-height:20px;color:var(--color-wra-black);border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-simple-table td,.wra-simple-table th{padding:16px}.wra-simple-table>thead>tr>th:first-child,.wra-simple-table>tbody>tr>th:first-child,.wra-simple-table>tbody>tr>td:first-child{padding-left:0}.wra-simple-table>thead>tr>th:last-child,.wra-simple-table>tbody>tr>th:last-child,.wra-simple-table>tbody>tr>td:last-child{padding-right:0}.skip-link[data-v-7a92cb77]:not(:focus):not(:active){clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap!important;width:1px!important}.skip-link[data-v-7a92cb77]{background-color:var(--color-wra-grey);color:var(--color-wra-black);font-weight:700;border:none;cursor:pointer;padding:10px;font-size:1em}.skip-link[data-v-7a92cb77]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.skip-link-full-width[data-v-7a92cb77]{width:100%;text-align:left}.skip-link-full-width[data-v-7a92cb77]:focus{outline-width:0px;border-width:0px}[data-v-778a02a7],[data-v-778a02a7]:before,[data-v-778a02a7]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-778a02a7]{background:var(--color-wra-light-grey);font-size:18px;padding:20px;border-left:5px solid var(--color-wra-dark-grey);position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-778a02a7]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:baseline;row-gap:10px;column-gap:20px}@media (max-width: 900px){.snackbar-flex[data-v-778a02a7]{width:80%}}.snackbar-content[data-v-778a02a7]{text-wrap:wrap}.close-icon-wrapper[data-v-778a02a7]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-778a02a7]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-778a02a7]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.close-icon-wrapper[data-v-778a02a7]:focus:hover{opacity:1}.close-icon-line-one[data-v-778a02a7]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-778a02a7]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-778a02a7]{background-color:var(--color-wra-light-red);border-color:var(--color-wra-red)}.wra-success[data-v-778a02a7]{background-color:var(--color-wra-light-green);border-color:var(--color-wra-green)}.wra-info[data-v-778a02a7]{background-color:var(--color-wra-light-blue);border-color:var(--color-wra-blue)}.wra-warning[data-v-778a02a7]{background-color:var(--color-wra-light-yellow);border-color:var(--color-wra-yellow)}.sr-only[data-v-778a02a7]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.snackbar-enter-active[data-v-778a02a7],.snackbar-leave-active[data-v-778a02a7]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-778a02a7],.snackbar-leave-to[data-v-778a02a7]{opacity:0}.subheader[data-v-8d2c773f]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}@media screen and (min-width: 600px){#regular{display:table}#pivoted{display:none}}@media screen and (max-width: 599px){#regular{display:none}#pivoted{display:table}}@media print{#regular{display:table}#pivoted{display:none}}.bold{font-weight:700}.wra-table-caption{background-color:inherit;text-align:left;padding:16px;font-weight:700;font-size:20px}.caption-no-padding{padding:0 0 16px!important}.wra-table{width:100%;line-height:20px;background-color:var(--color-wra-light-grey);color:var(--color-wra-black);border-spacing:0;padding:0 16px 16px;table-layout:auto}.wra-table-no-padding{padding:0!important}.wra-table td,.wra-table th{word-break:break-word}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-table td,.wra-table th{padding:16px}.wra-table>thead>tr>th:first-child,.wra-table>tbody>tr>td:first-child{padding-left:0}.wra-table>thead>tr>th:last-child,.wra-table>tbody>tr>td:last-child{padding-right:0}#pivoted{table-layout:fixed;text-align:left}#pivoted>tbody>tr:last-child>td,#pivoted>tbody>tr:last-child>th{border-bottom:1px solid var(--color-wra-dark-grey)}#pivoted>tbody>tr:not(:last-child)>td,#pivoted>tbody>tr:not(:last-child)>th{border-bottom:none}#pivoted>tbody>tr>th{padding-left:0}#pivoted table{width:100%}#pivoted>table>tr>th,#pivoted>table>tr>td{width:50%}[data-v-90cdb825]{box-sizing:border-box;border:none}.tab-button[data-v-90cdb825]{border-top:6px solid var(--color-wra-blue);font-size:24px;font-weight:700;color:var(--color-wra-light-blue);background:var(--color-wra-dark-blue);padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-90cdb825]:hover:not(.tab-button--active){background:var(--color-wra-mid-blue);color:#fff}.tab-button.tab-button--active[data-v-90cdb825]:focus{border-color:var(--color-wra-black);box-shadow:2px 0 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset}.tab-button--active[data-v-90cdb825]{background:#fff;color:var(--color-wra-black);border-top:6px solid var(--color-wra-mid-grey)}.tab-button[data-v-90cdb825]:focus{border-top:6px solid var(--color-wra-blue);color:var(--color-wra-black);background:var(--color-wra-yellow);box-shadow:2px 2px 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset;outline-style:none}@media (max-width: 768px){.tab-button[data-v-90cdb825]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-a505540c]{background-color:var(--color-wra-blue);width:100%}[data-v-34ec88e9],[data-v-34ec88e9]:before,[data-v-34ec88e9]:after{box-sizing:border-box}textarea[data-v-34ec88e9]{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif;font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}textarea[data-v-34ec88e9]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-34ec88e9]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-34ec88e9]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}[data-v-bbfa1a0a],[data-v-bbfa1a0a]:before,[data-v-bbfa1a0a]:after{box-sizing:border-box}input[data-v-bbfa1a0a]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-bbfa1a0a]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-bbfa1a0a]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-bbfa1a0a]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ import { createElementBlock as o, openBlock as l, normalizeClass as m, renderSlot as p, createCommentVNode as f, withDirectives as O, toDisplayString as c, createElementVNode as u, withKeys as w, withModifiers as B, vModelText as Q, Fragment as y, renderList as S, vShow as re, resolveDirective as q, createTextVNode as M, normalizeStyle as E, resolveComponent as N, createBlock as L, Teleport as ie, createVNode as F, withCtx as T, Transition as H, mergeProps as G } from "vue";
3
+ const g = (t, a) => {
4
+ const e = t.__vccOpts || t;
5
+ for (const [r, n] of a)
6
+ e[r] = n;
7
+ return e;
8
+ }, ne = {
9
9
  name: "wra-app-bar",
10
10
  props: {
11
11
  /**
@@ -17,16 +17,16 @@ const g = (e, a) => {
17
17
  }
18
18
  }
19
19
  };
20
- function he(e, a, t, i, r, s) {
20
+ function le(t, a, e, r, n, s) {
21
21
  return l(), o("div", {
22
- class: p(["wra-app-bar", {
23
- "hidden-print": t.hiddenPrint === !0
22
+ class: m(["wra-app-bar", {
23
+ "hidden-print": e.hiddenPrint === !0
24
24
  }])
25
25
  }, [
26
- m(e.$slots, "default", {}, void 0, !0)
26
+ p(t.$slots, "default", {}, void 0, !0)
27
27
  ], 2);
28
28
  }
29
- const fe = /* @__PURE__ */ g(ce, [["render", he], ["__scopeId", "data-v-dc0e7a07"]]), pe = {
29
+ const oe = /* @__PURE__ */ g(ne, [["render", le], ["__scopeId", "data-v-dc0e7a07"]]), ue = {
30
30
  name: "wra-autocomplete",
31
31
  emits: ["update:modelValue"],
32
32
  props: {
@@ -78,14 +78,14 @@ const fe = /* @__PURE__ */ g(ce, [["render", he], ["__scopeId", "data-v-dc0e7a07
78
78
  onInputTyping() {
79
79
  this.optionIndex = null, this.userInput[this.optionValue] = this.getInputValue, this.$emit("update:modelValue", this.userInput);
80
80
  },
81
- onOptionSelect(e) {
82
- (e == null ? void 0 : e.clickable) !== !1 && (this.userInput = e, this.userInput = Object.assign({}, e), this.$emit("update:modelValue", this.userInput));
81
+ onOptionSelect(t) {
82
+ (t == null ? void 0 : t.clickable) !== !1 && (this.userInput = t, this.userInput = Object.assign({}, t), this.$emit("update:modelValue", this.userInput));
83
83
  },
84
84
  onBlur() {
85
85
  this.listHasFocus === !1 && (this.hasFocus = !1);
86
86
  },
87
- onOptionBlur(e) {
88
- e === this.optionIndex && (this.hasFocus = !1, this.listHasFocus = !1);
87
+ onOptionBlur(t) {
88
+ t === this.optionIndex && (this.hasFocus = !1, this.listHasFocus = !1);
89
89
  },
90
90
  onUpKey() {
91
91
  if (!(this.optionsHasMatches === !1 || this.showOptions === !1)) {
@@ -93,8 +93,8 @@ const fe = /* @__PURE__ */ g(ce, [["render", he], ["__scopeId", "data-v-dc0e7a07
93
93
  this.optionIndex = null, this.listHasFocus = !1, this.$refs.autocompleteInput.focus();
94
94
  else if (this.optionIndex > 0) {
95
95
  this.optionIndex--, this.listHasFocus = !0;
96
- const e = `option${this.optionIndex}`;
97
- this.$refs[e][0].focus();
96
+ const t = `option${this.optionIndex}`;
97
+ this.$refs[t][0].focus();
98
98
  }
99
99
  }
100
100
  },
@@ -102,30 +102,30 @@ const fe = /* @__PURE__ */ g(ce, [["render", he], ["__scopeId", "data-v-dc0e7a07
102
102
  if (this.optionsHasMatches === !1 || this.showOptions === !1)
103
103
  return;
104
104
  this.optionIndex === null ? this.optionIndex = 0 : this.optionIndex < this.filterOptions.length - 1 && this.optionIndex++, this.listHasFocus = !0;
105
- const e = `option${this.optionIndex}`;
106
- this.$refs[e][0].focus();
105
+ const t = `option${this.optionIndex}`;
106
+ this.$refs[t][0].focus();
107
107
  }
108
108
  },
109
109
  computed: {
110
110
  showOptions() {
111
- const e = this.validatedOptions.some(
112
- (i) => i[this.optionLabel] === this.userInput[this.optionLabel]
111
+ const t = this.validatedOptions.some(
112
+ (r) => r[this.optionLabel] === this.userInput[this.optionLabel]
113
113
  ), a = this.userInput[this.optionLabel].length >= this.minLength;
114
- return e !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || a === !0);
114
+ return t !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || a === !0);
115
115
  },
116
116
  filterOptions() {
117
- const e = this.validatedOptions.filter(
117
+ const t = this.validatedOptions.filter(
118
118
  (a) => a.label.toLowerCase().includes(this.getInputValue)
119
119
  );
120
- return e.length > 0 ? e : this.autoExpand === !0 ? this.validatedOptions : (e.push({
120
+ return t.length > 0 ? t : this.autoExpand === !0 ? this.validatedOptions : (t.push({
121
121
  [this.optionLabel]: "No results found",
122
122
  [this.optionValue]: "",
123
123
  clickable: !1
124
- }), e);
124
+ }), t);
125
125
  },
126
126
  optionsHasMatches() {
127
127
  return this.filterOptions.every(
128
- (e) => Object.hasOwn(e, "clickable") ? e.clickable === !0 : !0
128
+ (t) => Object.hasOwn(t, "clickable") ? t.clickable === !0 : !0
129
129
  );
130
130
  },
131
131
  getInputValue() {
@@ -141,73 +141,73 @@ const fe = /* @__PURE__ */ g(ce, [["render", he], ["__scopeId", "data-v-dc0e7a07
141
141
  },
142
142
  watch: {
143
143
  options: {
144
- handler(e) {
145
- this.validatedOptions = e ?? [];
144
+ handler(t) {
145
+ this.validatedOptions = t ?? [];
146
146
  },
147
147
  immediate: !0
148
148
  }
149
149
  }
150
- }, me = { class: "autocomplete" }, ge = ["for"], be = ["aria-expanded", "aria-activedescendant", "id"], ke = {
150
+ }, de = { class: "autocomplete" }, ce = ["for"], he = ["aria-expanded", "aria-activedescendant", "id"], fe = {
151
151
  role: "listbox",
152
152
  id: "autocomplete-list",
153
153
  class: "autocomplete-list"
154
- }, ye = ["id", "aria-selected", "onMousedown", "onKeydown", "onBlur"];
155
- function _e(e, a, t, i, r, s) {
156
- return l(), o("div", me, [
157
- t.label ? (l(), o("label", {
154
+ }, me = ["id", "aria-selected", "onMousedown", "onKeydown", "onBlur"];
155
+ function pe(t, a, e, r, n, s) {
156
+ return l(), o("div", de, [
157
+ e.label ? (l(), o("label", {
158
158
  key: 0,
159
- for: t.id,
159
+ for: e.id,
160
160
  class: "autocomplete-label"
161
- }, c(t.label), 9, ge)) : f("", !0),
161
+ }, c(e.label), 9, ce)) : f("", !0),
162
162
  O(u("input", {
163
163
  inputmode: "text",
164
164
  ref: "autocompleteInput",
165
- "onUpdate:modelValue": a[0] || (a[0] = (n) => e.userInput[t.optionLabel] = n),
165
+ "onUpdate:modelValue": a[0] || (a[0] = (i) => t.userInput[e.optionLabel] = i),
166
166
  role: "combobox",
167
167
  "aria-autocomplete": "list",
168
168
  "aria-expanded": s.showOptions.toString(),
169
169
  "aria-controls": "autocomplete-list",
170
- "aria-activedescendant": e.optionIndex !== null ? `option${e.optionIndex}` : void 0,
170
+ "aria-activedescendant": t.optionIndex !== null ? `option${t.optionIndex}` : void 0,
171
171
  autocomplete: "off",
172
- id: t.id,
173
- class: p(["autocomplete-input", { "autocomplete-input--focus": e.hasFocus }]),
174
- onInput: a[1] || (a[1] = (n) => s.onInputTyping()),
175
- onFocus: a[2] || (a[2] = (n) => e.hasFocus = !0),
176
- onBlur: a[3] || (a[3] = (...n) => s.onBlur && s.onBlur(...n)),
172
+ id: e.id,
173
+ class: m(["autocomplete-input", { "autocomplete-input--focus": t.hasFocus }]),
174
+ onInput: a[1] || (a[1] = (i) => s.onInputTyping()),
175
+ onFocus: a[2] || (a[2] = (i) => t.hasFocus = !0),
176
+ onBlur: a[3] || (a[3] = (...i) => s.onBlur && s.onBlur(...i)),
177
177
  onKeydown: [
178
- a[4] || (a[4] = w(B((...n) => s.onUpKey && s.onUpKey(...n), ["prevent"]), ["up"])),
179
- a[5] || (a[5] = w(B((...n) => s.onDownKey && s.onDownKey(...n), ["prevent"]), ["down"]))
178
+ a[4] || (a[4] = w(B((...i) => s.onUpKey && s.onUpKey(...i), ["prevent"]), ["up"])),
179
+ a[5] || (a[5] = w(B((...i) => s.onDownKey && s.onDownKey(...i), ["prevent"]), ["down"]))
180
180
  ]
181
- }, null, 42, be), [
182
- [ae, e.userInput[t.optionLabel]]
181
+ }, null, 42, he), [
182
+ [Q, t.userInput[e.optionLabel]]
183
183
  ]),
184
- O(u("ul", ke, [
185
- (l(!0), o(y, null, S(s.filterOptions, (n, d) => (l(), o("li", {
184
+ O(u("ul", fe, [
185
+ (l(!0), o(y, null, S(s.filterOptions, (i, d) => (l(), o("li", {
186
186
  ref_for: !0,
187
187
  ref: `option${d}`,
188
188
  id: `option${d}`,
189
189
  role: "option",
190
190
  tabindex: "-1",
191
- "aria-selected": d === e.optionIndex,
192
- class: p({
193
- "autocomplete-item-not-clickable": n.clickable === !1,
194
- "autocomplete-item--focus": d === e.optionIndex
191
+ "aria-selected": d === t.optionIndex,
192
+ class: m({
193
+ "autocomplete-item-not-clickable": i.clickable === !1,
194
+ "autocomplete-item--focus": d === t.optionIndex
195
195
  }),
196
- onMousedown: (h) => s.onOptionSelect(n),
196
+ onMousedown: (h) => s.onOptionSelect(i),
197
197
  onKeydown: [
198
198
  a[6] || (a[6] = w(B((...h) => s.onUpKey && s.onUpKey(...h), ["prevent"]), ["up"])),
199
199
  a[7] || (a[7] = w(B((...h) => s.onDownKey && s.onDownKey(...h), ["prevent"]), ["down"])),
200
- w(B((h) => s.onOptionSelect(n), ["prevent"]), ["enter"]),
201
- w(B((h) => s.onOptionSelect(n), ["prevent"]), ["space"])
200
+ w(B((h) => s.onOptionSelect(i), ["prevent"]), ["enter"]),
201
+ w(B((h) => s.onOptionSelect(i), ["prevent"]), ["space"])
202
202
  ],
203
203
  onBlur: (h) => s.onOptionBlur(d)
204
- }, c(n[t.optionLabel]), 43, ye))), 256))
204
+ }, c(i[e.optionLabel]), 43, me))), 256))
205
205
  ], 512), [
206
- [ue, s.showOptions]
206
+ [re, s.showOptions]
207
207
  ])
208
208
  ]);
209
209
  }
210
- const ve = /* @__PURE__ */ g(pe, [["render", _e], ["__scopeId", "data-v-5bb9da83"]]), we = {
210
+ const ge = /* @__PURE__ */ g(ue, [["render", pe], ["__scopeId", "data-v-5bb9da83"]]), be = {
211
211
  name: "wra-banner",
212
212
  props: {
213
213
  /**
@@ -242,34 +242,34 @@ const ve = /* @__PURE__ */ g(pe, [["render", _e], ["__scopeId", "data-v-5bb9da83
242
242
  this.visible = !1;
243
243
  }
244
244
  }
245
- }, Se = {
245
+ }, ke = {
246
246
  key: 0,
247
247
  class: "wra-banner-actions"
248
248
  };
249
- function xe(e, a, t, i, r, s) {
250
- return r.visible ? (l(), o("div", {
249
+ function ye(t, a, e, r, n, s) {
250
+ return n.visible ? (l(), o("div", {
251
251
  key: 0,
252
- class: p(["wra-banner", {
253
- "hidden-print": t.hiddenPrint === !0,
254
- "new-service": t.newService === !0,
255
- "closable-padding": t.closable === !0
252
+ class: m(["wra-banner", {
253
+ "hidden-print": e.hiddenPrint === !0,
254
+ "new-service": e.newService === !0,
255
+ "closable-padding": e.closable === !0
256
256
  }])
257
257
  }, [
258
258
  u("div", null, [
259
- m(e.$slots, "default", {}, void 0, !0)
259
+ p(t.$slots, "default", {}, void 0, !0)
260
260
  ]),
261
- e.$slots.actions ? (l(), o("div", Se, [
262
- m(e.$slots, "actions", {}, void 0, !0)
261
+ t.$slots.actions ? (l(), o("div", ke, [
262
+ p(t.$slots, "actions", {}, void 0, !0)
263
263
  ])) : f("", !0),
264
- t.closable ? (l(), o("button", {
264
+ e.closable ? (l(), o("button", {
265
265
  key: 1,
266
266
  class: "wra-banner-close",
267
- onClick: a[0] || (a[0] = (...n) => s.closeBanner && s.closeBanner(...n)),
267
+ onClick: a[0] || (a[0] = (...i) => s.closeBanner && s.closeBanner(...i)),
268
268
  "aria-label": "Close banner"
269
269
  }, " × ")) : f("", !0)
270
270
  ], 2)) : f("", !0);
271
271
  }
272
- const Ie = /* @__PURE__ */ g(we, [["render", xe], ["__scopeId", "data-v-94b786a8"]]), Ve = {
272
+ const ve = /* @__PURE__ */ g(be, [["render", ye], ["__scopeId", "data-v-94b786a8"]]), _e = {
273
273
  name: "wra-breadcrumbs",
274
274
  props: {
275
275
  /** Items to display in the breadcrumbs */
@@ -293,34 +293,34 @@ const Ie = /* @__PURE__ */ g(we, [["render", xe], ["__scopeId", "data-v-94b786a8
293
293
  default: "href"
294
294
  }
295
295
  }
296
- }, $e = (e) => (q("data-v-26b6a965"), e = e(), E(), e), Me = { class: "wra-breadcrumbs" }, Pe = { class: "wra-breadcrumbs-item" }, Ce = ["href"], Be = {
296
+ }, we = { class: "wra-breadcrumbs" }, Se = { class: "wra-breadcrumbs-item" }, xe = ["href"], Ve = {
297
297
  key: 1,
298
298
  class: "wra-breadcrumbs-link--disabled"
299
- }, Te = {
299
+ }, Ie = {
300
300
  key: 0,
301
301
  class: "wra-breadcrumbs-divider"
302
- }, Oe = /* @__PURE__ */ $e(() => /* @__PURE__ */ u("span", { class: "wra-breadcrumbs-chevron" }, null, -1));
303
- function We(e, a, t, i, r, s) {
304
- return l(), o("ul", Me, [
305
- (l(!0), o(y, null, S(t.items, (n, d) => (l(), o(y, null, [
306
- u("li", Pe, [
307
- m(e.$slots, "default", {}, () => [
308
- n[t.itemDisabled] ? (l(), o("span", Be, c(n[t.itemTitle]), 1)) : (l(), o("a", {
302
+ };
303
+ function $e(t, a, e, r, n, s) {
304
+ return l(), o("ul", we, [
305
+ (l(!0), o(y, null, S(e.items, (i, d) => (l(), o(y, null, [
306
+ u("li", Se, [
307
+ p(t.$slots, "default", {}, () => [
308
+ i[e.itemDisabled] ? (l(), o("span", Ve, c(i[e.itemTitle]), 1)) : (l(), o("a", {
309
309
  key: 0,
310
- href: n[t.itemHref],
310
+ href: i[e.itemHref],
311
311
  class: "wra-breadcrumbs-link"
312
- }, c(n[t.itemTitle]), 9, Ce))
312
+ }, c(i[e.itemTitle]), 9, xe))
313
313
  ], !0)
314
314
  ]),
315
- d !== t.items.length - 1 ? (l(), o("li", Te, [
316
- m(e.$slots, "divider", {}, () => [
317
- Oe
315
+ d !== e.items.length - 1 ? (l(), o("li", Ie, [
316
+ p(t.$slots, "divider", {}, () => [
317
+ a[0] || (a[0] = u("span", { class: "wra-breadcrumbs-chevron" }, null, -1))
318
318
  ], !0)
319
319
  ])) : f("", !0)
320
320
  ], 64))), 256))
321
321
  ]);
322
322
  }
323
- const Fe = /* @__PURE__ */ g(Ve, [["render", We], ["__scopeId", "data-v-26b6a965"]]), Ne = {
323
+ const Me = /* @__PURE__ */ g(_e, [["render", $e], ["__scopeId", "data-v-26b6a965"]]), Ce = {
324
324
  name: "wra-button",
325
325
  props: {
326
326
  /**
@@ -374,39 +374,39 @@ const Fe = /* @__PURE__ */ g(Ve, [["render", We], ["__scopeId", "data-v-26b6a965
374
374
  };
375
375
  }
376
376
  }
377
- }, Ae = ["disabled"];
378
- function qe(e, a, t, i, r, s) {
377
+ }, Pe = ["disabled"];
378
+ function Be(t, a, e, r, n, s) {
379
379
  return l(), o("button", {
380
- class: p(["wra-button", s.buttonClass]),
380
+ class: m(["wra-button", s.buttonClass]),
381
381
  type: "button",
382
- disabled: t.disabled
382
+ disabled: e.disabled
383
383
  }, [
384
384
  u("span", {
385
- class: p([{
386
- "prepend-icon-wrapper": t.prependIcon
385
+ class: m([{
386
+ "prepend-icon-wrapper": e.prependIcon
387
387
  }, "icon"])
388
388
  }, [
389
- m(e.$slots, "prepend-icon", {}, void 0, !0)
389
+ p(t.$slots, "prepend-icon", {}, void 0, !0)
390
390
  ], 2),
391
- m(e.$slots, "default", {}, void 0, !0),
391
+ p(t.$slots, "default", {}, void 0, !0),
392
392
  u("span", {
393
- class: p([{
394
- "append-icon-wrapper": t.appendIcon
393
+ class: m([{
394
+ "append-icon-wrapper": e.appendIcon
395
395
  }, "icon"])
396
396
  }, [
397
- m(e.$slots, "append-icon", {}, void 0, !0)
397
+ p(t.$slots, "append-icon", {}, void 0, !0)
398
398
  ], 2)
399
- ], 10, Ae);
399
+ ], 10, Pe);
400
400
  }
401
- const J = /* @__PURE__ */ g(Ne, [["render", qe], ["__scopeId", "data-v-b8b8bfe8"]]), Ee = {
401
+ const U = /* @__PURE__ */ g(Ce, [["render", Be], ["__scopeId", "data-v-b8b8bfe8"]]), Te = {
402
402
  name: "wra-card"
403
- }, Le = { class: "card" };
404
- function De(e, a, t, i, r, s) {
405
- return l(), o("div", Le, [
406
- m(e.$slots, "default", {}, void 0, !0)
403
+ }, Oe = { class: "card" };
404
+ function We(t, a, e, r, n, s) {
405
+ return l(), o("div", Oe, [
406
+ p(t.$slots, "default", {}, void 0, !0)
407
407
  ]);
408
408
  }
409
- const je = /* @__PURE__ */ g(Ee, [["render", De], ["__scopeId", "data-v-7de2c8b6"]]), ze = {
409
+ const Fe = /* @__PURE__ */ g(Te, [["render", We], ["__scopeId", "data-v-7de2c8b6"]]), Ne = {
410
410
  name: "wra-checkbox",
411
411
  props: {
412
412
  /**
@@ -455,37 +455,37 @@ const je = /* @__PURE__ */ g(Ee, [["render", De], ["__scopeId", "data-v-7de2c8b6
455
455
  this.isChecked = !this.isChecked, this.$emit("update:modelValue", this.isChecked);
456
456
  }
457
457
  }
458
- }, Re = ["aria-label"], Ke = ["for"], He = ["id", "checked", "aria-checked"], Ue = { class: "checkbox-text" }, Ge = ["innerHTML"];
459
- function Ye(e, a, t, i, r, s) {
458
+ }, Ae = ["aria-label"], Ee = ["for"], qe = ["id", "checked", "aria-checked"], Le = { class: "checkbox-text" }, De = ["innerHTML"];
459
+ function je(t, a, e, r, n, s) {
460
460
  return l(), o("div", {
461
461
  role: "checkbox",
462
- "aria-label": t.label
462
+ "aria-label": e.label
463
463
  }, [
464
464
  u("label", {
465
- for: t.id,
465
+ for: e.id,
466
466
  class: "checkbox-label"
467
467
  }, [
468
468
  u("input", {
469
469
  class: "checkbox-input",
470
470
  type: "checkbox",
471
- id: t.id,
472
- checked: r.isChecked,
473
- "aria-checked": r.ariaIsChecked,
474
- onChange: a[0] || (a[0] = (n) => s.checkInput()),
475
- onClick: a[1] || (a[1] = (n) => e.$emit("click"))
476
- }, null, 40, He),
477
- u("span", Ue, [
478
- u("p", null, c(t.label), 1),
479
- t.info ? (l(), o("p", {
471
+ id: e.id,
472
+ checked: n.isChecked,
473
+ "aria-checked": n.ariaIsChecked,
474
+ onChange: a[0] || (a[0] = (i) => s.checkInput()),
475
+ onClick: a[1] || (a[1] = (i) => t.$emit("click"))
476
+ }, null, 40, qe),
477
+ u("span", Le, [
478
+ u("p", null, c(e.label), 1),
479
+ e.info ? (l(), o("p", {
480
480
  key: 0,
481
481
  class: "further-information-text",
482
- innerHTML: t.info
483
- }, null, 8, Ge)) : f("", !0)
482
+ innerHTML: e.info
483
+ }, null, 8, De)) : f("", !0)
484
484
  ])
485
- ], 8, Ke)
486
- ], 8, Re);
485
+ ], 8, Ee)
486
+ ], 8, Ae);
487
487
  }
488
- const se = /* @__PURE__ */ g(ze, [["render", Ye], ["__scopeId", "data-v-ad0c7146"]]), Je = {
488
+ const X = /* @__PURE__ */ g(Ne, [["render", je], ["__scopeId", "data-v-ad0c7146"]]), ze = {
489
489
  name: "wra-checkbox-group",
490
490
  props: {
491
491
  /**
@@ -541,27 +541,27 @@ const se = /* @__PURE__ */ g(ze, [["render", Ye], ["__scopeId", "data-v-ad0c7146
541
541
  };
542
542
  },
543
543
  methods: {
544
- checkInput(e) {
545
- this.checked[e] = !this.checked[e];
544
+ checkInput(t) {
545
+ this.checked[t] = !this.checked[t];
546
546
  let a = [];
547
- this.returnObject == !0 ? Object.keys(this.checked).forEach((t) => {
548
- if (this.checked[t] == !0)
549
- for (let r = 0; r < this.validOptions.length; r++) {
550
- const s = this.validOptions[r];
551
- typeof s == "object" ? s[this.itemValue] == t && a.push(s) : s == t && a.push(s);
547
+ this.returnObject == !0 ? Object.keys(this.checked).forEach((e) => {
548
+ if (this.checked[e] == !0)
549
+ for (let n = 0; n < this.validOptions.length; n++) {
550
+ const s = this.validOptions[n];
551
+ typeof s == "object" ? s[this.itemValue] == e && a.push(s) : s == e && a.push(s);
552
552
  }
553
553
  }) : a = Object.keys(this.checked).filter(
554
- (t) => this.checked[t]
554
+ (e) => this.checked[e]
555
555
  ), this.$emit("update:modelValue", a);
556
556
  },
557
- checkForObjectLabel(e) {
558
- return typeof e == "object" ? e[this.itemLabel] : e;
557
+ checkForObjectLabel(t) {
558
+ return typeof t == "object" ? t[this.itemLabel] : t;
559
559
  },
560
- checkForObjectInfo(e) {
561
- return typeof e == "object" ? e[this.itemInfo] : null;
560
+ checkForObjectInfo(t) {
561
+ return typeof t == "object" ? t[this.itemInfo] : null;
562
562
  },
563
- checkForObjectValue(e) {
564
- return typeof e == "object" ? e[this.itemValue] : e;
563
+ checkForObjectValue(t) {
564
+ return typeof t == "object" ? t[this.itemValue] : t;
565
565
  }
566
566
  },
567
567
  computed: {
@@ -571,96 +571,120 @@ const se = /* @__PURE__ */ g(ze, [["render", Ye], ["__scopeId", "data-v-ad0c7146
571
571
  },
572
572
  mounted() {
573
573
  this.value = this.modelValue ?? {};
574
- for (let e = 0; e < this.value.length; e++) {
575
- const a = this.value[e];
574
+ for (let t = 0; t < this.value.length; t++) {
575
+ const a = this.value[t];
576
576
  typeof a == "object" ? this.checked[a[this.itemValue]] = !0 : this.checked[a] = !0;
577
577
  }
578
578
  },
579
579
  components: {
580
- WraCheckbox: se
580
+ WraCheckbox: X
581
581
  }
582
- }, Ze = ["aria-label"], Qe = ["for"], Xe = ["id", "checked", "aria-checked", "onChange"], et = { class: "checkbox-text" }, tt = ["innerHTML"];
583
- function at(e, a, t, i, r, s) {
584
- return l(!0), o(y, null, S(s.validOptions, (n) => (l(), o("div", {
582
+ }, Re = ["aria-label"], Ke = ["for"], He = ["id", "checked", "aria-checked", "onChange"], Ue = { class: "checkbox-text" }, Ge = ["innerHTML"];
583
+ function Ye(t, a, e, r, n, s) {
584
+ return l(!0), o(y, null, S(s.validOptions, (i) => (l(), o("div", {
585
585
  role: "checkbox",
586
586
  class: "checkbox",
587
- "aria-label": s.checkForObjectLabel(n)
587
+ "aria-label": s.checkForObjectLabel(i)
588
588
  }, [
589
589
  u("label", {
590
- for: s.checkForObjectValue(n),
590
+ for: s.checkForObjectValue(i),
591
591
  class: "checkbox-label"
592
592
  }, [
593
593
  u("input", {
594
594
  class: "checkbox-input",
595
595
  type: "checkbox",
596
- id: s.checkForObjectValue(n),
597
- checked: r.checked[s.checkForObjectValue(n)],
598
- "aria-checked": r.checked[s.checkForObjectValue(n)],
599
- onChange: (d) => s.checkInput(s.checkForObjectValue(n))
600
- }, null, 40, Xe),
601
- u("span", et, [
602
- u("p", null, c(s.checkForObjectLabel(n)), 1),
603
- s.checkForObjectInfo(n) ? (l(), o("p", {
596
+ id: s.checkForObjectValue(i),
597
+ checked: n.checked[s.checkForObjectValue(i)],
598
+ "aria-checked": n.checked[s.checkForObjectValue(i)],
599
+ onChange: (d) => s.checkInput(s.checkForObjectValue(i))
600
+ }, null, 40, He),
601
+ u("span", Ue, [
602
+ u("p", null, c(s.checkForObjectLabel(i)), 1),
603
+ s.checkForObjectInfo(i) ? (l(), o("p", {
604
604
  key: 0,
605
605
  class: "further-information-text",
606
- innerHTML: s.checkForObjectInfo(n)
607
- }, null, 8, tt)) : f("", !0)
606
+ innerHTML: s.checkForObjectInfo(i)
607
+ }, null, 8, Ge)) : f("", !0)
608
608
  ])
609
- ], 8, Qe)
610
- ], 8, Ze))), 256);
609
+ ], 8, Ke)
610
+ ], 8, Re))), 256);
611
611
  }
612
- const st = /* @__PURE__ */ g(Je, [["render", at], ["__scopeId", "data-v-c51ef964"]]), it = {
612
+ const Je = /* @__PURE__ */ g(ze, [["render", Ye], ["__scopeId", "data-v-c51ef964"]]), Ze = {
613
613
  name: "wra-content-section-title"
614
- }, rt = { class: "content-section-title" };
615
- function nt(e, a, t, i, r, s) {
616
- return l(), o("div", rt, [
617
- m(e.$slots, "default", {}, void 0, !0)
614
+ }, Qe = { class: "content-section-title" };
615
+ function Xe(t, a, e, r, n, s) {
616
+ return l(), o("div", Qe, [
617
+ p(t.$slots, "default", {}, void 0, !0)
618
618
  ]);
619
619
  }
620
- const lt = /* @__PURE__ */ g(it, [["render", nt], ["__scopeId", "data-v-c737967a"]]);
621
- var ot = Object.defineProperty, ut = (e, a, t) => a in e ? ot(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, K = (e, a, t) => ut(e, typeof a != "symbol" ? a + "" : a, t);
622
- const X = {
620
+ const et = /* @__PURE__ */ g(Ze, [["render", Xe], ["__scopeId", "data-v-c737967a"]]);
621
+ var tt = Object.defineProperty, at = (t, a, e) => a in t ? tt(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, A = (t, a, e) => at(t, typeof a != "symbol" ? a + "" : a, e);
622
+ const Y = {
623
623
  "#": { pattern: /[0-9]/ },
624
624
  "@": { pattern: /[a-zA-Z]/ },
625
625
  "*": { pattern: /[a-zA-Z0-9]/ }
626
- }, ee = (e, a, t) => e.replaceAll(a, "").replace(t, ".").replace("..", ".").replace(/[^.\d]/g, ""), te = (e, a, t) => {
627
- var i;
628
- return new Intl.NumberFormat(((i = t.number) == null ? void 0 : i.locale) ?? "en", {
629
- minimumFractionDigits: e,
626
+ }, J = (t, a, e) => t.replaceAll(a, "").replace(e, ".").replace("..", ".").replace(/[^.\d]/g, ""), Z = (t, a, e) => {
627
+ var r;
628
+ return new Intl.NumberFormat(((r = e.number) == null ? void 0 : r.locale) ?? "en", {
629
+ minimumFractionDigits: t,
630
630
  maximumFractionDigits: a,
631
631
  roundingMode: "trunc"
632
632
  });
633
- }, dt = (e, a = !0, t) => {
634
- var i, r, s, n;
635
- const d = ((i = t.number) == null ? void 0 : i.unsigned) == null && e.startsWith("-") ? "-" : "", h = ((r = t.number) == null ? void 0 : r.fraction) ?? 0;
636
- let b = te(0, h, t);
637
- const x = b.formatToParts(1000.12), _ = ((s = x.find((k) => k.type === "group")) == null ? void 0 : s.value) ?? " ", v = ((n = x.find((k) => k.type === "decimal")) == null ? void 0 : n.value) ?? ".", M = ee(e, _, v);
638
- if (Number.isNaN(parseFloat(M))) return d;
639
- const P = M.split(".");
640
- if (P[1] != null && P[1].length >= 1) {
641
- const k = P[1].length <= h ? P[1].length : h;
642
- b = te(k, h, t);
633
+ }, st = (t, a = !0, e) => {
634
+ var r, n, s, i;
635
+ const d = ((r = e.number) == null ? void 0 : r.unsigned) !== !0 && t.startsWith("-") ? "-" : "", h = ((n = e.number) == null ? void 0 : n.fraction) ?? 0;
636
+ let b = Z(0, h, e);
637
+ const V = b.formatToParts(1000.12), x = ((s = V.find((k) => k.type === "group")) == null ? void 0 : s.value) ?? " ", v = ((i = V.find((k) => k.type === "decimal")) == null ? void 0 : i.value) ?? ".", _ = J(t, x, v);
638
+ if (Number.isNaN(parseFloat(_))) return d;
639
+ const C = _.split(".");
640
+ if (C[1] != null && C[1].length >= 1) {
641
+ const k = C[1].length <= h ? C[1].length : h;
642
+ b = Z(k, h, e);
643
+ }
644
+ let I = b.format(parseFloat(_));
645
+ return a ? h > 0 && _.endsWith(".") && !_.slice(0, -1).includes(".") && (I += v) : I = J(I, x, v), d + I;
646
+ }, ee = (t) => JSON.parse(t.replaceAll("'", '"')), rt = (t, a = {}) => {
647
+ const e = { ...a };
648
+ t.dataset.maska != null && t.dataset.maska !== "" && (e.mask = it(t.dataset.maska)), t.dataset.maskaEager != null && (e.eager = z(t.dataset.maskaEager)), t.dataset.maskaReversed != null && (e.reversed = z(t.dataset.maskaReversed)), t.dataset.maskaTokensReplace != null && (e.tokensReplace = z(t.dataset.maskaTokensReplace)), t.dataset.maskaTokens != null && (e.tokens = nt(t.dataset.maskaTokens));
649
+ const r = {};
650
+ return t.dataset.maskaNumberLocale != null && (r.locale = t.dataset.maskaNumberLocale), t.dataset.maskaNumberFraction != null && (r.fraction = parseInt(t.dataset.maskaNumberFraction)), t.dataset.maskaNumberUnsigned != null && (r.unsigned = z(t.dataset.maskaNumberUnsigned)), (t.dataset.maskaNumber != null || Object.values(r).length > 0) && (e.number = r), e;
651
+ }, z = (t) => t !== "" ? !!JSON.parse(t) : !0, it = (t) => t.startsWith("[") && t.endsWith("]") ? ee(t) : t, nt = (t) => {
652
+ if (t.startsWith("{") && t.endsWith("}"))
653
+ return ee(t);
654
+ const a = {};
655
+ return t.split("|").forEach((e) => {
656
+ const r = e.split(":");
657
+ a[r[0]] = {
658
+ pattern: te() ? new RegExp(r[1], "u") : new RegExp(r[1]),
659
+ optional: r[2] === "optional",
660
+ multiple: r[2] === "multiple",
661
+ repeated: r[2] === "repeated"
662
+ };
663
+ }), a;
664
+ }, te = () => {
665
+ try {
666
+ return new RegExp("\\p{L}", "u"), !0;
667
+ } catch {
668
+ return !1;
643
669
  }
644
- let I = b.format(parseFloat(M));
645
- return a ? h > 0 && M.endsWith(".") && !M.slice(0, -1).includes(".") && (I += v) : I = ee(I, _, v), d + I;
646
670
  };
647
- class ct {
671
+ class lt {
648
672
  constructor(a = {}) {
649
- K(this, "opts", {}), K(this, "memo", /* @__PURE__ */ new Map());
650
- const t = { ...a };
651
- if (t.tokens != null) {
652
- t.tokens = t.tokensReplace ? { ...t.tokens } : { ...X, ...t.tokens };
653
- for (const i of Object.values(t.tokens))
654
- typeof i.pattern == "string" && (i.pattern = new RegExp(i.pattern));
673
+ A(this, "opts", {}), A(this, "memo", /* @__PURE__ */ new Map());
674
+ const e = { ...a };
675
+ if (e.tokens != null) {
676
+ e.tokens = e.tokensReplace ? { ...e.tokens } : { ...Y, ...e.tokens };
677
+ for (const r of Object.values(e.tokens))
678
+ typeof r.pattern == "string" && (r.pattern = te() ? new RegExp(r.pattern, "u") : new RegExp(r.pattern));
655
679
  } else
656
- t.tokens = X;
657
- Array.isArray(t.mask) && (t.mask.length > 1 ? t.mask = [...t.mask].sort((i, r) => i.length - r.length) : t.mask = t.mask[0] ?? ""), t.mask === "" && (t.mask = null), this.opts = t;
680
+ e.tokens = Y;
681
+ Array.isArray(e.mask) && (e.mask.length > 1 ? e.mask = [...e.mask].sort((r, n) => r.length - n.length) : e.mask = e.mask[0] ?? ""), e.mask === "" && (e.mask = null), this.opts = e;
658
682
  }
659
683
  masked(a) {
660
- return this.process(a, this.findMask(a));
684
+ return this.process(String(a), this.findMask(String(a)));
661
685
  }
662
686
  unmasked(a) {
663
- return this.process(a, this.findMask(a), !1);
687
+ return this.process(String(a), this.findMask(String(a)), !1);
664
688
  }
665
689
  isEager() {
666
690
  return this.opts.eager === !0;
@@ -669,147 +693,135 @@ class ct {
669
693
  return this.opts.reversed === !0;
670
694
  }
671
695
  completed(a) {
672
- const t = this.findMask(a);
673
- if (this.opts.mask == null || t == null) return !1;
674
- const i = this.process(a, t).length;
675
- return typeof this.opts.mask == "string" ? i >= this.opts.mask.length : i >= t.length;
696
+ const e = this.findMask(String(a));
697
+ if (this.opts.mask == null || e == null) return !1;
698
+ const r = this.process(String(a), e).length;
699
+ return typeof this.opts.mask == "string" ? r >= this.opts.mask.length : r >= e.length;
676
700
  }
677
701
  findMask(a) {
678
- const t = this.opts.mask;
679
- if (t == null)
702
+ const e = this.opts.mask;
703
+ if (e == null)
680
704
  return null;
681
- if (typeof t == "string")
682
- return t;
683
- if (typeof t == "function")
684
- return t(a);
685
- const i = this.process(a, t.slice(-1).pop() ?? "", !1);
686
- return t.find((r) => this.process(a, r, !1).length >= i.length) ?? "";
705
+ if (typeof e == "string")
706
+ return e;
707
+ if (typeof e == "function")
708
+ return e(a);
709
+ const r = this.process(a, e.slice(-1).pop() ?? "", !1);
710
+ return e.find((n) => this.process(a, n, !1).length >= r.length) ?? "";
687
711
  }
688
712
  escapeMask(a) {
689
- const t = [], i = [];
690
- return a.split("").forEach((r, s) => {
691
- r === "!" && a[s - 1] !== "!" ? i.push(s - i.length) : t.push(r);
692
- }), { mask: t.join(""), escaped: i };
713
+ const e = [], r = [];
714
+ return a.split("").forEach((n, s) => {
715
+ n === "!" && a[s - 1] !== "!" ? r.push(s - r.length) : e.push(n);
716
+ }), { mask: e.join(""), escaped: r };
693
717
  }
694
- process(a, t, i = !0) {
695
- if (this.opts.number != null) return dt(a, i, this.opts);
696
- if (t == null) return a;
697
- const r = `v=${a},mr=${t},m=${i ? 1 : 0}`;
698
- if (this.memo.has(r)) return this.memo.get(r);
699
- const { mask: s, escaped: n } = this.escapeMask(t), d = [], h = this.opts.tokens != null ? this.opts.tokens : {}, b = this.isReversed() ? -1 : 1, x = this.isReversed() ? "unshift" : "push", _ = this.isReversed() ? 0 : s.length - 1, v = this.isReversed() ? () => k > -1 && V > -1 : () => k < s.length && V < a.length, M = (W) => !this.isReversed() && W <= _ || this.isReversed() && W >= _;
700
- let P, I = -1, k = this.isReversed() ? s.length - 1 : 0, V = this.isReversed() ? a.length - 1 : 0, U = !1;
718
+ process(a, e, r = !0) {
719
+ if (this.opts.number != null) return st(a, r, this.opts);
720
+ if (e == null) return a;
721
+ const n = `v=${a},mr=${e},m=${r ? 1 : 0}`;
722
+ if (this.memo.has(n)) return this.memo.get(n);
723
+ const { mask: s, escaped: i } = this.escapeMask(e), d = [], h = this.opts.tokens != null ? this.opts.tokens : {}, b = this.isReversed() ? -1 : 1, V = this.isReversed() ? "unshift" : "push", x = this.isReversed() ? 0 : s.length - 1, v = this.isReversed() ? () => k > -1 && $ > -1 : () => k < s.length && $ < a.length, _ = (W) => !this.isReversed() && W <= x || this.isReversed() && W >= x;
724
+ let C, I = -1, k = this.isReversed() ? s.length - 1 : 0, $ = this.isReversed() ? a.length - 1 : 0, R = !1;
701
725
  for (; v(); ) {
702
- const W = s.charAt(k), C = h[W], z = (C == null ? void 0 : C.transform) != null ? C.transform(a.charAt(V)) : a.charAt(V);
703
- if (!n.includes(k) && C != null ? (z.match(C.pattern) != null ? (d[x](z), C.repeated ? (I === -1 ? I = k : k === _ && k !== I && (k = I - b), _ === I && (k -= b)) : C.multiple && (U = !0, k -= b), k += b) : C.multiple ? U && (k += b, V -= b, U = !1) : z === P ? P = void 0 : C.optional && (k += b, V -= b), V += b) : (i && !this.isEager() && d[x](W), z === W && !this.isEager() ? V += b : P = W, this.isEager() || (k += b)), this.isEager())
704
- for (; M(k) && (h[s.charAt(k)] == null || n.includes(k)); ) {
705
- if (i) {
706
- if (d[x](s.charAt(k)), a.charAt(V) === s.charAt(k)) {
707
- k += b, V += b;
726
+ const W = s.charAt(k), P = h[W], j = (P == null ? void 0 : P.transform) != null ? P.transform(a.charAt($)) : a.charAt($);
727
+ if (!i.includes(k) && P != null ? (j.match(P.pattern) != null ? (d[V](j), P.repeated ? (I === -1 ? I = k : k === x && k !== I && (k = I - b), x === I && (k -= b)) : P.multiple && (R = !0, k -= b), k += b) : P.multiple ? R && (k += b, $ -= b, R = !1) : j === C ? C = void 0 : P.optional && (k += b, $ -= b), $ += b) : (r && !this.isEager() && d[V](W), j === W && !this.isEager() ? $ += b : C = W, this.isEager() || (k += b)), this.isEager())
728
+ for (; _(k) && (h[s.charAt(k)] == null || i.includes(k)); ) {
729
+ if (r) {
730
+ if (d[V](s.charAt(k)), a.charAt($) === s.charAt(k)) {
731
+ k += b, $ += b;
708
732
  continue;
709
733
  }
710
- } else s.charAt(k) === a.charAt(V) && (V += b);
734
+ } else s.charAt(k) === a.charAt($) && ($ += b);
711
735
  k += b;
712
736
  }
713
737
  }
714
- return this.memo.set(r, d.join("")), this.memo.get(r);
738
+ return this.memo.set(n, d.join("")), this.memo.get(n);
715
739
  }
716
740
  }
717
- const ie = (e) => JSON.parse(e.replaceAll("'", '"')), ht = (e, a = {}) => {
718
- const t = { ...a };
719
- e.dataset.maska != null && e.dataset.maska !== "" && (t.mask = ft(e.dataset.maska)), e.dataset.maskaEager != null && (t.eager = R(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (t.reversed = R(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (t.tokensReplace = R(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (t.tokens = pt(e.dataset.maskaTokens));
720
- const i = {};
721
- return e.dataset.maskaNumberLocale != null && (i.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (i.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (i.unsigned = R(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(i).length > 0) && (t.number = i), t;
722
- }, R = (e) => e !== "" ? !!JSON.parse(e) : !0, ft = (e) => e.startsWith("[") && e.endsWith("]") ? ie(e) : e, pt = (e) => {
723
- if (e.startsWith("{") && e.endsWith("}"))
724
- return ie(e);
725
- const a = {};
726
- return e.split("|").forEach((t) => {
727
- const i = t.split(":");
728
- a[i[0]] = {
729
- pattern: new RegExp(i[1]),
730
- optional: i[2] === "optional",
731
- multiple: i[2] === "multiple",
732
- repeated: i[2] === "repeated"
733
- };
734
- }), a;
735
- };
736
- class mt {
737
- constructor(a, t = {}) {
738
- K(this, "items", /* @__PURE__ */ new Map()), K(this, "onInput", (i) => {
739
- if (i instanceof CustomEvent && i.type === "input" && !i.isTrusted)
741
+ class ot {
742
+ constructor(a, e = {}) {
743
+ A(this, "items", /* @__PURE__ */ new Map()), A(this, "eventAbortController"), A(this, "onInput", (r) => {
744
+ if (r instanceof CustomEvent && r.type === "input" && !r.isTrusted && !r.bubbles)
740
745
  return;
741
- const r = i.target, s = this.items.get(r), n = "inputType" in i && i.inputType.startsWith("delete"), d = s.isEager(), h = n && d && s.unmasked(r.value) === "" ? "" : r.value;
742
- this.fixCursor(r, n, () => this.setValue(r, h));
743
- }), this.options = t, this.init(this.getInputs(a));
746
+ const n = r.target, s = this.items.get(n);
747
+ if (s === void 0) return;
748
+ const i = "inputType" in r && r.inputType.startsWith("delete"), d = s.isEager(), h = i && d && s.unmasked(n.value) === "" ? "" : n.value;
749
+ this.fixCursor(n, i, () => this.setValue(n, h));
750
+ }), this.options = e, this.eventAbortController = new AbortController(), this.init(this.getInputs(a));
744
751
  }
745
752
  update(a = {}) {
746
753
  this.options = { ...a }, this.init(Array.from(this.items.keys()));
747
754
  }
748
755
  updateValue(a) {
749
- a.value !== "" && a.value !== this.processInput(a).masked && this.setValue(a, a.value);
756
+ var e;
757
+ a.value !== "" && a.value !== ((e = this.processInput(a)) == null ? void 0 : e.masked) && this.setValue(a, a.value);
750
758
  }
751
759
  destroy() {
752
- for (const a of this.items.keys())
753
- a.removeEventListener("input", this.onInput);
754
- this.items.clear();
760
+ this.eventAbortController.abort(), this.items.clear();
755
761
  }
756
762
  init(a) {
757
- const t = this.getOptions(this.options);
758
- for (const i of a) {
759
- this.items.has(i) || i.addEventListener("input", this.onInput, { capture: !0 });
760
- const r = new ct(ht(i, t));
761
- this.items.set(i, r), queueMicrotask(() => this.updateValue(i)), i.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", i.type);
763
+ const e = this.getOptions(this.options);
764
+ for (const r of a) {
765
+ if (!this.items.has(r)) {
766
+ const { signal: s } = this.eventAbortController;
767
+ r.addEventListener("input", this.onInput, { capture: !0, signal: s });
768
+ }
769
+ const n = new lt(rt(r, e));
770
+ this.items.set(r, n), queueMicrotask(() => this.updateValue(r)), r.selectionStart === null && n.isEager() && console.warn("Maska: input of `%s` type is not supported", r.type);
762
771
  }
763
772
  }
764
773
  getInputs(a) {
765
774
  return typeof a == "string" ? Array.from(document.querySelectorAll(a)) : "length" in a ? Array.from(a) : [a];
766
775
  }
767
776
  getOptions(a) {
768
- const { onMaska: t, preProcess: i, postProcess: r, ...s } = a;
777
+ const { onMaska: e, preProcess: r, postProcess: n, ...s } = a;
769
778
  return s;
770
779
  }
771
- fixCursor(a, t, i) {
772
- const r = a.selectionStart, s = a.value;
773
- if (i(), r === null || r === s.length && !t) return;
774
- const n = a.value, d = s.slice(0, r), h = n.slice(0, r), b = this.processInput(a, d).unmasked, x = this.processInput(a, h).unmasked;
775
- let _ = r;
776
- d !== h && (_ += t ? n.length - s.length : b.length - x.length), a.setSelectionRange(_, _);
780
+ fixCursor(a, e, r) {
781
+ var n, s;
782
+ const i = a.selectionStart, d = a.value;
783
+ if (r(), i === null || i === d.length && !e) return;
784
+ const h = a.value, b = d.slice(0, i), V = h.slice(0, i), x = (n = this.processInput(a, b)) == null ? void 0 : n.unmasked, v = (s = this.processInput(a, V)) == null ? void 0 : s.unmasked;
785
+ if (x === void 0 || v === void 0) return;
786
+ let _ = i;
787
+ b !== V && (_ += e ? h.length - d.length : x.length - v.length), a.setSelectionRange(_, _);
777
788
  }
778
- setValue(a, t) {
779
- const i = this.processInput(a, t);
780
- a.value = i.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((r) => r(i)) : this.options.onMaska(i)), a.dispatchEvent(new CustomEvent("maska", { detail: i })), a.dispatchEvent(new CustomEvent("input", { detail: i.masked }));
789
+ setValue(a, e) {
790
+ const r = this.processInput(a, e);
791
+ r !== void 0 && (a.value = r.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((n) => n(r)) : this.options.onMaska(r)), a.dispatchEvent(new CustomEvent("maska", { detail: r })), a.dispatchEvent(new CustomEvent("input", { detail: r.masked })));
781
792
  }
782
- processInput(a, t) {
783
- const i = this.items.get(a);
784
- let r = t ?? a.value;
785
- this.options.preProcess != null && (r = this.options.preProcess(r));
786
- let s = i.masked(r);
793
+ processInput(a, e) {
794
+ const r = this.items.get(a);
795
+ if (r === void 0) return;
796
+ let n = e ?? a.value;
797
+ this.options.preProcess != null && (n = this.options.preProcess(n));
798
+ let s = r.masked(n);
787
799
  return this.options.postProcess != null && (s = this.options.postProcess(s)), {
788
800
  masked: s,
789
- unmasked: i.unmasked(r),
790
- completed: i.completed(r)
801
+ unmasked: r.unmasked(n),
802
+ completed: r.completed(n)
791
803
  };
792
804
  }
793
805
  }
794
- const G = /* @__PURE__ */ new WeakMap(), gt = (e, a) => {
795
- if (e.arg == null || e.instance == null) return;
796
- const t = "setup" in e.instance.$.type;
797
- e.arg in e.instance ? e.instance[e.arg] = a : t && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
798
- }, j = (e, a) => {
799
- var t;
800
- const i = e instanceof HTMLInputElement ? e : e.querySelector("input");
801
- if (i == null || (i == null ? void 0 : i.type) === "file") return;
802
- let r = {};
803
- if (a.value != null && (r = typeof a.value == "string" ? { mask: a.value } : { ...a.value }), a.arg != null) {
804
- const s = (n) => {
805
- const d = a.modifiers.unmasked ? n.unmasked : a.modifiers.completed ? n.completed : n.masked;
806
- gt(a, d);
806
+ const K = /* @__PURE__ */ new WeakMap(), ut = (t, a) => {
807
+ if (t.arg == null || t.instance == null) return;
808
+ const e = "setup" in t.instance.$.type;
809
+ t.arg in t.instance ? t.instance[t.arg] = a : e && console.warn("Maska: please expose `%s` using defineExpose", t.arg);
810
+ }, D = (t, a) => {
811
+ var e;
812
+ const r = t instanceof HTMLInputElement ? t : t.querySelector("input");
813
+ if (r == null || (r == null ? void 0 : r.type) === "file") return;
814
+ let n = {};
815
+ if (a.value != null && (n = typeof a.value == "string" ? { mask: a.value } : { ...a.value }), a.arg != null) {
816
+ const s = (i) => {
817
+ const d = a.modifiers.unmasked ? i.unmasked : a.modifiers.completed ? i.completed : i.masked;
818
+ ut(a, d);
807
819
  };
808
- r.onMaska = r.onMaska == null ? s : Array.isArray(r.onMaska) ? [...r.onMaska, s] : [r.onMaska, s];
820
+ n.onMaska = n.onMaska == null ? s : Array.isArray(n.onMaska) ? [...n.onMaska, s] : [n.onMaska, s];
809
821
  }
810
- G.has(i) ? (t = G.get(i)) == null || t.update(r) : G.set(i, new mt(i, r));
811
- }, bt = {
812
- directives: { maska: j },
822
+ K.has(r) ? (e = K.get(r)) == null || e.update(n) : K.set(r, new ot(r, n));
823
+ }, dt = {
824
+ directives: { maska: D },
813
825
  name: "wra-custom-input",
814
826
  props: {
815
827
  /**
@@ -880,7 +892,7 @@ const G = /* @__PURE__ */ new WeakMap(), gt = (e, a) => {
880
892
  inputmode: {
881
893
  default: "numeric",
882
894
  type: String,
883
- validator(e) {
895
+ validator(t) {
884
896
  return [
885
897
  "none",
886
898
  "text",
@@ -890,7 +902,7 @@ const G = /* @__PURE__ */ new WeakMap(), gt = (e, a) => {
890
902
  "numeric",
891
903
  "decimal",
892
904
  "search"
893
- ].includes(e);
905
+ ].includes(t);
894
906
  }
895
907
  },
896
908
  /**
@@ -902,7 +914,7 @@ const G = /* @__PURE__ */ new WeakMap(), gt = (e, a) => {
902
914
  type: {
903
915
  type: String,
904
916
  default: "text",
905
- validator(e) {
917
+ validator(t) {
906
918
  return [
907
919
  "text",
908
920
  "none",
@@ -911,7 +923,7 @@ const G = /* @__PURE__ */ new WeakMap(), gt = (e, a) => {
911
923
  "email",
912
924
  "numeric",
913
925
  "decimal"
914
- ].includes(e);
926
+ ].includes(t);
915
927
  }
916
928
  },
917
929
  /**
@@ -958,17 +970,17 @@ const G = /* @__PURE__ */ new WeakMap(), gt = (e, a) => {
958
970
  firstValidation: !0
959
971
  }),
960
972
  methods: {
961
- onMaska(e) {
962
- const a = e.detail.unmasked;
973
+ onMaska(t) {
974
+ const a = t.detail.unmasked;
963
975
  this.$emit("update:modelValue", a), this.validate(a);
964
976
  },
965
- validate(e) {
977
+ validate(t) {
966
978
  if (this.errorMessage = "", this.rules != null)
967
979
  for (let a = 0; a < this.rules.length; a++) {
968
- const t = this.rules[a];
969
- let i = t(e);
970
- if (i != !0) {
971
- this.errorMessage = i, this.$emit("valid", { id: this.id, value: !1 });
980
+ const e = this.rules[a];
981
+ let r = e(t);
982
+ if (r != !0) {
983
+ this.errorMessage = r, this.$emit("valid", { id: this.id, value: !1 });
972
984
  break;
973
985
  }
974
986
  }
@@ -986,44 +998,44 @@ const G = /* @__PURE__ */ new WeakMap(), gt = (e, a) => {
986
998
  mounted() {
987
999
  this.$emit("update:modelValue", this.modelValue), this.validate(this.modelValue);
988
1000
  }
989
- }, kt = ["for"], yt = { class: "input-wrapper" }, _t = {
1001
+ }, ct = ["for"], ht = { class: "input-wrapper" }, ft = {
990
1002
  key: 0,
991
1003
  class: "prefix"
992
- }, vt = ["id", "type", "value", "inputmode", "placeholder", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], wt = {
1004
+ }, mt = ["id", "type", "value", "inputmode", "placeholder", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], pt = {
993
1005
  key: 1,
994
1006
  class: "suffix"
995
1007
  };
996
- function St(e, a, t, i, r, s) {
997
- const n = L("maska");
1008
+ function gt(t, a, e, r, n, s) {
1009
+ const i = q("maska");
998
1010
  return l(), o("div", {
999
- class: p({ error: e.errorMessage != !1 })
1011
+ class: m({ error: t.errorMessage != !1 })
1000
1012
  }, [
1001
- t.label ? (l(), o("label", {
1013
+ e.label ? (l(), o("label", {
1002
1014
  key: 0,
1003
- for: t.id
1004
- }, c(t.label), 9, kt)) : f("", !0),
1005
- u("div", yt, [
1006
- t.prefix ? (l(), o("span", _t, c(t.prefix), 1)) : f("", !0),
1015
+ for: e.id
1016
+ }, c(e.label), 9, ct)) : f("", !0),
1017
+ u("div", ht, [
1018
+ e.prefix ? (l(), o("span", ft, c(e.prefix), 1)) : f("", !0),
1007
1019
  O(u("input", {
1008
- id: t.id,
1009
- type: t.type,
1010
- value: t.modelValue,
1011
- inputmode: t.inputmode || "numeric",
1012
- placeholder: t.placeholder,
1020
+ id: e.id,
1021
+ type: e.type,
1022
+ value: e.modelValue,
1023
+ inputmode: e.inputmode || "numeric",
1024
+ placeholder: e.placeholder,
1013
1025
  onMaska: a[0] || (a[0] = (...d) => s.onMaska && s.onMaska(...d)),
1014
- "data-maska-eager": t.dataMaskaEager,
1015
- "data-maska-reversed": t.dataMaskaReversed,
1016
- "data-maska-tokens": t.dataMaskaTokens,
1017
- class: p(s.prefixPadding)
1018
- }, null, 42, vt), [
1019
- [n, t.dataMaska]
1026
+ "data-maska-eager": e.dataMaskaEager,
1027
+ "data-maska-reversed": e.dataMaskaReversed,
1028
+ "data-maska-tokens": e.dataMaskaTokens,
1029
+ class: m(s.prefixPadding)
1030
+ }, null, 42, mt), [
1031
+ [i, e.dataMaska]
1020
1032
  ]),
1021
- t.suffix ? (l(), o("span", wt, c(t.suffix), 1)) : f("", !0)
1033
+ e.suffix ? (l(), o("span", pt, c(e.suffix), 1)) : f("", !0)
1022
1034
  ]),
1023
- u("p", null, c(e.errorMessage), 1)
1035
+ u("p", null, c(t.errorMessage), 1)
1024
1036
  ], 2);
1025
1037
  }
1026
- const xt = /* @__PURE__ */ g(bt, [["render", St], ["__scopeId", "data-v-5b640ba7"]]), It = {
1038
+ const bt = /* @__PURE__ */ g(dt, [["render", gt], ["__scopeId", "data-v-5b640ba7"]]), kt = {
1027
1039
  name: "wra-data-table",
1028
1040
  props: {
1029
1041
  /**
@@ -1073,11 +1085,11 @@ const xt = /* @__PURE__ */ g(bt, [["render", St], ["__scopeId", "data-v-5b640ba7
1073
1085
  };
1074
1086
  },
1075
1087
  methods: {
1076
- sortByColumn(e) {
1088
+ sortByColumn(t) {
1077
1089
  this.localSortBy = [
1078
1090
  {
1079
- key: e,
1080
- order: this.localSortBy && this.localSortBy[0].key === e && this.localSortBy[0].order === "asc" ? "desc" : "asc"
1091
+ key: t,
1092
+ order: this.localSortBy && this.localSortBy[0].key === t && this.localSortBy[0].order === "asc" ? "desc" : "asc"
1081
1093
  }
1082
1094
  ];
1083
1095
  }
@@ -1090,180 +1102,180 @@ const xt = /* @__PURE__ */ g(bt, [["render", St], ["__scopeId", "data-v-5b640ba7
1090
1102
  return Math.ceil(this.sortedArray.length / this.localItemsPerPage);
1091
1103
  },
1092
1104
  paginatedArray() {
1093
- const e = (this.currentPage - 1) * this.localItemsPerPage, a = e + this.localItemsPerPage;
1094
- return this.sortedArray.slice(e, a);
1105
+ const t = (this.currentPage - 1) * this.localItemsPerPage, a = t + this.localItemsPerPage;
1106
+ return this.sortedArray.slice(t, a);
1095
1107
  },
1096
1108
  filteredItems() {
1097
- let e = this.items;
1109
+ let t = this.items;
1098
1110
  if (this.search) {
1099
1111
  this.currentPage = 1;
1100
- const a = this.search.toLowerCase(), t = this.headers.map((i) => i.key);
1101
- e = e.filter(
1102
- (i) => (
1112
+ const a = this.search.toLowerCase(), e = this.headers.map((r) => r.key);
1113
+ t = t.filter(
1114
+ (r) => (
1103
1115
  // Use .some() to check all relevant columns
1104
- t.some(
1105
- (r) => String(i[r]).toLowerCase().includes(a)
1116
+ e.some(
1117
+ (n) => String(r[n]).toLowerCase().includes(a)
1106
1118
  )
1107
1119
  )
1108
1120
  );
1109
1121
  }
1110
1122
  return Object.keys(this.columnFilters).forEach((a) => {
1111
- var i;
1112
- const t = (i = this.columnFilters[a]) == null ? void 0 : i.toLowerCase();
1113
- t && (this.currentPage = 1, e = e.filter(
1114
- (r) => String(r[a]).toLowerCase().includes(t)
1123
+ var r;
1124
+ const e = (r = this.columnFilters[a]) == null ? void 0 : r.toLowerCase();
1125
+ e && (this.currentPage = 1, t = t.filter(
1126
+ (n) => String(n[a]).toLowerCase().includes(e)
1115
1127
  ));
1116
- }), e;
1128
+ }), t;
1117
1129
  },
1118
1130
  sortedArray() {
1119
- let e = JSON.parse(JSON.stringify(this.filteredItems));
1120
- return this.localSortBy && this.localSortBy.length > 0 ? e.sort((a, t) => {
1121
- const i = this.localSortBy[0];
1122
- var r = a[i.key], s = t[i.key];
1123
- if (r == null && s == null)
1131
+ let t = JSON.parse(JSON.stringify(this.filteredItems));
1132
+ return this.localSortBy && this.localSortBy.length > 0 ? t.sort((a, e) => {
1133
+ const r = this.localSortBy[0];
1134
+ var n = a[r.key], s = e[r.key];
1135
+ if (n == null && s == null)
1124
1136
  return 0;
1125
- if (r == null)
1126
- return i.order === "desc" ? 1 : -1;
1137
+ if (n == null)
1138
+ return r.order === "desc" ? 1 : -1;
1127
1139
  if (s == null)
1128
- return i.order === "desc" ? -1 : 1;
1129
- const n = (v) => {
1140
+ return r.order === "desc" ? -1 : 1;
1141
+ const i = (v) => {
1130
1142
  if (typeof v == "string" && /^-?[\d,]+(\.\d+)?$/.test(v)) {
1131
- const M = v.replace(/,/g, "");
1132
- return parseFloat(M);
1143
+ const _ = v.replace(/,/g, "");
1144
+ return parseFloat(_);
1133
1145
  }
1134
1146
  return v;
1135
1147
  }, d = (v) => {
1136
1148
  if (typeof v == "string" && /^\d{2}\/\d{2}\/\d{4}$/.test(v)) {
1137
- const [M, P, I] = v.split("/").map(Number);
1138
- return new Date(I, P - 1, M).getTime();
1149
+ const [_, C, I] = v.split("/").map(Number);
1150
+ return new Date(I, C - 1, _).getTime();
1139
1151
  }
1140
1152
  return v;
1141
- }, h = n(r), b = n(s), x = d(r), _ = d(s);
1142
- return !isNaN(h) && !isNaN(b) ? i.order === "desc" ? b - h : h - b : !isNaN(x) && !isNaN(_) ? i.order === "desc" ? _ - x : x - _ : i.order === "desc" ? r < s ? 1 : -1 : r > s ? 1 : -1;
1143
- }) : e;
1153
+ }, h = i(n), b = i(s), V = d(n), x = d(s);
1154
+ return !isNaN(h) && !isNaN(b) ? r.order === "desc" ? b - h : h - b : !isNaN(V) && !isNaN(x) ? r.order === "desc" ? x - V : V - x : r.order === "desc" ? n < s ? 1 : -1 : n > s ? 1 : -1;
1155
+ }) : t;
1144
1156
  }
1145
1157
  }
1146
- }, Z = (e) => (q("data-v-2cdb0a4c"), e = e(), E(), e), Vt = { class: "wra-data-table" }, $t = {
1158
+ }, yt = { class: "wra-data-table" }, vt = {
1147
1159
  key: 0,
1148
1160
  class: "wra-data-table-caption"
1149
- }, Mt = { key: 1 }, Pt = ["onClick"], Ct = { key: 0 }, Bt = {
1161
+ }, _t = { key: 1 }, wt = ["onClick"], St = { key: 0 }, xt = {
1150
1162
  key: 0,
1151
1163
  class: "wra-chevron wra-chevron-up sort-icons"
1152
- }, Tt = ["onUpdate:modelValue"], Ot = { key: 1 }, Wt = ["colspan"], Ft = /* @__PURE__ */ Z(() => /* @__PURE__ */ u("span", { class: "loader" }, null, -1)), Nt = [
1153
- Ft
1154
- ], At = ["onClick"], qt = { key: 1 }, Et = { class: "pagination" }, Lt = ["disabled"], Dt = /* @__PURE__ */ Z(() => /* @__PURE__ */ u("span", { class: "wra-chevron wra-chevron-left" }, null, -1)), jt = [
1155
- Dt
1156
- ], zt = ["disabled"], Rt = /* @__PURE__ */ Z(() => /* @__PURE__ */ u("span", { class: "wra-chevron wra-chevron-right" }, null, -1)), Kt = [
1157
- Rt
1158
- ];
1159
- function Ht(e, a, t, i, r, s) {
1164
+ }, Vt = ["onUpdate:modelValue"], It = { key: 1 }, $t = ["colspan"], Mt = ["onClick"], Ct = { key: 1 }, Pt = { class: "pagination" }, Bt = ["disabled"], Tt = ["disabled"];
1165
+ function Ot(t, a, e, r, n, s) {
1160
1166
  return l(), o("div", null, [
1161
- u("table", Vt, [
1162
- t.caption ? (l(), o("caption", $t, [
1163
- m(e.$slots, "caption", {}, () => [
1164
- $(c(t.caption), 1)
1167
+ u("table", yt, [
1168
+ e.caption ? (l(), o("caption", vt, [
1169
+ p(t.$slots, "caption", {}, () => [
1170
+ M(c(e.caption), 1)
1165
1171
  ], !0)
1166
1172
  ])) : f("", !0),
1167
1173
  u("thead", null, [
1168
- e.$slots.headerSlot ? m(e.$slots, "headers", {
1174
+ t.$slots.headerSlot ? p(t.$slots, "headers", {
1169
1175
  key: 0,
1170
- headers: t.headers
1171
- }, void 0, !0) : (l(), o("tr", Mt, [
1172
- (l(!0), o(y, null, S(t.headers, (n) => (l(), o("th", {
1173
- key: n.key,
1174
- onClick: (d) => (n.sortable || n.sortable == null) && s.sortByColumn(n.key),
1175
- style: A({ width: n.width + "px" }),
1176
- class: p({
1177
- clickable: n.sortable == null || n.sortable,
1178
- "text-left": n.align == "left" || n.align == null,
1179
- "text-right": n.align == "right",
1180
- "text-center": n.align == "center"
1176
+ headers: e.headers
1177
+ }, void 0, !0) : (l(), o("tr", _t, [
1178
+ (l(!0), o(y, null, S(e.headers, (i) => (l(), o("th", {
1179
+ key: i.key,
1180
+ onClick: (d) => (i.sortable || i.sortable == null) && s.sortByColumn(i.key),
1181
+ style: E({ width: i.width + "px" }),
1182
+ class: m({
1183
+ clickable: i.sortable == null || i.sortable,
1184
+ "text-left": i.align == "left" || i.align == null,
1185
+ "text-right": i.align == "right",
1186
+ "text-center": i.align == "center"
1181
1187
  })
1182
1188
  }, [
1183
- $(c(n.title) + " ", 1),
1184
- r.localSortBy && r.localSortBy[0].key === n.key ? (l(), o("span", Ct, [
1189
+ M(c(i.title) + " ", 1),
1190
+ n.localSortBy && n.localSortBy[0].key === i.key ? (l(), o("span", St, [
1185
1191
  u("span", {
1186
- class: p({
1187
- "wra-chevron wra-chevron-up": r.localSortBy[0].order === "asc",
1188
- "wra-chevron wra-chevron-down": r.localSortBy[0].order === "desc"
1192
+ class: m({
1193
+ "wra-chevron wra-chevron-up": n.localSortBy[0].order === "asc",
1194
+ "wra-chevron wra-chevron-down": n.localSortBy[0].order === "desc"
1189
1195
  })
1190
1196
  }, null, 2)
1191
1197
  ])) : (l(), o(y, { key: 1 }, [
1192
- n.sortable == !0 || n.sortable == null ? (l(), o("span", Bt)) : f("", !0)
1198
+ i.sortable == !0 || i.sortable == null ? (l(), o("span", xt)) : f("", !0)
1193
1199
  ], 64)),
1194
- n.searchable ? O((l(), o("input", {
1200
+ i.searchable ? O((l(), o("input", {
1195
1201
  key: 2,
1196
1202
  type: "text",
1197
- "onUpdate:modelValue": (d) => r.columnFilters[n.key] = d,
1203
+ "onUpdate:modelValue": (d) => n.columnFilters[i.key] = d,
1198
1204
  onClick: a[0] || (a[0] = B(() => {
1199
1205
  }, ["stop"])),
1200
1206
  placeholder: "Search...",
1201
1207
  class: "column-search-input"
1202
- }, null, 8, Tt)), [
1203
- [ae, r.columnFilters[n.key]]
1208
+ }, null, 8, Vt)), [
1209
+ [Q, n.columnFilters[i.key]]
1204
1210
  ]) : f("", !0)
1205
- ], 14, Pt))), 128))
1211
+ ], 14, wt))), 128))
1206
1212
  ]))
1207
1213
  ]),
1208
- t.loading == !0 ? (l(), o("tbody", Ot, [
1214
+ e.loading == !0 ? (l(), o("tbody", It, [
1209
1215
  u("tr", null, [
1210
1216
  u("td", {
1211
1217
  class: "text-center",
1212
- colspan: t.headers.length
1213
- }, Nt, 8, Wt)
1218
+ colspan: e.headers.length
1219
+ }, a[3] || (a[3] = [
1220
+ u("span", { class: "loader" }, null, -1)
1221
+ ]), 8, $t)
1214
1222
  ])
1215
- ])) : (l(!0), o(y, { key: 3 }, S(s.paginatedArray, (n) => (l(), o("tbody", {
1216
- class: p({
1217
- clickable: e.$attrs["onClick:row"] != null
1223
+ ])) : (l(!0), o(y, { key: 3 }, S(s.paginatedArray, (i) => (l(), o("tbody", {
1224
+ class: m({
1225
+ clickable: t.$attrs["onClick:row"] != null
1218
1226
  }),
1219
- onClick: (d) => e.$emit("click:row", n)
1227
+ onClick: (d) => t.$emit("click:row", i)
1220
1228
  }, [
1221
- e.$slots.item ? m(e.$slots, "item", {
1229
+ t.$slots.item ? p(t.$slots, "item", {
1222
1230
  key: 0,
1223
- item: n,
1231
+ item: i,
1224
1232
  items: s.paginatedArray
1225
1233
  }, void 0, !0) : (l(), o("tr", {
1226
1234
  key: 1,
1227
- class: p({ bold: n.bold })
1235
+ class: m({ bold: i.bold })
1228
1236
  }, [
1229
- (l(!0), o(y, null, S(t.headers, (d) => (l(), o("td", {
1230
- class: p({
1237
+ (l(!0), o(y, null, S(e.headers, (d) => (l(), o("td", {
1238
+ class: m({
1231
1239
  "text-left": d.align == "left" || d.align == null,
1232
1240
  "text-right": d.align == "right",
1233
1241
  "text-center": d.align == "center"
1234
1242
  })
1235
1243
  }, [
1236
- e.$slots["item." + d.key] ? m(e.$slots, `item.${d.key}`, {
1244
+ t.$slots["item." + d.key] ? p(t.$slots, `item.${d.key}`, {
1237
1245
  key: 0,
1238
- value: n[d.key],
1239
- item: n,
1246
+ value: i[d.key],
1247
+ item: i,
1240
1248
  items: s.sortedArray
1241
- }, void 0, !0) : (l(), o("span", qt, c(n[d.key]), 1))
1249
+ }, void 0, !0) : (l(), o("span", Ct, c(i[d.key]), 1))
1242
1250
  ], 2))), 256))
1243
1251
  ], 2))
1244
- ], 10, At))), 256))
1252
+ ], 10, Mt))), 256))
1245
1253
  ]),
1246
- u("div", Et, [
1247
- $(" Page " + c(r.currentPage) + " of " + c(s.totalNumberOfPages) + " ", 1),
1254
+ u("div", Pt, [
1255
+ M(" Page " + c(n.currentPage) + " of " + c(s.totalNumberOfPages) + " ", 1),
1248
1256
  u("button", {
1249
- disabled: r.currentPage == 1,
1250
- class: p({
1251
- "disable-button": r.currentPage == 1
1257
+ disabled: n.currentPage == 1,
1258
+ class: m({
1259
+ "disable-button": n.currentPage == 1
1252
1260
  }),
1253
- onClick: a[1] || (a[1] = (n) => r.currentPage = r.currentPage - 1)
1254
- }, jt, 10, Lt),
1261
+ onClick: a[1] || (a[1] = (i) => n.currentPage = n.currentPage - 1)
1262
+ }, a[4] || (a[4] = [
1263
+ u("span", { class: "wra-chevron wra-chevron-left" }, null, -1)
1264
+ ]), 10, Bt),
1255
1265
  u("button", {
1256
- disabled: r.currentPage == s.totalNumberOfPages,
1257
- class: p({
1258
- "disable-button": r.currentPage == s.totalNumberOfPages
1266
+ disabled: n.currentPage == s.totalNumberOfPages,
1267
+ class: m({
1268
+ "disable-button": n.currentPage == s.totalNumberOfPages
1259
1269
  }),
1260
- onClick: a[2] || (a[2] = (n) => r.currentPage = r.currentPage + 1)
1261
- }, Kt, 10, zt)
1270
+ onClick: a[2] || (a[2] = (i) => n.currentPage = n.currentPage + 1)
1271
+ }, a[5] || (a[5] = [
1272
+ u("span", { class: "wra-chevron wra-chevron-right" }, null, -1)
1273
+ ]), 10, Tt)
1262
1274
  ])
1263
1275
  ]);
1264
1276
  }
1265
- const Ut = /* @__PURE__ */ g(It, [["render", Ht], ["__scopeId", "data-v-2cdb0a4c"]]), Gt = {
1266
- directives: { maska: j },
1277
+ const Wt = /* @__PURE__ */ g(kt, [["render", Ot], ["__scopeId", "data-v-2cdb0a4c"]]), Ft = {
1278
+ directives: { maska: D },
1267
1279
  name: "wra-date-input",
1268
1280
  props: {
1269
1281
  /**
@@ -1302,8 +1314,8 @@ const Ut = /* @__PURE__ */ g(It, [["render", Ht], ["__scopeId", "data-v-2cdb0a4c
1302
1314
  inputmode: {
1303
1315
  default: "numeric",
1304
1316
  type: String,
1305
- validator(e) {
1306
- return ["numeric"].includes(e);
1317
+ validator(t) {
1318
+ return ["numeric"].includes(t);
1307
1319
  }
1308
1320
  },
1309
1321
  /**
@@ -1346,8 +1358,8 @@ const Ut = /* @__PURE__ */ g(It, [["render", Ht], ["__scopeId", "data-v-2cdb0a4c
1346
1358
  * Watcher for modelValue prop.
1347
1359
  * @param {string} newValue - The new value of the modelValue prop.
1348
1360
  */
1349
- modelValue(e) {
1350
- e != this.dateObjectValue && this.setInitialState();
1361
+ modelValue(t) {
1362
+ t != this.dateObjectValue && this.setInitialState();
1351
1363
  }
1352
1364
  },
1353
1365
  methods: {
@@ -1356,28 +1368,28 @@ const Ut = /* @__PURE__ */ g(It, [["render", Ht], ["__scopeId", "data-v-2cdb0a4c
1356
1368
  * @param {string} input - The input date string in DD/MM/YYYY format.
1357
1369
  * @returns {string} - The date string with day and month swapped.
1358
1370
  */
1359
- swapMonthDay(e) {
1360
- var a = e.split("/");
1371
+ swapMonthDay(t) {
1372
+ var a = t.split("/");
1361
1373
  return a[1] + "/" + a[0] + "/" + a[2];
1362
1374
  },
1363
- convertToDate(e) {
1364
- if (this.maskedValue = e, e.length == 10) {
1365
- let a = new Date(this.swapMonthDay(e));
1375
+ convertToDate(t) {
1376
+ if (this.maskedValue = t, t.length == 10) {
1377
+ let a = new Date(this.swapMonthDay(t));
1366
1378
  a = new Date(
1367
1379
  a.getTime() - a.getTimezoneOffset() * 60 * 1e3
1368
1380
  );
1369
- let t = this.validate(a);
1370
- this.$emit("valid", { id: this.id, value: t }), t == !0 ? (this.dateObjectValue = a, this.$emit("update:modelValue", a)) : (this.dateObjectValue = null, this.$emit("update:modelValue", null));
1381
+ let e = this.validate(a);
1382
+ this.$emit("valid", { id: this.id, value: e }), e == !0 ? (this.dateObjectValue = a, this.$emit("update:modelValue", a)) : (this.dateObjectValue = null, this.$emit("update:modelValue", null));
1371
1383
  } else {
1372
1384
  let a = this.validate(null);
1373
1385
  this.$emit("valid", { id: this.id, value: a }), this.dateObjectValue = null, this.$emit("update:modelValue", null);
1374
1386
  }
1375
1387
  },
1376
- validate(e) {
1388
+ validate(t) {
1377
1389
  if (this.defaultValidation === !1)
1378
1390
  return !0;
1379
1391
  let a = !0;
1380
- return e === null ? (this.required == !0 && (this.showError = !0, a = !1), this.required == !1 && (this.maskedValue.length == 0 ? (this.showError = !1, a = !0) : (this.showError = !0, a = !1)), this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a) : (e == "Invalid Date" && (a = !1), parseInt(this.maskedValue.split("/")[1]) - 1 != e.getMonth() && (a = !1), this.showError = !a, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a);
1392
+ return t === null ? (this.required == !0 && (this.showError = !0, a = !1), this.required == !1 && (this.maskedValue.length == 0 ? (this.showError = !1, a = !0) : (this.showError = !0, a = !1)), this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a) : (t == "Invalid Date" && (a = !1), parseInt(this.maskedValue.split("/")[1]) - 1 != t.getMonth() && (a = !1), this.showError = !a, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a);
1381
1393
  },
1382
1394
  /**
1383
1395
  * Sets the initial state of the component based on the modelValue prop.
@@ -1388,10 +1400,10 @@ const Ut = /* @__PURE__ */ g(It, [["render", Ht], ["__scopeId", "data-v-2cdb0a4c
1388
1400
  return;
1389
1401
  }
1390
1402
  if (typeof this.modelValue == "object") {
1391
- let e = this.modelValue.getDate().toString().padStart(2, "0") + "/" + (this.modelValue.getMonth() + 1).toString().padStart(2, "0") + "/" + this.modelValue.getFullYear();
1392
- this.convertToDate(e);
1403
+ let t = this.modelValue.getDate().toString().padStart(2, "0") + "/" + (this.modelValue.getMonth() + 1).toString().padStart(2, "0") + "/" + this.modelValue.getFullYear();
1404
+ this.convertToDate(t);
1393
1405
  } else if (this.modelValue.includes("T")) {
1394
- let e = new Date(this.modelValue), a = e.getDate().toString().padStart(2, "0") + "/" + (e.getMonth() + 1).toString().padStart(2, "0") + "/" + e.getFullYear();
1406
+ let t = new Date(this.modelValue), a = t.getDate().toString().padStart(2, "0") + "/" + (t.getMonth() + 1).toString().padStart(2, "0") + "/" + t.getFullYear();
1395
1407
  this.convertToDate(a);
1396
1408
  } else
1397
1409
  this.convertToDate(this.modelValue);
@@ -1400,32 +1412,32 @@ const Ut = /* @__PURE__ */ g(It, [["render", Ht], ["__scopeId", "data-v-2cdb0a4c
1400
1412
  mounted() {
1401
1413
  this.setInitialState();
1402
1414
  }
1403
- }, Yt = ["for"], Jt = ["id", "value", "inputmode", "placeholder", "defaultValidation"], Zt = { key: 1 };
1404
- function Qt(e, a, t, i, r, s) {
1405
- const n = L("maska");
1415
+ }, Nt = ["for"], At = ["id", "value", "inputmode", "placeholder", "defaultValidation"], Et = { key: 1 };
1416
+ function qt(t, a, e, r, n, s) {
1417
+ const i = q("maska");
1406
1418
  return l(), o("div", {
1407
- class: p({ error: e.showError != !1 })
1419
+ class: m({ error: t.showError != !1 })
1408
1420
  }, [
1409
- t.label ? (l(), o("label", {
1421
+ e.label ? (l(), o("label", {
1410
1422
  key: 0,
1411
- for: t.id
1412
- }, c(t.label), 9, Yt)) : f("", !0),
1423
+ for: e.id
1424
+ }, c(e.label), 9, Nt)) : f("", !0),
1413
1425
  O(u("input", {
1414
- id: t.id,
1426
+ id: e.id,
1415
1427
  type: "text",
1416
- value: e.maskedValue,
1417
- inputmode: t.inputmode ?? "numeric",
1418
- placeholder: t.placeholder,
1419
- defaultValidation: t.defaultValidation,
1428
+ value: t.maskedValue,
1429
+ inputmode: e.inputmode ?? "numeric",
1430
+ placeholder: e.placeholder,
1431
+ defaultValidation: e.defaultValidation,
1420
1432
  onInput: a[0] || (a[0] = (d) => s.convertToDate(d.target.value)),
1421
1433
  "data-maska-eager": ""
1422
- }, null, 40, Jt), [
1423
- [n, "##/##/####"]
1434
+ }, null, 40, At), [
1435
+ [i, "##/##/####"]
1424
1436
  ]),
1425
- e.showError && t.required != null ? (l(), o("p", Zt, "Invalid date")) : f("", !0)
1437
+ t.showError && e.required != null ? (l(), o("p", Et, "Invalid date")) : f("", !0)
1426
1438
  ], 2);
1427
1439
  }
1428
- const Xt = /* @__PURE__ */ g(Gt, [["render", Qt], ["__scopeId", "data-v-015240fd"]]), ea = {
1440
+ const Lt = /* @__PURE__ */ g(Ft, [["render", qt], ["__scopeId", "data-v-015240fd"]]), Dt = {
1429
1441
  name: "wra-header",
1430
1442
  props: {
1431
1443
  /**
@@ -1436,34 +1448,34 @@ const Xt = /* @__PURE__ */ g(Gt, [["render", Qt], ["__scopeId", "data-v-015240fd
1436
1448
  required: !0
1437
1449
  }
1438
1450
  }
1439
- }, ta = { key: 0 }, aa = { key: 1 }, sa = { key: 2 }, ia = { key: 3 }, ra = { key: 4 }, na = { key: 5 };
1440
- function la(e, a, t, i, r, s) {
1451
+ }, jt = { key: 0 }, zt = { key: 1 }, Rt = { key: 2 }, Kt = { key: 3 }, Ht = { key: 4 }, Ut = { key: 5 };
1452
+ function Gt(t, a, e, r, n, s) {
1441
1453
  return l(), o("div", null, [
1442
- t.size == "h1" ? (l(), o("h1", ta, [
1443
- m(e.$slots, "default", {}, void 0, !0)
1454
+ e.size == "h1" ? (l(), o("h1", jt, [
1455
+ p(t.$slots, "default", {}, void 0, !0)
1444
1456
  ])) : f("", !0),
1445
- t.size == "h2" ? (l(), o("h2", aa, [
1446
- m(e.$slots, "default", {}, void 0, !0)
1457
+ e.size == "h2" ? (l(), o("h2", zt, [
1458
+ p(t.$slots, "default", {}, void 0, !0)
1447
1459
  ])) : f("", !0),
1448
- t.size == "h3" ? (l(), o("h3", sa, [
1449
- m(e.$slots, "default", {}, void 0, !0)
1460
+ e.size == "h3" ? (l(), o("h3", Rt, [
1461
+ p(t.$slots, "default", {}, void 0, !0)
1450
1462
  ])) : f("", !0),
1451
- t.size == "h4" ? (l(), o("h4", ia, [
1452
- m(e.$slots, "default", {}, void 0, !0)
1463
+ e.size == "h4" ? (l(), o("h4", Kt, [
1464
+ p(t.$slots, "default", {}, void 0, !0)
1453
1465
  ])) : f("", !0),
1454
- t.size == "h5" ? (l(), o("h5", ra, [
1455
- m(e.$slots, "default", {}, void 0, !0)
1466
+ e.size == "h5" ? (l(), o("h5", Ht, [
1467
+ p(t.$slots, "default", {}, void 0, !0)
1456
1468
  ])) : f("", !0),
1457
- t.size == "h6" ? (l(), o("h6", na, [
1458
- m(e.$slots, "default", {}, void 0, !0)
1469
+ e.size == "h6" ? (l(), o("h6", Ut, [
1470
+ p(t.$slots, "default", {}, void 0, !0)
1459
1471
  ])) : f("", !0)
1460
1472
  ]);
1461
1473
  }
1462
- const re = /* @__PURE__ */ g(ea, [["render", la], ["__scopeId", "data-v-6feb6611"]]), oa = {
1474
+ const ae = /* @__PURE__ */ g(Dt, [["render", Gt], ["__scopeId", "data-v-6feb6611"]]), Yt = {
1463
1475
  name: "wra-dialog",
1464
1476
  components: {
1465
- WraHeader: re,
1466
- WraButton: J
1477
+ WraHeader: ae,
1478
+ WraButton: U
1467
1479
  },
1468
1480
  props: {
1469
1481
  /**
@@ -1518,27 +1530,27 @@ const re = /* @__PURE__ */ g(ea, [["render", la], ["__scopeId", "data-v-6feb6611
1518
1530
  cancel() {
1519
1531
  this.$refs.dialog.close(), this.$emit("cancel");
1520
1532
  },
1521
- handleTab(e) {
1522
- var i, r;
1533
+ handleTab(t) {
1534
+ var r, n;
1523
1535
  const a = [
1524
- ((i = this.$refs.confirmBtn) == null ? void 0 : i.$el) || this.$refs.confirmBtn,
1525
- ((r = this.$refs.cancelBtn) == null ? void 0 : r.$el) || this.$refs.cancelBtn
1536
+ ((r = this.$refs.confirmBtn) == null ? void 0 : r.$el) || this.$refs.confirmBtn,
1537
+ ((n = this.$refs.cancelBtn) == null ? void 0 : n.$el) || this.$refs.cancelBtn
1526
1538
  ].filter(Boolean);
1527
1539
  if (!a.length) return;
1528
- const t = a.indexOf(document.activeElement);
1529
- if (e.shiftKey) {
1530
- const s = (t - 1 + a.length) % a.length;
1540
+ const e = a.indexOf(document.activeElement);
1541
+ if (t.shiftKey) {
1542
+ const s = (e - 1 + a.length) % a.length;
1531
1543
  a[s].focus();
1532
1544
  } else {
1533
- const s = (t + 1) % a.length;
1545
+ const s = (e + 1) % a.length;
1534
1546
  a[s].focus();
1535
1547
  }
1536
1548
  },
1537
1549
  focusConfirm() {
1538
1550
  this.$nextTick(() => {
1539
1551
  var a;
1540
- const e = ((a = this.$refs.confirmBtn) == null ? void 0 : a.$el) || this.$refs.confirmBtn;
1541
- e && typeof e.focus == "function" && e.focus();
1552
+ const t = ((a = this.$refs.confirmBtn) == null ? void 0 : a.$el) || this.$refs.confirmBtn;
1553
+ t && typeof t.focus == "function" && t.focus();
1542
1554
  });
1543
1555
  },
1544
1556
  restoreFocus() {
@@ -1548,13 +1560,13 @@ const re = /* @__PURE__ */ g(ea, [["render", la], ["__scopeId", "data-v-6feb6611
1548
1560
  mounted() {
1549
1561
  this.lastFocused = document.activeElement;
1550
1562
  }
1551
- }, ua = { class: "dialog-content" }, da = {
1563
+ }, Jt = { class: "dialog-content" }, Zt = {
1552
1564
  id: "dialog-message",
1553
1565
  class: "mt-4"
1554
- }, ca = { class: "dialog-buttons" };
1555
- function ha(e, a, t, i, r, s) {
1556
- const n = N("wra-header"), d = N("wra-button");
1557
- return l(), D(de, { to: "body" }, [
1566
+ }, Qt = { class: "dialog-buttons" };
1567
+ function Xt(t, a, e, r, n, s) {
1568
+ const i = N("wra-header"), d = N("wra-button");
1569
+ return l(), L(ie, { to: "body" }, [
1558
1570
  u("dialog", {
1559
1571
  ref: "dialog",
1560
1572
  class: "dialog-class",
@@ -1567,25 +1579,25 @@ function ha(e, a, t, i, r, s) {
1567
1579
  a[2] || (a[2] = w((...h) => s.cancel && s.cancel(...h), ["esc"]))
1568
1580
  ]
1569
1581
  }, [
1570
- u("div", ua, [
1571
- F(n, {
1582
+ u("div", Jt, [
1583
+ F(i, {
1572
1584
  size: "h3",
1573
1585
  id: "dialog-title"
1574
1586
  }, {
1575
1587
  default: T(() => [
1576
- $(c(t.title), 1)
1588
+ M(c(e.title), 1)
1577
1589
  ]),
1578
1590
  _: 1
1579
1591
  }),
1580
- u("p", da, c(t.message), 1),
1581
- u("div", ca, [
1592
+ u("p", Zt, c(e.message), 1),
1593
+ u("div", Qt, [
1582
1594
  F(d, {
1583
1595
  ref: "confirmBtn",
1584
- backgroundColor: t.isDelete ? "wra-red" : "wra-green",
1596
+ backgroundColor: e.isDelete ? "wra-red" : "wra-green",
1585
1597
  onClick: s.confirm
1586
1598
  }, {
1587
1599
  default: T(() => [
1588
- $(c(t.confirmText), 1)
1600
+ M(c(e.confirmText), 1)
1589
1601
  ]),
1590
1602
  _: 1
1591
1603
  }, 8, ["backgroundColor", "onClick"]),
@@ -1594,7 +1606,7 @@ function ha(e, a, t, i, r, s) {
1594
1606
  onClick: s.cancel
1595
1607
  }, {
1596
1608
  default: T(() => [
1597
- $(c(t.cancelText), 1)
1609
+ M(c(e.cancelText), 1)
1598
1610
  ]),
1599
1611
  _: 1
1600
1612
  }, 8, ["onClick"])
@@ -1603,15 +1615,15 @@ function ha(e, a, t, i, r, s) {
1603
1615
  ], 544)
1604
1616
  ]);
1605
1617
  }
1606
- const fa = /* @__PURE__ */ g(oa, [["render", ha], ["__scopeId", "data-v-7b5e24d0"]]), pa = {
1618
+ const ea = /* @__PURE__ */ g(Yt, [["render", Xt], ["__scopeId", "data-v-7b5e24d0"]]), ta = {
1607
1619
  name: "wra-divider",
1608
1620
  props: {
1609
1621
  /** Thickness of the divider */
1610
1622
  thickness: {
1611
1623
  type: String,
1612
1624
  default: "medium",
1613
- validator(e) {
1614
- return e == "large" || e == "medium" || e == "small";
1625
+ validator(t) {
1626
+ return t == "large" || t == "medium" || t == "small";
1615
1627
  }
1616
1628
  },
1617
1629
  /** Aria role for the divider */
@@ -1623,18 +1635,18 @@ const fa = /* @__PURE__ */ g(oa, [["render", ha], ["__scopeId", "data-v-7b5e24d0
1623
1635
  data() {
1624
1636
  return {};
1625
1637
  }
1626
- }, ma = ["role"];
1627
- function ga(e, a, t, i, r, s) {
1638
+ }, aa = ["role"];
1639
+ function sa(t, a, e, r, n, s) {
1628
1640
  return l(), o("hr", {
1629
- role: t.role,
1630
- class: p({
1631
- "wra-divider-large": t.thickness === "large",
1632
- "wra-divider": t.thickness === "medium",
1633
- "wra-divider-small": t.thickness === "small"
1641
+ role: e.role,
1642
+ class: m({
1643
+ "wra-divider-large": e.thickness === "large",
1644
+ "wra-divider": e.thickness === "medium",
1645
+ "wra-divider-small": e.thickness === "small"
1634
1646
  })
1635
- }, null, 10, ma);
1647
+ }, null, 10, aa);
1636
1648
  }
1637
- const ba = /* @__PURE__ */ g(pa, [["render", ga], ["__scopeId", "data-v-adda45c5"]]), ka = {
1649
+ const ra = /* @__PURE__ */ g(ta, [["render", sa], ["__scopeId", "data-v-adda45c5"]]), ia = {
1638
1650
  name: "wra-expansion-panel",
1639
1651
  props: {
1640
1652
  title: {
@@ -1673,46 +1685,46 @@ const ba = /* @__PURE__ */ g(pa, [["render", ga], ["__scopeId", "data-v-adda45c5
1673
1685
  this.showPanel = !this.showPanel;
1674
1686
  }
1675
1687
  }
1676
- }, ya = ["aria-controls", "id"], _a = { class: "icon-wrapper" }, va = ["aria-hidden", "id"], wa = { class: "inner-panel" };
1677
- function Sa(e, a, t, i, r, s) {
1688
+ }, na = ["aria-controls", "id"], la = { class: "icon-wrapper" }, oa = ["aria-hidden", "id"], ua = { class: "inner-panel" };
1689
+ function da(t, a, e, r, n, s) {
1678
1690
  return l(), o("div", null, [
1679
1691
  u("button", {
1680
1692
  class: "expansion-button",
1681
- "aria-controls": "expansion-content-" + t.ariaTitle,
1682
- id: "expansion-control-" + t.ariaTitle,
1683
- onClick: a[0] || (a[0] = (...n) => s.togglePanel && s.togglePanel(...n)),
1684
- style: A(s.style)
1693
+ "aria-controls": "expansion-content-" + e.ariaTitle,
1694
+ id: "expansion-control-" + e.ariaTitle,
1695
+ onClick: a[0] || (a[0] = (...i) => s.togglePanel && s.togglePanel(...i)),
1696
+ style: E(s.style)
1685
1697
  }, [
1686
- m(e.$slots, "title", {}, () => [
1687
- $(c(t.title), 1)
1698
+ p(t.$slots, "title", {}, () => [
1699
+ M(c(e.title), 1)
1688
1700
  ], !0),
1689
- u("span", _a, [
1701
+ u("span", la, [
1690
1702
  u("span", {
1691
- class: p(["panel-icon", {
1692
- "show-panel-icon": r.showPanel,
1693
- "hide-panel-icon": !r.showPanel
1703
+ class: m(["panel-icon", {
1704
+ "show-panel-icon": n.showPanel,
1705
+ "hide-panel-icon": !n.showPanel
1694
1706
  }])
1695
1707
  }, null, 2)
1696
1708
  ])
1697
- ], 12, ya),
1698
- F(Y, { name: "slide-fade" }, {
1709
+ ], 12, na),
1710
+ F(H, { name: "slide-fade" }, {
1699
1711
  default: T(() => [
1700
- r.showPanel ? (l(), o("div", {
1712
+ n.showPanel ? (l(), o("div", {
1701
1713
  key: 0,
1702
1714
  class: "panel-content",
1703
- "aria-hidden": !r.showPanel,
1704
- id: "content-" + t.ariaTitle
1715
+ "aria-hidden": !n.showPanel,
1716
+ id: "content-" + e.ariaTitle
1705
1717
  }, [
1706
- u("div", wa, [
1707
- m(e.$slots, "default", {}, void 0, !0)
1718
+ u("div", ua, [
1719
+ p(t.$slots, "default", {}, void 0, !0)
1708
1720
  ])
1709
- ], 8, va)) : f("", !0)
1721
+ ], 8, oa)) : f("", !0)
1710
1722
  ]),
1711
1723
  _: 3
1712
1724
  })
1713
1725
  ]);
1714
1726
  }
1715
- const xa = /* @__PURE__ */ g(ka, [["render", Sa], ["__scopeId", "data-v-4cb2edc7"]]), Ia = {
1727
+ const ca = /* @__PURE__ */ g(ia, [["render", da], ["__scopeId", "data-v-4cb2edc7"]]), ha = {
1716
1728
  name: "wra-validation-tooltip",
1717
1729
  props: {
1718
1730
  /**
@@ -1724,27 +1736,27 @@ const xa = /* @__PURE__ */ g(ka, [["render", Sa], ["__scopeId", "data-v-4cb2edc7
1724
1736
  }
1725
1737
  }
1726
1738
  };
1727
- function Va(e, a, t, i, r, s) {
1739
+ function fa(t, a, e, r, n, s) {
1728
1740
  return l(), o("div", {
1729
- class: p(["validation-tooltip", t.type])
1741
+ class: m(["validation-tooltip", e.type])
1730
1742
  }, [
1731
- e.$slots["custom-icon"] ? (l(), o("span", {
1743
+ t.$slots["custom-icon"] ? (l(), o("span", {
1732
1744
  key: 0,
1733
- class: p([{
1745
+ class: m([{
1734
1746
  "custom-icon-wrapper": ["custom-icon"]
1735
1747
  }, "icon"])
1736
1748
  }, [
1737
- m(e.$slots, "custom-icon", {}, void 0, !0)
1749
+ p(t.$slots, "custom-icon", {}, void 0, !0)
1738
1750
  ])) : f("", !0),
1739
- m(e.$slots, "default", {}, void 0, !0)
1751
+ p(t.$slots, "default", {}, void 0, !0)
1740
1752
  ], 2);
1741
1753
  }
1742
- const ne = /* @__PURE__ */ g(Ia, [["render", Va], ["__scopeId", "data-v-04d7c0aa"]]), $a = {
1754
+ const se = /* @__PURE__ */ g(ha, [["render", fa], ["__scopeId", "data-v-04d7c0aa"]]), ma = {
1743
1755
  name: "file-upload",
1744
1756
  emits: ["change"],
1745
1757
  components: {
1746
- ValidationTooltip: ne,
1747
- Button: J
1758
+ ValidationTooltip: se,
1759
+ Button: U
1748
1760
  },
1749
1761
  props: {
1750
1762
  /**
@@ -1770,8 +1782,8 @@ const ne = /* @__PURE__ */ g(Ia, [["render", Va], ["__scopeId", "data-v-04d7c0aa
1770
1782
  */
1771
1783
  capture: {
1772
1784
  type: String,
1773
- validator(e) {
1774
- return ["user", "environment"].includes(e);
1785
+ validator(t) {
1786
+ return ["user", "environment"].includes(t);
1775
1787
  }
1776
1788
  },
1777
1789
  /**
@@ -1853,15 +1865,15 @@ const ne = /* @__PURE__ */ g(Ia, [["render", Va], ["__scopeId", "data-v-04d7c0aa
1853
1865
  };
1854
1866
  },
1855
1867
  methods: {
1856
- handleFileChange(e) {
1857
- const a = e.target.files;
1868
+ handleFileChange(t) {
1869
+ const a = t.target.files;
1858
1870
  if (a.length > 0) {
1859
- const t = Array.from(a);
1871
+ const e = Array.from(a);
1860
1872
  if (typeof this.maxSize < "u" && this.maxSize !== null) {
1861
- this.fileSize = t.reduce((i, r) => i + r.size, 0), this.fileSizeError = this.fileSize > this.maxSize;
1873
+ this.fileSize = e.reduce((r, n) => r + n.size, 0), this.fileSizeError = this.fileSize > this.maxSize;
1862
1874
  return;
1863
1875
  }
1864
- this.fileName = t.map((i) => i.name).join(", ");
1876
+ this.fileName = e.map((r) => r.name).join(", ");
1865
1877
  } else
1866
1878
  this.fileName = "No file chosen";
1867
1879
  this.$emit("change", a);
@@ -1878,26 +1890,26 @@ const ne = /* @__PURE__ */ g(Ia, [["render", Va], ["__scopeId", "data-v-04d7c0aa
1878
1890
  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`;
1879
1891
  }
1880
1892
  }
1881
- }, Ma = {
1893
+ }, pa = {
1882
1894
  key: 0,
1883
1895
  class: "file-upload-error-text"
1884
- }, Pa = {
1896
+ }, ga = {
1885
1897
  key: 1,
1886
1898
  class: "file-upload-error-text"
1887
- }, Ca = ["for"], Ba = { class: "file-upload-wrapper" }, Ta = ["id", "accept", "capture", "multiple"], Oa = { class: "file-name" };
1888
- function Wa(e, a, t, i, r, s) {
1889
- const n = N("ValidationTooltip"), d = N("Button");
1899
+ }, ba = ["for"], ka = { class: "file-upload-wrapper" }, ya = ["id", "accept", "capture", "multiple"], va = { class: "file-name" };
1900
+ function _a(t, a, e, r, n, s) {
1901
+ const i = N("ValidationTooltip"), d = N("Button");
1890
1902
  return l(), o(y, null, [
1891
- F(Y, { name: "error" }, {
1903
+ F(H, { name: "error" }, {
1892
1904
  default: T(() => [
1893
- s.isError ? (l(), D(n, {
1905
+ s.isError ? (l(), L(i, {
1894
1906
  key: 0,
1895
1907
  class: "file-upload-error-box",
1896
1908
  type: "wra-error"
1897
1909
  }, {
1898
1910
  default: T(() => [
1899
- t.error ? (l(), o("p", Ma, c(t.errorMessage), 1)) : f("", !0),
1900
- r.fileSizeError ? (l(), o("p", Pa, c(`${t.fileSizeErrorMessage.replace("{maxsize}", s.humanReadableMaxSize)}`), 1)) : f("", !0)
1911
+ e.error ? (l(), o("p", pa, c(e.errorMessage), 1)) : f("", !0),
1912
+ n.fileSizeError ? (l(), o("p", ga, c(`${e.fileSizeErrorMessage.replace("{maxsize}", s.humanReadableMaxSize)}`), 1)) : f("", !0)
1901
1913
  ]),
1902
1914
  _: 1
1903
1915
  })) : f("", !0)
@@ -1906,33 +1918,33 @@ function Wa(e, a, t, i, r, s) {
1906
1918
  }),
1907
1919
  u("div", {
1908
1920
  class: "file-upload-label",
1909
- for: t.id
1910
- }, c(t.label), 9, Ca),
1911
- u("div", Ba, [
1921
+ for: e.id
1922
+ }, c(e.label), 9, ba),
1923
+ u("div", ka, [
1912
1924
  F(d, {
1913
1925
  size: "small",
1914
- backgroundColor: t.backgroundColor,
1926
+ backgroundColor: e.backgroundColor,
1915
1927
  onClick: s.triggerFileInput
1916
1928
  }, {
1917
1929
  default: T(() => [
1918
- $(c(t.buttonText), 1)
1930
+ M(c(e.buttonText), 1)
1919
1931
  ]),
1920
1932
  _: 1
1921
1933
  }, 8, ["backgroundColor", "onClick"]),
1922
1934
  u("input", {
1923
1935
  type: "file",
1924
1936
  ref: "fileInput",
1925
- id: t.id,
1926
- accept: t.accept,
1927
- capture: t.capture,
1928
- multiple: t.multiple,
1937
+ id: e.id,
1938
+ accept: e.accept,
1939
+ capture: e.capture,
1940
+ multiple: e.multiple,
1929
1941
  onChange: a[0] || (a[0] = (...h) => s.handleFileChange && s.handleFileChange(...h))
1930
- }, null, 40, Ta),
1931
- u("span", Oa, c(r.fileName), 1)
1942
+ }, null, 40, ya),
1943
+ u("span", va, c(n.fileName), 1)
1932
1944
  ])
1933
1945
  ], 64);
1934
1946
  }
1935
- const Fa = /* @__PURE__ */ g($a, [["render", Wa], ["__scopeId", "data-v-da8c427f"]]), Na = {
1947
+ const wa = /* @__PURE__ */ g(ma, [["render", _a], ["__scopeId", "data-v-da8c427f"]]), Sa = {
1936
1948
  name: "wra-footer",
1937
1949
  props: {
1938
1950
  /**
@@ -1944,14 +1956,14 @@ const Fa = /* @__PURE__ */ g($a, [["render", Wa], ["__scopeId", "data-v-da8c427f
1944
1956
  }
1945
1957
  }
1946
1958
  };
1947
- function Aa(e, a, t, i, r, s) {
1959
+ function xa(t, a, e, r, n, s) {
1948
1960
  return l(), o("footer", {
1949
- class: p(["wra-footer", { "hidden-print": t.hiddenPrint === !0 }])
1961
+ class: m(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
1950
1962
  }, [
1951
- m(e.$slots, "default", {}, void 0, !0)
1963
+ p(t.$slots, "default", {}, void 0, !0)
1952
1964
  ], 2);
1953
1965
  }
1954
- const qa = /* @__PURE__ */ g(Na, [["render", Aa], ["__scopeId", "data-v-f78a0985"]]), Ea = {
1966
+ const Va = /* @__PURE__ */ g(Sa, [["render", xa], ["__scopeId", "data-v-f78a0985"]]), Ia = {
1955
1967
  name: "wra-icon",
1956
1968
  props: {
1957
1969
  /** Name of icon from material design icons by pictogrammers */
@@ -1983,23 +1995,23 @@ const qa = /* @__PURE__ */ g(Na, [["render", Aa], ["__scopeId", "data-v-f78a0985
1983
1995
  type: String
1984
1996
  }
1985
1997
  }
1986
- }, La = ["width", "height", "viewBox", "stroke", "fill"], Da = ["d"];
1987
- function ja(e, a, t, i, r, s) {
1998
+ }, $a = ["width", "height", "viewBox", "stroke", "fill"], Ma = ["d"];
1999
+ function Ca(t, a, e, r, n, s) {
1988
2000
  return l(), o("svg", {
1989
- width: t.width + "px",
1990
- height: t.height + "px",
1991
- viewBox: t.viewBox,
1992
- stroke: t.stroke,
1993
- fill: t.fill
2001
+ width: e.width + "px",
2002
+ height: e.height + "px",
2003
+ viewBox: e.viewBox,
2004
+ stroke: e.stroke,
2005
+ fill: e.fill
1994
2006
  }, [
1995
2007
  u("path", {
1996
- d: t.icon,
2008
+ d: e.icon,
1997
2009
  width: "100%",
1998
2010
  height: "100%"
1999
- }, null, 8, Da)
2000
- ], 8, La);
2011
+ }, null, 8, Ma)
2012
+ ], 8, $a);
2001
2013
  }
2002
- const za = /* @__PURE__ */ g(Ea, [["render", ja]]), Ra = {
2014
+ const Pa = /* @__PURE__ */ g(Ia, [["render", Ca]]), Ba = {
2003
2015
  name: "wra-inset",
2004
2016
  props: {
2005
2017
  /**
@@ -2011,7 +2023,7 @@ const za = /* @__PURE__ */ g(Ea, [["render", ja]]), Ra = {
2011
2023
  colour: {
2012
2024
  type: String,
2013
2025
  default: "wra-revenue",
2014
- validate(e) {
2026
+ validate(t) {
2015
2027
  return [
2016
2028
  "wra-revenue",
2017
2029
  "wra-charcoal",
@@ -2019,20 +2031,20 @@ const za = /* @__PURE__ */ g(Ea, [["render", ja]]), Ra = {
2019
2031
  "wra-blue",
2020
2032
  "wra-green",
2021
2033
  "wra-yellow"
2022
- ].includes(e);
2034
+ ].includes(t);
2023
2035
  }
2024
2036
  }
2025
2037
  }
2026
2038
  };
2027
- function Ka(e, a, t, i, r, s) {
2039
+ function Ta(t, a, e, r, n, s) {
2028
2040
  return l(), o("div", {
2029
- class: p(["wra-inset", t.colour])
2041
+ class: m(["wra-inset", e.colour])
2030
2042
  }, [
2031
- m(e.$slots, "default", {}, void 0, !0)
2043
+ p(t.$slots, "default", {}, void 0, !0)
2032
2044
  ], 2);
2033
2045
  }
2034
- const Ha = /* @__PURE__ */ g(Ra, [["render", Ka], ["__scopeId", "data-v-f32082c4"]]), Ua = {
2035
- directives: { maska: j },
2046
+ const Oa = /* @__PURE__ */ g(Ba, [["render", Ta], ["__scopeId", "data-v-f32082c4"]]), Wa = {
2047
+ directives: { maska: D },
2036
2048
  name: "wra-number-input",
2037
2049
  props: {
2038
2050
  /**
@@ -2072,8 +2084,8 @@ const Ha = /* @__PURE__ */ g(Ra, [["render", Ka], ["__scopeId", "data-v-f32082c4
2072
2084
  type: String,
2073
2085
  // Default of number causes issues with maska
2074
2086
  default: "text",
2075
- validator(e) {
2076
- return ["text", "password", "search"].includes(e);
2087
+ validator(t) {
2088
+ return ["text", "password", "search"].includes(t);
2077
2089
  }
2078
2090
  },
2079
2091
  /**
@@ -2084,8 +2096,8 @@ const Ha = /* @__PURE__ */ g(Ra, [["render", Ka], ["__scopeId", "data-v-f32082c4
2084
2096
  inputmode: {
2085
2097
  type: String,
2086
2098
  default: "numeric",
2087
- validator(e) {
2088
- return ["numeric", "decimal", "text"].includes(e);
2099
+ validator(t) {
2100
+ return ["numeric", "decimal", "text"].includes(t);
2089
2101
  }
2090
2102
  },
2091
2103
  /**
@@ -2134,13 +2146,13 @@ const Ha = /* @__PURE__ */ g(Ra, [["render", Ka], ["__scopeId", "data-v-f32082c4
2134
2146
  returnValue: ""
2135
2147
  }),
2136
2148
  methods: {
2137
- validate(e) {
2149
+ validate(t) {
2138
2150
  if (this.errorMessage = "", this.rules != null)
2139
2151
  for (let a = 0; a < this.rules.length; a++) {
2140
- const t = this.rules[a];
2141
- let i = t(e);
2142
- if (i != !0) {
2143
- this.errorMessage = i, this.$emit("valid", { id: this.id, value: !1 });
2152
+ const e = this.rules[a];
2153
+ let r = e(t);
2154
+ if (r != !0) {
2155
+ this.errorMessage = r, this.$emit("valid", { id: this.id, value: !1 });
2144
2156
  break;
2145
2157
  }
2146
2158
  }
@@ -2149,9 +2161,9 @@ const Ha = /* @__PURE__ */ g(Ra, [["render", Ka], ["__scopeId", "data-v-f32082c4
2149
2161
  return;
2150
2162
  }
2151
2163
  },
2152
- onMaska(e) {
2153
- const a = this.emitMaskaDetails ? e : e.unmasked;
2154
- this.$emit("update:modelValue", a), this.validate(e.unmasked);
2164
+ onMaska(t) {
2165
+ const a = this.emitMaskaDetails ? t : t.unmasked;
2166
+ this.$emit("update:modelValue", a), this.validate(t.unmasked);
2155
2167
  }
2156
2168
  },
2157
2169
  computed: {
@@ -2162,43 +2174,43 @@ const Ha = /* @__PURE__ */ g(Ra, [["render", Ka], ["__scopeId", "data-v-f32082c4
2162
2174
  created() {
2163
2175
  this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
2164
2176
  }
2165
- }, Ga = ["for"], Ya = { class: "input-wrapper" }, Ja = {
2177
+ }, Fa = ["for"], Na = { class: "input-wrapper" }, Aa = {
2166
2178
  key: 0,
2167
2179
  class: "prefix"
2168
- }, Za = ["id", "type", "inputmode", "placeholder", "value"], Qa = {
2180
+ }, Ea = ["id", "type", "inputmode", "placeholder", "value"], qa = {
2169
2181
  key: 1,
2170
2182
  class: "suffix"
2171
2183
  };
2172
- function Xa(e, a, t, i, r, s) {
2173
- const n = L("maska");
2184
+ function La(t, a, e, r, n, s) {
2185
+ const i = q("maska");
2174
2186
  return l(), o("div", {
2175
- class: p({ error: e.errorMessage != !1 })
2187
+ class: m({ error: t.errorMessage != !1 })
2176
2188
  }, [
2177
- t.label ? (l(), o("label", {
2189
+ e.label ? (l(), o("label", {
2178
2190
  key: 0,
2179
- for: t.id
2180
- }, c(t.label), 9, Ga)) : f("", !0),
2181
- u("div", Ya, [
2182
- t.prefix ? (l(), o("span", Ja, c(t.prefix), 1)) : f("", !0),
2191
+ for: e.id
2192
+ }, c(e.label), 9, Fa)) : f("", !0),
2193
+ u("div", Na, [
2194
+ e.prefix ? (l(), o("span", Aa, c(e.prefix), 1)) : f("", !0),
2183
2195
  O(u("input", {
2184
- id: t.id,
2185
- type: t.type,
2186
- inputmode: t.inputmode || "numeric",
2187
- placeholder: t.placeholder,
2188
- value: t.modelValue,
2196
+ id: e.id,
2197
+ type: e.type,
2198
+ inputmode: e.inputmode || "numeric",
2199
+ placeholder: e.placeholder,
2200
+ value: e.modelValue,
2189
2201
  "data-maska-tokens": "9:[0-9]:repeated",
2190
2202
  "data-maska-reversed": "",
2191
2203
  onMaska: a[0] || (a[0] = (d) => s.onMaska(d.detail)),
2192
- class: p(s.prefixPadding)
2193
- }, null, 42, Za), [
2194
- [n, "9,99#"]
2204
+ class: m(s.prefixPadding)
2205
+ }, null, 42, Ea), [
2206
+ [i, "9,99#"]
2195
2207
  ]),
2196
- t.suffix ? (l(), o("span", Qa, c(t.suffix), 1)) : f("", !0)
2208
+ e.suffix ? (l(), o("span", qa, c(e.suffix), 1)) : f("", !0)
2197
2209
  ]),
2198
- u("p", null, c(e.errorMessage), 1)
2210
+ u("p", null, c(t.errorMessage), 1)
2199
2211
  ], 2);
2200
2212
  }
2201
- const es = /* @__PURE__ */ g(Ua, [["render", Xa], ["__scopeId", "data-v-93248f45"]]), ts = {
2213
+ const Da = /* @__PURE__ */ g(Wa, [["render", La], ["__scopeId", "data-v-93248f45"]]), ja = {
2202
2214
  name: "wra-pagination",
2203
2215
  data: () => ({
2204
2216
  currentPage: 0
@@ -2262,10 +2274,10 @@ const es = /* @__PURE__ */ g(Ua, [["render", Xa], ["__scopeId", "data-v-93248f45
2262
2274
  decPage() {
2263
2275
  this.currentPage >= this.startIndex + 1 && (this.currentPage--, this.$emit("update:modelValue", this.currentPage));
2264
2276
  },
2265
- changePage(e) {
2266
- this.currentPage = e, this.$emit("update:modelValue", this.currentPage), this.$nextTick(() => {
2267
- var a, t;
2268
- (t = (a = this.$refs) == null ? void 0 : a[e]) != null && t[0] || console.log("No ref found for page", e), this.$refs[e][0].focus();
2277
+ changePage(t) {
2278
+ this.currentPage = t, this.$emit("update:modelValue", this.currentPage), this.$nextTick(() => {
2279
+ var a, e;
2280
+ (e = (a = this.$refs) == null ? void 0 : a[t]) != null && e[0] || console.log("No ref found for page", t), this.$refs[t][0].focus();
2269
2281
  });
2270
2282
  },
2271
2283
  onKeyLeft() {
@@ -2280,7 +2292,7 @@ const es = /* @__PURE__ */ g(Ua, [["render", Xa], ["__scopeId", "data-v-93248f45
2280
2292
  pageArray() {
2281
2293
  return Array.from(
2282
2294
  { length: this.totalPages },
2283
- (e, a) => a + this.startIndex
2295
+ (t, a) => a + this.startIndex
2284
2296
  );
2285
2297
  },
2286
2298
  viewablePages() {
@@ -2293,76 +2305,76 @@ const es = /* @__PURE__ */ g(Ua, [["render", Xa], ["__scopeId", "data-v-93248f45
2293
2305
  );
2294
2306
  },
2295
2307
  skipStart() {
2296
- let e = Math.ceil(this.length / 2) + this.startIndex;
2297
- return this.skip && this.currentPage >= e;
2308
+ let t = Math.ceil(this.length / 2) + this.startIndex;
2309
+ return this.skip && this.currentPage >= t;
2298
2310
  },
2299
2311
  skipEnd() {
2300
- let e = this.totalPages - Math.floor(this.length / 2) - this.startIndex;
2301
- return this.skip && this.currentPage <= e;
2312
+ let t = this.totalPages - Math.floor(this.length / 2) - this.startIndex;
2313
+ return this.skip && this.currentPage <= t;
2302
2314
  }
2303
2315
  },
2304
2316
  watch: {
2305
- modelValue(e) {
2306
- this.changePage(e);
2317
+ modelValue(t) {
2318
+ this.changePage(t);
2307
2319
  }
2308
2320
  },
2309
2321
  created() {
2310
2322
  this.currentPage = this.modelValue;
2311
2323
  }
2312
- }, H = (e) => (q("data-v-b8adcc77"), e = e(), E(), e), as = { class: "pagination" }, ss = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-icon previous-icon" }, null, -1)), is = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-divider" }, "...", -1)), rs = ["onClick"], ns = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-divider" }, "...", -1)), ls = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-icon next-icon" }, null, -1));
2313
- function os(e, a, t, i, r, s) {
2314
- return l(), o("div", as, [
2324
+ }, za = { class: "pagination" }, Ra = ["onClick"];
2325
+ function Ka(t, a, e, r, n, s) {
2326
+ return l(), o("div", za, [
2315
2327
  u("button", {
2316
2328
  class: "pagination-button",
2317
- onClick: a[0] || (a[0] = (n) => s.decPage())
2329
+ onClick: a[0] || (a[0] = (i) => s.decPage())
2318
2330
  }, [
2319
- m(e.$slots, "previous", {}, () => [
2320
- ss,
2321
- u("span", null, c(t.previousLabel), 1)
2331
+ p(t.$slots, "previous", {}, () => [
2332
+ a[6] || (a[6] = u("span", { class: "pagination-icon previous-icon" }, null, -1)),
2333
+ u("span", null, c(e.previousLabel), 1)
2322
2334
  ], !0)
2323
2335
  ]),
2324
2336
  s.skipStart ? (l(), o(y, { key: 0 }, [
2325
2337
  s.skipStart ? (l(), o("button", {
2326
2338
  key: 0,
2327
- onClick: a[1] || (a[1] = (n) => s.changePage(t.startIndex)),
2339
+ onClick: a[1] || (a[1] = (i) => s.changePage(e.startIndex)),
2328
2340
  class: "pagination-number"
2329
- }, c(t.startIndex), 1)) : f("", !0),
2330
- m(e.$slots, "divider", {}, () => [
2331
- is
2341
+ }, c(e.startIndex), 1)) : f("", !0),
2342
+ p(t.$slots, "divider", {}, () => [
2343
+ a[7] || (a[7] = u("span", { class: "pagination-divider" }, "...", -1))
2332
2344
  ], !0)
2333
2345
  ], 64)) : f("", !0),
2334
- (l(!0), o(y, null, S(s.viewablePages, (n) => (l(), o("button", {
2335
- onClick: (d) => s.changePage(n),
2346
+ (l(!0), o(y, null, S(s.viewablePages, (i) => (l(), o("button", {
2347
+ onClick: (d) => s.changePage(i),
2336
2348
  onKeydown: [
2337
2349
  a[2] || (a[2] = w((d) => s.onKeyLeft(), ["left"])),
2338
2350
  a[3] || (a[3] = w((d) => s.onKeyRight(), ["right"]))
2339
2351
  ],
2340
2352
  ref_for: !0,
2341
- ref: n,
2342
- class: p(["pagination-number", e.currentPage === n && "pagination-number--selected"])
2343
- }, c(n), 43, rs))), 256)),
2353
+ ref: i,
2354
+ class: m(["pagination-number", t.currentPage === i && "pagination-number--selected"])
2355
+ }, c(i), 43, Ra))), 256)),
2344
2356
  s.skipEnd ? (l(), o(y, { key: 1 }, [
2345
- m(e.$slots, "divider", {}, () => [
2346
- ns
2357
+ p(t.$slots, "divider", {}, () => [
2358
+ a[8] || (a[8] = u("span", { class: "pagination-divider" }, "...", -1))
2347
2359
  ], !0),
2348
2360
  u("button", {
2349
- onClick: a[4] || (a[4] = (n) => s.changePage(t.totalPages)),
2361
+ onClick: a[4] || (a[4] = (i) => s.changePage(e.totalPages)),
2350
2362
  class: "pagination-number"
2351
- }, c(t.totalPages), 1)
2363
+ }, c(e.totalPages), 1)
2352
2364
  ], 64)) : f("", !0),
2353
2365
  u("button", {
2354
2366
  class: "pagination-button",
2355
- onClick: a[5] || (a[5] = (n) => s.incPage())
2367
+ onClick: a[5] || (a[5] = (i) => s.incPage())
2356
2368
  }, [
2357
- m(e.$slots, "next", {}, () => [
2358
- u("span", null, c(t.nextLabel), 1),
2359
- ls
2369
+ p(t.$slots, "next", {}, () => [
2370
+ u("span", null, c(e.nextLabel), 1),
2371
+ a[9] || (a[9] = u("span", { class: "pagination-icon next-icon" }, null, -1))
2360
2372
  ], !0)
2361
2373
  ])
2362
2374
  ]);
2363
2375
  }
2364
- const us = /* @__PURE__ */ g(ts, [["render", os], ["__scopeId", "data-v-b8adcc77"]]), ds = {
2365
- directives: { maska: j },
2376
+ const Ha = /* @__PURE__ */ g(ja, [["render", Ka], ["__scopeId", "data-v-b8adcc77"]]), Ua = {
2377
+ directives: { maska: D },
2366
2378
  name: "wra-price-input",
2367
2379
  props: {
2368
2380
  /**
@@ -2402,8 +2414,8 @@ const us = /* @__PURE__ */ g(ts, [["render", os], ["__scopeId", "data-v-b8adcc77
2402
2414
  inputmode: {
2403
2415
  default: "decimal",
2404
2416
  type: String,
2405
- validator(e) {
2406
- return ["numeric", "decimal", "text"].includes(e);
2417
+ validator(t) {
2418
+ return ["numeric", "decimal", "text"].includes(t);
2407
2419
  }
2408
2420
  },
2409
2421
  /**
@@ -2443,36 +2455,36 @@ const us = /* @__PURE__ */ g(ts, [["render", os], ["__scopeId", "data-v-b8adcc77
2443
2455
  data: () => ({
2444
2456
  maskedValue: "",
2445
2457
  mask: {
2446
- preProcess: (e) => e.replace(/[£,]/g, ""),
2447
- postProcess: (e) => {
2448
- if (!e) return "";
2449
- const a = 3 - (e.includes(".") ? e.length - e.indexOf(".") : 0);
2458
+ preProcess: (t) => t.replace(/[£,]/g, ""),
2459
+ postProcess: (t) => {
2460
+ if (!t) return "";
2461
+ const a = 3 - (t.includes(".") ? t.length - t.indexOf(".") : 0);
2450
2462
  return Intl.NumberFormat("en-GB", {
2451
2463
  style: "currency",
2452
2464
  currency: "GBP"
2453
- }).format(e).slice(0, a ? -a : void 0).replace("£", "");
2465
+ }).format(t).slice(0, a ? -a : void 0).replace("£", "");
2454
2466
  }
2455
2467
  },
2456
2468
  errorMessage: "",
2457
2469
  firstValidation: !0
2458
2470
  }),
2459
2471
  watch: {
2460
- modelValue(e) {
2461
- this.maskedValue = e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
2472
+ modelValue(t) {
2473
+ this.maskedValue = t.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
2462
2474
  }
2463
2475
  },
2464
2476
  methods: {
2465
- onMaska(e) {
2466
- const a = e.detail.masked.replace(/[^0-9.]/g, "");
2477
+ onMaska(t) {
2478
+ const a = t.detail.masked.replace(/[^0-9.]/g, "");
2467
2479
  this.$emit("update:modelValue", a), this.validate(a);
2468
2480
  },
2469
- validate(e) {
2481
+ validate(t) {
2470
2482
  if (this.errorMessage = "", this.rules != null)
2471
2483
  for (let a = 0; a < this.rules.length; a++) {
2472
- const t = this.rules[a];
2473
- let i = t(e);
2474
- if (i != !0) {
2475
- this.errorMessage = i, this.$emit("valid", { id: this.id, value: !1 });
2484
+ const e = this.rules[a];
2485
+ let r = e(t);
2486
+ if (r != !0) {
2487
+ this.errorMessage = r, this.$emit("valid", { id: this.id, value: !1 });
2476
2488
  break;
2477
2489
  }
2478
2490
  }
@@ -2490,43 +2502,43 @@ const us = /* @__PURE__ */ g(ts, [["render", os], ["__scopeId", "data-v-b8adcc77
2490
2502
  mounted() {
2491
2503
  this.maskedValue = this.modelValue, this.$emit("update:modelValue", this.maskedValue), this.validate(this.modelValue);
2492
2504
  }
2493
- }, cs = ["for"], hs = { class: "input-wrapper" }, fs = {
2505
+ }, Ga = ["for"], Ya = { class: "input-wrapper" }, Ja = {
2494
2506
  key: 0,
2495
2507
  class: "prefix"
2496
- }, ps = ["id", "value", "inputmode", "placeholder"], ms = {
2508
+ }, Za = ["id", "value", "inputmode", "placeholder"], Qa = {
2497
2509
  key: 1,
2498
2510
  class: "suffix"
2499
2511
  };
2500
- function gs(e, a, t, i, r, s) {
2501
- const n = L("maska");
2512
+ function Xa(t, a, e, r, n, s) {
2513
+ const i = q("maska");
2502
2514
  return l(), o("div", {
2503
- class: p({ error: e.errorMessage != !1 })
2515
+ class: m({ error: t.errorMessage != !1 })
2504
2516
  }, [
2505
- t.label ? (l(), o("label", {
2517
+ e.label ? (l(), o("label", {
2506
2518
  key: 0,
2507
- for: t.id
2508
- }, c(t.label), 9, cs)) : f("", !0),
2509
- u("div", hs, [
2510
- t.prefix ? (l(), o("span", fs, c(t.prefix), 1)) : f("", !0),
2519
+ for: e.id
2520
+ }, c(e.label), 9, Ga)) : f("", !0),
2521
+ u("div", Ya, [
2522
+ e.prefix ? (l(), o("span", Ja, c(e.prefix), 1)) : f("", !0),
2511
2523
  O(u("input", {
2512
- id: t.id,
2524
+ id: e.id,
2513
2525
  type: "text",
2514
- value: e.maskedValue,
2515
- inputmode: t.inputmode || "decimal",
2516
- placeholder: t.placeholder,
2526
+ value: t.maskedValue,
2527
+ inputmode: e.inputmode || "decimal",
2528
+ placeholder: e.placeholder,
2517
2529
  onMaska: a[0] || (a[0] = (...d) => s.onMaska && s.onMaska(...d)),
2518
2530
  "data-maska": "0.99",
2519
2531
  "data-maska-tokens": "0:\\d:multiple|9:\\d:optional",
2520
- class: p(s.prefixPadding)
2521
- }, null, 42, ps), [
2522
- [n, e.mask]
2532
+ class: m(s.prefixPadding)
2533
+ }, null, 42, Za), [
2534
+ [i, t.mask]
2523
2535
  ]),
2524
- t.suffix ? (l(), o("span", ms, c(t.suffix), 1)) : f("", !0)
2536
+ e.suffix ? (l(), o("span", Qa, c(e.suffix), 1)) : f("", !0)
2525
2537
  ]),
2526
- u("p", null, c(e.errorMessage), 1)
2538
+ u("p", null, c(t.errorMessage), 1)
2527
2539
  ], 2);
2528
2540
  }
2529
- const bs = /* @__PURE__ */ g(ds, [["render", gs], ["__scopeId", "data-v-e66a36da"]]), ks = {
2541
+ const es = /* @__PURE__ */ g(Ua, [["render", Xa], ["__scopeId", "data-v-e66a36da"]]), ts = {
2530
2542
  name: "wra-radio",
2531
2543
  props: {
2532
2544
  groupName: {
@@ -2537,8 +2549,8 @@ const bs = /* @__PURE__ */ g(ds, [["render", gs], ["__scopeId", "data-v-e66a36da
2537
2549
  type: Object,
2538
2550
  required: !0,
2539
2551
  default: () => ({ label: "", value: "" }),
2540
- validator: function(e) {
2541
- return e.hasOwnProperty("label") && e.hasOwnProperty("value") && e.hasOwnProperty("info");
2552
+ validator: function(t) {
2553
+ return t.hasOwnProperty("label") && t.hasOwnProperty("value") && t.hasOwnProperty("info");
2542
2554
  }
2543
2555
  },
2544
2556
  isChecked: {
@@ -2546,35 +2558,35 @@ const bs = /* @__PURE__ */ g(ds, [["render", gs], ["__scopeId", "data-v-e66a36da
2546
2558
  required: !0
2547
2559
  }
2548
2560
  }
2549
- }, ys = ["for"], _s = ["name", "value", "id", "checked", "aria-checked"], vs = { class: "radio-text" }, ws = ["innerHTML"];
2550
- function Ss(e, a, t, i, r, s) {
2561
+ }, as = ["for"], ss = ["name", "value", "id", "checked", "aria-checked"], rs = { class: "radio-text" }, is = ["innerHTML"];
2562
+ function ns(t, a, e, r, n, s) {
2551
2563
  return l(), o("div", null, [
2552
2564
  u("label", {
2553
- for: t.groupName + "-" + t.option.value,
2565
+ for: e.groupName + "-" + e.option.value,
2554
2566
  class: "radio-label"
2555
2567
  }, [
2556
2568
  u("input", {
2557
2569
  type: "radio",
2558
- name: t.groupName,
2559
- value: t.option.value,
2560
- id: t.groupName + "-" + t.option.value,
2561
- onChange: a[0] || (a[0] = (n) => e.$parent.$emit("update:modelValue", t.option.value)),
2570
+ name: e.groupName,
2571
+ value: e.option.value,
2572
+ id: e.groupName + "-" + e.option.value,
2573
+ onChange: a[0] || (a[0] = (i) => t.$parent.$emit("update:modelValue", e.option.value)),
2562
2574
  class: "radio-input",
2563
- checked: t.isChecked == !0,
2564
- "aria-checked": t.isChecked
2565
- }, null, 40, _s),
2566
- u("span", vs, [
2567
- u("p", null, c(t.option.label), 1),
2568
- t.option.info ? (l(), o("p", {
2575
+ checked: e.isChecked == !0,
2576
+ "aria-checked": e.isChecked
2577
+ }, null, 40, ss),
2578
+ u("span", rs, [
2579
+ u("p", null, c(e.option.label), 1),
2580
+ e.option.info ? (l(), o("p", {
2569
2581
  key: 0,
2570
2582
  class: "further-information-text",
2571
- innerHTML: t.option.info
2572
- }, null, 8, ws)) : f("", !0)
2583
+ innerHTML: e.option.info
2584
+ }, null, 8, is)) : f("", !0)
2573
2585
  ])
2574
- ], 8, ys)
2586
+ ], 8, as)
2575
2587
  ]);
2576
2588
  }
2577
- const xs = /* @__PURE__ */ g(ks, [["render", Ss], ["__scopeId", "data-v-d18916d1"]]), Is = {
2589
+ const ls = /* @__PURE__ */ g(ts, [["render", ns], ["__scopeId", "data-v-d18916d1"]]), os = {
2578
2590
  name: "wra-radio-group",
2579
2591
  props: {
2580
2592
  /**
@@ -2612,36 +2624,36 @@ const xs = /* @__PURE__ */ g(ks, [["render", Ss], ["__scopeId", "data-v-d18916d1
2612
2624
  }
2613
2625
  },
2614
2626
  methods: {
2615
- checkInput: function(e) {
2616
- return e == this.modelValue;
2627
+ checkInput: function(t) {
2628
+ return t == this.modelValue;
2617
2629
  }
2618
2630
  },
2619
2631
  components: {
2620
- WraRadio: xs
2632
+ WraRadio: ls
2621
2633
  },
2622
2634
  computed: {
2623
2635
  validOptions() {
2624
2636
  return this.options ?? [];
2625
2637
  }
2626
2638
  }
2627
- }, Vs = ["aria-label", "aria-describedby"];
2628
- function $s(e, a, t, i, r, s) {
2629
- const n = N("wra-radio");
2639
+ }, us = ["aria-label", "aria-describedby"];
2640
+ function ds(t, a, e, r, n, s) {
2641
+ const i = N("wra-radio");
2630
2642
  return l(), o("div", {
2631
2643
  role: "radiogroup",
2632
- "aria-label": t.label,
2633
- "aria-describedby": t.hint
2644
+ "aria-label": e.label,
2645
+ "aria-describedby": e.hint
2634
2646
  }, [
2635
- (l(!0), o(y, null, S(s.validOptions, (d) => (l(), D(n, {
2636
- groupName: t.groupName,
2647
+ (l(!0), o(y, null, S(s.validOptions, (d) => (l(), L(i, {
2648
+ groupName: e.groupName,
2637
2649
  option: d,
2638
2650
  key: d.value,
2639
2651
  class: "radio",
2640
2652
  isChecked: s.checkInput(d.value)
2641
2653
  }, null, 8, ["groupName", "option", "isChecked"]))), 128))
2642
- ], 8, Vs);
2654
+ ], 8, us);
2643
2655
  }
2644
- const Ms = /* @__PURE__ */ g(Is, [["render", $s], ["__scopeId", "data-v-b72f445c"]]), Ps = {
2656
+ const cs = /* @__PURE__ */ g(os, [["render", ds], ["__scopeId", "data-v-b72f445c"]]), hs = {
2645
2657
  name: "wra-select",
2646
2658
  props: {
2647
2659
  /**
@@ -2698,20 +2710,20 @@ const Ms = /* @__PURE__ */ g(Is, [["render", $s], ["__scopeId", "data-v-b72f445c
2698
2710
  }
2699
2711
  },
2700
2712
  methods: {
2701
- validate(e) {
2702
- this.$emit("update:modelValue", e);
2703
- let a = this.validItems.some((t) => this.checkForObjectValue(t) == e);
2713
+ validate(t) {
2714
+ this.$emit("update:modelValue", t);
2715
+ let a = this.validItems.some((e) => this.checkForObjectValue(e) == t);
2704
2716
  if (this.required == !0 && a == !1) {
2705
2717
  this.$emit("valid", { id: this.id || this.name, value: !1 });
2706
2718
  return;
2707
2719
  }
2708
2720
  this.$emit("valid", { id: this.id || this.name, value: !0 });
2709
2721
  },
2710
- checkForObjectValue(e) {
2711
- return typeof e == "object" ? e[this.itemValue] : e;
2722
+ checkForObjectValue(t) {
2723
+ return typeof t == "object" ? t[this.itemValue] : t;
2712
2724
  },
2713
- checkForObjectLabel(e) {
2714
- return typeof e == "object" ? e[this.itemLabel] : e;
2725
+ checkForObjectLabel(t) {
2726
+ return typeof t == "object" ? t[this.itemLabel] : t;
2715
2727
  }
2716
2728
  },
2717
2729
  computed: {
@@ -2723,38 +2735,38 @@ const Ms = /* @__PURE__ */ g(Is, [["render", $s], ["__scopeId", "data-v-b72f445c
2723
2735
  this.validate(this.modelValue);
2724
2736
  },
2725
2737
  emits: ["update:modelValue", "valid"]
2726
- }, le = (e) => (q("data-v-e700f97c"), e = e(), E(), e), Cs = ["for"], Bs = { class: "select" }, Ts = ["id", "value"], Os = /* @__PURE__ */ le(() => /* @__PURE__ */ u("option", {
2727
- value: "",
2728
- selected: "",
2729
- disabled: "",
2730
- hidden: ""
2731
- }, "-", -1)), Ws = ["value", "selected"], Fs = { key: 0 }, Ns = { key: 1 }, As = /* @__PURE__ */ le(() => /* @__PURE__ */ u("span", { class: "focus" }, null, -1));
2732
- function qs(e, a, t, i, r, s) {
2738
+ }, fs = ["for"], ms = { class: "select" }, ps = ["id", "value"], gs = ["value", "selected"], bs = { key: 0 }, ks = { key: 1 };
2739
+ function ys(t, a, e, r, n, s) {
2733
2740
  return l(), o(y, null, [
2734
2741
  u("label", {
2735
- for: t.id || t.name
2736
- }, c(t.label), 9, Cs),
2737
- u("div", Bs, [
2742
+ for: e.id || e.name
2743
+ }, c(e.label), 9, fs),
2744
+ u("div", ms, [
2738
2745
  u("select", {
2739
- id: t.id || t.name,
2740
- value: t.modelValue,
2741
- onChange: a[0] || (a[0] = (n) => s.validate(n.target.value))
2746
+ id: e.id || e.name,
2747
+ value: e.modelValue,
2748
+ onChange: a[0] || (a[0] = (i) => s.validate(i.target.value))
2742
2749
  }, [
2743
- Os,
2744
- (l(!0), o(y, null, S(s.validItems, (n) => (l(), o("option", {
2745
- value: s.checkForObjectValue(n),
2746
- selected: t.modelValue == s.checkForObjectValue(n)
2750
+ a[1] || (a[1] = u("option", {
2751
+ value: "",
2752
+ selected: "",
2753
+ disabled: "",
2754
+ hidden: ""
2755
+ }, "-", -1)),
2756
+ (l(!0), o(y, null, S(s.validItems, (i) => (l(), o("option", {
2757
+ value: s.checkForObjectValue(i),
2758
+ selected: e.modelValue == s.checkForObjectValue(i)
2747
2759
  }, [
2748
- e.$slots.label ? (l(), o("span", Fs, [
2749
- m(e.$slots, "label", { item: n }, void 0, !0)
2750
- ])) : (l(), o("span", Ns, c(s.checkForObjectLabel(n)), 1))
2751
- ], 8, Ws))), 256))
2752
- ], 40, Ts),
2753
- As
2760
+ t.$slots.label ? (l(), o("span", bs, [
2761
+ p(t.$slots, "label", { item: i }, void 0, !0)
2762
+ ])) : (l(), o("span", ks, c(s.checkForObjectLabel(i)), 1))
2763
+ ], 8, gs))), 256))
2764
+ ], 40, ps),
2765
+ a[2] || (a[2] = u("span", { class: "focus" }, null, -1))
2754
2766
  ])
2755
2767
  ], 64);
2756
2768
  }
2757
- const Es = /* @__PURE__ */ g(Ps, [["render", qs], ["__scopeId", "data-v-e700f97c"]]), Ls = {
2769
+ const vs = /* @__PURE__ */ g(hs, [["render", ys], ["__scopeId", "data-v-e700f97c"]]), _s = {
2758
2770
  name: "wra-service-logo",
2759
2771
  props: {
2760
2772
  /**
@@ -2791,24 +2803,24 @@ const Es = /* @__PURE__ */ g(Ps, [["render", qs], ["__scopeId", "data-v-e700f97c
2791
2803
  type: [String, Number]
2792
2804
  }
2793
2805
  }
2794
- }, Ds = ["href", "aria-label"], js = ["src", "height", "alt"];
2795
- function zs(e, a, t, i, r, s) {
2806
+ }, ws = ["href", "aria-label"], Ss = ["src", "height", "alt"];
2807
+ function xs(t, a, e, r, n, s) {
2796
2808
  return l(), o("a", {
2797
- href: t.href,
2809
+ href: e.href,
2798
2810
  target: "_blank",
2799
2811
  rel: "noopener noreferrer",
2800
- "aria-label": t.label,
2812
+ "aria-label": e.label,
2801
2813
  class: "service-link"
2802
2814
  }, [
2803
2815
  u("img", {
2804
- src: t.serviceLogo,
2805
- height: t.height,
2816
+ src: e.serviceLogo,
2817
+ height: e.height,
2806
2818
  class: "service-logo",
2807
- alt: t.alt
2808
- }, null, 8, js)
2809
- ], 8, Ds);
2819
+ alt: e.alt
2820
+ }, null, 8, Ss)
2821
+ ], 8, ws);
2810
2822
  }
2811
- const Rs = /* @__PURE__ */ g(Ls, [["render", zs], ["__scopeId", "data-v-c9a7cc51"]]), Ks = {
2823
+ const Vs = /* @__PURE__ */ g(_s, [["render", xs], ["__scopeId", "data-v-c9a7cc51"]]), Is = {
2812
2824
  name: "wra-simple-table",
2813
2825
  props: {
2814
2826
  /**
@@ -2830,29 +2842,29 @@ const Rs = /* @__PURE__ */ g(Ls, [["render", zs], ["__scopeId", "data-v-c9a7cc51
2830
2842
  }
2831
2843
  }
2832
2844
  };
2833
- function Hs(e, a, t, i, r, s) {
2845
+ function $s(t, a, e, r, n, s) {
2834
2846
  return l(), o("div", {
2835
- class: p(["wra-simple-table-wrapper", {
2836
- "wra-simple-table-inherit": t.inheritBackground,
2837
- "wra-simple-table-no-padding": t.inheritBackground
2847
+ class: m(["wra-simple-table-wrapper", {
2848
+ "wra-simple-table-inherit": e.inheritBackground,
2849
+ "wra-simple-table-no-padding": e.inheritBackground
2838
2850
  }])
2839
2851
  }, [
2840
2852
  u("table", {
2841
- class: p(["wra-simple-table", { "left-align-headers": t.leftAlignHeaders }])
2853
+ class: m(["wra-simple-table", { "left-align-headers": e.leftAlignHeaders }])
2842
2854
  }, [
2843
- t.caption ? (l(), o("caption", {
2855
+ e.caption ? (l(), o("caption", {
2844
2856
  key: 0,
2845
- class: p(["wra-simple-table-caption", { "caption-no-padding": t.inheritBackground }])
2857
+ class: m(["wra-simple-table-caption", { "caption-no-padding": e.inheritBackground }])
2846
2858
  }, [
2847
- m(e.$slots, "caption", {}, () => [
2848
- $(c(t.caption), 1)
2859
+ p(t.$slots, "caption", {}, () => [
2860
+ M(c(e.caption), 1)
2849
2861
  ])
2850
2862
  ], 2)) : f("", !0),
2851
- m(e.$slots, "default")
2863
+ p(t.$slots, "default")
2852
2864
  ], 2)
2853
2865
  ], 2);
2854
2866
  }
2855
- const Us = /* @__PURE__ */ g(Ks, [["render", Hs]]), Gs = {
2867
+ const Ms = /* @__PURE__ */ g(Is, [["render", $s]]), Cs = {
2856
2868
  name: "wra-skip-link",
2857
2869
  emits: ["click"],
2858
2870
  methods: {
@@ -2866,10 +2878,10 @@ const Us = /* @__PURE__ */ g(Ks, [["render", Hs]]), Gs = {
2866
2878
  this.$emit("click");
2867
2879
  return;
2868
2880
  }
2869
- const e = document.getElementById(this.skipId);
2870
- if (e) {
2871
- const a = e.tabIndex;
2872
- e.tabIndex = -1, e.focus(), e.tabIndex = a;
2881
+ const t = document.getElementById(this.skipId);
2882
+ if (t) {
2883
+ const a = t.tabIndex;
2884
+ t.tabIndex = -1, t.focus(), t.tabIndex = a;
2873
2885
  }
2874
2886
  }
2875
2887
  },
@@ -2901,13 +2913,13 @@ const Us = /* @__PURE__ */ g(Ks, [["render", Hs]]), Gs = {
2901
2913
  }
2902
2914
  }
2903
2915
  };
2904
- function Ys(e, a, t, i, r, s) {
2916
+ function Ps(t, a, e, r, n, s) {
2905
2917
  return l(), o("button", {
2906
- class: p(["skip-link", { "skip-link-full-width": t.fullWidth }]),
2907
- onClick: a[0] || (a[0] = (n) => s.onClick())
2908
- }, c(t.text), 3);
2918
+ class: m(["skip-link", { "skip-link-full-width": e.fullWidth }]),
2919
+ onClick: a[0] || (a[0] = (i) => s.onClick())
2920
+ }, c(e.text), 3);
2909
2921
  }
2910
- const Js = /* @__PURE__ */ g(Gs, [["render", Ys], ["__scopeId", "data-v-7a92cb77"]]), Zs = {
2922
+ const Bs = /* @__PURE__ */ g(Cs, [["render", Ps], ["__scopeId", "data-v-7a92cb77"]]), Ts = {
2911
2923
  name: "wra-snackbar",
2912
2924
  emits: ["update:visible"],
2913
2925
  props: {
@@ -2923,8 +2935,8 @@ const Js = /* @__PURE__ */ g(Gs, [["render", Ys], ["__scopeId", "data-v-7a92cb77
2923
2935
  /** Time in ms for the snackbar to disappear after appearing */
2924
2936
  timeout: {
2925
2937
  type: Number,
2926
- validator(e) {
2927
- return e >= 0;
2938
+ validator(t) {
2939
+ return t >= 0;
2928
2940
  }
2929
2941
  },
2930
2942
  /** Theme of snackbar */
@@ -2942,18 +2954,18 @@ const Js = /* @__PURE__ */ g(Gs, [["render", Ys], ["__scopeId", "data-v-7a92cb77
2942
2954
  showSnackbar: !1
2943
2955
  }),
2944
2956
  methods: {
2945
- snackbarTimer(e) {
2957
+ snackbarTimer(t) {
2946
2958
  setTimeout(() => {
2947
2959
  this.showSnackbar = !1;
2948
- }, e);
2960
+ }, t);
2949
2961
  },
2950
2962
  closeSnackbar() {
2951
2963
  this.showSnackbar = !1, this.$emit("update:visible", this.showSnackbar);
2952
2964
  }
2953
2965
  },
2954
2966
  watch: {
2955
- visible(e) {
2956
- this.showSnackbar = e, e === !0 && this.timeout && this.snackbarTimer(this.timeout);
2967
+ visible(t) {
2968
+ this.showSnackbar = t, t === !0 && this.timeout && this.snackbarTimer(this.timeout);
2957
2969
  }
2958
2970
  },
2959
2971
  created() {
@@ -2969,39 +2981,39 @@ const Js = /* @__PURE__ */ g(Gs, [["render", Ys], ["__scopeId", "data-v-7a92cb77
2969
2981
  };
2970
2982
  }
2971
2983
  }
2972
- }, oe = (e) => (q("data-v-778a02a7"), e = e(), E(), e), Qs = { class: "snackbar-content" }, Xs = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1)), ei = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("div", { class: "close-icon-line-one" }, [
2973
- /* @__PURE__ */ u("div", { class: "close-icon-line-two" })
2974
- ], -1)), ti = [
2975
- Xs,
2976
- ei
2977
- ];
2978
- function ai(e, a, t, i, r, s) {
2979
- return l(), D(Y, { name: "snackbar" }, {
2984
+ }, Os = { class: "snackbar-content" };
2985
+ function Ws(t, a, e, r, n, s) {
2986
+ return l(), L(H, { name: "snackbar" }, {
2980
2987
  default: T(() => [
2981
- e.showSnackbar ? (l(), o("div", {
2988
+ t.showSnackbar ? (l(), o("div", {
2982
2989
  key: 0,
2983
2990
  role: "alert",
2984
2991
  "aria-live": "polite",
2985
- class: p(["snackbar snackbar-flex", t.type])
2992
+ class: m(["snackbar snackbar-flex", e.type])
2986
2993
  }, [
2987
- u("div", Qs, [
2988
- m(e.$slots, "default", {}, () => [
2989
- $(c(t.label), 1)
2994
+ u("div", Os, [
2995
+ p(t.$slots, "default", {}, () => [
2996
+ M(c(e.label), 1)
2990
2997
  ], !0)
2991
2998
  ]),
2992
- t.showClose ? (l(), o("div", {
2999
+ e.showClose ? (l(), o("div", {
2993
3000
  key: 0,
2994
3001
  class: "close-icon-wrapper",
2995
3002
  tabindex: "0",
2996
- onClick: a[0] || (a[0] = (...n) => s.closeSnackbar && s.closeSnackbar(...n)),
2997
- onKeyup: a[1] || (a[1] = w((...n) => s.closeSnackbar && s.closeSnackbar(...n), ["enter"]))
2998
- }, ti, 32)) : f("", !0)
3003
+ onClick: a[0] || (a[0] = (...i) => s.closeSnackbar && s.closeSnackbar(...i)),
3004
+ onKeyup: a[1] || (a[1] = w((...i) => s.closeSnackbar && s.closeSnackbar(...i), ["enter"]))
3005
+ }, a[2] || (a[2] = [
3006
+ u("span", { class: "sr-only" }, "Close", -1),
3007
+ u("div", { class: "close-icon-line-one" }, [
3008
+ u("div", { class: "close-icon-line-two" })
3009
+ ], -1)
3010
+ ]), 32)) : f("", !0)
2999
3011
  ], 2)) : f("", !0)
3000
3012
  ]),
3001
3013
  _: 3
3002
3014
  });
3003
3015
  }
3004
- const si = /* @__PURE__ */ g(Zs, [["render", ai], ["__scopeId", "data-v-778a02a7"]]), ii = {
3016
+ const Fs = /* @__PURE__ */ g(Ts, [["render", Ws], ["__scopeId", "data-v-778a02a7"]]), Ns = {
3005
3017
  name: "wra-subheader",
3006
3018
  props: {
3007
3019
  /**
@@ -3020,15 +3032,15 @@ const si = /* @__PURE__ */ g(Zs, [["render", ai], ["__scopeId", "data-v-778a02a7
3020
3032
  }
3021
3033
  }
3022
3034
  };
3023
- function ri(e, a, t, i, r, s) {
3035
+ function As(t, a, e, r, n, s) {
3024
3036
  return l(), o("div", {
3025
3037
  class: "subheader",
3026
- style: A(s.style)
3038
+ style: E(s.style)
3027
3039
  }, [
3028
- m(e.$slots, "default", {}, void 0, !0)
3040
+ p(t.$slots, "default", {}, void 0, !0)
3029
3041
  ], 4);
3030
3042
  }
3031
- const ni = /* @__PURE__ */ g(ii, [["render", ri], ["__scopeId", "data-v-8d2c773f"]]), li = {
3043
+ const Es = /* @__PURE__ */ g(Ns, [["render", As], ["__scopeId", "data-v-8d2c773f"]]), qs = {
3032
3044
  name: "wra-table",
3033
3045
  props: {
3034
3046
  /**
@@ -3055,73 +3067,73 @@ const ni = /* @__PURE__ */ g(ii, [["render", ri], ["__scopeId", "data-v-8d2c773f
3055
3067
  }
3056
3068
  }
3057
3069
  };
3058
- function oi(e, a, t, i, r, s) {
3070
+ function Ls(t, a, e, r, n, s) {
3059
3071
  return l(), o(y, null, [
3060
- u("table", Q({
3072
+ u("table", G({
3061
3073
  id: "regular",
3062
3074
  class: ["wra-table", {
3063
- "wra-table-inherit": t.inheritBackground,
3064
- "wra-table-no-padding": t.inheritBackground
3075
+ "wra-table-inherit": e.inheritBackground,
3076
+ "wra-table-no-padding": e.inheritBackground
3065
3077
  }]
3066
- }, e.$attrs), [
3067
- t.caption ? (l(), o("caption", {
3078
+ }, t.$attrs), [
3079
+ e.caption ? (l(), o("caption", {
3068
3080
  key: 0,
3069
- class: p(["wra-table-caption", { "caption-no-padding": t.inheritBackground }])
3081
+ class: m(["wra-table-caption", { "caption-no-padding": e.inheritBackground }])
3070
3082
  }, [
3071
- m(e.$slots, "caption", {}, () => [
3072
- $(c(t.caption), 1)
3083
+ p(t.$slots, "caption", {}, () => [
3084
+ M(c(e.caption), 1)
3073
3085
  ])
3074
3086
  ], 2)) : f("", !0),
3075
3087
  u("thead", null, [
3076
3088
  u("tr", null, [
3077
- (l(!0), o(y, null, S(t.headers, (n) => (l(), o("th", {
3078
- key: n.key,
3079
- style: A({
3080
- textAlign: n.align || "left",
3081
- width: n.width + "px"
3089
+ (l(!0), o(y, null, S(e.headers, (i) => (l(), o("th", {
3090
+ key: i.key,
3091
+ style: E({
3092
+ textAlign: i.align || "left",
3093
+ width: i.width + "px"
3082
3094
  })
3083
- }, c(n.title), 5))), 128))
3095
+ }, c(i.title), 5))), 128))
3084
3096
  ])
3085
3097
  ]),
3086
3098
  u("tbody", null, [
3087
- (l(!0), o(y, null, S(t.items, (n) => (l(), o("tr", {
3088
- key: n.id,
3089
- class: p({ bold: n.bold })
3099
+ (l(!0), o(y, null, S(e.items, (i) => (l(), o("tr", {
3100
+ key: i.id,
3101
+ class: m({ bold: i.bold })
3090
3102
  }, [
3091
- (l(!0), o(y, null, S(t.headers, (d) => (l(), o("td", {
3103
+ (l(!0), o(y, null, S(e.headers, (d) => (l(), o("td", {
3092
3104
  key: d.key,
3093
- style: A({ textAlign: d.align || "left" })
3094
- }, c(n[d.key]), 5))), 128))
3105
+ style: E({ textAlign: d.align || "left" })
3106
+ }, c(i[d.key]), 5))), 128))
3095
3107
  ], 2))), 128))
3096
3108
  ])
3097
3109
  ], 16),
3098
- u("table", Q({
3110
+ u("table", G({
3099
3111
  id: "pivoted",
3100
3112
  class: ["wra-table", {
3101
- "wra-table-inherit": t.inheritBackground,
3102
- "wra-table-no-padding": t.inheritBackground
3113
+ "wra-table-inherit": e.inheritBackground,
3114
+ "wra-table-no-padding": e.inheritBackground
3103
3115
  }]
3104
- }, e.$attrs), [
3105
- t.caption ? (l(), o("caption", {
3116
+ }, t.$attrs), [
3117
+ e.caption ? (l(), o("caption", {
3106
3118
  key: 0,
3107
- class: p(["wra-table-caption", { "caption-no-padding": t.inheritBackground }])
3119
+ class: m(["wra-table-caption", { "caption-no-padding": e.inheritBackground }])
3108
3120
  }, [
3109
- m(e.$slots, "caption", {}, () => [
3110
- $(c(t.caption), 1)
3121
+ p(t.$slots, "caption", {}, () => [
3122
+ M(c(e.caption), 1)
3111
3123
  ])
3112
3124
  ], 2)) : f("", !0),
3113
- (l(!0), o(y, null, S(t.items, (n) => (l(), o("tbody", {
3114
- key: n.id
3125
+ (l(!0), o(y, null, S(e.items, (i) => (l(), o("tbody", {
3126
+ key: i.id
3115
3127
  }, [
3116
- (l(!0), o(y, null, S(t.headers, (d, h) => (l(), o("tr", { key: h }, [
3128
+ (l(!0), o(y, null, S(e.headers, (d, h) => (l(), o("tr", { key: h }, [
3117
3129
  u("th", null, c(d.title), 1),
3118
- u("td", null, c(n[d.key]), 1)
3130
+ u("td", null, c(i[d.key]), 1)
3119
3131
  ]))), 128))
3120
3132
  ]))), 128))
3121
3133
  ], 16)
3122
3134
  ], 64);
3123
3135
  }
3124
- const ui = /* @__PURE__ */ g(li, [["render", oi]]), di = {
3136
+ const Ds = /* @__PURE__ */ g(qs, [["render", Ls]]), js = {
3125
3137
  name: "wra-tab",
3126
3138
  props: {
3127
3139
  label: {
@@ -3144,18 +3156,18 @@ const ui = /* @__PURE__ */ g(li, [["render", oi]]), di = {
3144
3156
  };
3145
3157
  },
3146
3158
  watch: {
3147
- focus(e) {
3148
- e === !0 && this.$refs.tabButton.focus();
3159
+ focus(t) {
3160
+ t === !0 && this.$refs.tabButton.focus();
3149
3161
  }
3150
3162
  }
3151
3163
  };
3152
- function ci(e, a, t, i, r, s) {
3164
+ function zs(t, a, e, r, n, s) {
3153
3165
  return l(), o("button", {
3154
3166
  ref: "tabButton",
3155
- class: p(["tab-button", t.active === !0 && "tab-button--active"])
3156
- }, c(t.label), 3);
3167
+ class: m(["tab-button", e.active === !0 && "tab-button--active"])
3168
+ }, c(e.label), 3);
3157
3169
  }
3158
- const hi = /* @__PURE__ */ g(di, [["render", ci], ["__scopeId", "data-v-90cdb825"]]), fi = {
3170
+ const Rs = /* @__PURE__ */ g(js, [["render", zs], ["__scopeId", "data-v-90cdb825"]]), Ks = {
3159
3171
  name: "wra-tabs",
3160
3172
  emits: "update:modelValue",
3161
3173
  props: {
@@ -3171,7 +3183,7 @@ const hi = /* @__PURE__ */ g(di, [["render", ci], ["__scopeId", "data-v-90cdb825
3171
3183
  }
3172
3184
  },
3173
3185
  components: {
3174
- Tab: hi
3186
+ Tab: Rs
3175
3187
  },
3176
3188
  data() {
3177
3189
  return {
@@ -3180,8 +3192,8 @@ const hi = /* @__PURE__ */ g(di, [["render", ci], ["__scopeId", "data-v-90cdb825
3180
3192
  };
3181
3193
  },
3182
3194
  methods: {
3183
- onTabClick(e) {
3184
- this.activeTab = e, this.focusTab = e, this.$emit("update:modelValue", this.activeTab);
3195
+ onTabClick(t) {
3196
+ this.activeTab = t, this.focusTab = t, this.$emit("update:modelValue", this.activeTab);
3185
3197
  },
3186
3198
  onKeyLeft() {
3187
3199
  this.focusTab > 0 && this.focusTab--;
@@ -3193,17 +3205,17 @@ const hi = /* @__PURE__ */ g(di, [["render", ci], ["__scopeId", "data-v-90cdb825
3193
3205
  created() {
3194
3206
  this.activeTab = this.modelValue;
3195
3207
  }
3196
- }, pi = { class: "tabs" };
3197
- function mi(e, a, t, i, r, s) {
3198
- const n = N("tab");
3199
- return l(), o("div", pi, [
3200
- (l(!0), o(y, null, S(t.options, (d, h) => (l(), D(n, {
3208
+ }, Hs = { class: "tabs" };
3209
+ function Us(t, a, e, r, n, s) {
3210
+ const i = N("tab");
3211
+ return l(), o("div", Hs, [
3212
+ (l(!0), o(y, null, S(e.options, (d, h) => (l(), L(i, {
3201
3213
  tabindex: h === 0 ? 0 : -1,
3202
3214
  label: d,
3203
- active: h === r.activeTab,
3204
- focus: h === r.focusTab,
3215
+ active: h === n.activeTab,
3216
+ focus: h === n.focusTab,
3205
3217
  onClick: (b) => s.onTabClick(h),
3206
- onFocus: (b) => r.focusTab = h,
3218
+ onFocus: (b) => n.focusTab = h,
3207
3219
  onKeydown: [
3208
3220
  w((b) => s.onTabClick(h), ["enter"]),
3209
3221
  w((b) => s.onTabClick(h), ["space"]),
@@ -3213,7 +3225,7 @@ function mi(e, a, t, i, r, s) {
3213
3225
  }, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
3214
3226
  ]);
3215
3227
  }
3216
- const gi = /* @__PURE__ */ g(fi, [["render", mi], ["__scopeId", "data-v-a505540c"]]), bi = {
3228
+ const Gs = /* @__PURE__ */ g(Ks, [["render", Us], ["__scopeId", "data-v-a505540c"]]), Ys = {
3217
3229
  name: "wra-text-area",
3218
3230
  props: {
3219
3231
  /**
@@ -3261,13 +3273,13 @@ const gi = /* @__PURE__ */ g(fi, [["render", mi], ["__scopeId", "data-v-a505540c
3261
3273
  };
3262
3274
  },
3263
3275
  methods: {
3264
- validate(e) {
3265
- if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
3276
+ validate(t) {
3277
+ if (this.$emit("update:modelValue", t), this.errorMessage = "", this.rules != null)
3266
3278
  for (let a = 0; a < this.rules.length; a++) {
3267
- const t = this.rules[a];
3268
- let i = t(e);
3269
- if (i != !0) {
3270
- this.errorMessage = i, this.$emit("valid", { id: this.id, value: !1 });
3279
+ const e = this.rules[a];
3280
+ let r = e(t);
3281
+ if (r != !0) {
3282
+ this.errorMessage = r, this.$emit("valid", { id: this.id, value: !1 });
3271
3283
  break;
3272
3284
  }
3273
3285
  }
@@ -3280,27 +3292,27 @@ const gi = /* @__PURE__ */ g(fi, [["render", mi], ["__scopeId", "data-v-a505540c
3280
3292
  mounted() {
3281
3293
  this.validate(this.modelValue);
3282
3294
  }
3283
- }, ki = ["for"], yi = ["id", "value", "maxlength"];
3284
- function _i(e, a, t, i, r, s) {
3295
+ }, Js = ["for"], Zs = ["id", "value", "maxlength"];
3296
+ function Qs(t, a, e, r, n, s) {
3285
3297
  return l(), o("div", {
3286
- class: p({ error: r.errorMessage != !1 })
3298
+ class: m({ error: n.errorMessage != !1 })
3287
3299
  }, [
3288
- t.label ? (l(), o("label", {
3300
+ e.label ? (l(), o("label", {
3289
3301
  key: 0,
3290
- for: t.id
3291
- }, c(t.label), 9, ki)) : f("", !0),
3302
+ for: e.id
3303
+ }, c(e.label), 9, Js)) : f("", !0),
3292
3304
  u("textarea", {
3293
3305
  rows: "5",
3294
- id: t.id,
3295
- value: t.modelValue,
3296
- onInput: a[0] || (a[0] = (n) => s.validate(n.target.value)),
3297
- maxlength: t.maxLength
3298
- }, null, 40, yi),
3299
- u("p", null, c(r.errorMessage), 1)
3306
+ id: e.id,
3307
+ value: e.modelValue,
3308
+ onInput: a[0] || (a[0] = (i) => s.validate(i.target.value)),
3309
+ maxlength: e.maxLength
3310
+ }, null, 40, Zs),
3311
+ u("p", null, c(n.errorMessage), 1)
3300
3312
  ], 2);
3301
3313
  }
3302
- const vi = /* @__PURE__ */ g(bi, [["render", _i], ["__scopeId", "data-v-34ec88e9"]]), wi = {
3303
- directives: { maska: j },
3314
+ const Xs = /* @__PURE__ */ g(Ys, [["render", Qs], ["__scopeId", "data-v-34ec88e9"]]), er = {
3315
+ directives: { maska: D },
3304
3316
  name: "wra-text-input",
3305
3317
  props: {
3306
3318
  /**
@@ -3340,7 +3352,7 @@ const vi = /* @__PURE__ */ g(bi, [["render", _i], ["__scopeId", "data-v-34ec88e9
3340
3352
  inputmode: {
3341
3353
  type: String,
3342
3354
  default: "text",
3343
- validator(e) {
3355
+ validator(t) {
3344
3356
  return [
3345
3357
  "none",
3346
3358
  "text",
@@ -3350,7 +3362,7 @@ const vi = /* @__PURE__ */ g(bi, [["render", _i], ["__scopeId", "data-v-34ec88e9
3350
3362
  "numeric",
3351
3363
  "decimal",
3352
3364
  "search"
3353
- ].includes(e);
3365
+ ].includes(t);
3354
3366
  }
3355
3367
  },
3356
3368
  /**
@@ -3362,9 +3374,9 @@ const vi = /* @__PURE__ */ g(bi, [["render", _i], ["__scopeId", "data-v-34ec88e9
3362
3374
  type: {
3363
3375
  type: String,
3364
3376
  default: "text",
3365
- validator(e) {
3377
+ validator(t) {
3366
3378
  return ["text", "tel", "url", "email", "numeric", "decimal"].includes(
3367
- e
3379
+ t
3368
3380
  );
3369
3381
  }
3370
3382
  },
@@ -3408,13 +3420,13 @@ const vi = /* @__PURE__ */ g(bi, [["render", _i], ["__scopeId", "data-v-34ec88e9
3408
3420
  * Validates the input value based on the provided rules.
3409
3421
  * @param {string|number} value - The input value to validate.
3410
3422
  */
3411
- validate(e) {
3412
- if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
3423
+ validate(t) {
3424
+ if (this.$emit("update:modelValue", t), this.errorMessage = "", this.rules != null)
3413
3425
  for (let a = 0; a < this.rules.length; a++) {
3414
- const t = this.rules[a];
3415
- let i = t(e);
3416
- if (i != !0) {
3417
- this.errorMessage = i, this.$emit("valid", { id: this.id, value: !1 });
3426
+ const e = this.rules[a];
3427
+ let r = e(t);
3428
+ if (r != !0) {
3429
+ this.errorMessage = r, this.$emit("valid", { id: this.id, value: !1 });
3418
3430
  break;
3419
3431
  }
3420
3432
  }
@@ -3428,107 +3440,107 @@ const vi = /* @__PURE__ */ g(bi, [["render", _i], ["__scopeId", "data-v-34ec88e9
3428
3440
  this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
3429
3441
  },
3430
3442
  emits: ["update:modelValue", "valid"]
3431
- }, Si = ["for"], xi = ["id", "type", "dataMaskaTokens", "value", "inputmode", "placeholder"];
3432
- function Ii(e, a, t, i, r, s) {
3433
- const n = L("maska");
3443
+ }, tr = ["for"], ar = ["id", "type", "dataMaskaTokens", "value", "inputmode", "placeholder"];
3444
+ function sr(t, a, e, r, n, s) {
3445
+ const i = q("maska");
3434
3446
  return l(), o("div", {
3435
- class: p({ error: r.errorMessage != !1 })
3447
+ class: m({ error: n.errorMessage != !1 })
3436
3448
  }, [
3437
- t.label ? (l(), o("label", {
3449
+ e.label ? (l(), o("label", {
3438
3450
  key: 0,
3439
- for: t.id
3440
- }, c(t.label), 9, Si)) : f("", !0),
3451
+ for: e.id
3452
+ }, c(e.label), 9, tr)) : f("", !0),
3441
3453
  O(u("input", {
3442
- id: t.id,
3443
- type: t.type,
3444
- dataMaskaTokens: t.dataMaskaTokens,
3445
- value: t.modelValue,
3454
+ id: e.id,
3455
+ type: e.type,
3456
+ dataMaskaTokens: e.dataMaskaTokens,
3457
+ value: e.modelValue,
3446
3458
  onInput: a[0] || (a[0] = (d) => s.validate(d.target.value)),
3447
- inputmode: t.inputmode ?? "text",
3448
- placeholder: t.placeholder
3449
- }, null, 40, xi), [
3450
- [n, t.dataMaska]
3459
+ inputmode: e.inputmode ?? "text",
3460
+ placeholder: e.placeholder
3461
+ }, null, 40, ar), [
3462
+ [i, e.dataMaska]
3451
3463
  ]),
3452
- u("p", null, c(r.errorMessage), 1)
3464
+ u("p", null, c(n.errorMessage), 1)
3453
3465
  ], 2);
3454
3466
  }
3455
- const Vi = /* @__PURE__ */ g(wi, [["render", Ii], ["__scopeId", "data-v-bbfa1a0a"]]), $i = {
3456
- WraAppBar: fe,
3457
- WraAutocomplete: ve,
3458
- WraBanner: Ie,
3459
- WraBreadcrumbs: Fe,
3460
- WraButton: J,
3461
- WraCard: je,
3462
- WraCheckbox: se,
3463
- WraCheckboxGroup: st,
3464
- WraContentSectionTitle: lt,
3465
- WraCustomInput: xt,
3466
- WraDataTable: Ut,
3467
- WraDateInput: Xt,
3468
- WraDialog: fa,
3469
- WraDivider: ba,
3470
- WraExpansionPanel: xa,
3471
- WraFileUpload: Fa,
3472
- WraFooter: qa,
3473
- WraHeader: re,
3474
- WraIcon: za,
3475
- WraInset: Ha,
3476
- WraNumberInput: es,
3477
- WraPagination: us,
3478
- WraPriceInput: bs,
3479
- WraRadioGroup: Ms,
3480
- WraSelect: Es,
3481
- WraServiceLogo: Rs,
3482
- WraSimpleTable: Us,
3483
- WraSkipLink: Js,
3484
- WraSnackbar: si,
3485
- WraSubheader: ni,
3486
- WraTable: ui,
3487
- WraTabs: gi,
3488
- WraTextArea: vi,
3489
- WraTextInput: Vi,
3490
- WraValidationTooltip: ne
3491
- }, Pi = {
3492
- install(e) {
3493
- for (const [a, t] of Object.entries($i))
3494
- e.component(a, t);
3467
+ const rr = /* @__PURE__ */ g(er, [["render", sr], ["__scopeId", "data-v-bbfa1a0a"]]), ir = {
3468
+ WraAppBar: oe,
3469
+ WraAutocomplete: ge,
3470
+ WraBanner: ve,
3471
+ WraBreadcrumbs: Me,
3472
+ WraButton: U,
3473
+ WraCard: Fe,
3474
+ WraCheckbox: X,
3475
+ WraCheckboxGroup: Je,
3476
+ WraContentSectionTitle: et,
3477
+ WraCustomInput: bt,
3478
+ WraDataTable: Wt,
3479
+ WraDateInput: Lt,
3480
+ WraDialog: ea,
3481
+ WraDivider: ra,
3482
+ WraExpansionPanel: ca,
3483
+ WraFileUpload: wa,
3484
+ WraFooter: Va,
3485
+ WraHeader: ae,
3486
+ WraIcon: Pa,
3487
+ WraInset: Oa,
3488
+ WraNumberInput: Da,
3489
+ WraPagination: Ha,
3490
+ WraPriceInput: es,
3491
+ WraRadioGroup: cs,
3492
+ WraSelect: vs,
3493
+ WraServiceLogo: Vs,
3494
+ WraSimpleTable: Ms,
3495
+ WraSkipLink: Bs,
3496
+ WraSnackbar: Fs,
3497
+ WraSubheader: Es,
3498
+ WraTable: Ds,
3499
+ WraTabs: Gs,
3500
+ WraTextArea: Xs,
3501
+ WraTextInput: rr,
3502
+ WraValidationTooltip: se
3503
+ }, lr = {
3504
+ install(t) {
3505
+ for (const [a, e] of Object.entries(ir))
3506
+ t.component(a, e);
3495
3507
  }
3496
3508
  };
3497
3509
  export {
3498
- fe as WraAppBar,
3499
- ve as WraAutocomplete,
3500
- Ie as WraBanner,
3501
- Fe as WraBreadcrumbs,
3502
- J as WraButton,
3503
- je as WraCard,
3504
- se as WraCheckbox,
3505
- st as WraCheckboxGroup,
3506
- lt as WraContentSectionTitle,
3507
- xt as WraCustomInput,
3508
- Ut as WraDataTable,
3509
- Xt as WraDateInput,
3510
- fa as WraDialog,
3511
- ba as WraDivider,
3512
- xa as WraExpansionPanel,
3513
- Fa as WraFileUpload,
3514
- qa as WraFooter,
3515
- re as WraHeader,
3516
- za as WraIcon,
3517
- Ha as WraInset,
3518
- es as WraNumberInput,
3519
- us as WraPagination,
3520
- bs as WraPriceInput,
3521
- Ms as WraRadioGroup,
3522
- Es as WraSelect,
3523
- Rs as WraServiceLogo,
3524
- Us as WraSimpleTable,
3525
- Js as WraSkipLink,
3526
- si as WraSnackbar,
3527
- ni as WraSubheader,
3528
- ui as WraTable,
3529
- gi as WraTabs,
3530
- vi as WraTextArea,
3531
- Vi as WraTextInput,
3532
- ne as WraValidationTooltip,
3533
- Pi as default
3510
+ oe as WraAppBar,
3511
+ ge as WraAutocomplete,
3512
+ ve as WraBanner,
3513
+ Me as WraBreadcrumbs,
3514
+ U as WraButton,
3515
+ Fe as WraCard,
3516
+ X as WraCheckbox,
3517
+ Je as WraCheckboxGroup,
3518
+ et as WraContentSectionTitle,
3519
+ bt as WraCustomInput,
3520
+ Wt as WraDataTable,
3521
+ Lt as WraDateInput,
3522
+ ea as WraDialog,
3523
+ ra as WraDivider,
3524
+ ca as WraExpansionPanel,
3525
+ wa as WraFileUpload,
3526
+ Va as WraFooter,
3527
+ ae as WraHeader,
3528
+ Pa as WraIcon,
3529
+ Oa as WraInset,
3530
+ Da as WraNumberInput,
3531
+ Ha as WraPagination,
3532
+ es as WraPriceInput,
3533
+ cs as WraRadioGroup,
3534
+ vs as WraSelect,
3535
+ Vs as WraServiceLogo,
3536
+ Ms as WraSimpleTable,
3537
+ Bs as WraSkipLink,
3538
+ Fs as WraSnackbar,
3539
+ Es as WraSubheader,
3540
+ Ds as WraTable,
3541
+ Gs as WraTabs,
3542
+ Xs as WraTextArea,
3543
+ rr as WraTextInput,
3544
+ se as WraValidationTooltip,
3545
+ lr as default
3534
3546
  };