@wra-gov/vue-components 0.17.0 → 0.17.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
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 #e5e5e5;font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:#2a225b;font-weight:700}a:hover{color:#2a225b;text-decoration:none}a:focus-visible{color:#1f1f1f;background-color:#ffd530;box-shadow:0 -4px #ffd530,0 2px #1f1f1f;outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px #ffd530,0 2px #1f1f1f}*[data-v-dbbbd450],*[data-v-dbbbd450]:before,*[data-v-dbbbd450]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-dbbbd450]{background-color:#323232;font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-dbbbd450]{display:none}}*[data-v-ea1f573c],*[data-v-ea1f573c]:before,*[data-v-ea1f573c]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-ea1f573c]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%}.autocomplete-input[data-v-ea1f573c]:disabled{opacity:.3}.autocomplete-input--focus[data-v-ea1f573c]{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}.autocomplete-label[data-v-ea1f573c]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-ea1f573c]{position:absolute;display:block;list-style-type:none;z-index:1;padding:0;border:1px solid #1f1f1f;border-top:0px;width:100%;max-height:200px;background:#f1f1f1;overflow-y:auto}.autocomplete-list>li[data-v-ea1f573c]{padding:2px 16px;border-bottom:1px solid #1f1f1f;cursor:pointer}.autocomplete-list>li[data-v-ea1f573c]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-ea1f573c]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-ea1f573c]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-ea1f573c]{background:#3b7dc5;color:#fff}.autocomplete-item-not-clickable[data-v-ea1f573c]{cursor:not-allowed}.autocomplete[data-v-ea1f573c]{position:relative}*[data-v-09473a78],*[data-v-09473a78]:before,*[data-v-09473a78]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-09473a78]{background-color:#f1f1f1;font-size:18px;color:#1f1f1f;padding:20px;border:none}.new-service[data-v-09473a78]{background-color:#ffd530}.new-service[data-v-09473a78] a{color:#1f1f1f}.new-service[data-v-09473a78] a:focus{color:#fff;background-color:#1f1f1f;box-shadow:0 -4px #1f1f1f,0 2px #fff;-webkit-box-shadow:0 -4px #1f1f1f,0 2px #ffffff}.wra-banner-actions[data-v-09473a78]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}@media print{.hidden-print[data-v-09473a78]{display:none}}*[data-v-99803a33],*[data-v-99803a33]:before,*[data-v-99803a33]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-99803a33]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-99803a33]{font-size:16px}.wra-breadcrumbs-item[data-v-99803a33]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-99803a33]{display:flex;align-items:center;justify-content:center;margin-right:10px;color:#666}.wra-breadcrumbs-link--disabled[data-v-99803a33]{color:#666}.wra-breadcrumbs-link[data-v-99803a33]{text-decoration:none;font-weight:700;color:#2a225b}.wra-breadcrumbs-link[data-v-99803a33]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-99803a33]:focus{opacity:1;color:#1f1f1f}.wra-breadcrumbs-chevron[data-v-99803a33]{content:" ";display:inline-block;border:solid #666666;border-width:3px 3px 0px 0px;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-bf478d25]{background-color:#1f1f1f;color:#fff;font-weight:700;border:none;cursor:pointer}button[data-v-bf478d25]:hover{opacity:.8;transition:all .3s ease}button[data-v-bf478d25]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}button[data-v-bf478d25]:focus:hover{opacity:1}.wra-blue[data-v-bf478d25]{background-color:#0360a6}.wra-red[data-v-bf478d25]{background-color:#a11}.wra-green[data-v-bf478d25]{background-color:#019e1e}.wra-revenue[data-v-bf478d25]{background-color:#2a225b}.wra-white[data-v-bf478d25]{background-color:#fff;color:#1f1f1f;outline:2px solid #1f1f1f}.default-button[data-v-bf478d25]{font-size:20px;padding:15px 20px}.small-button[data-v-bf478d25]{font-size:14px;padding:5px 10px}.outlined-button[data-v-bf478d25]{background-color:transparent;outline:2px solid var(--color-prop, #1f1f1f);color:var(--color-prop, #1f1f1f)}.outlined-button[data-v-bf478d25]:hover{opacity:1;background-color:var(--color-prop, #1f1f1f);color:#fff;transition:all .3s ease}.icon[data-v-bf478d25]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.back-icon[data-v-bf478d25]{border-width:3px 3px 0px 0px}.next-icon[data-v-bf478d25]{border-width:0px 0px 3px 3px}.prepend-icon-wrapper[data-v-bf478d25]{margin-right:15px}.append-icon-wrapper[data-v-bf478d25]{margin-left:15px}.card[data-v-eac873d3]{background-color:#f1f1f1;padding:20px 24px}.checkbox-label[data-v-32449131]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-32449131]:hover{background:#b5b5b5}.checkbox-input[data-v-32449131]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:#1f1f1f;width:20px;height:20px;border:1px solid #1f1f1f;border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-32449131]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:#1f1f1f;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-32449131]:checked:before{transform:scale(1)}.checkbox-input[data-v-32449131]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.checkbox-input[data-v-32449131]:focus-visible{outline-offset:0px}.checkbox-text[data-v-32449131]{padding:0 0 0 10px;font-size:18px}.checkbox[data-v-035e0eca]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-035e0eca]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-035e0eca]:hover{background:#b5b5b5}.checkbox-input[data-v-035e0eca]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:#1f1f1f;width:20px;height:20px;border:1px solid #1f1f1f;border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-035e0eca]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:#1f1f1f;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-035e0eca]:checked:before{transform:scale(1)}.checkbox-input[data-v-035e0eca]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.checkbox-input[data-v-035e0eca]:focus-visible{outline-offset:0px}.checkbox-text[data-v-035e0eca]{padding:0 0 0 10px;font-size:18px}.content-section-title[data-v-1d23d898]{border-bottom:2px solid #e5e5e5;border-top:10px solid #e5e5e5;padding-bottom:20px;padding-top:30px}*[data-v-adc61edc],*[data-v-adc61edc]:before,*[data-v-adc61edc]:after{box-sizing:border-box}.input-wrapper[data-v-adc61edc]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-adc61edc]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-adc61edc]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-adc61edc]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-adc61edc]{padding:16px 6px}.padding-for-no-prefix[data-v-adc61edc]{padding:16px}.input-wrapper[data-v-adc61edc]:focus-within{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}input[data-v-adc61edc]{border:none}label[data-v-adc61edc]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-adc61edc]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[data-v-7e328b0a],*[data-v-7e328b0a]:before,*[data-v-7e328b0a]:after{box-sizing:border-box}input[data-v-7e328b0a]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%;height:59px}input[data-v-7e328b0a]:focus{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}label[data-v-7e328b0a]{color:#1f1f1f;font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-7e328b0a]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}hr[data-v-5554eece]{margin:0}.wra-divider[data-v-5554eece]{border:3px solid #e5e5e5}.wra-divider-large[data-v-5554eece]{border:4px solid #e5e5e5}.wra-divider-small[data-v-5554eece]{border:2px solid #e5e5e5}.panel-icon[data-v-6993ae29]{content:" ";display:inline-block;border:solid #1f1f1f;border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-6993ae29]{margin-left:8px}.show-panel-icon[data-v-6993ae29]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-6993ae29]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}button[data-v-6993ae29]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:#2a225b;border:none;border-left:2px solid #b5b5b5;cursor:pointer;width:100%;text-align:left}button[data-v-6993ae29]:hover{opacity:.8}button[data-v-6993ae29]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:-2px;border-color:#ffd530}button[data-v-6993ae29]:focus:hover{opacity:1}.panel-content[data-v-6993ae29]{display:grid;border-left:2px solid #b5b5b5;background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-6993ae29]{overflow:hidden}.slide-fade-enter-active[data-v-6993ae29],.slide-fade-leave-active[data-v-6993ae29]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-6993ae29],.slide-fade-leave-to[data-v-6993ae29]{grid-template-rows:0fr}.wra-footer[data-v-182e61db]{flex-grow:0;background-color:#f1f1f1;padding:70px 20px 50px}@media print{.hidden-print[data-v-182e61db]{display:none}}div[data-v-2f692b7a]{font-weight:700}h1[data-v-2f692b7a]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-2f692b7a]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-2f692b7a]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-2f692b7a]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-2f692b7a]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-2f692b7a]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}*[data-v-a1adb454],*[data-v-a1adb454]:before,*[data-v-a1adb454]:after{box-sizing:border-box}.input-wrapper[data-v-a1adb454]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-a1adb454]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-a1adb454]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-a1adb454]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-a1adb454]{padding:16px 6px}.padding-for-no-prefix[data-v-a1adb454]{padding:16px}.input-wrapper[data-v-a1adb454]:focus-within{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}input[data-v-a1adb454]{border:none}label[data-v-a1adb454]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-a1adb454]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.pagination-button[data-v-b3b431ea]{background-color:transparent;color:#2a225b;font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button>*[data-v-b3b431ea]:first-child{margin-right:8px}.pagination-button[data-v-b3b431ea]:hover,.pagination-number[data-v-b3b431ea]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-b3b431ea]:focus,.pagination-number[data-v-b3b431ea]:focus{color:#1f1f1f;background-color:#ffd530;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}.pagination-button[data-v-b3b431ea]:focus:hover,.pagination-number[data-v-b3b431ea]:focus:hover{opacity:1}.pagination-number[data-v-b3b431ea]{color:#2a2a2a;background-color:#f1f1f1;padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;width:3rem;text-align:center}.pagination-number[data-v-b3b431ea]:hover{color:#2a2a2a;opacity:.8}.pagination-number--selected[data-v-b3b431ea]{background-color:#2a225b;color:#fff}.pagination-number--selected[data-v-b3b431ea]:hover:not(:focus){color:#fff}.pagination-divider[data-v-b3b431ea]{font-size:18px}.pagination[data-v-b3b431ea]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-b3b431ea]{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-b3b431ea]{border-width:3px 3px 0px 0px}.next-icon[data-v-b3b431ea]{border-width:0px 0px 3px 3px}*[data-v-7d5eb543],*[data-v-7d5eb543]:before,*[data-v-7d5eb543]:after{box-sizing:border-box}.input-wrapper[data-v-7d5eb543]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-7d5eb543]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-7d5eb543]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-7d5eb543]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-7d5eb543]{padding:16px 6px}.padding-for-no-prefix[data-v-7d5eb543]{padding:16px}.input-wrapper[data-v-7d5eb543]:focus-within{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}input[data-v-7d5eb543]{border:none}label[data-v-7d5eb543]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-7d5eb543]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.radio-label[data-v-3c9ed011]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;display:grid;grid-template-columns:20px auto}.radio-label[data-v-3c9ed011]:hover{background:#b5b5b5}.radio-input[data-v-3c9ed011]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:#1f1f1f;width:20px;height:20px;border:1px solid #1f1f1f;border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-3c9ed011]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:#1f1f1f}.radio-input[data-v-3c9ed011]:checked:before{transform:scale(1)}.radio-input[data-v-3c9ed011]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.radio-input[data-v-3c9ed011]:focus-visible{outline-offset:0px}.radio-text[data-v-3c9ed011]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-3c9ed011]{font-size:14px}p[data-v-3c9ed011]{margin:0}.radio[data-v-9602790b]:not(:last-child):not(:only-child){margin-bottom:8px}*[data-v-b3b8a61e],*[data-v-b3b8a61e]:before,*[data-v-b3b8a61e]:after{box-sizing:border-box}select[data-v-b3b8a61e]{-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:16px}.select[data-v-b3b8a61e]{border:1px solid #1f1f1f;border-radius:0;padding-right:16px;font-size:16px;cursor:pointer;line-height:20px;background-color:#fff;display:grid;grid-template-areas:"select";align-items:center;position:relative}.select[data-v-b3b8a61e]:after{content:"";width:.8em;height:.5em;background-color:#1f1f1f;clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-b3b8a61e],.select[data-v-b3b8a61e]:after{grid-area:select}select:focus+.focus[data-v-b3b8a61e]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid #1f1f1f;outline:3px solid #ffd530;border-radius:inherit}label[data-v-b3b8a61e]{color:#1f1f1f;font-size:16px}.service-logo[data-v-0ba072f4]{max-width:100%}.service-link[data-v-0ba072f4]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-0ba072f4]:focus{border:#ffd530 solid 2px;outline:#1f1f1f solid 2px;background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:#f1f1f1}.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:#1f1f1f;border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid #666666}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid #666666}.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}*[data-v-d365ea40],*[data-v-d365ea40]:before,*[data-v-d365ea40]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-d365ea40]{background:#e5e5e5;font-size:18px;padding:20px 16px 20px 24px;border-left:3px solid #a5a5a5;position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-d365ea40]{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-d365ea40]{width:80%}}.snackbar-content[data-v-d365ea40]{text-wrap:wrap}.close-icon-wrapper[data-v-d365ea40]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-d365ea40]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-d365ea40]:focus{background-color:#ffd530;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}.close-icon-wrapper[data-v-d365ea40]:focus:hover{opacity:1}.close-icon-line-one[data-v-d365ea40]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-d365ea40]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-d365ea40]{background-color:#ffe4e5;border-color:#a11}.wra-success[data-v-d365ea40]{background-color:#cdf7d4;border-color:#019e1e}.wra-info[data-v-d365ea40]{background-color:#c2e0fc;border-color:#0360a6}.wra-warning[data-v-d365ea40]{background-color:#fff5ce;border-color:#ffd530}.sr-only[data-v-d365ea40]{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-d365ea40],.snackbar-leave-active[data-v-d365ea40]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-d365ea40],.snackbar-leave-to[data-v-d365ea40]{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}.wra-table{width:100%;line-height:20px;background-color:#f1f1f1;color:#1f1f1f;border-spacing:0;padding:0 16px 16px;table-layout:auto}.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 #666666}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid #666666}.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 #666666}#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-19bb5a16]{box-sizing:border-box;border:none}.tab-button[data-v-19bb5a16]{border-top:6px #0360a6 solid;font-size:24px;font-weight:700;color:#c2e0fc;background:#1f446d;padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-19bb5a16]:hover:not(.tab-button--active){background:#3b7dc5;color:#fff}.tab-button.tab-button--active[data-v-19bb5a16]:focus{border-color:#1f1f1f;box-shadow:2px 0 #1f1f1f inset,-2px -2px #1f1f1f inset}.tab-button--active[data-v-19bb5a16]{background:#fff;color:#1f1f1f;border-top:6px #b5b5b5 solid}.tab-button[data-v-19bb5a16]:focus{border-top:6px #0360a6 solid;color:#1f1f1f;background:#ffd530;box-shadow:2px 2px #1f1f1f inset,-2px -2px #1f1f1f inset;outline-style:none}@media (max-width: 768px){.tab-button[data-v-19bb5a16]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-bbf8594b]{background-color:#0360a6;width:100%}*[data-v-5633552a],*[data-v-5633552a]:before,*[data-v-5633552a]:after{box-sizing:border-box}textarea[data-v-5633552a]{font-size:16px;padding:10px 16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%}textarea[data-v-5633552a]:focus{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}label[data-v-5633552a]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-5633552a]{margin-top:10px;padding:10px;background:#ffe4e5;color:#1f1f1f;font-size:16px;border-left:#aa1111 3px solid}*[data-v-803683a9],*[data-v-803683a9]:before,*[data-v-803683a9]:after{box-sizing:border-box}input[data-v-803683a9]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;height:59px;width:100%}input[data-v-803683a9]:focus{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}label[data-v-803683a9]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-803683a9]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.validation-tooltip[data-v-0a204122]{color:#1f1f1f;border-radius:0;font-size:18px;padding:20px 16px 20px 24px}.wra-error[data-v-0a204122]{background-color:#ffe4e5;border-left:10px solid #aa1111}.wra-success[data-v-0a204122]{background-color:#cdf7d4;border-left:10px solid #019e1e}.wra-info[data-v-0a204122]{background-color:#c2e0fc;border-left:10px solid #0360a6}.wra-warning[data-v-0a204122]{background-color:#fff5ce;border-left:10px solid #ffd530}')),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
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 #e5e5e5;font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:#2a225b;font-weight:700}a:hover{color:#2a225b;text-decoration:none}a:focus-visible{color:#1f1f1f;background-color:#ffd530;box-shadow:0 -4px #ffd530,0 2px #1f1f1f;outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px #ffd530,0 2px #1f1f1f}*[data-v-dbbbd450],*[data-v-dbbbd450]:before,*[data-v-dbbbd450]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-dbbbd450]{background-color:#323232;font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-dbbbd450]{display:none}}*[data-v-ea1f573c],*[data-v-ea1f573c]:before,*[data-v-ea1f573c]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-ea1f573c]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%}.autocomplete-input[data-v-ea1f573c]:disabled{opacity:.3}.autocomplete-input--focus[data-v-ea1f573c]{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}.autocomplete-label[data-v-ea1f573c]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-ea1f573c]{position:absolute;display:block;list-style-type:none;z-index:1;padding:0;border:1px solid #1f1f1f;border-top:0px;width:100%;max-height:200px;background:#f1f1f1;overflow-y:auto}.autocomplete-list>li[data-v-ea1f573c]{padding:2px 16px;border-bottom:1px solid #1f1f1f;cursor:pointer}.autocomplete-list>li[data-v-ea1f573c]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-ea1f573c]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-ea1f573c]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-ea1f573c]{background:#3b7dc5;color:#fff}.autocomplete-item-not-clickable[data-v-ea1f573c]{cursor:not-allowed}.autocomplete[data-v-ea1f573c]{position:relative}*[data-v-09473a78],*[data-v-09473a78]:before,*[data-v-09473a78]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-09473a78]{background-color:#f1f1f1;font-size:18px;color:#1f1f1f;padding:20px;border:none}.new-service[data-v-09473a78]{background-color:#ffd530}.new-service[data-v-09473a78] a{color:#1f1f1f}.new-service[data-v-09473a78] a:focus{color:#fff;background-color:#1f1f1f;box-shadow:0 -4px #1f1f1f,0 2px #fff;-webkit-box-shadow:0 -4px #1f1f1f,0 2px #ffffff}.wra-banner-actions[data-v-09473a78]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}@media print{.hidden-print[data-v-09473a78]{display:none}}*[data-v-99803a33],*[data-v-99803a33]:before,*[data-v-99803a33]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-99803a33]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-99803a33]{font-size:16px}.wra-breadcrumbs-item[data-v-99803a33]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-99803a33]{display:flex;align-items:center;justify-content:center;margin-right:10px;color:#666}.wra-breadcrumbs-link--disabled[data-v-99803a33]{color:#666}.wra-breadcrumbs-link[data-v-99803a33]{text-decoration:none;font-weight:700;color:#2a225b}.wra-breadcrumbs-link[data-v-99803a33]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-99803a33]:focus{opacity:1;color:#1f1f1f}.wra-breadcrumbs-chevron[data-v-99803a33]{content:" ";display:inline-block;border:solid #666666;border-width:3px 3px 0px 0px;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-bf478d25]{background-color:#1f1f1f;color:#fff;font-weight:700;border:none;cursor:pointer}button[data-v-bf478d25]:hover{opacity:.8;transition:all .3s ease}button[data-v-bf478d25]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}button[data-v-bf478d25]:focus:hover{opacity:1}.wra-blue[data-v-bf478d25]{background-color:#0360a6}.wra-red[data-v-bf478d25]{background-color:#a11}.wra-green[data-v-bf478d25]{background-color:#019e1e}.wra-revenue[data-v-bf478d25]{background-color:#2a225b}.wra-white[data-v-bf478d25]{background-color:#fff;color:#1f1f1f;outline:2px solid #1f1f1f}.default-button[data-v-bf478d25]{font-size:20px;padding:15px 20px}.small-button[data-v-bf478d25]{font-size:14px;padding:5px 10px}.outlined-button[data-v-bf478d25]{background-color:transparent;outline:2px solid var(--color-prop, #1f1f1f);color:var(--color-prop, #1f1f1f)}.outlined-button[data-v-bf478d25]:hover{opacity:1;background-color:var(--color-prop, #1f1f1f);color:#fff;transition:all .3s ease}.icon[data-v-bf478d25]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.back-icon[data-v-bf478d25]{border-width:3px 3px 0px 0px}.next-icon[data-v-bf478d25]{border-width:0px 0px 3px 3px}.prepend-icon-wrapper[data-v-bf478d25]{margin-right:15px}.append-icon-wrapper[data-v-bf478d25]{margin-left:15px}.card[data-v-eac873d3]{background-color:#f1f1f1;padding:20px 24px}.checkbox-label[data-v-32449131]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-32449131]:hover{background:#b5b5b5}.checkbox-input[data-v-32449131]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:#1f1f1f;width:20px;height:20px;border:1px solid #1f1f1f;border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-32449131]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:#1f1f1f;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-32449131]:checked:before{transform:scale(1)}.checkbox-input[data-v-32449131]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.checkbox-input[data-v-32449131]:focus-visible{outline-offset:0px}.checkbox-text[data-v-32449131]{padding:0 0 0 10px;font-size:18px}.checkbox[data-v-035e0eca]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-035e0eca]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-035e0eca]:hover{background:#b5b5b5}.checkbox-input[data-v-035e0eca]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:#1f1f1f;width:20px;height:20px;border:1px solid #1f1f1f;border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-035e0eca]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:#1f1f1f;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-035e0eca]:checked:before{transform:scale(1)}.checkbox-input[data-v-035e0eca]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.checkbox-input[data-v-035e0eca]:focus-visible{outline-offset:0px}.checkbox-text[data-v-035e0eca]{padding:0 0 0 10px;font-size:18px}.content-section-title[data-v-1d23d898]{border-bottom:2px solid #e5e5e5;border-top:10px solid #e5e5e5;padding-bottom:20px;padding-top:30px}*[data-v-941faa14],*[data-v-941faa14]:before,*[data-v-941faa14]:after{box-sizing:border-box}.input-wrapper[data-v-941faa14]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-941faa14]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-941faa14]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-941faa14]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-941faa14]{padding:16px 6px}.padding-for-no-prefix[data-v-941faa14]{padding:16px}.input-wrapper[data-v-941faa14]:focus-within{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}input[data-v-941faa14]{border:none}label[data-v-941faa14]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-941faa14]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[data-v-4372129a],*[data-v-4372129a]:before,*[data-v-4372129a]:after{box-sizing:border-box}input[data-v-4372129a]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%;height:59px}input[data-v-4372129a]:focus{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}label[data-v-4372129a]{color:#1f1f1f;font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-4372129a]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}hr[data-v-5554eece]{margin:0}.wra-divider[data-v-5554eece]{border:3px solid #e5e5e5}.wra-divider-large[data-v-5554eece]{border:4px solid #e5e5e5}.wra-divider-small[data-v-5554eece]{border:2px solid #e5e5e5}.panel-icon[data-v-b0e75875]{content:" ";display:inline-block;border:solid #1f1f1f;border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-b0e75875]{margin-left:8px}.show-panel-icon[data-v-b0e75875]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-b0e75875]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-b0e75875]{display:flex;justify-content:space-between}button[data-v-b0e75875]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:#2a225b;border:none;border-left:2px solid #b5b5b5;cursor:pointer;width:100%;text-align:left}button[data-v-b0e75875]:hover{opacity:.8}button[data-v-b0e75875]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:-2px;border-color:#ffd530}button[data-v-b0e75875]:focus:hover{opacity:1}.panel-content[data-v-b0e75875]{display:grid;border-left:2px solid #b5b5b5;background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-b0e75875]{overflow:hidden}.slide-fade-enter-active[data-v-b0e75875],.slide-fade-leave-active[data-v-b0e75875]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-b0e75875],.slide-fade-leave-to[data-v-b0e75875]{grid-template-rows:0fr}.wra-footer[data-v-182e61db]{flex-grow:0;background-color:#f1f1f1;padding:70px 20px 50px}@media print{.hidden-print[data-v-182e61db]{display:none}}div[data-v-2f692b7a]{font-weight:700}h1[data-v-2f692b7a]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-2f692b7a]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-2f692b7a]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-2f692b7a]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-2f692b7a]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-2f692b7a]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}*[data-v-7f5cc545],*[data-v-7f5cc545]:before,*[data-v-7f5cc545]:after{box-sizing:border-box}.input-wrapper[data-v-7f5cc545]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-7f5cc545]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-7f5cc545]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-7f5cc545]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-7f5cc545]{padding:16px 6px}.padding-for-no-prefix[data-v-7f5cc545]{padding:16px}.input-wrapper[data-v-7f5cc545]:focus-within{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}input[data-v-7f5cc545]{border:none}label[data-v-7f5cc545]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-7f5cc545]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.pagination-button[data-v-dfaff049]{background-color:transparent;color:#2a225b;font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button>*[data-v-dfaff049]:first-child{margin-right:8px}.pagination-button[data-v-dfaff049]:hover,.pagination-number[data-v-dfaff049]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-dfaff049]:focus,.pagination-number[data-v-dfaff049]:focus{color:#1f1f1f;background-color:#ffd530;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}.pagination-button[data-v-dfaff049]:focus:hover,.pagination-number[data-v-dfaff049]:focus:hover{opacity:1}.pagination-number[data-v-dfaff049]{color:#2a2a2a;background-color:#f1f1f1;padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;min-width:3rem;text-align:center}.pagination-number[data-v-dfaff049]:hover{color:#2a2a2a;opacity:.8}.pagination-number--selected[data-v-dfaff049]{background-color:#2a225b;color:#fff}.pagination-number--selected[data-v-dfaff049]:hover:not(:focus){color:#fff}.pagination-divider[data-v-dfaff049]{font-size:18px}.pagination[data-v-dfaff049]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-dfaff049]{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-dfaff049]{border-width:3px 3px 0px 0px}.next-icon[data-v-dfaff049]{border-width:0px 0px 3px 3px}*[data-v-d7cb56f3],*[data-v-d7cb56f3]:before,*[data-v-d7cb56f3]:after{box-sizing:border-box}.input-wrapper[data-v-d7cb56f3]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-d7cb56f3]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-d7cb56f3]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-d7cb56f3]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-d7cb56f3]{padding:16px 6px}.padding-for-no-prefix[data-v-d7cb56f3]{padding:16px}.input-wrapper[data-v-d7cb56f3]:focus-within{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}input[data-v-d7cb56f3]{border:none}label[data-v-d7cb56f3]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-d7cb56f3]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.radio-label[data-v-3c9ed011]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;display:grid;grid-template-columns:20px auto}.radio-label[data-v-3c9ed011]:hover{background:#b5b5b5}.radio-input[data-v-3c9ed011]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:#1f1f1f;width:20px;height:20px;border:1px solid #1f1f1f;border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-3c9ed011]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:#1f1f1f}.radio-input[data-v-3c9ed011]:checked:before{transform:scale(1)}.radio-input[data-v-3c9ed011]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.radio-input[data-v-3c9ed011]:focus-visible{outline-offset:0px}.radio-text[data-v-3c9ed011]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-3c9ed011]{font-size:14px}p[data-v-3c9ed011]{margin:0}.radio[data-v-9602790b]:not(:last-child):not(:only-child){margin-bottom:8px}*[data-v-b3b8a61e],*[data-v-b3b8a61e]:before,*[data-v-b3b8a61e]:after{box-sizing:border-box}select[data-v-b3b8a61e]{-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:16px}.select[data-v-b3b8a61e]{border:1px solid #1f1f1f;border-radius:0;padding-right:16px;font-size:16px;cursor:pointer;line-height:20px;background-color:#fff;display:grid;grid-template-areas:"select";align-items:center;position:relative}.select[data-v-b3b8a61e]:after{content:"";width:.8em;height:.5em;background-color:#1f1f1f;clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-b3b8a61e],.select[data-v-b3b8a61e]:after{grid-area:select}select:focus+.focus[data-v-b3b8a61e]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid #1f1f1f;outline:3px solid #ffd530;border-radius:inherit}label[data-v-b3b8a61e]{color:#1f1f1f;font-size:16px}.service-logo[data-v-0ba072f4]{max-width:100%}.service-link[data-v-0ba072f4]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-0ba072f4]:focus{border:#ffd530 solid 2px;outline:#1f1f1f solid 2px;background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:#f1f1f1}.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:#1f1f1f;border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid #666666}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid #666666}.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}*[data-v-d365ea40],*[data-v-d365ea40]:before,*[data-v-d365ea40]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-d365ea40]{background:#e5e5e5;font-size:18px;padding:20px 16px 20px 24px;border-left:3px solid #a5a5a5;position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-d365ea40]{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-d365ea40]{width:80%}}.snackbar-content[data-v-d365ea40]{text-wrap:wrap}.close-icon-wrapper[data-v-d365ea40]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-d365ea40]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-d365ea40]:focus{background-color:#ffd530;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}.close-icon-wrapper[data-v-d365ea40]:focus:hover{opacity:1}.close-icon-line-one[data-v-d365ea40]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-d365ea40]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-d365ea40]{background-color:#ffe4e5;border-color:#a11}.wra-success[data-v-d365ea40]{background-color:#cdf7d4;border-color:#019e1e}.wra-info[data-v-d365ea40]{background-color:#c2e0fc;border-color:#0360a6}.wra-warning[data-v-d365ea40]{background-color:#fff5ce;border-color:#ffd530}.sr-only[data-v-d365ea40]{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-d365ea40],.snackbar-leave-active[data-v-d365ea40]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-d365ea40],.snackbar-leave-to[data-v-d365ea40]{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}.wra-table{width:100%;line-height:20px;background-color:#f1f1f1;color:#1f1f1f;border-spacing:0;padding:0 16px 16px;table-layout:auto}.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 #666666}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid #666666}.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 #666666}#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-19bb5a16]{box-sizing:border-box;border:none}.tab-button[data-v-19bb5a16]{border-top:6px #0360a6 solid;font-size:24px;font-weight:700;color:#c2e0fc;background:#1f446d;padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-19bb5a16]:hover:not(.tab-button--active){background:#3b7dc5;color:#fff}.tab-button.tab-button--active[data-v-19bb5a16]:focus{border-color:#1f1f1f;box-shadow:2px 0 #1f1f1f inset,-2px -2px #1f1f1f inset}.tab-button--active[data-v-19bb5a16]{background:#fff;color:#1f1f1f;border-top:6px #b5b5b5 solid}.tab-button[data-v-19bb5a16]:focus{border-top:6px #0360a6 solid;color:#1f1f1f;background:#ffd530;box-shadow:2px 2px #1f1f1f inset,-2px -2px #1f1f1f inset;outline-style:none}@media (max-width: 768px){.tab-button[data-v-19bb5a16]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-bbf8594b]{background-color:#0360a6;width:100%}*[data-v-5633552a],*[data-v-5633552a]:before,*[data-v-5633552a]:after{box-sizing:border-box}textarea[data-v-5633552a]{font-size:16px;padding:10px 16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%}textarea[data-v-5633552a]:focus{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}label[data-v-5633552a]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-5633552a]{margin-top:10px;padding:10px;background:#ffe4e5;color:#1f1f1f;font-size:16px;border-left:#aa1111 3px solid}*[data-v-939d17a1],*[data-v-939d17a1]:before,*[data-v-939d17a1]:after{box-sizing:border-box}input[data-v-939d17a1]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;height:59px;width:100%}input[data-v-939d17a1]:focus{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}label[data-v-939d17a1]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-939d17a1]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.validation-tooltip[data-v-0a204122]{color:#1f1f1f;border-radius:0;font-size:18px;padding:20px 16px 20px 24px}.wra-error[data-v-0a204122]{background-color:#ffe4e5;border-left:10px solid #aa1111}.wra-success[data-v-0a204122]{background-color:#cdf7d4;border-left:10px solid #019e1e}.wra-info[data-v-0a204122]{background-color:#c2e0fc;border-left:10px solid #0360a6}.wra-warning[data-v-0a204122]{background-color:#fff5ce;border-left:10px solid #ffd530}')),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
2
  import { openBlock as l, createElementBlock as o, normalizeClass as b, renderSlot as k, toDisplayString as c, createCommentVNode as h, withDirectives as T, createElementVNode as u, withKeys as v, withModifiers as C, vModelText as se, Fragment as _, renderList as w, vShow as ie, pushScopeId as F, popScopeId as L, resolveDirective as B, normalizeStyle as j, createTextVNode as O, createVNode as re, Transition as J, withCtx as Z, resolveComponent as Q, createBlock as H, mergeProps as z } from "vue";
3
3
  const p = (e, a) => {
4
4
  const t = e.__vccOpts || e;
@@ -685,31 +685,71 @@ const K = /* @__PURE__ */ new WeakMap(), ct = (e, a) => {
685
685
  directives: { maska: q },
686
686
  name: "wra-custom-input",
687
687
  props: {
688
+ /**
689
+ * The value of the input field.
690
+ * @type {string|number}
691
+ * @required
692
+ */
688
693
  modelValue: {
689
- required: !0
694
+ required: !0,
695
+ default: ""
690
696
  },
697
+ /**
698
+ * The mask pattern for the input field.
699
+ * @type {string}
700
+ */
691
701
  dataMaska: {
692
702
  type: String
693
703
  },
704
+ /**
705
+ * Whether to apply the mask eagerly.
706
+ * @type {boolean}
707
+ * @default false
708
+ */
694
709
  dataMaskaEager: {
695
710
  type: Boolean,
696
711
  default: !1
697
712
  },
713
+ /**
714
+ * Whether to apply the mask in reverse.
715
+ * @type {boolean}
716
+ * @default false
717
+ */
698
718
  dataMaskaReversed: {
699
719
  type: Boolean,
700
720
  default: !1
701
721
  },
722
+ /**
723
+ * Custom tokens for the mask.
724
+ * @type {string}
725
+ */
702
726
  dataMaskaTokens: {
703
727
  type: String
704
728
  },
729
+ /**
730
+ * The label for the input field.
731
+ * @type {string}
732
+ */
705
733
  label: {
706
734
  type: String
707
735
  },
736
+ /**
737
+ * The ID for the input field.
738
+ * @type {string}
739
+ * @required
740
+ * @default "customInput"
741
+ */
708
742
  id: {
709
743
  type: String,
710
744
  required: !0,
711
745
  default: "customInput"
712
746
  },
747
+ /**
748
+ * The input mode for the input field.
749
+ * @type {string}
750
+ * @default "numeric"
751
+ * @validator value {string} - The input mode must be one of ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"].
752
+ */
713
753
  inputmode: {
714
754
  default: "numeric",
715
755
  type: String,
@@ -726,6 +766,12 @@ const K = /* @__PURE__ */ new WeakMap(), ct = (e, a) => {
726
766
  ].includes(e);
727
767
  }
728
768
  },
769
+ /**
770
+ * The type of the input field.
771
+ * @type {string}
772
+ * @default "text"
773
+ * @validator value {string} - The type must be one of ["text", "none", "tel", "url", "email", "numeric", "decimal"].
774
+ */
729
775
  type: {
730
776
  type: String,
731
777
  default: "text",
@@ -741,35 +787,58 @@ const K = /* @__PURE__ */ new WeakMap(), ct = (e, a) => {
741
787
  ].includes(e);
742
788
  }
743
789
  },
790
+ /**
791
+ * The placeholder text for the input field.
792
+ * @type {string}
793
+ */
744
794
  placeholder: {
745
795
  type: String
746
796
  },
747
797
  rules: {},
798
+ /**
799
+ * The prefix text to display before the input field.
800
+ * @type {string}
801
+ */
748
802
  prefix: {
749
803
  type: String
750
804
  },
805
+ /**
806
+ * The suffix text to display after the input field.
807
+ * @type {string}
808
+ */
751
809
  suffix: {
752
810
  type: String
811
+ },
812
+ /**
813
+ * Whether to emit maska details.
814
+ * @type {boolean}
815
+ * @default false
816
+ */
817
+ emitMaskaDetails: {
818
+ type: Boolean,
819
+ default: !1
753
820
  }
754
821
  },
755
822
  emits: ["update:modelValue", "valid"],
756
823
  data: () => ({
757
- unmaskedValue: "",
758
824
  errorMessage: "",
759
825
  firstValidation: !0,
760
- returnValue: ""
826
+ returnValue: {}
761
827
  }),
762
828
  watch: {
763
- modelValue(e) {
764
- this.unmaskedValue = e;
765
- },
766
- "returnValue.masked"() {
767
- this.$emit("update:modelValue", this.returnValue.unmasked), this.validate(this.returnValue.unmasked);
829
+ returnValue() {
830
+ this.$emit("update:modelValue", this.returnValue), this.validate(this.returnValue);
768
831
  }
769
832
  },
770
833
  methods: {
834
+ onMaska(e) {
835
+ this.$emit(
836
+ "update:modelValue",
837
+ this.emitMaskaDetails ? e : e.unmasked
838
+ ), this.validate(e.unmasked);
839
+ },
771
840
  validate(e) {
772
- if (this.errorMessage = "", this.rules != null)
841
+ if (this.errorMessage = "", this.rules != null) {
773
842
  for (let a = 0; a < this.rules.length; a++) {
774
843
  const t = this.rules[a];
775
844
  let i = t(e);
@@ -778,9 +847,10 @@ const K = /* @__PURE__ */ new WeakMap(), ct = (e, a) => {
778
847
  break;
779
848
  }
780
849
  }
781
- if (this.errorMessage == "" && this.$emit("valid", { id: this.id, value: !0 }), this.firstValidation == !0 && (this.firstValidation = !1, this.errorMessage != "")) {
782
- this.errorMessage = "";
783
- return;
850
+ if (this.errorMessage == "" && this.$emit("valid", { id: this.id, value: !0 }), this.firstValidation == !0 && (this.firstValidation = !1, this.errorMessage != "")) {
851
+ this.errorMessage = "";
852
+ return;
853
+ }
784
854
  }
785
855
  }
786
856
  },
@@ -790,12 +860,12 @@ const K = /* @__PURE__ */ new WeakMap(), ct = (e, a) => {
790
860
  }
791
861
  },
792
862
  mounted() {
793
- this.unmaskedValue = this.modelValue, this.validate(this.modelValue);
863
+ this.$emit("update:modelValue", this.modelValue), this.validate(this.modelValue);
794
864
  }
795
865
  }, ft = ["for"], pt = { class: "input-wrapper" }, mt = {
796
866
  key: 0,
797
867
  class: "prefix"
798
- }, gt = ["id", "type", "value", "inputmode", "placeholder", "data-maska", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], kt = {
868
+ }, gt = ["id", "type", "value", "inputmode", "placeholder", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], kt = {
799
869
  key: 1,
800
870
  class: "suffix"
801
871
  };
@@ -813,37 +883,59 @@ function bt(e, a, t, i, r, s) {
813
883
  T(u("input", {
814
884
  id: t.id,
815
885
  type: t.type,
816
- value: e.unmaskedValue,
886
+ value: t.modelValue,
817
887
  inputmode: t.inputmode || "numeric",
818
888
  placeholder: t.placeholder,
819
- "data-maska": t.dataMaska,
820
889
  "data-maska-eager": t.dataMaskaEager,
821
890
  "data-maska-reversed": t.dataMaskaReversed,
822
891
  "data-maska-tokens": t.dataMaskaTokens,
823
- class: b(s.prefixPadding)
824
- }, null, 10, gt), [
825
- [n, void 0, "returnValue"]
892
+ class: b(s.prefixPadding),
893
+ onMaska: a[0] || (a[0] = (d) => s.onMaska(d.detail))
894
+ }, null, 42, gt), [
895
+ [n, t.dataMaska, "returnValue"]
826
896
  ]),
827
897
  t.suffix ? (l(), o("span", kt, c(t.suffix), 1)) : h("", !0)
828
898
  ]),
829
899
  u("p", null, c(e.errorMessage), 1)
830
900
  ], 2);
831
901
  }
832
- const _t = /* @__PURE__ */ p(ht, [["render", bt], ["__scopeId", "data-v-adc61edc"]]), vt = {
902
+ const _t = /* @__PURE__ */ p(ht, [["render", bt], ["__scopeId", "data-v-941faa14"]]), vt = {
833
903
  directives: { maska: q },
834
904
  name: "wra-date-input",
835
905
  props: {
906
+ /**
907
+ * The value of the input field.
908
+ * @required
909
+ * @default ""
910
+ */
836
911
  modelValue: {
837
- required: !0
912
+ required: !0,
913
+ default: ""
838
914
  },
915
+ /**
916
+ * The label for the input field.
917
+ * @type {string}
918
+ */
839
919
  label: {
840
920
  type: String
841
921
  },
922
+ /**
923
+ * The ID for the input field.
924
+ * @type {string}
925
+ * @required
926
+ * @default "dateInput"
927
+ */
842
928
  id: {
843
929
  required: !0,
844
930
  default: "dateInput",
845
931
  type: String
846
932
  },
933
+ /**
934
+ * The input mode for the input field.
935
+ * @type {string}
936
+ * @default "numeric"
937
+ * @validator value {string} - The input mode must be "numeric".
938
+ */
847
939
  inputmode: {
848
940
  default: "numeric",
849
941
  type: String,
@@ -852,10 +944,21 @@ const _t = /* @__PURE__ */ p(ht, [["render", bt], ["__scopeId", "data-v-adc61edc
852
944
  }
853
945
  },
854
946
  required: {},
947
+ /**
948
+ * The placeholder text for the input field.
949
+ * @type {string}
950
+ * @default "DD/MM/YYYY"
951
+ *
952
+ */
855
953
  placeholder: {
856
954
  default: "DD/MM/YYYY",
857
955
  type: String
858
956
  },
957
+ /**
958
+ * Whether to use default validation for the input field.
959
+ * @type {boolean}
960
+ * @default false
961
+ */
859
962
  defaultValidation: {
860
963
  default: !1
861
964
  }
@@ -868,11 +971,20 @@ const _t = /* @__PURE__ */ p(ht, [["render", bt], ["__scopeId", "data-v-adc61edc
868
971
  dateObjectValue: null
869
972
  }),
870
973
  watch: {
974
+ /**
975
+ * Watcher for modelValue prop.
976
+ * @param {string} newValue - The new value of the modelValue prop.
977
+ */
871
978
  modelValue(e) {
872
979
  e != this.dateObjectValue && this.setInitialState();
873
980
  }
874
981
  },
875
982
  methods: {
983
+ /**
984
+ * Swaps the day and month in a date string.
985
+ * @param {string} input - The input date string in DD/MM/YYYY format.
986
+ * @returns {string} - The date string with day and month swapped.
987
+ */
876
988
  swapMonthDay(e) {
877
989
  var a = e.split("/");
878
990
  return a[1] + "/" + a[0] + "/" + a[2];
@@ -891,13 +1003,16 @@ const _t = /* @__PURE__ */ p(ht, [["render", bt], ["__scopeId", "data-v-adc61edc
891
1003
  }
892
1004
  },
893
1005
  validate(e) {
894
- if (this.defaultValidation == !1)
1006
+ if (this.defaultValidation === !1)
895
1007
  return !0;
896
1008
  let a = !0;
897
1009
  return e === null ? (this.required == !0 && (this.showError = !0, a = !1), this.required == !1 && (this.maskedValue.length == 0 ? (this.showError = !1, a = !0) : (this.showError = !0, a = !1)), this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a) : (e == "Invalid Date" && (a = !1), parseInt(this.maskedValue.split("/")[1]) - 1 != e.getMonth() && (a = !1), this.showError = !a, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a);
898
1010
  },
1011
+ /**
1012
+ * Sets the initial state of the component based on the modelValue prop.
1013
+ */
899
1014
  setInitialState() {
900
- if (this.modelValue == null || this.modelValue == "") {
1015
+ if (typeof this.modelValue == null || this.modelValue == null || this.modelValue == "") {
901
1016
  this.convertToDate("");
902
1017
  return;
903
1018
  }
@@ -928,19 +1043,18 @@ function St(e, a, t, i, r, s) {
928
1043
  id: t.id,
929
1044
  type: "text",
930
1045
  value: e.maskedValue,
931
- inputmode: t.inputmode || "numeric",
1046
+ inputmode: t.inputmode ?? "numeric",
932
1047
  placeholder: t.placeholder,
933
1048
  defaultValidation: t.defaultValidation,
934
1049
  onInput: a[0] || (a[0] = (d) => s.convertToDate(d.target.value)),
935
- "data-maska": "##/##/####",
936
1050
  "data-maska-eager": ""
937
1051
  }, null, 40, wt), [
938
- [n]
1052
+ [n, "##/##/####"]
939
1053
  ]),
940
1054
  e.showError && t.required != null ? (l(), o("p", Vt, "Invalid date")) : h("", !0)
941
1055
  ], 2);
942
1056
  }
943
- const It = /* @__PURE__ */ p(vt, [["render", St], ["__scopeId", "data-v-7e328b0a"]]), $t = {
1057
+ const It = /* @__PURE__ */ p(vt, [["render", St], ["__scopeId", "data-v-4372129a"]]), $t = {
944
1058
  name: "wra-divider",
945
1059
  props: {
946
1060
  /** Thickness of the divider */
@@ -1007,6 +1121,7 @@ const Pt = /* @__PURE__ */ p($t, [["render", Mt], ["__scopeId", "data-v-5554eece
1007
1121
  function qt(e, a, t, i, r, s) {
1008
1122
  return l(), o("div", null, [
1009
1123
  u("button", {
1124
+ class: "expansion-button",
1010
1125
  "aria-controls": "expansion-content-" + t.ariaTitle,
1011
1126
  id: "expansion-control-" + t.ariaTitle,
1012
1127
  onClick: a[0] || (a[0] = (...n) => s.togglePanel && s.togglePanel(...n)),
@@ -1039,7 +1154,7 @@ function qt(e, a, t, i, r, s) {
1039
1154
  })
1040
1155
  ]);
1041
1156
  }
1042
- const At = /* @__PURE__ */ p(Tt, [["render", qt], ["__scopeId", "data-v-6993ae29"]]), Et = {
1157
+ const At = /* @__PURE__ */ p(Tt, [["render", qt], ["__scopeId", "data-v-b0e75875"]]), Et = {
1043
1158
  name: "wra-footer",
1044
1159
  props: {
1045
1160
  /** Display the footer when printed */
@@ -1139,57 +1254,102 @@ const Xt = /* @__PURE__ */ p(Yt, [["render", Qt]]), ea = {
1139
1254
  directives: { maska: q },
1140
1255
  name: "wra-number-input",
1141
1256
  props: {
1257
+ /**
1258
+ * The value of the input field.
1259
+ * @type {string|number}
1260
+ * @required
1261
+ */
1142
1262
  modelValue: {
1143
- required: !0
1263
+ required: !0,
1264
+ default: ""
1144
1265
  },
1266
+ /**
1267
+ * The label for the input field.
1268
+ * @type {string}
1269
+ */
1145
1270
  label: {
1146
1271
  type: String
1147
1272
  },
1273
+ /**
1274
+ * The ID for the input field.
1275
+ * @type {string}
1276
+ * @required
1277
+ * @default "numberInput"
1278
+ */
1148
1279
  id: {
1149
1280
  type: String,
1150
1281
  required: !0,
1151
1282
  default: "numberInput"
1152
1283
  },
1284
+ /**
1285
+ * The type of the input field.
1286
+ * @type {string}
1287
+ * @default "text"
1288
+ * @validator value {string} - The type must be one of ["text", "password", "search"].
1289
+ */
1153
1290
  type: {
1154
1291
  type: String,
1155
- default: "number",
1292
+ // Default of number causes issues with maska
1293
+ default: "text",
1156
1294
  validator(e) {
1157
- return ["number", "password", "search"].includes(e);
1295
+ return ["text", "password", "search"].includes(e);
1158
1296
  }
1159
1297
  },
1298
+ /**
1299
+ * The input mode for the input field.
1300
+ * @type {string}
1301
+ * @default "numeric"
1302
+ */
1160
1303
  inputmode: {
1161
- default: "numeric",
1162
1304
  type: String,
1305
+ default: "numeric",
1163
1306
  validator(e) {
1164
1307
  return ["numeric", "decimal", "text"].includes(e);
1165
1308
  }
1166
1309
  },
1310
+ /**
1311
+ * The placeholder text for the input field.
1312
+ * @type {string}
1313
+ */
1167
1314
  placeholder: {
1168
1315
  type: String
1169
1316
  },
1317
+ /**
1318
+ * Validation rules for the input field.
1319
+ * @type {Array<Function>}
1320
+ */
1170
1321
  rules: {},
1322
+ /**
1323
+ * The prefix text to display before the input field.
1324
+ * @type {string}
1325
+ */
1171
1326
  prefix: {
1172
1327
  type: String
1173
1328
  },
1329
+ /**
1330
+ * The suffix text to display after the input field.
1331
+ * @type {string}
1332
+ */
1174
1333
  suffix: {
1175
1334
  type: String
1335
+ },
1336
+ /**
1337
+ * Whether to emit full maska details, including masked and unmasked values.
1338
+ * @type {boolean}
1339
+ * @default false
1340
+ */
1341
+ emitMaskaDetails: {
1342
+ type: Boolean,
1343
+ default: !1
1176
1344
  }
1177
1345
  },
1178
1346
  emits: ["update:modelValue", "valid"],
1179
1347
  data: () => ({
1180
- maskedValue: "",
1348
+ dataValue: "",
1181
1349
  errorMessage: "",
1182
1350
  firstValidation: !0,
1183
1351
  returnValue: ""
1184
1352
  }),
1185
- watch: {
1186
- modelValue(e) {
1187
- this.maskedValue = e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
1188
- },
1189
- "returnValue.masked"() {
1190
- this.$emit("update:modelValue", this.returnValue.unmasked), this.validate(this.returnValue.unmasked);
1191
- }
1192
- },
1193
1353
  methods: {
1194
1354
  validate(e) {
1195
1355
  if (this.errorMessage = "", this.rules != null)
@@ -1205,6 +1365,12 @@ const Xt = /* @__PURE__ */ p(Yt, [["render", Qt]]), ea = {
1205
1365
  this.errorMessage = "";
1206
1366
  return;
1207
1367
  }
1368
+ },
1369
+ onMaska(e) {
1370
+ this.$emit(
1371
+ "update:modelValue",
1372
+ this.emitMaskaDetails ? e : e.unmasked
1373
+ ), this.validate(e.unmasked);
1208
1374
  }
1209
1375
  },
1210
1376
  computed: {
@@ -1212,13 +1378,13 @@ const Xt = /* @__PURE__ */ p(Yt, [["render", Qt]]), ea = {
1212
1378
  return this.prefix != null ? "padding-for-prefix" : "padding-for-no-prefix";
1213
1379
  }
1214
1380
  },
1215
- mounted() {
1216
- this.maskedValue = this.modelValue, this.validate(this.modelValue);
1381
+ created() {
1382
+ this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
1217
1383
  }
1218
1384
  }, ta = ["for"], aa = { class: "input-wrapper" }, sa = {
1219
1385
  key: 0,
1220
1386
  class: "prefix"
1221
- }, ia = ["id", "type", "value", "inputmode", "placeholder"], ra = {
1387
+ }, ia = ["id", "type", "inputmode", "placeholder", "value"], ra = {
1222
1388
  key: 1,
1223
1389
  class: "suffix"
1224
1390
  };
@@ -1235,23 +1401,28 @@ function na(e, a, t, i, r, s) {
1235
1401
  t.prefix ? (l(), o("span", sa, c(t.prefix), 1)) : h("", !0),
1236
1402
  T(u("input", {
1237
1403
  id: t.id,
1238
- type: e.text,
1239
- value: e.maskedValue,
1404
+ type: t.type,
1240
1405
  inputmode: t.inputmode || "numeric",
1241
1406
  placeholder: t.placeholder,
1242
- "data-maska": "9,99#",
1407
+ value: t.modelValue,
1243
1408
  "data-maska-tokens": "9:[0-9]:repeated",
1244
1409
  "data-maska-reversed": "",
1410
+ onMaska: a[0] || (a[0] = (d) => s.onMaska(d.detail)),
1245
1411
  class: b(s.prefixPadding)
1246
- }, null, 10, ia), [
1247
- [n, void 0, "returnValue"]
1412
+ }, null, 42, ia), [
1413
+ [
1414
+ n,
1415
+ "9,99#",
1416
+ "returnValue",
1417
+ { unmasked: !0 }
1418
+ ]
1248
1419
  ]),
1249
1420
  t.suffix ? (l(), o("span", ra, c(t.suffix), 1)) : h("", !0)
1250
1421
  ]),
1251
1422
  u("p", null, c(e.errorMessage), 1)
1252
1423
  ], 2);
1253
1424
  }
1254
- const la = /* @__PURE__ */ p(ea, [["render", na], ["__scopeId", "data-v-a1adb454"]]), oa = {
1425
+ const la = /* @__PURE__ */ p(ea, [["render", na], ["__scopeId", "data-v-7f5cc545"]]), oa = {
1255
1426
  name: "wra-pagination",
1256
1427
  data: () => ({
1257
1428
  currentPage: 0
@@ -1289,25 +1460,25 @@ const la = /* @__PURE__ */ p(ea, [["render", na], ["__scopeId", "data-v-a1adb454
1289
1460
  },
1290
1461
  methods: {
1291
1462
  incPage() {
1292
- this.currentPage < this.totalPages && (this.currentPage++, this.$emit("update:currentPage", this.currentPage));
1463
+ this.currentPage < this.totalPages && (this.currentPage++, this.$emit("update:modelValue", this.currentPage));
1293
1464
  },
1294
1465
  decPage() {
1295
- this.currentPage >= this.startIndex && (this.currentPage--, this.$emit("update:currentPage", this.currentPage));
1466
+ this.currentPage >= this.startIndex + 1 && (this.currentPage--, this.$emit("update:modelValue", this.currentPage));
1296
1467
  },
1297
1468
  changePage(e) {
1298
- this.currentPage = e, this.$emit("update:currentPage", this.currentPage), this.$nextTick(() => {
1469
+ this.currentPage = e, this.$emit("update:modelValue", this.currentPage), this.$nextTick(() => {
1299
1470
  var a, t;
1300
1471
  (t = (a = this.$refs) == null ? void 0 : a[e]) != null && t[0] || console.log("No ref found for page", e), this.$refs[e][0].focus();
1301
1472
  });
1302
1473
  },
1303
1474
  onKeyLeft() {
1304
- this.currentPage > this.startIndex && this.changePage(this.currentPage - 1);
1475
+ this.currentPage > this.startIndex + 1 && this.changePage(this.currentPage - 1);
1305
1476
  },
1306
1477
  onKeyRight() {
1307
1478
  this.currentPage < this.totalPages && this.changePage(this.currentPage + 1);
1308
1479
  }
1309
1480
  },
1310
- emits: ["update:currentPage"],
1481
+ emits: ["update:modelValue"],
1311
1482
  computed: {
1312
1483
  pageArray() {
1313
1484
  return Array.from(
@@ -1341,7 +1512,7 @@ const la = /* @__PURE__ */ p(ea, [["render", na], ["__scopeId", "data-v-a1adb454
1341
1512
  created() {
1342
1513
  this.currentPage = this.modelValue;
1343
1514
  }
1344
- }, D = (e) => (F("data-v-b3b431ea"), e = e(), L(), e), ua = { class: "pagination" }, da = /* @__PURE__ */ D(() => /* @__PURE__ */ u("span", { class: "pagination-icon previous-icon" }, null, -1)), ca = /* @__PURE__ */ D(() => /* @__PURE__ */ u("span", { class: "pagination-divider" }, "...", -1)), ha = ["onClick"], fa = /* @__PURE__ */ D(() => /* @__PURE__ */ u("span", { class: "pagination-divider" }, "...", -1)), pa = /* @__PURE__ */ D(() => /* @__PURE__ */ u("span", { class: "pagination-icon next-icon" }, null, -1));
1515
+ }, D = (e) => (F("data-v-dfaff049"), e = e(), L(), e), ua = { class: "pagination" }, da = /* @__PURE__ */ D(() => /* @__PURE__ */ u("span", { class: "pagination-icon previous-icon" }, null, -1)), ca = /* @__PURE__ */ D(() => /* @__PURE__ */ u("span", { class: "pagination-divider" }, "...", -1)), ha = ["onClick"], fa = /* @__PURE__ */ D(() => /* @__PURE__ */ u("span", { class: "pagination-divider" }, "...", -1)), pa = /* @__PURE__ */ D(() => /* @__PURE__ */ u("span", { class: "pagination-icon next-icon" }, null, -1));
1345
1516
  function ma(e, a, t, i, r, s) {
1346
1517
  return l(), o("div", ua, [
1347
1518
  u("button", {
@@ -1391,21 +1562,44 @@ function ma(e, a, t, i, r, s) {
1391
1562
  ])
1392
1563
  ]);
1393
1564
  }
1394
- const js = /* @__PURE__ */ p(oa, [["render", ma], ["__scopeId", "data-v-b3b431ea"]]), ga = {
1565
+ const ga = /* @__PURE__ */ p(oa, [["render", ma], ["__scopeId", "data-v-dfaff049"]]), ka = {
1395
1566
  directives: { maska: q },
1396
1567
  name: "wra-price-input",
1397
1568
  props: {
1569
+ /**
1570
+ * The value of the input field.
1571
+ * @type {string|number}
1572
+ * @required
1573
+ * @default ""
1574
+ */
1398
1575
  modelValue: {
1399
- required: !0
1576
+ required: !0,
1577
+ default: ""
1400
1578
  },
1579
+ /**
1580
+ * The label for the input field.
1581
+ * @type {string}
1582
+ */
1401
1583
  label: {
1402
1584
  type: String
1403
1585
  },
1586
+ /**
1587
+ * The ID for the input field.
1588
+ * @type {string}
1589
+ * @required
1590
+ * @default "priceInput"
1591
+ */
1404
1592
  id: {
1405
1593
  type: String,
1406
1594
  required: !0,
1407
1595
  default: "priceInput"
1408
1596
  },
1597
+ /**
1598
+ * The input mode for the input field.
1599
+ * @type {string}
1600
+ * @default "decimal"
1601
+ * @validator value {string} - The input mode must be one of ["numeric", "decimal", "text"].
1602
+ */
1409
1603
  inputmode: {
1410
1604
  default: "decimal",
1411
1605
  type: String,
@@ -1413,15 +1607,33 @@ const js = /* @__PURE__ */ p(oa, [["render", ma], ["__scopeId", "data-v-b3b431ea
1413
1607
  return ["numeric", "decimal", "text"].includes(e);
1414
1608
  }
1415
1609
  },
1610
+ /**
1611
+ * The placeholder text for the input field.
1612
+ * @type {string}
1613
+ * @default "0.00"
1614
+ */
1416
1615
  placeholder: {
1417
1616
  default: "0.00",
1418
1617
  type: String
1419
1618
  },
1619
+ /**
1620
+ * Validation rules for the input field.
1621
+ * @type {Array<Function>}
1622
+ */
1420
1623
  rules: {},
1624
+ /**
1625
+ * The prefix text to display before the input field.
1626
+ * @type {string}
1627
+ * @default "£"
1628
+ */
1421
1629
  prefix: {
1422
1630
  default: "£",
1423
1631
  type: String
1424
1632
  },
1633
+ /**
1634
+ * The suffix text to display after the input field.
1635
+ * @type {string}
1636
+ */
1425
1637
  suffix: {
1426
1638
  type: String
1427
1639
  }
@@ -1449,8 +1661,8 @@ const js = /* @__PURE__ */ p(oa, [["render", ma], ["__scopeId", "data-v-b3b431ea
1449
1661
  modelValue(e) {
1450
1662
  this.maskedValue = e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
1451
1663
  },
1452
- "returnValue.masked"() {
1453
- this.$emit("update:modelValue", this.returnValue.masked), this.validate(this.returnValue.masked);
1664
+ returnValue() {
1665
+ this.$emit("update:modelValue", this.returnValue), this.validate(this.returnValue);
1454
1666
  }
1455
1667
  },
1456
1668
  methods: {
@@ -1476,16 +1688,16 @@ const js = /* @__PURE__ */ p(oa, [["render", ma], ["__scopeId", "data-v-b3b431ea
1476
1688
  }
1477
1689
  },
1478
1690
  mounted() {
1479
- this.maskedValue = this.modelValue, this.validate(this.modelValue);
1691
+ this.maskedValue = this.modelValue, this.$emit("update:modelValue", this.maskedValue), this.validate(this.modelValue);
1480
1692
  }
1481
- }, ka = ["for"], ba = { class: "input-wrapper" }, _a = {
1693
+ }, ba = ["for"], _a = { class: "input-wrapper" }, va = {
1482
1694
  key: 0,
1483
1695
  class: "prefix"
1484
- }, va = ["id", "value", "inputmode", "placeholder"], ya = {
1696
+ }, ya = ["id", "value", "inputmode", "placeholder"], wa = {
1485
1697
  key: 1,
1486
1698
  class: "suffix"
1487
1699
  };
1488
- function wa(e, a, t, i, r, s) {
1700
+ function Va(e, a, t, i, r, s) {
1489
1701
  const n = B("maska");
1490
1702
  return l(), o("div", {
1491
1703
  class: b({ error: e.errorMessage != !1 })
@@ -1493,9 +1705,9 @@ function wa(e, a, t, i, r, s) {
1493
1705
  t.label ? (l(), o("label", {
1494
1706
  key: 0,
1495
1707
  for: t.id
1496
- }, c(t.label), 9, ka)) : h("", !0),
1497
- u("div", ba, [
1498
- t.prefix ? (l(), o("span", _a, c(t.prefix), 1)) : h("", !0),
1708
+ }, c(t.label), 9, ba)) : h("", !0),
1709
+ u("div", _a, [
1710
+ t.prefix ? (l(), o("span", va, c(t.prefix), 1)) : h("", !0),
1499
1711
  T(u("input", {
1500
1712
  id: t.id,
1501
1713
  type: "text",
@@ -1505,7 +1717,7 @@ function wa(e, a, t, i, r, s) {
1505
1717
  "data-maska": "0.99",
1506
1718
  "data-maska-tokens": "0:\\d:multiple|9:\\d:optional",
1507
1719
  class: b(s.prefixPadding)
1508
- }, null, 10, va), [
1720
+ }, null, 10, ya), [
1509
1721
  [
1510
1722
  n,
1511
1723
  e.mask,
@@ -1513,12 +1725,12 @@ function wa(e, a, t, i, r, s) {
1513
1725
  { masked: !0 }
1514
1726
  ]
1515
1727
  ]),
1516
- t.suffix ? (l(), o("span", ya, c(t.suffix), 1)) : h("", !0)
1728
+ t.suffix ? (l(), o("span", wa, c(t.suffix), 1)) : h("", !0)
1517
1729
  ]),
1518
1730
  u("p", null, c(e.errorMessage), 1)
1519
1731
  ], 2);
1520
1732
  }
1521
- const Va = /* @__PURE__ */ p(ga, [["render", wa], ["__scopeId", "data-v-7d5eb543"]]), Sa = {
1733
+ const Sa = /* @__PURE__ */ p(ka, [["render", Va], ["__scopeId", "data-v-d7cb56f3"]]), Ia = {
1522
1734
  name: "wra-radio",
1523
1735
  props: {
1524
1736
  groupName: {
@@ -1534,8 +1746,8 @@ const Va = /* @__PURE__ */ p(ga, [["render", wa], ["__scopeId", "data-v-7d5eb543
1534
1746
  required: !0
1535
1747
  }
1536
1748
  }
1537
- }, Ia = ["for"], $a = ["name", "value", "id", "checked", "aria-checked"], xa = { class: "radio-text" }, Ma = ["innerHTML"];
1538
- function Pa(e, a, t, i, r, s) {
1749
+ }, $a = ["for"], xa = ["name", "value", "id", "checked", "aria-checked"], Ma = { class: "radio-text" }, Pa = ["innerHTML"];
1750
+ function Ta(e, a, t, i, r, s) {
1539
1751
  return l(), o("div", null, [
1540
1752
  u("label", {
1541
1753
  for: t.groupName + "-" + t.option.value,
@@ -1550,19 +1762,19 @@ function Pa(e, a, t, i, r, s) {
1550
1762
  class: "radio-input",
1551
1763
  checked: t.isChecked == !0,
1552
1764
  "aria-checked": t.isChecked
1553
- }, null, 40, $a),
1554
- u("span", xa, [
1765
+ }, null, 40, xa),
1766
+ u("span", Ma, [
1555
1767
  u("p", null, c(t.option.label), 1),
1556
1768
  t.option.info ? (l(), o("p", {
1557
1769
  key: 0,
1558
1770
  class: "further-information-text",
1559
1771
  innerHTML: t.option.info
1560
- }, null, 8, Ma)) : h("", !0)
1772
+ }, null, 8, Pa)) : h("", !0)
1561
1773
  ])
1562
- ], 8, Ia)
1774
+ ], 8, $a)
1563
1775
  ]);
1564
1776
  }
1565
- const Ta = /* @__PURE__ */ p(Sa, [["render", Pa], ["__scopeId", "data-v-3c9ed011"]]), Ca = {
1777
+ const Ca = /* @__PURE__ */ p(Ia, [["render", Ta], ["__scopeId", "data-v-3c9ed011"]]), Wa = {
1566
1778
  name: "wra-radio-group",
1567
1779
  props: {
1568
1780
  groupName: {
@@ -1589,10 +1801,10 @@ const Ta = /* @__PURE__ */ p(Sa, [["render", Pa], ["__scopeId", "data-v-3c9ed011
1589
1801
  }
1590
1802
  },
1591
1803
  components: {
1592
- WraRadio: Ta
1804
+ WraRadio: Ca
1593
1805
  }
1594
- }, Wa = ["aria-label", "aria-describedby"];
1595
- function Oa(e, a, t, i, r, s) {
1806
+ }, Oa = ["aria-label", "aria-describedby"];
1807
+ function Ba(e, a, t, i, r, s) {
1596
1808
  const n = Q("wra-radio");
1597
1809
  return l(), o("div", {
1598
1810
  role: "radiogroup",
@@ -1606,9 +1818,9 @@ function Oa(e, a, t, i, r, s) {
1606
1818
  class: "radio",
1607
1819
  isChecked: s.checkInput(d.value)
1608
1820
  }, null, 8, ["groupName", "option", "isChecked"]))), 128))
1609
- ], 8, Wa);
1821
+ ], 8, Oa);
1610
1822
  }
1611
- const Ba = /* @__PURE__ */ p(Ca, [["render", Oa], ["__scopeId", "data-v-9602790b"]]), qa = {
1823
+ const qa = /* @__PURE__ */ p(Wa, [["render", Ba], ["__scopeId", "data-v-9602790b"]]), Aa = {
1612
1824
  name: "wra-select",
1613
1825
  props: {
1614
1826
  modelValue: {
@@ -1652,38 +1864,38 @@ const Ba = /* @__PURE__ */ p(Ca, [["render", Oa], ["__scopeId", "data-v-9602790b
1652
1864
  this.validate(this.modelValue);
1653
1865
  },
1654
1866
  emits: ["update:modelValue", "valid"]
1655
- }, te = (e) => (F("data-v-b3b8a61e"), e = e(), L(), e), Aa = ["for"], Ea = { class: "select" }, ja = ["id", "value"], Na = /* @__PURE__ */ te(() => /* @__PURE__ */ u("option", {
1867
+ }, te = (e) => (F("data-v-b3b8a61e"), e = e(), L(), e), Ea = ["for"], ja = { class: "select" }, Na = ["id", "value"], Fa = /* @__PURE__ */ te(() => /* @__PURE__ */ u("option", {
1656
1868
  value: "",
1657
1869
  selected: "",
1658
1870
  disabled: "",
1659
1871
  hidden: ""
1660
- }, "-", -1)), Fa = ["value", "selected"], La = { key: 0 }, Da = { key: 1 }, Ra = /* @__PURE__ */ te(() => /* @__PURE__ */ u("span", { class: "focus" }, null, -1));
1661
- function Ka(e, a, t, i, r, s) {
1872
+ }, "-", -1)), La = ["value", "selected"], Da = { key: 0 }, Ra = { key: 1 }, Ka = /* @__PURE__ */ te(() => /* @__PURE__ */ u("span", { class: "focus" }, null, -1));
1873
+ function Ha(e, a, t, i, r, s) {
1662
1874
  return l(), o(_, null, [
1663
1875
  u("label", {
1664
1876
  for: t.id || t.name
1665
- }, c(t.label), 9, Aa),
1666
- u("div", Ea, [
1877
+ }, c(t.label), 9, Ea),
1878
+ u("div", ja, [
1667
1879
  u("select", {
1668
1880
  id: t.id || t.name,
1669
1881
  value: t.modelValue,
1670
1882
  onChange: a[0] || (a[0] = (n) => s.validate(n.target.value))
1671
1883
  }, [
1672
- Na,
1884
+ Fa,
1673
1885
  (l(!0), o(_, null, w(t.items, (n) => (l(), o("option", {
1674
1886
  value: s.checkForObjectValue(n),
1675
1887
  selected: t.modelValue == s.checkForObjectValue(n)
1676
1888
  }, [
1677
- e.$slots.label ? (l(), o("span", La, [
1889
+ e.$slots.label ? (l(), o("span", Da, [
1678
1890
  k(e.$slots, "label", { item: n }, void 0, !0)
1679
- ])) : (l(), o("span", Da, c(s.checkForObjectLabel(n)), 1))
1680
- ], 8, Fa))), 256))
1681
- ], 40, ja),
1682
- Ra
1891
+ ])) : (l(), o("span", Ra, c(s.checkForObjectLabel(n)), 1))
1892
+ ], 8, La))), 256))
1893
+ ], 40, Na),
1894
+ Ka
1683
1895
  ])
1684
1896
  ], 64);
1685
1897
  }
1686
- const Ha = /* @__PURE__ */ p(qa, [["render", Ka], ["__scopeId", "data-v-b3b8a61e"]]), za = {
1898
+ const za = /* @__PURE__ */ p(Aa, [["render", Ha], ["__scopeId", "data-v-b3b8a61e"]]), Ga = {
1687
1899
  name: "wra-service-logo",
1688
1900
  props: {
1689
1901
  serviceLogo: {
@@ -1705,8 +1917,8 @@ const Ha = /* @__PURE__ */ p(qa, [["render", Ka], ["__scopeId", "data-v-b3b8a61e
1705
1917
  type: [String, Number]
1706
1918
  }
1707
1919
  }
1708
- }, Ga = ["href", "aria-label"], Ua = ["src", "height", "alt"];
1709
- function Ya(e, a, t, i, r, s) {
1920
+ }, Ua = ["href", "aria-label"], Ya = ["src", "height", "alt"];
1921
+ function Ja(e, a, t, i, r, s) {
1710
1922
  return l(), o("a", {
1711
1923
  href: t.href,
1712
1924
  target: "_blank",
@@ -1719,10 +1931,10 @@ function Ya(e, a, t, i, r, s) {
1719
1931
  height: t.height,
1720
1932
  class: "service-logo",
1721
1933
  alt: t.alt
1722
- }, null, 8, Ua)
1723
- ], 8, Ga);
1934
+ }, null, 8, Ya)
1935
+ ], 8, Ua);
1724
1936
  }
1725
- const Ja = /* @__PURE__ */ p(za, [["render", Ya], ["__scopeId", "data-v-0ba072f4"]]), Za = {
1937
+ const Za = /* @__PURE__ */ p(Ga, [["render", Ja], ["__scopeId", "data-v-0ba072f4"]]), Qa = {
1726
1938
  name: "wra-simple-table",
1727
1939
  props: {
1728
1940
  inheritBackground: {
@@ -1737,18 +1949,18 @@ const Ja = /* @__PURE__ */ p(za, [["render", Ya], ["__scopeId", "data-v-0ba072f4
1737
1949
  default: !0
1738
1950
  }
1739
1951
  }
1740
- }, Qa = {
1952
+ }, Xa = {
1741
1953
  key: 0,
1742
1954
  class: "wra-simple-table-caption"
1743
1955
  };
1744
- function Xa(e, a, t, i, r, s) {
1956
+ function es(e, a, t, i, r, s) {
1745
1957
  return l(), o("div", {
1746
1958
  class: b(["wra-simple-table-wrapper", { "wra-simple-table-inherit": t.inheritBackground }])
1747
1959
  }, [
1748
1960
  u("table", {
1749
1961
  class: b(["wra-simple-table", { "left-align-headers": t.leftAlignHeaders }])
1750
1962
  }, [
1751
- t.caption ? (l(), o("caption", Qa, [
1963
+ t.caption ? (l(), o("caption", Xa, [
1752
1964
  k(e.$slots, "caption", {}, () => [
1753
1965
  O(c(t.caption), 1)
1754
1966
  ])
@@ -1757,7 +1969,7 @@ function Xa(e, a, t, i, r, s) {
1757
1969
  ], 2)
1758
1970
  ], 2);
1759
1971
  }
1760
- const es = /* @__PURE__ */ p(Za, [["render", Xa]]), ts = {
1972
+ const ts = /* @__PURE__ */ p(Qa, [["render", es]]), as = {
1761
1973
  name: "wra-snackbar",
1762
1974
  emits: ["update:visible"],
1763
1975
  props: {
@@ -1819,13 +2031,13 @@ const es = /* @__PURE__ */ p(Za, [["render", Xa]]), ts = {
1819
2031
  };
1820
2032
  }
1821
2033
  }
1822
- }, ae = (e) => (F("data-v-d365ea40"), e = e(), L(), e), as = { class: "snackbar-content" }, ss = /* @__PURE__ */ ae(() => /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1)), is = /* @__PURE__ */ ae(() => /* @__PURE__ */ u("div", { class: "close-icon-line-one" }, [
2034
+ }, ae = (e) => (F("data-v-d365ea40"), e = e(), L(), e), ss = { class: "snackbar-content" }, is = /* @__PURE__ */ ae(() => /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1)), rs = /* @__PURE__ */ ae(() => /* @__PURE__ */ u("div", { class: "close-icon-line-one" }, [
1823
2035
  /* @__PURE__ */ u("div", { class: "close-icon-line-two" })
1824
- ], -1)), rs = [
1825
- ss,
1826
- is
2036
+ ], -1)), ns = [
2037
+ is,
2038
+ rs
1827
2039
  ];
1828
- function ns(e, a, t, i, r, s) {
2040
+ function ls(e, a, t, i, r, s) {
1829
2041
  return l(), H(J, { name: "snackbar" }, {
1830
2042
  default: Z(() => [
1831
2043
  e.showSnackbar ? (l(), o("div", {
@@ -1834,7 +2046,7 @@ function ns(e, a, t, i, r, s) {
1834
2046
  "aria-live": "polite",
1835
2047
  class: b(["snackbar snackbar-flex", t.type])
1836
2048
  }, [
1837
- u("div", as, [
2049
+ u("div", ss, [
1838
2050
  k(e.$slots, "default", {}, () => [
1839
2051
  O(c(t.label), 1)
1840
2052
  ], !0)
@@ -1845,13 +2057,13 @@ function ns(e, a, t, i, r, s) {
1845
2057
  tabindex: "0",
1846
2058
  onClick: a[0] || (a[0] = (...n) => s.closeSnackbar && s.closeSnackbar(...n)),
1847
2059
  onKeyup: a[1] || (a[1] = v((...n) => s.closeSnackbar && s.closeSnackbar(...n), ["enter"]))
1848
- }, rs, 32)) : h("", !0)
2060
+ }, ns, 32)) : h("", !0)
1849
2061
  ], 2)) : h("", !0)
1850
2062
  ]),
1851
2063
  _: 3
1852
2064
  });
1853
2065
  }
1854
- const ls = /* @__PURE__ */ p(ts, [["render", ns], ["__scopeId", "data-v-d365ea40"]]), os = {
2066
+ const os = /* @__PURE__ */ p(as, [["render", ls], ["__scopeId", "data-v-d365ea40"]]), us = {
1855
2067
  name: "wra-subheader",
1856
2068
  props: {
1857
2069
  color: {
@@ -1866,7 +2078,7 @@ const ls = /* @__PURE__ */ p(ts, [["render", ns], ["__scopeId", "data-v-d365ea40
1866
2078
  }
1867
2079
  }
1868
2080
  };
1869
- function us(e, a, t, i, r, s) {
2081
+ function ds(e, a, t, i, r, s) {
1870
2082
  return l(), o("div", {
1871
2083
  class: "subheader",
1872
2084
  style: j(s.style)
@@ -1874,7 +2086,7 @@ function us(e, a, t, i, r, s) {
1874
2086
  k(e.$slots, "default", {}, void 0, !0)
1875
2087
  ], 4);
1876
2088
  }
1877
- const ds = /* @__PURE__ */ p(os, [["render", us], ["__scopeId", "data-v-c5d10b79"]]), cs = {
2089
+ const cs = /* @__PURE__ */ p(us, [["render", ds], ["__scopeId", "data-v-c5d10b79"]]), hs = {
1878
2090
  name: "wra-table",
1879
2091
  props: {
1880
2092
  inheritBackground: {
@@ -1891,14 +2103,14 @@ const ds = /* @__PURE__ */ p(os, [["render", us], ["__scopeId", "data-v-c5d10b79
1891
2103
  type: Array
1892
2104
  }
1893
2105
  }
1894
- }, hs = {
2106
+ }, fs = {
1895
2107
  key: 0,
1896
2108
  class: "wra-table-caption"
1897
- }, fs = {
2109
+ }, ps = {
1898
2110
  key: 0,
1899
2111
  class: "wra-table-caption"
1900
2112
  };
1901
- function ps(e, a, t, i, r, s) {
2113
+ function ms(e, a, t, i, r, s) {
1902
2114
  return l(), o(_, null, [
1903
2115
  u("table", z({
1904
2116
  id: "regular",
@@ -1906,7 +2118,7 @@ function ps(e, a, t, i, r, s) {
1906
2118
  "wra-table-inherit": t.inheritBackground
1907
2119
  }]
1908
2120
  }, e.$attrs), [
1909
- t.caption ? (l(), o("caption", hs, [
2121
+ t.caption ? (l(), o("caption", fs, [
1910
2122
  k(e.$slots, "caption", {}, () => [
1911
2123
  O(c(t.caption), 1)
1912
2124
  ])
@@ -1937,7 +2149,7 @@ function ps(e, a, t, i, r, s) {
1937
2149
  "wra-table-inherit": t.inheritBackground
1938
2150
  }]
1939
2151
  }, e.$attrs), [
1940
- t.caption ? (l(), o("caption", fs, [
2152
+ t.caption ? (l(), o("caption", ps, [
1941
2153
  k(e.$slots, "caption", {}, () => [
1942
2154
  O(c(t.caption), 1)
1943
2155
  ])
@@ -1953,7 +2165,7 @@ function ps(e, a, t, i, r, s) {
1953
2165
  ], 16)
1954
2166
  ], 64);
1955
2167
  }
1956
- const ms = /* @__PURE__ */ p(cs, [["render", ps]]), gs = {
2168
+ const gs = /* @__PURE__ */ p(hs, [["render", ms]]), ks = {
1957
2169
  name: "wra-tab",
1958
2170
  props: {
1959
2171
  label: {
@@ -1981,13 +2193,13 @@ const ms = /* @__PURE__ */ p(cs, [["render", ps]]), gs = {
1981
2193
  }
1982
2194
  }
1983
2195
  };
1984
- function ks(e, a, t, i, r, s) {
2196
+ function bs(e, a, t, i, r, s) {
1985
2197
  return l(), o("button", {
1986
2198
  ref: "tabButton",
1987
2199
  class: b(["tab-button", t.active === !0 && "tab-button--active"])
1988
2200
  }, c(t.label), 3);
1989
2201
  }
1990
- const bs = /* @__PURE__ */ p(gs, [["render", ks], ["__scopeId", "data-v-19bb5a16"]]), _s = {
2202
+ const _s = /* @__PURE__ */ p(ks, [["render", bs], ["__scopeId", "data-v-19bb5a16"]]), vs = {
1991
2203
  name: "wra-tabs",
1992
2204
  emits: "update:modelValue",
1993
2205
  props: {
@@ -2003,7 +2215,7 @@ const bs = /* @__PURE__ */ p(gs, [["render", ks], ["__scopeId", "data-v-19bb5a16
2003
2215
  }
2004
2216
  },
2005
2217
  components: {
2006
- Tab: bs
2218
+ Tab: _s
2007
2219
  },
2008
2220
  data() {
2009
2221
  return {
@@ -2025,10 +2237,10 @@ const bs = /* @__PURE__ */ p(gs, [["render", ks], ["__scopeId", "data-v-19bb5a16
2025
2237
  created() {
2026
2238
  this.activeTab = this.modelValue;
2027
2239
  }
2028
- }, vs = { class: "tabs" };
2029
- function ys(e, a, t, i, r, s) {
2240
+ }, ys = { class: "tabs" };
2241
+ function ws(e, a, t, i, r, s) {
2030
2242
  const n = Q("tab");
2031
- return l(), o("div", vs, [
2243
+ return l(), o("div", ys, [
2032
2244
  (l(!0), o(_, null, w(t.options, (d, f) => (l(), H(n, {
2033
2245
  tabindex: f === 0 ? 0 : -1,
2034
2246
  label: d,
@@ -2045,7 +2257,7 @@ function ys(e, a, t, i, r, s) {
2045
2257
  }, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
2046
2258
  ]);
2047
2259
  }
2048
- const ws = /* @__PURE__ */ p(_s, [["render", ys], ["__scopeId", "data-v-bbf8594b"]]), Vs = {
2260
+ const Vs = /* @__PURE__ */ p(vs, [["render", ws], ["__scopeId", "data-v-bbf8594b"]]), Ss = {
2049
2261
  name: "wra-text-area",
2050
2262
  props: {
2051
2263
  id: {
@@ -2092,39 +2304,62 @@ const ws = /* @__PURE__ */ p(_s, [["render", ys], ["__scopeId", "data-v-bbf8594b
2092
2304
  mounted() {
2093
2305
  this.validate(this.modelValue);
2094
2306
  }
2095
- }, Ss = ["for"], Is = ["id", "value"];
2096
- function $s(e, a, t, i, r, s) {
2307
+ }, Is = ["for"], $s = ["id", "value"];
2308
+ function xs(e, a, t, i, r, s) {
2097
2309
  return l(), o("div", {
2098
2310
  class: b({ error: r.errorMessage != !1 })
2099
2311
  }, [
2100
2312
  t.label ? (l(), o("label", {
2101
2313
  key: 0,
2102
2314
  for: t.id
2103
- }, c(t.label), 9, Ss)) : h("", !0),
2315
+ }, c(t.label), 9, Is)) : h("", !0),
2104
2316
  u("textarea", {
2105
2317
  rows: "5",
2106
2318
  id: t.id,
2107
2319
  value: t.modelValue,
2108
2320
  onInput: a[0] || (a[0] = (n) => s.validate(n.target.value))
2109
- }, null, 40, Is),
2321
+ }, null, 40, $s),
2110
2322
  u("p", null, c(r.errorMessage), 1)
2111
2323
  ], 2);
2112
2324
  }
2113
- const xs = /* @__PURE__ */ p(Vs, [["render", $s], ["__scopeId", "data-v-5633552a"]]), Ms = {
2325
+ const Ms = /* @__PURE__ */ p(Ss, [["render", xs], ["__scopeId", "data-v-5633552a"]]), Ps = {
2114
2326
  directives: { maska: q },
2115
2327
  name: "wra-text-input",
2116
2328
  props: {
2329
+ /**
2330
+ * The value of the input field.
2331
+ * @type {string|number}
2332
+ * @required
2333
+ * @default ""
2334
+ */
2117
2335
  modelValue: {
2118
- required: !0
2336
+ required: !0,
2337
+ default: ""
2119
2338
  },
2339
+ /**
2340
+ * The label for the input field.
2341
+ * @type {string}
2342
+ */
2120
2343
  label: {
2121
2344
  type: String
2122
2345
  },
2346
+ /**
2347
+ * The ID for the input field.
2348
+ * @type {string}
2349
+ * @required
2350
+ * @default "customInput"
2351
+ */
2123
2352
  id: {
2124
2353
  type: String,
2125
2354
  required: !0,
2126
2355
  default: "textInput"
2127
2356
  },
2357
+ /**
2358
+ * The input mode for the input field.
2359
+ * @type {string}
2360
+ * @default "numeric"
2361
+ * @validator value {string} - The input mode must be one of ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"].
2362
+ */
2128
2363
  inputmode: {
2129
2364
  type: String,
2130
2365
  default: "text",
@@ -2141,6 +2376,12 @@ const xs = /* @__PURE__ */ p(Vs, [["render", $s], ["__scopeId", "data-v-5633552a
2141
2376
  ].includes(e);
2142
2377
  }
2143
2378
  },
2379
+ /**
2380
+ * The type of the input field.
2381
+ * @type {string}
2382
+ * @default "text"
2383
+ * @validator value {string} - The type must be one of ["text", "none", "tel", "url", "email", "numeric", "decimal"].
2384
+ */
2144
2385
  type: {
2145
2386
  type: String,
2146
2387
  default: "text",
@@ -2150,9 +2391,29 @@ const xs = /* @__PURE__ */ p(Vs, [["render", $s], ["__scopeId", "data-v-5633552a
2150
2391
  );
2151
2392
  }
2152
2393
  },
2394
+ /**
2395
+ * Validation rules for the input field.
2396
+ * @type {Array<Function>}
2397
+ */
2153
2398
  rules: {},
2154
- dataMaska: {},
2155
- dataMaskaTokens: {},
2399
+ /**
2400
+ * The mask pattern for the input field.
2401
+ * @type {string}
2402
+ */
2403
+ dataMaska: {
2404
+ type: String
2405
+ },
2406
+ /**
2407
+ * Custom tokens for the mask.
2408
+ * @type {string}
2409
+ */
2410
+ dataMaskaTokens: {
2411
+ type: String
2412
+ },
2413
+ /**
2414
+ * The placeholder text for the input field.
2415
+ * @type {string}
2416
+ */
2156
2417
  placeholder: {
2157
2418
  type: String
2158
2419
  }
@@ -2164,6 +2425,10 @@ const xs = /* @__PURE__ */ p(Vs, [["render", $s], ["__scopeId", "data-v-5633552a
2164
2425
  };
2165
2426
  },
2166
2427
  methods: {
2428
+ /**
2429
+ * Validates the input value based on the provided rules.
2430
+ * @param {string|number} value - The input value to validate.
2431
+ */
2167
2432
  validate(e) {
2168
2433
  if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
2169
2434
  for (let a = 0; a < this.rules.length; a++) {
@@ -2181,11 +2446,11 @@ const xs = /* @__PURE__ */ p(Vs, [["render", $s], ["__scopeId", "data-v-5633552a
2181
2446
  }
2182
2447
  },
2183
2448
  mounted() {
2184
- this.validate(this.modelValue);
2449
+ this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
2185
2450
  },
2186
2451
  emits: ["update:modelValue", "valid"]
2187
- }, Ps = ["for"], Ts = ["id", "type", "data-maska", "dataMaskaTokens", "value", "inputmode", "placeholder"];
2188
- function Cs(e, a, t, i, r, s) {
2452
+ }, Ts = ["for"], Cs = ["id", "type", "dataMaskaTokens", "value", "inputmode", "placeholder"];
2453
+ function Ws(e, a, t, i, r, s) {
2189
2454
  const n = B("maska");
2190
2455
  return l(), o("div", {
2191
2456
  class: b({ error: r.errorMessage != !1 })
@@ -2193,23 +2458,22 @@ function Cs(e, a, t, i, r, s) {
2193
2458
  t.label ? (l(), o("label", {
2194
2459
  key: 0,
2195
2460
  for: t.id
2196
- }, c(t.label), 9, Ps)) : h("", !0),
2461
+ }, c(t.label), 9, Ts)) : h("", !0),
2197
2462
  T(u("input", {
2198
2463
  id: t.id,
2199
2464
  type: t.type,
2200
- "data-maska": t.dataMaska,
2201
2465
  dataMaskaTokens: t.dataMaskaTokens,
2202
2466
  value: t.modelValue,
2203
2467
  onInput: a[0] || (a[0] = (d) => s.validate(d.target.value)),
2204
- inputmode: t.inputmode || "text",
2468
+ inputmode: t.inputmode ?? "text",
2205
2469
  placeholder: t.placeholder
2206
- }, null, 40, Ts), [
2207
- [n]
2470
+ }, null, 40, Cs), [
2471
+ [n, t.dataMaska]
2208
2472
  ]),
2209
2473
  u("p", null, c(r.errorMessage), 1)
2210
2474
  ], 2);
2211
2475
  }
2212
- const Ws = /* @__PURE__ */ p(Ms, [["render", Cs], ["__scopeId", "data-v-803683a9"]]), Os = {
2476
+ const Os = /* @__PURE__ */ p(Ps, [["render", Ws], ["__scopeId", "data-v-939d17a1"]]), Bs = {
2213
2477
  name: "wra-validation-tooltip",
2214
2478
  props: {
2215
2479
  type: {
@@ -2218,14 +2482,14 @@ const Ws = /* @__PURE__ */ p(Ms, [["render", Cs], ["__scopeId", "data-v-803683a9
2218
2482
  }
2219
2483
  }
2220
2484
  };
2221
- function Bs(e, a, t, i, r, s) {
2485
+ function qs(e, a, t, i, r, s) {
2222
2486
  return l(), o("div", {
2223
2487
  class: b(["validation-tooltip", t.type])
2224
2488
  }, [
2225
2489
  k(e.$slots, "default", {}, void 0, !0)
2226
2490
  ], 2);
2227
2491
  }
2228
- const qs = /* @__PURE__ */ p(Os, [["render", Bs], ["__scopeId", "data-v-0a204122"]]), As = {
2492
+ const As = /* @__PURE__ */ p(Bs, [["render", qs], ["__scopeId", "data-v-0a204122"]]), Es = {
2229
2493
  WraAppBar: oe,
2230
2494
  WraAutocomplete: ge,
2231
2495
  WraBanner: ve,
@@ -2243,21 +2507,22 @@ const qs = /* @__PURE__ */ p(Os, [["render", Bs], ["__scopeId", "data-v-0a204122
2243
2507
  WraHeader: Ut,
2244
2508
  WraIcon: Xt,
2245
2509
  WraNumberInput: la,
2246
- WraPriceInput: Va,
2247
- WraRadioGroup: Ba,
2248
- WraSelect: Ha,
2249
- WraServiceLogo: Ja,
2250
- WraSimpleTable: es,
2251
- WraSnackbar: ls,
2252
- WraSubheader: ds,
2253
- WraTable: ms,
2254
- WraTabs: ws,
2255
- WraTextArea: xs,
2256
- WraTextInput: Ws,
2257
- WraValidationTooltip: qs
2510
+ WraPagination: ga,
2511
+ WraPriceInput: Sa,
2512
+ WraRadioGroup: qa,
2513
+ WraSelect: za,
2514
+ WraServiceLogo: Za,
2515
+ WraSimpleTable: ts,
2516
+ WraSnackbar: os,
2517
+ WraSubheader: cs,
2518
+ WraTable: gs,
2519
+ WraTabs: Vs,
2520
+ WraTextArea: Ms,
2521
+ WraTextInput: Os,
2522
+ WraValidationTooltip: As
2258
2523
  }, Ns = {
2259
2524
  install(e) {
2260
- for (const [a, t] of Object.entries(As))
2525
+ for (const [a, t] of Object.entries(Es))
2261
2526
  e.component(a, t);
2262
2527
  }
2263
2528
  };
@@ -2279,18 +2544,18 @@ export {
2279
2544
  Ut as WraHeader,
2280
2545
  Xt as WraIcon,
2281
2546
  la as WraNumberInput,
2282
- js as WraPagination,
2283
- Va as WraPriceInput,
2284
- Ba as WraRadioGroup,
2285
- Ha as WraSelect,
2286
- Ja as WraServiceLogo,
2287
- es as WraSimpleTable,
2288
- ls as WraSnackbar,
2289
- ds as WraSubheader,
2290
- ms as WraTable,
2291
- ws as WraTabs,
2292
- xs as WraTextArea,
2293
- Ws as WraTextInput,
2294
- qs as WraValidationTooltip,
2547
+ ga as WraPagination,
2548
+ Sa as WraPriceInput,
2549
+ qa as WraRadioGroup,
2550
+ za as WraSelect,
2551
+ Za as WraServiceLogo,
2552
+ ts as WraSimpleTable,
2553
+ os as WraSnackbar,
2554
+ cs as WraSubheader,
2555
+ gs as WraTable,
2556
+ Vs as WraTabs,
2557
+ Ms as WraTextArea,
2558
+ Os as WraTextInput,
2559
+ As as WraValidationTooltip,
2295
2560
  Ns as default
2296
2561
  };