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