@wra-gov/vue-components 0.15.0 → 0.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,11 +1,11 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('body{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif}p{font-size:18px;line-height:24px;margin-bottom:0}body p{margin-bottom:0}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid #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-1a86bd49],*[data-v-1a86bd49]:before,*[data-v-1a86bd49]:after{box-sizing:border-box}.input-wrapper[data-v-1a86bd49]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-1a86bd49]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-1a86bd49]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-1a86bd49]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-1a86bd49]{padding:16px 6px}.padding-for-no-prefix[data-v-1a86bd49]{padding:16px}.input-wrapper[data-v-1a86bd49]: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-1a86bd49]{border:none}label[data-v-1a86bd49]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-1a86bd49]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[data-v-37568cd8],*[data-v-37568cd8]:before,*[data-v-37568cd8]:after{box-sizing:border-box}input[data-v-37568cd8]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%;height:59px}input[data-v-37568cd8]: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-37568cd8]{color:#1f1f1f;font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-37568cd8]{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-14bee434],*[data-v-14bee434]:before,*[data-v-14bee434]:after{box-sizing:border-box}.input-wrapper[data-v-14bee434]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-14bee434]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-14bee434]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-14bee434]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-14bee434]{padding:16px 6px}.padding-for-no-prefix[data-v-14bee434]{padding:16px}.input-wrapper[data-v-14bee434]: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-14bee434]{border:none}label[data-v-14bee434]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-14bee434]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[data-v-73181645],*[data-v-73181645]:before,*[data-v-73181645]:after{box-sizing:border-box}.input-wrapper[data-v-73181645]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-73181645]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-73181645]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-73181645]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-73181645]{padding:16px 6px}.padding-for-no-prefix[data-v-73181645]{padding:16px}.input-wrapper[data-v-73181645]: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-73181645]{border:none}label[data-v-73181645]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-73181645]{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}.left-align-headers{text-align:left}*[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-daebe7eb],*[data-v-daebe7eb]:before,*[data-v-daebe7eb]:after{box-sizing:border-box}input[data-v-daebe7eb]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;height:59px;width:100%}input[data-v-daebe7eb]: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-daebe7eb]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-daebe7eb]{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(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
- import { openBlock as n, createElementBlock as o, normalizeClass as k, renderSlot as m, toDisplayString as c, createCommentVNode as h, withDirectives as I, createElementVNode as d, withKeys as v, withModifiers as x, vModelText as ae, Fragment as g, renderList as y, vShow as se, pushScopeId as F, popScopeId as D, resolveDirective as O, normalizeStyle as q, createTextVNode as C, createVNode as ie, Transition as U, withCtx as G, resolveComponent as Y, createBlock as N, mergeProps as R } from "vue";
3
- const f = (t, a) => {
4
- const e = t.__vccOpts || t;
5
- for (const [s, r] of a)
6
- e[s] = r;
7
- return e;
8
- }, re = {
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)}})();
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
+ const p = (e, a) => {
4
+ const t = e.__vccOpts || e;
5
+ for (const [i, r] of a)
6
+ t[i] = r;
7
+ return t;
8
+ }, ne = {
9
9
  name: "wra-app-bar",
10
10
  props: {
11
11
  hiddenPrint: {
@@ -14,16 +14,16 @@ const f = (t, a) => {
14
14
  }
15
15
  }
16
16
  };
17
- function ne(t, a, e, s, r, i) {
18
- return n(), o("div", {
19
- class: k(["wra-app-bar", {
20
- "hidden-print": e.hiddenPrint === !0
17
+ function le(e, a, t, i, r, s) {
18
+ return l(), o("div", {
19
+ class: b(["wra-app-bar", {
20
+ "hidden-print": t.hiddenPrint === !0
21
21
  }])
22
22
  }, [
23
- m(t.$slots, "default", {}, void 0, !0)
23
+ k(e.$slots, "default", {}, void 0, !0)
24
24
  ], 2);
25
25
  }
26
- const le = /* @__PURE__ */ f(re, [["render", ne], ["__scopeId", "data-v-dbbbd450"]]), oe = {
26
+ const oe = /* @__PURE__ */ p(ne, [["render", le], ["__scopeId", "data-v-dbbbd450"]]), ue = {
27
27
  name: "wra-autocomplete",
28
28
  emits: ["update:modelValue"],
29
29
  props: {
@@ -74,14 +74,14 @@ const le = /* @__PURE__ */ f(re, [["render", ne], ["__scopeId", "data-v-dbbbd450
74
74
  onInputTyping() {
75
75
  this.optionIndex = null, this.userInput[this.optionValue] = this.getInputValue, this.$emit("update:modelValue", this.userInput);
76
76
  },
77
- onOptionSelect(t) {
78
- (t == null ? void 0 : t.clickable) !== !1 && (this.userInput = t, this.userInput = Object.assign({}, t), this.$emit("update:modelValue", this.userInput));
77
+ onOptionSelect(e) {
78
+ (e == null ? void 0 : e.clickable) !== !1 && (this.userInput = e, this.userInput = Object.assign({}, e), this.$emit("update:modelValue", this.userInput));
79
79
  },
80
80
  onBlur() {
81
81
  this.listHasFocus === !1 && (this.hasFocus = !1);
82
82
  },
83
- onOptionBlur(t) {
84
- t === this.optionIndex && (this.hasFocus = !1, this.listHasFocus = !1);
83
+ onOptionBlur(e) {
84
+ e === this.optionIndex && (this.hasFocus = !1, this.listHasFocus = !1);
85
85
  },
86
86
  onUpKey() {
87
87
  if (!(this.optionsHasMatches === !1 || this.showOptions === !1)) {
@@ -89,8 +89,8 @@ const le = /* @__PURE__ */ f(re, [["render", ne], ["__scopeId", "data-v-dbbbd450
89
89
  this.optionIndex = null, this.listHasFocus = !1, this.$refs.autocompleteInput.focus();
90
90
  else if (this.optionIndex > 0) {
91
91
  this.optionIndex--, this.listHasFocus = !0;
92
- const t = `option${this.optionIndex}`;
93
- this.$refs[t][0].focus();
92
+ const e = `option${this.optionIndex}`;
93
+ this.$refs[e][0].focus();
94
94
  }
95
95
  }
96
96
  },
@@ -98,30 +98,30 @@ const le = /* @__PURE__ */ f(re, [["render", ne], ["__scopeId", "data-v-dbbbd450
98
98
  if (this.optionsHasMatches === !1 || this.showOptions === !1)
99
99
  return;
100
100
  this.optionIndex === null ? this.optionIndex = 0 : this.optionIndex < this.filterOptions.length - 1 && this.optionIndex++, this.listHasFocus = !0;
101
- const t = `option${this.optionIndex}`;
102
- this.$refs[t][0].focus();
101
+ const e = `option${this.optionIndex}`;
102
+ this.$refs[e][0].focus();
103
103
  }
104
104
  },
105
105
  computed: {
106
106
  showOptions() {
107
- const t = this.options.some(
108
- (s) => s[this.optionLabel] === this.userInput[this.optionLabel]
107
+ const e = this.options.some(
108
+ (i) => i[this.optionLabel] === this.userInput[this.optionLabel]
109
109
  ), a = this.userInput[this.optionLabel].length >= this.minLength;
110
- return t !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || a === !0);
110
+ return e !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || a === !0);
111
111
  },
112
112
  filterOptions() {
113
- const t = this.options.filter(
113
+ const e = this.options.filter(
114
114
  (a) => a.label.toLowerCase().includes(this.getInputValue)
115
115
  );
116
- return t.length > 0 ? t : this.autoExpand === !0 ? this.options : (t.push({
116
+ return e.length > 0 ? e : this.autoExpand === !0 ? this.options : (e.push({
117
117
  [this.optionLabel]: "No results found",
118
118
  [this.optionValue]: "",
119
119
  clickable: !1
120
- }), t);
120
+ }), e);
121
121
  },
122
122
  optionsHasMatches() {
123
123
  return this.filterOptions.every(
124
- (t) => Object.hasOwn(t, "clickable") ? t.clickable === !0 : !0
124
+ (e) => Object.hasOwn(e, "clickable") ? e.clickable === !0 : !0
125
125
  );
126
126
  },
127
127
  getInputValue() {
@@ -135,60 +135,60 @@ const le = /* @__PURE__ */ f(re, [["render", ne], ["__scopeId", "data-v-dbbbd450
135
135
  }
136
136
  this.userInput[this.optionLabel] = "", this.userInput[this.optionValue] = "";
137
137
  }
138
- }, de = { class: "autocomplete" }, ue = ["for"], ce = ["id"], he = {
138
+ }, de = { class: "autocomplete" }, ce = ["for"], he = ["id"], fe = {
139
139
  role: "listbox",
140
140
  class: "autocomplete-list"
141
- }, fe = ["onMousedown", "onKeydown", "onBlur"];
142
- function pe(t, a, e, s, r, i) {
143
- return n(), o("div", de, [
144
- e.label ? (n(), o("label", {
141
+ }, pe = ["onMousedown", "onKeydown", "onBlur"];
142
+ function me(e, a, t, i, r, s) {
143
+ return l(), o("div", de, [
144
+ t.label ? (l(), o("label", {
145
145
  key: 0,
146
- for: e.id,
146
+ for: t.id,
147
147
  class: "autocomplete-label"
148
- }, c(e.label), 9, ue)) : h("", !0),
149
- I(d("input", {
148
+ }, c(t.label), 9, ce)) : h("", !0),
149
+ T(u("input", {
150
150
  ref: "autocompleteInput",
151
- "onUpdate:modelValue": a[0] || (a[0] = (l) => t.userInput[e.optionLabel] = l),
151
+ "onUpdate:modelValue": a[0] || (a[0] = (n) => e.userInput[t.optionLabel] = n),
152
152
  role: "combobox",
153
153
  inputmode: "text",
154
- id: e.id,
155
- class: k(["autocomplete-input", { "autocomplete-input--focus": t.hasFocus }]),
154
+ id: t.id,
155
+ class: b(["autocomplete-input", { "autocomplete-input--focus": e.hasFocus }]),
156
156
  "aria-owns": "autocomplete-list",
157
157
  autocomplete: "off",
158
- onInput: a[1] || (a[1] = (l) => i.onInputTyping()),
159
- onFocus: a[2] || (a[2] = (l) => t.hasFocus = !0),
160
- onBlur: a[3] || (a[3] = (...l) => i.onBlur && i.onBlur(...l)),
158
+ onInput: a[1] || (a[1] = (n) => s.onInputTyping()),
159
+ onFocus: a[2] || (a[2] = (n) => e.hasFocus = !0),
160
+ onBlur: a[3] || (a[3] = (...n) => s.onBlur && s.onBlur(...n)),
161
161
  onKeydown: [
162
- a[4] || (a[4] = v(x((...l) => i.onUpKey && i.onUpKey(...l), ["prevent"]), ["up"])),
163
- a[5] || (a[5] = v(x((...l) => i.onDownKey && i.onDownKey(...l), ["prevent"]), ["down"]))
162
+ a[4] || (a[4] = v(C((...n) => s.onUpKey && s.onUpKey(...n), ["prevent"]), ["up"])),
163
+ a[5] || (a[5] = v(C((...n) => s.onDownKey && s.onDownKey(...n), ["prevent"]), ["down"]))
164
164
  ]
165
- }, null, 42, ce), [
166
- [ae, t.userInput[e.optionLabel]]
165
+ }, null, 42, he), [
166
+ [se, e.userInput[t.optionLabel]]
167
167
  ]),
168
- I(d("ul", he, [
169
- (n(!0), o(g, null, y(i.filterOptions, (l, u) => (n(), o("li", {
168
+ T(u("ul", fe, [
169
+ (l(!0), o(_, null, w(s.filterOptions, (n, d) => (l(), o("li", {
170
170
  ref_for: !0,
171
- ref: `option${u}`,
171
+ ref: `option${d}`,
172
172
  tabindex: "-1",
173
- class: k({
174
- "autocomplete-item-not-clickable": l.clickable === !1,
175
- "autocomplete-item--focus": u === t.optionIndex
173
+ class: b({
174
+ "autocomplete-item-not-clickable": n.clickable === !1,
175
+ "autocomplete-item--focus": d === e.optionIndex
176
176
  }),
177
- onMousedown: (p) => i.onOptionSelect(l),
177
+ onMousedown: (f) => s.onOptionSelect(n),
178
178
  onKeydown: [
179
- a[6] || (a[6] = v(x((...p) => i.onUpKey && i.onUpKey(...p), ["prevent"]), ["up"])),
180
- a[7] || (a[7] = v(x((...p) => i.onDownKey && i.onDownKey(...p), ["prevent"]), ["down"])),
181
- v(x((p) => i.onOptionSelect(l), ["prevent"]), ["enter"]),
182
- v(x((p) => i.onOptionSelect(l), ["prevent"]), ["space"])
179
+ a[6] || (a[6] = v(C((...f) => s.onUpKey && s.onUpKey(...f), ["prevent"]), ["up"])),
180
+ a[7] || (a[7] = v(C((...f) => s.onDownKey && s.onDownKey(...f), ["prevent"]), ["down"])),
181
+ v(C((f) => s.onOptionSelect(n), ["prevent"]), ["enter"]),
182
+ v(C((f) => s.onOptionSelect(n), ["prevent"]), ["space"])
183
183
  ],
184
- onBlur: (p) => i.onOptionBlur(u)
185
- }, c(l[e.optionLabel]), 43, fe))), 256))
184
+ onBlur: (f) => s.onOptionBlur(d)
185
+ }, c(n[t.optionLabel]), 43, pe))), 256))
186
186
  ], 512), [
187
- [se, i.showOptions]
187
+ [ie, s.showOptions]
188
188
  ])
189
189
  ]);
190
190
  }
191
- const me = /* @__PURE__ */ f(oe, [["render", pe], ["__scopeId", "data-v-ea1f573c"]]), ke = {
191
+ const ge = /* @__PURE__ */ p(ue, [["render", me], ["__scopeId", "data-v-ea1f573c"]]), ke = {
192
192
  name: "wra-banner",
193
193
  props: {
194
194
  hiddenPrint: {
@@ -204,22 +204,22 @@ const me = /* @__PURE__ */ f(oe, [["render", pe], ["__scopeId", "data-v-ea1f573c
204
204
  key: 0,
205
205
  class: "wra-banner-actions"
206
206
  };
207
- function _e(t, a, e, s, r, i) {
208
- return n(), o("div", {
209
- class: k(["wra-banner", {
210
- "hidden-print": e.hiddenPrint === !0,
211
- "new-service": e.newService === !0
207
+ function _e(e, a, t, i, r, s) {
208
+ return l(), o("div", {
209
+ class: b(["wra-banner", {
210
+ "hidden-print": t.hiddenPrint === !0,
211
+ "new-service": t.newService === !0
212
212
  }])
213
213
  }, [
214
- d("div", null, [
215
- m(t.$slots, "default", {}, void 0, !0)
214
+ u("div", null, [
215
+ k(e.$slots, "default", {}, void 0, !0)
216
216
  ]),
217
- t.$slots.actions ? (n(), o("div", be, [
218
- m(t.$slots, "actions", {}, void 0, !0)
217
+ e.$slots.actions ? (l(), o("div", be, [
218
+ k(e.$slots, "actions", {}, void 0, !0)
219
219
  ])) : h("", !0)
220
220
  ], 2);
221
221
  }
222
- const ge = /* @__PURE__ */ f(ke, [["render", _e], ["__scopeId", "data-v-09473a78"]]), ve = {
222
+ const ve = /* @__PURE__ */ p(ke, [["render", _e], ["__scopeId", "data-v-09473a78"]]), ye = {
223
223
  name: "wra-breadcrumbs",
224
224
  props: {
225
225
  /** Items to display in the breadcrumbs */
@@ -243,34 +243,34 @@ const ge = /* @__PURE__ */ f(ke, [["render", _e], ["__scopeId", "data-v-09473a78
243
243
  default: "href"
244
244
  }
245
245
  }
246
- }, ye = (t) => (F("data-v-99803a33"), t = t(), D(), t), we = { class: "wra-breadcrumbs" }, Ve = { class: "wra-breadcrumbs-item" }, Se = ["href"], $e = {
246
+ }, we = (e) => (F("data-v-99803a33"), e = e(), L(), e), Ve = { class: "wra-breadcrumbs" }, Se = { class: "wra-breadcrumbs-item" }, Ie = ["href"], $e = {
247
247
  key: 1,
248
248
  class: "wra-breadcrumbs-link--disabled"
249
- }, Ie = {
249
+ }, xe = {
250
250
  key: 0,
251
251
  class: "wra-breadcrumbs-divider"
252
- }, xe = /* @__PURE__ */ ye(() => /* @__PURE__ */ d("span", { class: "wra-breadcrumbs-chevron" }, null, -1));
253
- function Me(t, a, e, s, r, i) {
254
- return n(), o("ul", we, [
255
- (n(!0), o(g, null, y(e.items, (l, u) => (n(), o(g, null, [
256
- d("li", Ve, [
257
- m(t.$slots, "default", {}, () => [
258
- l[e.itemDisabled] ? (n(), o("span", $e, c(l[e.itemTitle]), 1)) : (n(), o("a", {
252
+ }, Me = /* @__PURE__ */ we(() => /* @__PURE__ */ u("span", { class: "wra-breadcrumbs-chevron" }, null, -1));
253
+ function Pe(e, a, t, i, r, s) {
254
+ return l(), o("ul", Ve, [
255
+ (l(!0), o(_, null, w(t.items, (n, d) => (l(), o(_, null, [
256
+ u("li", Se, [
257
+ k(e.$slots, "default", {}, () => [
258
+ n[t.itemDisabled] ? (l(), o("span", $e, c(n[t.itemTitle]), 1)) : (l(), o("a", {
259
259
  key: 0,
260
- href: l[e.itemHref],
260
+ href: n[t.itemHref],
261
261
  class: "wra-breadcrumbs-link"
262
- }, c(l[e.itemTitle]), 9, Se))
262
+ }, c(n[t.itemTitle]), 9, Ie))
263
263
  ], !0)
264
264
  ]),
265
- u !== e.items.length - 1 ? (n(), o("li", Ie, [
266
- m(t.$slots, "divider", {}, () => [
267
- xe
265
+ d !== t.items.length - 1 ? (l(), o("li", xe, [
266
+ k(e.$slots, "divider", {}, () => [
267
+ Me
268
268
  ], !0)
269
269
  ])) : h("", !0)
270
270
  ], 64))), 256))
271
271
  ]);
272
272
  }
273
- const Te = /* @__PURE__ */ f(ve, [["render", Me], ["__scopeId", "data-v-99803a33"]]), We = {
273
+ const Te = /* @__PURE__ */ p(ye, [["render", Pe], ["__scopeId", "data-v-99803a33"]]), Ce = {
274
274
  name: "wra-button",
275
275
  props: {
276
276
  size: {
@@ -305,44 +305,44 @@ const Te = /* @__PURE__ */ f(ve, [["render", Me], ["__scopeId", "data-v-99803a33
305
305
  };
306
306
  }
307
307
  }
308
- }, Ce = {
308
+ }, We = {
309
309
  key: 0,
310
310
  class: "icon back-icon"
311
311
  }, Oe = {
312
312
  key: 0,
313
313
  class: "icon next-icon"
314
314
  };
315
- function Be(t, a, e, s, r, i) {
316
- return n(), o("button", {
315
+ function Be(e, a, t, i, r, s) {
316
+ return l(), o("button", {
317
317
  type: "button",
318
- class: k(i.class)
318
+ class: b(s.class)
319
319
  }, [
320
- d("span", {
321
- class: k({
322
- "prepend-icon-wrapper": e.prependIcon
320
+ u("span", {
321
+ class: b({
322
+ "prepend-icon-wrapper": t.prependIcon
323
323
  })
324
324
  }, [
325
- e.prependIcon ? (n(), o("span", Ce)) : h("", !0)
325
+ t.prependIcon ? (l(), o("span", We)) : h("", !0)
326
326
  ], 2),
327
- m(t.$slots, "default", {}, void 0, !0),
328
- d("span", {
329
- class: k({
330
- "append-icon-wrapper": e.appendIcon
327
+ k(e.$slots, "default", {}, void 0, !0),
328
+ u("span", {
329
+ class: b({
330
+ "append-icon-wrapper": t.appendIcon
331
331
  })
332
332
  }, [
333
- e.appendIcon ? (n(), o("span", Oe)) : h("", !0)
333
+ t.appendIcon ? (l(), o("span", Oe)) : h("", !0)
334
334
  ], 2)
335
335
  ], 2);
336
336
  }
337
- const Ee = /* @__PURE__ */ f(We, [["render", Be], ["__scopeId", "data-v-bf478d25"]]), qe = {
337
+ const qe = /* @__PURE__ */ p(Ce, [["render", Be], ["__scopeId", "data-v-bf478d25"]]), Ae = {
338
338
  name: "wra-card"
339
- }, je = { class: "card" };
340
- function Ae(t, a, e, s, r, i) {
341
- return n(), o("div", je, [
342
- m(t.$slots, "default", {}, void 0, !0)
339
+ }, Ee = { class: "card" };
340
+ function je(e, a, t, i, r, s) {
341
+ return l(), o("div", Ee, [
342
+ k(e.$slots, "default", {}, void 0, !0)
343
343
  ]);
344
344
  }
345
- const Le = /* @__PURE__ */ f(qe, [["render", Ae], ["__scopeId", "data-v-eac873d3"]]), Pe = {
345
+ const Ne = /* @__PURE__ */ p(Ae, [["render", je], ["__scopeId", "data-v-eac873d3"]]), Fe = {
346
346
  name: "wra-checkbox",
347
347
  props: {
348
348
  modelValue: {},
@@ -374,30 +374,30 @@ const Le = /* @__PURE__ */ f(qe, [["render", Ae], ["__scopeId", "data-v-eac873d3
374
374
  this.isChecked = !this.isChecked, this.$emit("update:modelValue", this.isChecked);
375
375
  }
376
376
  }
377
- }, Fe = ["aria-label"], De = ["for"], Ne = ["id", "checked", "aria-checked"], Re = { class: "checkbox-text" };
378
- function Ke(t, a, e, s, r, i) {
379
- return n(), o("div", {
377
+ }, Le = ["aria-label"], De = ["for"], Re = ["id", "checked", "aria-checked"], Ke = { class: "checkbox-text" };
378
+ function He(e, a, t, i, r, s) {
379
+ return l(), o("div", {
380
380
  role: "checkbox",
381
- "aria-label": e.label
381
+ "aria-label": t.label
382
382
  }, [
383
- d("label", {
384
- for: e.id,
383
+ u("label", {
384
+ for: t.id,
385
385
  class: "checkbox-label"
386
386
  }, [
387
- d("input", {
387
+ u("input", {
388
388
  class: "checkbox-input",
389
389
  type: "checkbox",
390
- id: e.id,
390
+ id: t.id,
391
391
  checked: r.isChecked,
392
392
  "aria-checked": r.ariaIsChecked,
393
- onChange: a[0] || (a[0] = (l) => i.checkInput()),
394
- onClick: a[1] || (a[1] = (l) => t.$emit("click"))
395
- }, null, 40, Ne),
396
- d("span", Re, c(e.label), 1)
393
+ onChange: a[0] || (a[0] = (n) => s.checkInput()),
394
+ onClick: a[1] || (a[1] = (n) => e.$emit("click"))
395
+ }, null, 40, Re),
396
+ u("span", Ke, c(t.label), 1)
397
397
  ], 8, De)
398
- ], 8, Fe);
398
+ ], 8, Le);
399
399
  }
400
- const J = /* @__PURE__ */ f(Pe, [["render", Ke], ["__scopeId", "data-v-32449131"]]), He = {
400
+ const X = /* @__PURE__ */ p(Fe, [["render", He], ["__scopeId", "data-v-32449131"]]), ze = {
401
401
  name: "wra-checkbox-group",
402
402
  props: {
403
403
  modelValue: {},
@@ -421,85 +421,105 @@ const J = /* @__PURE__ */ f(Pe, [["render", Ke], ["__scopeId", "data-v-32449131"
421
421
  };
422
422
  },
423
423
  methods: {
424
- checkInput(t) {
425
- this.checked[t] = !this.checked[t];
424
+ checkInput(e) {
425
+ this.checked[e] = !this.checked[e];
426
426
  let a = [];
427
- this.returnObject == !0 ? Object.keys(this.checked).forEach((e) => {
428
- if (this.checked[e] == !0)
427
+ this.returnObject == !0 ? Object.keys(this.checked).forEach((t) => {
428
+ if (this.checked[t] == !0)
429
429
  for (let r = 0; r < this.options.length; r++) {
430
- const i = this.options[r];
431
- typeof i == "object" ? i[this.itemValue] == e && a.push(i) : i == e && a.push(i);
430
+ const s = this.options[r];
431
+ typeof s == "object" ? s[this.itemValue] == t && a.push(s) : s == t && a.push(s);
432
432
  }
433
433
  }) : a = Object.keys(this.checked).filter(
434
- (e) => this.checked[e]
434
+ (t) => this.checked[t]
435
435
  ), this.$emit("update:modelValue", a);
436
436
  },
437
- checkForObjectLabel(t) {
438
- return typeof t == "object" ? t[this.itemLabel] : t;
437
+ checkForObjectLabel(e) {
438
+ return typeof e == "object" ? e[this.itemLabel] : e;
439
439
  },
440
- checkForObjectValue(t) {
441
- return typeof t == "object" ? t[this.itemValue] : t;
440
+ checkForObjectValue(e) {
441
+ return typeof e == "object" ? e[this.itemValue] : e;
442
442
  }
443
443
  },
444
444
  mounted() {
445
- for (let t = 0; t < this.modelValue.length; t++) {
446
- const a = this.modelValue[t];
445
+ for (let e = 0; e < this.modelValue.length; e++) {
446
+ const a = this.modelValue[e];
447
447
  typeof a == "object" ? this.checked[a[this.itemValue]] = !0 : this.checked[a] = !0;
448
448
  }
449
449
  },
450
450
  components: {
451
- WraCheckbox: J
451
+ WraCheckbox: X
452
452
  }
453
- }, ze = ["aria-label"], Ue = ["for"], Ge = ["id", "checked", "aria-checked", "onChange"], Ye = { class: "checkbox-text" };
454
- function Je(t, a, e, s, r, i) {
455
- return n(!0), o(g, null, y(e.options, (l) => (n(), o("div", {
453
+ }, Ge = ["aria-label"], Ue = ["for"], Ye = ["id", "checked", "aria-checked", "onChange"], Je = { class: "checkbox-text" };
454
+ function Ze(e, a, t, i, r, s) {
455
+ return l(!0), o(_, null, w(t.options, (n) => (l(), o("div", {
456
456
  role: "checkbox",
457
457
  class: "checkbox",
458
- "aria-label": i.checkForObjectLabel(l)
458
+ "aria-label": s.checkForObjectLabel(n)
459
459
  }, [
460
- d("label", {
461
- for: i.checkForObjectValue(l),
460
+ u("label", {
461
+ for: s.checkForObjectValue(n),
462
462
  class: "checkbox-label"
463
463
  }, [
464
- d("input", {
464
+ u("input", {
465
465
  class: "checkbox-input",
466
466
  type: "checkbox",
467
- id: i.checkForObjectValue(l),
468
- checked: r.checked[i.checkForObjectValue(l)],
469
- "aria-checked": r.checked[i.checkForObjectValue(l)],
470
- onChange: (u) => i.checkInput(i.checkForObjectValue(l))
471
- }, null, 40, Ge),
472
- d("span", Ye, c(i.checkForObjectLabel(l)), 1)
467
+ id: s.checkForObjectValue(n),
468
+ checked: r.checked[s.checkForObjectValue(n)],
469
+ "aria-checked": r.checked[s.checkForObjectValue(n)],
470
+ onChange: (d) => s.checkInput(s.checkForObjectValue(n))
471
+ }, null, 40, Ye),
472
+ u("span", Je, c(s.checkForObjectLabel(n)), 1)
473
473
  ], 8, Ue)
474
- ], 8, ze))), 256);
474
+ ], 8, Ge))), 256);
475
475
  }
476
- const Ze = /* @__PURE__ */ f(He, [["render", Je], ["__scopeId", "data-v-035e0eca"]]), Qe = {
476
+ const Qe = /* @__PURE__ */ p(ze, [["render", Ze], ["__scopeId", "data-v-035e0eca"]]), Xe = {
477
477
  name: "wra-content-section-title"
478
- }, Xe = { class: "content-section-title" };
479
- function et(t, a, e, s, r, i) {
480
- return n(), o("div", Xe, [
481
- m(t.$slots, "default", {}, void 0, !0)
478
+ }, et = { class: "content-section-title" };
479
+ function tt(e, a, t, i, r, s) {
480
+ return l(), o("div", et, [
481
+ k(e.$slots, "default", {}, void 0, !0)
482
482
  ]);
483
483
  }
484
- const tt = /* @__PURE__ */ f(Qe, [["render", et], ["__scopeId", "data-v-1d23d898"]]);
485
- /*! maska v2.1.11 | (c) Alexander Shabunevich | Released under the MIT license */
486
- var at = Object.defineProperty, st = (t, a, e) => a in t ? at(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, W = (t, a, e) => (st(t, typeof a != "symbol" ? a + "" : a, e), e);
487
- const K = {
484
+ const at = /* @__PURE__ */ p(Xe, [["render", tt], ["__scopeId", "data-v-1d23d898"]]);
485
+ var st = Object.defineProperty, it = (e, a, t) => a in e ? st(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, N = (e, a, t) => it(e, typeof a != "symbol" ? a + "" : a, t);
486
+ const G = {
488
487
  "#": { pattern: /[0-9]/ },
489
488
  "@": { pattern: /[a-zA-Z]/ },
490
489
  "*": { pattern: /[a-zA-Z0-9]/ }
490
+ }, U = (e, a, t) => e.replaceAll(a, "").replace(t, ".").replace("..", ".").replace(/[^.\d]/g, ""), Y = (e, a, t) => {
491
+ var i;
492
+ return new Intl.NumberFormat(((i = t.number) == null ? void 0 : i.locale) ?? "en", {
493
+ minimumFractionDigits: e,
494
+ maximumFractionDigits: a,
495
+ roundingMode: "trunc"
496
+ });
497
+ }, rt = (e, a = !0, t) => {
498
+ var i, r, s, n;
499
+ const d = ((i = t.number) == null ? void 0 : i.unsigned) == null && e.startsWith("-") ? "-" : "", f = ((r = t.number) == null ? void 0 : r.fraction) ?? 0;
500
+ let g = Y(0, f, t);
501
+ const $ = g.formatToParts(1000.12), V = ((s = $.find((m) => m.type === "group")) == null ? void 0 : s.value) ?? " ", W = ((n = $.find((m) => m.type === "decimal")) == null ? void 0 : n.value) ?? ".", M = U(e, V, W);
502
+ if (Number.isNaN(parseFloat(M)))
503
+ return d;
504
+ const x = M.split(".");
505
+ if (x[1] != null && x[1].length >= 1) {
506
+ const m = x[1].length <= f ? x[1].length : f;
507
+ g = Y(m, f, t);
508
+ }
509
+ let S = g.format(parseFloat(M));
510
+ return a ? f > 0 && M.endsWith(".") && !M.slice(0, -1).includes(".") && (S += W) : S = U(S, V, W), d + S;
491
511
  };
492
- class H {
512
+ class nt {
493
513
  constructor(a = {}) {
494
- W(this, "opts", {}), W(this, "memo", /* @__PURE__ */ new Map());
495
- const e = { ...a };
496
- if (e.tokens != null) {
497
- e.tokens = e.tokensReplace ? { ...e.tokens } : { ...K, ...e.tokens };
498
- for (const s of Object.values(e.tokens))
499
- typeof s.pattern == "string" && (s.pattern = new RegExp(s.pattern));
514
+ N(this, "opts", {}), N(this, "memo", /* @__PURE__ */ new Map());
515
+ const t = { ...a };
516
+ if (t.tokens != null) {
517
+ t.tokens = t.tokensReplace ? { ...t.tokens } : { ...G, ...t.tokens };
518
+ for (const i of Object.values(t.tokens))
519
+ typeof i.pattern == "string" && (i.pattern = new RegExp(i.pattern));
500
520
  } else
501
- e.tokens = K;
502
- Array.isArray(e.mask) && (e.mask.length > 1 ? e.mask = [...e.mask].sort((s, r) => s.length - r.length) : e.mask = e.mask[0] ?? ""), e.mask === "" && (e.mask = null), this.opts = e;
521
+ t.tokens = G;
522
+ Array.isArray(t.mask) && (t.mask.length > 1 ? t.mask = [...t.mask].sort((i, r) => i.length - r.length) : t.mask = t.mask[0] ?? ""), t.mask === "" && (t.mask = null), this.opts = t;
503
523
  }
504
524
  masked(a) {
505
525
  return this.process(a, this.findMask(a));
@@ -514,145 +534,155 @@ class H {
514
534
  return this.opts.reversed === !0;
515
535
  }
516
536
  completed(a) {
517
- const e = this.findMask(a);
518
- if (this.opts.mask == null || e == null)
537
+ const t = this.findMask(a);
538
+ if (this.opts.mask == null || t == null)
519
539
  return !1;
520
- const s = this.process(a, e).length;
521
- return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : typeof this.opts.mask == "function" ? s >= e.length : this.opts.mask.filter((r) => s >= r.length).length === this.opts.mask.length;
540
+ const i = this.process(a, t).length;
541
+ return typeof this.opts.mask == "string" ? i >= this.opts.mask.length : i >= t.length;
522
542
  }
523
543
  findMask(a) {
524
- const e = this.opts.mask;
525
- if (e == null)
544
+ const t = this.opts.mask;
545
+ if (t == null)
526
546
  return null;
527
- if (typeof e == "string")
528
- return e;
529
- if (typeof e == "function")
530
- return e(a);
531
- const s = this.process(a, e.slice(-1).pop() ?? "", !1);
532
- return e.find((r) => this.process(a, r, !1).length >= s.length) ?? "";
547
+ if (typeof t == "string")
548
+ return t;
549
+ if (typeof t == "function")
550
+ return t(a);
551
+ const i = this.process(a, t.slice(-1).pop() ?? "", !1);
552
+ return t.find((r) => this.process(a, r, !1).length >= i.length) ?? "";
533
553
  }
534
554
  escapeMask(a) {
535
- const e = [], s = [];
536
- return a.split("").forEach((r, i) => {
537
- r === "!" && a[i - 1] !== "!" ? s.push(i - s.length) : e.push(r);
538
- }), { mask: e.join(""), escaped: s };
555
+ const t = [], i = [];
556
+ return a.split("").forEach((r, s) => {
557
+ r === "!" && a[s - 1] !== "!" ? i.push(s - i.length) : t.push(r);
558
+ }), { mask: t.join(""), escaped: i };
539
559
  }
540
- process(a, e, s = !0) {
541
- if (e == null)
560
+ process(a, t, i = !0) {
561
+ if (this.opts.number != null)
562
+ return rt(a, i, this.opts);
563
+ if (t == null)
542
564
  return a;
543
- const r = `value=${a},mask=${e},masked=${s ? 1 : 0}`;
565
+ const r = `v=${a},mr=${t},m=${i ? 1 : 0}`;
544
566
  if (this.memo.has(r))
545
567
  return this.memo.get(r);
546
- const { mask: i, escaped: l } = this.escapeMask(e), u = [], p = this.opts.tokens != null ? this.opts.tokens : {}, b = this.isReversed() ? -1 : 1, M = this.isReversed() ? "unshift" : "push", S = this.isReversed() ? 0 : i.length - 1, ee = this.isReversed() ? () => _ > -1 && w > -1 : () => _ < i.length && w < a.length, te = ($) => !this.isReversed() && $ <= S || this.isReversed() && $ >= S;
547
- let j, T = -1, _ = this.isReversed() ? i.length - 1 : 0, w = this.isReversed() ? a.length - 1 : 0, A = !1;
548
- for (; ee(); ) {
549
- const $ = i.charAt(_), V = p[$], E = (V == null ? void 0 : V.transform) != null ? V.transform(a.charAt(w)) : a.charAt(w);
550
- if (!l.includes(_) && V != null ? (E.match(V.pattern) != null ? (u[M](E), V.repeated ? (T === -1 ? T = _ : _ === S && _ !== T && (_ = T - b), S === T && (_ -= b)) : V.multiple && (A = !0, _ -= b), _ += b) : V.multiple ? A && (_ += b, w -= b, A = !1) : E === j ? j = void 0 : V.optional && (_ += b, w -= b), w += b) : (s && !this.isEager() && u[M]($), E === $ && !this.isEager() ? w += b : j = $, this.isEager() || (_ += b)), this.isEager())
551
- for (; te(_) && (p[i.charAt(_)] == null || l.includes(_)); )
552
- s ? u[M](i.charAt(_)) : i.charAt(_) === a.charAt(w) && (w += b), _ += b;
553
- }
554
- return this.memo.set(r, u.join("")), this.memo.get(r);
568
+ const { mask: s, escaped: n } = this.escapeMask(t), d = [], f = this.opts.tokens != null ? this.opts.tokens : {}, g = this.isReversed() ? -1 : 1, $ = this.isReversed() ? "unshift" : "push", V = this.isReversed() ? 0 : s.length - 1, W = this.isReversed() ? () => m > -1 && y > -1 : () => m < s.length && y < a.length, M = (P) => !this.isReversed() && P <= V || this.isReversed() && P >= V;
569
+ let x, S = -1, m = this.isReversed() ? s.length - 1 : 0, y = this.isReversed() ? a.length - 1 : 0, R = !1;
570
+ for (; W(); ) {
571
+ const P = s.charAt(m), I = f[P], A = (I == null ? void 0 : I.transform) != null ? I.transform(a.charAt(y)) : a.charAt(y);
572
+ if (!n.includes(m) && I != null ? (A.match(I.pattern) != null ? (d[$](A), I.repeated ? (S === -1 ? S = m : m === V && m !== S && (m = S - g), V === S && (m -= g)) : I.multiple && (R = !0, m -= g), m += g) : I.multiple ? R && (m += g, y -= g, R = !1) : A === x ? x = void 0 : I.optional && (m += g, y -= g), y += g) : (i && !this.isEager() && d[$](P), A === P && !this.isEager() ? y += g : x = P, this.isEager() || (m += g)), this.isEager())
573
+ for (; M(m) && (f[s.charAt(m)] == null || n.includes(m)); ) {
574
+ if (i) {
575
+ if (d[$](s.charAt(m)), a.charAt(y) === s.charAt(m)) {
576
+ m += g, y += g;
577
+ continue;
578
+ }
579
+ } else
580
+ s.charAt(m) === a.charAt(y) && (y += g);
581
+ m += g;
582
+ }
583
+ }
584
+ return this.memo.set(r, d.join("")), this.memo.get(r);
555
585
  }
556
586
  }
557
- const Z = (t) => JSON.parse(t.replaceAll("'", '"')), z = (t, a = {}) => {
558
- const e = { ...a };
559
- return t.dataset.maska != null && t.dataset.maska !== "" && (e.mask = it(t.dataset.maska)), t.dataset.maskaEager != null && (e.eager = L(t.dataset.maskaEager)), t.dataset.maskaReversed != null && (e.reversed = L(t.dataset.maskaReversed)), t.dataset.maskaTokensReplace != null && (e.tokensReplace = L(t.dataset.maskaTokensReplace)), t.dataset.maskaTokens != null && (e.tokens = rt(t.dataset.maskaTokens)), e;
560
- }, L = (t) => t !== "" ? !!JSON.parse(t) : !0, it = (t) => t.startsWith("[") && t.endsWith("]") ? Z(t) : t, rt = (t) => {
561
- if (t.startsWith("{") && t.endsWith("}"))
562
- return Z(t);
587
+ const ee = (e) => JSON.parse(e.replaceAll("'", '"')), lt = (e, a = {}) => {
588
+ const t = { ...a };
589
+ e.dataset.maska != null && e.dataset.maska !== "" && (t.mask = ot(e.dataset.maska)), e.dataset.maskaEager != null && (t.eager = E(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (t.reversed = E(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (t.tokensReplace = E(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (t.tokens = ut(e.dataset.maskaTokens));
590
+ const i = {};
591
+ return e.dataset.maskaNumberLocale != null && (i.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (i.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (i.unsigned = E(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(i).length > 0) && (t.number = i), t;
592
+ }, E = (e) => e !== "" ? !!JSON.parse(e) : !0, ot = (e) => e.startsWith("[") && e.endsWith("]") ? ee(e) : e, ut = (e) => {
593
+ if (e.startsWith("{") && e.endsWith("}"))
594
+ return ee(e);
563
595
  const a = {};
564
- return t.split("|").forEach((e) => {
565
- const s = e.split(":");
566
- a[s[0]] = {
567
- pattern: new RegExp(s[1]),
568
- optional: s[2] === "optional",
569
- multiple: s[2] === "multiple",
570
- repeated: s[2] === "repeated"
596
+ return e.split("|").forEach((t) => {
597
+ const i = t.split(":");
598
+ a[i[0]] = {
599
+ pattern: new RegExp(i[1]),
600
+ optional: i[2] === "optional",
601
+ multiple: i[2] === "multiple",
602
+ repeated: i[2] === "repeated"
571
603
  };
572
604
  }), a;
573
605
  };
574
- class nt {
575
- constructor(a, e = {}) {
576
- W(this, "items", /* @__PURE__ */ new Map()), W(this, "beforeinputEvent", (s) => {
577
- const r = s.target, i = this.items.get(r);
578
- i.isEager() && "inputType" in s && s.inputType.startsWith("delete") && i.unmasked(r.value).length <= 1 && this.setMaskedValue(r, "");
579
- }), W(this, "inputEvent", (s) => {
580
- if (s instanceof CustomEvent && s.type === "input" && s.detail != null && typeof s.detail == "object" && "masked" in s.detail)
606
+ class dt {
607
+ constructor(a, t = {}) {
608
+ N(this, "items", /* @__PURE__ */ new Map()), N(this, "onInput", (i) => {
609
+ if (i instanceof CustomEvent && i.type === "input" && !i.isTrusted)
581
610
  return;
582
- const r = s.target, i = this.items.get(r), l = r.value, u = r.selectionStart, p = r.selectionEnd;
583
- let b = l;
584
- if (i.isEager()) {
585
- const M = i.masked(l), S = i.unmasked(l);
586
- S === "" && "data" in s && s.data != null ? b = s.data : S !== i.unmasked(M) && (b = S);
587
- }
588
- if (this.setMaskedValue(r, b), "inputType" in s && (s.inputType.startsWith("delete") || u != null && u < l.length))
589
- try {
590
- r.setSelectionRange(u, p);
591
- } catch {
592
- }
593
- }), this.options = e, typeof a == "string" ? this.init(
594
- Array.from(document.querySelectorAll(a)),
595
- this.getMaskOpts(e)
596
- ) : this.init(
597
- "length" in a ? Array.from(a) : [a],
598
- this.getMaskOpts(e)
599
- );
611
+ const r = i.target, s = this.items.get(r), n = "inputType" in i && i.inputType.startsWith("delete"), d = s.isEager(), f = n && d && s.unmasked(r.value) === "" ? "" : r.value;
612
+ this.fixCursor(r, n, () => this.setValue(r, f));
613
+ }), this.options = t, this.init(this.getInputs(a));
614
+ }
615
+ update(a = {}) {
616
+ this.options = { ...a }, this.init(Array.from(this.items.keys()));
617
+ }
618
+ updateValue(a) {
619
+ a.value !== "" && a.value !== this.processInput(a).masked && this.setValue(a, a.value);
600
620
  }
601
621
  destroy() {
602
622
  for (const a of this.items.keys())
603
- a.removeEventListener("input", this.inputEvent), a.removeEventListener("beforeinput", this.beforeinputEvent);
623
+ a.removeEventListener("input", this.onInput);
604
624
  this.items.clear();
605
625
  }
606
- needUpdateOptions(a, e) {
607
- const s = this.items.get(a), r = new H(z(a, this.getMaskOpts(e)));
608
- return JSON.stringify(s.opts) !== JSON.stringify(r.opts);
626
+ init(a) {
627
+ const t = this.getOptions(this.options);
628
+ for (const i of a) {
629
+ this.items.has(i) || i.addEventListener("input", this.onInput, { capture: !0 });
630
+ const r = new nt(lt(i, t));
631
+ this.items.set(i, r), queueMicrotask(() => this.updateValue(i)), i.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", i.type);
632
+ }
609
633
  }
610
- needUpdateValue(a) {
611
- const e = a.dataset.maskaValue;
612
- return e == null && a.value !== "" || e != null && e !== a.value;
634
+ getInputs(a) {
635
+ return typeof a == "string" ? Array.from(document.querySelectorAll(a)) : "length" in a ? Array.from(a) : [a];
613
636
  }
614
- getMaskOpts(a) {
615
- const { onMaska: e, preProcess: s, postProcess: r, ...i } = a;
616
- return i;
637
+ getOptions(a) {
638
+ const { onMaska: t, preProcess: i, postProcess: r, ...s } = a;
639
+ return s;
617
640
  }
618
- init(a, e) {
619
- for (const s of a) {
620
- const r = new H(z(s, e));
621
- this.items.set(s, r), s.value !== "" && this.setMaskedValue(s, s.value), s.addEventListener("input", this.inputEvent), s.addEventListener("beforeinput", this.beforeinputEvent);
622
- }
641
+ fixCursor(a, t, i) {
642
+ const r = a.selectionStart, s = a.value;
643
+ if (i(), r === null || r === s.length && !t)
644
+ return;
645
+ const n = a.value, d = s.slice(0, r), f = n.slice(0, r), g = this.processInput(a, d).unmasked, $ = this.processInput(a, f).unmasked;
646
+ let V = r;
647
+ d !== f && (V += t ? n.length - s.length : g.length - $.length), a.setSelectionRange(V, V);
648
+ }
649
+ setValue(a, t) {
650
+ const i = this.processInput(a, t);
651
+ a.value = i.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((r) => r(i)) : this.options.onMaska(i)), a.dispatchEvent(new CustomEvent("maska", { detail: i })), a.dispatchEvent(new CustomEvent("input", { detail: i.masked }));
623
652
  }
624
- setMaskedValue(a, e) {
625
- const s = this.items.get(a);
626
- this.options.preProcess != null && (e = this.options.preProcess(e));
627
- const r = s.masked(e), i = s.unmasked(s.isEager() ? r : e), l = s.completed(e), u = { masked: r, unmasked: i, completed: l };
628
- e = r, this.options.postProcess != null && (e = this.options.postProcess(e)), a.value = e, a.dataset.maskaValue = e, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((p) => p(u)) : this.options.onMaska(u)), a.dispatchEvent(new CustomEvent("maska", { detail: u })), a.dispatchEvent(new CustomEvent("input", { detail: u }));
653
+ processInput(a, t) {
654
+ const i = this.items.get(a);
655
+ let r = t ?? a.value;
656
+ this.options.preProcess != null && (r = this.options.preProcess(r));
657
+ let s = i.masked(r);
658
+ return this.options.postProcess != null && (s = this.options.postProcess(s)), {
659
+ masked: s,
660
+ unmasked: i.unmasked(r),
661
+ completed: i.completed(r)
662
+ };
629
663
  }
630
664
  }
631
- const P = /* @__PURE__ */ new WeakMap(), lt = (t) => {
632
- setTimeout(() => {
633
- var a;
634
- ((a = P.get(t)) == null ? void 0 : a.needUpdateValue(t)) === !0 && t.dispatchEvent(new CustomEvent("input"));
635
- });
636
- }, B = (t, a) => {
637
- const e = t instanceof HTMLInputElement ? t : t.querySelector("input"), s = { ...a.arg };
638
- if (e == null || (e == null ? void 0 : e.type) === "file")
665
+ const K = /* @__PURE__ */ new WeakMap(), ct = (e, a) => {
666
+ if (e.arg == null || e.instance == null)
639
667
  return;
640
- lt(e);
641
- const r = P.get(e);
642
- if (r != null) {
643
- if (!r.needUpdateOptions(e, s))
644
- return;
645
- r.destroy();
646
- }
647
- if (a.value != null) {
648
- const i = a.value, l = (u) => {
649
- i.masked = u.masked, i.unmasked = u.unmasked, i.completed = u.completed;
668
+ const t = "setup" in e.instance.$.type;
669
+ e.arg in e.instance ? e.instance[e.arg] = a : t && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
670
+ }, q = (e, a) => {
671
+ var t;
672
+ const i = e instanceof HTMLInputElement ? e : e.querySelector("input");
673
+ if (i == null || (i == null ? void 0 : i.type) === "file")
674
+ return;
675
+ let r = {};
676
+ if (a.value != null && (r = typeof a.value == "string" ? { mask: a.value } : { ...a.value }), a.arg != null) {
677
+ const s = (n) => {
678
+ const d = a.modifiers.unmasked ? n.unmasked : a.modifiers.completed ? n.completed : n.masked;
679
+ ct(a, d);
650
680
  };
651
- s.onMaska = s.onMaska == null ? l : Array.isArray(s.onMaska) ? [...s.onMaska, l] : [s.onMaska, l];
681
+ r.onMaska = r.onMaska == null ? s : Array.isArray(r.onMaska) ? [...r.onMaska, s] : [r.onMaska, s];
652
682
  }
653
- P.set(e, new nt(e, s));
654
- }, ot = {
655
- directives: { maska: B },
683
+ K.has(i) ? (t = K.get(i)) == null || t.update(r) : K.set(i, new dt(i, r));
684
+ }, ht = {
685
+ directives: { maska: q },
656
686
  name: "wra-custom-input",
657
687
  props: {
658
688
  modelValue: {
@@ -682,7 +712,34 @@ const P = /* @__PURE__ */ new WeakMap(), lt = (t) => {
682
712
  },
683
713
  inputmode: {
684
714
  default: "numeric",
685
- type: String
715
+ type: String,
716
+ validator(e) {
717
+ return [
718
+ "none",
719
+ "text",
720
+ "tel",
721
+ "url",
722
+ "email",
723
+ "numeric",
724
+ "decimal",
725
+ "search"
726
+ ].includes(e);
727
+ }
728
+ },
729
+ type: {
730
+ type: String,
731
+ default: "text",
732
+ validator(e) {
733
+ return [
734
+ "text",
735
+ "none",
736
+ "tel",
737
+ "url",
738
+ "email",
739
+ "numeric",
740
+ "decimal"
741
+ ].includes(e);
742
+ }
686
743
  },
687
744
  placeholder: {
688
745
  type: String
@@ -700,28 +757,24 @@ const P = /* @__PURE__ */ new WeakMap(), lt = (t) => {
700
757
  unmaskedValue: "",
701
758
  errorMessage: "",
702
759
  firstValidation: !0,
703
- returnValue: {
704
- masked: "",
705
- unmasked: "",
706
- completed: !1
707
- }
760
+ returnValue: ""
708
761
  }),
709
762
  watch: {
710
- modelValue(t) {
711
- this.unmaskedValue = t;
763
+ modelValue(e) {
764
+ this.unmaskedValue = e;
712
765
  },
713
766
  "returnValue.masked"() {
714
767
  this.$emit("update:modelValue", this.returnValue.unmasked), this.validate(this.returnValue.unmasked);
715
768
  }
716
769
  },
717
770
  methods: {
718
- validate(t) {
771
+ validate(e) {
719
772
  if (this.errorMessage = "", this.rules != null)
720
773
  for (let a = 0; a < this.rules.length; a++) {
721
- const e = this.rules[a];
722
- let s = e(t);
723
- if (s != !0) {
724
- this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
774
+ const t = this.rules[a];
775
+ let i = t(e);
776
+ if (i != !0) {
777
+ this.errorMessage = i, this.$emit("valid", { id: this.id, value: !1 });
725
778
  break;
726
779
  }
727
780
  }
@@ -739,45 +792,45 @@ const P = /* @__PURE__ */ new WeakMap(), lt = (t) => {
739
792
  mounted() {
740
793
  this.unmaskedValue = this.modelValue, this.validate(this.modelValue);
741
794
  }
742
- }, dt = ["for"], ut = { class: "input-wrapper" }, ct = {
795
+ }, ft = ["for"], pt = { class: "input-wrapper" }, mt = {
743
796
  key: 0,
744
797
  class: "prefix"
745
- }, ht = ["id", "value", "inputmode", "placeholder", "data-maska", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], ft = {
798
+ }, gt = ["id", "type", "value", "inputmode", "placeholder", "data-maska", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], kt = {
746
799
  key: 1,
747
800
  class: "suffix"
748
801
  };
749
- function pt(t, a, e, s, r, i) {
750
- const l = O("maska");
751
- return n(), o("div", {
752
- class: k({ error: t.errorMessage != !1 })
802
+ function bt(e, a, t, i, r, s) {
803
+ const n = B("maska");
804
+ return l(), o("div", {
805
+ class: b({ error: e.errorMessage != !1 })
753
806
  }, [
754
- e.label ? (n(), o("label", {
807
+ t.label ? (l(), o("label", {
755
808
  key: 0,
756
- for: e.id
757
- }, c(e.label), 9, dt)) : h("", !0),
758
- d("div", ut, [
759
- e.prefix ? (n(), o("span", ct, c(e.prefix), 1)) : h("", !0),
760
- I(d("input", {
761
- id: e.id,
762
- type: "text",
763
- value: t.unmaskedValue,
764
- inputmode: e.inputmode || "numeric",
765
- placeholder: e.placeholder,
766
- "data-maska": e.dataMaska,
767
- "data-maska-eager": e.dataMaskaEager,
768
- "data-maska-reversed": e.dataMaskaReversed,
769
- "data-maska-tokens": e.dataMaskaTokens,
770
- class: k(i.prefixPadding)
771
- }, null, 10, ht), [
772
- [l, t.returnValue]
809
+ for: t.id
810
+ }, c(t.label), 9, ft)) : h("", !0),
811
+ u("div", pt, [
812
+ t.prefix ? (l(), o("span", mt, c(t.prefix), 1)) : h("", !0),
813
+ T(u("input", {
814
+ id: t.id,
815
+ type: t.type,
816
+ value: e.unmaskedValue,
817
+ inputmode: t.inputmode || "numeric",
818
+ placeholder: t.placeholder,
819
+ "data-maska": t.dataMaska,
820
+ "data-maska-eager": t.dataMaskaEager,
821
+ "data-maska-reversed": t.dataMaskaReversed,
822
+ "data-maska-tokens": t.dataMaskaTokens,
823
+ class: b(s.prefixPadding)
824
+ }, null, 10, gt), [
825
+ [n, void 0, "returnValue"]
773
826
  ]),
774
- e.suffix ? (n(), o("span", ft, c(e.suffix), 1)) : h("", !0)
827
+ t.suffix ? (l(), o("span", kt, c(t.suffix), 1)) : h("", !0)
775
828
  ]),
776
- d("p", null, c(t.errorMessage), 1)
829
+ u("p", null, c(e.errorMessage), 1)
777
830
  ], 2);
778
831
  }
779
- const mt = /* @__PURE__ */ f(ot, [["render", pt], ["__scopeId", "data-v-1a86bd49"]]), kt = {
780
- directives: { maska: B },
832
+ const _t = /* @__PURE__ */ p(ht, [["render", bt], ["__scopeId", "data-v-adc61edc"]]), vt = {
833
+ directives: { maska: q },
781
834
  name: "wra-date-input",
782
835
  props: {
783
836
  modelValue: {
@@ -793,7 +846,10 @@ const mt = /* @__PURE__ */ f(ot, [["render", pt], ["__scopeId", "data-v-1a86bd49
793
846
  },
794
847
  inputmode: {
795
848
  default: "numeric",
796
- type: String
849
+ type: String,
850
+ validator(e) {
851
+ return ["numeric"].includes(e);
852
+ }
797
853
  },
798
854
  required: {},
799
855
  placeholder: {
@@ -812,33 +868,33 @@ const mt = /* @__PURE__ */ f(ot, [["render", pt], ["__scopeId", "data-v-1a86bd49
812
868
  dateObjectValue: null
813
869
  }),
814
870
  watch: {
815
- modelValue(t) {
816
- t != this.dateObjectValue && this.setInitialState();
871
+ modelValue(e) {
872
+ e != this.dateObjectValue && this.setInitialState();
817
873
  }
818
874
  },
819
875
  methods: {
820
- swapMonthDay(t) {
821
- var a = t.split("/");
876
+ swapMonthDay(e) {
877
+ var a = e.split("/");
822
878
  return a[1] + "/" + a[0] + "/" + a[2];
823
879
  },
824
- convertToDate(t) {
825
- if (this.maskedValue = t, t.length == 10) {
826
- let a = new Date(this.swapMonthDay(t));
880
+ convertToDate(e) {
881
+ if (this.maskedValue = e, e.length == 10) {
882
+ let a = new Date(this.swapMonthDay(e));
827
883
  a = new Date(
828
884
  a.getTime() - a.getTimezoneOffset() * 60 * 1e3
829
885
  );
830
- let e = this.validate(a);
831
- this.$emit("valid", { id: this.id, value: e }), e == !0 ? (this.dateObjectValue = a, this.$emit("update:modelValue", a)) : (this.dateObjectValue = null, this.$emit("update:modelValue", null));
886
+ let t = this.validate(a);
887
+ this.$emit("valid", { id: this.id, value: t }), t == !0 ? (this.dateObjectValue = a, this.$emit("update:modelValue", a)) : (this.dateObjectValue = null, this.$emit("update:modelValue", null));
832
888
  } else {
833
889
  let a = this.validate(null);
834
890
  this.$emit("valid", { id: this.id, value: a }), this.dateObjectValue = null, this.$emit("update:modelValue", null);
835
891
  }
836
892
  },
837
- validate(t) {
893
+ validate(e) {
838
894
  if (this.defaultValidation == !1)
839
895
  return !0;
840
896
  let a = !0;
841
- return t === null ? (this.required == !0 && (this.showError = !0, a = !1), this.required == !1 && (this.maskedValue.length == 0 ? (this.showError = !1, a = !0) : (this.showError = !0, a = !1)), this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a) : (t == "Invalid Date" && (a = !1), parseInt(this.maskedValue.split("/")[1]) - 1 != t.getMonth() && (a = !1), this.showError = !a, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a);
897
+ 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);
842
898
  },
843
899
  setInitialState() {
844
900
  if (this.modelValue == null || this.modelValue == "") {
@@ -846,10 +902,10 @@ const mt = /* @__PURE__ */ f(ot, [["render", pt], ["__scopeId", "data-v-1a86bd49
846
902
  return;
847
903
  }
848
904
  if (typeof this.modelValue == "object") {
849
- let t = this.modelValue.getDate().toString().padStart(2, "0") + "/" + (this.modelValue.getMonth() + 1).toString().padStart(2, "0") + "/" + this.modelValue.getFullYear();
850
- this.convertToDate(t);
905
+ let e = this.modelValue.getDate().toString().padStart(2, "0") + "/" + (this.modelValue.getMonth() + 1).toString().padStart(2, "0") + "/" + this.modelValue.getFullYear();
906
+ this.convertToDate(e);
851
907
  } else if (this.modelValue.includes("T")) {
852
- let t = new Date(this.modelValue), a = t.getDate().toString().padStart(2, "0") + "/" + (t.getMonth() + 1).toString().padStart(2, "0") + "/" + t.getFullYear();
908
+ let e = new Date(this.modelValue), a = e.getDate().toString().padStart(2, "0") + "/" + (e.getMonth() + 1).toString().padStart(2, "0") + "/" + e.getFullYear();
853
909
  this.convertToDate(a);
854
910
  } else
855
911
  this.convertToDate(this.modelValue);
@@ -858,41 +914,41 @@ const mt = /* @__PURE__ */ f(ot, [["render", pt], ["__scopeId", "data-v-1a86bd49
858
914
  mounted() {
859
915
  this.setInitialState();
860
916
  }
861
- }, bt = ["for"], _t = ["id", "value", "inputmode", "placeholder", "defaultValidation"], gt = { key: 1 };
862
- function vt(t, a, e, s, r, i) {
863
- const l = O("maska");
864
- return n(), o("div", {
865
- class: k({ error: t.showError != !1 })
917
+ }, yt = ["for"], wt = ["id", "value", "inputmode", "placeholder", "defaultValidation"], Vt = { key: 1 };
918
+ function St(e, a, t, i, r, s) {
919
+ const n = B("maska");
920
+ return l(), o("div", {
921
+ class: b({ error: e.showError != !1 })
866
922
  }, [
867
- e.label ? (n(), o("label", {
923
+ t.label ? (l(), o("label", {
868
924
  key: 0,
869
- for: e.id
870
- }, c(e.label), 9, bt)) : h("", !0),
871
- I(d("input", {
872
- id: e.id,
925
+ for: t.id
926
+ }, c(t.label), 9, yt)) : h("", !0),
927
+ T(u("input", {
928
+ id: t.id,
873
929
  type: "text",
874
- value: t.maskedValue,
875
- inputmode: e.inputmode || "numeric",
876
- placeholder: e.placeholder,
877
- defaultValidation: e.defaultValidation,
878
- onInput: a[0] || (a[0] = (u) => i.convertToDate(u.target.value)),
930
+ value: e.maskedValue,
931
+ inputmode: t.inputmode || "numeric",
932
+ placeholder: t.placeholder,
933
+ defaultValidation: t.defaultValidation,
934
+ onInput: a[0] || (a[0] = (d) => s.convertToDate(d.target.value)),
879
935
  "data-maska": "##/##/####",
880
936
  "data-maska-eager": ""
881
- }, null, 40, _t), [
882
- [l]
937
+ }, null, 40, wt), [
938
+ [n]
883
939
  ]),
884
- t.showError && e.required != null ? (n(), o("p", gt, "Invalid date")) : h("", !0)
940
+ e.showError && t.required != null ? (l(), o("p", Vt, "Invalid date")) : h("", !0)
885
941
  ], 2);
886
942
  }
887
- const yt = /* @__PURE__ */ f(kt, [["render", vt], ["__scopeId", "data-v-37568cd8"]]), wt = {
943
+ const It = /* @__PURE__ */ p(vt, [["render", St], ["__scopeId", "data-v-7e328b0a"]]), $t = {
888
944
  name: "wra-divider",
889
945
  props: {
890
946
  /** Thickness of the divider */
891
947
  thickness: {
892
948
  type: String,
893
949
  default: "medium",
894
- validator(t) {
895
- return t == "large" || t == "medium" || t == "small";
950
+ validator(e) {
951
+ return e == "large" || e == "medium" || e == "small";
896
952
  }
897
953
  },
898
954
  /** Aria role for the divider */
@@ -904,18 +960,18 @@ const yt = /* @__PURE__ */ f(kt, [["render", vt], ["__scopeId", "data-v-37568cd8
904
960
  data() {
905
961
  return {};
906
962
  }
907
- }, Vt = ["role"];
908
- function St(t, a, e, s, r, i) {
909
- return n(), o("hr", {
910
- role: e.role,
911
- class: k({
912
- "wra-divider-large": e.thickness === "large",
913
- "wra-divider": e.thickness === "medium",
914
- "wra-divider-small": e.thickness === "small"
963
+ }, xt = ["role"];
964
+ function Mt(e, a, t, i, r, s) {
965
+ return l(), o("hr", {
966
+ role: t.role,
967
+ class: b({
968
+ "wra-divider-large": t.thickness === "large",
969
+ "wra-divider": t.thickness === "medium",
970
+ "wra-divider-small": t.thickness === "small"
915
971
  })
916
- }, null, 10, Vt);
972
+ }, null, 10, xt);
917
973
  }
918
- const $t = /* @__PURE__ */ f(wt, [["render", St], ["__scopeId", "data-v-5554eece"]]), It = {
974
+ const Pt = /* @__PURE__ */ p($t, [["render", Mt], ["__scopeId", "data-v-5554eece"]]), Tt = {
919
975
  name: "wra-expansion-panel",
920
976
  props: {
921
977
  title: {
@@ -947,43 +1003,43 @@ const $t = /* @__PURE__ */ f(wt, [["render", St], ["__scopeId", "data-v-5554eece
947
1003
  this.showPanel = !this.showPanel;
948
1004
  }
949
1005
  }
950
- }, xt = ["aria-controls", "id"], Mt = { class: "icon-wrapper" }, Tt = ["aria-hidden", "id"], Wt = { class: "inner-panel" };
951
- function Ct(t, a, e, s, r, i) {
952
- return n(), o("div", null, [
953
- d("button", {
954
- "aria-controls": "expansion-content-" + e.ariaTitle,
955
- id: "expansion-control-" + e.ariaTitle,
956
- onClick: a[0] || (a[0] = (...l) => i.togglePanel && i.togglePanel(...l)),
957
- style: q(i.style)
1006
+ }, Ct = ["aria-controls", "id"], Wt = { class: "icon-wrapper" }, Ot = ["aria-hidden", "id"], Bt = { class: "inner-panel" };
1007
+ function qt(e, a, t, i, r, s) {
1008
+ return l(), o("div", null, [
1009
+ u("button", {
1010
+ "aria-controls": "expansion-content-" + t.ariaTitle,
1011
+ id: "expansion-control-" + t.ariaTitle,
1012
+ onClick: a[0] || (a[0] = (...n) => s.togglePanel && s.togglePanel(...n)),
1013
+ style: j(s.style)
958
1014
  }, [
959
- C(c(e.title) + " ", 1),
960
- d("span", Mt, [
961
- d("span", {
962
- class: k(["panel-icon", {
1015
+ O(c(t.title) + " ", 1),
1016
+ u("span", Wt, [
1017
+ u("span", {
1018
+ class: b(["panel-icon", {
963
1019
  "show-panel-icon": r.showPanel,
964
1020
  "hide-panel-icon": !r.showPanel
965
1021
  }])
966
1022
  }, null, 2)
967
1023
  ])
968
- ], 12, xt),
969
- ie(U, { name: "slide-fade" }, {
970
- default: G(() => [
971
- r.showPanel ? (n(), o("div", {
1024
+ ], 12, Ct),
1025
+ re(J, { name: "slide-fade" }, {
1026
+ default: Z(() => [
1027
+ r.showPanel ? (l(), o("div", {
972
1028
  key: 0,
973
1029
  class: "panel-content",
974
1030
  "aria-hidden": !r.showPanel,
975
- id: "content-" + e.ariaTitle
1031
+ id: "content-" + t.ariaTitle
976
1032
  }, [
977
- d("div", Wt, [
978
- m(t.$slots, "default", {}, void 0, !0)
1033
+ u("div", Bt, [
1034
+ k(e.$slots, "default", {}, void 0, !0)
979
1035
  ])
980
- ], 8, Tt)) : h("", !0)
1036
+ ], 8, Ot)) : h("", !0)
981
1037
  ]),
982
1038
  _: 3
983
1039
  })
984
1040
  ]);
985
1041
  }
986
- const Ot = /* @__PURE__ */ f(It, [["render", Ct], ["__scopeId", "data-v-6993ae29"]]), Bt = {
1042
+ const At = /* @__PURE__ */ p(Tt, [["render", qt], ["__scopeId", "data-v-6993ae29"]]), Et = {
987
1043
  name: "wra-footer",
988
1044
  props: {
989
1045
  /** Display the footer when printed */
@@ -993,14 +1049,14 @@ const Ot = /* @__PURE__ */ f(It, [["render", Ct], ["__scopeId", "data-v-6993ae29
993
1049
  }
994
1050
  }
995
1051
  };
996
- function Et(t, a, e, s, r, i) {
997
- return n(), o("footer", {
998
- class: k(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
1052
+ function jt(e, a, t, i, r, s) {
1053
+ return l(), o("footer", {
1054
+ class: b(["wra-footer", { "hidden-print": t.hiddenPrint === !0 }])
999
1055
  }, [
1000
- m(t.$slots, "default", {}, void 0, !0)
1056
+ k(e.$slots, "default", {}, void 0, !0)
1001
1057
  ], 2);
1002
1058
  }
1003
- const qt = /* @__PURE__ */ f(Bt, [["render", Et], ["__scopeId", "data-v-182e61db"]]), jt = {
1059
+ const Nt = /* @__PURE__ */ p(Et, [["render", jt], ["__scopeId", "data-v-182e61db"]]), Ft = {
1004
1060
  name: "wra-header",
1005
1061
  props: {
1006
1062
  size: {
@@ -1008,30 +1064,30 @@ const qt = /* @__PURE__ */ f(Bt, [["render", Et], ["__scopeId", "data-v-182e61db
1008
1064
  required: !0
1009
1065
  }
1010
1066
  }
1011
- }, At = { key: 0 }, Lt = { key: 1 }, Pt = { key: 2 }, Ft = { key: 3 }, Dt = { key: 4 }, Nt = { key: 5 };
1012
- function Rt(t, a, e, s, r, i) {
1013
- return n(), o("div", null, [
1014
- e.size == "h1" ? (n(), o("h1", At, [
1015
- m(t.$slots, "default", {}, void 0, !0)
1067
+ }, Lt = { key: 0 }, Dt = { key: 1 }, Rt = { key: 2 }, Kt = { key: 3 }, Ht = { key: 4 }, zt = { key: 5 };
1068
+ function Gt(e, a, t, i, r, s) {
1069
+ return l(), o("div", null, [
1070
+ t.size == "h1" ? (l(), o("h1", Lt, [
1071
+ k(e.$slots, "default", {}, void 0, !0)
1016
1072
  ])) : h("", !0),
1017
- e.size == "h2" ? (n(), o("h2", Lt, [
1018
- m(t.$slots, "default", {}, void 0, !0)
1073
+ t.size == "h2" ? (l(), o("h2", Dt, [
1074
+ k(e.$slots, "default", {}, void 0, !0)
1019
1075
  ])) : h("", !0),
1020
- e.size == "h3" ? (n(), o("h3", Pt, [
1021
- m(t.$slots, "default", {}, void 0, !0)
1076
+ t.size == "h3" ? (l(), o("h3", Rt, [
1077
+ k(e.$slots, "default", {}, void 0, !0)
1022
1078
  ])) : h("", !0),
1023
- e.size == "h4" ? (n(), o("h4", Ft, [
1024
- m(t.$slots, "default", {}, void 0, !0)
1079
+ t.size == "h4" ? (l(), o("h4", Kt, [
1080
+ k(e.$slots, "default", {}, void 0, !0)
1025
1081
  ])) : h("", !0),
1026
- e.size == "h5" ? (n(), o("h5", Dt, [
1027
- m(t.$slots, "default", {}, void 0, !0)
1082
+ t.size == "h5" ? (l(), o("h5", Ht, [
1083
+ k(e.$slots, "default", {}, void 0, !0)
1028
1084
  ])) : h("", !0),
1029
- e.size == "h6" ? (n(), o("h6", Nt, [
1030
- m(t.$slots, "default", {}, void 0, !0)
1085
+ t.size == "h6" ? (l(), o("h6", zt, [
1086
+ k(e.$slots, "default", {}, void 0, !0)
1031
1087
  ])) : h("", !0)
1032
1088
  ]);
1033
1089
  }
1034
- const Kt = /* @__PURE__ */ f(jt, [["render", Rt], ["__scopeId", "data-v-2f692b7a"]]), Ht = {
1090
+ const Ut = /* @__PURE__ */ p(Ft, [["render", Gt], ["__scopeId", "data-v-2f692b7a"]]), Yt = {
1035
1091
  name: "wra-icon",
1036
1092
  props: {
1037
1093
  /** Name of icon from material design icons by pictogrammers */
@@ -1063,24 +1119,24 @@ const Kt = /* @__PURE__ */ f(jt, [["render", Rt], ["__scopeId", "data-v-2f692b7a
1063
1119
  type: String
1064
1120
  }
1065
1121
  }
1066
- }, zt = ["width", "height", "viewBox", "stroke", "fill"], Ut = ["d"];
1067
- function Gt(t, a, e, s, r, i) {
1068
- return n(), o("svg", {
1069
- width: e.width + "px",
1070
- height: e.height + "px",
1071
- viewBox: e.viewBox,
1072
- stroke: e.stroke,
1073
- fill: e.fill
1122
+ }, Jt = ["width", "height", "viewBox", "stroke", "fill"], Zt = ["d"];
1123
+ function Qt(e, a, t, i, r, s) {
1124
+ return l(), o("svg", {
1125
+ width: t.width + "px",
1126
+ height: t.height + "px",
1127
+ viewBox: t.viewBox,
1128
+ stroke: t.stroke,
1129
+ fill: t.fill
1074
1130
  }, [
1075
- d("path", {
1076
- d: e.icon,
1131
+ u("path", {
1132
+ d: t.icon,
1077
1133
  width: "100%",
1078
1134
  height: "100%"
1079
- }, null, 8, Ut)
1080
- ], 8, zt);
1135
+ }, null, 8, Zt)
1136
+ ], 8, Jt);
1081
1137
  }
1082
- const Yt = /* @__PURE__ */ f(Ht, [["render", Gt]]), Jt = {
1083
- directives: { maska: B },
1138
+ const Xt = /* @__PURE__ */ p(Yt, [["render", Qt]]), ea = {
1139
+ directives: { maska: q },
1084
1140
  name: "wra-number-input",
1085
1141
  props: {
1086
1142
  modelValue: {
@@ -1094,9 +1150,19 @@ const Yt = /* @__PURE__ */ f(Ht, [["render", Gt]]), Jt = {
1094
1150
  required: !0,
1095
1151
  default: "numberInput"
1096
1152
  },
1153
+ type: {
1154
+ type: String,
1155
+ default: "number",
1156
+ validator(e) {
1157
+ return ["number", "password", "search"].includes(e);
1158
+ }
1159
+ },
1097
1160
  inputmode: {
1098
1161
  default: "numeric",
1099
- type: String
1162
+ type: String,
1163
+ validator(e) {
1164
+ return ["numeric", "decimal", "text"].includes(e);
1165
+ }
1100
1166
  },
1101
1167
  placeholder: {
1102
1168
  type: String
@@ -1114,28 +1180,24 @@ const Yt = /* @__PURE__ */ f(Ht, [["render", Gt]]), Jt = {
1114
1180
  maskedValue: "",
1115
1181
  errorMessage: "",
1116
1182
  firstValidation: !0,
1117
- returnValue: {
1118
- masked: "",
1119
- unmasked: "",
1120
- completed: !1
1121
- }
1183
+ returnValue: ""
1122
1184
  }),
1123
1185
  watch: {
1124
- modelValue(t) {
1125
- this.maskedValue = t.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
1186
+ modelValue(e) {
1187
+ this.maskedValue = e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
1126
1188
  },
1127
1189
  "returnValue.masked"() {
1128
1190
  this.$emit("update:modelValue", this.returnValue.unmasked), this.validate(this.returnValue.unmasked);
1129
1191
  }
1130
1192
  },
1131
1193
  methods: {
1132
- validate(t) {
1194
+ validate(e) {
1133
1195
  if (this.errorMessage = "", this.rules != null)
1134
1196
  for (let a = 0; a < this.rules.length; a++) {
1135
- const e = this.rules[a];
1136
- let s = e(t);
1137
- if (s != !0) {
1138
- this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
1197
+ const t = this.rules[a];
1198
+ let i = t(e);
1199
+ if (i != !0) {
1200
+ this.errorMessage = i, this.$emit("valid", { id: this.id, value: !1 });
1139
1201
  break;
1140
1202
  }
1141
1203
  }
@@ -1153,44 +1215,184 @@ const Yt = /* @__PURE__ */ f(Ht, [["render", Gt]]), Jt = {
1153
1215
  mounted() {
1154
1216
  this.maskedValue = this.modelValue, this.validate(this.modelValue);
1155
1217
  }
1156
- }, Zt = ["for"], Qt = { class: "input-wrapper" }, Xt = {
1218
+ }, ta = ["for"], aa = { class: "input-wrapper" }, sa = {
1157
1219
  key: 0,
1158
1220
  class: "prefix"
1159
- }, ea = ["id", "value", "inputmode", "placeholder"], ta = {
1221
+ }, ia = ["id", "type", "value", "inputmode", "placeholder"], ra = {
1160
1222
  key: 1,
1161
1223
  class: "suffix"
1162
1224
  };
1163
- function aa(t, a, e, s, r, i) {
1164
- const l = O("maska");
1165
- return n(), o("div", {
1166
- class: k({ error: t.errorMessage != !1 })
1225
+ function na(e, a, t, i, r, s) {
1226
+ const n = B("maska");
1227
+ return l(), o("div", {
1228
+ class: b({ error: e.errorMessage != !1 })
1167
1229
  }, [
1168
- e.label ? (n(), o("label", {
1230
+ t.label ? (l(), o("label", {
1169
1231
  key: 0,
1170
- for: e.id
1171
- }, c(e.label), 9, Zt)) : h("", !0),
1172
- d("div", Qt, [
1173
- e.prefix ? (n(), o("span", Xt, c(e.prefix), 1)) : h("", !0),
1174
- I(d("input", {
1175
- id: e.id,
1176
- type: "text",
1177
- value: t.maskedValue,
1178
- inputmode: e.inputmode || "numeric",
1179
- placeholder: e.placeholder,
1232
+ for: t.id
1233
+ }, c(t.label), 9, ta)) : h("", !0),
1234
+ u("div", aa, [
1235
+ t.prefix ? (l(), o("span", sa, c(t.prefix), 1)) : h("", !0),
1236
+ T(u("input", {
1237
+ id: t.id,
1238
+ type: e.text,
1239
+ value: e.maskedValue,
1240
+ inputmode: t.inputmode || "numeric",
1241
+ placeholder: t.placeholder,
1180
1242
  "data-maska": "9,99#",
1181
1243
  "data-maska-tokens": "9:[0-9]:repeated",
1182
1244
  "data-maska-reversed": "",
1183
- class: k(i.prefixPadding)
1184
- }, null, 10, ea), [
1185
- [l, t.returnValue]
1245
+ class: b(s.prefixPadding)
1246
+ }, null, 10, ia), [
1247
+ [n, void 0, "returnValue"]
1186
1248
  ]),
1187
- e.suffix ? (n(), o("span", ta, c(e.suffix), 1)) : h("", !0)
1249
+ t.suffix ? (l(), o("span", ra, c(t.suffix), 1)) : h("", !0)
1188
1250
  ]),
1189
- d("p", null, c(t.errorMessage), 1)
1251
+ u("p", null, c(e.errorMessage), 1)
1190
1252
  ], 2);
1191
1253
  }
1192
- const sa = /* @__PURE__ */ f(Jt, [["render", aa], ["__scopeId", "data-v-14bee434"]]), ia = {
1193
- directives: { maska: B },
1254
+ const la = /* @__PURE__ */ p(ea, [["render", na], ["__scopeId", "data-v-a1adb454"]]), oa = {
1255
+ name: "wra-pagination",
1256
+ data: () => ({
1257
+ currentPage: 0
1258
+ }),
1259
+ props: {
1260
+ modelValue: {
1261
+ type: Number,
1262
+ required: !0,
1263
+ default: 1
1264
+ },
1265
+ totalPages: {
1266
+ type: Number,
1267
+ required: !0
1268
+ },
1269
+ length: {
1270
+ type: Number,
1271
+ default: 5
1272
+ },
1273
+ skip: {
1274
+ type: Boolean,
1275
+ default: !0
1276
+ },
1277
+ startIndex: {
1278
+ type: Number,
1279
+ default: 1
1280
+ },
1281
+ previousLabel: {
1282
+ type: String,
1283
+ default: "Previous"
1284
+ },
1285
+ nextLabel: {
1286
+ type: String,
1287
+ default: "Next"
1288
+ }
1289
+ },
1290
+ methods: {
1291
+ incPage() {
1292
+ this.currentPage < this.totalPages && (this.currentPage++, this.$emit("update:currentPage", this.currentPage));
1293
+ },
1294
+ decPage() {
1295
+ this.currentPage >= this.startIndex && (this.currentPage--, this.$emit("update:currentPage", this.currentPage));
1296
+ },
1297
+ changePage(e) {
1298
+ this.currentPage = e, this.$emit("update:currentPage", this.currentPage), this.$nextTick(() => {
1299
+ var a, t;
1300
+ (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
+ });
1302
+ },
1303
+ onKeyLeft() {
1304
+ this.currentPage > this.startIndex && this.changePage(this.currentPage - 1);
1305
+ },
1306
+ onKeyRight() {
1307
+ this.currentPage < this.totalPages && this.changePage(this.currentPage + 1);
1308
+ }
1309
+ },
1310
+ emits: ["update:currentPage"],
1311
+ computed: {
1312
+ pageArray() {
1313
+ return Array.from(
1314
+ { length: this.totalPages },
1315
+ (e, a) => a + this.startIndex
1316
+ );
1317
+ },
1318
+ viewablePages() {
1319
+ return this.pageArray.slice(
1320
+ Math.max(0, this.currentPage - Math.ceil(this.length / 2)),
1321
+ Math.min(
1322
+ this.totalPages,
1323
+ this.currentPage + Math.trunc(this.length / 2)
1324
+ )
1325
+ );
1326
+ },
1327
+ skipStart() {
1328
+ let e = Math.ceil(this.length / 2) + this.startIndex;
1329
+ return this.skip && this.currentPage >= e;
1330
+ },
1331
+ skipEnd() {
1332
+ let e = this.totalPages - Math.floor(this.length / 2) - this.startIndex;
1333
+ return this.skip && this.currentPage <= e;
1334
+ }
1335
+ },
1336
+ watch: {
1337
+ modelValue(e) {
1338
+ this.changePage(e);
1339
+ }
1340
+ },
1341
+ created() {
1342
+ this.currentPage = this.modelValue;
1343
+ }
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));
1345
+ function ma(e, a, t, i, r, s) {
1346
+ return l(), o("div", ua, [
1347
+ u("button", {
1348
+ class: "pagination-button",
1349
+ onClick: a[0] || (a[0] = (n) => s.decPage())
1350
+ }, [
1351
+ k(e.$slots, "previous", {}, () => [
1352
+ da,
1353
+ u("span", null, c(t.previousLabel), 1)
1354
+ ], !0)
1355
+ ]),
1356
+ s.skipStart ? (l(), o(_, { key: 0 }, [
1357
+ s.skipStart ? (l(), o("button", {
1358
+ key: 0,
1359
+ onClick: a[1] || (a[1] = (n) => s.changePage(t.startIndex)),
1360
+ class: "pagination-number"
1361
+ }, c(t.startIndex), 1)) : h("", !0),
1362
+ k(e.$slots, "divider", {}, () => [
1363
+ ca
1364
+ ], !0)
1365
+ ], 64)) : h("", !0),
1366
+ (l(!0), o(_, null, w(s.viewablePages, (n) => (l(), o("button", {
1367
+ onClick: (d) => s.changePage(n),
1368
+ onKeydown: [
1369
+ a[2] || (a[2] = v((d) => s.onKeyLeft(), ["left"])),
1370
+ a[3] || (a[3] = v((d) => s.onKeyRight(), ["right"]))
1371
+ ],
1372
+ ref_for: !0,
1373
+ ref: n,
1374
+ class: b(["pagination-number", e.currentPage === n && "pagination-number--selected"])
1375
+ }, c(n), 43, ha))), 256)),
1376
+ s.skipEnd ? (l(), o(_, { key: 1 }, [
1377
+ fa,
1378
+ u("button", {
1379
+ onClick: a[4] || (a[4] = (n) => s.changePage(t.totalPages)),
1380
+ class: "pagination-number"
1381
+ }, c(t.totalPages), 1)
1382
+ ], 64)) : h("", !0),
1383
+ u("button", {
1384
+ class: "pagination-button",
1385
+ onClick: a[5] || (a[5] = (n) => s.incPage())
1386
+ }, [
1387
+ k(e.$slots, "next", {}, () => [
1388
+ u("span", null, c(t.nextLabel), 1),
1389
+ pa
1390
+ ], !0)
1391
+ ])
1392
+ ]);
1393
+ }
1394
+ const js = /* @__PURE__ */ p(oa, [["render", ma], ["__scopeId", "data-v-b3b431ea"]]), ga = {
1395
+ directives: { maska: q },
1194
1396
  name: "wra-price-input",
1195
1397
  props: {
1196
1398
  modelValue: {
@@ -1206,7 +1408,10 @@ const sa = /* @__PURE__ */ f(Jt, [["render", aa], ["__scopeId", "data-v-14bee434
1206
1408
  },
1207
1409
  inputmode: {
1208
1410
  default: "decimal",
1209
- type: String
1411
+ type: String,
1412
+ validator(e) {
1413
+ return ["numeric", "decimal", "text"].includes(e);
1414
+ }
1210
1415
  },
1211
1416
  placeholder: {
1212
1417
  default: "0.00",
@@ -1225,41 +1430,37 @@ const sa = /* @__PURE__ */ f(Jt, [["render", aa], ["__scopeId", "data-v-14bee434
1225
1430
  data: () => ({
1226
1431
  maskedValue: "",
1227
1432
  mask: {
1228
- preProcess: (t) => t.replace(/[£,]/g, ""),
1229
- postProcess: (t) => {
1230
- if (!t)
1433
+ preProcess: (e) => e.replace(/[£,]/g, ""),
1434
+ postProcess: (e) => {
1435
+ if (!e)
1231
1436
  return "";
1232
- const a = 3 - (t.includes(".") ? t.length - t.indexOf(".") : 0);
1437
+ const a = 3 - (e.includes(".") ? e.length - e.indexOf(".") : 0);
1233
1438
  return Intl.NumberFormat("en-GB", {
1234
1439
  style: "currency",
1235
1440
  currency: "GBP"
1236
- }).format(t).slice(0, a ? -a : void 0).replace("£", "");
1441
+ }).format(e).slice(0, a ? -a : void 0).replace("£", "");
1237
1442
  }
1238
1443
  },
1239
1444
  errorMessage: "",
1240
- returnValue: {
1241
- masked: "",
1242
- unmasked: "",
1243
- completed: !1
1244
- },
1445
+ returnValue: "",
1245
1446
  firstValidation: !0
1246
1447
  }),
1247
1448
  watch: {
1248
- modelValue(t) {
1249
- this.maskedValue = t.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
1449
+ modelValue(e) {
1450
+ this.maskedValue = e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
1250
1451
  },
1251
1452
  "returnValue.masked"() {
1252
1453
  this.$emit("update:modelValue", this.returnValue.masked), this.validate(this.returnValue.masked);
1253
1454
  }
1254
1455
  },
1255
1456
  methods: {
1256
- validate(t) {
1457
+ validate(e) {
1257
1458
  if (this.errorMessage = "", this.rules != null)
1258
1459
  for (let a = 0; a < this.rules.length; a++) {
1259
- const e = this.rules[a];
1260
- let s = e(t);
1261
- if (s != !0) {
1262
- this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
1460
+ const t = this.rules[a];
1461
+ let i = t(e);
1462
+ if (i != !0) {
1463
+ this.errorMessage = i, this.$emit("valid", { id: this.id, value: !1 });
1263
1464
  break;
1264
1465
  }
1265
1466
  }
@@ -1277,42 +1478,47 @@ const sa = /* @__PURE__ */ f(Jt, [["render", aa], ["__scopeId", "data-v-14bee434
1277
1478
  mounted() {
1278
1479
  this.maskedValue = this.modelValue, this.validate(this.modelValue);
1279
1480
  }
1280
- }, ra = ["for"], na = { class: "input-wrapper" }, la = {
1481
+ }, ka = ["for"], ba = { class: "input-wrapper" }, _a = {
1281
1482
  key: 0,
1282
1483
  class: "prefix"
1283
- }, oa = ["id", "value", "inputmode", "placeholder"], da = {
1484
+ }, va = ["id", "value", "inputmode", "placeholder"], ya = {
1284
1485
  key: 1,
1285
1486
  class: "suffix"
1286
1487
  };
1287
- function ua(t, a, e, s, r, i) {
1288
- const l = O("maska");
1289
- return n(), o("div", {
1290
- class: k({ error: t.errorMessage != !1 })
1488
+ function wa(e, a, t, i, r, s) {
1489
+ const n = B("maska");
1490
+ return l(), o("div", {
1491
+ class: b({ error: e.errorMessage != !1 })
1291
1492
  }, [
1292
- e.label ? (n(), o("label", {
1493
+ t.label ? (l(), o("label", {
1293
1494
  key: 0,
1294
- for: e.id
1295
- }, c(e.label), 9, ra)) : h("", !0),
1296
- d("div", na, [
1297
- e.prefix ? (n(), o("span", la, c(e.prefix), 1)) : h("", !0),
1298
- I(d("input", {
1299
- id: e.id,
1495
+ 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),
1499
+ T(u("input", {
1500
+ id: t.id,
1300
1501
  type: "text",
1301
- value: t.maskedValue,
1302
- inputmode: e.inputmode || "decimal",
1303
- placeholder: e.placeholder,
1502
+ value: e.maskedValue,
1503
+ inputmode: t.inputmode || "decimal",
1504
+ placeholder: t.placeholder,
1304
1505
  "data-maska": "0.99",
1305
1506
  "data-maska-tokens": "0:\\d:multiple|9:\\d:optional",
1306
- class: k(i.prefixPadding)
1307
- }, null, 10, oa), [
1308
- [l, t.returnValue, t.mask]
1507
+ class: b(s.prefixPadding)
1508
+ }, null, 10, va), [
1509
+ [
1510
+ n,
1511
+ e.mask,
1512
+ "returnValue",
1513
+ { masked: !0 }
1514
+ ]
1309
1515
  ]),
1310
- e.suffix ? (n(), o("span", da, c(e.suffix), 1)) : h("", !0)
1516
+ t.suffix ? (l(), o("span", ya, c(t.suffix), 1)) : h("", !0)
1311
1517
  ]),
1312
- d("p", null, c(t.errorMessage), 1)
1518
+ u("p", null, c(e.errorMessage), 1)
1313
1519
  ], 2);
1314
1520
  }
1315
- const ca = /* @__PURE__ */ f(ia, [["render", ua], ["__scopeId", "data-v-73181645"]]), ha = {
1521
+ const Va = /* @__PURE__ */ p(ga, [["render", wa], ["__scopeId", "data-v-7d5eb543"]]), Sa = {
1316
1522
  name: "wra-radio",
1317
1523
  props: {
1318
1524
  groupName: {
@@ -1328,35 +1534,35 @@ const ca = /* @__PURE__ */ f(ia, [["render", ua], ["__scopeId", "data-v-73181645
1328
1534
  required: !0
1329
1535
  }
1330
1536
  }
1331
- }, fa = ["for"], pa = ["name", "value", "id", "checked", "aria-checked"], ma = { class: "radio-text" }, ka = ["innerHTML"];
1332
- function ba(t, a, e, s, r, i) {
1333
- return n(), o("div", null, [
1334
- d("label", {
1335
- for: e.groupName + "-" + e.option.value,
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) {
1539
+ return l(), o("div", null, [
1540
+ u("label", {
1541
+ for: t.groupName + "-" + t.option.value,
1336
1542
  class: "radio-label"
1337
1543
  }, [
1338
- d("input", {
1544
+ u("input", {
1339
1545
  type: "radio",
1340
- name: e.groupName,
1341
- value: e.option.value,
1342
- id: e.groupName + "-" + e.option.value,
1343
- onChange: a[0] || (a[0] = (l) => t.$parent.$emit("update:modelValue", e.option.value)),
1546
+ name: t.groupName,
1547
+ value: t.option.value,
1548
+ id: t.groupName + "-" + t.option.value,
1549
+ onChange: a[0] || (a[0] = (n) => e.$parent.$emit("update:modelValue", t.option.value)),
1344
1550
  class: "radio-input",
1345
- checked: e.isChecked == !0,
1346
- "aria-checked": e.isChecked
1347
- }, null, 40, pa),
1348
- d("span", ma, [
1349
- d("p", null, c(e.option.label), 1),
1350
- e.option.info ? (n(), o("p", {
1551
+ checked: t.isChecked == !0,
1552
+ "aria-checked": t.isChecked
1553
+ }, null, 40, $a),
1554
+ u("span", xa, [
1555
+ u("p", null, c(t.option.label), 1),
1556
+ t.option.info ? (l(), o("p", {
1351
1557
  key: 0,
1352
1558
  class: "further-information-text",
1353
- innerHTML: e.option.info
1354
- }, null, 8, ka)) : h("", !0)
1559
+ innerHTML: t.option.info
1560
+ }, null, 8, Ma)) : h("", !0)
1355
1561
  ])
1356
- ], 8, fa)
1562
+ ], 8, Ia)
1357
1563
  ]);
1358
1564
  }
1359
- const _a = /* @__PURE__ */ f(ha, [["render", ba], ["__scopeId", "data-v-3c9ed011"]]), ga = {
1565
+ const Ta = /* @__PURE__ */ p(Sa, [["render", Pa], ["__scopeId", "data-v-3c9ed011"]]), Ca = {
1360
1566
  name: "wra-radio-group",
1361
1567
  props: {
1362
1568
  groupName: {
@@ -1378,31 +1584,31 @@ const _a = /* @__PURE__ */ f(ha, [["render", ba], ["__scopeId", "data-v-3c9ed011
1378
1584
  }
1379
1585
  },
1380
1586
  methods: {
1381
- checkInput: function(t) {
1382
- return t == this.modelValue;
1587
+ checkInput: function(e) {
1588
+ return e == this.modelValue;
1383
1589
  }
1384
1590
  },
1385
1591
  components: {
1386
- WraRadio: _a
1592
+ WraRadio: Ta
1387
1593
  }
1388
- }, va = ["aria-label", "aria-describedby"];
1389
- function ya(t, a, e, s, r, i) {
1390
- const l = Y("wra-radio");
1391
- return n(), o("div", {
1594
+ }, Wa = ["aria-label", "aria-describedby"];
1595
+ function Oa(e, a, t, i, r, s) {
1596
+ const n = Q("wra-radio");
1597
+ return l(), o("div", {
1392
1598
  role: "radiogroup",
1393
- "aria-label": e.label,
1394
- "aria-describedby": e.hint
1599
+ "aria-label": t.label,
1600
+ "aria-describedby": t.hint
1395
1601
  }, [
1396
- (n(!0), o(g, null, y(e.options, (u) => (n(), N(l, {
1397
- groupName: e.groupName,
1398
- option: u,
1399
- key: u.value,
1602
+ (l(!0), o(_, null, w(t.options, (d) => (l(), H(n, {
1603
+ groupName: t.groupName,
1604
+ option: d,
1605
+ key: d.value,
1400
1606
  class: "radio",
1401
- isChecked: i.checkInput(u.value)
1607
+ isChecked: s.checkInput(d.value)
1402
1608
  }, null, 8, ["groupName", "option", "isChecked"]))), 128))
1403
- ], 8, va);
1609
+ ], 8, Wa);
1404
1610
  }
1405
- const wa = /* @__PURE__ */ f(ga, [["render", ya], ["__scopeId", "data-v-9602790b"]]), Va = {
1611
+ const Ba = /* @__PURE__ */ p(Ca, [["render", Oa], ["__scopeId", "data-v-9602790b"]]), qa = {
1406
1612
  name: "wra-select",
1407
1613
  props: {
1408
1614
  modelValue: {
@@ -1426,58 +1632,58 @@ const wa = /* @__PURE__ */ f(ga, [["render", ya], ["__scopeId", "data-v-9602790b
1426
1632
  label: {}
1427
1633
  },
1428
1634
  methods: {
1429
- validate(t) {
1430
- this.$emit("update:modelValue", t);
1431
- let a = this.items.some((e) => this.checkForObjectValue(e) == t);
1635
+ validate(e) {
1636
+ this.$emit("update:modelValue", e);
1637
+ let a = this.items.some((t) => this.checkForObjectValue(t) == e);
1432
1638
  if (this.required == !0 && a == !1) {
1433
1639
  this.$emit("valid", { id: this.id || this.name, value: !1 });
1434
1640
  return;
1435
1641
  }
1436
1642
  this.$emit("valid", { id: this.id || this.name, value: !0 });
1437
1643
  },
1438
- checkForObjectValue(t) {
1439
- return typeof t == "object" ? t[this.itemValue] : t;
1644
+ checkForObjectValue(e) {
1645
+ return typeof e == "object" ? e[this.itemValue] : e;
1440
1646
  },
1441
- checkForObjectLabel(t) {
1442
- return typeof t == "object" ? t[this.itemLabel] : t;
1647
+ checkForObjectLabel(e) {
1648
+ return typeof e == "object" ? e[this.itemLabel] : e;
1443
1649
  }
1444
1650
  },
1445
1651
  mounted() {
1446
1652
  this.validate(this.modelValue);
1447
1653
  },
1448
1654
  emits: ["update:modelValue", "valid"]
1449
- }, Q = (t) => (F("data-v-b3b8a61e"), t = t(), D(), t), Sa = ["for"], $a = { class: "select" }, Ia = ["id", "value"], xa = /* @__PURE__ */ Q(() => /* @__PURE__ */ d("option", {
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", {
1450
1656
  value: "",
1451
1657
  selected: "",
1452
1658
  disabled: "",
1453
1659
  hidden: ""
1454
- }, "-", -1)), Ma = ["value", "selected"], Ta = { key: 0 }, Wa = { key: 1 }, Ca = /* @__PURE__ */ Q(() => /* @__PURE__ */ d("span", { class: "focus" }, null, -1));
1455
- function Oa(t, a, e, s, r, i) {
1456
- return n(), o(g, null, [
1457
- d("label", {
1458
- for: e.id || e.name
1459
- }, c(e.label), 9, Sa),
1460
- d("div", $a, [
1461
- d("select", {
1462
- id: e.id || e.name,
1463
- value: e.modelValue,
1464
- onChange: a[0] || (a[0] = (l) => i.validate(l.target.value))
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) {
1662
+ return l(), o(_, null, [
1663
+ u("label", {
1664
+ for: t.id || t.name
1665
+ }, c(t.label), 9, Aa),
1666
+ u("div", Ea, [
1667
+ u("select", {
1668
+ id: t.id || t.name,
1669
+ value: t.modelValue,
1670
+ onChange: a[0] || (a[0] = (n) => s.validate(n.target.value))
1465
1671
  }, [
1466
- xa,
1467
- (n(!0), o(g, null, y(e.items, (l) => (n(), o("option", {
1468
- value: i.checkForObjectValue(l),
1469
- selected: e.modelValue == i.checkForObjectValue(l)
1672
+ Na,
1673
+ (l(!0), o(_, null, w(t.items, (n) => (l(), o("option", {
1674
+ value: s.checkForObjectValue(n),
1675
+ selected: t.modelValue == s.checkForObjectValue(n)
1470
1676
  }, [
1471
- t.$slots.label ? (n(), o("span", Ta, [
1472
- m(t.$slots, "label", { item: l }, void 0, !0)
1473
- ])) : (n(), o("span", Wa, c(i.checkForObjectLabel(l)), 1))
1474
- ], 8, Ma))), 256))
1475
- ], 40, Ia),
1476
- Ca
1677
+ e.$slots.label ? (l(), o("span", La, [
1678
+ 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
1477
1683
  ])
1478
1684
  ], 64);
1479
1685
  }
1480
- const Ba = /* @__PURE__ */ f(Va, [["render", Oa], ["__scopeId", "data-v-b3b8a61e"]]), Ea = {
1686
+ const Ha = /* @__PURE__ */ p(qa, [["render", Ka], ["__scopeId", "data-v-b3b8a61e"]]), za = {
1481
1687
  name: "wra-service-logo",
1482
1688
  props: {
1483
1689
  serviceLogo: {
@@ -1499,24 +1705,24 @@ const Ba = /* @__PURE__ */ f(Va, [["render", Oa], ["__scopeId", "data-v-b3b8a61e
1499
1705
  type: [String, Number]
1500
1706
  }
1501
1707
  }
1502
- }, qa = ["href", "aria-label"], ja = ["src", "height", "alt"];
1503
- function Aa(t, a, e, s, r, i) {
1504
- return n(), o("a", {
1505
- href: e.href,
1708
+ }, Ga = ["href", "aria-label"], Ua = ["src", "height", "alt"];
1709
+ function Ya(e, a, t, i, r, s) {
1710
+ return l(), o("a", {
1711
+ href: t.href,
1506
1712
  target: "_blank",
1507
1713
  rel: "noopener noreferrer",
1508
- "aria-label": e.label,
1714
+ "aria-label": t.label,
1509
1715
  class: "service-link"
1510
1716
  }, [
1511
- d("img", {
1512
- src: e.serviceLogo,
1513
- height: e.height,
1717
+ u("img", {
1718
+ src: t.serviceLogo,
1719
+ height: t.height,
1514
1720
  class: "service-logo",
1515
- alt: e.alt
1516
- }, null, 8, ja)
1517
- ], 8, qa);
1721
+ alt: t.alt
1722
+ }, null, 8, Ua)
1723
+ ], 8, Ga);
1518
1724
  }
1519
- const La = /* @__PURE__ */ f(Ea, [["render", Aa], ["__scopeId", "data-v-0ba072f4"]]), Pa = {
1725
+ const Ja = /* @__PURE__ */ p(za, [["render", Ya], ["__scopeId", "data-v-0ba072f4"]]), Za = {
1520
1726
  name: "wra-simple-table",
1521
1727
  props: {
1522
1728
  inheritBackground: {
@@ -1531,26 +1737,27 @@ const La = /* @__PURE__ */ f(Ea, [["render", Aa], ["__scopeId", "data-v-0ba072f4
1531
1737
  default: !0
1532
1738
  }
1533
1739
  }
1534
- }, Fa = {
1740
+ }, Qa = {
1535
1741
  key: 0,
1536
- class: "wra-table-caption"
1742
+ class: "wra-simple-table-caption"
1537
1743
  };
1538
- function Da(t, a, e, s, r, i) {
1539
- return n(), o("table", {
1540
- class: k(["wra-table", {
1541
- "wra-table-inherit": e.inheritBackground,
1542
- "left-align-headers": e.leftAlignHeaders
1543
- }])
1744
+ function Xa(e, a, t, i, r, s) {
1745
+ return l(), o("div", {
1746
+ class: b(["wra-simple-table-wrapper", { "wra-simple-table-inherit": t.inheritBackground }])
1544
1747
  }, [
1545
- e.caption ? (n(), o("caption", Fa, [
1546
- m(t.$slots, "caption", {}, () => [
1547
- C(c(e.caption), 1)
1548
- ])
1549
- ])) : h("", !0),
1550
- m(t.$slots, "default")
1748
+ u("table", {
1749
+ class: b(["wra-simple-table", { "left-align-headers": t.leftAlignHeaders }])
1750
+ }, [
1751
+ t.caption ? (l(), o("caption", Qa, [
1752
+ k(e.$slots, "caption", {}, () => [
1753
+ O(c(t.caption), 1)
1754
+ ])
1755
+ ])) : h("", !0),
1756
+ k(e.$slots, "default")
1757
+ ], 2)
1551
1758
  ], 2);
1552
1759
  }
1553
- const Na = /* @__PURE__ */ f(Pa, [["render", Da]]), Ra = {
1760
+ const es = /* @__PURE__ */ p(Za, [["render", Xa]]), ts = {
1554
1761
  name: "wra-snackbar",
1555
1762
  emits: ["update:visible"],
1556
1763
  props: {
@@ -1566,8 +1773,8 @@ const Na = /* @__PURE__ */ f(Pa, [["render", Da]]), Ra = {
1566
1773
  /** Time in ms for the snackbar to disappear after appearing */
1567
1774
  timeout: {
1568
1775
  type: Number,
1569
- validator(t) {
1570
- return t >= 0;
1776
+ validator(e) {
1777
+ return e >= 0;
1571
1778
  }
1572
1779
  },
1573
1780
  /** Theme of snackbar */
@@ -1585,18 +1792,18 @@ const Na = /* @__PURE__ */ f(Pa, [["render", Da]]), Ra = {
1585
1792
  showSnackbar: !1
1586
1793
  }),
1587
1794
  methods: {
1588
- snackbarTimer(t) {
1795
+ snackbarTimer(e) {
1589
1796
  setTimeout(() => {
1590
1797
  this.showSnackbar = !1;
1591
- }, t);
1798
+ }, e);
1592
1799
  },
1593
1800
  closeSnackbar() {
1594
1801
  this.showSnackbar = !1, this.$emit("update:visible", this.showSnackbar);
1595
1802
  }
1596
1803
  },
1597
1804
  watch: {
1598
- visible(t) {
1599
- this.showSnackbar = t, t === !0 && this.timeout && this.snackbarTimer(this.timeout);
1805
+ visible(e) {
1806
+ this.showSnackbar = e, e === !0 && this.timeout && this.snackbarTimer(this.timeout);
1600
1807
  }
1601
1808
  },
1602
1809
  created() {
@@ -1612,39 +1819,39 @@ const Na = /* @__PURE__ */ f(Pa, [["render", Da]]), Ra = {
1612
1819
  };
1613
1820
  }
1614
1821
  }
1615
- }, X = (t) => (F("data-v-d365ea40"), t = t(), D(), t), Ka = { class: "snackbar-content" }, Ha = /* @__PURE__ */ X(() => /* @__PURE__ */ d("span", { class: "sr-only" }, "Close", -1)), za = /* @__PURE__ */ X(() => /* @__PURE__ */ d("div", { class: "close-icon-line-one" }, [
1616
- /* @__PURE__ */ d("div", { class: "close-icon-line-two" })
1617
- ], -1)), Ua = [
1618
- Ha,
1619
- za
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" }, [
1823
+ /* @__PURE__ */ u("div", { class: "close-icon-line-two" })
1824
+ ], -1)), rs = [
1825
+ ss,
1826
+ is
1620
1827
  ];
1621
- function Ga(t, a, e, s, r, i) {
1622
- return n(), N(U, { name: "snackbar" }, {
1623
- default: G(() => [
1624
- t.showSnackbar ? (n(), o("div", {
1828
+ function ns(e, a, t, i, r, s) {
1829
+ return l(), H(J, { name: "snackbar" }, {
1830
+ default: Z(() => [
1831
+ e.showSnackbar ? (l(), o("div", {
1625
1832
  key: 0,
1626
1833
  role: "alert",
1627
1834
  "aria-live": "polite",
1628
- class: k(["snackbar snackbar-flex", e.type])
1835
+ class: b(["snackbar snackbar-flex", t.type])
1629
1836
  }, [
1630
- d("div", Ka, [
1631
- m(t.$slots, "default", {}, () => [
1632
- C(c(e.label), 1)
1837
+ u("div", as, [
1838
+ k(e.$slots, "default", {}, () => [
1839
+ O(c(t.label), 1)
1633
1840
  ], !0)
1634
1841
  ]),
1635
- e.showClose ? (n(), o("div", {
1842
+ t.showClose ? (l(), o("div", {
1636
1843
  key: 0,
1637
1844
  class: "close-icon-wrapper",
1638
1845
  tabindex: "0",
1639
- onClick: a[0] || (a[0] = (...l) => i.closeSnackbar && i.closeSnackbar(...l)),
1640
- onKeyup: a[1] || (a[1] = v((...l) => i.closeSnackbar && i.closeSnackbar(...l), ["enter"]))
1641
- }, Ua, 32)) : h("", !0)
1846
+ onClick: a[0] || (a[0] = (...n) => s.closeSnackbar && s.closeSnackbar(...n)),
1847
+ onKeyup: a[1] || (a[1] = v((...n) => s.closeSnackbar && s.closeSnackbar(...n), ["enter"]))
1848
+ }, rs, 32)) : h("", !0)
1642
1849
  ], 2)) : h("", !0)
1643
1850
  ]),
1644
1851
  _: 3
1645
1852
  });
1646
1853
  }
1647
- const Ya = /* @__PURE__ */ f(Ra, [["render", Ga], ["__scopeId", "data-v-d365ea40"]]), Ja = {
1854
+ const ls = /* @__PURE__ */ p(ts, [["render", ns], ["__scopeId", "data-v-d365ea40"]]), os = {
1648
1855
  name: "wra-subheader",
1649
1856
  props: {
1650
1857
  color: {
@@ -1659,15 +1866,15 @@ const Ya = /* @__PURE__ */ f(Ra, [["render", Ga], ["__scopeId", "data-v-d365ea40
1659
1866
  }
1660
1867
  }
1661
1868
  };
1662
- function Za(t, a, e, s, r, i) {
1663
- return n(), o("div", {
1869
+ function us(e, a, t, i, r, s) {
1870
+ return l(), o("div", {
1664
1871
  class: "subheader",
1665
- style: q(i.style)
1872
+ style: j(s.style)
1666
1873
  }, [
1667
- m(t.$slots, "default", {}, void 0, !0)
1874
+ k(e.$slots, "default", {}, void 0, !0)
1668
1875
  ], 4);
1669
1876
  }
1670
- const Qa = /* @__PURE__ */ f(Ja, [["render", Za], ["__scopeId", "data-v-c5d10b79"]]), Xa = {
1877
+ const ds = /* @__PURE__ */ p(os, [["render", us], ["__scopeId", "data-v-c5d10b79"]]), cs = {
1671
1878
  name: "wra-table",
1672
1879
  props: {
1673
1880
  inheritBackground: {
@@ -1684,69 +1891,69 @@ const Qa = /* @__PURE__ */ f(Ja, [["render", Za], ["__scopeId", "data-v-c5d10b79
1684
1891
  type: Array
1685
1892
  }
1686
1893
  }
1687
- }, es = {
1894
+ }, hs = {
1688
1895
  key: 0,
1689
1896
  class: "wra-table-caption"
1690
- }, ts = {
1897
+ }, fs = {
1691
1898
  key: 0,
1692
1899
  class: "wra-table-caption"
1693
1900
  };
1694
- function as(t, a, e, s, r, i) {
1695
- return n(), o(g, null, [
1696
- d("table", R({
1901
+ function ps(e, a, t, i, r, s) {
1902
+ return l(), o(_, null, [
1903
+ u("table", z({
1697
1904
  id: "regular",
1698
1905
  class: ["wra-table", {
1699
- "wra-table-inherit": e.inheritBackground
1906
+ "wra-table-inherit": t.inheritBackground
1700
1907
  }]
1701
- }, t.$attrs), [
1702
- e.caption ? (n(), o("caption", es, [
1703
- m(t.$slots, "caption", {}, () => [
1704
- C(c(e.caption), 1)
1908
+ }, e.$attrs), [
1909
+ t.caption ? (l(), o("caption", hs, [
1910
+ k(e.$slots, "caption", {}, () => [
1911
+ O(c(t.caption), 1)
1705
1912
  ])
1706
1913
  ])) : h("", !0),
1707
- d("thead", null, [
1708
- d("tr", null, [
1709
- (n(!0), o(g, null, y(e.headers, (l) => (n(), o("th", {
1710
- key: l.key,
1711
- style: q({ textAlign: l.align || "left" })
1712
- }, c(l.title), 5))), 128))
1914
+ u("thead", null, [
1915
+ u("tr", null, [
1916
+ (l(!0), o(_, null, w(t.headers, (n) => (l(), o("th", {
1917
+ key: n.key,
1918
+ style: j({ textAlign: n.align || "left" })
1919
+ }, c(n.title), 5))), 128))
1713
1920
  ])
1714
1921
  ]),
1715
- d("tbody", null, [
1716
- (n(!0), o(g, null, y(e.items, (l) => (n(), o("tr", {
1717
- key: l.id,
1718
- class: k({ bold: l.bold })
1922
+ u("tbody", null, [
1923
+ (l(!0), o(_, null, w(t.items, (n) => (l(), o("tr", {
1924
+ key: n.id,
1925
+ class: b({ bold: n.bold })
1719
1926
  }, [
1720
- (n(!0), o(g, null, y(e.headers, (u) => (n(), o("td", {
1721
- key: u.key,
1722
- style: q({ textAlign: u.align || "left" })
1723
- }, c(l[u.key]), 5))), 128))
1927
+ (l(!0), o(_, null, w(t.headers, (d) => (l(), o("td", {
1928
+ key: d.key,
1929
+ style: j({ textAlign: d.align || "left" })
1930
+ }, c(n[d.key]), 5))), 128))
1724
1931
  ], 2))), 128))
1725
1932
  ])
1726
1933
  ], 16),
1727
- d("table", R({
1934
+ u("table", z({
1728
1935
  id: "pivoted",
1729
1936
  class: ["wra-table", {
1730
- "wra-table-inherit": e.inheritBackground
1937
+ "wra-table-inherit": t.inheritBackground
1731
1938
  }]
1732
- }, t.$attrs), [
1733
- e.caption ? (n(), o("caption", ts, [
1734
- m(t.$slots, "caption", {}, () => [
1735
- C(c(e.caption), 1)
1939
+ }, e.$attrs), [
1940
+ t.caption ? (l(), o("caption", fs, [
1941
+ k(e.$slots, "caption", {}, () => [
1942
+ O(c(t.caption), 1)
1736
1943
  ])
1737
1944
  ])) : h("", !0),
1738
- (n(!0), o(g, null, y(e.items, (l) => (n(), o("tbody", {
1739
- key: l.id
1945
+ (l(!0), o(_, null, w(t.items, (n) => (l(), o("tbody", {
1946
+ key: n.id
1740
1947
  }, [
1741
- (n(!0), o(g, null, y(e.headers, (u, p) => (n(), o("tr", { key: p }, [
1742
- d("th", null, c(u.title), 1),
1743
- d("td", null, c(l[u.key]), 1)
1948
+ (l(!0), o(_, null, w(t.headers, (d, f) => (l(), o("tr", { key: f }, [
1949
+ u("th", null, c(d.title), 1),
1950
+ u("td", null, c(n[d.key]), 1)
1744
1951
  ]))), 128))
1745
1952
  ]))), 128))
1746
1953
  ], 16)
1747
1954
  ], 64);
1748
1955
  }
1749
- const ss = /* @__PURE__ */ f(Xa, [["render", as]]), is = {
1956
+ const ms = /* @__PURE__ */ p(cs, [["render", ps]]), gs = {
1750
1957
  name: "wra-tab",
1751
1958
  props: {
1752
1959
  label: {
@@ -1769,18 +1976,18 @@ const ss = /* @__PURE__ */ f(Xa, [["render", as]]), is = {
1769
1976
  };
1770
1977
  },
1771
1978
  watch: {
1772
- focus(t) {
1773
- t === !0 && this.$refs.tabButton.focus();
1979
+ focus(e) {
1980
+ e === !0 && this.$refs.tabButton.focus();
1774
1981
  }
1775
1982
  }
1776
1983
  };
1777
- function rs(t, a, e, s, r, i) {
1778
- return n(), o("button", {
1984
+ function ks(e, a, t, i, r, s) {
1985
+ return l(), o("button", {
1779
1986
  ref: "tabButton",
1780
- class: k(["tab-button", e.active === !0 && "tab-button--active"])
1781
- }, c(e.label), 3);
1987
+ class: b(["tab-button", t.active === !0 && "tab-button--active"])
1988
+ }, c(t.label), 3);
1782
1989
  }
1783
- const ns = /* @__PURE__ */ f(is, [["render", rs], ["__scopeId", "data-v-19bb5a16"]]), ls = {
1990
+ const bs = /* @__PURE__ */ p(gs, [["render", ks], ["__scopeId", "data-v-19bb5a16"]]), _s = {
1784
1991
  name: "wra-tabs",
1785
1992
  emits: "update:modelValue",
1786
1993
  props: {
@@ -1796,7 +2003,7 @@ const ns = /* @__PURE__ */ f(is, [["render", rs], ["__scopeId", "data-v-19bb5a16
1796
2003
  }
1797
2004
  },
1798
2005
  components: {
1799
- Tab: ns
2006
+ Tab: bs
1800
2007
  },
1801
2008
  data() {
1802
2009
  return {
@@ -1805,8 +2012,8 @@ const ns = /* @__PURE__ */ f(is, [["render", rs], ["__scopeId", "data-v-19bb5a16
1805
2012
  };
1806
2013
  },
1807
2014
  methods: {
1808
- onTabClick(t) {
1809
- this.activeTab = t, this.focusTab = t, this.$emit("update:modelValue", this.activeTab);
2015
+ onTabClick(e) {
2016
+ this.activeTab = e, this.focusTab = e, this.$emit("update:modelValue", this.activeTab);
1810
2017
  },
1811
2018
  onKeyLeft() {
1812
2019
  this.focusTab > 0 && this.focusTab--;
@@ -1818,27 +2025,27 @@ const ns = /* @__PURE__ */ f(is, [["render", rs], ["__scopeId", "data-v-19bb5a16
1818
2025
  created() {
1819
2026
  this.activeTab = this.modelValue;
1820
2027
  }
1821
- }, os = { class: "tabs" };
1822
- function ds(t, a, e, s, r, i) {
1823
- const l = Y("tab");
1824
- return n(), o("div", os, [
1825
- (n(!0), o(g, null, y(e.options, (u, p) => (n(), N(l, {
1826
- tabindex: p === 0 ? 0 : -1,
1827
- label: u,
1828
- active: p === r.activeTab,
1829
- focus: p === r.focusTab,
1830
- onClick: (b) => i.onTabClick(p),
1831
- onFocus: (b) => r.focusTab = p,
2028
+ }, vs = { class: "tabs" };
2029
+ function ys(e, a, t, i, r, s) {
2030
+ const n = Q("tab");
2031
+ return l(), o("div", vs, [
2032
+ (l(!0), o(_, null, w(t.options, (d, f) => (l(), H(n, {
2033
+ tabindex: f === 0 ? 0 : -1,
2034
+ label: d,
2035
+ active: f === r.activeTab,
2036
+ focus: f === r.focusTab,
2037
+ onClick: (g) => s.onTabClick(f),
2038
+ onFocus: (g) => r.focusTab = f,
1832
2039
  onKeydown: [
1833
- v((b) => i.onTabClick(p), ["enter"]),
1834
- v((b) => i.onTabClick(p), ["space"]),
1835
- v((b) => i.onKeyLeft(p), ["left"]),
1836
- v((b) => i.onKeyRight(p), ["right"])
2040
+ v((g) => s.onTabClick(f), ["enter"]),
2041
+ v((g) => s.onTabClick(f), ["space"]),
2042
+ v((g) => s.onKeyLeft(f), ["left"]),
2043
+ v((g) => s.onKeyRight(f), ["right"])
1837
2044
  ]
1838
2045
  }, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
1839
2046
  ]);
1840
2047
  }
1841
- const us = /* @__PURE__ */ f(ls, [["render", ds], ["__scopeId", "data-v-bbf8594b"]]), cs = {
2048
+ const ws = /* @__PURE__ */ p(_s, [["render", ys], ["__scopeId", "data-v-bbf8594b"]]), Vs = {
1842
2049
  name: "wra-text-area",
1843
2050
  props: {
1844
2051
  id: {
@@ -1866,13 +2073,13 @@ const us = /* @__PURE__ */ f(ls, [["render", ds], ["__scopeId", "data-v-bbf8594b
1866
2073
  };
1867
2074
  },
1868
2075
  methods: {
1869
- validate(t) {
1870
- if (this.$emit("update:modelValue", t), this.errorMessage = "", this.rules != null)
2076
+ validate(e) {
2077
+ if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
1871
2078
  for (let a = 0; a < this.rules.length; a++) {
1872
- const e = this.rules[a];
1873
- let s = e(t);
1874
- if (s != !0) {
1875
- this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
2079
+ const t = this.rules[a];
2080
+ let i = t(e);
2081
+ if (i != !0) {
2082
+ this.errorMessage = i, this.$emit("valid", { id: this.id, value: !1 });
1876
2083
  break;
1877
2084
  }
1878
2085
  }
@@ -1885,26 +2092,26 @@ const us = /* @__PURE__ */ f(ls, [["render", ds], ["__scopeId", "data-v-bbf8594b
1885
2092
  mounted() {
1886
2093
  this.validate(this.modelValue);
1887
2094
  }
1888
- }, hs = ["for"], fs = ["id", "value"];
1889
- function ps(t, a, e, s, r, i) {
1890
- return n(), o("div", {
1891
- class: k({ error: r.errorMessage != !1 })
2095
+ }, Ss = ["for"], Is = ["id", "value"];
2096
+ function $s(e, a, t, i, r, s) {
2097
+ return l(), o("div", {
2098
+ class: b({ error: r.errorMessage != !1 })
1892
2099
  }, [
1893
- e.label ? (n(), o("label", {
2100
+ t.label ? (l(), o("label", {
1894
2101
  key: 0,
1895
- for: e.id
1896
- }, c(e.label), 9, hs)) : h("", !0),
1897
- d("textarea", {
2102
+ for: t.id
2103
+ }, c(t.label), 9, Ss)) : h("", !0),
2104
+ u("textarea", {
1898
2105
  rows: "5",
1899
- id: e.id,
1900
- value: e.modelValue,
1901
- onInput: a[0] || (a[0] = (l) => i.validate(l.target.value))
1902
- }, null, 40, fs),
1903
- d("p", null, c(r.errorMessage), 1)
2106
+ id: t.id,
2107
+ value: t.modelValue,
2108
+ onInput: a[0] || (a[0] = (n) => s.validate(n.target.value))
2109
+ }, null, 40, Is),
2110
+ u("p", null, c(r.errorMessage), 1)
1904
2111
  ], 2);
1905
2112
  }
1906
- const ms = /* @__PURE__ */ f(cs, [["render", ps], ["__scopeId", "data-v-5633552a"]]), ks = {
1907
- directives: { maska: B },
2113
+ const xs = /* @__PURE__ */ p(Vs, [["render", $s], ["__scopeId", "data-v-5633552a"]]), Ms = {
2114
+ directives: { maska: q },
1908
2115
  name: "wra-text-input",
1909
2116
  props: {
1910
2117
  modelValue: {
@@ -1920,7 +2127,28 @@ const ms = /* @__PURE__ */ f(cs, [["render", ps], ["__scopeId", "data-v-5633552a
1920
2127
  },
1921
2128
  inputmode: {
1922
2129
  type: String,
1923
- default: "text"
2130
+ default: "text",
2131
+ validator(e) {
2132
+ return [
2133
+ "none",
2134
+ "text",
2135
+ "tel",
2136
+ "url",
2137
+ "email",
2138
+ "numeric",
2139
+ "decimal",
2140
+ "search"
2141
+ ].includes(e);
2142
+ }
2143
+ },
2144
+ type: {
2145
+ type: String,
2146
+ default: "text",
2147
+ validator(e) {
2148
+ return ["text", "tel", "url", "email", "numeric", "decimal"].includes(
2149
+ e
2150
+ );
2151
+ }
1924
2152
  },
1925
2153
  rules: {},
1926
2154
  dataMaska: {},
@@ -1936,13 +2164,13 @@ const ms = /* @__PURE__ */ f(cs, [["render", ps], ["__scopeId", "data-v-5633552a
1936
2164
  };
1937
2165
  },
1938
2166
  methods: {
1939
- validate(t) {
1940
- if (this.$emit("update:modelValue", t), this.errorMessage = "", this.rules != null)
2167
+ validate(e) {
2168
+ if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
1941
2169
  for (let a = 0; a < this.rules.length; a++) {
1942
- const e = this.rules[a];
1943
- let s = e(t);
1944
- if (s != !0) {
1945
- this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
2170
+ const t = this.rules[a];
2171
+ let i = t(e);
2172
+ if (i != !0) {
2173
+ this.errorMessage = i, this.$emit("valid", { id: this.id, value: !1 });
1946
2174
  break;
1947
2175
  }
1948
2176
  }
@@ -1956,32 +2184,32 @@ const ms = /* @__PURE__ */ f(cs, [["render", ps], ["__scopeId", "data-v-5633552a
1956
2184
  this.validate(this.modelValue);
1957
2185
  },
1958
2186
  emits: ["update:modelValue", "valid"]
1959
- }, bs = ["for"], _s = ["id", "data-maska", "dataMaskaTokens", "value", "inputmode", "placeholder"];
1960
- function gs(t, a, e, s, r, i) {
1961
- const l = O("maska");
1962
- return n(), o("div", {
1963
- class: k({ error: r.errorMessage != !1 })
2187
+ }, Ps = ["for"], Ts = ["id", "type", "data-maska", "dataMaskaTokens", "value", "inputmode", "placeholder"];
2188
+ function Cs(e, a, t, i, r, s) {
2189
+ const n = B("maska");
2190
+ return l(), o("div", {
2191
+ class: b({ error: r.errorMessage != !1 })
1964
2192
  }, [
1965
- e.label ? (n(), o("label", {
2193
+ t.label ? (l(), o("label", {
1966
2194
  key: 0,
1967
- for: e.id
1968
- }, c(e.label), 9, bs)) : h("", !0),
1969
- I(d("input", {
1970
- id: e.id,
1971
- type: "text",
1972
- "data-maska": e.dataMaska,
1973
- dataMaskaTokens: e.dataMaskaTokens,
1974
- value: e.modelValue,
1975
- onInput: a[0] || (a[0] = (u) => i.validate(u.target.value)),
1976
- inputmode: e.inputmode || "text",
1977
- placeholder: e.placeholder
1978
- }, null, 40, _s), [
1979
- [l]
2195
+ for: t.id
2196
+ }, c(t.label), 9, Ps)) : h("", !0),
2197
+ T(u("input", {
2198
+ id: t.id,
2199
+ type: t.type,
2200
+ "data-maska": t.dataMaska,
2201
+ dataMaskaTokens: t.dataMaskaTokens,
2202
+ value: t.modelValue,
2203
+ onInput: a[0] || (a[0] = (d) => s.validate(d.target.value)),
2204
+ inputmode: t.inputmode || "text",
2205
+ placeholder: t.placeholder
2206
+ }, null, 40, Ts), [
2207
+ [n]
1980
2208
  ]),
1981
- d("p", null, c(r.errorMessage), 1)
2209
+ u("p", null, c(r.errorMessage), 1)
1982
2210
  ], 2);
1983
2211
  }
1984
- const vs = /* @__PURE__ */ f(ks, [["render", gs], ["__scopeId", "data-v-daebe7eb"]]), ys = {
2212
+ const Ws = /* @__PURE__ */ p(Ms, [["render", Cs], ["__scopeId", "data-v-803683a9"]]), Os = {
1985
2213
  name: "wra-validation-tooltip",
1986
2214
  props: {
1987
2215
  type: {
@@ -1990,78 +2218,79 @@ const vs = /* @__PURE__ */ f(ks, [["render", gs], ["__scopeId", "data-v-daebe7eb
1990
2218
  }
1991
2219
  }
1992
2220
  };
1993
- function ws(t, a, e, s, r, i) {
1994
- return n(), o("div", {
1995
- class: k(["validation-tooltip", e.type])
2221
+ function Bs(e, a, t, i, r, s) {
2222
+ return l(), o("div", {
2223
+ class: b(["validation-tooltip", t.type])
1996
2224
  }, [
1997
- m(t.$slots, "default", {}, void 0, !0)
2225
+ k(e.$slots, "default", {}, void 0, !0)
1998
2226
  ], 2);
1999
2227
  }
2000
- const Vs = /* @__PURE__ */ f(ys, [["render", ws], ["__scopeId", "data-v-0a204122"]]), Ss = {
2001
- WraAppBar: le,
2002
- WraAutocomplete: me,
2003
- WraBanner: ge,
2228
+ const qs = /* @__PURE__ */ p(Os, [["render", Bs], ["__scopeId", "data-v-0a204122"]]), As = {
2229
+ WraAppBar: oe,
2230
+ WraAutocomplete: ge,
2231
+ WraBanner: ve,
2004
2232
  WraBreadcrumbs: Te,
2005
- WraButton: Ee,
2006
- WraCard: Le,
2007
- WraCheckbox: J,
2008
- WraCheckboxGroup: Ze,
2009
- WraContentSectionTitle: tt,
2010
- WraCustomInput: mt,
2011
- WraDateInput: yt,
2012
- WraDivider: $t,
2013
- WraExpansionPanel: Ot,
2014
- WraFooter: qt,
2015
- WraHeader: Kt,
2016
- WraIcon: Yt,
2017
- WraNumberInput: sa,
2018
- WraPriceInput: ca,
2019
- WraRadioGroup: wa,
2020
- WraSelect: Ba,
2021
- WraServiceLogo: La,
2022
- WraSimpleTable: Na,
2023
- WraSnackbar: Ya,
2024
- WraSubheader: Qa,
2025
- WraTable: ss,
2026
- WraTabs: us,
2027
- WraTextArea: ms,
2028
- WraTextInput: vs,
2029
- WraValidationTooltip: Vs
2030
- }, Is = {
2031
- install(t) {
2032
- for (const [a, e] of Object.entries(Ss))
2033
- t.component(a, e);
2233
+ WraButton: qe,
2234
+ WraCard: Ne,
2235
+ WraCheckbox: X,
2236
+ WraCheckboxGroup: Qe,
2237
+ WraContentSectionTitle: at,
2238
+ WraCustomInput: _t,
2239
+ WraDateInput: It,
2240
+ WraDivider: Pt,
2241
+ WraExpansionPanel: At,
2242
+ WraFooter: Nt,
2243
+ WraHeader: Ut,
2244
+ WraIcon: Xt,
2245
+ 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
2258
+ }, Ns = {
2259
+ install(e) {
2260
+ for (const [a, t] of Object.entries(As))
2261
+ e.component(a, t);
2034
2262
  }
2035
2263
  };
2036
2264
  export {
2037
- le as WraAppBar,
2038
- me as WraAutocomplete,
2039
- ge as WraBanner,
2265
+ oe as WraAppBar,
2266
+ ge as WraAutocomplete,
2267
+ ve as WraBanner,
2040
2268
  Te as WraBreadcrumbs,
2041
- Ee as WraButton,
2042
- Le as WraCard,
2043
- J as WraCheckbox,
2044
- Ze as WraCheckboxGroup,
2045
- tt as WraContentSectionTitle,
2046
- mt as WraCustomInput,
2047
- yt as WraDateInput,
2048
- $t as WraDivider,
2049
- Ot as WraExpansionPanel,
2050
- qt as WraFooter,
2051
- Kt as WraHeader,
2052
- Yt as WraIcon,
2053
- sa as WraNumberInput,
2054
- ca as WraPriceInput,
2055
- wa as WraRadioGroup,
2056
- Ba as WraSelect,
2057
- La as WraServiceLogo,
2058
- Na as WraSimpleTable,
2059
- Ya as WraSnackbar,
2060
- Qa as WraSubheader,
2061
- ss as WraTable,
2062
- us as WraTabs,
2063
- ms as WraTextArea,
2064
- vs as WraTextInput,
2065
- Vs as WraValidationTooltip,
2066
- Is as default
2269
+ qe as WraButton,
2270
+ Ne as WraCard,
2271
+ X as WraCheckbox,
2272
+ Qe as WraCheckboxGroup,
2273
+ at as WraContentSectionTitle,
2274
+ _t as WraCustomInput,
2275
+ It as WraDateInput,
2276
+ Pt as WraDivider,
2277
+ At as WraExpansionPanel,
2278
+ Nt as WraFooter,
2279
+ Ut as WraHeader,
2280
+ Xt as WraIcon,
2281
+ 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,
2295
+ Ns as default
2067
2296
  };