@wra-gov/vue-components 0.20.10 → 0.20.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/tailwind.css +1 -1
  2. package/dist/vue-components.js +430 -183
  3. package/dist/vue-components.umd.cjs +2 -2
  4. package/package.json +2 -3
package/dist/vue-components.js CHANGED
@@ -1,6 +1,6 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('body{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif}p{font-size:18px;line-height:24px;margin-bottom:0}body p{margin-bottom:0}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid var(--color-wra-grey);font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:var(--color-wra-revenue);font-weight:700}a:hover{color:var(--color-wra-revenue);text-decoration:none}a:focus-visible{color:var(--color-wra-black);background-color:var(--color-wra-yellow);box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black);outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black)}/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--spacing:.25rem;--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:#018a1e;--color-wra-light-yellow:#fff5ce;--color-wra-yellow:#ffd530}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing)*4)}.contents{display:contents}.hidden{display:none}.table{display:table}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.bg-wra-black{background-color:var(--color-wra-black)}.bg-wra-blue{background-color:var(--color-wra-blue)}.bg-wra-charcoal{background-color:var(--color-wra-charcoal)}.bg-wra-dark-blue{background-color:var(--color-wra-dark-blue)}.bg-wra-dark-grey{background-color:var(--color-wra-dark-grey)}.bg-wra-green{background-color:var(--color-wra-green)}.bg-wra-grey{background-color:var(--color-wra-grey)}.bg-wra-light-blue{background-color:var(--color-wra-light-blue)}.bg-wra-light-green{background-color:var(--color-wra-light-green)}.bg-wra-light-grey{background-color:var(--color-wra-light-grey)}.bg-wra-light-red{background-color:var(--color-wra-light-red)}.bg-wra-light-yellow{background-color:var(--color-wra-light-yellow)}.bg-wra-mid-blue{background-color:var(--color-wra-mid-blue)}.bg-wra-mid-grey{background-color:var(--color-wra-mid-grey)}.bg-wra-red{background-color:var(--color-wra-red)}.bg-wra-revenue{background-color:var(--color-wra-revenue)}.bg-wra-yellow{background-color:var(--color-wra-yellow)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-wrap{text-wrap:wrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}*[data-v-8d2b76f2],*[data-v-8d2b76f2]:before,*[data-v-8d2b76f2]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-8d2b76f2]{background-color:var(--color-wra-charcoal);font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-8d2b76f2]{display:none}}*[data-v-d76bc036],*[data-v-d76bc036]:before,*[data-v-d76bc036]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-d76bc036]{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-d76bc036]:disabled{opacity:.3}.autocomplete-input--focus[data-v-d76bc036]{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-d76bc036]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-d76bc036]{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-d76bc036]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-d76bc036]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-d76bc036]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-d76bc036]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-d76bc036]{background:var(--color-wra-blue);color:#fff}.autocomplete-item-not-clickable[data-v-d76bc036]{cursor:not-allowed}.autocomplete[data-v-d76bc036]{position:relative}*[data-v-b9dfdd65],*[data-v-b9dfdd65]:before,*[data-v-b9dfdd65]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-b9dfdd65]{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-b9dfdd65]{background-color:var(--color-wra-yellow)}.new-service[data-v-b9dfdd65] a{color:var(--color-wra-black)}.new-service[data-v-b9dfdd65] 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-b9dfdd65]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}.wra-banner-close[data-v-b9dfdd65]{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-b9dfdd65]:hover{opacity:.6;transition:all .3s ease}.wra-banner-close[data-v-b9dfdd65]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black)}.wra-banner-close[data-v-b9dfdd65]:focus:hover{opacity:1}.closable-padding[data-v-b9dfdd65]{padding-right:44px}@media print{.hidden-print[data-v-b9dfdd65]{display:none}}*[data-v-26b6a965],*[data-v-26b6a965]:before,*[data-v-26b6a965]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-26b6a965]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-26b6a965]{font-size:16px}.wra-breadcrumbs-item[data-v-26b6a965]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-26b6a965]{display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link--disabled[data-v-26b6a965]{color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link[data-v-26b6a965]{text-decoration:none;font-weight:700;color:var(--color-wra-revenue)}.wra-breadcrumbs-link[data-v-26b6a965]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-26b6a965]:focus{opacity:1;color:var(--color-wra-black)}.wra-breadcrumbs-chevron[data-v-26b6a965]{content:" ";display:inline-block;border:solid var(--color-wra-dark-grey);border-width:3.5px 3.5px 0px 0px;padding:2.5px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-03aa9d5e]{background-color:var(--color-wra-black);color:#fff;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-03aa9d5e]:hover{opacity:.8;transition:all .3s ease}button[data-v-03aa9d5e]: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-03aa9d5e]:focus:hover{opacity:1}button[data-v-03aa9d5e]:disabled{cursor:not-allowed;opacity:.6}button[data-v-03aa9d5e]:disabled:hover{opacity:.6}.icon[data-v-03aa9d5e]{display:flex;align-items:center;justify-content:center}.prepend-icon-wrapper[data-v-03aa9d5e]{margin-right:8px}.append-icon-wrapper[data-v-03aa9d5e]{margin-left:8px}.wra-black[data-v-03aa9d5e]{background-color:var(--color-wra-black)}.wra-blue[data-v-03aa9d5e]{background-color:var(--color-wra-blue)}.wra-red[data-v-03aa9d5e]{background-color:var(--color-wra-red)}.wra-green[data-v-03aa9d5e]{background-color:var(--color-wra-green)}.wra-revenue[data-v-03aa9d5e]{background-color:var(--color-wra-revenue)}.wra-white[data-v-03aa9d5e]{background-color:#fff;color:var(--color-wra-black);outline:2px solid var(--color-wra-black)}.default-button[data-v-03aa9d5e]{font-size:16px;padding:10px 20px;line-height:24px}.small-button[data-v-03aa9d5e]{font-size:14px;padding:5px 15px;line-height:24px}.outlined-button[data-v-03aa9d5e]{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-03aa9d5e]:hover{opacity:1;background-color:var(--color-prop, var(--color-wra-black));color:#fff;transition:all .3s ease}.wra-button:focus>.icon>svg{fill:var(--color-wra-black)}.card[data-v-7de2c8b6]{background-color:var(--color-wra-light-grey);padding:20px 24px}.checkbox-label[data-v-ffef5dba]{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-ffef5dba]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-ffef5dba]{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-ffef5dba]: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-ffef5dba]:checked:before{transform:scale(1)}.checkbox-input[data-v-ffef5dba]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-ffef5dba]:focus-visible{outline-offset:0px}.checkbox-text[data-v-ffef5dba]{padding:0 0 0 10px;font-size:18px}.checkbox[data-v-dd27da4c]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-dd27da4c]{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-dd27da4c]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-dd27da4c]{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-dd27da4c]: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-dd27da4c]:checked:before{transform:scale(1)}.checkbox-input[data-v-dd27da4c]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-dd27da4c]:focus-visible{outline-offset:0px}.checkbox-text[data-v-dd27da4c]{padding:0 0 0 10px;font-size:18px}.content-section-title[data-v-c737967a]{border-bottom:2px solid var(--color-wra-grey);border-top:10px solid var(--color-wra-grey);padding-bottom:20px;padding-top:30px}*[data-v-dde504dc],*[data-v-dde504dc]:before,*[data-v-dde504dc]:after{box-sizing:border-box}.input-wrapper[data-v-dde504dc]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-dde504dc]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-dde504dc]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-dde504dc]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-dde504dc]{padding:10px 6px}.padding-for-no-prefix[data-v-dde504dc]{padding:10px}.input-wrapper[data-v-dde504dc]: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-dde504dc]{border:none}label[data-v-dde504dc]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-dde504dc]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.bold[data-v-2cfe16fe]{font-weight:700}.wra-data-table-caption[data-v-2cfe16fe]{background-color:inherit;text-align:left;padding:0 0 16px;font-weight:700;font-size:20px}.wra-data-table[data-v-2cfe16fe]{width:100%;border-spacing:0;line-height:20px;padding:0;table-layout:auto}.wra-data-table>thead>tr>th[data-v-2cfe16fe]{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-data-table>tbody>tr>td[data-v-2cfe16fe],.wra-data-table>tbody>tr>th[data-v-2cfe16fe]{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-data-table td[data-v-2cfe16fe],.wra-data-table th[data-v-2cfe16fe]{padding:16px}.wra-data-table>thead>tr>th[data-v-2cfe16fe]:first-child,.wra-data-table>tbody>tr>td[data-v-2cfe16fe]:first-child{padding-left:0}.wra-data-table>thead>tr>th[data-v-2cfe16fe]:last-child,.wra-data-table>tbody>tr>td[data-v-2cfe16fe]:last-child{padding-right:0}.column-search-input[data-v-2cfe16fe]{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-2cfe16fe]: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-2cfe16fe]{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-2cfe16fe]:hover{opacity:.8;transition:all .3s ease}button[data-v-2cfe16fe]: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-2cfe16fe]:focus:hover{opacity:1}.wra-chevron[data-v-2cfe16fe]{content:" ";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.wra-chevron-right[data-v-2cfe16fe]{border:solid #ffffff;border-width:3px 3px 0px 0px}.wra-chevron-left[data-v-2cfe16fe]{border:solid #ffffff;border-width:0px 0px 3px 3px}.wra-chevron-up[data-v-2cfe16fe]{border:solid var(--color-wra-black);border-width:3px 0px 0px 3px;margin-left:4px;margin-top:3px}.wra-chevron-down[data-v-2cfe16fe]{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-2cfe16fe]{border:solid var(--color-wra-black);border-width:3px 3px 0px 0px}button:focus>.wra-chevron-left[data-v-2cfe16fe]{border:solid var(--color-wra-black);border-width:0px 0px 3px 3px}.clickable[data-v-2cfe16fe]{cursor:pointer}tbody.clickable[data-v-2cfe16fe]:hover{background-color:var(--color-wra-light-grey)}.sort-icons[data-v-2cfe16fe]{visibility:hidden;opacity:.4}th:hover .sort-icons[data-v-2cfe16fe]{visibility:visible}.text-left[data-v-2cfe16fe]{text-align:left}.text-right[data-v-2cfe16fe]{text-align:right}.text-center[data-v-2cfe16fe]{text-align:center}.pagination[data-v-2cfe16fe]{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0}.pagination button[data-v-2cfe16fe]{margin-left:10px}.disable-button[data-v-2cfe16fe]{opacity:.4}.disable-button[data-v-2cfe16fe]:hover{opacity:.4;cursor:default}.loader[data-v-2cfe16fe]{width:40px;height:40px;border:5px solid grey;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-2cfe16fe 1s linear infinite}@keyframes rotation-2cfe16fe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*[data-v-02168cf8],*[data-v-02168cf8]:before,*[data-v-02168cf8]:after{box-sizing:border-box}input[data-v-02168cf8]{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-02168cf8]: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-02168cf8]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-02168cf8]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}div[data-v-d558fb76]{font-weight:700}h1[data-v-d558fb76]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-d558fb76]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-d558fb76]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-d558fb76]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-d558fb76]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-d558fb76]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}@media (max-width: 599px){h1[data-v-d558fb76]{margin:0;font-size:34px;letter-spacing:-.05rem;line-height:38px}h2[data-v-d558fb76]{margin:0;font-size:28px;letter-spacing:-.04rem;line-height:32px}h3[data-v-d558fb76]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h4[data-v-d558fb76]{margin:0;font-size:20px;letter-spacing:-.03rem;line-height:24px}h5[data-v-d558fb76]{margin:0;font-size:18px;letter-spacing:-.02rem;line-height:22px}h6[data-v-d558fb76]{margin:0;font-size:14px;letter-spacing:-.01rem;line-height:18px}}.dialog-class[data-v-41988d2a]{z-index:9999}.dialog-content[data-v-41988d2a]{min-width:300px;max-width:90vw;text-align:center}.dialog-buttons[data-v-41988d2a]{margin-top:16px;display:flex;justify-content:space-evenly}dialog.dialog-class::backdrop{background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}hr[data-v-adda45c5]{margin:0}.wra-divider[data-v-adda45c5]{border:3px solid var(--color-wra-grey)}.wra-divider-large[data-v-adda45c5]{border:4px solid var(--color-wra-grey)}.wra-divider-small[data-v-adda45c5]{border:2px solid var(--color-wra-grey)}.panel-icon[data-v-bc7ebccf]{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-bc7ebccf]{margin-left:8px}.show-panel-icon[data-v-bc7ebccf]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-bc7ebccf]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-bc7ebccf]{display:flex;justify-content:space-between}button[data-v-bc7ebccf]{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-bc7ebccf]:hover{opacity:.8}button[data-v-bc7ebccf]: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-bc7ebccf]:focus:hover{opacity:1}.panel-content[data-v-bc7ebccf]{display:grid;border-left:2px solid var(--color-wra-mid-grey);background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-bc7ebccf]{overflow:hidden}.slide-fade-enter-active[data-v-bc7ebccf],.slide-fade-leave-active[data-v-bc7ebccf]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-bc7ebccf],.slide-fade-leave-to[data-v-bc7ebccf]{grid-template-rows:0fr}.validation-tooltip[data-v-2ba8e0fe]{color:var(--color-wra-black);border-radius:0;font-size:18px;padding:25px}.wra-error[data-v-2ba8e0fe]{background-color:var(--color-wra-light-red);border-left:10px solid var(--color-wra-red)}.wra-success[data-v-2ba8e0fe]{background-color:var(--color-wra-light-green);border-left:10px solid var(--color-wra-green)}.wra-info[data-v-2ba8e0fe]{background-color:var(--color-wra-light-blue);border-left:10px solid var(--color-wra-blue)}.wra-warning[data-v-2ba8e0fe]{background-color:var(--color-wra-light-yellow);border-left:10px solid var(--color-wra-yellow)}.icon[data-v-2ba8e0fe]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-icon-wrapper[data-v-2ba8e0fe]{margin-right:8px}.file-upload-wrapper[data-v-80cef057]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-80cef057]{display:none}.file-upload-label[data-v-80cef057]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-80cef057]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-80cef057]{margin-bottom:16px}.file-upload-error-text[data-v-80cef057]{margin-block:0px;font-size:16px}.file-upload-error-box>.file-upload-error-text[data-v-80cef057]{margin-bottom:1rem}.file-upload-error-box>.file-upload-error-text[data-v-80cef057]:last-child{margin-bottom:0rem}.error-enter-active[data-v-80cef057],.error-leave-active[data-v-80cef057]{transition:opacity .3s ease-out}.error-enter-from[data-v-80cef057],.error-leave-to[data-v-80cef057]{opacity:0}.wra-footer[data-v-5e57ae6c]{flex-grow:0;background-color:var(--color-wra-light-grey);padding:70px 20px 40px}@media print{.hidden-print[data-v-5e57ae6c]{display:none}}.wra-inset[data-v-13496ea6]{padding:20px 16px;border-left-width:10px;border-left-style:solid}.wra-inset.blue[data-v-13496ea6]{border-left-color:var(--color-wra-blue)}.wra-inset.light-blue[data-v-13496ea6]{border-left-color:var(--color-wra-light-blue)}.wra-inset.red[data-v-13496ea6]{border-left-color:var(--color-wra-red)}.wra-inset.light-red[data-v-13496ea6]{border-left-color:var(--color-wra-light-red)}.wra-inset.green[data-v-13496ea6]{border-left-color:var(--color-wra-green)}.wra-inset.light-green[data-v-13496ea6]{border-left-color:var(--color-wra-light-green)}.wra-inset.yellow[data-v-13496ea6]{border-left-color:var(--color-wra-yellow)}.wra-inset.light-yellow[data-v-13496ea6]{border-left-color:var(--color-wra-light-yellow)}.wra-inset.grey[data-v-13496ea6]{border-left-color:var(--color-wra-grey)}.wra-inset.revenue-blue[data-v-13496ea6]{border-left-color:var(--color-wra-revenue)}*[data-v-dfae4795],*[data-v-dfae4795]:before,*[data-v-dfae4795]:after{box-sizing:border-box}.input-wrapper[data-v-dfae4795]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-dfae4795]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-dfae4795]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-dfae4795]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-dfae4795]{padding:10px 6px}.padding-for-no-prefix[data-v-dfae4795]{padding:10px}.input-wrapper[data-v-dfae4795]: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-dfae4795]{border:none}label[data-v-dfae4795]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-dfae4795]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.pagination-button[data-v-e6e1f7d2]{background-color:transparent;color:var(--color-wra-revenue);font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button>*[data-v-e6e1f7d2]:first-child{margin-right:8px}.pagination-button[data-v-e6e1f7d2]:hover,.pagination-number[data-v-e6e1f7d2]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-e6e1f7d2]:focus,.pagination-number[data-v-e6e1f7d2]: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-e6e1f7d2]:focus:hover,.pagination-number[data-v-e6e1f7d2]:focus:hover{opacity:1}.pagination-number[data-v-e6e1f7d2]{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-e6e1f7d2]:hover{color:var(--color-wra-black);opacity:.8}.pagination-number--selected[data-v-e6e1f7d2]{background-color:var(--color-wra-revenue);color:#fff}.pagination-number--selected[data-v-e6e1f7d2]:hover:not(:focus){color:#fff}.pagination-divider[data-v-e6e1f7d2]{font-size:18px}.pagination[data-v-e6e1f7d2]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-e6e1f7d2]{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-e6e1f7d2]{border-width:3px 3px 0px 0px}.next-icon[data-v-e6e1f7d2]{border-width:0px 0px 3px 3px}*[data-v-4cd6909d],*[data-v-4cd6909d]:before,*[data-v-4cd6909d]:after{box-sizing:border-box}.input-wrapper[data-v-4cd6909d]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-4cd6909d]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-4cd6909d]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-4cd6909d]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-4cd6909d]{padding:10px 6px}.padding-for-no-prefix[data-v-4cd6909d]{padding:10px}.input-wrapper[data-v-4cd6909d]: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-4cd6909d]{border:none}label[data-v-4cd6909d]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-4cd6909d]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.radio-label[data-v-d18916d1]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;display:grid;grid-template-columns:20px auto}.radio-label[data-v-d18916d1]:hover{background:var(--color-wra-mid-grey)}.radio-input[data-v-d18916d1]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-d18916d1]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black)}.radio-input[data-v-d18916d1]:checked:before{transform:scale(1)}.radio-input[data-v-d18916d1]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.radio-input[data-v-d18916d1]:focus-visible{outline-offset:0px}.radio-text[data-v-d18916d1]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-d18916d1]{font-size:14px}p[data-v-d18916d1]{margin:0}.radio[data-v-ce7fb438]:not(:last-child):not(:only-child){margin-bottom:8px}*[data-v-96536461],*[data-v-96536461]:before,*[data-v-96536461]:after{box-sizing:border-box}select[data-v-96536461]{-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-96536461]{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-96536461]: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-96536461],.select[data-v-96536461]:after{grid-area:select}select:focus+.focus[data-v-96536461]{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-96536461]{color:var(--color-wra-black);font-size:16px}.service-logo[data-v-9b9e81dd]{max-width:100%}.service-link[data-v-9b9e81dd]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-9b9e81dd]: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-e5ae0c59]: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-e5ae0c59]{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-e5ae0c59]: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-e5ae0c59]{width:100%;text-align:left}.skip-link-full-width[data-v-e5ae0c59]:focus{outline-width:0px;border-width:0px}*[data-v-9abc8e33],*[data-v-9abc8e33]:before,*[data-v-9abc8e33]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-9abc8e33]{background:var(--color-wra-light-grey);font-size:18px;padding:20px 16px 20px 24px;border-left:3px solid var(--color-wra-dark-grey);position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-9abc8e33]{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-9abc8e33]{width:80%}}.snackbar-content[data-v-9abc8e33]{text-wrap:wrap}.close-icon-wrapper[data-v-9abc8e33]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-9abc8e33]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-9abc8e33]: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-9abc8e33]:focus:hover{opacity:1}.close-icon-line-one[data-v-9abc8e33]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-9abc8e33]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-9abc8e33]{background-color:var(--color-wra-light-red);border-color:var(--color-wra-red)}.wra-success[data-v-9abc8e33]{background-color:var(--color-wra-light-green);border-color:var(--color-wra-green)}.wra-info[data-v-9abc8e33]{background-color:var(--color-wra-light-blue);border-color:var(--color-wra-blue)}.wra-warning[data-v-9abc8e33]{background-color:var(--color-wra-light-yellow);border-color:var(--color-wra-yellow)}.sr-only[data-v-9abc8e33]{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-9abc8e33],.snackbar-leave-active[data-v-9abc8e33]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-9abc8e33],.snackbar-leave-to[data-v-9abc8e33]{opacity:0}.subheader[data-v-c5d10b79]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}@media screen and (min-width: 600px){#regular{display:table}#pivoted{display:none}}@media screen and (max-width: 599px){#regular{display:none}#pivoted{display:table}}@media print{#regular{display:table}#pivoted{display:none}}.bold{font-weight:700}.wra-table-caption{background-color:inherit;text-align:left;padding:16px;font-weight:700;font-size:20px}.caption-no-padding{padding:0 0 16px!important}.wra-table{width:100%;line-height:20px;background-color:var(--color-wra-light-grey);color:var(--color-wra-black);border-spacing:0;padding:0 16px 16px;table-layout:auto}.wra-table-no-padding{padding:0!important}.wra-table td,.wra-table th{word-break:break-word}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-table td,.wra-table th{padding:16px}.wra-table>thead>tr>th:first-child,.wra-table>tbody>tr>td:first-child{padding-left:0}.wra-table>thead>tr>th:last-child,.wra-table>tbody>tr>td:last-child{padding-right:0}#pivoted{table-layout:fixed;text-align:left}#pivoted>tbody>tr:last-child>td,#pivoted>tbody>tr:last-child>th{border-bottom:1px solid var(--color-wra-dark-grey)}#pivoted>tbody>tr:not(:last-child)>td,#pivoted>tbody>tr:not(:last-child)>th{border-bottom:none}#pivoted>tbody>tr>th{padding-left:0}#pivoted table{width:100%}#pivoted>table>tr>th,#pivoted>table>tr>td{width:50%}*[data-v-90cdb825]{box-sizing:border-box;border:none}.tab-button[data-v-90cdb825]{border-top:6px solid var(--color-wra-blue);font-size:24px;font-weight:700;color:var(--color-wra-light-blue);background:var(--color-wra-dark-blue);padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-90cdb825]:hover:not(.tab-button--active){background:var(--color-wra-mid-blue);color:#fff}.tab-button.tab-button--active[data-v-90cdb825]:focus{border-color:var(--color-wra-black);box-shadow:2px 0 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset}.tab-button--active[data-v-90cdb825]{background:#fff;color:var(--color-wra-black);border-top:6px solid var(--color-wra-mid-grey)}.tab-button[data-v-90cdb825]:focus{border-top:6px solid var(--color-wra-blue);color:var(--color-wra-black);background:var(--color-wra-yellow);box-shadow:2px 2px 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset;outline-style:none}@media (max-width: 768px){.tab-button[data-v-90cdb825]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-a505540c]{background-color:var(--color-wra-blue);width:100%}*[data-v-57dc4a8b],*[data-v-57dc4a8b]:before,*[data-v-57dc4a8b]:after{box-sizing:border-box}textarea[data-v-57dc4a8b]{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-57dc4a8b]: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-57dc4a8b]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-57dc4a8b]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}*[data-v-687f8993],*[data-v-687f8993]:before,*[data-v-687f8993]:after{box-sizing:border-box}input[data-v-687f8993]{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-687f8993]: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-687f8993]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-687f8993]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { openBlock as l, createElementBlock as o, normalizeClass as m, renderSlot as g, toDisplayString as c, createCommentVNode as f, withDirectives as W, createElementVNode as u, withKeys as w, withModifiers as B, vModelText as ae, Fragment as _, renderList as S, vShow as ue, pushScopeId as E, popScopeId as q, resolveDirective as L, createTextVNode as $, normalizeStyle as A, resolveComponent as F, createBlock as D, Teleport as de, createVNode as N, withCtx as T, Transition as Y, mergeProps as Q } from "vue";
3
- const p = (e, a) => {
1
+ (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('body{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif}p{font-size:18px;line-height:24px;margin-bottom:0}body p{margin-bottom:0}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid var(--color-wra-grey);font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:var(--color-wra-revenue);font-weight:700}a:hover{color:var(--color-wra-revenue);text-decoration:none}a:focus-visible{color:var(--color-wra-black);background-color:var(--color-wra-yellow);box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black);outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px var(--color-wra-yellow),0 2px var(--color-wra-black)}/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-wra-revenue:#2a225b;--color-wra-black:#1f1f1f;--color-wra-charcoal:#323232;--color-wra-light-grey:#f1f1f1;--color-wra-grey:#e5e5e5;--color-wra-mid-grey:#b5b5b5;--color-wra-dark-grey:#666;--color-wra-light-red:#ffe4e5;--color-wra-red:#a11;--color-wra-light-blue:#c2e0fc;--color-wra-blue:#0360a6;--color-wra-mid-blue:#3b7dc5;--color-wra-dark-blue:#1f446d;--color-wra-light-green:#cdf7d4;--color-wra-green:#007015;--color-wra-light-yellow:#fff5ce;--color-wra-yellow:#ffd530}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing)*4)}.contents{display:contents}.hidden{display:none}.table{display:table}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.bg-wra-blue{background-color:var(--color-wra-blue)}.bg-wra-light-blue{background-color:var(--color-wra-light-blue)}.bg-wra-red{background-color:var(--color-wra-red)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-wrap{text-wrap:wrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}*[data-v-dc0e7a07],*[data-v-dc0e7a07]:before,*[data-v-dc0e7a07]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-dc0e7a07]{background-color:var(--color-wra-charcoal);font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-dc0e7a07]{display:none}}*[data-v-4b6aaaad],*[data-v-4b6aaaad]:before,*[data-v-4b6aaaad]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-4b6aaaad]{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-4b6aaaad]:disabled{opacity:.3}.autocomplete-input--focus[data-v-4b6aaaad]{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-4b6aaaad]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-4b6aaaad]{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-4b6aaaad]{font-size:16px;padding:2px 10px;border-bottom:1px solid var(--color-wra-black);cursor:pointer}.autocomplete-list>li[data-v-4b6aaaad]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-4b6aaaad]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-4b6aaaad]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-4b6aaaad]{background:var(--color-wra-blue);color:#fff}.autocomplete-item-not-clickable[data-v-4b6aaaad]{cursor:not-allowed}.autocomplete[data-v-4b6aaaad]{position:relative}*[data-v-94b786a8],*[data-v-94b786a8]:before,*[data-v-94b786a8]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-94b786a8]{background-color:var(--color-wra-light-grey);font-size:18px;color:var(--color-wra-black);padding:20px;border:none;position:relative}.new-service[data-v-94b786a8]{background-color:var(--color-wra-yellow)}.new-service[data-v-94b786a8] a{color:var(--color-wra-black)}.new-service[data-v-94b786a8] a:focus{color:#fff;background-color:var(--color-wra-black);box-shadow:0 -4px var(--color-wra-black),0 2px #fff;-webkit-box-shadow:0 -4px var(--color-wra-black),0 2px #ffffff}.wra-banner-actions[data-v-94b786a8]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}.wra-banner-close[data-v-94b786a8]{background:none;border:none;font-size:26px;font-weight:700;color:var(--color-wra-black);cursor:pointer;position:absolute;top:15px;right:15px;height:30px}.wra-banner-close[data-v-94b786a8]:hover{opacity:.6;transition:all .3s ease}.wra-banner-close[data-v-94b786a8]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black)}.wra-banner-close[data-v-94b786a8]:focus:hover{opacity:1}.closable-padding[data-v-94b786a8]{padding-right:44px}@media print{.hidden-print[data-v-94b786a8]{display:none}}*[data-v-26b6a965],*[data-v-26b6a965]:before,*[data-v-26b6a965]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-26b6a965]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-26b6a965]{font-size:16px}.wra-breadcrumbs-item[data-v-26b6a965]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-26b6a965]{display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link--disabled[data-v-26b6a965]{color:var(--color-wra-dark-grey)}.wra-breadcrumbs-link[data-v-26b6a965]{text-decoration:none;font-weight:700;color:var(--color-wra-revenue)}.wra-breadcrumbs-link[data-v-26b6a965]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-26b6a965]:focus{opacity:1;color:var(--color-wra-black)}.wra-breadcrumbs-chevron[data-v-26b6a965]{content:" ";display:inline-block;border:solid var(--color-wra-dark-grey);border-width:3.5px 3.5px 0px 0px;padding:2.5px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-b8b8bfe8]{color:#fff;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-b8b8bfe8]:hover{background-color:var(--color-wra-dark-grey);transition:all .3s ease}button[data-v-b8b8bfe8]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-b8b8bfe8]:disabled{cursor:not-allowed;opacity:.7;background-color:var(--color-wra-charcoal)}button[data-v-b8b8bfe8]:disabled:hover{opacity:.7;background-color:var(--color-wra-charcoal)}button.outlined-button[data-v-b8b8bfe8]:disabled{color:#fff}.icon[data-v-b8b8bfe8]{display:flex;align-items:center;justify-content:center}.prepend-icon-wrapper[data-v-b8b8bfe8]{margin-right:8px}.append-icon-wrapper[data-v-b8b8bfe8]{margin-left:8px}.wra-black[data-v-b8b8bfe8]{background-color:var(--color-wra-black)}.wra-black[data-v-b8b8bfe8]:hover{background-color:var(--color-wra-dark-grey)}.wra-blue[data-v-b8b8bfe8]{background-color:var(--color-wra-blue)}.wra-blue[data-v-b8b8bfe8]:hover{background-color:#3571b1}.wra-red[data-v-b8b8bfe8]{background-color:var(--color-wra-red)}.wra-red[data-v-b8b8bfe8]:hover{background-color:#d81f1f}.wra-green[data-v-b8b8bfe8]{background-color:var(--color-wra-green)}.wra-green[data-v-b8b8bfe8]:hover{background-color:#008a19}.wra-revenue[data-v-b8b8bfe8]{background-color:var(--color-wra-revenue)}.wra-revenue[data-v-b8b8bfe8]:hover{background-color:#55507b}.wra-white[data-v-b8b8bfe8]{background-color:#fff;color:var(--color-wra-black);outline:2px solid var(--color-wra-black)}.wra-white[data-v-b8b8bfe8]:hover{background-color:var(--color-wra-grey)}.wra-white[data-v-b8b8bfe8]:disabled{color:#fff}.default-button[data-v-b8b8bfe8]{font-size:16px;padding:10px 20px;line-height:24px}.small-button[data-v-b8b8bfe8]{font-size:14px;padding:5px 15px;line-height:24px}.outlined-button[data-v-b8b8bfe8]{background-color:transparent;outline:2px solid var(--color-prop, var(--color-wra-black));color:var(--color-prop, var(--color-wra-black))}.outlined-button[data-v-b8b8bfe8]:hover{background-color:var(--color-prop, var(--color-wra-black));color:#fff;transition:all .3s ease}.wra-button:focus>.icon>svg{fill:var(--color-wra-black)}.card[data-v-7de2c8b6]{background-color:var(--color-wra-light-grey);padding:20px 24px}.checkbox-label[data-v-5e38236b]{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-5e38236b]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-5e38236b]{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-5e38236b]: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-5e38236b]:checked:before{transform:scale(1)}.checkbox-input[data-v-5e38236b]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-5e38236b]:focus-visible{outline-offset:0px}.checkbox-text[data-v-5e38236b]{padding:0 0 0 10px;font-size:18px}.checkbox[data-v-daf76d0e]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-daf76d0e]{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-daf76d0e]:hover{background:var(--color-wra-mid-grey)}.checkbox-input[data-v-daf76d0e]{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-daf76d0e]: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-daf76d0e]:checked:before{transform:scale(1)}.checkbox-input[data-v-daf76d0e]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.checkbox-input[data-v-daf76d0e]:focus-visible{outline-offset:0px}.checkbox-text[data-v-daf76d0e]{padding:0 0 0 10px;font-size:18px}.content-section-title[data-v-c737967a]{border-bottom:2px solid var(--color-wra-grey);border-top:10px solid var(--color-wra-grey);padding-bottom:20px;padding-top:30px}*[data-v-5b640ba7],*[data-v-5b640ba7]:before,*[data-v-5b640ba7]:after{box-sizing:border-box}.input-wrapper[data-v-5b640ba7]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-5b640ba7]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-5b640ba7]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-5b640ba7]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-5b640ba7]{padding:10px 6px}.padding-for-no-prefix[data-v-5b640ba7]{padding:10px}.input-wrapper[data-v-5b640ba7]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-5b640ba7]{border:none}label[data-v-5b640ba7]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-5b640ba7]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.bold[data-v-2cdb0a4c]{font-weight:700}.wra-data-table-caption[data-v-2cdb0a4c]{background-color:inherit;text-align:left;padding:0 0 16px;font-weight:700;font-size:20px}.wra-data-table[data-v-2cdb0a4c]{width:100%;border-spacing:0;line-height:20px;padding:0;table-layout:auto}.wra-data-table>thead>tr>th[data-v-2cdb0a4c]{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-data-table>tbody>tr>td[data-v-2cdb0a4c],.wra-data-table>tbody>tr>th[data-v-2cdb0a4c]{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-data-table td[data-v-2cdb0a4c],.wra-data-table th[data-v-2cdb0a4c]{padding:16px}.wra-data-table>thead>tr>th[data-v-2cdb0a4c]:first-child,.wra-data-table>tbody>tr>td[data-v-2cdb0a4c]:first-child{padding-left:0}.wra-data-table>thead>tr>th[data-v-2cdb0a4c]:last-child,.wra-data-table>tbody>tr>td[data-v-2cdb0a4c]:last-child{padding-right:0}.column-search-input[data-v-2cdb0a4c]{margin-top:12px;box-sizing:border-box;font-size:16px;padding:10px;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}.column-search-input[data-v-2cdb0a4c]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}button[data-v-2cdb0a4c]{background-color:var(--color-wra-black);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px 12px;height:32px}button[data-v-2cdb0a4c]:hover{opacity:.8;transition:all .3s ease}button[data-v-2cdb0a4c]:focus{background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}button[data-v-2cdb0a4c]:focus:hover{opacity:1}.wra-chevron[data-v-2cdb0a4c]{content:" ";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.wra-chevron-right[data-v-2cdb0a4c]{border:solid #ffffff;border-width:3px 3px 0px 0px}.wra-chevron-left[data-v-2cdb0a4c]{border:solid #ffffff;border-width:0px 0px 3px 3px}.wra-chevron-up[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:3px 0px 0px 3px;margin-left:4px;margin-top:3px}.wra-chevron-down[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:0px 3px 3px 0px;margin-left:4px;margin-bottom:6px}button:focus>.wra-chevron-right[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:3px 3px 0px 0px}button:focus>.wra-chevron-left[data-v-2cdb0a4c]{border:solid var(--color-wra-black);border-width:0px 0px 3px 3px}.clickable[data-v-2cdb0a4c]{cursor:pointer}tbody.clickable[data-v-2cdb0a4c]:hover{background-color:var(--color-wra-light-grey)}.sort-icons[data-v-2cdb0a4c]{visibility:hidden;opacity:.4}th:hover .sort-icons[data-v-2cdb0a4c]{visibility:visible}.text-left[data-v-2cdb0a4c]{text-align:left}.text-right[data-v-2cdb0a4c]{text-align:right}.text-center[data-v-2cdb0a4c]{text-align:center}.pagination[data-v-2cdb0a4c]{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0}.pagination button[data-v-2cdb0a4c]{margin-left:10px}.disable-button[data-v-2cdb0a4c]{opacity:.4}.disable-button[data-v-2cdb0a4c]:hover{opacity:.4;cursor:default}.loader[data-v-2cdb0a4c]{width:40px;height:40px;border:5px solid grey;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-2cdb0a4c 1s linear infinite}@keyframes rotation-2cdb0a4c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*[data-v-015240fd],*[data-v-015240fd]:before,*[data-v-015240fd]:after{box-sizing:border-box}input[data-v-015240fd]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-015240fd]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-015240fd]{color:var(--color-wra-black);font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-015240fd]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}div[data-v-cc48797c]{font-weight:700}h1[data-v-cc48797c]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-cc48797c]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-cc48797c]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-cc48797c]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-cc48797c]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-cc48797c]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}@media (max-width: 599px){h1[data-v-cc48797c]{margin:0;font-size:34px;letter-spacing:-.05rem;line-height:38px}h2[data-v-cc48797c]{margin:0;font-size:28px;letter-spacing:-.04rem;line-height:32px}h3[data-v-cc48797c]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h4[data-v-cc48797c]{margin:0;font-size:20px;letter-spacing:-.03rem;line-height:24px}h5[data-v-cc48797c]{margin:0;font-size:18px;letter-spacing:-.02rem;line-height:22px}h6[data-v-cc48797c]{margin:0;font-size:14px;letter-spacing:-.01rem;line-height:18px}}.dialog-class[data-v-7b5e24d0]{z-index:9999}.dialog-content[data-v-7b5e24d0]{min-width:300px;max-width:90vw;text-align:center}.dialog-buttons[data-v-7b5e24d0]{margin-top:16px;display:flex;justify-content:space-evenly}dialog.dialog-class::backdrop{background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}hr[data-v-adda45c5]{margin:0}.wra-divider[data-v-adda45c5]{border:3px solid var(--color-wra-grey)}.wra-divider-large[data-v-adda45c5]{border:4px solid var(--color-wra-grey)}.wra-divider-small[data-v-adda45c5]{border:2px solid var(--color-wra-grey)}.panel-icon[data-v-4cb2edc7]{content:" ";display:inline-block;border:solid var(--color-wra-black);border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-4cb2edc7]{margin-left:8px}.show-panel-icon[data-v-4cb2edc7]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-4cb2edc7]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-4cb2edc7]{display:flex;justify-content:space-between}button[data-v-4cb2edc7]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:var(--color-wra-revenue);border:none;border-left:2px solid var(--color-wra-mid-grey);cursor:pointer;width:100%;text-align:left}button[data-v-4cb2edc7]:hover{opacity:.8}button[data-v-4cb2edc7]:focus{color:var(--color-wra-black)!important;background-color:var(--color-wra-yellow)!important;outline:2px solid var(--color-wra-black);outline-offset:-2px;border-color:var(--color-wra-yellow)}button[data-v-4cb2edc7]:focus:hover{opacity:1}.panel-content[data-v-4cb2edc7]{display:grid;border-left:2px solid var(--color-wra-mid-grey);background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-4cb2edc7]{overflow:hidden}.slide-fade-enter-active[data-v-4cb2edc7],.slide-fade-leave-active[data-v-4cb2edc7]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-4cb2edc7],.slide-fade-leave-to[data-v-4cb2edc7]{grid-template-rows:0fr}.validation-tooltip[data-v-5c693e96]{color:var(--color-wra-black);border-radius:0;font-size:18px;padding:25px}.wra-error[data-v-5c693e96]{background-color:var(--color-wra-light-red);border-left:10px solid var(--color-wra-red)}.wra-success[data-v-5c693e96]{background-color:var(--color-wra-light-green);border-left:10px solid var(--color-wra-green)}.wra-info[data-v-5c693e96]{background-color:var(--color-wra-light-blue);border-left:10px solid var(--color-wra-blue)}.wra-warning[data-v-5c693e96]{background-color:var(--color-wra-light-yellow);border-left:10px solid var(--color-wra-yellow)}.icon[data-v-5c693e96]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.custom-icon-wrapper[data-v-5c693e96]{margin-right:8px}.file-upload-wrapper[data-v-da8c427f]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-da8c427f]{display:none}.file-upload-label[data-v-da8c427f]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-da8c427f]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-da8c427f]{margin-bottom:16px}.file-upload-error-text[data-v-da8c427f]{margin-block:0px;font-size:16px}.file-upload-error-box>.file-upload-error-text[data-v-da8c427f]{margin-bottom:1rem}.file-upload-error-box>.file-upload-error-text[data-v-da8c427f]:last-child{margin-bottom:0rem}.error-enter-active[data-v-da8c427f],.error-leave-active[data-v-da8c427f]{transition:opacity .3s ease-out}.error-enter-from[data-v-da8c427f],.error-leave-to[data-v-da8c427f]{opacity:0}.wra-footer[data-v-f78a0985]{flex-grow:0;background-color:var(--color-wra-light-grey);padding:70px 20px 40px}@media print{.hidden-print[data-v-f78a0985]{display:none}}.wra-inset[data-v-f32082c4]{font-size:16px;padding:20px;border-left-width:10px;border-left-style:solid}.wra-inset.wra-revenue[data-v-f32082c4]{border-left-color:var(--color-wra-revenue)}.wra-inset.wra-charcoal[data-v-f32082c4]{border-left-color:var(--color-wra-charcoal)}.wra-inset.wra-red[data-v-f32082c4]{border-left-color:var(--color-wra-red)}.wra-inset.wra-blue[data-v-f32082c4]{border-left-color:var(--color-wra-blue)}.wra-inset.wra-green[data-v-f32082c4]{border-left-color:var(--color-wra-green)}.wra-inset.wra-yellow[data-v-f32082c4]{border-left-color:var(--color-wra-yellow)}*[data-v-93248f45],*[data-v-93248f45]:before,*[data-v-93248f45]:after{box-sizing:border-box}.input-wrapper[data-v-93248f45]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-93248f45]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-93248f45]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-93248f45]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-93248f45]{padding:10px 6px}.padding-for-no-prefix[data-v-93248f45]{padding:10px}.input-wrapper[data-v-93248f45]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-93248f45]{border:none}label[data-v-93248f45]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-93248f45]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.pagination-button[data-v-b8adcc77]{background-color:transparent;color:var(--color-wra-revenue);font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button>*[data-v-b8adcc77]:first-child{margin-right:8px}.pagination-button[data-v-b8adcc77]:hover,.pagination-number[data-v-b8adcc77]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-b8adcc77]:focus,.pagination-number[data-v-b8adcc77]:focus{color:var(--color-wra-black);background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.pagination-button[data-v-b8adcc77]:focus:hover,.pagination-number[data-v-b8adcc77]:focus:hover{opacity:1}.pagination-number[data-v-b8adcc77]{color:var(--color-wra-black);background-color:var(--color-wra-light-grey);padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;min-width:3rem;text-align:center}.pagination-number[data-v-b8adcc77]:hover{color:var(--color-wra-black);opacity:.8}.pagination-number--selected[data-v-b8adcc77]{background-color:var(--color-wra-revenue);color:#fff}.pagination-number--selected[data-v-b8adcc77]:hover:not(:focus){color:#fff}.pagination-divider[data-v-b8adcc77]{font-size:18px}.pagination[data-v-b8adcc77]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-b8adcc77]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.previous-icon[data-v-b8adcc77]{border-width:3px 3px 0px 0px}.next-icon[data-v-b8adcc77]{border-width:0px 0px 3px 3px}*[data-v-e66a36da],*[data-v-e66a36da]:before,*[data-v-e66a36da]:after{box-sizing:border-box}.input-wrapper[data-v-e66a36da]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-e66a36da]{padding:10px 0 10px 10px;font-size:16px}.suffix[data-v-e66a36da]{padding:10px 10px 10px 0;font-size:16px;z-index:1}.input-wrapper input[data-v-e66a36da]{font-size:16px;background-color:transparent;line-height:1.15;width:100%;outline:none}.padding-for-prefix[data-v-e66a36da]{padding:10px 6px}.padding-for-no-prefix[data-v-e66a36da]{padding:10px}.input-wrapper[data-v-e66a36da]:focus-within{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}input[data-v-e66a36da]{border:none}label[data-v-e66a36da]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-e66a36da]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}.radio-label[data-v-d18916d1]{background:var(--color-wra-grey);padding:20px;min-height:24px;display:flex;cursor:pointer;display:grid;grid-template-columns:20px auto}.radio-label[data-v-d18916d1]:hover{background:var(--color-wra-mid-grey)}.radio-input[data-v-d18916d1]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--color-wra-black);width:20px;height:20px;border:1px solid var(--color-wra-black);border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-d18916d1]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-wra-black)}.radio-input[data-v-d18916d1]:checked:before{transform:scale(1)}.radio-input[data-v-d18916d1]:focus{outline:2px solid var(--color-wra-black);background-color:var(--color-wra-yellow)}.radio-input[data-v-d18916d1]:focus-visible{outline-offset:0px}.radio-text[data-v-d18916d1]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-d18916d1]{font-size:14px}p[data-v-d18916d1]{margin:0}.radio[data-v-b72f445c]:not(:last-child):not(:only-child){margin-bottom:8px}*[data-v-e700f97c],*[data-v-e700f97c]:before,*[data-v-e700f97c]:after{box-sizing:border-box}select[data-v-e700f97c]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none;padding:10px}.select[data-v-e700f97c]{border:1px solid var(--color-wra-black);border-radius:0;padding-right:10px;font-size:16px;cursor:pointer;line-height:1.15;background-color:#fff;display:grid;grid-template-areas:"select";align-items:center;position:relative}.select[data-v-e700f97c]:after{content:"";width:.8em;height:.5em;background-color:var(--color-wra-black);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-e700f97c],.select[data-v-e700f97c]:after{grid-area:select}select:focus+.focus[data-v-e700f97c]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--color-wra-black);outline:3px solid var(--color-wra-yellow);border-radius:inherit}label[data-v-e700f97c]{color:var(--color-wra-black);font-size:16px}.service-logo[data-v-c9a7cc51]{max-width:100%}.service-link[data-v-c9a7cc51]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-c9a7cc51]:focus{border:2px solid var(--color-wra-yellow);outline:2px solid var(--color-wra-black);background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:var(--color-wra-light-grey)}.wra-simple-table-no-padding{padding:0!important}.left-align-headers{text-align:left}.wra-simple-table-caption{background-color:inherit;text-align:left;padding:16px 16px 16px 0;font-weight:700;font-size:20px}.wra-simple-table{width:100%;line-height:20px;color:var(--color-wra-black);border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-simple-table td,.wra-simple-table th{padding:16px}.wra-simple-table>thead>tr>th:first-child,.wra-simple-table>tbody>tr>th:first-child,.wra-simple-table>tbody>tr>td:first-child{padding-left:0}.wra-simple-table>thead>tr>th:last-child,.wra-simple-table>tbody>tr>th:last-child,.wra-simple-table>tbody>tr>td:last-child{padding-right:0}.skip-link[data-v-a0a97d5b]: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-a0a97d5b]{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-a0a97d5b]: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-a0a97d5b]{width:100%;text-align:left}.skip-link-full-width[data-v-a0a97d5b]:focus{outline-width:0px;border-width:0px}*[data-v-778a02a7],*[data-v-778a02a7]:before,*[data-v-778a02a7]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-778a02a7]{background:var(--color-wra-light-grey);font-size:18px;padding:20px;border-left:5px solid var(--color-wra-dark-grey);position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-778a02a7]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:baseline;row-gap:10px;column-gap:20px}@media (max-width: 900px){.snackbar-flex[data-v-778a02a7]{width:80%}}.snackbar-content[data-v-778a02a7]{text-wrap:wrap}.close-icon-wrapper[data-v-778a02a7]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-778a02a7]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-778a02a7]:focus{background-color:var(--color-wra-yellow);outline:2px solid var(--color-wra-black);outline-offset:0px;border-color:var(--color-wra-yellow)}.close-icon-wrapper[data-v-778a02a7]:focus:hover{opacity:1}.close-icon-line-one[data-v-778a02a7]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-778a02a7]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-778a02a7]{background-color:var(--color-wra-light-red);border-color:var(--color-wra-red)}.wra-success[data-v-778a02a7]{background-color:var(--color-wra-light-green);border-color:var(--color-wra-green)}.wra-info[data-v-778a02a7]{background-color:var(--color-wra-light-blue);border-color:var(--color-wra-blue)}.wra-warning[data-v-778a02a7]{background-color:var(--color-wra-light-yellow);border-color:var(--color-wra-yellow)}.sr-only[data-v-778a02a7]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.snackbar-enter-active[data-v-778a02a7],.snackbar-leave-active[data-v-778a02a7]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-778a02a7],.snackbar-leave-to[data-v-778a02a7]{opacity:0}.subheader[data-v-8d2c773f]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}@media screen and (min-width: 600px){#regular{display:table}#pivoted{display:none}}@media screen and (max-width: 599px){#regular{display:none}#pivoted{display:table}}@media print{#regular{display:table}#pivoted{display:none}}.bold{font-weight:700}.wra-table-caption{background-color:inherit;text-align:left;padding:16px;font-weight:700;font-size:20px}.caption-no-padding{padding:0 0 16px!important}.wra-table{width:100%;line-height:20px;background-color:var(--color-wra-light-grey);color:var(--color-wra-black);border-spacing:0;padding:0 16px 16px;table-layout:auto}.wra-table-no-padding{padding:0!important}.wra-table td,.wra-table th{word-break:break-word}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid var(--color-wra-dark-grey)}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid var(--color-wra-dark-grey)}.wra-table td,.wra-table th{padding:16px}.wra-table>thead>tr>th:first-child,.wra-table>tbody>tr>td:first-child{padding-left:0}.wra-table>thead>tr>th:last-child,.wra-table>tbody>tr>td:last-child{padding-right:0}#pivoted{table-layout:fixed;text-align:left}#pivoted>tbody>tr:last-child>td,#pivoted>tbody>tr:last-child>th{border-bottom:1px solid var(--color-wra-dark-grey)}#pivoted>tbody>tr:not(:last-child)>td,#pivoted>tbody>tr:not(:last-child)>th{border-bottom:none}#pivoted>tbody>tr>th{padding-left:0}#pivoted table{width:100%}#pivoted>table>tr>th,#pivoted>table>tr>td{width:50%}*[data-v-90cdb825]{box-sizing:border-box;border:none}.tab-button[data-v-90cdb825]{border-top:6px solid var(--color-wra-blue);font-size:24px;font-weight:700;color:var(--color-wra-light-blue);background:var(--color-wra-dark-blue);padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-90cdb825]:hover:not(.tab-button--active){background:var(--color-wra-mid-blue);color:#fff}.tab-button.tab-button--active[data-v-90cdb825]:focus{border-color:var(--color-wra-black);box-shadow:2px 0 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset}.tab-button--active[data-v-90cdb825]{background:#fff;color:var(--color-wra-black);border-top:6px solid var(--color-wra-mid-grey)}.tab-button[data-v-90cdb825]:focus{border-top:6px solid var(--color-wra-blue);color:var(--color-wra-black);background:var(--color-wra-yellow);box-shadow:2px 2px 0 0 var(--color-wra-black) inset,-2px -2px 0 0 var(--color-wra-black) inset;outline-style:none}@media (max-width: 768px){.tab-button[data-v-90cdb825]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-a505540c]{background-color:var(--color-wra-blue);width:100%}*[data-v-34ec88e9],*[data-v-34ec88e9]:before,*[data-v-34ec88e9]:after{box-sizing:border-box}textarea[data-v-34ec88e9]{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif;font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}textarea[data-v-34ec88e9]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-34ec88e9]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-34ec88e9]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}*[data-v-bbfa1a0a],*[data-v-bbfa1a0a]:before,*[data-v-bbfa1a0a]:after{box-sizing:border-box}input[data-v-bbfa1a0a]{font-size:16px;padding:10px;background-color:#fff;border:1px solid var(--color-wra-black);line-height:1.15;display:block;width:100%}input[data-v-bbfa1a0a]:focus{border-color:var(--color-wra-black);outline:1px solid var(--color-wra-black);-webkit-box-shadow:0 0 0 3px var(--color-wra-yellow);-moz-box-shadow:0 0 0 3px var(--color-wra-yellow);box-shadow:0 0 0 3px var(--color-wra-yellow)}label[data-v-bbfa1a0a]{color:var(--color-wra-black);font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-bbfa1a0a]{margin-top:10px;padding:10px;background:var(--color-wra-light-red);color:var(--color-wra-black);font-size:16px;border-left:10px solid var(--color-wra-red)}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ import { openBlock as l, createElementBlock as o, normalizeClass as m, renderSlot as p, toDisplayString as c, createCommentVNode as f, withDirectives as W, createElementVNode as u, withKeys as w, withModifiers as B, vModelText as ae, Fragment as y, renderList as S, vShow as ue, pushScopeId as E, popScopeId as q, resolveDirective as L, createTextVNode as $, normalizeStyle as A, resolveComponent as F, createBlock as D, Teleport as de, createVNode as N, withCtx as T, Transition as Y, mergeProps as Q } from "vue";
3
+ const g = (e, a) => {
4
4
  const t = e.__vccOpts || e;
5
5
  for (const [i, r] of a)
6
6
  t[i] = r;
@@ -8,6 +8,9 @@ const p = (e, a) => {
8
8
  }, ce = {
9
9
  name: "wra-app-bar",
10
10
  props: {
11
+ /**
12
+ * If true, the app bar will be hidden when printing the page.
13
+ */
11
14
  hiddenPrint: {
12
15
  type: Boolean,
13
16
  default: !1
@@ -20,10 +23,10 @@ function he(e, a, t, i, r, s) {
20
23
  "hidden-print": t.hiddenPrint === !0
21
24
  }])
22
25
  }, [
23
- g(e.$slots, "default", {}, void 0, !0)
26
+ p(e.$slots, "default", {}, void 0, !0)
24
27
  ], 2);
25
28
  }
26
- const fe = /* @__PURE__ */ p(ce, [["render", he], ["__scopeId", "data-v-8d2b76f2"]]), me = {
29
+ const fe = /* @__PURE__ */ g(ce, [["render", he], ["__scopeId", "data-v-dc0e7a07"]]), me = {
27
30
  name: "wra-autocomplete",
28
31
  emits: ["update:modelValue"],
29
32
  props: {
@@ -34,7 +37,7 @@ const fe = /* @__PURE__ */ p(ce, [["render", he], ["__scopeId", "data-v-8d2b76f2
34
37
  label: {
35
38
  type: String
36
39
  },
37
- /** Input's ID tag */
40
+ /** ID tag for input*/
38
41
  id: {
39
42
  type: String
40
43
  },
@@ -43,12 +46,12 @@ const fe = /* @__PURE__ */ p(ce, [["render", he], ["__scopeId", "data-v-8d2b76f2
43
46
  type: Object,
44
47
  required: !0
45
48
  },
46
- /** Change the default object name in options for the data */
49
+ /** Change the default object name for the data */
47
50
  optionValue: {
48
51
  type: String,
49
52
  default: "value"
50
53
  },
51
- /** Change the default object name in options for the displayed value */
54
+ /** Change the default object name for the displayed value */
52
55
  optionLabel: {
53
56
  type: String,
54
57
  default: "label"
@@ -58,7 +61,7 @@ const fe = /* @__PURE__ */ p(ce, [["render", he], ["__scopeId", "data-v-8d2b76f2
58
61
  type: Number,
59
62
  default: 1
60
63
  },
61
- /** If list should automatically expand when input is focused */
64
+ /** If true, list will automatically expand when input is focused */
62
65
  autoExpand: {
63
66
  type: Boolean,
64
67
  default: !1
@@ -139,8 +142,8 @@ const fe = /* @__PURE__ */ p(ce, [["render", he], ["__scopeId", "data-v-8d2b76f2
139
142
  }, pe = { class: "autocomplete" }, ge = ["for"], be = ["id"], ke = {
140
143
  role: "listbox",
141
144
  class: "autocomplete-list"
142
- }, _e = ["onMousedown", "onKeydown", "onBlur"];
143
- function ye(e, a, t, i, r, s) {
145
+ }, ye = ["onMousedown", "onKeydown", "onBlur"];
146
+ function _e(e, a, t, i, r, s) {
144
147
  return l(), o("div", pe, [
145
148
  t.label ? (l(), o("label", {
146
149
  key: 0,
@@ -167,7 +170,7 @@ function ye(e, a, t, i, r, s) {
167
170
  [ae, e.userInput[t.optionLabel]]
168
171
  ]),
169
172
  W(u("ul", ke, [
170
- (l(!0), o(_, null, S(s.filterOptions, (n, d) => (l(), o("li", {
173
+ (l(!0), o(y, null, S(s.filterOptions, (n, d) => (l(), o("li", {
171
174
  ref_for: !0,
172
175
  ref: `option${d}`,
173
176
  tabindex: "-1",
@@ -183,23 +186,32 @@ function ye(e, a, t, i, r, s) {
183
186
  w(B((h) => s.onOptionSelect(n), ["prevent"]), ["space"])
184
187
  ],
185
188
  onBlur: (h) => s.onOptionBlur(d)
186
- }, c(n[t.optionLabel]), 43, _e))), 256))
189
+ }, c(n[t.optionLabel]), 43, ye))), 256))
187
190
  ], 512), [
188
191
  [ue, s.showOptions]
189
192
  ])
190
193
  ]);
191
194
  }
192
- const ve = /* @__PURE__ */ p(me, [["render", ye], ["__scopeId", "data-v-d76bc036"]]), we = {
195
+ const ve = /* @__PURE__ */ g(me, [["render", _e], ["__scopeId", "data-v-4b6aaaad"]]), we = {
193
196
  name: "wra-banner",
194
197
  props: {
198
+ /**
199
+ * If true, the banner will be hidden when printing the page.
200
+ */
195
201
  hiddenPrint: {
196
202
  type: Boolean,
197
203
  default: !1
198
204
  },
205
+ /**
206
+ * If true, applies a yellow background colour to indicate a new service.
207
+ */
199
208
  newService: {
200
209
  type: Boolean,
201
210
  default: !1
202
211
  },
212
+ /**
213
+ * If true, displays a close button allowing the user to dismiss the banner.
214
+ */
203
215
  closable: {
204
216
  type: Boolean,
205
217
  default: !1
@@ -229,10 +241,10 @@ function xe(e, a, t, i, r, s) {
229
241
  }])
230
242
  }, [
231
243
  u("div", null, [
232
- g(e.$slots, "default", {}, void 0, !0)
244
+ p(e.$slots, "default", {}, void 0, !0)
233
245
  ]),
234
246
  e.$slots.actions ? (l(), o("div", Se, [
235
- g(e.$slots, "actions", {}, void 0, !0)
247
+ p(e.$slots, "actions", {}, void 0, !0)
236
248
  ])) : f("", !0),
237
249
  t.closable ? (l(), o("button", {
238
250
  key: 1,
@@ -242,7 +254,7 @@ function xe(e, a, t, i, r, s) {
242
254
  }, " × ")) : f("", !0)
243
255
  ], 2)) : f("", !0);
244
256
  }
245
- const Ve = /* @__PURE__ */ p(we, [["render", xe], ["__scopeId", "data-v-b9dfdd65"]]), Ie = {
257
+ const Ve = /* @__PURE__ */ g(we, [["render", xe], ["__scopeId", "data-v-94b786a8"]]), Ie = {
246
258
  name: "wra-breadcrumbs",
247
259
  props: {
248
260
  /** Items to display in the breadcrumbs */
@@ -275,9 +287,9 @@ const Ve = /* @__PURE__ */ p(we, [["render", xe], ["__scopeId", "data-v-b9dfdd65
275
287
  }, We = /* @__PURE__ */ $e(() => /* @__PURE__ */ u("span", { class: "wra-breadcrumbs-chevron" }, null, -1));
276
288
  function Oe(e, a, t, i, r, s) {
277
289
  return l(), o("ul", Me, [
278
- (l(!0), o(_, null, S(t.items, (n, d) => (l(), o(_, null, [
290
+ (l(!0), o(y, null, S(t.items, (n, d) => (l(), o(y, null, [
279
291
  u("li", Pe, [
280
- g(e.$slots, "default", {}, () => [
292
+ p(e.$slots, "default", {}, () => [
281
293
  n[t.itemDisabled] ? (l(), o("span", Be, c(n[t.itemTitle]), 1)) : (l(), o("a", {
282
294
  key: 0,
283
295
  href: n[t.itemHref],
@@ -286,22 +298,33 @@ function Oe(e, a, t, i, r, s) {
286
298
  ], !0)
287
299
  ]),
288
300
  d !== t.items.length - 1 ? (l(), o("li", Te, [
289
- g(e.$slots, "divider", {}, () => [
301
+ p(e.$slots, "divider", {}, () => [
290
302
  We
291
303
  ], !0)
292
304
  ])) : f("", !0)
293
305
  ], 64))), 256))
294
306
  ]);
295
307
  }
296
- const Ne = /* @__PURE__ */ p(Ie, [["render", Oe], ["__scopeId", "data-v-26b6a965"]]), Fe = {
308
+ const Ne = /* @__PURE__ */ g(Ie, [["render", Oe], ["__scopeId", "data-v-26b6a965"]]), Fe = {
297
309
  name: "wra-button",
298
310
  props: {
311
+ /**
312
+ * The size of the button.
313
+ */
299
314
  size: {
300
- type: String
315
+ type: String,
316
+ default: "default"
301
317
  },
318
+ /**
319
+ * The background colour of the button.
320
+ */
302
321
  backgroundColor: {
303
- type: String
322
+ type: String,
323
+ default: "wra-black"
304
324
  },
325
+ /**
326
+ * If true, renders the button with an outlined style instead of a solid background.
327
+ */
305
328
  outlined: {
306
329
  type: Boolean,
307
330
  default: !1
@@ -314,6 +337,9 @@ const Ne = /* @__PURE__ */ p(Ie, [["render", Oe], ["__scopeId", "data-v-26b6a965
314
337
  type: Boolean,
315
338
  default: !1
316
339
  },
340
+ /**
341
+ * If true, disables the button and prevents user interaction.
342
+ */
317
343
  disabled: {
318
344
  type: Boolean,
319
345
  default: !1
@@ -345,34 +371,45 @@ function Ee(e, a, t, i, r, s) {
345
371
  "prepend-icon-wrapper": t.prependIcon
346
372
  }, "icon"])
347
373
  }, [
348
- g(e.$slots, "prepend-icon", {}, void 0, !0)
374
+ p(e.$slots, "prepend-icon", {}, void 0, !0)
349
375
  ], 2),
350
- g(e.$slots, "default", {}, void 0, !0),
376
+ p(e.$slots, "default", {}, void 0, !0),
351
377
  u("span", {
352
378
  class: m([{
353
379
  "append-icon-wrapper": t.appendIcon
354
380
  }, "icon"])
355
381
  }, [
356
- g(e.$slots, "append-icon", {}, void 0, !0)
382
+ p(e.$slots, "append-icon", {}, void 0, !0)
357
383
  ], 2)
358
384
  ], 10, Ae);
359
385
  }
360
- const J = /* @__PURE__ */ p(Fe, [["render", Ee], ["__scopeId", "data-v-03aa9d5e"]]), qe = {
386
+ const J = /* @__PURE__ */ g(Fe, [["render", Ee], ["__scopeId", "data-v-b8b8bfe8"]]), qe = {
361
387
  name: "wra-card"
362
388
  }, Le = { class: "card" };
363
389
  function De(e, a, t, i, r, s) {
364
390
  return l(), o("div", Le, [
365
- g(e.$slots, "default", {}, void 0, !0)
391
+ p(e.$slots, "default", {}, void 0, !0)
366
392
  ]);
367
393
  }
368
- const je = /* @__PURE__ */ p(qe, [["render", De], ["__scopeId", "data-v-7de2c8b6"]]), ze = {
394
+ const je = /* @__PURE__ */ g(qe, [["render", De], ["__scopeId", "data-v-7de2c8b6"]]), ze = {
369
395
  name: "wra-checkbox",
370
396
  props: {
371
- modelValue: {},
397
+ /**
398
+ * The v-model binding for the checkbox state.
399
+ */
400
+ modelValue: {
401
+ type: Boolean
402
+ },
403
+ /**
404
+ * The label text displayed next to the checkbox.
405
+ */
372
406
  label: {
373
407
  type: String,
374
408
  required: !0
375
409
  },
410
+ /**
411
+ * The unique ID for the checkbox input and label association.
412
+ */
376
413
  id: {
377
414
  type: String,
378
415
  required: !0
@@ -420,29 +457,46 @@ function Ge(e, a, t, i, r, s) {
420
457
  ], 8, Ke)
421
458
  ], 8, Re);
422
459
  }
423
- const se = /* @__PURE__ */ p(ze, [["render", Ge], ["__scopeId", "data-v-ffef5dba"]]), Ye = {
460
+ const se = /* @__PURE__ */ g(ze, [["render", Ge], ["__scopeId", "data-v-5e38236b"]]), Ye = {
424
461
  name: "wra-checkbox-group",
425
462
  props: {
463
+ /**
464
+ * The v-model binding for the checkbox group. Should be an array of selected values or objects.
465
+ */
426
466
  modelValue: {
427
- default: () => {
428
- }
467
+ default: () => []
429
468
  },
469
+ /**
470
+ * The array of options to display as checkboxes.
471
+ */
430
472
  options: {
431
- required: !0,
432
473
  type: Array,
474
+ required: !0,
433
475
  default: () => []
434
476
  },
477
+ /**
478
+ * The property name to use as the value from each option object.
479
+ */
435
480
  itemValue: {
436
- required: !0,
437
481
  type: String,
482
+ required: !0,
438
483
  default: "value"
439
484
  },
485
+ /**
486
+ * The property name to use as the label from each option object.
487
+ */
440
488
  itemLabel: {
441
- required: !0,
442
489
  type: String,
490
+ required: !0,
443
491
  default: "label"
444
492
  },
445
- returnObject: {}
493
+ /**
494
+ * If true, the emitted value will be an array of option objects instead of values.
495
+ */
496
+ returnObject: {
497
+ type: Boolean,
498
+ default: !1
499
+ }
446
500
  },
447
501
  data() {
448
502
  return {
@@ -488,7 +542,7 @@ const se = /* @__PURE__ */ p(ze, [["render", Ge], ["__scopeId", "data-v-ffef5dba
488
542
  }
489
543
  }, Je = ["aria-label"], Ze = ["for"], Qe = ["id", "checked", "aria-checked", "onChange"], Xe = { class: "checkbox-text" };
490
544
  function et(e, a, t, i, r, s) {
491
- return l(!0), o(_, null, S(s.validOptions, (n) => (l(), o("div", {
545
+ return l(!0), o(y, null, S(s.validOptions, (n) => (l(), o("div", {
492
546
  role: "checkbox",
493
547
  class: "checkbox",
494
548
  "aria-label": s.checkForObjectLabel(n)
@@ -509,15 +563,15 @@ function et(e, a, t, i, r, s) {
509
563
  ], 8, Ze)
510
564
  ], 8, Je))), 256);
511
565
  }
512
- const tt = /* @__PURE__ */ p(Ye, [["render", et], ["__scopeId", "data-v-dd27da4c"]]), at = {
566
+ const tt = /* @__PURE__ */ g(Ye, [["render", et], ["__scopeId", "data-v-daf76d0e"]]), at = {
513
567
  name: "wra-content-section-title"
514
568
  }, st = { class: "content-section-title" };
515
569
  function it(e, a, t, i, r, s) {
516
570
  return l(), o("div", st, [
517
- g(e.$slots, "default", {}, void 0, !0)
571
+ p(e.$slots, "default", {}, void 0, !0)
518
572
  ]);
519
573
  }
520
- const rt = /* @__PURE__ */ p(at, [["render", it], ["__scopeId", "data-v-c737967a"]]);
574
+ const rt = /* @__PURE__ */ g(at, [["render", it], ["__scopeId", "data-v-c737967a"]]);
521
575
  var nt = Object.defineProperty, lt = (e, a, t) => a in e ? nt(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, K = (e, a, t) => lt(e, typeof a != "symbol" ? a + "" : a, t);
522
576
  const X = {
523
577
  "#": { pattern: /[0-9]/ },
@@ -534,7 +588,7 @@ const X = {
534
588
  var i, r, s, n;
535
589
  const d = ((i = t.number) == null ? void 0 : i.unsigned) == null && e.startsWith("-") ? "-" : "", h = ((r = t.number) == null ? void 0 : r.fraction) ?? 0;
536
590
  let b = te(0, h, t);
537
- const x = b.formatToParts(1000.12), y = ((s = x.find((k) => k.type === "group")) == null ? void 0 : s.value) ?? " ", v = ((n = x.find((k) => k.type === "decimal")) == null ? void 0 : n.value) ?? ".", M = ee(e, y, v);
591
+ const x = b.formatToParts(1000.12), _ = ((s = x.find((k) => k.type === "group")) == null ? void 0 : s.value) ?? " ", v = ((n = x.find((k) => k.type === "decimal")) == null ? void 0 : n.value) ?? ".", M = ee(e, _, v);
538
592
  if (Number.isNaN(parseFloat(M))) return d;
539
593
  const P = M.split(".");
540
594
  if (P[1] != null && P[1].length >= 1) {
@@ -542,7 +596,7 @@ const X = {
542
596
  b = te(k, h, t);
543
597
  }
544
598
  let V = b.format(parseFloat(M));
545
- return a ? h > 0 && M.endsWith(".") && !M.slice(0, -1).includes(".") && (V += v) : V = ee(V, y, v), d + V;
599
+ return a ? h > 0 && M.endsWith(".") && !M.slice(0, -1).includes(".") && (V += v) : V = ee(V, _, v), d + V;
546
600
  };
547
601
  class ut {
548
602
  constructor(a = {}) {
@@ -596,11 +650,11 @@ class ut {
596
650
  if (t == null) return a;
597
651
  const r = `v=${a},mr=${t},m=${i ? 1 : 0}`;
598
652
  if (this.memo.has(r)) return this.memo.get(r);
599
- const { mask: s, escaped: n } = this.escapeMask(t), d = [], h = this.opts.tokens != null ? this.opts.tokens : {}, b = this.isReversed() ? -1 : 1, x = this.isReversed() ? "unshift" : "push", y = this.isReversed() ? 0 : s.length - 1, v = this.isReversed() ? () => k > -1 && I > -1 : () => k < s.length && I < a.length, M = (O) => !this.isReversed() && O <= y || this.isReversed() && O >= y;
653
+ const { mask: s, escaped: n } = this.escapeMask(t), d = [], h = this.opts.tokens != null ? this.opts.tokens : {}, b = this.isReversed() ? -1 : 1, x = this.isReversed() ? "unshift" : "push", _ = this.isReversed() ? 0 : s.length - 1, v = this.isReversed() ? () => k > -1 && I > -1 : () => k < s.length && I < a.length, M = (O) => !this.isReversed() && O <= _ || this.isReversed() && O >= _;
600
654
  let P, V = -1, k = this.isReversed() ? s.length - 1 : 0, I = this.isReversed() ? a.length - 1 : 0, U = !1;
601
655
  for (; v(); ) {
602
656
  const O = s.charAt(k), C = h[O], z = (C == null ? void 0 : C.transform) != null ? C.transform(a.charAt(I)) : a.charAt(I);
603
- if (!n.includes(k) && C != null ? (z.match(C.pattern) != null ? (d[x](z), C.repeated ? (V === -1 ? V = k : k === y && k !== V && (k = V - b), y === V && (k -= b)) : C.multiple && (U = !0, k -= b), k += b) : C.multiple ? U && (k += b, I -= b, U = !1) : z === P ? P = void 0 : C.optional && (k += b, I -= b), I += b) : (i && !this.isEager() && d[x](O), z === O && !this.isEager() ? I += b : P = O, this.isEager() || (k += b)), this.isEager())
657
+ if (!n.includes(k) && C != null ? (z.match(C.pattern) != null ? (d[x](z), C.repeated ? (V === -1 ? V = k : k === _ && k !== V && (k = V - b), _ === V && (k -= b)) : C.multiple && (U = !0, k -= b), k += b) : C.multiple ? U && (k += b, I -= b, U = !1) : z === P ? P = void 0 : C.optional && (k += b, I -= b), I += b) : (i && !this.isEager() && d[x](O), z === O && !this.isEager() ? I += b : P = O, this.isEager() || (k += b)), this.isEager())
604
658
  for (; M(k) && (h[s.charAt(k)] == null || n.includes(k)); ) {
605
659
  if (i) {
606
660
  if (d[x](s.charAt(k)), a.charAt(I) === s.charAt(k)) {
@@ -672,8 +726,8 @@ class ft {
672
726
  const r = a.selectionStart, s = a.value;
673
727
  if (i(), r === null || r === s.length && !t) return;
674
728
  const n = a.value, d = s.slice(0, r), h = n.slice(0, r), b = this.processInput(a, d).unmasked, x = this.processInput(a, h).unmasked;
675
- let y = r;
676
- d !== h && (y += t ? n.length - s.length : b.length - x.length), a.setSelectionRange(y, y);
729
+ let _ = r;
730
+ d !== h && (_ += t ? n.length - s.length : b.length - x.length), a.setSelectionRange(_, _);
677
731
  }
678
732
  setValue(a, t) {
679
733
  const i = this.processInput(a, t);
@@ -821,7 +875,13 @@ const G = /* @__PURE__ */ new WeakMap(), mt = (e, a) => {
821
875
  placeholder: {
822
876
  type: String
823
877
  },
824
- rules: {},
878
+ /**
879
+ * An array of validation rule functions. Each function should return true or an error message string.
880
+ */
881
+ rules: {
882
+ type: Array,
883
+ default: () => []
884
+ },
825
885
  /**
826
886
  * The prefix text to display before the input field.
827
887
  * @type {string}
@@ -883,7 +943,7 @@ const G = /* @__PURE__ */ new WeakMap(), mt = (e, a) => {
883
943
  }, gt = ["for"], bt = { class: "input-wrapper" }, kt = {
884
944
  key: 0,
885
945
  class: "prefix"
886
- }, _t = ["id", "type", "value", "inputmode", "placeholder", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], yt = {
946
+ }, yt = ["id", "type", "value", "inputmode", "placeholder", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], _t = {
887
947
  key: 1,
888
948
  class: "suffix"
889
949
  };
@@ -909,32 +969,48 @@ function vt(e, a, t, i, r, s) {
909
969
  "data-maska-reversed": t.dataMaskaReversed,
910
970
  "data-maska-tokens": t.dataMaskaTokens,
911
971
  class: m(s.prefixPadding)
912
- }, null, 42, _t), [
972
+ }, null, 42, yt), [
913
973
  [n, t.dataMaska]
914
974
  ]),
915
- t.suffix ? (l(), o("span", yt, c(t.suffix), 1)) : f("", !0)
975
+ t.suffix ? (l(), o("span", _t, c(t.suffix), 1)) : f("", !0)
916
976
  ]),
917
977
  u("p", null, c(e.errorMessage), 1)
918
978
  ], 2);
919
979
  }
920
- const wt = /* @__PURE__ */ p(pt, [["render", vt], ["__scopeId", "data-v-dde504dc"]]), St = {
980
+ const wt = /* @__PURE__ */ g(pt, [["render", vt], ["__scopeId", "data-v-5b640ba7"]]), St = {
921
981
  name: "wra-data-table",
922
982
  props: {
983
+ /**
984
+ * The array of data objects to display in the table. Each object represents a row.
985
+ */
923
986
  items: {
924
987
  type: Array
925
988
  },
926
989
  headers: {
927
990
  type: Array
928
991
  },
992
+ /**
993
+ * The initial sort order for the table. Should be an array of objects.
994
+ */
929
995
  sortBy: {
930
996
  type: Array
931
997
  },
998
+ /**
999
+ * The number of items to display per page.
1000
+ */
932
1001
  itemsPerPage: {
933
- type: Number
1002
+ type: Number,
1003
+ default: 10
934
1004
  },
1005
+ /**
1006
+ * If true, shows a loading spinner instead of table rows.
1007
+ */
935
1008
  loading: {
936
1009
  type: Boolean
937
1010
  },
1011
+ /**
1012
+ * A global search string to filter table rows.
1013
+ */
938
1014
  search: {
939
1015
  type: String
940
1016
  },
@@ -1016,12 +1092,12 @@ const wt = /* @__PURE__ */ p(pt, [["render", vt], ["__scopeId", "data-v-dde504dc
1016
1092
  return new Date(V, P - 1, M).getTime();
1017
1093
  }
1018
1094
  return v;
1019
- }, h = n(r), b = n(s), x = d(r), y = d(s);
1020
- return !isNaN(h) && !isNaN(b) ? i.order === "desc" ? b - h : h - b : !isNaN(x) && !isNaN(y) ? i.order === "desc" ? y - x : x - y : i.order === "desc" ? r < s ? 1 : -1 : r > s ? 1 : -1;
1095
+ }, h = n(r), b = n(s), x = d(r), _ = d(s);
1096
+ return !isNaN(h) && !isNaN(b) ? i.order === "desc" ? b - h : h - b : !isNaN(x) && !isNaN(_) ? i.order === "desc" ? _ - x : x - _ : i.order === "desc" ? r < s ? 1 : -1 : r > s ? 1 : -1;
1021
1097
  }) : e;
1022
1098
  }
1023
1099
  }
1024
- }, Z = (e) => (E("data-v-2cfe16fe"), e = e(), q(), e), xt = { class: "wra-data-table" }, Vt = {
1100
+ }, Z = (e) => (E("data-v-2cdb0a4c"), e = e(), q(), e), xt = { class: "wra-data-table" }, Vt = {
1025
1101
  key: 0,
1026
1102
  class: "wra-data-table-caption"
1027
1103
  }, It = { key: 1 }, $t = ["onClick"], Mt = { key: 0 }, Pt = {
@@ -1038,16 +1114,16 @@ function Rt(e, a, t, i, r, s) {
1038
1114
  return l(), o("div", null, [
1039
1115
  u("table", xt, [
1040
1116
  t.caption ? (l(), o("caption", Vt, [
1041
- g(e.$slots, "caption", {}, () => [
1117
+ p(e.$slots, "caption", {}, () => [
1042
1118
  $(c(t.caption), 1)
1043
1119
  ], !0)
1044
1120
  ])) : f("", !0),
1045
1121
  u("thead", null, [
1046
- e.$slots.headerSlot ? g(e.$slots, "headers", {
1122
+ e.$slots.headerSlot ? p(e.$slots, "headers", {
1047
1123
  key: 0,
1048
1124
  headers: t.headers
1049
1125
  }, void 0, !0) : (l(), o("tr", It, [
1050
- (l(!0), o(_, null, S(t.headers, (n) => (l(), o("th", {
1126
+ (l(!0), o(y, null, S(t.headers, (n) => (l(), o("th", {
1051
1127
  key: n.key,
1052
1128
  onClick: (d) => (n.sortable || n.sortable == null) && s.sortByColumn(n.key),
1053
1129
  style: A({ width: n.width + "px" }),
@@ -1066,7 +1142,7 @@ function Rt(e, a, t, i, r, s) {
1066
1142
  "wra-chevron wra-chevron-down": r.localSortBy[0].order === "desc"
1067
1143
  })
1068
1144
  }, null, 2)
1069
- ])) : (l(), o(_, { key: 1 }, [
1145
+ ])) : (l(), o(y, { key: 1 }, [
1070
1146
  n.sortable == !0 || n.sortable == null ? (l(), o("span", Pt)) : f("", !0)
1071
1147
  ], 64)),
1072
1148
  n.searchable ? W((l(), o("input", {
@@ -1090,13 +1166,13 @@ function Rt(e, a, t, i, r, s) {
1090
1166
  colspan: t.headers.length
1091
1167
  }, Ot, 8, Tt)
1092
1168
  ])
1093
- ])) : (l(!0), o(_, { key: 3 }, S(s.paginatedArray, (n) => (l(), o("tbody", {
1169
+ ])) : (l(!0), o(y, { key: 3 }, S(s.paginatedArray, (n) => (l(), o("tbody", {
1094
1170
  class: m({
1095
1171
  clickable: e.$attrs["onClick:row"] != null
1096
1172
  }),
1097
1173
  onClick: (d) => e.$emit("click:row", n)
1098
1174
  }, [
1099
- e.$slots.item ? g(e.$slots, "item", {
1175
+ e.$slots.item ? p(e.$slots, "item", {
1100
1176
  key: 0,
1101
1177
  item: n,
1102
1178
  items: s.paginatedArray
@@ -1104,14 +1180,14 @@ function Rt(e, a, t, i, r, s) {
1104
1180
  key: 1,
1105
1181
  class: m({ bold: n.bold })
1106
1182
  }, [
1107
- (l(!0), o(_, null, S(t.headers, (d) => (l(), o("td", {
1183
+ (l(!0), o(y, null, S(t.headers, (d) => (l(), o("td", {
1108
1184
  class: m({
1109
1185
  "text-left": d.align == "left" || d.align == null,
1110
1186
  "text-right": d.align == "right",
1111
1187
  "text-center": d.align == "center"
1112
1188
  })
1113
1189
  }, [
1114
- e.$slots["item." + d.key] ? g(e.$slots, `item.${d.key}`, {
1190
+ e.$slots["item." + d.key] ? p(e.$slots, `item.${d.key}`, {
1115
1191
  key: 0,
1116
1192
  value: n[d.key],
1117
1193
  item: n,
@@ -1140,7 +1216,7 @@ function Rt(e, a, t, i, r, s) {
1140
1216
  ])
1141
1217
  ]);
1142
1218
  }
1143
- const Kt = /* @__PURE__ */ p(St, [["render", Rt], ["__scopeId", "data-v-2cfe16fe"]]), Ht = {
1219
+ const Kt = /* @__PURE__ */ g(St, [["render", Rt], ["__scopeId", "data-v-2cdb0a4c"]]), Ht = {
1144
1220
  directives: { maska: j },
1145
1221
  name: "wra-date-input",
1146
1222
  props: {
@@ -1184,7 +1260,15 @@ const Kt = /* @__PURE__ */ p(St, [["render", Rt], ["__scopeId", "data-v-2cfe16fe
1184
1260
  return ["numeric"].includes(e);
1185
1261
  }
1186
1262
  },
1187
- required: {},
1263
+ /**
1264
+ * Whether the input field is required.
1265
+ * @type {boolean}
1266
+ * @default false
1267
+ */
1268
+ required: {
1269
+ default: !1,
1270
+ type: Boolean
1271
+ },
1188
1272
  /**
1189
1273
  * The placeholder text for the input field.
1190
1274
  * @type {string}
@@ -1295,9 +1379,12 @@ function Jt(e, a, t, i, r, s) {
1295
1379
  e.showError && t.required != null ? (l(), o("p", Yt, "Invalid date")) : f("", !0)
1296
1380
  ], 2);
1297
1381
  }
1298
- const Zt = /* @__PURE__ */ p(Ht, [["render", Jt], ["__scopeId", "data-v-02168cf8"]]), Qt = {
1382
+ const Zt = /* @__PURE__ */ g(Ht, [["render", Jt], ["__scopeId", "data-v-015240fd"]]), Qt = {
1299
1383
  name: "wra-header",
1300
1384
  props: {
1385
+ /**
1386
+ * The heading level to render (h1 - h6).
1387
+ */
1301
1388
  size: {
1302
1389
  type: String,
1303
1390
  required: !0
@@ -1307,48 +1394,65 @@ const Zt = /* @__PURE__ */ p(Ht, [["render", Jt], ["__scopeId", "data-v-02168cf8
1307
1394
  function ra(e, a, t, i, r, s) {
1308
1395
  return l(), o("div", null, [
1309
1396
  t.size == "h1" ? (l(), o("h1", Xt, [
1310
- g(e.$slots, "default", {}, void 0, !0)
1397
+ p(e.$slots, "default", {}, void 0, !0)
1311
1398
  ])) : f("", !0),
1312
1399
  t.size == "h2" ? (l(), o("h2", ea, [
1313
- g(e.$slots, "default", {}, void 0, !0)
1400
+ p(e.$slots, "default", {}, void 0, !0)
1314
1401
  ])) : f("", !0),
1315
1402
  t.size == "h3" ? (l(), o("h3", ta, [
1316
- g(e.$slots, "default", {}, void 0, !0)
1403
+ p(e.$slots, "default", {}, void 0, !0)
1317
1404
  ])) : f("", !0),
1318
1405
  t.size == "h4" ? (l(), o("h4", aa, [
1319
- g(e.$slots, "default", {}, void 0, !0)
1406
+ p(e.$slots, "default", {}, void 0, !0)
1320
1407
  ])) : f("", !0),
1321
1408
  t.size == "h5" ? (l(), o("h5", sa, [
1322
- g(e.$slots, "default", {}, void 0, !0)
1409
+ p(e.$slots, "default", {}, void 0, !0)
1323
1410
  ])) : f("", !0),
1324
1411
  t.size == "h6" ? (l(), o("h6", ia, [
1325
- g(e.$slots, "default", {}, void 0, !0)
1412
+ p(e.$slots, "default", {}, void 0, !0)
1326
1413
  ])) : f("", !0)
1327
1414
  ]);
1328
1415
  }
1329
- const re = /* @__PURE__ */ p(Qt, [["render", ra], ["__scopeId", "data-v-d558fb76"]]), na = {
1416
+ const re = /* @__PURE__ */ g(Qt, [["render", ra], ["__scopeId", "data-v-cc48797c"]]), na = {
1330
1417
  name: "wra-dialog",
1331
1418
  components: {
1332
1419
  WraHeader: re,
1333
1420
  WraButton: J
1334
1421
  },
1335
1422
  props: {
1423
+ /**
1424
+ * The title text displayed at the top of the dialog.
1425
+ */
1336
1426
  title: {
1337
1427
  type: String,
1338
1428
  required: !0
1339
1429
  },
1430
+ /**
1431
+ * The main message or content displayed in the dialog body.
1432
+ */
1340
1433
  message: {
1341
1434
  type: String,
1342
1435
  required: !0
1343
1436
  },
1437
+ /**
1438
+ * The text label for the confirm button.
1439
+ */
1344
1440
  confirmText: {
1345
1441
  type: String,
1346
- required: !0
1442
+ required: !0,
1443
+ default: "Confirm"
1347
1444
  },
1445
+ /**
1446
+ * The text label for the cancel button.
1447
+ */
1348
1448
  cancelText: {
1349
1449
  type: String,
1350
- required: !0
1450
+ required: !0,
1451
+ default: "Cancel"
1351
1452
  },
1453
+ /**
1454
+ * If true, styles the confirm button as a destructive action (red for delete).
1455
+ */
1352
1456
  isDelete: {
1353
1457
  type: Boolean,
1354
1458
  default: !1
@@ -1453,7 +1557,7 @@ function da(e, a, t, i, r, s) {
1453
1557
  ], 544)
1454
1558
  ]);
1455
1559
  }
1456
- const ca = /* @__PURE__ */ p(na, [["render", da], ["__scopeId", "data-v-41988d2a"]]), ha = {
1560
+ const ca = /* @__PURE__ */ g(na, [["render", da], ["__scopeId", "data-v-7b5e24d0"]]), ha = {
1457
1561
  name: "wra-divider",
1458
1562
  props: {
1459
1563
  /** Thickness of the divider */
@@ -1484,19 +1588,26 @@ function ma(e, a, t, i, r, s) {
1484
1588
  })
1485
1589
  }, null, 10, fa);
1486
1590
  }
1487
- const pa = /* @__PURE__ */ p(ha, [["render", ma], ["__scopeId", "data-v-adda45c5"]]), ga = {
1591
+ const pa = /* @__PURE__ */ g(ha, [["render", ma], ["__scopeId", "data-v-adda45c5"]]), ga = {
1488
1592
  name: "wra-expansion-panel",
1489
1593
  props: {
1490
1594
  title: {
1491
1595
  type: String,
1492
1596
  required: !0
1493
1597
  },
1598
+ /**
1599
+ * A unique string used to generate ARIA attributes for accessibility.
1600
+ */
1494
1601
  ariaTitle: {
1495
1602
  type: String,
1496
1603
  required: !0
1497
1604
  },
1605
+ /**
1606
+ * The text colour of the expansion panel header. Default colour is `--color-wra-revenue`
1607
+ */
1498
1608
  color: {
1499
- type: String
1609
+ type: String,
1610
+ default: "#2a225b"
1500
1611
  }
1501
1612
  },
1502
1613
  data() {
@@ -1516,7 +1627,7 @@ const pa = /* @__PURE__ */ p(ha, [["render", ma], ["__scopeId", "data-v-adda45c5
1516
1627
  this.showPanel = !this.showPanel;
1517
1628
  }
1518
1629
  }
1519
- }, ba = ["aria-controls", "id"], ka = { class: "icon-wrapper" }, _a = ["aria-hidden", "id"], ya = { class: "inner-panel" };
1630
+ }, ba = ["aria-controls", "id"], ka = { class: "icon-wrapper" }, ya = ["aria-hidden", "id"], _a = { class: "inner-panel" };
1520
1631
  function va(e, a, t, i, r, s) {
1521
1632
  return l(), o("div", null, [
1522
1633
  u("button", {
@@ -1526,7 +1637,7 @@ function va(e, a, t, i, r, s) {
1526
1637
  onClick: a[0] || (a[0] = (...n) => s.togglePanel && s.togglePanel(...n)),
1527
1638
  style: A(s.style)
1528
1639
  }, [
1529
- g(e.$slots, "title", {}, () => [
1640
+ p(e.$slots, "title", {}, () => [
1530
1641
  $(c(t.title), 1)
1531
1642
  ], !0),
1532
1643
  u("span", ka, [
@@ -1546,18 +1657,21 @@ function va(e, a, t, i, r, s) {
1546
1657
  "aria-hidden": !r.showPanel,
1547
1658
  id: "content-" + t.ariaTitle
1548
1659
  }, [
1549
- u("div", ya, [
1550
- g(e.$slots, "default", {}, void 0, !0)
1660
+ u("div", _a, [
1661
+ p(e.$slots, "default", {}, void 0, !0)
1551
1662
  ])
1552
- ], 8, _a)) : f("", !0)
1663
+ ], 8, ya)) : f("", !0)
1553
1664
  ]),
1554
1665
  _: 3
1555
1666
  })
1556
1667
  ]);
1557
1668
  }
1558
- const wa = /* @__PURE__ */ p(ga, [["render", va], ["__scopeId", "data-v-bc7ebccf"]]), Sa = {
1669
+ const wa = /* @__PURE__ */ g(ga, [["render", va], ["__scopeId", "data-v-4cb2edc7"]]), Sa = {
1559
1670
  name: "wra-validation-tooltip",
1560
1671
  props: {
1672
+ /**
1673
+ * The type of validation message, which determines the tooltip's style.
1674
+ */
1561
1675
  type: {
1562
1676
  type: String,
1563
1677
  required: !0
@@ -1574,12 +1688,12 @@ function xa(e, a, t, i, r, s) {
1574
1688
  "custom-icon-wrapper": ["custom-icon"]
1575
1689
  }, "icon"])
1576
1690
  }, [
1577
- g(e.$slots, "custom-icon", {}, void 0, !0)
1691
+ p(e.$slots, "custom-icon", {}, void 0, !0)
1578
1692
  ])) : f("", !0),
1579
- g(e.$slots, "default", {}, void 0, !0)
1693
+ p(e.$slots, "default", {}, void 0, !0)
1580
1694
  ], 2);
1581
1695
  }
1582
- const ne = /* @__PURE__ */ p(Sa, [["render", xa], ["__scopeId", "data-v-2ba8e0fe"]]), Va = {
1696
+ const ne = /* @__PURE__ */ g(Sa, [["render", xa], ["__scopeId", "data-v-5c693e96"]]), Va = {
1583
1697
  name: "file-upload",
1584
1698
  emits: ["change"],
1585
1699
  components: {
@@ -1623,6 +1737,10 @@ const ne = /* @__PURE__ */ p(Sa, [["render", xa], ["__scopeId", "data-v-2ba8e0fe
1623
1737
  type: Boolean,
1624
1738
  default: !1
1625
1739
  },
1740
+ /**
1741
+ * The maximum file size allowed in bytes. If not specified, no size limit is enforced.
1742
+ * @type {number}
1743
+ */
1626
1744
  maxSize: {
1627
1745
  type: Number
1628
1746
  },
@@ -1642,7 +1760,7 @@ const ne = /* @__PURE__ */ p(Sa, [["render", xa], ["__scopeId", "data-v-2ba8e0fe
1642
1760
  */
1643
1761
  backgroundColor: {
1644
1762
  type: String,
1645
- default: ""
1763
+ default: "wra-revenue"
1646
1764
  },
1647
1765
  /**
1648
1766
  * The text for the button.
@@ -1672,7 +1790,7 @@ const ne = /* @__PURE__ */ p(Sa, [["render", xa], ["__scopeId", "data-v-2ba8e0fe
1672
1790
  default: "An error has occurred"
1673
1791
  },
1674
1792
  /**
1675
- * The error message to display when the file size is too large. The max file size is displayed in place of {maxsize}.
1793
+ * The error message to display when the file size is too large.
1676
1794
  * @type {string}
1677
1795
  * @default "File size must be less than"
1678
1796
  */
@@ -1723,7 +1841,7 @@ const ne = /* @__PURE__ */ p(Sa, [["render", xa], ["__scopeId", "data-v-2ba8e0fe
1723
1841
  }, Ma = ["for"], Pa = { class: "file-upload-wrapper" }, Ca = ["id", "accept", "capture", "multiple"], Ba = { class: "file-name" };
1724
1842
  function Ta(e, a, t, i, r, s) {
1725
1843
  const n = F("ValidationTooltip"), d = F("Button");
1726
- return l(), o(_, null, [
1844
+ return l(), o(y, null, [
1727
1845
  N(Y, { name: "error" }, {
1728
1846
  default: T(() => [
1729
1847
  s.isError ? (l(), D(n, {
@@ -1768,10 +1886,12 @@ function Ta(e, a, t, i, r, s) {
1768
1886
  ])
1769
1887
  ], 64);
1770
1888
  }
1771
- const Wa = /* @__PURE__ */ p(Va, [["render", Ta], ["__scopeId", "data-v-80cef057"]]), Oa = {
1889
+ const Wa = /* @__PURE__ */ g(Va, [["render", Ta], ["__scopeId", "data-v-da8c427f"]]), Oa = {
1772
1890
  name: "wra-footer",
1773
1891
  props: {
1774
- /** Display the footer when printed */
1892
+ /**
1893
+ * If true, the footer will be hidden when printing the page.
1894
+ */
1775
1895
  hiddenPrint: {
1776
1896
  type: Boolean,
1777
1897
  default: !1
@@ -1782,10 +1902,10 @@ function Na(e, a, t, i, r, s) {
1782
1902
  return l(), o("footer", {
1783
1903
  class: m(["wra-footer", { "hidden-print": t.hiddenPrint === !0 }])
1784
1904
  }, [
1785
- g(e.$slots, "default", {}, void 0, !0)
1905
+ p(e.$slots, "default", {}, void 0, !0)
1786
1906
  ], 2);
1787
1907
  }
1788
- const Fa = /* @__PURE__ */ p(Oa, [["render", Na], ["__scopeId", "data-v-5e57ae6c"]]), Aa = {
1908
+ const Fa = /* @__PURE__ */ g(Oa, [["render", Na], ["__scopeId", "data-v-f78a0985"]]), Aa = {
1789
1909
  name: "wra-icon",
1790
1910
  props: {
1791
1911
  /** Name of icon from material design icons by pictogrammers */
@@ -1803,12 +1923,12 @@ const Fa = /* @__PURE__ */ p(Oa, [["render", Na], ["__scopeId", "data-v-5e57ae6c
1803
1923
  type: Number,
1804
1924
  default: 24
1805
1925
  },
1806
- /** Override default viewbox, the size and postion of the SVG, that is calculated from height and width. */
1926
+ /** Override default viewbox, the size and postion of the SVG, that is calculated from height and width */
1807
1927
  viewBox: {
1808
1928
  type: String,
1809
1929
  default: "0 0 24 24"
1810
1930
  },
1811
- /** Defines the colour of the outline of the icon; */
1931
+ /** Defines the colour of the outline of the icon */
1812
1932
  stroke: {
1813
1933
  type: String
1814
1934
  },
@@ -1833,30 +1953,26 @@ function La(e, a, t, i, r, s) {
1833
1953
  }, null, 8, qa)
1834
1954
  ], 8, Ea);
1835
1955
  }
1836
- const Da = /* @__PURE__ */ p(Aa, [["render", La]]), ja = {
1956
+ const Da = /* @__PURE__ */ g(Aa, [["render", La]]), ja = {
1837
1957
  name: "wra-inset",
1838
1958
  props: {
1839
1959
  /**
1840
- * The color of the left border.
1960
+ * The colour of the left border.
1841
1961
  * @type {string}
1842
- * @default "blue"
1843
- * @validator value {string} - The color must be one of ["light-blue", "blue", "light-green", "green", "light-red", "red", "light-yellow", "yellow", "grey", "revenue"].
1962
+ * @default "wra-revenue"
1963
+ * @validator value {string} - The colour must be one of ["wra-revenue", "wra-charcoal", "wra-red", "wra-blue", "wra-green", "wra-yellow"]
1844
1964
  */
1845
1965
  colour: {
1846
1966
  type: String,
1847
- default: "blue",
1967
+ default: "wra-revenue",
1848
1968
  validate(e) {
1849
1969
  return [
1850
- "light-blue",
1851
- "blue",
1852
- "light-green",
1853
- "green",
1854
- "light-red",
1855
- "red",
1856
- "light-yellow",
1857
- "yellow",
1858
- "grey",
1859
- "revenue-blue"
1970
+ "wra-revenue",
1971
+ "wra-charcoal",
1972
+ "wra-red",
1973
+ "wra-blue",
1974
+ "wra-green",
1975
+ "wra-yellow"
1860
1976
  ].includes(e);
1861
1977
  }
1862
1978
  }
@@ -1866,10 +1982,10 @@ function za(e, a, t, i, r, s) {
1866
1982
  return l(), o("div", {
1867
1983
  class: m(["wra-inset", t.colour])
1868
1984
  }, [
1869
- g(e.$slots, "default", {}, void 0, !0)
1985
+ p(e.$slots, "default", {}, void 0, !0)
1870
1986
  ], 2);
1871
1987
  }
1872
- const Ra = /* @__PURE__ */ p(ja, [["render", za], ["__scopeId", "data-v-13496ea6"]]), Ka = {
1988
+ const Ra = /* @__PURE__ */ g(ja, [["render", za], ["__scopeId", "data-v-f32082c4"]]), Ka = {
1873
1989
  directives: { maska: j },
1874
1990
  name: "wra-number-input",
1875
1991
  props: {
@@ -1934,10 +2050,12 @@ const Ra = /* @__PURE__ */ p(ja, [["render", za], ["__scopeId", "data-v-13496ea6
1934
2050
  type: String
1935
2051
  },
1936
2052
  /**
1937
- * Validation rules for the input field.
1938
- * @type {Array<Function>}
2053
+ * An array of validation rule functions. Each function should return true or an error message string.
1939
2054
  */
1940
- rules: {},
2055
+ rules: {
2056
+ type: Array,
2057
+ default: () => []
2058
+ },
1941
2059
  /**
1942
2060
  * The prefix text to display before the input field.
1943
2061
  * @type {string}
@@ -2034,37 +2152,58 @@ function Za(e, a, t, i, r, s) {
2034
2152
  u("p", null, c(e.errorMessage), 1)
2035
2153
  ], 2);
2036
2154
  }
2037
- const Qa = /* @__PURE__ */ p(Ka, [["render", Za], ["__scopeId", "data-v-dfae4795"]]), Xa = {
2155
+ const Qa = /* @__PURE__ */ g(Ka, [["render", Za], ["__scopeId", "data-v-93248f45"]]), Xa = {
2038
2156
  name: "wra-pagination",
2039
2157
  data: () => ({
2040
2158
  currentPage: 0
2041
2159
  }),
2042
2160
  props: {
2161
+ /**
2162
+ * The current page number (v-model).
2163
+ */
2043
2164
  modelValue: {
2044
2165
  type: Number,
2045
2166
  required: !0,
2046
2167
  default: 1
2047
2168
  },
2169
+ /**
2170
+ * The total number of pages available.
2171
+ */
2048
2172
  totalPages: {
2049
2173
  type: Number,
2050
2174
  required: !0
2051
2175
  },
2176
+ /**
2177
+ * The maximum number of page buttons to display at once.
2178
+ */
2052
2179
  length: {
2053
2180
  type: Number,
2054
2181
  default: 5
2055
2182
  },
2183
+ /**
2184
+ * If true, shows 'skip' controls (divider & jump to start/end).
2185
+ */
2056
2186
  skip: {
2057
2187
  type: Boolean,
2058
2188
  default: !0
2059
2189
  },
2190
+ /**
2191
+ * The starting page number (usually 1).
2192
+ */
2060
2193
  startIndex: {
2061
2194
  type: Number,
2062
2195
  default: 1
2063
2196
  },
2197
+ /**
2198
+ * The label text for the 'previous' button.
2199
+ */
2064
2200
  previousLabel: {
2065
2201
  type: String,
2066
2202
  default: "Previous"
2067
2203
  },
2204
+ /**
2205
+ * The label text for the 'next' button.
2206
+ */
2068
2207
  nextLabel: {
2069
2208
  type: String,
2070
2209
  default: "Next"
@@ -2124,29 +2263,29 @@ const Qa = /* @__PURE__ */ p(Ka, [["render", Za], ["__scopeId", "data-v-dfae4795
2124
2263
  created() {
2125
2264
  this.currentPage = this.modelValue;
2126
2265
  }
2127
- }, H = (e) => (E("data-v-e6e1f7d2"), e = e(), q(), e), es = { class: "pagination" }, ts = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-icon previous-icon" }, null, -1)), as = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-divider" }, "...", -1)), ss = ["onClick"], is = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-divider" }, "...", -1)), rs = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-icon next-icon" }, null, -1));
2266
+ }, H = (e) => (E("data-v-b8adcc77"), e = e(), q(), e), es = { class: "pagination" }, ts = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-icon previous-icon" }, null, -1)), as = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-divider" }, "...", -1)), ss = ["onClick"], is = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-divider" }, "...", -1)), rs = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-icon next-icon" }, null, -1));
2128
2267
  function ns(e, a, t, i, r, s) {
2129
2268
  return l(), o("div", es, [
2130
2269
  u("button", {
2131
2270
  class: "pagination-button",
2132
2271
  onClick: a[0] || (a[0] = (n) => s.decPage())
2133
2272
  }, [
2134
- g(e.$slots, "previous", {}, () => [
2273
+ p(e.$slots, "previous", {}, () => [
2135
2274
  ts,
2136
2275
  u("span", null, c(t.previousLabel), 1)
2137
2276
  ], !0)
2138
2277
  ]),
2139
- s.skipStart ? (l(), o(_, { key: 0 }, [
2278
+ s.skipStart ? (l(), o(y, { key: 0 }, [
2140
2279
  s.skipStart ? (l(), o("button", {
2141
2280
  key: 0,
2142
2281
  onClick: a[1] || (a[1] = (n) => s.changePage(t.startIndex)),
2143
2282
  class: "pagination-number"
2144
2283
  }, c(t.startIndex), 1)) : f("", !0),
2145
- g(e.$slots, "divider", {}, () => [
2284
+ p(e.$slots, "divider", {}, () => [
2146
2285
  as
2147
2286
  ], !0)
2148
2287
  ], 64)) : f("", !0),
2149
- (l(!0), o(_, null, S(s.viewablePages, (n) => (l(), o("button", {
2288
+ (l(!0), o(y, null, S(s.viewablePages, (n) => (l(), o("button", {
2150
2289
  onClick: (d) => s.changePage(n),
2151
2290
  onKeydown: [
2152
2291
  a[2] || (a[2] = w((d) => s.onKeyLeft(), ["left"])),
@@ -2156,8 +2295,10 @@ function ns(e, a, t, i, r, s) {
2156
2295
  ref: n,
2157
2296
  class: m(["pagination-number", e.currentPage === n && "pagination-number--selected"])
2158
2297
  }, c(n), 43, ss))), 256)),
2159
- s.skipEnd ? (l(), o(_, { key: 1 }, [
2160
- is,
2298
+ s.skipEnd ? (l(), o(y, { key: 1 }, [
2299
+ p(e.$slots, "divider", {}, () => [
2300
+ is
2301
+ ], !0),
2161
2302
  u("button", {
2162
2303
  onClick: a[4] || (a[4] = (n) => s.changePage(t.totalPages)),
2163
2304
  class: "pagination-number"
@@ -2167,14 +2308,14 @@ function ns(e, a, t, i, r, s) {
2167
2308
  class: "pagination-button",
2168
2309
  onClick: a[5] || (a[5] = (n) => s.incPage())
2169
2310
  }, [
2170
- g(e.$slots, "next", {}, () => [
2311
+ p(e.$slots, "next", {}, () => [
2171
2312
  u("span", null, c(t.nextLabel), 1),
2172
2313
  rs
2173
2314
  ], !0)
2174
2315
  ])
2175
2316
  ]);
2176
2317
  }
2177
- const ls = /* @__PURE__ */ p(Xa, [["render", ns], ["__scopeId", "data-v-e6e1f7d2"]]), os = {
2318
+ const ls = /* @__PURE__ */ g(Xa, [["render", ns], ["__scopeId", "data-v-b8adcc77"]]), os = {
2178
2319
  directives: { maska: j },
2179
2320
  name: "wra-price-input",
2180
2321
  props: {
@@ -2229,10 +2370,12 @@ const ls = /* @__PURE__ */ p(Xa, [["render", ns], ["__scopeId", "data-v-e6e1f7d2
2229
2370
  type: String
2230
2371
  },
2231
2372
  /**
2232
- * Validation rules for the input field.
2233
- * @type {Array<Function>}
2373
+ * An array of validation rule functions. Each function should return true or an error message string.
2234
2374
  */
2235
- rules: {},
2375
+ rules: {
2376
+ type: Array,
2377
+ default: () => []
2378
+ },
2236
2379
  /**
2237
2380
  * The prefix text to display before the input field.
2238
2381
  * @type {string}
@@ -2337,7 +2480,7 @@ function ms(e, a, t, i, r, s) {
2337
2480
  u("p", null, c(e.errorMessage), 1)
2338
2481
  ], 2);
2339
2482
  }
2340
- const ps = /* @__PURE__ */ p(os, [["render", ms], ["__scopeId", "data-v-4cd6909d"]]), gs = {
2483
+ const ps = /* @__PURE__ */ g(os, [["render", ms], ["__scopeId", "data-v-e66a36da"]]), gs = {
2341
2484
  name: "wra-radio",
2342
2485
  props: {
2343
2486
  groupName: {
@@ -2357,7 +2500,7 @@ const ps = /* @__PURE__ */ p(os, [["render", ms], ["__scopeId", "data-v-4cd6909d
2357
2500
  required: !0
2358
2501
  }
2359
2502
  }
2360
- }, bs = ["for"], ks = ["name", "value", "id", "checked", "aria-checked"], _s = { class: "radio-text" }, ys = ["innerHTML"];
2503
+ }, bs = ["for"], ks = ["name", "value", "id", "checked", "aria-checked"], ys = { class: "radio-text" }, _s = ["innerHTML"];
2361
2504
  function vs(e, a, t, i, r, s) {
2362
2505
  return l(), o("div", null, [
2363
2506
  u("label", {
@@ -2374,35 +2517,50 @@ function vs(e, a, t, i, r, s) {
2374
2517
  checked: t.isChecked == !0,
2375
2518
  "aria-checked": t.isChecked
2376
2519
  }, null, 40, ks),
2377
- u("span", _s, [
2520
+ u("span", ys, [
2378
2521
  u("p", null, c(t.option.label), 1),
2379
2522
  t.option.info ? (l(), o("p", {
2380
2523
  key: 0,
2381
2524
  class: "further-information-text",
2382
2525
  innerHTML: t.option.info
2383
- }, null, 8, ys)) : f("", !0)
2526
+ }, null, 8, _s)) : f("", !0)
2384
2527
  ])
2385
2528
  ], 8, bs)
2386
2529
  ]);
2387
2530
  }
2388
- const ws = /* @__PURE__ */ p(gs, [["render", vs], ["__scopeId", "data-v-d18916d1"]]), Ss = {
2531
+ const ws = /* @__PURE__ */ g(gs, [["render", vs], ["__scopeId", "data-v-d18916d1"]]), Ss = {
2389
2532
  name: "wra-radio-group",
2390
2533
  props: {
2534
+ /**
2535
+ * The name attribute for the radio group, used to group radio buttons together.
2536
+ */
2391
2537
  groupName: {
2392
2538
  type: String,
2393
2539
  required: !0
2394
2540
  },
2541
+ /**
2542
+ * The v-model binding for the selected radio value.
2543
+ */
2395
2544
  modelValue: {
2396
2545
  type: String
2397
2546
  },
2547
+ /**
2548
+ * The array of options to display as radio buttons.
2549
+ */
2398
2550
  options: {
2399
2551
  type: Array,
2400
2552
  required: !0,
2401
2553
  default: () => []
2402
2554
  },
2555
+ /**
2556
+ * The label text for the radio group, used for accessibility.
2557
+ */
2403
2558
  label: {
2404
2559
  type: String
2405
2560
  },
2561
+ /**
2562
+ * The hint or description for the radio group, referenced by aria-describedby.
2563
+ */
2406
2564
  hint: {
2407
2565
  type: String
2408
2566
  }
@@ -2428,7 +2586,7 @@ function Vs(e, a, t, i, r, s) {
2428
2586
  "aria-label": t.label,
2429
2587
  "aria-describedby": t.hint
2430
2588
  }, [
2431
- (l(!0), o(_, null, S(s.validOptions, (d) => (l(), D(n, {
2589
+ (l(!0), o(y, null, S(s.validOptions, (d) => (l(), D(n, {
2432
2590
  groupName: t.groupName,
2433
2591
  option: d,
2434
2592
  key: d.value,
@@ -2437,29 +2595,61 @@ function Vs(e, a, t, i, r, s) {
2437
2595
  }, null, 8, ["groupName", "option", "isChecked"]))), 128))
2438
2596
  ], 8, xs);
2439
2597
  }
2440
- const Is = /* @__PURE__ */ p(Ss, [["render", Vs], ["__scopeId", "data-v-ce7fb438"]]), $s = {
2598
+ const Is = /* @__PURE__ */ g(Ss, [["render", Vs], ["__scopeId", "data-v-b72f445c"]]), $s = {
2441
2599
  name: "wra-select",
2442
2600
  props: {
2443
- modelValue: {
2444
- required: !0
2445
- },
2601
+ /**
2602
+ * The array of options to display in the select dropdown.
2603
+ */
2446
2604
  items: {
2447
- required: !0,
2448
2605
  type: Array,
2606
+ required: !0,
2449
2607
  default: () => []
2450
2608
  },
2609
+ /**
2610
+ * The property name to use as the value from each option object.
2611
+ */
2451
2612
  itemValue: {
2452
- required: !0,
2453
- type: String
2613
+ type: String,
2614
+ required: !0
2454
2615
  },
2616
+ /**
2617
+ * The property name to use as the label from each option object.
2618
+ */
2455
2619
  itemLabel: {
2456
- required: !0,
2620
+ type: String,
2621
+ required: !0
2622
+ },
2623
+ /**
2624
+ * The unique id for the select input and label association.
2625
+ */
2626
+ id: {
2457
2627
  type: String
2458
2628
  },
2459
- id: {},
2460
- name: {},
2461
- required: {},
2462
- label: {}
2629
+ /**
2630
+ * The name attribute for the select input.
2631
+ */
2632
+ name: {
2633
+ type: String,
2634
+ default: "select"
2635
+ },
2636
+ /**
2637
+ * If true, the select is required and must have a value.
2638
+ */
2639
+ required: {
2640
+ type: Boolean,
2641
+ default: !1
2642
+ },
2643
+ /**
2644
+ * The label text displayed above the select input.
2645
+ */
2646
+ label: {},
2647
+ /**
2648
+ * The v-model binding for the selected value.
2649
+ */
2650
+ modelValue: {
2651
+ required: !0
2652
+ }
2463
2653
  },
2464
2654
  methods: {
2465
2655
  validate(e) {
@@ -2487,14 +2677,14 @@ const Is = /* @__PURE__ */ p(Ss, [["render", Vs], ["__scopeId", "data-v-ce7fb438
2487
2677
  this.validate(this.modelValue);
2488
2678
  },
2489
2679
  emits: ["update:modelValue", "valid"]
2490
- }, le = (e) => (E("data-v-96536461"), e = e(), q(), e), Ms = ["for"], Ps = { class: "select" }, Cs = ["id", "value"], Bs = /* @__PURE__ */ le(() => /* @__PURE__ */ u("option", {
2680
+ }, le = (e) => (E("data-v-e700f97c"), e = e(), q(), e), Ms = ["for"], Ps = { class: "select" }, Cs = ["id", "value"], Bs = /* @__PURE__ */ le(() => /* @__PURE__ */ u("option", {
2491
2681
  value: "",
2492
2682
  selected: "",
2493
2683
  disabled: "",
2494
2684
  hidden: ""
2495
2685
  }, "-", -1)), Ts = ["value", "selected"], Ws = { key: 0 }, Os = { key: 1 }, Ns = /* @__PURE__ */ le(() => /* @__PURE__ */ u("span", { class: "focus" }, null, -1));
2496
2686
  function Fs(e, a, t, i, r, s) {
2497
- return l(), o(_, null, [
2687
+ return l(), o(y, null, [
2498
2688
  u("label", {
2499
2689
  for: t.id || t.name
2500
2690
  }, c(t.label), 9, Ms),
@@ -2505,12 +2695,12 @@ function Fs(e, a, t, i, r, s) {
2505
2695
  onChange: a[0] || (a[0] = (n) => s.validate(n.target.value))
2506
2696
  }, [
2507
2697
  Bs,
2508
- (l(!0), o(_, null, S(s.validItems, (n) => (l(), o("option", {
2698
+ (l(!0), o(y, null, S(s.validItems, (n) => (l(), o("option", {
2509
2699
  value: s.checkForObjectValue(n),
2510
2700
  selected: t.modelValue == s.checkForObjectValue(n)
2511
2701
  }, [
2512
2702
  e.$slots.label ? (l(), o("span", Ws, [
2513
- g(e.$slots, "label", { item: n }, void 0, !0)
2703
+ p(e.$slots, "label", { item: n }, void 0, !0)
2514
2704
  ])) : (l(), o("span", Os, c(s.checkForObjectLabel(n)), 1))
2515
2705
  ], 8, Ts))), 256))
2516
2706
  ], 40, Cs),
@@ -2518,24 +2708,39 @@ function Fs(e, a, t, i, r, s) {
2518
2708
  ])
2519
2709
  ], 64);
2520
2710
  }
2521
- const As = /* @__PURE__ */ p($s, [["render", Fs], ["__scopeId", "data-v-96536461"]]), Es = {
2711
+ const As = /* @__PURE__ */ g($s, [["render", Fs], ["__scopeId", "data-v-e700f97c"]]), Es = {
2522
2712
  name: "wra-service-logo",
2523
2713
  props: {
2714
+ /**
2715
+ * The URL or path to the logo image to display.
2716
+ */
2524
2717
  serviceLogo: {
2525
2718
  type: String,
2526
2719
  required: !0
2527
2720
  },
2721
+ /**
2722
+ * The accessible label for the link.
2723
+ */
2528
2724
  label: {
2529
2725
  type: String,
2530
2726
  required: !0
2531
2727
  },
2728
+ /**
2729
+ * The alt text for the logo image.
2730
+ */
2532
2731
  alt: {
2533
2732
  type: String,
2534
2733
  required: !0
2535
2734
  },
2735
+ /**
2736
+ * The URL to navigate to when the logo is clicked.
2737
+ */
2536
2738
  href: {
2537
2739
  type: String
2538
2740
  },
2741
+ /**
2742
+ * The height of the logo image in pixels.
2743
+ */
2539
2744
  height: {
2540
2745
  type: [String, Number]
2541
2746
  }
@@ -2557,9 +2762,12 @@ function Ds(e, a, t, i, r, s) {
2557
2762
  }, null, 8, Ls)
2558
2763
  ], 8, qs);
2559
2764
  }
2560
- const js = /* @__PURE__ */ p(Es, [["render", Ds], ["__scopeId", "data-v-9b9e81dd"]]), zs = {
2765
+ const js = /* @__PURE__ */ g(Es, [["render", Ds], ["__scopeId", "data-v-c9a7cc51"]]), zs = {
2561
2766
  name: "wra-simple-table",
2562
2767
  props: {
2768
+ /**
2769
+ * If true, the table inherits its background from its parent and removes external padding.
2770
+ */
2563
2771
  inheritBackground: {
2564
2772
  type: Boolean,
2565
2773
  default: !1
@@ -2567,6 +2775,9 @@ const js = /* @__PURE__ */ p(Es, [["render", Ds], ["__scopeId", "data-v-9b9e81dd
2567
2775
  caption: {
2568
2776
  type: String
2569
2777
  },
2778
+ /**
2779
+ * If true, table header cells are left-aligned. Otherwise, they use centre alignment.
2780
+ */
2570
2781
  leftAlignHeaders: {
2571
2782
  type: Boolean,
2572
2783
  default: !0
@@ -2587,15 +2798,15 @@ function Rs(e, a, t, i, r, s) {
2587
2798
  key: 0,
2588
2799
  class: m(["wra-simple-table-caption", { "caption-no-padding": t.inheritBackground }])
2589
2800
  }, [
2590
- g(e.$slots, "caption", {}, () => [
2801
+ p(e.$slots, "caption", {}, () => [
2591
2802
  $(c(t.caption), 1)
2592
2803
  ])
2593
2804
  ], 2)) : f("", !0),
2594
- g(e.$slots, "default")
2805
+ p(e.$slots, "default")
2595
2806
  ], 2)
2596
2807
  ], 2);
2597
2808
  }
2598
- const Ks = /* @__PURE__ */ p(zs, [["render", Rs]]), Hs = {
2809
+ const Ks = /* @__PURE__ */ g(zs, [["render", Rs]]), Hs = {
2599
2810
  name: "wra-skiplink",
2600
2811
  emits: ["click"],
2601
2812
  methods: {
@@ -2633,6 +2844,11 @@ const Ks = /* @__PURE__ */ p(zs, [["render", Rs]]), Hs = {
2633
2844
  type: String,
2634
2845
  default: "Skip to main content"
2635
2846
  },
2847
+ /**
2848
+ * If true, the skip link will take the full width of its container.
2849
+ * @type {boolean}
2850
+ * @default false
2851
+ */
2636
2852
  fullWidth: {
2637
2853
  type: Boolean,
2638
2854
  default: !1
@@ -2645,7 +2861,7 @@ function Us(e, a, t, i, r, s) {
2645
2861
  onClick: a[0] || (a[0] = (n) => s.onClick())
2646
2862
  }, c(t.text), 3);
2647
2863
  }
2648
- const Gs = /* @__PURE__ */ p(Hs, [["render", Us], ["__scopeId", "data-v-e5ae0c59"]]), Ys = {
2864
+ const Gs = /* @__PURE__ */ g(Hs, [["render", Us], ["__scopeId", "data-v-a0a97d5b"]]), Ys = {
2649
2865
  name: "wra-snackbar",
2650
2866
  emits: ["update:visible"],
2651
2867
  props: {
@@ -2707,7 +2923,7 @@ const Gs = /* @__PURE__ */ p(Hs, [["render", Us], ["__scopeId", "data-v-e5ae0c59
2707
2923
  };
2708
2924
  }
2709
2925
  }
2710
- }, oe = (e) => (E("data-v-9abc8e33"), e = e(), q(), e), Js = { class: "snackbar-content" }, Zs = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1)), Qs = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("div", { class: "close-icon-line-one" }, [
2926
+ }, oe = (e) => (E("data-v-778a02a7"), e = e(), q(), e), Js = { class: "snackbar-content" }, Zs = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1)), Qs = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("div", { class: "close-icon-line-one" }, [
2711
2927
  /* @__PURE__ */ u("div", { class: "close-icon-line-two" })
2712
2928
  ], -1)), Xs = [
2713
2929
  Zs,
@@ -2723,7 +2939,7 @@ function ei(e, a, t, i, r, s) {
2723
2939
  class: m(["snackbar snackbar-flex", t.type])
2724
2940
  }, [
2725
2941
  u("div", Js, [
2726
- g(e.$slots, "default", {}, () => [
2942
+ p(e.$slots, "default", {}, () => [
2727
2943
  $(c(t.label), 1)
2728
2944
  ], !0)
2729
2945
  ]),
@@ -2739,11 +2955,15 @@ function ei(e, a, t, i, r, s) {
2739
2955
  _: 3
2740
2956
  });
2741
2957
  }
2742
- const ti = /* @__PURE__ */ p(Ys, [["render", ei], ["__scopeId", "data-v-9abc8e33"]]), ai = {
2958
+ const ti = /* @__PURE__ */ g(Ys, [["render", ei], ["__scopeId", "data-v-778a02a7"]]), ai = {
2743
2959
  name: "wra-subheader",
2744
2960
  props: {
2961
+ /**
2962
+ * The text colour of the subheader.
2963
+ */
2745
2964
  color: {
2746
- type: String
2965
+ type: String,
2966
+ default: "#000000"
2747
2967
  }
2748
2968
  },
2749
2969
  computed: {
@@ -2759,12 +2979,15 @@ function si(e, a, t, i, r, s) {
2759
2979
  class: "subheader",
2760
2980
  style: A(s.style)
2761
2981
  }, [
2762
- g(e.$slots, "default", {}, void 0, !0)
2982
+ p(e.$slots, "default", {}, void 0, !0)
2763
2983
  ], 4);
2764
2984
  }
2765
- const ii = /* @__PURE__ */ p(ai, [["render", si], ["__scopeId", "data-v-c5d10b79"]]), ri = {
2985
+ const ii = /* @__PURE__ */ g(ai, [["render", si], ["__scopeId", "data-v-8d2c773f"]]), ri = {
2766
2986
  name: "wra-table",
2767
2987
  props: {
2988
+ /**
2989
+ * If true, the table inherits its background from its parent and removes external padding.
2990
+ */
2768
2991
  inheritBackground: {
2769
2992
  type: Boolean,
2770
2993
  default: !1
@@ -2772,16 +2995,22 @@ const ii = /* @__PURE__ */ p(ai, [["render", si], ["__scopeId", "data-v-c5d10b79
2772
2995
  caption: {
2773
2996
  type: String
2774
2997
  },
2998
+ /**
2999
+ * The array of header definitions for the table columns.
3000
+ */
2775
3001
  headers: {
2776
3002
  type: Array
2777
3003
  },
3004
+ /**
3005
+ * The array of data objects to display in the table. Each object represents a row.
3006
+ */
2778
3007
  items: {
2779
3008
  type: Array
2780
3009
  }
2781
3010
  }
2782
3011
  };
2783
3012
  function ni(e, a, t, i, r, s) {
2784
- return l(), o(_, null, [
3013
+ return l(), o(y, null, [
2785
3014
  u("table", Q({
2786
3015
  id: "regular",
2787
3016
  class: ["wra-table", {
@@ -2793,13 +3022,13 @@ function ni(e, a, t, i, r, s) {
2793
3022
  key: 0,
2794
3023
  class: m(["wra-table-caption", { "caption-no-padding": t.inheritBackground }])
2795
3024
  }, [
2796
- g(e.$slots, "caption", {}, () => [
3025
+ p(e.$slots, "caption", {}, () => [
2797
3026
  $(c(t.caption), 1)
2798
3027
  ])
2799
3028
  ], 2)) : f("", !0),
2800
3029
  u("thead", null, [
2801
3030
  u("tr", null, [
2802
- (l(!0), o(_, null, S(t.headers, (n) => (l(), o("th", {
3031
+ (l(!0), o(y, null, S(t.headers, (n) => (l(), o("th", {
2803
3032
  key: n.key,
2804
3033
  style: A({
2805
3034
  textAlign: n.align || "left",
@@ -2809,11 +3038,11 @@ function ni(e, a, t, i, r, s) {
2809
3038
  ])
2810
3039
  ]),
2811
3040
  u("tbody", null, [
2812
- (l(!0), o(_, null, S(t.items, (n) => (l(), o("tr", {
3041
+ (l(!0), o(y, null, S(t.items, (n) => (l(), o("tr", {
2813
3042
  key: n.id,
2814
3043
  class: m({ bold: n.bold })
2815
3044
  }, [
2816
- (l(!0), o(_, null, S(t.headers, (d) => (l(), o("td", {
3045
+ (l(!0), o(y, null, S(t.headers, (d) => (l(), o("td", {
2817
3046
  key: d.key,
2818
3047
  style: A({ textAlign: d.align || "left" })
2819
3048
  }, c(n[d.key]), 5))), 128))
@@ -2831,14 +3060,14 @@ function ni(e, a, t, i, r, s) {
2831
3060
  key: 0,
2832
3061
  class: m(["wra-table-caption", { "caption-no-padding": t.inheritBackground }])
2833
3062
  }, [
2834
- g(e.$slots, "caption", {}, () => [
3063
+ p(e.$slots, "caption", {}, () => [
2835
3064
  $(c(t.caption), 1)
2836
3065
  ])
2837
3066
  ], 2)) : f("", !0),
2838
- (l(!0), o(_, null, S(t.items, (n) => (l(), o("tbody", {
3067
+ (l(!0), o(y, null, S(t.items, (n) => (l(), o("tbody", {
2839
3068
  key: n.id
2840
3069
  }, [
2841
- (l(!0), o(_, null, S(t.headers, (d, h) => (l(), o("tr", { key: h }, [
3070
+ (l(!0), o(y, null, S(t.headers, (d, h) => (l(), o("tr", { key: h }, [
2842
3071
  u("th", null, c(d.title), 1),
2843
3072
  u("td", null, c(n[d.key]), 1)
2844
3073
  ]))), 128))
@@ -2846,7 +3075,7 @@ function ni(e, a, t, i, r, s) {
2846
3075
  ], 16)
2847
3076
  ], 64);
2848
3077
  }
2849
- const li = /* @__PURE__ */ p(ri, [["render", ni]]), oi = {
3078
+ const li = /* @__PURE__ */ g(ri, [["render", ni]]), oi = {
2850
3079
  name: "wra-tab",
2851
3080
  props: {
2852
3081
  label: {
@@ -2880,7 +3109,7 @@ function ui(e, a, t, i, r, s) {
2880
3109
  class: m(["tab-button", t.active === !0 && "tab-button--active"])
2881
3110
  }, c(t.label), 3);
2882
3111
  }
2883
- const di = /* @__PURE__ */ p(oi, [["render", ui], ["__scopeId", "data-v-90cdb825"]]), ci = {
3112
+ const di = /* @__PURE__ */ g(oi, [["render", ui], ["__scopeId", "data-v-90cdb825"]]), ci = {
2884
3113
  name: "wra-tabs",
2885
3114
  emits: "update:modelValue",
2886
3115
  props: {
@@ -2922,7 +3151,7 @@ const di = /* @__PURE__ */ p(oi, [["render", ui], ["__scopeId", "data-v-90cdb825
2922
3151
  function fi(e, a, t, i, r, s) {
2923
3152
  const n = F("tab");
2924
3153
  return l(), o("div", hi, [
2925
- (l(!0), o(_, null, S(t.options, (d, h) => (l(), D(n, {
3154
+ (l(!0), o(y, null, S(t.options, (d, h) => (l(), D(n, {
2926
3155
  tabindex: h === 0 ? 0 : -1,
2927
3156
  label: d,
2928
3157
  active: h === r.activeTab,
@@ -2938,25 +3167,41 @@ function fi(e, a, t, i, r, s) {
2938
3167
  }, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
2939
3168
  ]);
2940
3169
  }
2941
- const mi = /* @__PURE__ */ p(ci, [["render", fi], ["__scopeId", "data-v-a505540c"]]), pi = {
3170
+ const mi = /* @__PURE__ */ g(ci, [["render", fi], ["__scopeId", "data-v-a505540c"]]), pi = {
2942
3171
  name: "wra-text-area",
2943
3172
  props: {
3173
+ /**
3174
+ * The unique id for the textarea input and label association.
3175
+ */
2944
3176
  id: {
2945
3177
  type: Number,
2946
3178
  required: !0
2947
3179
  },
3180
+ /**
3181
+ * The v-model binding for the textarea value.
3182
+ */
2948
3183
  modelValue: {
2949
3184
  type: String,
2950
3185
  required: !0
2951
3186
  },
3187
+ /**
3188
+ * The label text displayed above the textarea.
3189
+ */
2952
3190
  label: {
2953
3191
  type: String,
2954
3192
  required: !1
2955
3193
  },
3194
+ /**
3195
+ * An array of validation rule functions. Each function should return true or an error message string.
3196
+ */
2956
3197
  rules: {
2957
3198
  type: Array,
3199
+ default: () => [],
2958
3200
  required: !1
2959
3201
  },
3202
+ /**
3203
+ * The maximum number of characters allowed in the textarea.
3204
+ */
2960
3205
  maxLength: {
2961
3206
  type: Number,
2962
3207
  required: !1
@@ -3008,7 +3253,7 @@ function ki(e, a, t, i, r, s) {
3008
3253
  u("p", null, c(r.errorMessage), 1)
3009
3254
  ], 2);
3010
3255
  }
3011
- const _i = /* @__PURE__ */ p(pi, [["render", ki], ["__scopeId", "data-v-57dc4a8b"]]), yi = {
3256
+ const yi = /* @__PURE__ */ g(pi, [["render", ki], ["__scopeId", "data-v-34ec88e9"]]), _i = {
3012
3257
  directives: { maska: j },
3013
3258
  name: "wra-text-input",
3014
3259
  props: {
@@ -3078,10 +3323,12 @@ const _i = /* @__PURE__ */ p(pi, [["render", ki], ["__scopeId", "data-v-57dc4a8b
3078
3323
  }
3079
3324
  },
3080
3325
  /**
3081
- * Validation rules for the input field.
3082
- * @type {Array<Function>}
3326
+ * An array of validation rule functions. Each function should return true or an error message string.
3083
3327
  */
3084
- rules: {},
3328
+ rules: {
3329
+ type: Array,
3330
+ default: () => []
3331
+ },
3085
3332
  /**
3086
3333
  * The mask pattern for the input field.
3087
3334
  * @type {string}
@@ -3159,7 +3406,7 @@ function Si(e, a, t, i, r, s) {
3159
3406
  u("p", null, c(r.errorMessage), 1)
3160
3407
  ], 2);
3161
3408
  }
3162
- const xi = /* @__PURE__ */ p(yi, [["render", Si], ["__scopeId", "data-v-687f8993"]]), Vi = {
3409
+ const xi = /* @__PURE__ */ g(_i, [["render", Si], ["__scopeId", "data-v-bbfa1a0a"]]), Vi = {
3163
3410
  WraAppBar: fe,
3164
3411
  WraAutocomplete: ve,
3165
3412
  WraBanner: Ve,
@@ -3192,7 +3439,7 @@ const xi = /* @__PURE__ */ p(yi, [["render", Si], ["__scopeId", "data-v-687f8993
3192
3439
  WraSubheader: ii,
3193
3440
  WraTable: li,
3194
3441
  WraTabs: mi,
3195
- WraTextArea: _i,
3442
+ WraTextArea: yi,
3196
3443
  WraTextInput: xi,
3197
3444
  WraValidationTooltip: ne
3198
3445
  }, $i = {
@@ -3234,7 +3481,7 @@ export {
3234
3481
  ii as WraSubheader,
3235
3482
  li as WraTable,
3236
3483
  mi as WraTabs,
3237
- _i as WraTextArea,
3484
+ yi as WraTextArea,
3238
3485
  xi as WraTextInput,
3239
3486
  ne as WraValidationTooltip,
3240
3487
  $i as default