@wra-gov/vue-components 0.26.8 → 0.26.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +11 -39
- package/dist/vue-components.js +395 -387
- package/dist/vue-components.umd.cjs +2 -2
- package/package.json +1 -1
package/dist/vue-components.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('body{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif}p{font-size:18px;line-height:24px}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid var(--color-wra-grey);font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:var(--color-wra-blue);font-weight:700}a:hover{color:var(--color-wra-blue);text-decoration:none}a:focus-visible{color:var(--color-wra-black);background-color:var(--color-wra-yellow);box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black);outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black)}/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-wra-revenue:#2a225b;--color-wra-black:#1f1f1f;--color-wra-charcoal:#323232;--color-wra-light-grey:#f1f1f1;--color-wra-grey:#e5e5e5;--color-wra-mid-grey:#b5b5b5;--color-wra-dark-grey:#666;--color-wra-light-red:#ffe4e5;--color-wra-red:#a11;--color-wra-light-blue:#c2e0fc;--color-wra-blue:#0360a6;--color-wra-mid-blue:#3b7dc5;--color-wra-dark-blue:#1f446d;--color-wra-light-green:#cdf7d4;--color-wra-green:#007015;--color-wra-light-yellow:#fff5ce;--color-wra-yellow:#ffd530}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing)*4)}.contents{display:contents}.hidden{display:none}.table{display:table}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.bg-wra-blue{background-color:var(--color-wra-blue)}.bg-wra-light-blue{background-color:var(--color-wra-light-blue)}.bg-wra-red{background-color:var(--color-wra-red)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-wrap{text-wrap:wrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}[data-v-a67304e8],[data-v-a67304e8]:before,[data-v-a67304e8]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-a67304e8]{background-color:var(--color-wra-charcoal);font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-a67304e8]{display:none}}[data-v-a58dcdf6],[data-v-a58dcdf6]:before,[data-v-a58dcdf6]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-a58dcdf6]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.autocomplete-input[data-v-a58dcdf6]:disabled{opacity:.3}.autocomplete-input--focus[data-v-a58dcdf6]{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}.autocomplete-label[data-v-a58dcdf6]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-a58dcdf6]{position:absolute;display:block;list-style-type:none;z-index:1;padding:0;border:1px solid var(--color-wra-black);border-top:0px;width:100%;max-height:200px;background:var(--color-wra-light-grey);overflow-y:auto}.autocomplete-list>li[data-v-a58dcdf6]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-a58dcdf6]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-a58dcdf6]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-a58dcdf6]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-a58dcdf6]{background:var(--color-wra-blue);color:#fff}.autocomplete-item-not-clickable[data-v-a58dcdf6]{cursor:not-allowed}.autocomplete[data-v-a58dcdf6]{position:relative}[data-v-13fdebc5],[data-v-13fdebc5]:before,[data-v-13fdebc5]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-13fdebc5]{background-color:var(--color-wra-light-grey);font-size:18px;color:var(--color-wra-black);padding:20px;border:none;position:relative}.new-service[data-v-13fdebc5]{background-color:var(--color-wra-yellow)}.new-service[data-v-13fdebc5] a{color:var(--color-wra-black)}.new-service[data-v-13fdebc5] a:focus{color:#fff;background-color:var(--color-wra-black);box-shadow:0 -4px var(--color-wra-black),0 2px #fff;-webkit-box-shadow:0 -4px var(--color-wra-black),0 2px #ffffff}.wra-banner-actions[data-v-13fdebc5]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}.wra-banner-close[data-v-13fdebc5]{background:none;border:none;font-size:26px;font-weight:700;color:var(--color-wra-black);cursor:pointer;position:absolute;top:15px;right:15px;height:30px}.wra-banner-close[data-v-13fdebc5]:hover{opacity:.6;transition:all .3s ease}.wra-banner-close[data-v-13fdebc5]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black)}.wra-banner-close[data-v-13fdebc5]:focus:hover{opacity:1}.closable-padding[data-v-13fdebc5]{padding-right:44px}@media print{.hidden-print[data-v-13fdebc5]{display:none}}[data-v-2a897129],[data-v-2a897129]:before,[data-v-2a897129]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-2a897129]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-2a897129]{font-size:16px}.wra-breadcrumbs-item[data-v-2a897129]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-2a897129]{display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link--disabled[data-v-2a897129]{color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link[data-v-2a897129]{text-decoration:none;font-weight:700;color:var(--color-wra-revenue)}.wra-breadcrumbs-link[data-v-2a897129]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-2a897129]:focus{opacity:1;color:var(--color-wra-black)}.wra-breadcrumbs-chevron[data-v-2a897129]{content:" ";display:inline-block;border:solid var(--color-wra-dark-grey);border-width:3.5px 3.5px 0px 0px;padding:2.5px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-667ad3bf]{color:#fff;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-667ad3bf]:hover{background-color:var(--color-wra-dark-grey);transition:all .3s ease}button[data-v-667ad3bf]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-667ad3bf]:disabled{cursor:not-allowed;opacity:.7;background-color:var(--color-wra-charcoal)}button[data-v-667ad3bf]:disabled:hover{opacity:.7;background-color:var(--color-wra-charcoal)}button.outlined-button[data-v-667ad3bf]:disabled{color:#fff}.icon[data-v-667ad3bf]{display:flex;align-items:center;justify-content:center}.prepend-icon-wrapper[data-v-667ad3bf]{margin-right:8px}.append-icon-wrapper[data-v-667ad3bf]{margin-left:8px}.wra-black[data-v-667ad3bf]{background-color:var(--color-wra-black)}.wra-black[data-v-667ad3bf]:hover{background-color:var(--color-wra-dark-grey)}.wra-blue[data-v-667ad3bf]{background-color:var(--color-wra-blue)}.wra-blue[data-v-667ad3bf]:hover{background-color:#3571b1}.wra-red[data-v-667ad3bf]{background-color:var(--color-wra-red)}.wra-red[data-v-667ad3bf]:hover{background-color:#d81f1f}.wra-green[data-v-667ad3bf]{background-color:var(--color-wra-green)}.wra-green[data-v-667ad3bf]:hover{background-color:#008a19}.wra-revenue[data-v-667ad3bf]{background-color:var(--color-wra-revenue)}.wra-revenue[data-v-667ad3bf]:hover{background-color:#55507b}.wra-white[data-v-667ad3bf]{background-color:#fff;color:var(--color-wra-black);outline:2px solid var(--color-wra-black)}.wra-white[data-v-667ad3bf]:hover{background-color:var(--color-wra-grey)}.wra-white[data-v-667ad3bf]:disabled{color:#fff}.default-button[data-v-667ad3bf]{font-size:16px;padding:10px 20px;line-height:24px}.small-button[data-v-667ad3bf]{font-size:14px;padding:5px 15px;line-height:24px}.outlined-button[data-v-667ad3bf]{background-color:transparent;outline:2px solid var(--color-prop, var(--color-wra-black));color:var(--color-prop, var(--color-wra-black))}.outlined-button[data-v-667ad3bf]:hover{background-color:var(--color-prop, var(--color-wra-black));color:#fff;transition:all .3s ease}.wra-button:focus>.icon>svg{fill:var(--color-wra-black)}.card[data-v-b458be18]{background-color:var(--color-wra-light-grey);padding:20px 24px}.checkbox-label[data-v-b55724c0]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-b55724c0]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-b55724c0]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-b55724c0]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-b55724c0]:checked:before{transform:scale(1)}.checkbox-input[data-v-b55724c0]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-b55724c0]:focus-visible{outline-offset:0px}.checkbox-text[data-v-b55724c0]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-b55724c0]{font-size:14px}p[data-v-b55724c0]{margin:0}.checkbox[data-v-387e5be4]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-387e5be4]{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-387e5be4]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-387e5be4]{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-387e5be4]: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-387e5be4]:checked:before{transform:scale(1)}.checkbox-input[data-v-387e5be4]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-387e5be4]:focus-visible{outline-offset:0px}.checkbox-text[data-v-387e5be4]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-387e5be4]{font-size:14px}p[data-v-387e5be4]{margin:0}.content-section-title[data-v-b917a4a4]{border-bottom:2px solid var(--color-wra-grey);border-top:10px solid var(--color-wra-grey);padding-bottom:20px;padding-top:30px}[data-v-dbeead08],[data-v-dbeead08]:before,[data-v-dbeead08]:after{box-sizing:border-box}.input-wrapper[data-v-dbeead08]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-dbeead08]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-dbeead08]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-dbeead08]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-dbeead08]{padding:10px 6px}.padding-for-no-prefix[data-v-dbeead08]{padding:10px}.input-wrapper[data-v-dbeead08]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-dbeead08]{border:none}label[data-v-dbeead08]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-dbeead08]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.bold[data-v-e27e09c4]{font-weight:700}.wra-data-table-caption[data-v-e27e09c4]{background-color:inherit;text-align:left;padding:0 0 16px;font-weight:700;font-size:20px}.wra-data-table[data-v-e27e09c4]{width:100%;border-spacing:0;line-height:20px;padding:0;table-layout:auto}.wra-data-table>thead>tr>th[data-v-e27e09c4]{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-data-table>tbody>tr>td[data-v-e27e09c4],.wra-data-table>tbody>tr>th[data-v-e27e09c4]{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-data-table td[data-v-e27e09c4],.wra-data-table th[data-v-e27e09c4]{padding:16px}.wra-data-table>thead>tr>th[data-v-e27e09c4]:first-child,.wra-data-table>tbody>tr>td[data-v-e27e09c4]:first-child{padding-left:0}.wra-data-table>thead>tr>th[data-v-e27e09c4]:last-child,.wra-data-table>tbody>tr>td[data-v-e27e09c4]:last-child{padding-right:0}.column-search-input[data-v-e27e09c4]{margin-top:12px;box-sizing:border-box;font-size:16px;padding:10px;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.column-search-input[data-v-e27e09c4]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}button[data-v-e27e09c4]{background-color:var(--color-wra-black);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px 12px;height:32px}button[data-v-e27e09c4]:hover{opacity:.8;transition:all .3s ease}button[data-v-e27e09c4]:focus{background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-e27e09c4]:focus:hover{opacity:1}.wra-chevron[data-v-e27e09c4]{content:" ";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.wra-chevron-right[data-v-e27e09c4]{border:solid #ffffff;border-width:3px 3px 0px 0px}.wra-chevron-left[data-v-e27e09c4]{border:solid #ffffff;border-width:0px 0px 3px 3px}.wra-chevron-up[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:3px 0px 0px 3px;margin-left:4px;margin-top:3px}.wra-chevron-down[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:0px 3px 3px 0px;margin-left:4px;margin-bottom:6px}button:focus>.wra-chevron-right[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:3px 3px 0px 0px}button:focus>.wra-chevron-left[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:0px 0px 3px 3px}.clickable[data-v-e27e09c4]{cursor:pointer}tbody.clickable[data-v-e27e09c4]:hover{background-color:var(--color-wra-light-grey)}.sort-icons[data-v-e27e09c4]{visibility:hidden;opacity:.4}th:hover .sort-icons[data-v-e27e09c4]{visibility:visible}.text-left[data-v-e27e09c4]{text-align:left}.text-right[data-v-e27e09c4]{text-align:right}.text-center[data-v-e27e09c4]{text-align:center}.pagination[data-v-e27e09c4]{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0}.pagination button[data-v-e27e09c4]{margin-left:10px}.disable-button[data-v-e27e09c4]{opacity:.4}.disable-button[data-v-e27e09c4]:hover{opacity:.4;cursor:default}.loader[data-v-e27e09c4]{width:40px;height:40px;border:5px solid grey;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-e27e09c4 1s linear infinite}@keyframes rotation-e27e09c4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-b5ebbc62],[data-v-b5ebbc62]:before,[data-v-b5ebbc62]:after{box-sizing:border-box}input[data-v-b5ebbc62]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-b5ebbc62]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-b5ebbc62]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-b5ebbc62]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}div[data-v-6d53d792]{font-weight:700}h1[data-v-6d53d792]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-6d53d792]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-6d53d792]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-6d53d792]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-6d53d792]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-6d53d792]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}@media (max-width: 600px){h1[data-v-6d53d792]{margin:0;font-size:34px;letter-spacing:-.05rem;line-height:38px}h2[data-v-6d53d792]{margin:0;font-size:28px;letter-spacing:-.04rem;line-height:32px}h3[data-v-6d53d792]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h4[data-v-6d53d792]{margin:0;font-size:20px;letter-spacing:-.03rem;line-height:24px}h5[data-v-6d53d792]{margin:0;font-size:18px;letter-spacing:-.02rem;line-height:22px}h6[data-v-6d53d792]{margin:0;font-size:14px;letter-spacing:-.01rem;line-height:18px}}.dialog-class[data-v-a58221e3]{z-index:9999}.dialog-content[data-v-a58221e3]{min-width:300px;max-width:90vw;text-align:center}.dialog-buttons[data-v-a58221e3]{margin-top:16px;display:flex;justify-content:space-evenly}dialog.dialog-class::backdrop{background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}hr[data-v-40db3bc1]{margin:0}.wra-divider[data-v-40db3bc1]{border:3px solid var(--color-wra-grey)}.wra-divider-large[data-v-40db3bc1]{border:4px solid var(--color-wra-grey)}.wra-divider-small[data-v-40db3bc1]{border:2px solid var(--color-wra-grey)}.panel-icon[data-v-aad4db7d]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-aad4db7d]{margin-left:8px}.show-panel-icon[data-v-aad4db7d]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-aad4db7d]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-aad4db7d]{display:flex;justify-content:space-between}button[data-v-aad4db7d]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:var(--color-wra-revenue);border:none;border-left:2px solid var(--color-wra-mid-grey);cursor:pointer;width:100%;text-align:left}button[data-v-aad4db7d]:hover{opacity:.8}button[data-v-aad4db7d]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-aad4db7d]:focus:hover{opacity:1}.panel-content[data-v-aad4db7d]{display:grid;border-left:2px solid var(--color-wra-mid-grey);background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-aad4db7d]{overflow:hidden}.slide-fade-enter-active[data-v-aad4db7d],.slide-fade-leave-active[data-v-aad4db7d]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-aad4db7d],.slide-fade-leave-to[data-v-aad4db7d]{grid-template-rows:0fr}.validation-tooltip[data-v-e082a746]{display:flex;align-items:flex-start;color:var(--color-wra-black);border-radius:0;font-size:18px;padding:25px}.wra-error[data-v-e082a746]{background-color:var(--color-wra-light-red);border-left:10px solid var(--color-wra-red)}.wra-success[data-v-e082a746]{background-color:var(--color-wra-light-green);border-left:10px solid var(--color-wra-green)}.wra-info[data-v-e082a746]{background-color:var(--color-wra-light-blue);border-left:10px solid var(--color-wra-blue)}.wra-warning[data-v-e082a746]{background-color:var(--color-wra-light-yellow);border-left:10px solid var(--color-wra-yellow)}.wra-default[data-v-e082a746]{background-color:var(--color-wra-light-grey);border-left:10px solid var(--color-wra-blue)}.icon[data-v-e082a746]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-icon-wrapper[data-v-e082a746]{margin-right:12px}.file-upload-wrapper[data-v-77af62fb]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-77af62fb]{display:none}.file-upload-label[data-v-77af62fb]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-77af62fb]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-77af62fb]{margin-bottom:16px}.file-upload-error-text[data-v-77af62fb]{margin-block:0px;font-size:18px}.file-upload-error-box>.file-upload-error-text[data-v-77af62fb]{margin-bottom:1rem}.file-upload-error-box>.file-upload-error-text[data-v-77af62fb]:last-child{margin-bottom:0rem}.error-enter-active[data-v-77af62fb],.error-leave-active[data-v-77af62fb]{transition:opacity .3s ease-out}.error-enter-from[data-v-77af62fb],.error-leave-to[data-v-77af62fb]{opacity:0}.wra-footer[data-v-ec223b2a]{flex-grow:0;background-color:var(--color-wra-light-grey);padding:70px 20px 40px}@media print{.hidden-print[data-v-ec223b2a]{display:none}}.wra-inset[data-v-5eaa02a8]{font-size:16px;padding:20px;border-left-width:10px;border-left-style:solid}.wra-inset.wra-revenue[data-v-5eaa02a8]{border-left-color:var(--color-wra-revenue)}.wra-inset.wra-charcoal[data-v-5eaa02a8]{border-left-color:var(--color-wra-charcoal)}.wra-inset.wra-red[data-v-5eaa02a8]{border-left-color:var(--color-wra-red)}.wra-inset.wra-blue[data-v-5eaa02a8]{border-left-color:var(--color-wra-blue)}.wra-inset.wra-green[data-v-5eaa02a8]{border-left-color:var(--color-wra-green)}.wra-inset.wra-yellow[data-v-5eaa02a8]{border-left-color:var(--color-wra-yellow)}[data-v-bf09a2d6],[data-v-bf09a2d6]:before,[data-v-bf09a2d6]:after{box-sizing:border-box}.input-wrapper[data-v-bf09a2d6]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-bf09a2d6]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-bf09a2d6]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-bf09a2d6]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-bf09a2d6]{padding:10px 6px}.padding-for-no-prefix[data-v-bf09a2d6]{padding:10px}.input-wrapper[data-v-bf09a2d6]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-bf09a2d6]{border:none}label[data-v-bf09a2d6]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-bf09a2d6]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.pagination-button[data-v-4fb0a9cd]{background-color:transparent;color:var(--color-wra-revenue);font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button[data-v-4fb0a9cd]>*:first-child{margin-right:8px}.pagination-button[data-v-4fb0a9cd]:hover,.pagination-number[data-v-4fb0a9cd]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-4fb0a9cd]:focus,.pagination-number[data-v-4fb0a9cd]:focus{color:var(--color-wra-black);background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.pagination-button[data-v-4fb0a9cd]:focus:hover,.pagination-number[data-v-4fb0a9cd]:focus:hover{opacity:1}.pagination-number[data-v-4fb0a9cd]{color:var(--color-wra-black);background-color:var(--color-wra-light-grey);padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;min-width:3rem;text-align:center}.pagination-number[data-v-4fb0a9cd]:hover{color:var(--color-wra-black);opacity:.8}.pagination-number--selected[data-v-4fb0a9cd]{background-color:var(--color-wra-revenue);color:#fff}.pagination-number--selected[data-v-4fb0a9cd]:hover:not(:focus){color:#fff}.pagination-divider[data-v-4fb0a9cd]{font-size:18px}.pagination[data-v-4fb0a9cd]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-4fb0a9cd]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.previous-icon[data-v-4fb0a9cd]{border-width:3px 3px 0px 0px}.next-icon[data-v-4fb0a9cd]{border-width:0px 0px 3px 3px}[data-v-0e867b98],[data-v-0e867b98]:before,[data-v-0e867b98]:after{box-sizing:border-box}.input-wrapper[data-v-0e867b98]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-0e867b98]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-0e867b98]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-0e867b98]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-0e867b98]{padding:10px 6px}.padding-for-no-prefix[data-v-0e867b98]{padding:10px}.input-wrapper[data-v-0e867b98]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-0e867b98]{border:none}label[data-v-0e867b98]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-0e867b98]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.radio-label[data-v-66e204d1]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:grid;cursor:pointer;grid-template-columns:20px auto}.radio-label[data-v-66e204d1]:hover{background:var(--color-wra-mid-grey)}.radio-input[data-v-66e204d1]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-66e204d1]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black)}.radio-input[data-v-66e204d1]:checked:before{transform:scale(1)}.radio-input[data-v-66e204d1]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.radio-input[data-v-66e204d1]:focus-visible{outline-offset:0px}.radio-text[data-v-66e204d1]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-66e204d1]{font-size:14px}p[data-v-66e204d1]{margin:0}.radio[data-v-dfd68568]:not(:last-child):not(:only-child){margin-bottom:8px}[data-v-f1105098],[data-v-f1105098]:before,[data-v-f1105098]:after{box-sizing:border-box}select[data-v-f1105098]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none;padding:10px}.select[data-v-f1105098]{border:1px solid var(--color-wra-black);border-radius:0;padding-right:10px;font-size:16px;cursor:pointer;line-height:1.15;background-color:#fff;display:grid;grid-template-areas:"select";align-items:center;position:relative}.select[data-v-f1105098]:after{content:"";width:.8em;height:.5em;background-color:var(--color-wra-black);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-f1105098],.select[data-v-f1105098]:after{grid-area:select}select:focus+.focus[data-v-f1105098]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--color-wra-black);outline:3px solid var(--color-wra-yellow);border-radius:inherit}label[data-v-f1105098]{color:var(--color-wra-black);font-size:16px}.service-logo[data-v-726556fc]{max-width:100%}.service-link[data-v-726556fc]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-726556fc]:focus{border:2px solid var(--color-wra-yellow);outline:2px solid var(--color-wra-black);background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:var(--color-wra-light-grey)}.wra-simple-table-no-padding{padding:0!important}.left-align-headers{text-align:left}.wra-simple-table-caption{background-color:inherit;text-align:left;padding:16px 16px 16px 0;font-weight:700;font-size:20px}.wra-simple-table{width:100%;line-height:20px;color:var(--color-wra-black);border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-simple-table td,.wra-simple-table th{padding:16px}.wra-simple-table>thead>tr>th:first-child,.wra-simple-table>tbody>tr>th:first-child,.wra-simple-table>tbody>tr>td:first-child{padding-left:0}.wra-simple-table>thead>tr>th:last-child,.wra-simple-table>tbody>tr>th:last-child,.wra-simple-table>tbody>tr>td:last-child{padding-right:0}.skip-link[data-v-8e4609fc]:not(:focus):not(:active){clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap!important;width:1px!important}.skip-link[data-v-8e4609fc]{background-color:var(--color-wra-grey);color:var(--color-wra-black);font-weight:700;border:none;cursor:pointer;padding:10px;font-size:1em}.skip-link[data-v-8e4609fc]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.skip-link-full-width[data-v-8e4609fc]{width:100%;text-align:left}.skip-link-full-width[data-v-8e4609fc]:focus{outline-width:0px;border-width:0px}[data-v-d07fa6ea],[data-v-d07fa6ea]:before,[data-v-d07fa6ea]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-d07fa6ea]{background:var(--color-wra-light-grey);font-size:18px;padding:20px;border-left:5px solid var(--color-wra-dark-grey);position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-d07fa6ea]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:baseline;row-gap:10px;column-gap:20px}@media (max-width: 900px){.snackbar-flex[data-v-d07fa6ea]{width:80%}}.snackbar-content[data-v-d07fa6ea]{text-wrap:wrap}.close-icon-wrapper[data-v-d07fa6ea]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-d07fa6ea]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-d07fa6ea]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.close-icon-wrapper[data-v-d07fa6ea]:focus:hover{opacity:1}.close-icon-line-one[data-v-d07fa6ea]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-d07fa6ea]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-d07fa6ea]{background-color:var(--color-wra-light-red);border-color:var(--color-wra-red)}.wra-success[data-v-d07fa6ea]{background-color:var(--color-wra-light-green);border-color:var(--color-wra-green)}.wra-info[data-v-d07fa6ea]{background-color:var(--color-wra-light-blue);border-color:var(--color-wra-blue)}.wra-warning[data-v-d07fa6ea]{background-color:var(--color-wra-light-yellow);border-color:var(--color-wra-yellow)}.sr-only[data-v-d07fa6ea]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.snackbar-enter-active[data-v-d07fa6ea],.snackbar-leave-active[data-v-d07fa6ea]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-d07fa6ea],.snackbar-leave-to[data-v-d07fa6ea]{opacity:0}.subheader[data-v-904f5932]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}@media screen and (min-width: 600px){#regular{display:table}#pivoted{display:none}}@media screen and (max-width: 599px){#regular{display:none}#pivoted{display:table}}@media print{#regular{display:table}#pivoted{display:none}}.bold{font-weight:700}.wra-table-caption{background-color:inherit;text-align:left;padding:16px;font-weight:700;font-size:20px}.caption-no-padding{padding:0 0 16px!important}.wra-table{width:100%;line-height:20px;background-color:var(--color-wra-light-grey);color:var(--color-wra-black);border-spacing:0;padding:0 16px 16px;table-layout:auto}.wra-table-no-padding{padding:0!important}.wra-table td,.wra-table th{word-break:break-word}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-table td,.wra-table th{padding:16px}.wra-table>thead>tr>th:first-child,.wra-table>tbody>tr>td:first-child{padding-left:0}.wra-table>thead>tr>th:last-child,.wra-table>tbody>tr>td:last-child{padding-right:0}#pivoted{table-layout:fixed;text-align:left}#pivoted>tbody>tr:last-child>td,#pivoted>tbody>tr:last-child>th{border-bottom:1px solid var(--color-wra-dark-grey)}#pivoted>tbody>tr:not(:last-child)>td,#pivoted>tbody>tr:not(:last-child)>th{border-bottom:none}#pivoted>tbody>tr>th{padding-left:0}#pivoted table{width:100%}#pivoted>table>tr>th,#pivoted>table>tr>td{width:50%}[data-v-0417664c]{box-sizing:border-box;border:none}.tab-button[data-v-0417664c]{border-top:6px solid var(--color-wra-blue);font-size:24px;font-weight:700;color:var(--color-wra-light-blue);background:var(--color-wra-dark-blue);padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-0417664c]:hover:not(.tab-button--active){background:var(--color-wra-mid-blue);color:#fff}.tab-button.tab-button--active[data-v-0417664c]:focus{border-color:var(--color-wra-black);box-shadow:2px 0 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset}.tab-button--active[data-v-0417664c]{background:#fff;color:var(--color-wra-black);border-top:6px solid var(--color-wra-mid-grey)}.tab-button[data-v-0417664c]:focus{border-top:6px solid var(--color-wra-blue);color:var(--color-wra-black);background:var(--color-wra-yellow);box-shadow:2px 2px 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset;outline-style:none}@media (max-width: 768px){.tab-button[data-v-0417664c]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-eef46a08]{background-color:var(--color-wra-blue);width:100%}[data-v-4bbbf219],[data-v-4bbbf219]:before,[data-v-4bbbf219]:after{box-sizing:border-box}textarea[data-v-4bbbf219]{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif;font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}textarea[data-v-4bbbf219]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-4bbbf219]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-4bbbf219]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}[data-v-066bf72c],[data-v-066bf72c]:before,[data-v-066bf72c]:after{box-sizing:border-box}input[data-v-066bf72c]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-066bf72c]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-066bf72c]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-066bf72c]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
-
import { defineComponent as g, createElementBlock as n, openBlock as i, normalizeClass as f, renderSlot as m, createCommentVNode as c, withDirectives as q, toDisplayString as p, createElementVNode as d, withKeys as S, withModifiers as W, vModelText as x, Fragment as y, renderList as V, vShow as
|
|
3
|
-
const
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('body{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif}p{font-size:18px;line-height:24px}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid var(--color-wra-grey);font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:var(--color-wra-blue);font-weight:700}a:hover{color:var(--color-wra-blue);text-decoration:none}a:focus-visible{color:var(--color-wra-black);background-color:var(--color-wra-yellow);box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black);outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black)}/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-wra-revenue:#2a225b;--color-wra-black:#1f1f1f;--color-wra-charcoal:#323232;--color-wra-light-grey:#f1f1f1;--color-wra-grey:#e5e5e5;--color-wra-mid-grey:#b5b5b5;--color-wra-dark-grey:#666;--color-wra-light-red:#ffe4e5;--color-wra-red:#a11;--color-wra-light-blue:#c2e0fc;--color-wra-blue:#0360a6;--color-wra-mid-blue:#3b7dc5;--color-wra-dark-blue:#1f446d;--color-wra-light-green:#cdf7d4;--color-wra-green:#007015;--color-wra-light-yellow:#fff5ce;--color-wra-yellow:#ffd530}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing)*4)}.contents{display:contents}.hidden{display:none}.table{display:table}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.bg-wra-blue{background-color:var(--color-wra-blue)}.bg-wra-light-blue{background-color:var(--color-wra-light-blue)}.bg-wra-red{background-color:var(--color-wra-red)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-wrap{text-wrap:wrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}[data-v-a67304e8],[data-v-a67304e8]:before,[data-v-a67304e8]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-a67304e8]{background-color:var(--color-wra-charcoal);font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-a67304e8]{display:none}}[data-v-a58dcdf6],[data-v-a58dcdf6]:before,[data-v-a58dcdf6]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-a58dcdf6]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.autocomplete-input[data-v-a58dcdf6]:disabled{opacity:.3}.autocomplete-input--focus[data-v-a58dcdf6]{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}.autocomplete-label[data-v-a58dcdf6]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-a58dcdf6]{position:absolute;display:block;list-style-type:none;z-index:1;padding:0;border:1px solid var(--color-wra-black);border-top:0px;width:100%;max-height:200px;background:var(--color-wra-light-grey);overflow-y:auto}.autocomplete-list>li[data-v-a58dcdf6]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-a58dcdf6]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-a58dcdf6]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-a58dcdf6]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-a58dcdf6]{background:var(--color-wra-blue);color:#fff}.autocomplete-item-not-clickable[data-v-a58dcdf6]{cursor:not-allowed}.autocomplete[data-v-a58dcdf6]{position:relative}[data-v-13fdebc5],[data-v-13fdebc5]:before,[data-v-13fdebc5]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-13fdebc5]{background-color:var(--color-wra-light-grey);font-size:18px;color:var(--color-wra-black);padding:20px;border:none;position:relative}.new-service[data-v-13fdebc5]{background-color:var(--color-wra-yellow)}.new-service[data-v-13fdebc5] a{color:var(--color-wra-black)}.new-service[data-v-13fdebc5] a:focus{color:#fff;background-color:var(--color-wra-black);box-shadow:0 -4px var(--color-wra-black),0 2px #fff;-webkit-box-shadow:0 -4px var(--color-wra-black),0 2px #ffffff}.wra-banner-actions[data-v-13fdebc5]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}.wra-banner-close[data-v-13fdebc5]{background:none;border:none;font-size:26px;font-weight:700;color:var(--color-wra-black);cursor:pointer;position:absolute;top:15px;right:15px;height:30px}.wra-banner-close[data-v-13fdebc5]:hover{opacity:.6;transition:all .3s ease}.wra-banner-close[data-v-13fdebc5]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black)}.wra-banner-close[data-v-13fdebc5]:focus:hover{opacity:1}.closable-padding[data-v-13fdebc5]{padding-right:44px}@media print{.hidden-print[data-v-13fdebc5]{display:none}}[data-v-2a897129],[data-v-2a897129]:before,[data-v-2a897129]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-2a897129]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-2a897129]{font-size:16px}.wra-breadcrumbs-item[data-v-2a897129]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-2a897129]{display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link--disabled[data-v-2a897129]{color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link[data-v-2a897129]{text-decoration:none;font-weight:700;color:var(--color-wra-revenue)}.wra-breadcrumbs-link[data-v-2a897129]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-2a897129]:focus{opacity:1;color:var(--color-wra-black)}.wra-breadcrumbs-chevron[data-v-2a897129]{content:" ";display:inline-block;border:solid var(--color-wra-dark-grey);border-width:3.5px 3.5px 0px 0px;padding:2.5px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-667ad3bf]{color:#fff;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-667ad3bf]:hover{background-color:var(--color-wra-dark-grey);transition:all .3s ease}button[data-v-667ad3bf]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-667ad3bf]:disabled{cursor:not-allowed;opacity:.7;background-color:var(--color-wra-charcoal)}button[data-v-667ad3bf]:disabled:hover{opacity:.7;background-color:var(--color-wra-charcoal)}button.outlined-button[data-v-667ad3bf]:disabled{color:#fff}.icon[data-v-667ad3bf]{display:flex;align-items:center;justify-content:center}.prepend-icon-wrapper[data-v-667ad3bf]{margin-right:8px}.append-icon-wrapper[data-v-667ad3bf]{margin-left:8px}.wra-black[data-v-667ad3bf]{background-color:var(--color-wra-black)}.wra-black[data-v-667ad3bf]:hover{background-color:var(--color-wra-dark-grey)}.wra-blue[data-v-667ad3bf]{background-color:var(--color-wra-blue)}.wra-blue[data-v-667ad3bf]:hover{background-color:#3571b1}.wra-red[data-v-667ad3bf]{background-color:var(--color-wra-red)}.wra-red[data-v-667ad3bf]:hover{background-color:#d81f1f}.wra-green[data-v-667ad3bf]{background-color:var(--color-wra-green)}.wra-green[data-v-667ad3bf]:hover{background-color:#008a19}.wra-revenue[data-v-667ad3bf]{background-color:var(--color-wra-revenue)}.wra-revenue[data-v-667ad3bf]:hover{background-color:#55507b}.wra-white[data-v-667ad3bf]{background-color:#fff;color:var(--color-wra-black);outline:2px solid var(--color-wra-black)}.wra-white[data-v-667ad3bf]:hover{background-color:var(--color-wra-grey)}.wra-white[data-v-667ad3bf]:disabled{color:#fff}.default-button[data-v-667ad3bf]{font-size:16px;padding:10px 20px;line-height:24px}.small-button[data-v-667ad3bf]{font-size:14px;padding:5px 15px;line-height:24px}.outlined-button[data-v-667ad3bf]{background-color:transparent;outline:2px solid var(--color-prop, var(--color-wra-black));color:var(--color-prop, var(--color-wra-black))}.outlined-button[data-v-667ad3bf]:hover{background-color:var(--color-prop, var(--color-wra-black));color:#fff;transition:all .3s ease}.wra-button:focus>.icon>svg{fill:var(--color-wra-black)}.card[data-v-b458be18]{background-color:var(--color-wra-light-grey);padding:20px 24px}.checkbox-label[data-v-b55724c0]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-b55724c0]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-b55724c0]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-b55724c0]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-b55724c0]:checked:before{transform:scale(1)}.checkbox-input[data-v-b55724c0]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-b55724c0]:focus-visible{outline-offset:0px}.checkbox-text[data-v-b55724c0]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-b55724c0]{font-size:14px}p[data-v-b55724c0]{margin:0}.checkbox[data-v-f67c188f]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-f67c188f]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-f67c188f]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-f67c188f]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-f67c188f]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-f67c188f]:checked:before{transform:scale(1)}.checkbox-input[data-v-f67c188f]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-f67c188f]:focus-visible{outline-offset:0px}.checkbox-text[data-v-f67c188f]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-f67c188f]{font-size:14px}p[data-v-f67c188f]{margin:0}.content-section-title[data-v-b917a4a4]{border-bottom:2px solid var(--color-wra-grey);border-top:10px solid var(--color-wra-grey);padding-bottom:20px;padding-top:30px}[data-v-dbeead08],[data-v-dbeead08]:before,[data-v-dbeead08]:after{box-sizing:border-box}.input-wrapper[data-v-dbeead08]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-dbeead08]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-dbeead08]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-dbeead08]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-dbeead08]{padding:10px 6px}.padding-for-no-prefix[data-v-dbeead08]{padding:10px}.input-wrapper[data-v-dbeead08]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-dbeead08]{border:none}label[data-v-dbeead08]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-dbeead08]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.bold[data-v-e27e09c4]{font-weight:700}.wra-data-table-caption[data-v-e27e09c4]{background-color:inherit;text-align:left;padding:0 0 16px;font-weight:700;font-size:20px}.wra-data-table[data-v-e27e09c4]{width:100%;border-spacing:0;line-height:20px;padding:0;table-layout:auto}.wra-data-table>thead>tr>th[data-v-e27e09c4]{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-data-table>tbody>tr>td[data-v-e27e09c4],.wra-data-table>tbody>tr>th[data-v-e27e09c4]{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-data-table td[data-v-e27e09c4],.wra-data-table th[data-v-e27e09c4]{padding:16px}.wra-data-table>thead>tr>th[data-v-e27e09c4]:first-child,.wra-data-table>tbody>tr>td[data-v-e27e09c4]:first-child{padding-left:0}.wra-data-table>thead>tr>th[data-v-e27e09c4]:last-child,.wra-data-table>tbody>tr>td[data-v-e27e09c4]:last-child{padding-right:0}.column-search-input[data-v-e27e09c4]{margin-top:12px;box-sizing:border-box;font-size:16px;padding:10px;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.column-search-input[data-v-e27e09c4]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}button[data-v-e27e09c4]{background-color:var(--color-wra-black);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px 12px;height:32px}button[data-v-e27e09c4]:hover{opacity:.8;transition:all .3s ease}button[data-v-e27e09c4]:focus{background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-e27e09c4]:focus:hover{opacity:1}.wra-chevron[data-v-e27e09c4]{content:" ";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.wra-chevron-right[data-v-e27e09c4]{border:solid #ffffff;border-width:3px 3px 0px 0px}.wra-chevron-left[data-v-e27e09c4]{border:solid #ffffff;border-width:0px 0px 3px 3px}.wra-chevron-up[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:3px 0px 0px 3px;margin-left:4px;margin-top:3px}.wra-chevron-down[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:0px 3px 3px 0px;margin-left:4px;margin-bottom:6px}button:focus>.wra-chevron-right[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:3px 3px 0px 0px}button:focus>.wra-chevron-left[data-v-e27e09c4]{border:solid var(--color-wra-black);border-width:0px 0px 3px 3px}.clickable[data-v-e27e09c4]{cursor:pointer}tbody.clickable[data-v-e27e09c4]:hover{background-color:var(--color-wra-light-grey)}.sort-icons[data-v-e27e09c4]{visibility:hidden;opacity:.4}th:hover .sort-icons[data-v-e27e09c4]{visibility:visible}.text-left[data-v-e27e09c4]{text-align:left}.text-right[data-v-e27e09c4]{text-align:right}.text-center[data-v-e27e09c4]{text-align:center}.pagination[data-v-e27e09c4]{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0}.pagination button[data-v-e27e09c4]{margin-left:10px}.disable-button[data-v-e27e09c4]{opacity:.4}.disable-button[data-v-e27e09c4]:hover{opacity:.4;cursor:default}.loader[data-v-e27e09c4]{width:40px;height:40px;border:5px solid grey;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-e27e09c4 1s linear infinite}@keyframes rotation-e27e09c4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-b5ebbc62],[data-v-b5ebbc62]:before,[data-v-b5ebbc62]:after{box-sizing:border-box}input[data-v-b5ebbc62]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-b5ebbc62]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-b5ebbc62]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-b5ebbc62]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}div[data-v-6d53d792]{font-weight:700}h1[data-v-6d53d792]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-6d53d792]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-6d53d792]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-6d53d792]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-6d53d792]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-6d53d792]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}@media (max-width: 600px){h1[data-v-6d53d792]{margin:0;font-size:34px;letter-spacing:-.05rem;line-height:38px}h2[data-v-6d53d792]{margin:0;font-size:28px;letter-spacing:-.04rem;line-height:32px}h3[data-v-6d53d792]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h4[data-v-6d53d792]{margin:0;font-size:20px;letter-spacing:-.03rem;line-height:24px}h5[data-v-6d53d792]{margin:0;font-size:18px;letter-spacing:-.02rem;line-height:22px}h6[data-v-6d53d792]{margin:0;font-size:14px;letter-spacing:-.01rem;line-height:18px}}.dialog-class[data-v-a58221e3]{z-index:9999}.dialog-content[data-v-a58221e3]{min-width:300px;max-width:90vw;text-align:center}.dialog-buttons[data-v-a58221e3]{margin-top:16px;display:flex;justify-content:space-evenly}dialog.dialog-class::backdrop{background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}hr[data-v-40db3bc1]{margin:0}.wra-divider[data-v-40db3bc1]{border:3px solid var(--color-wra-grey)}.wra-divider-large[data-v-40db3bc1]{border:4px solid var(--color-wra-grey)}.wra-divider-small[data-v-40db3bc1]{border:2px solid var(--color-wra-grey)}.panel-icon[data-v-aad4db7d]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-aad4db7d]{margin-left:8px}.show-panel-icon[data-v-aad4db7d]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-aad4db7d]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-aad4db7d]{display:flex;justify-content:space-between}button[data-v-aad4db7d]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:var(--color-wra-revenue);border:none;border-left:2px solid var(--color-wra-mid-grey);cursor:pointer;width:100%;text-align:left}button[data-v-aad4db7d]:hover{opacity:.8}button[data-v-aad4db7d]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-aad4db7d]:focus:hover{opacity:1}.panel-content[data-v-aad4db7d]{display:grid;border-left:2px solid var(--color-wra-mid-grey);background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-aad4db7d]{overflow:hidden}.slide-fade-enter-active[data-v-aad4db7d],.slide-fade-leave-active[data-v-aad4db7d]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-aad4db7d],.slide-fade-leave-to[data-v-aad4db7d]{grid-template-rows:0fr}.validation-tooltip[data-v-e082a746]{display:flex;align-items:flex-start;color:var(--color-wra-black);border-radius:0;font-size:18px;padding:25px}.wra-error[data-v-e082a746]{background-color:var(--color-wra-light-red);border-left:10px solid var(--color-wra-red)}.wra-success[data-v-e082a746]{background-color:var(--color-wra-light-green);border-left:10px solid var(--color-wra-green)}.wra-info[data-v-e082a746]{background-color:var(--color-wra-light-blue);border-left:10px solid var(--color-wra-blue)}.wra-warning[data-v-e082a746]{background-color:var(--color-wra-light-yellow);border-left:10px solid var(--color-wra-yellow)}.wra-default[data-v-e082a746]{background-color:var(--color-wra-light-grey);border-left:10px solid var(--color-wra-blue)}.icon[data-v-e082a746]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-icon-wrapper[data-v-e082a746]{margin-right:12px}.file-upload-wrapper[data-v-77af62fb]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-77af62fb]{display:none}.file-upload-label[data-v-77af62fb]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-77af62fb]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-77af62fb]{margin-bottom:16px}.file-upload-error-text[data-v-77af62fb]{margin-block:0px;font-size:18px}.file-upload-error-box>.file-upload-error-text[data-v-77af62fb]{margin-bottom:1rem}.file-upload-error-box>.file-upload-error-text[data-v-77af62fb]:last-child{margin-bottom:0rem}.error-enter-active[data-v-77af62fb],.error-leave-active[data-v-77af62fb]{transition:opacity .3s ease-out}.error-enter-from[data-v-77af62fb],.error-leave-to[data-v-77af62fb]{opacity:0}.wra-footer[data-v-ec223b2a]{flex-grow:0;background-color:var(--color-wra-light-grey);padding:70px 20px 40px}@media print{.hidden-print[data-v-ec223b2a]{display:none}}.wra-inset[data-v-5eaa02a8]{font-size:16px;padding:20px;border-left-width:10px;border-left-style:solid}.wra-inset.wra-revenue[data-v-5eaa02a8]{border-left-color:var(--color-wra-revenue)}.wra-inset.wra-charcoal[data-v-5eaa02a8]{border-left-color:var(--color-wra-charcoal)}.wra-inset.wra-red[data-v-5eaa02a8]{border-left-color:var(--color-wra-red)}.wra-inset.wra-blue[data-v-5eaa02a8]{border-left-color:var(--color-wra-blue)}.wra-inset.wra-green[data-v-5eaa02a8]{border-left-color:var(--color-wra-green)}.wra-inset.wra-yellow[data-v-5eaa02a8]{border-left-color:var(--color-wra-yellow)}[data-v-bf09a2d6],[data-v-bf09a2d6]:before,[data-v-bf09a2d6]:after{box-sizing:border-box}.input-wrapper[data-v-bf09a2d6]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-bf09a2d6]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-bf09a2d6]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-bf09a2d6]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-bf09a2d6]{padding:10px 6px}.padding-for-no-prefix[data-v-bf09a2d6]{padding:10px}.input-wrapper[data-v-bf09a2d6]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-bf09a2d6]{border:none}label[data-v-bf09a2d6]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-bf09a2d6]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.pagination-button[data-v-4fb0a9cd]{background-color:transparent;color:var(--color-wra-revenue);font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button[data-v-4fb0a9cd]>*:first-child{margin-right:8px}.pagination-button[data-v-4fb0a9cd]:hover,.pagination-number[data-v-4fb0a9cd]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-4fb0a9cd]:focus,.pagination-number[data-v-4fb0a9cd]:focus{color:var(--color-wra-black);background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.pagination-button[data-v-4fb0a9cd]:focus:hover,.pagination-number[data-v-4fb0a9cd]:focus:hover{opacity:1}.pagination-number[data-v-4fb0a9cd]{color:var(--color-wra-black);background-color:var(--color-wra-light-grey);padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;min-width:3rem;text-align:center}.pagination-number[data-v-4fb0a9cd]:hover{color:var(--color-wra-black);opacity:.8}.pagination-number--selected[data-v-4fb0a9cd]{background-color:var(--color-wra-revenue);color:#fff}.pagination-number--selected[data-v-4fb0a9cd]:hover:not(:focus){color:#fff}.pagination-divider[data-v-4fb0a9cd]{font-size:18px}.pagination[data-v-4fb0a9cd]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-4fb0a9cd]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.previous-icon[data-v-4fb0a9cd]{border-width:3px 3px 0px 0px}.next-icon[data-v-4fb0a9cd]{border-width:0px 0px 3px 3px}[data-v-0e867b98],[data-v-0e867b98]:before,[data-v-0e867b98]:after{box-sizing:border-box}.input-wrapper[data-v-0e867b98]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-0e867b98]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-0e867b98]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-0e867b98]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-0e867b98]{padding:10px 6px}.padding-for-no-prefix[data-v-0e867b98]{padding:10px}.input-wrapper[data-v-0e867b98]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-0e867b98]{border:none}label[data-v-0e867b98]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-0e867b98]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.radio-label[data-v-66e204d1]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:grid;cursor:pointer;grid-template-columns:20px auto}.radio-label[data-v-66e204d1]:hover{background:var(--color-wra-mid-grey)}.radio-input[data-v-66e204d1]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-66e204d1]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black)}.radio-input[data-v-66e204d1]:checked:before{transform:scale(1)}.radio-input[data-v-66e204d1]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.radio-input[data-v-66e204d1]:focus-visible{outline-offset:0px}.radio-text[data-v-66e204d1]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-66e204d1]{font-size:14px}p[data-v-66e204d1]{margin:0}.radio[data-v-dfd68568]:not(:last-child):not(:only-child){margin-bottom:8px}[data-v-f1105098],[data-v-f1105098]:before,[data-v-f1105098]:after{box-sizing:border-box}select[data-v-f1105098]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none;padding:10px}.select[data-v-f1105098]{border:1px solid var(--color-wra-black);border-radius:0;padding-right:10px;font-size:16px;cursor:pointer;line-height:1.15;background-color:#fff;display:grid;grid-template-areas:"select";align-items:center;position:relative}.select[data-v-f1105098]:after{content:"";width:.8em;height:.5em;background-color:var(--color-wra-black);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-f1105098],.select[data-v-f1105098]:after{grid-area:select}select:focus+.focus[data-v-f1105098]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--color-wra-black);outline:3px solid var(--color-wra-yellow);border-radius:inherit}label[data-v-f1105098]{color:var(--color-wra-black);font-size:16px}.service-logo[data-v-726556fc]{max-width:100%}.service-link[data-v-726556fc]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-726556fc]:focus{border:2px solid var(--color-wra-yellow);outline:2px solid var(--color-wra-black);background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:var(--color-wra-light-grey)}.wra-simple-table-no-padding{padding:0!important}.left-align-headers{text-align:left}.wra-simple-table-caption{background-color:inherit;text-align:left;padding:16px 16px 16px 0;font-weight:700;font-size:20px}.wra-simple-table{width:100%;line-height:20px;color:var(--color-wra-black);border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-simple-table td,.wra-simple-table th{padding:16px}.wra-simple-table>thead>tr>th:first-child,.wra-simple-table>tbody>tr>th:first-child,.wra-simple-table>tbody>tr>td:first-child{padding-left:0}.wra-simple-table>thead>tr>th:last-child,.wra-simple-table>tbody>tr>th:last-child,.wra-simple-table>tbody>tr>td:last-child{padding-right:0}.skip-link[data-v-8e4609fc]:not(:focus):not(:active){clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap!important;width:1px!important}.skip-link[data-v-8e4609fc]{background-color:var(--color-wra-grey);color:var(--color-wra-black);font-weight:700;border:none;cursor:pointer;padding:10px;font-size:1em}.skip-link[data-v-8e4609fc]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.skip-link-full-width[data-v-8e4609fc]{width:100%;text-align:left}.skip-link-full-width[data-v-8e4609fc]:focus{outline-width:0px;border-width:0px}[data-v-d07fa6ea],[data-v-d07fa6ea]:before,[data-v-d07fa6ea]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-d07fa6ea]{background:var(--color-wra-light-grey);font-size:18px;padding:20px;border-left:5px solid var(--color-wra-dark-grey);position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-d07fa6ea]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:baseline;row-gap:10px;column-gap:20px}@media (max-width: 900px){.snackbar-flex[data-v-d07fa6ea]{width:80%}}.snackbar-content[data-v-d07fa6ea]{text-wrap:wrap}.close-icon-wrapper[data-v-d07fa6ea]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-d07fa6ea]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-d07fa6ea]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.close-icon-wrapper[data-v-d07fa6ea]:focus:hover{opacity:1}.close-icon-line-one[data-v-d07fa6ea]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-d07fa6ea]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-d07fa6ea]{background-color:var(--color-wra-light-red);border-color:var(--color-wra-red)}.wra-success[data-v-d07fa6ea]{background-color:var(--color-wra-light-green);border-color:var(--color-wra-green)}.wra-info[data-v-d07fa6ea]{background-color:var(--color-wra-light-blue);border-color:var(--color-wra-blue)}.wra-warning[data-v-d07fa6ea]{background-color:var(--color-wra-light-yellow);border-color:var(--color-wra-yellow)}.sr-only[data-v-d07fa6ea]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.snackbar-enter-active[data-v-d07fa6ea],.snackbar-leave-active[data-v-d07fa6ea]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-d07fa6ea],.snackbar-leave-to[data-v-d07fa6ea]{opacity:0}.subheader[data-v-904f5932]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}@media screen and (min-width: 600px){#regular{display:table}#pivoted{display:none}}@media screen and (max-width: 599px){#regular{display:none}#pivoted{display:table}}@media print{#regular{display:table}#pivoted{display:none}}.bold{font-weight:700}.wra-table-caption{background-color:inherit;text-align:left;padding:16px;font-weight:700;font-size:20px}.caption-no-padding{padding:0 0 16px!important}.wra-table{width:100%;line-height:20px;background-color:var(--color-wra-light-grey);color:var(--color-wra-black);border-spacing:0;padding:0 16px 16px;table-layout:auto}.wra-table-no-padding{padding:0!important}.wra-table td,.wra-table th{word-break:break-word}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-table td,.wra-table th{padding:16px}.wra-table>thead>tr>th:first-child,.wra-table>tbody>tr>td:first-child{padding-left:0}.wra-table>thead>tr>th:last-child,.wra-table>tbody>tr>td:last-child{padding-right:0}#pivoted{table-layout:fixed;text-align:left}#pivoted>tbody>tr:last-child>td,#pivoted>tbody>tr:last-child>th{border-bottom:1px solid var(--color-wra-dark-grey)}#pivoted>tbody>tr:not(:last-child)>td,#pivoted>tbody>tr:not(:last-child)>th{border-bottom:none}#pivoted>tbody>tr>th{padding-left:0}#pivoted table{width:100%}#pivoted>table>tr>th,#pivoted>table>tr>td{width:50%}[data-v-0417664c]{box-sizing:border-box;border:none}.tab-button[data-v-0417664c]{border-top:6px solid var(--color-wra-blue);font-size:24px;font-weight:700;color:var(--color-wra-light-blue);background:var(--color-wra-dark-blue);padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-0417664c]:hover:not(.tab-button--active){background:var(--color-wra-mid-blue);color:#fff}.tab-button.tab-button--active[data-v-0417664c]:focus{border-color:var(--color-wra-black);box-shadow:2px 0 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset}.tab-button--active[data-v-0417664c]{background:#fff;color:var(--color-wra-black);border-top:6px solid var(--color-wra-mid-grey)}.tab-button[data-v-0417664c]:focus{border-top:6px solid var(--color-wra-blue);color:var(--color-wra-black);background:var(--color-wra-yellow);box-shadow:2px 2px 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset;outline-style:none}@media (max-width: 768px){.tab-button[data-v-0417664c]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-eef46a08]{background-color:var(--color-wra-blue);width:100%}[data-v-4bbbf219],[data-v-4bbbf219]:before,[data-v-4bbbf219]:after{box-sizing:border-box}textarea[data-v-4bbbf219]{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif;font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}textarea[data-v-4bbbf219]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-4bbbf219]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-4bbbf219]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}[data-v-066bf72c],[data-v-066bf72c]:before,[data-v-066bf72c]:after{box-sizing:border-box}input[data-v-066bf72c]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-066bf72c]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-066bf72c]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-066bf72c]{margin-top:8px;margin-bottom:0;padding:12px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
+
import { defineComponent as g, createElementBlock as n, openBlock as i, normalizeClass as f, renderSlot as m, createCommentVNode as c, withDirectives as q, toDisplayString as p, createElementVNode as d, withKeys as S, withModifiers as W, vModelText as x, Fragment as y, renderList as V, vShow as re, resolveDirective as j, mergeProps as G, createTextVNode as B, normalizeStyle as D, nextTick as ie, resolveComponent as L, createBlock as z, Teleport as ne, createVNode as F, withCtx as N, Transition as Y } from "vue";
|
|
3
|
+
const oe = g({
|
|
4
4
|
name: "wra-app-bar",
|
|
5
5
|
props: {
|
|
6
6
|
/**
|
|
@@ -12,12 +12,12 @@ const le = g({
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
}), b = (e, t) => {
|
|
15
|
-
const
|
|
16
|
-
for (const [
|
|
17
|
-
s
|
|
18
|
-
return
|
|
15
|
+
const a = e.__vccOpts || e;
|
|
16
|
+
for (const [s, o] of t)
|
|
17
|
+
a[s] = o;
|
|
18
|
+
return a;
|
|
19
19
|
};
|
|
20
|
-
function
|
|
20
|
+
function le(e, t, a, s, o, l) {
|
|
21
21
|
return i(), n("div", {
|
|
22
22
|
class: f(["wra-app-bar", {
|
|
23
23
|
"hidden-print": e.hiddenPrint === !0
|
|
@@ -26,7 +26,7 @@ function ue(e, t, s, a, o, l) {
|
|
|
26
26
|
m(e.$slots, "default", {}, void 0, !0)
|
|
27
27
|
], 2);
|
|
28
28
|
}
|
|
29
|
-
const
|
|
29
|
+
const ue = /* @__PURE__ */ b(oe, [["render", le], ["__scopeId", "data-v-a67304e8"]]), de = g({
|
|
30
30
|
name: "wra-autocomplete",
|
|
31
31
|
emits: ["update:modelValue", "validOption"],
|
|
32
32
|
props: {
|
|
@@ -134,7 +134,7 @@ const de = /* @__PURE__ */ b(le, [["render", ue], ["__scopeId", "data-v-a67304e8
|
|
|
134
134
|
computed: {
|
|
135
135
|
showOptions() {
|
|
136
136
|
const e = this.validatedOptions.some(
|
|
137
|
-
(
|
|
137
|
+
(s) => s[this.optionLabel] === this.userInput[this.optionLabel]
|
|
138
138
|
), t = (this.userInput[this.optionLabel] || "").length >= this.minLength;
|
|
139
139
|
return e !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || t === !0);
|
|
140
140
|
},
|
|
@@ -176,18 +176,18 @@ const de = /* @__PURE__ */ b(le, [["render", ue], ["__scopeId", "data-v-a67304e8
|
|
|
176
176
|
immediate: !0
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
|
-
}),
|
|
179
|
+
}), pe = { class: "autocomplete" }, ce = ["for"], he = ["aria-expanded", "aria-activedescendant", "id", "placeholder"], fe = {
|
|
180
180
|
role: "listbox",
|
|
181
181
|
id: "autocomplete-list",
|
|
182
182
|
class: "autocomplete-list"
|
|
183
|
-
},
|
|
184
|
-
function
|
|
185
|
-
return i(), n("div",
|
|
183
|
+
}, me = ["id", "aria-selected", "onMousedown", "onKeydown", "onBlur"];
|
|
184
|
+
function ge(e, t, a, s, o, l) {
|
|
185
|
+
return i(), n("div", pe, [
|
|
186
186
|
e.label ? (i(), n("label", {
|
|
187
187
|
key: 0,
|
|
188
188
|
for: e.id,
|
|
189
189
|
class: "autocomplete-label"
|
|
190
|
-
}, p(e.label), 9,
|
|
190
|
+
}, p(e.label), 9, ce)) : c("", !0),
|
|
191
191
|
q(d("input", {
|
|
192
192
|
inputmode: "text",
|
|
193
193
|
ref: "autocompleteInput",
|
|
@@ -208,10 +208,10 @@ function be(e, t, s, a, o, l) {
|
|
|
208
208
|
t[4] || (t[4] = S(W((...r) => e.onUpKey && e.onUpKey(...r), ["prevent"]), ["up"])),
|
|
209
209
|
t[5] || (t[5] = S(W((...r) => e.onDownKey && e.onDownKey(...r), ["prevent"]), ["down"]))
|
|
210
210
|
]
|
|
211
|
-
}, null, 42,
|
|
211
|
+
}, null, 42, he), [
|
|
212
212
|
[x, e.userInput[e.optionLabel]]
|
|
213
213
|
]),
|
|
214
|
-
q(d("ul",
|
|
214
|
+
q(d("ul", fe, [
|
|
215
215
|
(i(!0), n(y, null, V(e.filterOptions, (r, u) => (i(), n("li", {
|
|
216
216
|
key: r.value,
|
|
217
217
|
ref_for: !0,
|
|
@@ -232,13 +232,13 @@ function be(e, t, s, a, o, l) {
|
|
|
232
232
|
S(W((h) => e.onOptionSelect(r), ["prevent"]), ["space"])
|
|
233
233
|
],
|
|
234
234
|
onBlur: (h) => e.onOptionBlur(u)
|
|
235
|
-
}, p(r[e.optionLabel]), 43,
|
|
235
|
+
}, p(r[e.optionLabel]), 43, me))), 128))
|
|
236
236
|
], 512), [
|
|
237
|
-
[
|
|
237
|
+
[re, e.showOptions]
|
|
238
238
|
])
|
|
239
239
|
]);
|
|
240
240
|
}
|
|
241
|
-
const
|
|
241
|
+
const be = /* @__PURE__ */ b(de, [["render", ge], ["__scopeId", "data-v-a58dcdf6"]]), ke = g({
|
|
242
242
|
name: "wra-banner",
|
|
243
243
|
props: {
|
|
244
244
|
/**
|
|
@@ -273,11 +273,11 @@ const ke = /* @__PURE__ */ b(pe, [["render", be], ["__scopeId", "data-v-a58dcdf6
|
|
|
273
273
|
this.visible = !1;
|
|
274
274
|
}
|
|
275
275
|
}
|
|
276
|
-
}),
|
|
276
|
+
}), $e = {
|
|
277
277
|
key: 0,
|
|
278
278
|
class: "wra-banner-actions"
|
|
279
279
|
};
|
|
280
|
-
function
|
|
280
|
+
function ye(e, t, a, s, o, l) {
|
|
281
281
|
return e.visible ? (i(), n("div", {
|
|
282
282
|
key: 0,
|
|
283
283
|
class: f(["wra-banner", {
|
|
@@ -289,7 +289,7 @@ function ve(e, t, s, a, o, l) {
|
|
|
289
289
|
d("div", null, [
|
|
290
290
|
m(e.$slots, "default", {}, void 0, !0)
|
|
291
291
|
]),
|
|
292
|
-
e.$slots.actions ? (i(), n("div",
|
|
292
|
+
e.$slots.actions ? (i(), n("div", $e, [
|
|
293
293
|
m(e.$slots, "actions", {}, void 0, !0)
|
|
294
294
|
])) : c("", !0),
|
|
295
295
|
e.closable ? (i(), n("button", {
|
|
@@ -300,7 +300,7 @@ function ve(e, t, s, a, o, l) {
|
|
|
300
300
|
}, " × ")) : c("", !0)
|
|
301
301
|
], 2)) : c("", !0);
|
|
302
302
|
}
|
|
303
|
-
const
|
|
303
|
+
const ve = /* @__PURE__ */ b(ke, [["render", ye], ["__scopeId", "data-v-13fdebc5"]]), we = g({
|
|
304
304
|
name: "wra-breadcrumbs",
|
|
305
305
|
props: {
|
|
306
306
|
/** Items to display in the breadcrumbs */
|
|
@@ -324,26 +324,26 @@ const we = /* @__PURE__ */ b($e, [["render", ve], ["__scopeId", "data-v-13fdebc5
|
|
|
324
324
|
default: "href"
|
|
325
325
|
}
|
|
326
326
|
}
|
|
327
|
-
}),
|
|
327
|
+
}), Se = { class: "wra-breadcrumbs" }, Ve = { class: "wra-breadcrumbs-item" }, Ie = ["href"], Me = {
|
|
328
328
|
key: 1,
|
|
329
329
|
class: "wra-breadcrumbs-link--disabled"
|
|
330
|
-
},
|
|
330
|
+
}, Ce = {
|
|
331
331
|
key: 0,
|
|
332
332
|
class: "wra-breadcrumbs-divider"
|
|
333
333
|
};
|
|
334
|
-
function
|
|
335
|
-
return i(), n("ul",
|
|
334
|
+
function Pe(e, t, a, s, o, l) {
|
|
335
|
+
return i(), n("ul", Se, [
|
|
336
336
|
(i(!0), n(y, null, V(e.items, (r, u) => (i(), n(y, null, [
|
|
337
|
-
d("li",
|
|
337
|
+
d("li", Ve, [
|
|
338
338
|
m(e.$slots, "default", {}, () => [
|
|
339
|
-
r[e.itemDisabled] ? (i(), n("span",
|
|
339
|
+
r[e.itemDisabled] ? (i(), n("span", Me, p(r[e.itemTitle]), 1)) : (i(), n("a", {
|
|
340
340
|
key: 0,
|
|
341
341
|
href: r[e.itemHref],
|
|
342
342
|
class: "wra-breadcrumbs-link"
|
|
343
|
-
}, p(r[e.itemTitle]), 9,
|
|
343
|
+
}, p(r[e.itemTitle]), 9, Ie))
|
|
344
344
|
], !0)
|
|
345
345
|
]),
|
|
346
|
-
u !== e.items.length - 1 ? (i(), n("li",
|
|
346
|
+
u !== e.items.length - 1 ? (i(), n("li", Ce, [
|
|
347
347
|
m(e.$slots, "divider", {}, () => [
|
|
348
348
|
t[0] || (t[0] = d("span", { class: "wra-breadcrumbs-chevron" }, null, -1))
|
|
349
349
|
], !0)
|
|
@@ -351,7 +351,7 @@ function Be(e, t, s, a, o, l) {
|
|
|
351
351
|
], 64))), 256))
|
|
352
352
|
]);
|
|
353
353
|
}
|
|
354
|
-
const
|
|
354
|
+
const Be = /* @__PURE__ */ b(we, [["render", Pe], ["__scopeId", "data-v-2a897129"]]), Te = g({
|
|
355
355
|
name: "wra-button",
|
|
356
356
|
props: {
|
|
357
357
|
/**
|
|
@@ -405,8 +405,8 @@ const Te = /* @__PURE__ */ b(Se, [["render", Be], ["__scopeId", "data-v-2a897129
|
|
|
405
405
|
};
|
|
406
406
|
}
|
|
407
407
|
}
|
|
408
|
-
}),
|
|
409
|
-
function
|
|
408
|
+
}), Oe = ["disabled"];
|
|
409
|
+
function We(e, t, a, s, o, l) {
|
|
410
410
|
return i(), n("button", {
|
|
411
411
|
class: f(["wra-button", e.buttonClass]),
|
|
412
412
|
type: "button",
|
|
@@ -427,17 +427,17 @@ function Ne(e, t, s, a, o, l) {
|
|
|
427
427
|
}, [
|
|
428
428
|
m(e.$slots, "append-icon", {}, void 0, !0)
|
|
429
429
|
], 2)
|
|
430
|
-
], 10,
|
|
430
|
+
], 10, Oe);
|
|
431
431
|
}
|
|
432
|
-
const J = /* @__PURE__ */ b(
|
|
432
|
+
const J = /* @__PURE__ */ b(Te, [["render", We], ["__scopeId", "data-v-667ad3bf"]]), Ne = g({
|
|
433
433
|
name: "wra-card"
|
|
434
|
-
}),
|
|
435
|
-
function
|
|
436
|
-
return i(), n("div",
|
|
434
|
+
}), qe = { class: "card" };
|
|
435
|
+
function Ae(e, t, a, s, o, l) {
|
|
436
|
+
return i(), n("div", qe, [
|
|
437
437
|
m(e.$slots, "default", {}, void 0, !0)
|
|
438
438
|
]);
|
|
439
439
|
}
|
|
440
|
-
const
|
|
440
|
+
const Fe = /* @__PURE__ */ b(Ne, [["render", Ae], ["__scopeId", "data-v-b458be18"]]), Le = g({
|
|
441
441
|
name: "wra-checkbox",
|
|
442
442
|
props: {
|
|
443
443
|
/**
|
|
@@ -485,8 +485,8 @@ const Le = /* @__PURE__ */ b(qe, [["render", Fe], ["__scopeId", "data-v-b458be18
|
|
|
485
485
|
this.isChecked = !this.isChecked, this.$emit("update:modelValue", this.isChecked);
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
|
-
}),
|
|
489
|
-
function
|
|
488
|
+
}), Ee = ["aria-label"], De = ["for"], je = ["id", "checked", "aria-checked"], ze = { class: "checkbox-text" }, Re = ["innerHTML"];
|
|
489
|
+
function _e(e, t, a, s, o, l) {
|
|
490
490
|
return i(), n("div", {
|
|
491
491
|
role: "checkbox",
|
|
492
492
|
"aria-label": e.label
|
|
@@ -503,19 +503,19 @@ function Ke(e, t, s, a, o, l) {
|
|
|
503
503
|
"aria-checked": e.isChecked,
|
|
504
504
|
onChange: t[0] || (t[0] = (r) => e.checkInput()),
|
|
505
505
|
onClick: t[1] || (t[1] = (r) => e.$emit("click"))
|
|
506
|
-
}, null, 40,
|
|
507
|
-
d("span",
|
|
506
|
+
}, null, 40, je),
|
|
507
|
+
d("span", ze, [
|
|
508
508
|
d("p", null, p(e.label), 1),
|
|
509
509
|
e.info ? (i(), n("p", {
|
|
510
510
|
key: 0,
|
|
511
511
|
class: "further-information-text",
|
|
512
512
|
innerHTML: e.info
|
|
513
|
-
}, null, 8,
|
|
513
|
+
}, null, 8, Re)) : c("", !0)
|
|
514
514
|
])
|
|
515
|
-
], 8,
|
|
516
|
-
], 8,
|
|
515
|
+
], 8, De)
|
|
516
|
+
], 8, Ee);
|
|
517
517
|
}
|
|
518
|
-
const
|
|
518
|
+
const Ke = /* @__PURE__ */ b(Le, [["render", _e], ["__scopeId", "data-v-b55724c0"]]), He = g({
|
|
519
519
|
name: "wra-checkbox-group",
|
|
520
520
|
props: {
|
|
521
521
|
/**
|
|
@@ -567,23 +567,20 @@ const ee = /* @__PURE__ */ b(Ee, [["render", Ke], ["__scopeId", "data-v-b55724c0
|
|
|
567
567
|
},
|
|
568
568
|
data() {
|
|
569
569
|
return {
|
|
570
|
-
checked: {}
|
|
571
|
-
value: []
|
|
570
|
+
checked: {}
|
|
572
571
|
};
|
|
573
572
|
},
|
|
574
573
|
methods: {
|
|
575
574
|
checkInput(e) {
|
|
576
575
|
this.checked[e] = !this.checked[e];
|
|
577
576
|
let t = [];
|
|
578
|
-
this.returnObject === !0 ? Object.keys(this.checked).forEach((
|
|
579
|
-
if (this.checked[
|
|
577
|
+
this.returnObject === !0 ? Object.keys(this.checked).forEach((a) => {
|
|
578
|
+
if (this.checked[a] === !0)
|
|
580
579
|
for (let o = 0; o < this.validOptions.length; o++) {
|
|
581
580
|
const l = this.validOptions[o];
|
|
582
|
-
typeof l == "object" ? l[this.itemValue] ==
|
|
581
|
+
typeof l == "object" ? l[this.itemValue] == a && t.push(l) : l == a && t.push(l);
|
|
583
582
|
}
|
|
584
|
-
}) : t = Object.keys(this.checked).filter(
|
|
585
|
-
(s) => this.checked[s]
|
|
586
|
-
), this.$emit("update:modelValue", t);
|
|
583
|
+
}) : t = Object.keys(this.checked).filter((a) => this.checked[a]), this.localModelValue = t;
|
|
587
584
|
},
|
|
588
585
|
checkForObjectLabel(e) {
|
|
589
586
|
return typeof e == "object" ? e[this.itemLabel] : e;
|
|
@@ -595,23 +592,34 @@ const ee = /* @__PURE__ */ b(Ee, [["render", Ke], ["__scopeId", "data-v-b55724c0
|
|
|
595
592
|
return typeof e == "object" ? e[this.itemValue] : e;
|
|
596
593
|
}
|
|
597
594
|
},
|
|
595
|
+
watch: {
|
|
596
|
+
localModelValue: {
|
|
597
|
+
immediate: !0,
|
|
598
|
+
deep: !0,
|
|
599
|
+
handler(e) {
|
|
600
|
+
for (const t of e)
|
|
601
|
+
typeof t == "object" ? this.checked[t[this.itemValue]] = !0 : this.checked[t] = !0;
|
|
602
|
+
}
|
|
603
|
+
}
|
|
604
|
+
},
|
|
598
605
|
computed: {
|
|
599
606
|
validOptions() {
|
|
600
607
|
return this.options ?? [];
|
|
608
|
+
},
|
|
609
|
+
localModelValue: {
|
|
610
|
+
get() {
|
|
611
|
+
return this.modelValue;
|
|
612
|
+
},
|
|
613
|
+
set(e) {
|
|
614
|
+
this.$emit("update:modelValue", e);
|
|
615
|
+
}
|
|
601
616
|
}
|
|
602
617
|
},
|
|
603
618
|
mounted() {
|
|
604
|
-
this.
|
|
605
|
-
for (let e = 0; e < this.value.length; e++) {
|
|
606
|
-
const t = this.value[e];
|
|
607
|
-
typeof t == "object" ? this.checked[t[this.itemValue]] = !0 : this.checked[t] = !0;
|
|
608
|
-
}
|
|
609
|
-
},
|
|
610
|
-
components: {
|
|
611
|
-
WraCheckbox: ee
|
|
619
|
+
this.localModelValue = this.modelValue ?? [];
|
|
612
620
|
}
|
|
613
621
|
}), Ue = ["aria-label"], Ge = ["for"], Ye = ["id", "checked", "aria-checked", "onChange"], Je = { class: "checkbox-text" }, Ze = ["innerHTML"];
|
|
614
|
-
function Qe(e, t,
|
|
622
|
+
function Qe(e, t, a, s, o, l) {
|
|
615
623
|
return i(!0), n(y, null, V(e.validOptions, (r) => (i(), n("div", {
|
|
616
624
|
role: "checkbox",
|
|
617
625
|
class: "checkbox",
|
|
@@ -624,7 +632,7 @@ function Qe(e, t, s, a, o, l) {
|
|
|
624
632
|
d("input", {
|
|
625
633
|
class: "checkbox-input",
|
|
626
634
|
type: "checkbox",
|
|
627
|
-
id: e.checkForObjectValue(r),
|
|
635
|
+
id: typeof r == "object" && r.id ? r.id : e.checkForObjectValue(r),
|
|
628
636
|
checked: e.checked[e.checkForObjectValue(r)],
|
|
629
637
|
"aria-checked": e.checked[e.checkForObjectValue(r)],
|
|
630
638
|
onChange: (u) => e.checkInput(e.checkForObjectValue(r))
|
|
@@ -640,59 +648,59 @@ function Qe(e, t, s, a, o, l) {
|
|
|
640
648
|
], 8, Ge)
|
|
641
649
|
], 8, Ue))), 256);
|
|
642
650
|
}
|
|
643
|
-
const Xe = /* @__PURE__ */ b(He, [["render", Qe], ["__scopeId", "data-v-
|
|
651
|
+
const Xe = /* @__PURE__ */ b(He, [["render", Qe], ["__scopeId", "data-v-f67c188f"]]), xe = g({
|
|
644
652
|
name: "wra-content-section-title"
|
|
645
653
|
}), et = { class: "content-section-title" };
|
|
646
|
-
function tt(e, t,
|
|
654
|
+
function tt(e, t, a, s, o, l) {
|
|
647
655
|
return i(), n("div", et, [
|
|
648
656
|
m(e.$slots, "default", {}, void 0, !0)
|
|
649
657
|
]);
|
|
650
658
|
}
|
|
651
|
-
const
|
|
652
|
-
var
|
|
659
|
+
const at = /* @__PURE__ */ b(xe, [["render", tt], ["__scopeId", "data-v-b917a4a4"]]);
|
|
660
|
+
var st = Object.defineProperty, rt = (e, t, a) => t in e ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, E = (e, t, a) => rt(e, typeof t != "symbol" ? t + "" : t, a);
|
|
653
661
|
const Z = {
|
|
654
662
|
"#": { pattern: /[0-9]/ },
|
|
655
663
|
"@": { pattern: /[a-zA-Z]/ },
|
|
656
664
|
"*": { pattern: /[a-zA-Z0-9]/ }
|
|
657
|
-
}, Q = (e, t,
|
|
658
|
-
var
|
|
659
|
-
return new Intl.NumberFormat(((
|
|
665
|
+
}, Q = (e, t, a) => e.replaceAll(t, "").replace(a, ".").replace("..", ".").replace(/[^.\d]/g, ""), X = (e, t, a) => {
|
|
666
|
+
var s;
|
|
667
|
+
return new Intl.NumberFormat(((s = a.number) == null ? void 0 : s.locale) ?? "en", {
|
|
660
668
|
minimumFractionDigits: e,
|
|
661
669
|
maximumFractionDigits: t,
|
|
662
670
|
roundingMode: "trunc"
|
|
663
671
|
});
|
|
664
|
-
}, it = (e, t = !0,
|
|
665
|
-
var
|
|
666
|
-
const u = ((
|
|
667
|
-
let k = X(0, h,
|
|
672
|
+
}, it = (e, t = !0, a) => {
|
|
673
|
+
var s, o, l, r;
|
|
674
|
+
const u = ((s = a.number) == null ? void 0 : s.unsigned) !== !0 && e.startsWith("-") ? "-" : "", h = ((o = a.number) == null ? void 0 : o.fraction) ?? 0;
|
|
675
|
+
let k = X(0, h, a);
|
|
668
676
|
const M = k.formatToParts(1000.12), I = ((l = M.find(($) => $.type === "group")) == null ? void 0 : l.value) ?? " ", v = ((r = M.find(($) => $.type === "decimal")) == null ? void 0 : r.value) ?? ".", w = Q(e, I, v);
|
|
669
677
|
if (Number.isNaN(parseFloat(w))) return u;
|
|
670
678
|
const T = w.split(".");
|
|
671
679
|
if (T[1] != null && T[1].length >= 1) {
|
|
672
680
|
const $ = T[1].length <= h ? T[1].length : h;
|
|
673
|
-
k = X($, h,
|
|
681
|
+
k = X($, h, a);
|
|
674
682
|
}
|
|
675
683
|
let C = k.format(parseFloat(w));
|
|
676
684
|
return t ? h > 0 && w.endsWith(".") && !w.slice(0, -1).includes(".") && (C += v) : C = Q(C, I, v), u + C;
|
|
677
|
-
},
|
|
678
|
-
const
|
|
679
|
-
e.dataset.maska != null && e.dataset.maska !== "" && (
|
|
680
|
-
const
|
|
681
|
-
return e.dataset.maskaNumberLocale != null && (
|
|
682
|
-
}, K = (e) => e !== "" ? !!JSON.parse(e) : !0, ot = (e) => e.startsWith("[") && e.endsWith("]") ?
|
|
685
|
+
}, ee = (e) => JSON.parse(e.replaceAll("'", '"')), nt = (e, t = {}) => {
|
|
686
|
+
const a = { ...t };
|
|
687
|
+
e.dataset.maska != null && e.dataset.maska !== "" && (a.mask = ot(e.dataset.maska)), e.dataset.maskaEager != null && (a.eager = K(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (a.reversed = K(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (a.tokensReplace = K(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (a.tokens = lt(e.dataset.maskaTokens));
|
|
688
|
+
const s = {};
|
|
689
|
+
return e.dataset.maskaNumberLocale != null && (s.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (s.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (s.unsigned = K(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(s).length > 0) && (a.number = s), a;
|
|
690
|
+
}, K = (e) => e !== "" ? !!JSON.parse(e) : !0, ot = (e) => e.startsWith("[") && e.endsWith("]") ? ee(e) : e, lt = (e) => {
|
|
683
691
|
if (e.startsWith("{") && e.endsWith("}"))
|
|
684
|
-
return
|
|
692
|
+
return ee(e);
|
|
685
693
|
const t = {};
|
|
686
|
-
return e.split("|").forEach((
|
|
687
|
-
const
|
|
688
|
-
t[
|
|
689
|
-
pattern:
|
|
690
|
-
optional:
|
|
691
|
-
multiple:
|
|
692
|
-
repeated:
|
|
694
|
+
return e.split("|").forEach((a) => {
|
|
695
|
+
const s = a.split(":");
|
|
696
|
+
t[s[0]] = {
|
|
697
|
+
pattern: te() ? new RegExp(s[1], "u") : new RegExp(s[1]),
|
|
698
|
+
optional: s[2] === "optional",
|
|
699
|
+
multiple: s[2] === "multiple",
|
|
700
|
+
repeated: s[2] === "repeated"
|
|
693
701
|
};
|
|
694
702
|
}), t;
|
|
695
|
-
},
|
|
703
|
+
}, te = () => {
|
|
696
704
|
try {
|
|
697
705
|
return new RegExp("\\p{L}", "u"), !0;
|
|
698
706
|
} catch {
|
|
@@ -702,14 +710,14 @@ const Z = {
|
|
|
702
710
|
class ut {
|
|
703
711
|
constructor(t = {}) {
|
|
704
712
|
E(this, "opts", {}), E(this, "memo", /* @__PURE__ */ new Map());
|
|
705
|
-
const
|
|
706
|
-
if (
|
|
707
|
-
|
|
708
|
-
for (const
|
|
709
|
-
typeof
|
|
713
|
+
const a = { ...t };
|
|
714
|
+
if (a.tokens != null) {
|
|
715
|
+
a.tokens = a.tokensReplace ? { ...a.tokens } : { ...Z, ...a.tokens };
|
|
716
|
+
for (const s of Object.values(a.tokens))
|
|
717
|
+
typeof s.pattern == "string" && (s.pattern = te() ? new RegExp(s.pattern, "u") : new RegExp(s.pattern));
|
|
710
718
|
} else
|
|
711
|
-
|
|
712
|
-
Array.isArray(
|
|
719
|
+
a.tokens = Z;
|
|
720
|
+
Array.isArray(a.mask) && (a.mask.length > 1 ? a.mask = [...a.mask].sort((s, o) => s.length - o.length) : a.mask = a.mask[0] ?? ""), a.mask === "" && (a.mask = null), this.opts = a;
|
|
713
721
|
}
|
|
714
722
|
masked(t) {
|
|
715
723
|
return this.process(String(t), this.findMask(String(t)));
|
|
@@ -724,40 +732,40 @@ class ut {
|
|
|
724
732
|
return this.opts.reversed === !0;
|
|
725
733
|
}
|
|
726
734
|
completed(t) {
|
|
727
|
-
const
|
|
728
|
-
if (this.opts.mask == null ||
|
|
729
|
-
const
|
|
730
|
-
return typeof this.opts.mask == "string" ?
|
|
735
|
+
const a = this.findMask(String(t));
|
|
736
|
+
if (this.opts.mask == null || a == null) return !1;
|
|
737
|
+
const s = this.process(String(t), a).length;
|
|
738
|
+
return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= a.length;
|
|
731
739
|
}
|
|
732
740
|
findMask(t) {
|
|
733
|
-
const
|
|
734
|
-
if (
|
|
741
|
+
const a = this.opts.mask;
|
|
742
|
+
if (a == null)
|
|
735
743
|
return null;
|
|
736
|
-
if (typeof
|
|
737
|
-
return
|
|
738
|
-
if (typeof
|
|
739
|
-
return
|
|
740
|
-
const
|
|
741
|
-
return
|
|
744
|
+
if (typeof a == "string")
|
|
745
|
+
return a;
|
|
746
|
+
if (typeof a == "function")
|
|
747
|
+
return a(t);
|
|
748
|
+
const s = this.process(t, a.slice(-1).pop() ?? "", !1);
|
|
749
|
+
return a.find((o) => this.process(t, o, !1).length >= s.length) ?? "";
|
|
742
750
|
}
|
|
743
751
|
escapeMask(t) {
|
|
744
|
-
const
|
|
752
|
+
const a = [], s = [];
|
|
745
753
|
return t.split("").forEach((o, l) => {
|
|
746
|
-
o === "!" && t[l - 1] !== "!" ?
|
|
747
|
-
}), { mask:
|
|
754
|
+
o === "!" && t[l - 1] !== "!" ? s.push(l - s.length) : a.push(o);
|
|
755
|
+
}), { mask: a.join(""), escaped: s };
|
|
748
756
|
}
|
|
749
|
-
process(t,
|
|
750
|
-
if (this.opts.number != null) return it(t,
|
|
751
|
-
if (
|
|
752
|
-
const o = `v=${t},mr=${
|
|
757
|
+
process(t, a, s = !0) {
|
|
758
|
+
if (this.opts.number != null) return it(t, s, this.opts);
|
|
759
|
+
if (a == null) return t;
|
|
760
|
+
const o = `v=${t},mr=${a},m=${s ? 1 : 0}`;
|
|
753
761
|
if (this.memo.has(o)) return this.memo.get(o);
|
|
754
|
-
const { mask: l, escaped: r } = this.escapeMask(
|
|
762
|
+
const { mask: l, escaped: r } = this.escapeMask(a), u = [], h = this.opts.tokens != null ? this.opts.tokens : {}, k = this.isReversed() ? -1 : 1, M = this.isReversed() ? "unshift" : "push", I = this.isReversed() ? 0 : l.length - 1, v = this.isReversed() ? () => $ > -1 && P > -1 : () => $ < l.length && P < t.length, w = (A) => !this.isReversed() && A <= I || this.isReversed() && A >= I;
|
|
755
763
|
let T, C = -1, $ = this.isReversed() ? l.length - 1 : 0, P = this.isReversed() ? t.length - 1 : 0, H = !1;
|
|
756
764
|
for (; v(); ) {
|
|
757
765
|
const A = l.charAt($), O = h[A], _ = (O == null ? void 0 : O.transform) != null ? O.transform(t.charAt(P)) : t.charAt(P);
|
|
758
|
-
if (!r.includes($) && O != null ? (_.match(O.pattern) != null ? (u[M](_), O.repeated ? (C === -1 ? C = $ : $ === I && $ !== C && ($ = C - k), I === C && ($ -= k)) : O.multiple && (H = !0, $ -= k), $ += k) : O.multiple ? H && ($ += k, P -= k, H = !1) : _ === T ? T = void 0 : O.optional && ($ += k, P -= k), P += k) : (
|
|
766
|
+
if (!r.includes($) && O != null ? (_.match(O.pattern) != null ? (u[M](_), O.repeated ? (C === -1 ? C = $ : $ === I && $ !== C && ($ = C - k), I === C && ($ -= k)) : O.multiple && (H = !0, $ -= k), $ += k) : O.multiple ? H && ($ += k, P -= k, H = !1) : _ === T ? T = void 0 : O.optional && ($ += k, P -= k), P += k) : (s && !this.isEager() && u[M](A), _ === A && !this.isEager() ? P += k : T = A, this.isEager() || ($ += k)), this.isEager())
|
|
759
767
|
for (; w($) && (h[l.charAt($)] == null || r.includes($)); ) {
|
|
760
|
-
if (
|
|
768
|
+
if (s) {
|
|
761
769
|
if (u[M](l.charAt($)), t.charAt(P) === l.charAt($)) {
|
|
762
770
|
$ += k, P += k;
|
|
763
771
|
continue;
|
|
@@ -770,78 +778,78 @@ class ut {
|
|
|
770
778
|
}
|
|
771
779
|
}
|
|
772
780
|
class dt {
|
|
773
|
-
constructor(t,
|
|
774
|
-
E(this, "items", /* @__PURE__ */ new Map()), E(this, "eventAbortController"), E(this, "onInput", (
|
|
775
|
-
if (
|
|
781
|
+
constructor(t, a = {}) {
|
|
782
|
+
E(this, "items", /* @__PURE__ */ new Map()), E(this, "eventAbortController"), E(this, "onInput", (s) => {
|
|
783
|
+
if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
|
|
776
784
|
return;
|
|
777
|
-
const o =
|
|
785
|
+
const o = s.target, l = this.items.get(o);
|
|
778
786
|
if (l === void 0) return;
|
|
779
|
-
const r = "inputType" in
|
|
787
|
+
const r = "inputType" in s && s.inputType.startsWith("delete"), u = l.isEager(), h = r && u && l.unmasked(o.value) === "" ? "" : o.value;
|
|
780
788
|
this.fixCursor(o, r, () => this.setValue(o, h));
|
|
781
|
-
}), this.options =
|
|
789
|
+
}), this.options = a, this.eventAbortController = new AbortController(), this.init(this.getInputs(t));
|
|
782
790
|
}
|
|
783
791
|
update(t = {}) {
|
|
784
792
|
this.options = { ...t }, this.init(Array.from(this.items.keys()));
|
|
785
793
|
}
|
|
786
794
|
updateValue(t) {
|
|
787
|
-
var
|
|
788
|
-
t.value !== "" && t.value !== ((
|
|
795
|
+
var a;
|
|
796
|
+
t.value !== "" && t.value !== ((a = this.processInput(t)) == null ? void 0 : a.masked) && this.setValue(t, t.value);
|
|
789
797
|
}
|
|
790
798
|
destroy() {
|
|
791
799
|
this.eventAbortController.abort(), this.items.clear();
|
|
792
800
|
}
|
|
793
801
|
init(t) {
|
|
794
|
-
const
|
|
795
|
-
for (const
|
|
796
|
-
if (!this.items.has(
|
|
802
|
+
const a = this.getOptions(this.options);
|
|
803
|
+
for (const s of t) {
|
|
804
|
+
if (!this.items.has(s)) {
|
|
797
805
|
const { signal: l } = this.eventAbortController;
|
|
798
|
-
|
|
806
|
+
s.addEventListener("input", this.onInput, { capture: !0, signal: l });
|
|
799
807
|
}
|
|
800
|
-
const o = new ut(nt(
|
|
801
|
-
this.items.set(
|
|
808
|
+
const o = new ut(nt(s, a));
|
|
809
|
+
this.items.set(s, o), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && o.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
|
|
802
810
|
}
|
|
803
811
|
}
|
|
804
812
|
getInputs(t) {
|
|
805
813
|
return typeof t == "string" ? Array.from(document.querySelectorAll(t)) : "length" in t ? Array.from(t) : [t];
|
|
806
814
|
}
|
|
807
815
|
getOptions(t) {
|
|
808
|
-
const { onMaska:
|
|
816
|
+
const { onMaska: a, preProcess: s, postProcess: o, ...l } = t;
|
|
809
817
|
return l;
|
|
810
818
|
}
|
|
811
|
-
fixCursor(t,
|
|
819
|
+
fixCursor(t, a, s) {
|
|
812
820
|
var o, l;
|
|
813
821
|
const r = t.selectionStart, u = t.value;
|
|
814
|
-
if (
|
|
822
|
+
if (s(), r === null || r === u.length && !a) return;
|
|
815
823
|
const h = t.value, k = u.slice(0, r), M = h.slice(0, r), I = (o = this.processInput(t, k)) == null ? void 0 : o.unmasked, v = (l = this.processInput(t, M)) == null ? void 0 : l.unmasked;
|
|
816
824
|
if (I === void 0 || v === void 0) return;
|
|
817
825
|
let w = r;
|
|
818
|
-
k !== M && (w +=
|
|
826
|
+
k !== M && (w += a ? h.length - u.length : I.length - v.length), t.setSelectionRange(w, w);
|
|
819
827
|
}
|
|
820
|
-
setValue(t,
|
|
821
|
-
const
|
|
822
|
-
|
|
828
|
+
setValue(t, a) {
|
|
829
|
+
const s = this.processInput(t, a);
|
|
830
|
+
s !== void 0 && (t.value = s.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((o) => o(s)) : this.options.onMaska(s)), t.dispatchEvent(new CustomEvent("maska", { detail: s })), t.dispatchEvent(new CustomEvent("input", { detail: s.masked })));
|
|
823
831
|
}
|
|
824
|
-
processInput(t,
|
|
825
|
-
const
|
|
826
|
-
if (
|
|
827
|
-
let o =
|
|
832
|
+
processInput(t, a) {
|
|
833
|
+
const s = this.items.get(t);
|
|
834
|
+
if (s === void 0) return;
|
|
835
|
+
let o = a ?? t.value;
|
|
828
836
|
this.options.preProcess != null && (o = this.options.preProcess(o));
|
|
829
|
-
let l =
|
|
837
|
+
let l = s.masked(o);
|
|
830
838
|
return this.options.postProcess != null && (l = this.options.postProcess(l)), {
|
|
831
839
|
masked: l,
|
|
832
|
-
unmasked:
|
|
833
|
-
completed:
|
|
840
|
+
unmasked: s.unmasked(o),
|
|
841
|
+
completed: s.completed(o)
|
|
834
842
|
};
|
|
835
843
|
}
|
|
836
844
|
}
|
|
837
845
|
const U = /* @__PURE__ */ new WeakMap(), pt = (e, t) => {
|
|
838
846
|
if (e.arg == null || e.instance == null) return;
|
|
839
|
-
const
|
|
840
|
-
e.arg in e.instance ? e.instance[e.arg] = t :
|
|
847
|
+
const a = "setup" in e.instance.$.type;
|
|
848
|
+
e.arg in e.instance ? e.instance[e.arg] = t : a && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
|
|
841
849
|
}, R = (e, t) => {
|
|
842
|
-
var
|
|
843
|
-
const
|
|
844
|
-
if (
|
|
850
|
+
var a;
|
|
851
|
+
const s = e instanceof HTMLInputElement ? e : e.querySelector("input");
|
|
852
|
+
if (s == null || (s == null ? void 0 : s.type) === "file") return;
|
|
845
853
|
let o = {};
|
|
846
854
|
if (t.value != null && (o = typeof t.value == "string" ? { mask: t.value } : { ...t.value }), t.arg != null) {
|
|
847
855
|
const l = (r) => {
|
|
@@ -850,7 +858,7 @@ const U = /* @__PURE__ */ new WeakMap(), pt = (e, t) => {
|
|
|
850
858
|
};
|
|
851
859
|
o.onMaska = o.onMaska == null ? l : Array.isArray(o.onMaska) ? [...o.onMaska, l] : [o.onMaska, l];
|
|
852
860
|
}
|
|
853
|
-
U.has(
|
|
861
|
+
U.has(s) ? (a = U.get(s)) == null || a.update(o) : U.set(s, new dt(s, o));
|
|
854
862
|
}, ct = R, ht = g({
|
|
855
863
|
directives: { maska: ct },
|
|
856
864
|
name: "wra-custom-input",
|
|
@@ -1002,9 +1010,9 @@ const U = /* @__PURE__ */ new WeakMap(), pt = (e, t) => {
|
|
|
1002
1010
|
validate(e) {
|
|
1003
1011
|
if (this.errorMessage = "", this.rules != null)
|
|
1004
1012
|
for (let t = 0; t < this.rules.length; t++) {
|
|
1005
|
-
const
|
|
1006
|
-
if (
|
|
1007
|
-
this.errorMessage =
|
|
1013
|
+
const a = this.rules[t], s = a(e);
|
|
1014
|
+
if (s != !0) {
|
|
1015
|
+
this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
|
|
1008
1016
|
break;
|
|
1009
1017
|
}
|
|
1010
1018
|
}
|
|
@@ -1029,7 +1037,7 @@ const U = /* @__PURE__ */ new WeakMap(), pt = (e, t) => {
|
|
|
1029
1037
|
key: 1,
|
|
1030
1038
|
class: "suffix"
|
|
1031
1039
|
}, $t = { key: 1 };
|
|
1032
|
-
function yt(e, t,
|
|
1040
|
+
function yt(e, t, a, s, o, l) {
|
|
1033
1041
|
const r = j("maska");
|
|
1034
1042
|
return i(), n("div", {
|
|
1035
1043
|
class: f({ error: !!e.errorMessage })
|
|
@@ -1141,34 +1149,34 @@ const vt = /* @__PURE__ */ b(ht, [["render", yt], ["__scopeId", "data-v-dbeead08
|
|
|
1141
1149
|
let e = this.items;
|
|
1142
1150
|
if (this.search) {
|
|
1143
1151
|
this.currentPage = 1;
|
|
1144
|
-
const
|
|
1152
|
+
const a = this.search.toLowerCase(), s = ((t = this.headers) == null ? void 0 : t.map((o) => o.key)) ?? [];
|
|
1145
1153
|
e = e.filter(
|
|
1146
1154
|
(o) => (
|
|
1147
1155
|
// Use .some() to check all relevant columns
|
|
1148
|
-
|
|
1149
|
-
(l) => String(o[l]).toLowerCase().includes(
|
|
1156
|
+
s.some(
|
|
1157
|
+
(l) => String(o[l]).toLowerCase().includes(a)
|
|
1150
1158
|
)
|
|
1151
1159
|
)
|
|
1152
1160
|
);
|
|
1153
1161
|
}
|
|
1154
|
-
return Object.keys(this.columnFilters).forEach((
|
|
1162
|
+
return Object.keys(this.columnFilters).forEach((a) => {
|
|
1155
1163
|
var o;
|
|
1156
|
-
const
|
|
1157
|
-
|
|
1158
|
-
(l) => String(l[
|
|
1164
|
+
const s = (o = this.columnFilters[a]) == null ? void 0 : o.toLowerCase();
|
|
1165
|
+
s && (this.currentPage = 1, e = e.filter(
|
|
1166
|
+
(l) => String(l[a]).toLowerCase().includes(s)
|
|
1159
1167
|
));
|
|
1160
1168
|
}), e;
|
|
1161
1169
|
},
|
|
1162
1170
|
sortedArray() {
|
|
1163
1171
|
const e = JSON.parse(JSON.stringify(this.filteredItems));
|
|
1164
|
-
return this.localSortBy && this.localSortBy.length > 0 ? e.sort((t,
|
|
1165
|
-
const
|
|
1172
|
+
return this.localSortBy && this.localSortBy.length > 0 ? e.sort((t, a) => {
|
|
1173
|
+
const s = this.localSortBy[0], o = t[s.key], l = a[s.key];
|
|
1166
1174
|
if (o == null && l == null)
|
|
1167
1175
|
return 0;
|
|
1168
1176
|
if (o == null)
|
|
1169
|
-
return
|
|
1177
|
+
return s.order === "desc" ? 1 : -1;
|
|
1170
1178
|
if (l == null)
|
|
1171
|
-
return
|
|
1179
|
+
return s.order === "desc" ? -1 : 1;
|
|
1172
1180
|
const r = (v) => {
|
|
1173
1181
|
if (typeof v == "string" && /^-?[\d,]+(\.\d+)?$/.test(v)) {
|
|
1174
1182
|
const w = v.replace(/,/g, "");
|
|
@@ -1182,7 +1190,7 @@ const vt = /* @__PURE__ */ b(ht, [["render", yt], ["__scopeId", "data-v-dbeead08
|
|
|
1182
1190
|
}
|
|
1183
1191
|
return v;
|
|
1184
1192
|
}, h = r(o), k = r(l), M = u(o), I = u(l);
|
|
1185
|
-
return !isNaN(h) && !isNaN(k) ?
|
|
1193
|
+
return !isNaN(h) && !isNaN(k) ? s.order === "desc" ? k - h : h - k : !isNaN(M) && !isNaN(I) ? s.order === "desc" ? I - M : M - I : s.order === "desc" ? o < l ? 1 : -1 : o > l ? 1 : -1;
|
|
1186
1194
|
}) : e;
|
|
1187
1195
|
}
|
|
1188
1196
|
}
|
|
@@ -1193,7 +1201,7 @@ const vt = /* @__PURE__ */ b(ht, [["render", yt], ["__scopeId", "data-v-dbeead08
|
|
|
1193
1201
|
key: 1,
|
|
1194
1202
|
class: "wra-chevron wra-chevron-up sort-icons"
|
|
1195
1203
|
}, Bt = ["onUpdate:modelValue"], Tt = { key: 1 }, Ot = ["colspan"], Wt = { key: 2 }, Nt = ["onClick"], qt = { key: 1 }, At = { class: "pagination" }, Ft = ["disabled"], Lt = ["disabled"];
|
|
1196
|
-
function Et(e, t,
|
|
1204
|
+
function Et(e, t, a, s, o, l) {
|
|
1197
1205
|
return i(), n("div", null, [
|
|
1198
1206
|
d("table", St, [
|
|
1199
1207
|
e.caption ? (i(), n("caption", Vt, [
|
|
@@ -1430,8 +1438,8 @@ const Dt = /* @__PURE__ */ b(wt, [["render", Et], ["__scopeId", "data-v-e27e09c4
|
|
|
1430
1438
|
t = new Date(
|
|
1431
1439
|
t.getTime() - t.getTimezoneOffset() * 60 * 1e3
|
|
1432
1440
|
);
|
|
1433
|
-
const
|
|
1434
|
-
this.$emit("valid", { id: this.id, value:
|
|
1441
|
+
const a = this.validate(t);
|
|
1442
|
+
this.$emit("valid", { id: this.id, value: a }), a == !0 ? (this.dateObjectValue = t, this.$emit("update:modelValue", t)) : (this.dateObjectValue = null, this.$emit("update:modelValue", null));
|
|
1435
1443
|
} else {
|
|
1436
1444
|
const t = this.validate(null);
|
|
1437
1445
|
this.$emit("valid", { id: this.id, value: t }), this.dateObjectValue = null, this.$emit("update:modelValue", null);
|
|
@@ -1444,8 +1452,8 @@ const Dt = /* @__PURE__ */ b(wt, [["render", Et], ["__scopeId", "data-v-e27e09c4
|
|
|
1444
1452
|
if (e === null)
|
|
1445
1453
|
return this.required == !0 && (this.showError = !0, t = !1), this.required == !1 && (this.maskedValue.length == 0 ? (this.showError = !1, t = !0) : (this.showError = !0, t = !1)), this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), t;
|
|
1446
1454
|
e == "Invalid Date" && (t = !1);
|
|
1447
|
-
const
|
|
1448
|
-
return typeof e == "object" &&
|
|
1455
|
+
const a = parseInt(this.maskedValue.split("/")[1]) - 1;
|
|
1456
|
+
return typeof e == "object" && a != e.getMonth() && (t = !1), this.showError = !t, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), t;
|
|
1449
1457
|
},
|
|
1450
1458
|
/**
|
|
1451
1459
|
* Sets the initial state of the component based on the modelValue prop.
|
|
@@ -1468,7 +1476,7 @@ const Dt = /* @__PURE__ */ b(wt, [["render", Et], ["__scopeId", "data-v-e27e09c4
|
|
|
1468
1476
|
this.setInitialState();
|
|
1469
1477
|
}
|
|
1470
1478
|
}), Rt = ["for"], _t = ["id", "value", "inputmode", "placeholder", "defaultValidation"], Kt = { key: 1 };
|
|
1471
|
-
function Ht(e, t,
|
|
1479
|
+
function Ht(e, t, a, s, o, l) {
|
|
1472
1480
|
const r = j("maska");
|
|
1473
1481
|
return i(), n("div", {
|
|
1474
1482
|
class: f({ error: e.showError != !1 })
|
|
@@ -1504,7 +1512,7 @@ const Ut = /* @__PURE__ */ b(zt, [["render", Ht], ["__scopeId", "data-v-b5ebbc62
|
|
|
1504
1512
|
}
|
|
1505
1513
|
}
|
|
1506
1514
|
}), Yt = { key: 0 }, Jt = { key: 1 }, Zt = { key: 2 }, Qt = { key: 3 }, Xt = { key: 4 }, xt = { key: 5 };
|
|
1507
|
-
function
|
|
1515
|
+
function ea(e, t, a, s, o, l) {
|
|
1508
1516
|
return i(), n("div", null, [
|
|
1509
1517
|
e.size == "h1" ? (i(), n("h1", Yt, [
|
|
1510
1518
|
m(e.$slots, "default", {}, void 0, !0)
|
|
@@ -1526,7 +1534,7 @@ function es(e, t, s, a, o, l) {
|
|
|
1526
1534
|
])) : c("", !0)
|
|
1527
1535
|
]);
|
|
1528
1536
|
}
|
|
1529
|
-
const ae = /* @__PURE__ */ b(Gt, [["render",
|
|
1537
|
+
const ae = /* @__PURE__ */ b(Gt, [["render", ea], ["__scopeId", "data-v-6d53d792"]]), ta = g({
|
|
1530
1538
|
name: "wra-dialog",
|
|
1531
1539
|
components: {
|
|
1532
1540
|
WraHeader: ae,
|
|
@@ -1592,19 +1600,19 @@ const ae = /* @__PURE__ */ b(Gt, [["render", es], ["__scopeId", "data-v-6d53d792
|
|
|
1592
1600
|
},
|
|
1593
1601
|
handleTab(e) {
|
|
1594
1602
|
var l, r;
|
|
1595
|
-
const t = ((l = this.$refs.confirmBtn) == null ? void 0 : l.$el) || this.$refs.confirmBtn,
|
|
1596
|
-
if (!
|
|
1597
|
-
const o =
|
|
1603
|
+
const t = ((l = this.$refs.confirmBtn) == null ? void 0 : l.$el) || this.$refs.confirmBtn, a = ((r = this.$refs.cancelBtn) == null ? void 0 : r.$el) || this.$refs.cancelBtn, s = [t, a].filter(Boolean);
|
|
1604
|
+
if (!s.length) return;
|
|
1605
|
+
const o = s.indexOf(document.activeElement);
|
|
1598
1606
|
if (e.shiftKey) {
|
|
1599
|
-
const u = (o - 1 +
|
|
1600
|
-
|
|
1607
|
+
const u = (o - 1 + s.length) % s.length;
|
|
1608
|
+
s[u].focus();
|
|
1601
1609
|
} else {
|
|
1602
|
-
const u = (o + 1) %
|
|
1603
|
-
|
|
1610
|
+
const u = (o + 1) % s.length;
|
|
1611
|
+
s[u].focus();
|
|
1604
1612
|
}
|
|
1605
1613
|
},
|
|
1606
1614
|
focusConfirm() {
|
|
1607
|
-
|
|
1615
|
+
ie(() => {
|
|
1608
1616
|
var t;
|
|
1609
1617
|
const e = ((t = this.$refs.confirmBtn) == null ? void 0 : t.$el) || this.$refs.confirmBtn;
|
|
1610
1618
|
e && typeof e.focus == "function" && e.focus();
|
|
@@ -1617,13 +1625,13 @@ const ae = /* @__PURE__ */ b(Gt, [["render", es], ["__scopeId", "data-v-6d53d792
|
|
|
1617
1625
|
mounted() {
|
|
1618
1626
|
this.lastFocused = document.activeElement;
|
|
1619
1627
|
}
|
|
1620
|
-
}),
|
|
1628
|
+
}), aa = { class: "dialog-content" }, sa = {
|
|
1621
1629
|
id: "dialog-message",
|
|
1622
1630
|
class: "mt-4"
|
|
1623
|
-
},
|
|
1624
|
-
function
|
|
1631
|
+
}, ra = { class: "dialog-buttons" };
|
|
1632
|
+
function ia(e, t, a, s, o, l) {
|
|
1625
1633
|
const r = L("wra-header"), u = L("wra-button");
|
|
1626
|
-
return i(), z(
|
|
1634
|
+
return i(), z(ne, { to: "body" }, [
|
|
1627
1635
|
d("dialog", {
|
|
1628
1636
|
ref: "dialog",
|
|
1629
1637
|
class: "dialog-class",
|
|
@@ -1636,7 +1644,7 @@ function is(e, t, s, a, o, l) {
|
|
|
1636
1644
|
t[2] || (t[2] = S((...h) => e.cancel && e.cancel(...h), ["esc"]))
|
|
1637
1645
|
]
|
|
1638
1646
|
}, [
|
|
1639
|
-
d("div",
|
|
1647
|
+
d("div", aa, [
|
|
1640
1648
|
F(r, {
|
|
1641
1649
|
size: "h3",
|
|
1642
1650
|
id: "dialog-title"
|
|
@@ -1646,8 +1654,8 @@ function is(e, t, s, a, o, l) {
|
|
|
1646
1654
|
]),
|
|
1647
1655
|
_: 1
|
|
1648
1656
|
}),
|
|
1649
|
-
d("p",
|
|
1650
|
-
d("div",
|
|
1657
|
+
d("p", sa, p(e.message), 1),
|
|
1658
|
+
d("div", ra, [
|
|
1651
1659
|
F(u, {
|
|
1652
1660
|
ref: "confirmBtn",
|
|
1653
1661
|
backgroundColor: e.isDelete ? "wra-red" : "wra-green",
|
|
@@ -1672,7 +1680,7 @@ function is(e, t, s, a, o, l) {
|
|
|
1672
1680
|
], 544)
|
|
1673
1681
|
]);
|
|
1674
1682
|
}
|
|
1675
|
-
const
|
|
1683
|
+
const na = /* @__PURE__ */ b(ta, [["render", ia], ["__scopeId", "data-v-a58221e3"]]), oa = g({
|
|
1676
1684
|
name: "wra-divider",
|
|
1677
1685
|
props: {
|
|
1678
1686
|
/** Thickness of the divider */
|
|
@@ -1692,8 +1700,8 @@ const ns = /* @__PURE__ */ b(ts, [["render", is], ["__scopeId", "data-v-a58221e3
|
|
|
1692
1700
|
data() {
|
|
1693
1701
|
return {};
|
|
1694
1702
|
}
|
|
1695
|
-
}),
|
|
1696
|
-
function
|
|
1703
|
+
}), la = ["role"];
|
|
1704
|
+
function ua(e, t, a, s, o, l) {
|
|
1697
1705
|
return i(), n("hr", {
|
|
1698
1706
|
role: e.role,
|
|
1699
1707
|
class: f({
|
|
@@ -1701,9 +1709,9 @@ function us(e, t, s, a, o, l) {
|
|
|
1701
1709
|
"wra-divider": e.thickness === "medium",
|
|
1702
1710
|
"wra-divider-small": e.thickness === "small"
|
|
1703
1711
|
})
|
|
1704
|
-
}, null, 10,
|
|
1712
|
+
}, null, 10, la);
|
|
1705
1713
|
}
|
|
1706
|
-
const
|
|
1714
|
+
const da = /* @__PURE__ */ b(oa, [["render", ua], ["__scopeId", "data-v-40db3bc1"]]), pa = g({
|
|
1707
1715
|
name: "wra-expansion-panel",
|
|
1708
1716
|
props: {
|
|
1709
1717
|
title: {
|
|
@@ -1742,8 +1750,8 @@ const ds = /* @__PURE__ */ b(os, [["render", us], ["__scopeId", "data-v-40db3bc1
|
|
|
1742
1750
|
this.showPanel = !this.showPanel;
|
|
1743
1751
|
}
|
|
1744
1752
|
}
|
|
1745
|
-
}),
|
|
1746
|
-
function
|
|
1753
|
+
}), ca = ["aria-controls", "id"], ha = { class: "icon-wrapper" }, fa = ["aria-hidden", "id"], ma = { class: "inner-panel" };
|
|
1754
|
+
function ga(e, t, a, s, o, l) {
|
|
1747
1755
|
return i(), n("div", null, [
|
|
1748
1756
|
d("button", {
|
|
1749
1757
|
class: "expansion-button",
|
|
@@ -1755,7 +1763,7 @@ function gs(e, t, s, a, o, l) {
|
|
|
1755
1763
|
m(e.$slots, "title", {}, () => [
|
|
1756
1764
|
B(p(e.title), 1)
|
|
1757
1765
|
], !0),
|
|
1758
|
-
d("span",
|
|
1766
|
+
d("span", ha, [
|
|
1759
1767
|
d("span", {
|
|
1760
1768
|
class: f(["panel-icon", {
|
|
1761
1769
|
"show-panel-icon": e.showPanel,
|
|
@@ -1763,7 +1771,7 @@ function gs(e, t, s, a, o, l) {
|
|
|
1763
1771
|
}])
|
|
1764
1772
|
}, null, 2)
|
|
1765
1773
|
])
|
|
1766
|
-
], 12,
|
|
1774
|
+
], 12, ca),
|
|
1767
1775
|
F(Y, { name: "slide-fade" }, {
|
|
1768
1776
|
default: N(() => [
|
|
1769
1777
|
e.showPanel ? (i(), n("div", {
|
|
@@ -1772,16 +1780,16 @@ function gs(e, t, s, a, o, l) {
|
|
|
1772
1780
|
"aria-hidden": !e.showPanel,
|
|
1773
1781
|
id: "content-" + e.ariaTitle
|
|
1774
1782
|
}, [
|
|
1775
|
-
d("div",
|
|
1783
|
+
d("div", ma, [
|
|
1776
1784
|
m(e.$slots, "default", {}, void 0, !0)
|
|
1777
1785
|
])
|
|
1778
|
-
], 8,
|
|
1786
|
+
], 8, fa)) : c("", !0)
|
|
1779
1787
|
]),
|
|
1780
1788
|
_: 3
|
|
1781
1789
|
})
|
|
1782
1790
|
]);
|
|
1783
1791
|
}
|
|
1784
|
-
const
|
|
1792
|
+
const ba = /* @__PURE__ */ b(pa, [["render", ga], ["__scopeId", "data-v-aad4db7d"]]), ka = g({
|
|
1785
1793
|
name: "wra-validation-tooltip",
|
|
1786
1794
|
props: {
|
|
1787
1795
|
/**
|
|
@@ -1794,7 +1802,7 @@ const bs = /* @__PURE__ */ b(ps, [["render", gs], ["__scopeId", "data-v-aad4db7d
|
|
|
1794
1802
|
}
|
|
1795
1803
|
}
|
|
1796
1804
|
});
|
|
1797
|
-
function $
|
|
1805
|
+
function $a(e, t, a, s, o, l) {
|
|
1798
1806
|
return i(), n("div", {
|
|
1799
1807
|
class: f(["validation-tooltip", e.type])
|
|
1800
1808
|
}, [
|
|
@@ -1809,11 +1817,11 @@ function $s(e, t, s, a, o, l) {
|
|
|
1809
1817
|
m(e.$slots, "default", {}, void 0, !0)
|
|
1810
1818
|
], 2);
|
|
1811
1819
|
}
|
|
1812
|
-
const
|
|
1820
|
+
const se = /* @__PURE__ */ b(ka, [["render", $a], ["__scopeId", "data-v-e082a746"]]), ya = g({
|
|
1813
1821
|
name: "file-upload",
|
|
1814
1822
|
emits: ["change"],
|
|
1815
1823
|
components: {
|
|
1816
|
-
ValidationTooltip:
|
|
1824
|
+
ValidationTooltip: se,
|
|
1817
1825
|
WraButton: J
|
|
1818
1826
|
},
|
|
1819
1827
|
props: {
|
|
@@ -1924,17 +1932,17 @@ const re = /* @__PURE__ */ b(ks, [["render", $s], ["__scopeId", "data-v-e082a746
|
|
|
1924
1932
|
},
|
|
1925
1933
|
methods: {
|
|
1926
1934
|
handleFileChange(e) {
|
|
1927
|
-
const
|
|
1928
|
-
if (
|
|
1929
|
-
const
|
|
1935
|
+
const a = e.target.files;
|
|
1936
|
+
if (a && a.length > 0) {
|
|
1937
|
+
const s = Array.from(a);
|
|
1930
1938
|
if (typeof this.maxSize < "u" && this.maxSize !== null) {
|
|
1931
|
-
this.fileSize =
|
|
1939
|
+
this.fileSize = s.reduce((o, l) => o + l.size, 0), this.fileSizeError = this.fileSize > this.maxSize;
|
|
1932
1940
|
return;
|
|
1933
1941
|
}
|
|
1934
|
-
this.fileName =
|
|
1942
|
+
this.fileName = s.map((o) => o.name).join(", ");
|
|
1935
1943
|
} else
|
|
1936
1944
|
this.fileName = "No file chosen";
|
|
1937
|
-
this.$emit("change",
|
|
1945
|
+
this.$emit("change", a);
|
|
1938
1946
|
},
|
|
1939
1947
|
triggerFileInput() {
|
|
1940
1948
|
this.$refs.fileInput.click();
|
|
@@ -1948,14 +1956,14 @@ const re = /* @__PURE__ */ b(ks, [["render", $s], ["__scopeId", "data-v-e082a746
|
|
|
1948
1956
|
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`;
|
|
1949
1957
|
}
|
|
1950
1958
|
}
|
|
1951
|
-
}),
|
|
1959
|
+
}), va = {
|
|
1952
1960
|
key: 0,
|
|
1953
1961
|
class: "file-upload-error-text"
|
|
1954
|
-
},
|
|
1962
|
+
}, wa = {
|
|
1955
1963
|
key: 1,
|
|
1956
1964
|
class: "file-upload-error-text"
|
|
1957
|
-
},
|
|
1958
|
-
function
|
|
1965
|
+
}, Sa = ["for"], Va = { class: "file-upload-wrapper" }, Ia = ["id", "accept", "capture", "multiple"], Ma = { class: "file-name" };
|
|
1966
|
+
function Ca(e, t, a, s, o, l) {
|
|
1959
1967
|
const r = L("ValidationTooltip"), u = L("wra-button");
|
|
1960
1968
|
return i(), n(y, null, [
|
|
1961
1969
|
F(Y, { name: "error" }, {
|
|
@@ -1966,8 +1974,8 @@ function Cs(e, t, s, a, o, l) {
|
|
|
1966
1974
|
type: "wra-error"
|
|
1967
1975
|
}, {
|
|
1968
1976
|
default: N(() => [
|
|
1969
|
-
e.error ? (i(), n("p",
|
|
1970
|
-
e.fileSizeError ? (i(), n("p",
|
|
1977
|
+
e.error ? (i(), n("p", va, p(e.errorMessage), 1)) : c("", !0),
|
|
1978
|
+
e.fileSizeError ? (i(), n("p", wa, p(e.fileSizeErrorMessage.replace(
|
|
1971
1979
|
"{maxsize}",
|
|
1972
1980
|
String(e.humanReadableMaxSize)
|
|
1973
1981
|
)), 1)) : c("", !0)
|
|
@@ -1980,8 +1988,8 @@ function Cs(e, t, s, a, o, l) {
|
|
|
1980
1988
|
d("div", {
|
|
1981
1989
|
class: "file-upload-label",
|
|
1982
1990
|
for: e.id
|
|
1983
|
-
}, p(e.label), 9,
|
|
1984
|
-
d("div",
|
|
1991
|
+
}, p(e.label), 9, Sa),
|
|
1992
|
+
d("div", Va, [
|
|
1985
1993
|
F(u, {
|
|
1986
1994
|
size: "small",
|
|
1987
1995
|
backgroundColor: e.backgroundColor,
|
|
@@ -2000,12 +2008,12 @@ function Cs(e, t, s, a, o, l) {
|
|
|
2000
2008
|
capture: e.capture,
|
|
2001
2009
|
multiple: e.multiple,
|
|
2002
2010
|
onChange: t[0] || (t[0] = (...h) => e.handleFileChange && e.handleFileChange(...h))
|
|
2003
|
-
}, null, 40,
|
|
2004
|
-
d("span",
|
|
2011
|
+
}, null, 40, Ia),
|
|
2012
|
+
d("span", Ma, p(e.fileName), 1)
|
|
2005
2013
|
])
|
|
2006
2014
|
], 64);
|
|
2007
2015
|
}
|
|
2008
|
-
const
|
|
2016
|
+
const Pa = /* @__PURE__ */ b(ya, [["render", Ca], ["__scopeId", "data-v-77af62fb"]]), Ba = g({
|
|
2009
2017
|
name: "wra-footer",
|
|
2010
2018
|
props: {
|
|
2011
2019
|
/**
|
|
@@ -2017,14 +2025,14 @@ const Ps = /* @__PURE__ */ b(ys, [["render", Cs], ["__scopeId", "data-v-77af62fb
|
|
|
2017
2025
|
}
|
|
2018
2026
|
}
|
|
2019
2027
|
});
|
|
2020
|
-
function
|
|
2028
|
+
function Ta(e, t, a, s, o, l) {
|
|
2021
2029
|
return i(), n("footer", {
|
|
2022
2030
|
class: f(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
|
|
2023
2031
|
}, [
|
|
2024
2032
|
m(e.$slots, "default", {}, void 0, !0)
|
|
2025
2033
|
], 2);
|
|
2026
2034
|
}
|
|
2027
|
-
const
|
|
2035
|
+
const Oa = /* @__PURE__ */ b(Ba, [["render", Ta], ["__scopeId", "data-v-ec223b2a"]]), Wa = g({
|
|
2028
2036
|
name: "wra-icon",
|
|
2029
2037
|
props: {
|
|
2030
2038
|
/** Name of icon from material design icons by pictogrammers */
|
|
@@ -2056,8 +2064,8 @@ const Os = /* @__PURE__ */ b(Bs, [["render", Ts], ["__scopeId", "data-v-ec223b2a
|
|
|
2056
2064
|
type: String
|
|
2057
2065
|
}
|
|
2058
2066
|
}
|
|
2059
|
-
}),
|
|
2060
|
-
function
|
|
2067
|
+
}), Na = ["width", "height", "viewBox", "stroke", "fill"], qa = ["d"];
|
|
2068
|
+
function Aa(e, t, a, s, o, l) {
|
|
2061
2069
|
return i(), n("svg", {
|
|
2062
2070
|
width: e.width + "px",
|
|
2063
2071
|
height: e.height + "px",
|
|
@@ -2069,10 +2077,10 @@ function As(e, t, s, a, o, l) {
|
|
|
2069
2077
|
d: e.icon,
|
|
2070
2078
|
width: "100%",
|
|
2071
2079
|
height: "100%"
|
|
2072
|
-
}, null, 8,
|
|
2073
|
-
], 8,
|
|
2080
|
+
}, null, 8, qa)
|
|
2081
|
+
], 8, Na);
|
|
2074
2082
|
}
|
|
2075
|
-
const
|
|
2083
|
+
const Fa = /* @__PURE__ */ b(Wa, [["render", Aa]]), La = g({
|
|
2076
2084
|
name: "wra-inset",
|
|
2077
2085
|
props: {
|
|
2078
2086
|
/**
|
|
@@ -2097,15 +2105,15 @@ const Fs = /* @__PURE__ */ b(Ws, [["render", As]]), Ls = g({
|
|
|
2097
2105
|
}
|
|
2098
2106
|
}
|
|
2099
2107
|
});
|
|
2100
|
-
function
|
|
2108
|
+
function Ea(e, t, a, s, o, l) {
|
|
2101
2109
|
return i(), n("div", {
|
|
2102
2110
|
class: f(["wra-inset", e.colour])
|
|
2103
2111
|
}, [
|
|
2104
2112
|
m(e.$slots, "default", {}, void 0, !0)
|
|
2105
2113
|
], 2);
|
|
2106
2114
|
}
|
|
2107
|
-
const
|
|
2108
|
-
directives: { maska:
|
|
2115
|
+
const Da = /* @__PURE__ */ b(La, [["render", Ea], ["__scopeId", "data-v-5eaa02a8"]]), ja = R, za = g({
|
|
2116
|
+
directives: { maska: ja },
|
|
2109
2117
|
name: "wra-number-input",
|
|
2110
2118
|
props: {
|
|
2111
2119
|
/**
|
|
@@ -2213,9 +2221,9 @@ const Ds = /* @__PURE__ */ b(Ls, [["render", Es], ["__scopeId", "data-v-5eaa02a8
|
|
|
2213
2221
|
validate(e) {
|
|
2214
2222
|
if (this.errorMessage = "", this.rules != null)
|
|
2215
2223
|
for (let t = 0; t < this.rules.length; t++) {
|
|
2216
|
-
const
|
|
2217
|
-
if (
|
|
2218
|
-
this.errorMessage =
|
|
2224
|
+
const a = this.rules[t], s = a(e);
|
|
2225
|
+
if (s != !0) {
|
|
2226
|
+
this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
|
|
2219
2227
|
break;
|
|
2220
2228
|
}
|
|
2221
2229
|
}
|
|
@@ -2237,14 +2245,14 @@ const Ds = /* @__PURE__ */ b(Ls, [["render", Es], ["__scopeId", "data-v-5eaa02a8
|
|
|
2237
2245
|
created() {
|
|
2238
2246
|
this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
|
|
2239
2247
|
}
|
|
2240
|
-
}),
|
|
2248
|
+
}), Ra = ["for"], _a = { class: "input-wrapper" }, Ka = {
|
|
2241
2249
|
key: 0,
|
|
2242
2250
|
class: "prefix"
|
|
2243
|
-
},
|
|
2251
|
+
}, Ha = ["id", "type", "inputmode", "placeholder", "value"], Ua = {
|
|
2244
2252
|
key: 1,
|
|
2245
2253
|
class: "suffix"
|
|
2246
|
-
},
|
|
2247
|
-
function
|
|
2254
|
+
}, Ga = { key: 1 };
|
|
2255
|
+
function Ya(e, t, a, s, o, l) {
|
|
2248
2256
|
const r = j("maska");
|
|
2249
2257
|
return i(), n("div", {
|
|
2250
2258
|
class: f({ error: !!e.errorMessage })
|
|
@@ -2252,9 +2260,9 @@ function Ys(e, t, s, a, o, l) {
|
|
|
2252
2260
|
e.label ? (i(), n("label", {
|
|
2253
2261
|
key: 0,
|
|
2254
2262
|
for: e.id
|
|
2255
|
-
}, p(e.label), 9,
|
|
2256
|
-
d("div",
|
|
2257
|
-
e.prefix ? (i(), n("span",
|
|
2263
|
+
}, p(e.label), 9, Ra)) : c("", !0),
|
|
2264
|
+
d("div", _a, [
|
|
2265
|
+
e.prefix ? (i(), n("span", Ka, p(e.prefix), 1)) : c("", !0),
|
|
2258
2266
|
q(d("input", {
|
|
2259
2267
|
id: e.id,
|
|
2260
2268
|
type: e.type,
|
|
@@ -2265,15 +2273,15 @@ function Ys(e, t, s, a, o, l) {
|
|
|
2265
2273
|
"data-maska-reversed": "",
|
|
2266
2274
|
onMaska: t[0] || (t[0] = (u) => e.onMaska(u.detail)),
|
|
2267
2275
|
class: f(e.prefixPadding)
|
|
2268
|
-
}, null, 42,
|
|
2276
|
+
}, null, 42, Ha), [
|
|
2269
2277
|
[r, "9,99#"]
|
|
2270
2278
|
]),
|
|
2271
|
-
e.suffix ? (i(), n("span",
|
|
2279
|
+
e.suffix ? (i(), n("span", Ua, p(e.suffix), 1)) : c("", !0)
|
|
2272
2280
|
]),
|
|
2273
|
-
e.errorMessage ? (i(), n("p",
|
|
2281
|
+
e.errorMessage ? (i(), n("p", Ga, p(e.errorMessage), 1)) : c("", !0)
|
|
2274
2282
|
], 2);
|
|
2275
2283
|
}
|
|
2276
|
-
const
|
|
2284
|
+
const Ja = /* @__PURE__ */ b(za, [["render", Ya], ["__scopeId", "data-v-bf09a2d6"]]), Za = g({
|
|
2277
2285
|
name: "wra-pagination",
|
|
2278
2286
|
data() {
|
|
2279
2287
|
return {
|
|
@@ -2342,12 +2350,12 @@ const Js = /* @__PURE__ */ b(zs, [["render", Ys], ["__scopeId", "data-v-bf09a2d6
|
|
|
2342
2350
|
},
|
|
2343
2351
|
changePage(e) {
|
|
2344
2352
|
this.currentPage = e, this.$emit("update:modelValue", this.currentPage), this.$nextTick(() => {
|
|
2345
|
-
const t = `page-${e}`,
|
|
2346
|
-
if (!
|
|
2353
|
+
const t = `page-${e}`, a = this.$refs[t];
|
|
2354
|
+
if (!a || !a[0]) {
|
|
2347
2355
|
console.log("No ref found for page", e);
|
|
2348
2356
|
return;
|
|
2349
2357
|
}
|
|
2350
|
-
|
|
2358
|
+
a[0].focus();
|
|
2351
2359
|
});
|
|
2352
2360
|
},
|
|
2353
2361
|
onKeyLeft() {
|
|
@@ -2390,9 +2398,9 @@ const Js = /* @__PURE__ */ b(zs, [["render", Ys], ["__scopeId", "data-v-bf09a2d6
|
|
|
2390
2398
|
created() {
|
|
2391
2399
|
this.currentPage = this.modelValue;
|
|
2392
2400
|
}
|
|
2393
|
-
}),
|
|
2394
|
-
function
|
|
2395
|
-
return i(), n("div",
|
|
2401
|
+
}), Qa = { class: "pagination" }, Xa = ["onClick"];
|
|
2402
|
+
function xa(e, t, a, s, o, l) {
|
|
2403
|
+
return i(), n("div", Qa, [
|
|
2396
2404
|
d("button", {
|
|
2397
2405
|
class: "pagination-button",
|
|
2398
2406
|
onClick: t[0] || (t[0] = (r) => e.decPage())
|
|
@@ -2421,7 +2429,7 @@ function xs(e, t, s, a, o, l) {
|
|
|
2421
2429
|
ref_for: !0,
|
|
2422
2430
|
ref: "page-" + r,
|
|
2423
2431
|
class: f(["pagination-number", e.currentPage === r && "pagination-number--selected"])
|
|
2424
|
-
}, p(r), 43,
|
|
2432
|
+
}, p(r), 43, Xa))), 256)),
|
|
2425
2433
|
e.skipEnd ? (i(), n(y, { key: 1 }, [
|
|
2426
2434
|
m(e.$slots, "divider", {}, () => [
|
|
2427
2435
|
t[8] || (t[8] = d("span", { class: "pagination-divider" }, "...", -1))
|
|
@@ -2442,8 +2450,8 @@ function xs(e, t, s, a, o, l) {
|
|
|
2442
2450
|
])
|
|
2443
2451
|
]);
|
|
2444
2452
|
}
|
|
2445
|
-
const
|
|
2446
|
-
directives: { maska:
|
|
2453
|
+
const es = /* @__PURE__ */ b(Za, [["render", xa], ["__scopeId", "data-v-4fb0a9cd"]]), ts = R, as = g({
|
|
2454
|
+
directives: { maska: ts },
|
|
2447
2455
|
name: "wra-price-input",
|
|
2448
2456
|
props: {
|
|
2449
2457
|
/**
|
|
@@ -2529,11 +2537,11 @@ const ea = /* @__PURE__ */ b(Zs, [["render", xs], ["__scopeId", "data-v-4fb0a9cd
|
|
|
2529
2537
|
preProcess: (e) => e.replace(/[£,]/g, ""),
|
|
2530
2538
|
postProcess: (e) => {
|
|
2531
2539
|
if (!e) return "";
|
|
2532
|
-
const t = 3 - (e.includes(".") ? e.length - e.indexOf(".") : 0),
|
|
2533
|
-
return isNaN(
|
|
2540
|
+
const t = 3 - (e.includes(".") ? e.length - e.indexOf(".") : 0), a = Number(e.replace(/,/g, ""));
|
|
2541
|
+
return isNaN(a) ? e : Intl.NumberFormat("en-GB", {
|
|
2534
2542
|
style: "currency",
|
|
2535
2543
|
currency: "GBP"
|
|
2536
|
-
}).format(
|
|
2544
|
+
}).format(a).slice(0, t ? -t : void 0).replace("£", "");
|
|
2537
2545
|
}
|
|
2538
2546
|
},
|
|
2539
2547
|
errorMessage: "",
|
|
@@ -2553,9 +2561,9 @@ const ea = /* @__PURE__ */ b(Zs, [["render", xs], ["__scopeId", "data-v-4fb0a9cd
|
|
|
2553
2561
|
validate(e) {
|
|
2554
2562
|
if (this.errorMessage = "", this.rules != null)
|
|
2555
2563
|
for (let t = 0; t < this.rules.length; t++) {
|
|
2556
|
-
const
|
|
2557
|
-
if (
|
|
2558
|
-
this.errorMessage =
|
|
2564
|
+
const a = this.rules[t], s = a(e);
|
|
2565
|
+
if (s != !0) {
|
|
2566
|
+
this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
|
|
2559
2567
|
break;
|
|
2560
2568
|
}
|
|
2561
2569
|
}
|
|
@@ -2573,14 +2581,14 @@ const ea = /* @__PURE__ */ b(Zs, [["render", xs], ["__scopeId", "data-v-4fb0a9cd
|
|
|
2573
2581
|
mounted() {
|
|
2574
2582
|
this.maskedValue = String(this.modelValue), this.$emit("update:modelValue", this.maskedValue), this.validate(this.modelValue);
|
|
2575
2583
|
}
|
|
2576
|
-
}),
|
|
2584
|
+
}), ss = ["for"], rs = { class: "input-wrapper" }, is = {
|
|
2577
2585
|
key: 0,
|
|
2578
2586
|
class: "prefix"
|
|
2579
|
-
},
|
|
2587
|
+
}, ns = ["id", "value", "inputmode", "placeholder"], os = {
|
|
2580
2588
|
key: 1,
|
|
2581
2589
|
class: "suffix"
|
|
2582
|
-
},
|
|
2583
|
-
function
|
|
2590
|
+
}, ls = { key: 1 };
|
|
2591
|
+
function us(e, t, a, s, o, l) {
|
|
2584
2592
|
const r = j("maska");
|
|
2585
2593
|
return i(), n("div", {
|
|
2586
2594
|
class: f({ error: e.errorMessage !== "" })
|
|
@@ -2588,9 +2596,9 @@ function ua(e, t, s, a, o, l) {
|
|
|
2588
2596
|
e.label ? (i(), n("label", {
|
|
2589
2597
|
key: 0,
|
|
2590
2598
|
for: e.id
|
|
2591
|
-
}, p(e.label), 9,
|
|
2592
|
-
d("div",
|
|
2593
|
-
e.prefix ? (i(), n("span",
|
|
2599
|
+
}, p(e.label), 9, ss)) : c("", !0),
|
|
2600
|
+
d("div", rs, [
|
|
2601
|
+
e.prefix ? (i(), n("span", is, p(e.prefix), 1)) : c("", !0),
|
|
2594
2602
|
q(d("input", {
|
|
2595
2603
|
id: e.id,
|
|
2596
2604
|
type: "text",
|
|
@@ -2601,15 +2609,15 @@ function ua(e, t, s, a, o, l) {
|
|
|
2601
2609
|
"data-maska": "0.99",
|
|
2602
2610
|
"data-maska-tokens": "0:\\d:multiple|9:\\d:optional",
|
|
2603
2611
|
class: f(e.prefixPadding)
|
|
2604
|
-
}, null, 42,
|
|
2612
|
+
}, null, 42, ns), [
|
|
2605
2613
|
[r, e.mask]
|
|
2606
2614
|
]),
|
|
2607
|
-
e.suffix ? (i(), n("span",
|
|
2615
|
+
e.suffix ? (i(), n("span", os, p(e.suffix), 1)) : c("", !0)
|
|
2608
2616
|
]),
|
|
2609
|
-
e.errorMessage ? (i(), n("p",
|
|
2617
|
+
e.errorMessage ? (i(), n("p", ls, p(e.errorMessage), 1)) : c("", !0)
|
|
2610
2618
|
], 2);
|
|
2611
2619
|
}
|
|
2612
|
-
const
|
|
2620
|
+
const ds = /* @__PURE__ */ b(as, [["render", us], ["__scopeId", "data-v-0e867b98"]]), ps = g({
|
|
2613
2621
|
name: "wra-radio",
|
|
2614
2622
|
props: {
|
|
2615
2623
|
groupName: {
|
|
@@ -2640,8 +2648,8 @@ const da = /* @__PURE__ */ b(sa, [["render", ua], ["__scopeId", "data-v-0e867b98
|
|
|
2640
2648
|
this.$parent.$emit("update:modelValue", this.option.value);
|
|
2641
2649
|
}
|
|
2642
2650
|
}
|
|
2643
|
-
}),
|
|
2644
|
-
function
|
|
2651
|
+
}), cs = ["for"], hs = ["name", "value", "id", "checked", "aria-checked"], fs = { class: "radio-text" }, ms = ["innerHTML"];
|
|
2652
|
+
function gs(e, t, a, s, o, l) {
|
|
2645
2653
|
return i(), n("div", null, [
|
|
2646
2654
|
d("label", {
|
|
2647
2655
|
for: e.id ?? e.groupName + "-" + e.option.value,
|
|
@@ -2656,19 +2664,19 @@ function ga(e, t, s, a, o, l) {
|
|
|
2656
2664
|
class: "radio-input",
|
|
2657
2665
|
checked: e.isChecked == !0,
|
|
2658
2666
|
"aria-checked": e.isChecked
|
|
2659
|
-
}, null, 40,
|
|
2660
|
-
d("span",
|
|
2667
|
+
}, null, 40, hs),
|
|
2668
|
+
d("span", fs, [
|
|
2661
2669
|
d("p", null, p(e.option.label), 1),
|
|
2662
2670
|
e.option.info ? (i(), n("p", {
|
|
2663
2671
|
key: 0,
|
|
2664
2672
|
class: "further-information-text",
|
|
2665
2673
|
innerHTML: e.option.info
|
|
2666
|
-
}, null, 8,
|
|
2674
|
+
}, null, 8, ms)) : c("", !0)
|
|
2667
2675
|
])
|
|
2668
|
-
], 8,
|
|
2676
|
+
], 8, cs)
|
|
2669
2677
|
]);
|
|
2670
2678
|
}
|
|
2671
|
-
const
|
|
2679
|
+
const bs = /* @__PURE__ */ b(ps, [["render", gs], ["__scopeId", "data-v-66e204d1"]]), ks = g({
|
|
2672
2680
|
name: "wra-radio-group",
|
|
2673
2681
|
props: {
|
|
2674
2682
|
/**
|
|
@@ -2711,15 +2719,15 @@ const ba = /* @__PURE__ */ b(pa, [["render", ga], ["__scopeId", "data-v-66e204d1
|
|
|
2711
2719
|
}
|
|
2712
2720
|
},
|
|
2713
2721
|
components: {
|
|
2714
|
-
WraRadio:
|
|
2722
|
+
WraRadio: bs
|
|
2715
2723
|
},
|
|
2716
2724
|
computed: {
|
|
2717
2725
|
validOptions() {
|
|
2718
2726
|
return this.options ?? [];
|
|
2719
2727
|
}
|
|
2720
2728
|
}
|
|
2721
|
-
}), $
|
|
2722
|
-
function
|
|
2729
|
+
}), $s = ["aria-label", "aria-describedby"];
|
|
2730
|
+
function ys(e, t, a, s, o, l) {
|
|
2723
2731
|
const r = L("wra-radio");
|
|
2724
2732
|
return i(), n("div", {
|
|
2725
2733
|
role: "radiogroup",
|
|
@@ -2734,9 +2742,9 @@ function ya(e, t, s, a, o, l) {
|
|
|
2734
2742
|
isChecked: e.checkInput(u.value),
|
|
2735
2743
|
id: u.id
|
|
2736
2744
|
}, null, 8, ["groupName", "option", "isChecked", "id"]))), 128))
|
|
2737
|
-
], 8, $
|
|
2745
|
+
], 8, $s);
|
|
2738
2746
|
}
|
|
2739
|
-
const
|
|
2747
|
+
const vs = /* @__PURE__ */ b(ks, [["render", ys], ["__scopeId", "data-v-dfd68568"]]), ws = g({
|
|
2740
2748
|
name: "wra-select",
|
|
2741
2749
|
props: {
|
|
2742
2750
|
/**
|
|
@@ -2794,12 +2802,12 @@ const va = /* @__PURE__ */ b(ka, [["render", ya], ["__scopeId", "data-v-dfd68568
|
|
|
2794
2802
|
},
|
|
2795
2803
|
methods: {
|
|
2796
2804
|
onSelectChange(e) {
|
|
2797
|
-
const t = e.target,
|
|
2798
|
-
this.validate(
|
|
2805
|
+
const t = e.target, a = t ? t.value : "";
|
|
2806
|
+
this.validate(a);
|
|
2799
2807
|
},
|
|
2800
2808
|
validate(e) {
|
|
2801
2809
|
this.$emit("update:modelValue", e);
|
|
2802
|
-
const t = this.validItems.some((
|
|
2810
|
+
const t = this.validItems.some((a) => this.checkForObjectValue(a) == e);
|
|
2803
2811
|
if (this.required == !0 && t == !1) {
|
|
2804
2812
|
this.$emit("valid", { id: this.id || this.name, value: !1 });
|
|
2805
2813
|
return;
|
|
@@ -2822,13 +2830,13 @@ const va = /* @__PURE__ */ b(ka, [["render", ya], ["__scopeId", "data-v-dfd68568
|
|
|
2822
2830
|
this.validate(this.modelValue);
|
|
2823
2831
|
},
|
|
2824
2832
|
emits: ["update:modelValue", "valid"]
|
|
2825
|
-
}),
|
|
2826
|
-
function
|
|
2833
|
+
}), Ss = ["for"], Vs = { class: "select" }, Is = ["id", "value"], Ms = ["value", "selected"], Cs = { key: 0 }, Ps = { key: 1 };
|
|
2834
|
+
function Bs(e, t, a, s, o, l) {
|
|
2827
2835
|
return i(), n(y, null, [
|
|
2828
2836
|
d("label", {
|
|
2829
2837
|
for: e.id || e.name
|
|
2830
|
-
}, p(e.label), 9,
|
|
2831
|
-
d("div",
|
|
2838
|
+
}, p(e.label), 9, Ss),
|
|
2839
|
+
d("div", Vs, [
|
|
2832
2840
|
d("select", {
|
|
2833
2841
|
id: e.id || e.name,
|
|
2834
2842
|
value: e.modelValue,
|
|
@@ -2844,16 +2852,16 @@ function Ba(e, t, s, a, o, l) {
|
|
|
2844
2852
|
value: e.checkForObjectValue(r),
|
|
2845
2853
|
selected: e.modelValue == e.checkForObjectValue(r)
|
|
2846
2854
|
}, [
|
|
2847
|
-
e.$slots.label ? (i(), n("span",
|
|
2855
|
+
e.$slots.label ? (i(), n("span", Cs, [
|
|
2848
2856
|
m(e.$slots, "label", { item: r }, void 0, !0)
|
|
2849
|
-
])) : (i(), n("span",
|
|
2850
|
-
], 8,
|
|
2851
|
-
], 40,
|
|
2857
|
+
])) : (i(), n("span", Ps, p(e.checkForObjectLabel(r)), 1))
|
|
2858
|
+
], 8, Ms))), 256))
|
|
2859
|
+
], 40, Is),
|
|
2852
2860
|
t[2] || (t[2] = d("span", { class: "focus" }, null, -1))
|
|
2853
2861
|
])
|
|
2854
2862
|
], 64);
|
|
2855
2863
|
}
|
|
2856
|
-
const
|
|
2864
|
+
const Ts = /* @__PURE__ */ b(ws, [["render", Bs], ["__scopeId", "data-v-f1105098"]]), Os = g({
|
|
2857
2865
|
name: "wra-service-logo",
|
|
2858
2866
|
props: {
|
|
2859
2867
|
/**
|
|
@@ -2890,8 +2898,8 @@ const Ta = /* @__PURE__ */ b(wa, [["render", Ba], ["__scopeId", "data-v-f1105098
|
|
|
2890
2898
|
type: [String, Number]
|
|
2891
2899
|
}
|
|
2892
2900
|
}
|
|
2893
|
-
}),
|
|
2894
|
-
function
|
|
2901
|
+
}), Ws = ["href", "aria-label"], Ns = ["src", "height", "alt"];
|
|
2902
|
+
function qs(e, t, a, s, o, l) {
|
|
2895
2903
|
return i(), n("a", {
|
|
2896
2904
|
href: e.href,
|
|
2897
2905
|
target: "_blank",
|
|
@@ -2904,10 +2912,10 @@ function qa(e, t, s, a, o, l) {
|
|
|
2904
2912
|
height: e.height,
|
|
2905
2913
|
class: "service-logo",
|
|
2906
2914
|
alt: e.alt
|
|
2907
|
-
}, null, 8,
|
|
2908
|
-
], 8,
|
|
2915
|
+
}, null, 8, Ns)
|
|
2916
|
+
], 8, Ws);
|
|
2909
2917
|
}
|
|
2910
|
-
const
|
|
2918
|
+
const As = /* @__PURE__ */ b(Os, [["render", qs], ["__scopeId", "data-v-726556fc"]]), Fs = g({
|
|
2911
2919
|
name: "wra-simple-table",
|
|
2912
2920
|
props: {
|
|
2913
2921
|
/**
|
|
@@ -2929,7 +2937,7 @@ const Aa = /* @__PURE__ */ b(Oa, [["render", qa], ["__scopeId", "data-v-726556fc
|
|
|
2929
2937
|
}
|
|
2930
2938
|
}
|
|
2931
2939
|
});
|
|
2932
|
-
function
|
|
2940
|
+
function Ls(e, t, a, s, o, l) {
|
|
2933
2941
|
return i(), n("div", {
|
|
2934
2942
|
class: f(["wra-simple-table-wrapper", {
|
|
2935
2943
|
"wra-simple-table-inherit": e.inheritBackground,
|
|
@@ -2951,7 +2959,7 @@ function La(e, t, s, a, o, l) {
|
|
|
2951
2959
|
], 2)
|
|
2952
2960
|
], 2);
|
|
2953
2961
|
}
|
|
2954
|
-
const
|
|
2962
|
+
const Es = /* @__PURE__ */ b(Fs, [["render", Ls]]), Ds = g({
|
|
2955
2963
|
name: "wra-skip-link",
|
|
2956
2964
|
emits: ["click"],
|
|
2957
2965
|
methods: {
|
|
@@ -3000,13 +3008,13 @@ const Ea = /* @__PURE__ */ b(Fa, [["render", La]]), Da = g({
|
|
|
3000
3008
|
}
|
|
3001
3009
|
}
|
|
3002
3010
|
});
|
|
3003
|
-
function
|
|
3011
|
+
function js(e, t, a, s, o, l) {
|
|
3004
3012
|
return i(), n("button", {
|
|
3005
3013
|
class: f(["skip-link", { "skip-link-full-width": e.fullWidth }]),
|
|
3006
3014
|
onClick: t[0] || (t[0] = (r) => e.onClick())
|
|
3007
3015
|
}, p(e.text), 3);
|
|
3008
3016
|
}
|
|
3009
|
-
const
|
|
3017
|
+
const zs = /* @__PURE__ */ b(Ds, [["render", js], ["__scopeId", "data-v-8e4609fc"]]), Rs = g({
|
|
3010
3018
|
name: "wra-snackbar",
|
|
3011
3019
|
emits: ["update:visible"],
|
|
3012
3020
|
props: {
|
|
@@ -3070,8 +3078,8 @@ const za = /* @__PURE__ */ b(Da, [["render", ja], ["__scopeId", "data-v-8e4609fc
|
|
|
3070
3078
|
};
|
|
3071
3079
|
}
|
|
3072
3080
|
}
|
|
3073
|
-
}),
|
|
3074
|
-
function
|
|
3081
|
+
}), _s = { class: "snackbar-content" };
|
|
3082
|
+
function Ks(e, t, a, s, o, l) {
|
|
3075
3083
|
return i(), z(Y, { name: "snackbar" }, {
|
|
3076
3084
|
default: N(() => [
|
|
3077
3085
|
e.showSnackbar ? (i(), n("div", {
|
|
@@ -3080,7 +3088,7 @@ function Ka(e, t, s, a, o, l) {
|
|
|
3080
3088
|
"aria-live": "polite",
|
|
3081
3089
|
class: f(["snackbar snackbar-flex", e.type])
|
|
3082
3090
|
}, [
|
|
3083
|
-
d("div",
|
|
3091
|
+
d("div", _s, [
|
|
3084
3092
|
m(e.$slots, "default", {}, () => [
|
|
3085
3093
|
B(p(e.label), 1)
|
|
3086
3094
|
], !0)
|
|
@@ -3102,7 +3110,7 @@ function Ka(e, t, s, a, o, l) {
|
|
|
3102
3110
|
_: 3
|
|
3103
3111
|
});
|
|
3104
3112
|
}
|
|
3105
|
-
const
|
|
3113
|
+
const Hs = /* @__PURE__ */ b(Rs, [["render", Ks], ["__scopeId", "data-v-d07fa6ea"]]), Us = g({
|
|
3106
3114
|
name: "wra-subheader",
|
|
3107
3115
|
props: {
|
|
3108
3116
|
/**
|
|
@@ -3121,7 +3129,7 @@ const Ha = /* @__PURE__ */ b(Ra, [["render", Ka], ["__scopeId", "data-v-d07fa6ea
|
|
|
3121
3129
|
}
|
|
3122
3130
|
}
|
|
3123
3131
|
});
|
|
3124
|
-
function
|
|
3132
|
+
function Gs(e, t, a, s, o, l) {
|
|
3125
3133
|
return i(), n("div", {
|
|
3126
3134
|
class: "subheader",
|
|
3127
3135
|
style: D(e.style)
|
|
@@ -3129,7 +3137,7 @@ function Ga(e, t, s, a, o, l) {
|
|
|
3129
3137
|
m(e.$slots, "default", {}, void 0, !0)
|
|
3130
3138
|
], 4);
|
|
3131
3139
|
}
|
|
3132
|
-
const
|
|
3140
|
+
const Ys = /* @__PURE__ */ b(Us, [["render", Gs], ["__scopeId", "data-v-904f5932"]]), Js = g({
|
|
3133
3141
|
name: "wra-table",
|
|
3134
3142
|
props: {
|
|
3135
3143
|
/**
|
|
@@ -3159,7 +3167,7 @@ const Ya = /* @__PURE__ */ b(Ua, [["render", Ga], ["__scopeId", "data-v-904f5932
|
|
|
3159
3167
|
}
|
|
3160
3168
|
}
|
|
3161
3169
|
});
|
|
3162
|
-
function
|
|
3170
|
+
function Zs(e, t, a, s, o, l) {
|
|
3163
3171
|
return i(), n(y, null, [
|
|
3164
3172
|
d("table", G({
|
|
3165
3173
|
id: "regular",
|
|
@@ -3227,7 +3235,7 @@ function Za(e, t, s, a, o, l) {
|
|
|
3227
3235
|
], 16)
|
|
3228
3236
|
], 64);
|
|
3229
3237
|
}
|
|
3230
|
-
const
|
|
3238
|
+
const Qs = /* @__PURE__ */ b(Js, [["render", Zs]]), Xs = g({
|
|
3231
3239
|
name: "wra-tab",
|
|
3232
3240
|
props: {
|
|
3233
3241
|
label: {
|
|
@@ -3256,13 +3264,13 @@ const Qa = /* @__PURE__ */ b(Ja, [["render", Za]]), Xa = g({
|
|
|
3256
3264
|
}
|
|
3257
3265
|
}
|
|
3258
3266
|
});
|
|
3259
|
-
function
|
|
3267
|
+
function xs(e, t, a, s, o, l) {
|
|
3260
3268
|
return i(), n("button", {
|
|
3261
3269
|
ref: "tabButton",
|
|
3262
3270
|
class: f(["tab-button", e.active === !0 && "tab-button--active"])
|
|
3263
3271
|
}, p(e.label), 3);
|
|
3264
3272
|
}
|
|
3265
|
-
const er = /* @__PURE__ */ b(
|
|
3273
|
+
const er = /* @__PURE__ */ b(Xs, [["render", xs], ["__scopeId", "data-v-0417664c"]]), tr = g({
|
|
3266
3274
|
name: "wra-tabs",
|
|
3267
3275
|
emits: ["update:modelValue"],
|
|
3268
3276
|
props: {
|
|
@@ -3300,10 +3308,10 @@ const er = /* @__PURE__ */ b(Xa, [["render", xa], ["__scopeId", "data-v-0417664c
|
|
|
3300
3308
|
created() {
|
|
3301
3309
|
this.activeTab = this.modelValue;
|
|
3302
3310
|
}
|
|
3303
|
-
}),
|
|
3304
|
-
function
|
|
3311
|
+
}), ar = { class: "tabs" };
|
|
3312
|
+
function sr(e, t, a, s, o, l) {
|
|
3305
3313
|
const r = L("tab");
|
|
3306
|
-
return i(), n("div",
|
|
3314
|
+
return i(), n("div", ar, [
|
|
3307
3315
|
(i(!0), n(y, null, V(e.options, (u, h) => (i(), z(r, {
|
|
3308
3316
|
tabindex: h === 0 ? 0 : -1,
|
|
3309
3317
|
label: u,
|
|
@@ -3320,7 +3328,7 @@ function ar(e, t, s, a, o, l) {
|
|
|
3320
3328
|
}, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
|
|
3321
3329
|
]);
|
|
3322
3330
|
}
|
|
3323
|
-
const rr = /* @__PURE__ */ b(tr, [["render",
|
|
3331
|
+
const rr = /* @__PURE__ */ b(tr, [["render", sr], ["__scopeId", "data-v-eef46a08"]]), ir = g({
|
|
3324
3332
|
name: "wra-text-area",
|
|
3325
3333
|
props: {
|
|
3326
3334
|
/**
|
|
@@ -3371,9 +3379,9 @@ const rr = /* @__PURE__ */ b(tr, [["render", ar], ["__scopeId", "data-v-eef46a08
|
|
|
3371
3379
|
validate(e) {
|
|
3372
3380
|
if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
|
|
3373
3381
|
for (let t = 0; t < this.rules.length; t++) {
|
|
3374
|
-
const
|
|
3375
|
-
if (
|
|
3376
|
-
this.errorMessage =
|
|
3382
|
+
const a = this.rules[t], s = a(e);
|
|
3383
|
+
if (s != !0) {
|
|
3384
|
+
this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
|
|
3377
3385
|
break;
|
|
3378
3386
|
}
|
|
3379
3387
|
}
|
|
@@ -3387,7 +3395,7 @@ const rr = /* @__PURE__ */ b(tr, [["render", ar], ["__scopeId", "data-v-eef46a08
|
|
|
3387
3395
|
this.validate(this.modelValue);
|
|
3388
3396
|
}
|
|
3389
3397
|
}), nr = ["for"], or = ["id", "value", "maxlength"], lr = { key: 1 };
|
|
3390
|
-
function ur(e, t,
|
|
3398
|
+
function ur(e, t, a, s, o, l) {
|
|
3391
3399
|
return i(), n("div", {
|
|
3392
3400
|
class: f({ error: e.errorMessage })
|
|
3393
3401
|
}, [
|
|
@@ -3525,9 +3533,9 @@ const dr = /* @__PURE__ */ b(ir, [["render", ur], ["__scopeId", "data-v-4bbbf219
|
|
|
3525
3533
|
validate(e) {
|
|
3526
3534
|
if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
|
|
3527
3535
|
for (let t = 0; t < this.rules.length; t++) {
|
|
3528
|
-
const
|
|
3529
|
-
if (
|
|
3530
|
-
this.errorMessage =
|
|
3536
|
+
const a = this.rules[t], s = a(e);
|
|
3537
|
+
if (s != !0) {
|
|
3538
|
+
this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
|
|
3531
3539
|
break;
|
|
3532
3540
|
}
|
|
3533
3541
|
}
|
|
@@ -3542,7 +3550,7 @@ const dr = /* @__PURE__ */ b(ir, [["render", ur], ["__scopeId", "data-v-4bbbf219
|
|
|
3542
3550
|
},
|
|
3543
3551
|
emits: ["update:modelValue", "valid"]
|
|
3544
3552
|
}), hr = ["for"], fr = ["id", "type", "dataMaskaTokens", "value", "inputmode", "placeholder"], mr = { key: 1 };
|
|
3545
|
-
function gr(e, t,
|
|
3553
|
+
function gr(e, t, a, s, o, l) {
|
|
3546
3554
|
const r = j("maska");
|
|
3547
3555
|
return i(), n("div", {
|
|
3548
3556
|
class: f({ error: e.errorMessage })
|
|
@@ -3569,82 +3577,82 @@ function gr(e, t, s, a, o, l) {
|
|
|
3569
3577
|
], 2);
|
|
3570
3578
|
}
|
|
3571
3579
|
const br = /* @__PURE__ */ b(cr, [["render", gr], ["__scopeId", "data-v-066bf72c"]]), kr = {
|
|
3572
|
-
WraAppBar:
|
|
3573
|
-
WraAutocomplete:
|
|
3574
|
-
WraBanner:
|
|
3575
|
-
WraBreadcrumbs:
|
|
3580
|
+
WraAppBar: ue,
|
|
3581
|
+
WraAutocomplete: be,
|
|
3582
|
+
WraBanner: ve,
|
|
3583
|
+
WraBreadcrumbs: Be,
|
|
3576
3584
|
WraButton: J,
|
|
3577
|
-
WraCard:
|
|
3578
|
-
WraCheckbox:
|
|
3585
|
+
WraCard: Fe,
|
|
3586
|
+
WraCheckbox: Ke,
|
|
3579
3587
|
WraCheckboxGroup: Xe,
|
|
3580
|
-
WraContentSectionTitle:
|
|
3588
|
+
WraContentSectionTitle: at,
|
|
3581
3589
|
WraCustomInput: vt,
|
|
3582
3590
|
WraDataTable: Dt,
|
|
3583
3591
|
WraDateInput: Ut,
|
|
3584
|
-
WraDialog:
|
|
3585
|
-
WraDivider:
|
|
3586
|
-
WraExpansionPanel:
|
|
3587
|
-
WraFileUpload:
|
|
3588
|
-
WraFooter:
|
|
3592
|
+
WraDialog: na,
|
|
3593
|
+
WraDivider: da,
|
|
3594
|
+
WraExpansionPanel: ba,
|
|
3595
|
+
WraFileUpload: Pa,
|
|
3596
|
+
WraFooter: Oa,
|
|
3589
3597
|
WraHeader: ae,
|
|
3590
|
-
WraIcon:
|
|
3591
|
-
WraInset:
|
|
3592
|
-
WraNumberInput:
|
|
3593
|
-
WraPagination:
|
|
3594
|
-
WraPriceInput:
|
|
3595
|
-
WraRadioGroup:
|
|
3596
|
-
WraSelect:
|
|
3597
|
-
WraServiceLogo:
|
|
3598
|
-
WraSimpleTable:
|
|
3599
|
-
WraSkipLink:
|
|
3600
|
-
WraSnackbar:
|
|
3601
|
-
WraSubheader:
|
|
3602
|
-
WraTable:
|
|
3598
|
+
WraIcon: Fa,
|
|
3599
|
+
WraInset: Da,
|
|
3600
|
+
WraNumberInput: Ja,
|
|
3601
|
+
WraPagination: es,
|
|
3602
|
+
WraPriceInput: ds,
|
|
3603
|
+
WraRadioGroup: vs,
|
|
3604
|
+
WraSelect: Ts,
|
|
3605
|
+
WraServiceLogo: As,
|
|
3606
|
+
WraSimpleTable: Es,
|
|
3607
|
+
WraSkipLink: zs,
|
|
3608
|
+
WraSnackbar: Hs,
|
|
3609
|
+
WraSubheader: Ys,
|
|
3610
|
+
WraTable: Qs,
|
|
3603
3611
|
WraTabs: rr,
|
|
3604
3612
|
WraTextArea: dr,
|
|
3605
3613
|
WraTextInput: br,
|
|
3606
|
-
WraValidationTooltip:
|
|
3614
|
+
WraValidationTooltip: se
|
|
3607
3615
|
}, yr = {
|
|
3608
3616
|
install(e) {
|
|
3609
|
-
for (const [t,
|
|
3610
|
-
e.component(t,
|
|
3617
|
+
for (const [t, a] of Object.entries(kr))
|
|
3618
|
+
e.component(t, a);
|
|
3611
3619
|
}
|
|
3612
3620
|
};
|
|
3613
3621
|
export {
|
|
3614
|
-
|
|
3615
|
-
|
|
3616
|
-
|
|
3617
|
-
|
|
3622
|
+
ue as WraAppBar,
|
|
3623
|
+
be as WraAutocomplete,
|
|
3624
|
+
ve as WraBanner,
|
|
3625
|
+
Be as WraBreadcrumbs,
|
|
3618
3626
|
J as WraButton,
|
|
3619
|
-
|
|
3620
|
-
|
|
3627
|
+
Fe as WraCard,
|
|
3628
|
+
Ke as WraCheckbox,
|
|
3621
3629
|
Xe as WraCheckboxGroup,
|
|
3622
|
-
|
|
3630
|
+
at as WraContentSectionTitle,
|
|
3623
3631
|
vt as WraCustomInput,
|
|
3624
3632
|
Dt as WraDataTable,
|
|
3625
3633
|
Ut as WraDateInput,
|
|
3626
|
-
|
|
3627
|
-
|
|
3628
|
-
|
|
3629
|
-
|
|
3630
|
-
|
|
3634
|
+
na as WraDialog,
|
|
3635
|
+
da as WraDivider,
|
|
3636
|
+
ba as WraExpansionPanel,
|
|
3637
|
+
Pa as WraFileUpload,
|
|
3638
|
+
Oa as WraFooter,
|
|
3631
3639
|
ae as WraHeader,
|
|
3632
|
-
|
|
3633
|
-
|
|
3634
|
-
|
|
3635
|
-
|
|
3636
|
-
|
|
3637
|
-
|
|
3638
|
-
|
|
3639
|
-
|
|
3640
|
-
|
|
3641
|
-
|
|
3642
|
-
|
|
3643
|
-
|
|
3644
|
-
|
|
3640
|
+
Fa as WraIcon,
|
|
3641
|
+
Da as WraInset,
|
|
3642
|
+
Ja as WraNumberInput,
|
|
3643
|
+
es as WraPagination,
|
|
3644
|
+
ds as WraPriceInput,
|
|
3645
|
+
vs as WraRadioGroup,
|
|
3646
|
+
Ts as WraSelect,
|
|
3647
|
+
As as WraServiceLogo,
|
|
3648
|
+
Es as WraSimpleTable,
|
|
3649
|
+
zs as WraSkipLink,
|
|
3650
|
+
Hs as WraSnackbar,
|
|
3651
|
+
Ys as WraSubheader,
|
|
3652
|
+
Qs as WraTable,
|
|
3645
3653
|
rr as WraTabs,
|
|
3646
3654
|
dr as WraTextArea,
|
|
3647
3655
|
br as WraTextInput,
|
|
3648
|
-
|
|
3656
|
+
se as WraValidationTooltip,
|
|
3649
3657
|
yr as default
|
|
3650
3658
|
};
|