npm - @wra-gov/vue-components - Versions diffs - 0.8.0 → 0.10.0 - Mend

@wra-gov/vue-components 0.8.0 → 0.10.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.

Files changed (3) hide show

package/dist/vue-components.js +1260 -1030
package/dist/vue-components.umd.cjs +2 -2
package/package.json +1 -1

package/dist/vue-components.js CHANGED Viewed

@@ -1,27 +1,340 @@
-(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}.validation-tooltip[data-v-386ad06a]{color:#1f1f1f;border-radius:0;font-size:18px;padding:20px 16px 20px 24px}.wra-error[data-v-386ad06a]{background-color:#ffe4e5;border-left:3px solid #aa1111}.wra-success[data-v-386ad06a]{background-color:#cdf7d4;border-left:3px solid #019e1e}.wra-info[data-v-386ad06a]{background-color:#c2e0fc;border-left:3px solid #0360a6}.wra-warning[data-v-386ad06a]{background-color:#fff5ce;border-left:3px solid #ffd530}.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}.radio-label[data-v-20fce2e7]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;display:grid;grid-template-columns:20px auto}.radio-label[data-v-20fce2e7]:hover{background:#b5b5b5}.radio-input[data-v-20fce2e7]{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-20fce2e7]: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-20fce2e7]:checked:before{transform:scale(1)}.radio-input[data-v-20fce2e7]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.radio-input[data-v-20fce2e7]:focus-visible{outline-offset:0px}.radio-text[data-v-20fce2e7]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-20fce2e7]{font-size:14px}p[data-v-20fce2e7]{margin:0}.radio[data-v-5568c917]: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}.subheader[data-v-c5d10b79]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}*[data-v-0f552efc],*[data-v-0f552efc]:before,*[data-v-0f552efc]:after{box-sizing:border-box}textarea[data-v-0f552efc]{font-size:16px;padding:10px 16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%}textarea[data-v-0f552efc]: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-0f552efc]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-0f552efc]{margin-top:10px;padding:10px;background:#ffe4e5;color:#1f1f1f;font-size:16px;border-left:#aa1111 3px solid}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}button[data-v-8ac59e1e]{background-color:#1f1f1f;color:#fff;font-weight:700;border:none;cursor:pointer}button[data-v-8ac59e1e]:hover{opacity:.8;transition:all .3s ease}button[data-v-8ac59e1e]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}button[data-v-8ac59e1e]:focus:hover{opacity:1}.wra-blue[data-v-8ac59e1e]{background-color:#0360a6}.wra-red[data-v-8ac59e1e]{background-color:#a11}.wra-green[data-v-8ac59e1e]{background-color:#019e1e}.wra-revenue[data-v-8ac59e1e]{background-color:#2a225b}.default-button[data-v-8ac59e1e]{font-size:20px;padding:15px 20px}.small-button[data-v-8ac59e1e]{font-size:14px;padding:5px 10px}.outlined-button[data-v-8ac59e1e]{background-color:transparent;outline:2px solid var(--color-prop, #1f1f1f);color:var(--color-prop, #1f1f1f)}.outlined-button[data-v-8ac59e1e]:hover{opacity:1;background-color:var(--color-prop, #1f1f1f);color:#fff;transition:all .3s ease}.icon[data-v-8ac59e1e]{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-8ac59e1e]{border-width:3px 3px 0px 0px}.next-icon[data-v-8ac59e1e]{border-width:0px 0px 3px 3px}.prepend-icon-wrapper[data-v-8ac59e1e]{margin-right:15px}.append-icon-wrapper[data-v-8ac59e1e]{margin-left:15px}*[data-v-29411b9a],*[data-v-29411b9a]:before,*[data-v-29411b9a]:after{box-sizing:border-box}input[data-v-29411b9a]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%;height:59px}input[data-v-29411b9a]: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-29411b9a]{color:#1f1f1f;font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-29411b9a]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[data-v-a4427f3c],*[data-v-a4427f3c]:before,*[data-v-a4427f3c]:after{box-sizing:border-box}.input-wrapper[data-v-a4427f3c]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-a4427f3c]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-a4427f3c]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-a4427f3c]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-a4427f3c]{padding:16px 6px}.padding-for-no-prefix[data-v-a4427f3c]{padding:16px}.input-wrapper[data-v-a4427f3c]: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-a4427f3c]{border:none}label[data-v-a4427f3c]{color:#1f1f1f;font-size:16px;display:block;width:190px;margin-bottom:4px}div.error>p[data-v-a4427f3c]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[data-v-710257d0],*[data-v-710257d0]:before,*[data-v-710257d0]:after{box-sizing:border-box}.input-wrapper[data-v-710257d0]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-710257d0]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-710257d0]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-710257d0]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-710257d0]{padding:16px 6px}.padding-for-no-prefix[data-v-710257d0]{padding:16px}.input-wrapper[data-v-710257d0]: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-710257d0]{border:none}label[data-v-710257d0]{color:#1f1f1f;font-size:16px;display:block;width:190px;margin-bottom:4px}div.error>p[data-v-710257d0]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[data-v-de5da846],*[data-v-de5da846]:before,*[data-v-de5da846]:after{box-sizing:border-box}input[data-v-de5da846]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;height:59px;width:100%}input[data-v-de5da846]: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-de5da846]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-de5da846]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[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}.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}*[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-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}}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}*[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)}*[data-v-7085f41c],*[data-v-7085f41c]:before,*[data-v-7085f41c]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-7085f41c]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%}.autocomplete-input[data-v-7085f41c]:disabled{opacity:.3}.autocomplete-input--focus[data-v-7085f41c]{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-7085f41c]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-7085f41c]{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-7085f41c]{padding:2px 16px;border-bottom:1px solid #1f1f1f;cursor:pointer}.autocomplete-list>li[data-v-7085f41c]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-7085f41c]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-7085f41c]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-7085f41c]{background:#3b7dc5;color:#fff}.autocomplete-item-not-clickable[data-v-7085f41c]{cursor:not-allowed}.autocomplete[data-v-7085f41c]{position:relative}.left-align-headers{text-align:left}.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}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid #666666}.wra-table>tbody>tr:not(:last-child)>td,.wra-table>tbody>tr:not(:last-child)>th{border-bottom:1px solid #666666}.wra-table td,.wra-table th{padding: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-footer[data-v-182e61db]{flex-grow:0;background-color:#f1f1f1;padding:70px 20px 50px}@media print{.hidden-print[data-v-182e61db]{display:none}}')),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { openBlock as o, createElementBlock as l, normalizeClass as _, renderSlot as k, createElementVNode as u, toDisplayString as h, Fragment as V, renderList as x, createCommentVNode as b, resolveComponent as H, createBlock as F, pushScopeId as A, popScopeId as P, normalizeStyle as z, resolveDirective as C, withDirectives as I, Transition as U, withCtx as G, createTextVNode as D, withKeys as g, createVNode as ae, withModifiers as $, vModelText as se, vShow as ie } from "vue";
-const c = (t, a) => {
+(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}.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-32c79a39],*[data-v-32c79a39]:before,*[data-v-32c79a39]:after{box-sizing:border-box}.input-wrapper[data-v-32c79a39]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-32c79a39]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-32c79a39]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-32c79a39]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-32c79a39]{padding:16px 6px}.padding-for-no-prefix[data-v-32c79a39]{padding:16px}.input-wrapper[data-v-32c79a39]: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-32c79a39]{border:none}label[data-v-32c79a39]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-32c79a39]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[data-v-28c82c54],*[data-v-28c82c54]:before,*[data-v-28c82c54]:after{box-sizing:border-box}input[data-v-28c82c54]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%;height:59px}input[data-v-28c82c54]: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-28c82c54]{color:#1f1f1f;font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-28c82c54]{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-0bf6c71c],*[data-v-0bf6c71c]:before,*[data-v-0bf6c71c]:after{box-sizing:border-box}.input-wrapper[data-v-0bf6c71c]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-0bf6c71c]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-0bf6c71c]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-0bf6c71c]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-0bf6c71c]{padding:16px 6px}.padding-for-no-prefix[data-v-0bf6c71c]{padding:16px}.input-wrapper[data-v-0bf6c71c]: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-0bf6c71c]{border:none}label[data-v-0bf6c71c]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-0bf6c71c]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[data-v-4b9c8bb8],*[data-v-4b9c8bb8]:before,*[data-v-4b9c8bb8]:after{box-sizing:border-box}.input-wrapper[data-v-4b9c8bb8]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-4b9c8bb8]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-4b9c8bb8]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-4b9c8bb8]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-4b9c8bb8]{padding:16px 6px}.padding-for-no-prefix[data-v-4b9c8bb8]{padding:16px}.input-wrapper[data-v-4b9c8bb8]: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-4b9c8bb8]{border:none}label[data-v-4b9c8bb8]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-4b9c8bb8]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.radio-label[data-v-20fce2e7]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;display:grid;grid-template-columns:20px auto}.radio-label[data-v-20fce2e7]:hover{background:#b5b5b5}.radio-input[data-v-20fce2e7]{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-20fce2e7]: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-20fce2e7]:checked:before{transform:scale(1)}.radio-input[data-v-20fce2e7]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.radio-input[data-v-20fce2e7]:focus-visible{outline-offset:0px}.radio-text[data-v-20fce2e7]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-20fce2e7]{font-size:14px}p[data-v-20fce2e7]{margin:0}.radio[data-v-5568c917]: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-table{width:100%;line-height:20px;background-color:#f1f1f1;color:#1f1f1f;border-spacing:0;padding:0 16px}*[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}}.left-align-headers{text-align:left}.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;table-layout:fixed}.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:not(:last-child)>td,.wra-table>tbody>tr:not(:last-child)>th{border-bottom:1px solid #666666}.wra-table td,.wra-table th{padding:16px}#pivoted{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:last-child>tr:last-child>td,#pivoted>tbody:last-child>tr:last-child>th{border-bottom:none}#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-274d2c94],*[data-v-274d2c94]:before,*[data-v-274d2c94]:after{box-sizing:border-box}input[data-v-274d2c94]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;height:59px;width:100%}input[data-v-274d2c94]: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-274d2c94]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-274d2c94]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.validation-tooltip[data-v-386ad06a]{color:#1f1f1f;border-radius:0;font-size:18px;padding:20px 16px 20px 24px}.wra-error[data-v-386ad06a]{background-color:#ffe4e5;border-left:3px solid #aa1111}.wra-success[data-v-386ad06a]{background-color:#cdf7d4;border-left:3px solid #019e1e}.wra-info[data-v-386ad06a]{background-color:#c2e0fc;border-left:3px solid #0360a6}.wra-warning[data-v-386ad06a]{background-color:#fff5ce;border-left:3px solid #ffd530}')),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { openBlock as n, createElementBlock as l, normalizeClass as m, renderSlot as b, toDisplayString as c, createCommentVNode as h, withDirectives as I, createElementVNode as d, withKeys as v, withModifiers as x, vModelText as te, Fragment as g, renderList as y, vShow as ae, pushScopeId as P, popScopeId as F, resolveDirective as C, normalizeStyle as K, createTextVNode as O, createVNode as se, Transition as z, withCtx as U, resolveComponent as G, createBlock as D } from "vue";
+const f = (t, a) => {
   const e = t.__vccOpts || t;
   for (const [s, r] of a)
     e[s] = r;
   return e;
-}, re = {
-  name: "wra-validation-tooltip",
+}, ie = {
+  name: "wra-app-bar",
   props: {
-    type: {
+    hiddenPrint: {
+      type: Boolean,
+      default: !1
+    }
+  }
+};
+function re(t, a, e, s, r, i) {
+  return n(), l("div", {
+    class: m(["wra-app-bar", {
+      "hidden-print": e.hiddenPrint === !0
+    }])
+  }, [
+    b(t.$slots, "default", {}, void 0, !0)
+  ], 2);
+}
+const ne = /* @__PURE__ */ f(ie, [["render", re], ["__scopeId", "data-v-dbbbd450"]]), le = {
+  name: "wra-autocomplete",
+  emits: ["update:modelValue"],
+  props: {
+    modelValue: {
+      type: Object
+    },
+    /** Label for autocomplete */
+    label: {
+      type: String
+    },
+    /** Input's ID tag */
+    id: {
+      type: String
+    },
+    /** Options for autocomplete list */
+    options: {
+      type: Object,
+      required: !0
+    },
+    /** Change the default object name in options for the data */
+    optionValue: {
+      type: String,
+      default: "value"
+    },
+    /** Change the default object name in options for the displayed value */
+    optionLabel: {
       type: String,
+      default: "label"
+    },
+    /** Mininum number of characters before the list appears */
+    minLength: {
+      type: Number,
+      default: 1
+    },
+    /** If list should automatically expand when input is focused */
+    autoExpand: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data: () => ({
+    userInput: {},
+    hasFocus: !1,
+    listHasFocus: !1,
+    optionIndex: null
+  }),
+  methods: {
+    onInputTyping() {
+      this.optionIndex = null, this.userInput[this.optionValue] = this.getInputValue, this.$emit("update:modelValue", this.userInput);
+    },
+    onOptionSelect(t) {
+      (t == null ? void 0 : t.clickable) !== !1 && (this.userInput = t, this.userInput = Object.assign({}, t), this.$emit("update:modelValue", this.userInput));
+    },
+    onBlur() {
+      this.listHasFocus === !1 && (this.hasFocus = !1);
+    },
+    onOptionBlur(t) {
+      t === this.optionIndex && (this.hasFocus = !1, this.listHasFocus = !1);
+    },
+    onUpKey() {
+      if (!(this.optionsHasMatches === !1 || this.showOptions === !1)) {
+        if (this.optionIndex === 0)
+          this.optionIndex = null, this.listHasFocus = !1, this.$refs.autocompleteInput.focus();
+        else if (this.optionIndex > 0) {
+          this.optionIndex--, this.listHasFocus = !0;
+          const t = `option${this.optionIndex}`;
+          this.$refs[t][0].focus();
+        }
+      }
+    },
+    onDownKey() {
+      if (this.optionsHasMatches === !1 || this.showOptions === !1)
+        return;
+      this.optionIndex === null ? this.optionIndex = 0 : this.optionIndex < this.filterOptions.length - 1 && this.optionIndex++, this.listHasFocus = !0;
+      const t = `option${this.optionIndex}`;
+      this.$refs[t][0].focus();
+    }
+  },
+  computed: {
+    showOptions() {
+      const t = this.options.some(
+        (s) => s[this.optionLabel] === this.userInput[this.optionLabel]
+      ), a = this.userInput[this.optionLabel].length >= this.minLength;
+      return t !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || a === !0);
+    },
+    filterOptions() {
+      const t = this.options.filter(
+        (a) => a.label.toLowerCase().includes(this.getInputValue)
+      );
+      return t.length > 0 ? t : this.autoExpand === !0 ? this.options : (t.push({
+        [this.optionLabel]: "No results found",
+        [this.optionValue]: "",
+        clickable: !1
+      }), t);
+    },
+    optionsHasMatches() {
+      return this.filterOptions.every(
+        (t) => Object.hasOwn(t, "clickable") ? t.clickable === !0 : !0
+      );
+    },
+    getInputValue() {
+      return this.userInput[this.optionLabel].toLowerCase();
+    }
+  },
+  created() {
+    if (this.modelValue && Object.keys(this.modelValue).length >= 2) {
+      this.userInput = this.modelValue;
+      return;
+    }
+    this.userInput[this.optionLabel] = "", this.userInput[this.optionValue] = "";
+  }
+}, oe = { class: "autocomplete" }, de = ["for"], ue = ["id"], ce = {
+  role: "listbox",
+  class: "autocomplete-list"
+}, he = ["onMousedown", "onKeydown", "onBlur"];
+function fe(t, a, e, s, r, i) {
+  return n(), l("div", oe, [
+    e.label ? (n(), l("label", {
+      key: 0,
+      for: e.id,
+      class: "autocomplete-label"
+    }, c(e.label), 9, de)) : h("", !0),
+    I(d("input", {
+      ref: "autocompleteInput",
+      "onUpdate:modelValue": a[0] || (a[0] = (o) => t.userInput[e.optionLabel] = o),
+      role: "combobox",
+      inputmode: "text",
+      id: e.id,
+      class: m(["autocomplete-input", { "autocomplete-input--focus": t.hasFocus }]),
+      "aria-owns": "autocomplete-list",
+      autocomplete: "off",
+      onInput: a[1] || (a[1] = (o) => i.onInputTyping()),
+      onFocus: a[2] || (a[2] = (o) => t.hasFocus = !0),
+      onBlur: a[3] || (a[3] = (...o) => i.onBlur && i.onBlur(...o)),
+      onKeydown: [
+        a[4] || (a[4] = v(x((...o) => i.onUpKey && i.onUpKey(...o), ["prevent"]), ["up"])),
+        a[5] || (a[5] = v(x((...o) => i.onDownKey && i.onDownKey(...o), ["prevent"]), ["down"]))
+      ]
+    }, null, 42, ue), [
+      [te, t.userInput[e.optionLabel]]
+    ]),
+    I(d("ul", ce, [
+      (n(!0), l(g, null, y(i.filterOptions, (o, u) => (n(), l("li", {
+        ref_for: !0,
+        ref: `option${u}`,
+        tabindex: "-1",
+        class: m({
+          "autocomplete-item-not-clickable": o.clickable === !1,
+          "autocomplete-item--focus": u === t.optionIndex
+        }),
+        onMousedown: (p) => i.onOptionSelect(o),
+        onKeydown: [
+          a[6] || (a[6] = v(x((...p) => i.onUpKey && i.onUpKey(...p), ["prevent"]), ["up"])),
+          a[7] || (a[7] = v(x((...p) => i.onDownKey && i.onDownKey(...p), ["prevent"]), ["down"])),
+          v(x((p) => i.onOptionSelect(o), ["prevent"]), ["enter"]),
+          v(x((p) => i.onOptionSelect(o), ["prevent"]), ["space"])
+        ],
+        onBlur: (p) => i.onOptionBlur(u)
+      }, c(o[e.optionLabel]), 43, he))), 256))
+    ], 512), [
+      [ae, i.showOptions]
+    ])
+  ]);
+}
+const pe = /* @__PURE__ */ f(le, [["render", fe], ["__scopeId", "data-v-ea1f573c"]]), me = {
+  name: "wra-banner",
+  props: {
+    hiddenPrint: {
+      type: Boolean,
+      default: !1
+    },
+    newService: {
+      type: Boolean,
+      default: !1
+    }
+  }
+}, ke = {
+  key: 0,
+  class: "wra-banner-actions"
+};
+function be(t, a, e, s, r, i) {
+  return n(), l("div", {
+    class: m(["wra-banner", {
+      "hidden-print": e.hiddenPrint === !0,
+      "new-service": e.newService === !0
+    }])
+  }, [
+    d("div", null, [
+      b(t.$slots, "default", {}, void 0, !0)
+    ]),
+    t.$slots.actions ? (n(), l("div", ke, [
+      b(t.$slots, "actions", {}, void 0, !0)
+    ])) : h("", !0)
+  ], 2);
+}
+const _e = /* @__PURE__ */ f(me, [["render", be], ["__scopeId", "data-v-09473a78"]]), ge = {
+  name: "wra-breadcrumbs",
+  props: {
+    /** Items to display in the breadcrumbs */
+    items: {
+      type: Array,
       required: !0
+    },
+    /** Change the default object name in items for the breadcrumb title */
+    itemTitle: {
+      type: String,
+      default: "title"
+    },
+    /** Change the default object name in items for disabling the breadcrumb */
+    itemDisabled: {
+      type: String,
+      default: "disabled"
+    },
+    /** Change the default object name in items for the breadcrumb link */
+    itemHref: {
+      type: String,
+      default: "href"
+    }
+  }
+}, ve = (t) => (P("data-v-99803a33"), t = t(), F(), t), ye = { class: "wra-breadcrumbs" }, we = { class: "wra-breadcrumbs-item" }, Ve = ["href"], Se = {
+  key: 1,
+  class: "wra-breadcrumbs-link--disabled"
+}, $e = {
+  key: 0,
+  class: "wra-breadcrumbs-divider"
+}, Ie = /* @__PURE__ */ ve(() => /* @__PURE__ */ d("span", { class: "wra-breadcrumbs-chevron" }, null, -1));
+function xe(t, a, e, s, r, i) {
+  return n(), l("ul", ye, [
+    (n(!0), l(g, null, y(e.items, (o, u) => (n(), l(g, null, [
+      d("li", we, [
+        b(t.$slots, "default", {}, () => [
+          o[e.itemDisabled] ? (n(), l("span", Se, c(o[e.itemTitle]), 1)) : (n(), l("a", {
+            key: 0,
+            href: o[e.itemHref],
+            class: "wra-breadcrumbs-link"
+          }, c(o[e.itemTitle]), 9, Ve))
+        ], !0)
+      ]),
+      u !== e.items.length - 1 ? (n(), l("li", $e, [
+        b(t.$slots, "divider", {}, () => [
+          Ie
+        ], !0)
+      ])) : h("", !0)
+    ], 64))), 256))
+  ]);
+}
+const Me = /* @__PURE__ */ f(ge, [["render", xe], ["__scopeId", "data-v-99803a33"]]), Te = {
+  name: "wra-button",
+  props: {
+    size: {
+      type: String
+    },
+    backgroundColor: {
+      type: String
+    },
+    outlined: {
+      type: Boolean,
+      default: !1
+    },
+    prependIcon: {
+      type: Boolean,
+      default: !1
+    },
+    appendIcon: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    class() {
+      return {
+        "outlined-button": this.outlined,
+        [`${this.size || "default"}-button`]: !0,
+        "wra-blue": this.backgroundColor === "wra-blue",
+        "wra-red": this.backgroundColor === "wra-red",
+        "wra-green": this.backgroundColor === "wra-green",
+        "wra-revenue": this.backgroundColor === "wra-revenue",
+        "wra-white": this.backgroundColor === "wra-white"
+      };
     }
   }
+}, We = {
+  key: 0,
+  class: "icon back-icon"
+}, Oe = {
+  key: 0,
+  class: "icon next-icon"
 };
-function ne(t, a, e, s, r, i) {
-  return o(), l("div", {
-    class: _(["validation-tooltip", e.type])
+function Ce(t, a, e, s, r, i) {
+  return n(), l("button", {
+    type: "button",
+    class: m(i.class)
   }, [
-    k(t.$slots, "default", {}, void 0, !0)
+    d("span", {
+      class: m({
+        "prepend-icon-wrapper": e.prependIcon
+      })
+    }, [
+      e.prependIcon ? (n(), l("span", We)) : h("", !0)
+    ], 2),
+    b(t.$slots, "default", {}, void 0, !0),
+    d("span", {
+      class: m({
+        "append-icon-wrapper": e.appendIcon
+      })
+    }, [
+      e.appendIcon ? (n(), l("span", Oe)) : h("", !0)
+    ], 2)
   ], 2);
 }
-const oe = /* @__PURE__ */ c(re, [["render", ne], ["__scopeId", "data-v-386ad06a"]]), le = {
+const Be = /* @__PURE__ */ f(Te, [["render", Ce], ["__scopeId", "data-v-bf478d25"]]), Ee = {
   name: "wra-checkbox",
   props: {
     modelValue: {},
@@ -53,30 +366,30 @@ const oe = /* @__PURE__ */ c(re, [["render", ne], ["__scopeId", "data-v-386ad06a
       this.isChecked = !this.isChecked, this.$emit("update:modelValue", this.isChecked);
     }
   }
-}, ue = ["aria-label"], de = ["for"], ce = ["id", "checked", "aria-checked"], he = { class: "checkbox-text" };
-function pe(t, a, e, s, r, i) {
-  return o(), l("div", {
+}, qe = ["aria-label"], je = ["for"], Ae = ["id", "checked", "aria-checked"], Le = { class: "checkbox-text" };
+function Pe(t, a, e, s, r, i) {
+  return n(), l("div", {
     role: "checkbox",
     "aria-label": e.label
   }, [
-    u("label", {
+    d("label", {
       for: e.id,
       class: "checkbox-label"
     }, [
-      u("input", {
+      d("input", {
         class: "checkbox-input",
         type: "checkbox",
         id: e.id,
         checked: r.isChecked,
         "aria-checked": r.ariaIsChecked,
-        onChange: a[0] || (a[0] = (n) => i.checkInput()),
-        onClick: a[1] || (a[1] = (n) => t.$emit("click"))
-      }, null, 40, ce),
-      u("span", he, h(e.label), 1)
-    ], 8, de)
-  ], 8, ue);
+        onChange: a[0] || (a[0] = (o) => i.checkInput()),
+        onClick: a[1] || (a[1] = (o) => t.$emit("click"))
+      }, null, 40, Ae),
+      d("span", Le, c(e.label), 1)
+    ], 8, je)
+  ], 8, qe);
 }
-const Y = /* @__PURE__ */ c(le, [["render", pe], ["__scopeId", "data-v-32449131"]]), fe = {
+const Y = /* @__PURE__ */ f(Ee, [["render", Pe], ["__scopeId", "data-v-32449131"]]), Fe = {
   name: "wra-checkbox-group",
   props: {
     modelValue: {},
@@ -129,384 +442,40 @@ const Y = /* @__PURE__ */ c(le, [["render", pe], ["__scopeId", "data-v-32449131"
   components: {
     WraCheckbox: Y
   }
-}, me = ["aria-label"], ke = ["for"], be = ["id", "checked", "aria-checked", "onChange"], _e = { class: "checkbox-text" };
-function ge(t, a, e, s, r, i) {
-  return o(!0), l(V, null, x(e.options, (n) => (o(), l("div", {
+}, De = ["aria-label"], Ne = ["for"], Re = ["id", "checked", "aria-checked", "onChange"], He = { class: "checkbox-text" };
+function Ke(t, a, e, s, r, i) {
+  return n(!0), l(g, null, y(e.options, (o) => (n(), l("div", {
     role: "checkbox",
     class: "checkbox",
-    "aria-label": i.checkForObjectLabel(n)
+    "aria-label": i.checkForObjectLabel(o)
   }, [
-    u("label", {
-      for: i.checkForObjectValue(n),
+    d("label", {
+      for: i.checkForObjectValue(o),
       class: "checkbox-label"
     }, [
-      u("input", {
+      d("input", {
         class: "checkbox-input",
         type: "checkbox",
-        id: i.checkForObjectValue(n),
-        checked: r.checked[i.checkForObjectValue(n)],
-        "aria-checked": r.checked[i.checkForObjectValue(n)],
-        onChange: (d) => i.checkInput(i.checkForObjectValue(n))
-      }, null, 40, be),
-      u("span", _e, h(i.checkForObjectLabel(n)), 1)
-    ], 8, ke)
-  ], 8, me))), 256);
+        id: i.checkForObjectValue(o),
+        checked: r.checked[i.checkForObjectValue(o)],
+        "aria-checked": r.checked[i.checkForObjectValue(o)],
+        onChange: (u) => i.checkInput(i.checkForObjectValue(o))
+      }, null, 40, Re),
+      d("span", He, c(i.checkForObjectLabel(o)), 1)
+    ], 8, Ne)
+  ], 8, De))), 256);
 }
-const ve = /* @__PURE__ */ c(fe, [["render", ge], ["__scopeId", "data-v-035e0eca"]]), ye = {
+const ze = /* @__PURE__ */ f(Fe, [["render", Ke], ["__scopeId", "data-v-035e0eca"]]), Ue = {
   name: "wra-content-section-title"
-}, we = { class: "content-section-title" };
-function Ve(t, a, e, s, r, i) {
-  return o(), l("div", we, [
-    k(t.$slots, "default", {}, void 0, !0)
+}, Ge = { class: "content-section-title" };
+function Ye(t, a, e, s, r, i) {
+  return n(), l("div", Ge, [
+    b(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Se = /* @__PURE__ */ c(ye, [["render", Ve], ["__scopeId", "data-v-1d23d898"]]), $e = {
-  name: "wra-radio",
-  props: {
-    groupName: {
-      type: String,
-      required: !0
-    },
-    option: {
-      type: Array,
-      required: !0
-    },
-    isChecked: {
-      type: Boolean,
-      required: !0
-    }
-  }
-}, Ie = ["for"], xe = ["name", "value", "id", "checked", "aria-checked"], Me = { class: "radio-text" }, Te = ["innerHTML"];
-function Oe(t, a, e, s, r, i) {
-  return o(), l("div", null, [
-    u("label", {
-      for: e.groupName + "-" + e.option.value,
-      class: "radio-label"
-    }, [
-      u("input", {
-        type: "radio",
-        name: e.groupName,
-        value: e.option.value,
-        id: e.groupName + "-" + e.option.value,
-        onChange: a[0] || (a[0] = (n) => t.$parent.$emit("update:modelValue", e.option.value)),
-        class: "radio-input",
-        checked: e.isChecked == "true",
-        "aria-checked": e.isChecked
-      }, null, 40, xe),
-      u("span", Me, [
-        u("p", null, h(e.option.label), 1),
-        e.option.info ? (o(), l("p", {
-          key: 0,
-          class: "further-information-text",
-          innerHTML: e.option.info
-        }, null, 8, Te)) : b("", !0)
-      ])
-    ], 8, Ie)
-  ]);
-}
-const J = /* @__PURE__ */ c($e, [["render", Oe], ["__scopeId", "data-v-20fce2e7"]]), We = {
-  name: "wra-radio-group",
-  props: {
-    groupName: {
-      type: String,
-      required: !0
-    },
-    modelValue: {
-      type: String
-    },
-    options: {
-      type: Array,
-      required: !0
-    },
-    label: {
-      type: String
-    },
-    hint: {
-      type: String
-    }
-  },
-  methods: {
-    checkInput: function(t) {
-      return t == this.modelValue ? "true" : "false";
-    }
-  },
-  components: {
-    WraRadio: J
-  }
-}, Ce = ["aria-label", "aria-describedby"];
-function Ee(t, a, e, s, r, i) {
-  const n = H("wra-radio");
-  return o(), l("div", {
-    role: "radiogroup",
-    "aria-label": e.label,
-    "aria-describedby": e.hint
-  }, [
-    (o(!0), l(V, null, x(e.options, (d) => (o(), F(n, {
-      groupName: e.groupName,
-      option: d,
-      key: d.value,
-      class: "radio",
-      isChecked: i.checkInput(d.value)
-    }, null, 8, ["groupName", "option", "isChecked"]))), 128))
-  ], 8, Ce);
-}
-const qe = /* @__PURE__ */ c(We, [["render", Ee], ["__scopeId", "data-v-5568c917"]]), je = {
-  name: "wra-select",
-  props: {
-    modelValue: {
-      required: !0
-    },
-    items: {
-      required: !0,
-      type: Array
-    },
-    itemValue: {
-      required: !0,
-      type: String
-    },
-    itemLabel: {
-      required: !0,
-      type: String
-    },
-    id: {},
-    name: {},
-    required: {},
-    label: {}
-  },
-  methods: {
-    validate(t) {
-      this.$emit("update:modelValue", t);
-      let a = this.items.some((e) => this.checkForObjectValue(e) == t);
-      if (this.required == !0 && a == !1) {
-        this.$emit("valid", { id: this.id || this.name, value: !1 });
-        return;
-      }
-      this.$emit("valid", { id: this.id || this.name, value: !0 });
-    },
-    checkForObjectValue(t) {
-      return typeof t == "object" ? t[this.itemValue] : t;
-    },
-    checkForObjectLabel(t) {
-      return typeof t == "object" ? t[this.itemLabel] : t;
-    }
-  },
-  mounted() {
-    this.validate(this.modelValue);
-  },
-  emits: ["update:modelValue", "valid"]
-}, Z = (t) => (A("data-v-b3b8a61e"), t = t(), P(), t), Be = ["for"], Le = { class: "select" }, Fe = ["id", "value"], Ae = /* @__PURE__ */ Z(() => /* @__PURE__ */ u("option", {
-  value: "",
-  selected: "",
-  disabled: "",
-  hidden: ""
-}, "-", -1)), Pe = ["value", "selected"], De = { key: 0 }, Ne = { key: 1 }, Re = /* @__PURE__ */ Z(() => /* @__PURE__ */ u("span", { class: "focus" }, null, -1));
-function Ke(t, a, e, s, r, i) {
-  return o(), l(V, null, [
-    u("label", {
-      for: e.id || e.name
-    }, h(e.label), 9, Be),
-    u("div", Le, [
-      u("select", {
-        id: e.id || e.name,
-        value: e.modelValue,
-        onChange: a[0] || (a[0] = (n) => i.validate(n.target.value))
-      }, [
-        Ae,
-        (o(!0), l(V, null, x(e.items, (n) => (o(), l("option", {
-          value: i.checkForObjectValue(n),
-          selected: e.modelValue == i.checkForObjectValue(n)
-        }, [
-          t.$slots.label ? (o(), l("span", De, [
-            k(t.$slots, "label", { item: n }, void 0, !0)
-          ])) : (o(), l("span", Ne, h(i.checkForObjectLabel(n)), 1))
-        ], 8, Pe))), 256))
-      ], 40, Fe),
-      Re
-    ])
-  ], 64);
-}
-const He = /* @__PURE__ */ c(je, [["render", Ke], ["__scopeId", "data-v-b3b8a61e"]]), ze = {
-  name: "wra-subheader",
-  props: {
-    color: {
-      type: String
-    }
-  },
-  computed: {
-    style() {
-      return {
-        color: this.color
-      };
-    }
-  }
-};
-function Ue(t, a, e, s, r, i) {
-  return o(), l("div", {
-    class: "subheader",
-    style: z(i.style)
-  }, [
-    k(t.$slots, "default", {}, void 0, !0)
-  ], 4);
-}
-const Ge = /* @__PURE__ */ c(ze, [["render", Ue], ["__scopeId", "data-v-c5d10b79"]]), Ye = {
-  name: "wra-text-area",
-  props: {
-    id: {
-      type: Number,
-      required: !0
-    },
-    modelValue: {
-      type: String,
-      required: !0
-    },
-    label: {
-      type: String,
-      required: !1
-    },
-    rules: {
-      type: Array,
-      required: !1
-    }
-  },
-  emits: ["update:modelValue", "valid"],
-  data() {
-    return {
-      errorMessage: "",
-      firstValidation: !0
-    };
-  },
-  methods: {
-    validate(t) {
-      if (this.$emit("update:modelValue", t), this.errorMessage = "", this.rules != null)
-        for (let a = 0; a < this.rules.length; a++) {
-          const e = this.rules[a];
-          let s = e(t);
-          if (s != !0) {
-            this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
-            break;
-          }
-        }
-      if (this.errorMessage == "" && this.$emit("valid", { id: this.id, value: !0 }), this.firstValidation == !0 && (this.firstValidation = !1, this.errorMessage != "")) {
-        this.errorMessage = "";
-        return;
-      }
-    }
-  },
-  mounted() {
-    this.validate(this.modelValue);
-  }
-}, Je = ["for"], Ze = ["id", "value"];
-function Qe(t, a, e, s, r, i) {
-  return o(), l("div", {
-    class: _({ error: r.errorMessage != !1 })
-  }, [
-    u("label", { for: e.id }, h(e.label), 9, Je),
-    u("textarea", {
-      rows: "5",
-      id: e.id,
-      value: e.modelValue,
-      onInput: a[0] || (a[0] = (n) => i.validate(n.target.value))
-    }, null, 40, Ze),
-    u("p", null, h(r.errorMessage), 1)
-  ], 2);
-}
-const Xe = /* @__PURE__ */ c(Ye, [["render", Qe], ["__scopeId", "data-v-0f552efc"]]), et = {
-  name: "wra-header",
-  props: {
-    size: {
-      type: String,
-      required: !0
-    }
-  }
-}, tt = { key: 0 }, at = { key: 1 }, st = { key: 2 }, it = { key: 3 }, rt = { key: 4 }, nt = { key: 5 };
-function ot(t, a, e, s, r, i) {
-  return o(), l("div", null, [
-    e.size == "h1" ? (o(), l("h1", tt, [
-      k(t.$slots, "default", {}, void 0, !0)
-    ])) : b("", !0),
-    e.size == "h2" ? (o(), l("h2", at, [
-      k(t.$slots, "default", {}, void 0, !0)
-    ])) : b("", !0),
-    e.size == "h3" ? (o(), l("h3", st, [
-      k(t.$slots, "default", {}, void 0, !0)
-    ])) : b("", !0),
-    e.size == "h4" ? (o(), l("h4", it, [
-      k(t.$slots, "default", {}, void 0, !0)
-    ])) : b("", !0),
-    e.size == "h5" ? (o(), l("h5", rt, [
-      k(t.$slots, "default", {}, void 0, !0)
-    ])) : b("", !0),
-    e.size == "h6" ? (o(), l("h6", nt, [
-      k(t.$slots, "default", {}, void 0, !0)
-    ])) : b("", !0)
-  ]);
-}
-const lt = /* @__PURE__ */ c(et, [["render", ot], ["__scopeId", "data-v-2f692b7a"]]), ut = {
-  name: "wra-button",
-  props: {
-    size: {
-      type: String
-    },
-    backgroundColor: {
-      type: String
-    },
-    outlined: {
-      type: Boolean,
-      default: !1
-    },
-    prependIcon: {
-      type: Boolean,
-      default: !1
-    },
-    appendIcon: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    class() {
-      return {
-        "outlined-button": this.outlined,
-        [`${this.size || "default"}-button`]: !0,
-        "wra-blue": this.backgroundColor === "wra-blue",
-        "wra-red": this.backgroundColor === "wra-red",
-        "wra-green": this.backgroundColor === "wra-green",
-        "wra-revenue": this.backgroundColor === "wra-revenue"
-      };
-    }
-  }
-}, dt = {
-  key: 0,
-  class: "icon back-icon"
-}, ct = {
-  key: 0,
-  class: "icon next-icon"
-};
-function ht(t, a, e, s, r, i) {
-  return o(), l("button", {
-    type: "button",
-    class: _(i.class)
-  }, [
-    u("span", {
-      class: _({
-        "prepend-icon-wrapper": e.prependIcon
-      })
-    }, [
-      e.prependIcon ? (o(), l("span", dt)) : b("", !0)
-    ], 2),
-    k(t.$slots, "default", {}, void 0, !0),
-    u("span", {
-      class: _({
-        "append-icon-wrapper": e.appendIcon
-      })
-    }, [
-      e.appendIcon ? (o(), l("span", ct)) : b("", !0)
-    ], 2)
-  ], 2);
-}
-const pt = /* @__PURE__ */ c(ut, [["render", ht], ["__scopeId", "data-v-8ac59e1e"]]);
+const Je = /* @__PURE__ */ f(Ue, [["render", Ye], ["__scopeId", "data-v-1d23d898"]]);
 /*! maska v2.1.11 | (c) Alexander Shabunevich | Released under the MIT license */
-var ft = Object.defineProperty, mt = (t, a, e) => a in t ? ft(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, O = (t, a, e) => (mt(t, typeof a != "symbol" ? a + "" : a, e), e);
+var Ze = Object.defineProperty, Qe = (t, a, e) => a in t ? Ze(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, W = (t, a, e) => (Qe(t, typeof a != "symbol" ? a + "" : a, e), e);
 const N = {
   "#": { pattern: /[0-9]/ },
   "@": { pattern: /[a-zA-Z]/ },
@@ -514,7 +483,7 @@ const N = {
 };
 class R {
   constructor(a = {}) {
-    O(this, "opts", {}), O(this, "memo", /* @__PURE__ */ new Map());
+    W(this, "opts", {}), W(this, "memo", /* @__PURE__ */ new Map());
     const e = { ...a };
     if (e.tokens != null) {
       e.tokens = e.tokensReplace ? { ...e.tokens } : { ...N, ...e.tokens };
@@ -566,23 +535,23 @@ class R {
     const r = `value=${a},mask=${e},masked=${s ? 1 : 0}`;
     if (this.memo.has(r))
       return this.memo.get(r);
-    const { mask: i, escaped: n } = this.escapeMask(e), d = [], p = this.opts.tokens != null ? this.opts.tokens : {}, f = this.isReversed() ? -1 : 1, M = this.isReversed() ? "unshift" : "push", w = this.isReversed() ? 0 : i.length - 1, ee = this.isReversed() ? () => m > -1 && v > -1 : () => m < i.length && v < a.length, te = (S) => !this.isReversed() && S <= w || this.isReversed() && S >= w;
-    let q, T = -1, m = this.isReversed() ? i.length - 1 : 0, v = this.isReversed() ? a.length - 1 : 0, j = !1;
-    for (; ee(); ) {
-      const S = i.charAt(m), y = p[S], W = (y == null ? void 0 : y.transform) != null ? y.transform(a.charAt(v)) : a.charAt(v);
-      if (!n.includes(m) && y != null ? (W.match(y.pattern) != null ? (d[M](W), y.repeated ? (T === -1 ? T = m : m === w && m !== T && (m = T - f), w === T && (m -= f)) : y.multiple && (j = !0, m -= f), m += f) : y.multiple ? j && (m += f, v -= f, j = !1) : W === q ? q = void 0 : y.optional && (m += f, v -= f), v += f) : (s && !this.isEager() && d[M](S), W === S && !this.isEager() ? v += f : q = S, this.isEager() || (m += f)), this.isEager())
-        for (; te(m) && (p[i.charAt(m)] == null || n.includes(m)); )
-          s ? d[M](i.charAt(m)) : i.charAt(m) === a.charAt(v) && (v += f), m += f;
+    const { mask: i, escaped: o } = this.escapeMask(e), u = [], p = this.opts.tokens != null ? this.opts.tokens : {}, k = this.isReversed() ? -1 : 1, M = this.isReversed() ? "unshift" : "push", S = this.isReversed() ? 0 : i.length - 1, X = this.isReversed() ? () => _ > -1 && w > -1 : () => _ < i.length && w < a.length, ee = ($) => !this.isReversed() && $ <= S || this.isReversed() && $ >= S;
+    let q, T = -1, _ = this.isReversed() ? i.length - 1 : 0, w = this.isReversed() ? a.length - 1 : 0, j = !1;
+    for (; X(); ) {
+      const $ = i.charAt(_), V = p[$], E = (V == null ? void 0 : V.transform) != null ? V.transform(a.charAt(w)) : a.charAt(w);
+      if (!o.includes(_) && V != null ? (E.match(V.pattern) != null ? (u[M](E), V.repeated ? (T === -1 ? T = _ : _ === S && _ !== T && (_ = T - k), S === T && (_ -= k)) : V.multiple && (j = !0, _ -= k), _ += k) : V.multiple ? j && (_ += k, w -= k, j = !1) : E === q ? q = void 0 : V.optional && (_ += k, w -= k), w += k) : (s && !this.isEager() && u[M]($), E === $ && !this.isEager() ? w += k : q = $, this.isEager() || (_ += k)), this.isEager())
+        for (; ee(_) && (p[i.charAt(_)] == null || o.includes(_)); )
+          s ? u[M](i.charAt(_)) : i.charAt(_) === a.charAt(w) && (w += k), _ += k;
     }
-    return this.memo.set(r, d.join("")), this.memo.get(r);
+    return this.memo.set(r, u.join("")), this.memo.get(r);
   }
 }
-const Q = (t) => JSON.parse(t.replaceAll("'", '"')), K = (t, a = {}) => {
+const J = (t) => JSON.parse(t.replaceAll("'", '"')), H = (t, a = {}) => {
   const e = { ...a };
-  return t.dataset.maska != null && t.dataset.maska !== "" && (e.mask = kt(t.dataset.maska)), t.dataset.maskaEager != null && (e.eager = B(t.dataset.maskaEager)), t.dataset.maskaReversed != null && (e.reversed = B(t.dataset.maskaReversed)), t.dataset.maskaTokensReplace != null && (e.tokensReplace = B(t.dataset.maskaTokensReplace)), t.dataset.maskaTokens != null && (e.tokens = bt(t.dataset.maskaTokens)), e;
-}, B = (t) => t !== "" ? !!JSON.parse(t) : !0, kt = (t) => t.startsWith("[") && t.endsWith("]") ? Q(t) : t, bt = (t) => {
+  return t.dataset.maska != null && t.dataset.maska !== "" && (e.mask = Xe(t.dataset.maska)), t.dataset.maskaEager != null && (e.eager = A(t.dataset.maskaEager)), t.dataset.maskaReversed != null && (e.reversed = A(t.dataset.maskaReversed)), t.dataset.maskaTokensReplace != null && (e.tokensReplace = A(t.dataset.maskaTokensReplace)), t.dataset.maskaTokens != null && (e.tokens = et(t.dataset.maskaTokens)), e;
+}, A = (t) => t !== "" ? !!JSON.parse(t) : !0, Xe = (t) => t.startsWith("[") && t.endsWith("]") ? J(t) : t, et = (t) => {
   if (t.startsWith("{") && t.endsWith("}"))
-    return Q(t);
+    return J(t);
   const a = {};
   return t.split("|").forEach((e) => {
     const s = e.split(":");
@@ -594,23 +563,23 @@ const Q = (t) => JSON.parse(t.replaceAll("'", '"')), K = (t, a = {}) => {
     };
   }), a;
 };
-class _t {
+class tt {
   constructor(a, e = {}) {
-    O(this, "items", /* @__PURE__ */ new Map()), O(this, "beforeinputEvent", (s) => {
+    W(this, "items", /* @__PURE__ */ new Map()), W(this, "beforeinputEvent", (s) => {
       const r = s.target, i = this.items.get(r);
       i.isEager() && "inputType" in s && s.inputType.startsWith("delete") && i.unmasked(r.value).length <= 1 && this.setMaskedValue(r, "");
-    }), O(this, "inputEvent", (s) => {
+    }), W(this, "inputEvent", (s) => {
       if (s instanceof CustomEvent && s.type === "input" && s.detail != null && typeof s.detail == "object" && "masked" in s.detail)
         return;
-      const r = s.target, i = this.items.get(r), n = r.value, d = r.selectionStart, p = r.selectionEnd;
-      let f = n;
+      const r = s.target, i = this.items.get(r), o = r.value, u = r.selectionStart, p = r.selectionEnd;
+      let k = o;
       if (i.isEager()) {
-        const M = i.masked(n), w = i.unmasked(n);
-        w === "" && "data" in s && s.data != null ? f = s.data : w !== i.unmasked(M) && (f = w);
+        const M = i.masked(o), S = i.unmasked(o);
+        S === "" && "data" in s && s.data != null ? k = s.data : S !== i.unmasked(M) && (k = S);
       }
-      if (this.setMaskedValue(r, f), "inputType" in s && (s.inputType.startsWith("delete") || d != null && d < n.length))
+      if (this.setMaskedValue(r, k), "inputType" in s && (s.inputType.startsWith("delete") || u != null && u < o.length))
         try {
-          r.setSelectionRange(d, p);
+          r.setSelectionRange(u, p);
         } catch {
         }
     }), this.options = e, typeof a == "string" ? this.init(
@@ -627,7 +596,7 @@ class _t {
     this.items.clear();
   }
   needUpdateOptions(a, e) {
-    const s = this.items.get(a), r = new R(K(a, this.getMaskOpts(e)));
+    const s = this.items.get(a), r = new R(H(a, this.getMaskOpts(e)));
     return JSON.stringify(s.opts) !== JSON.stringify(r.opts);
   }
   needUpdateValue(a) {
@@ -640,27 +609,27 @@ class _t {
   }
   init(a, e) {
     for (const s of a) {
-      const r = new R(K(s, e));
+      const r = new R(H(s, e));
       this.items.set(s, r), s.value !== "" && this.setMaskedValue(s, s.value), s.addEventListener("input", this.inputEvent), s.addEventListener("beforeinput", this.beforeinputEvent);
     }
   }
   setMaskedValue(a, e) {
     const s = this.items.get(a);
     this.options.preProcess != null && (e = this.options.preProcess(e));
-    const r = s.masked(e), i = s.unmasked(s.isEager() ? r : e), n = s.completed(e), d = { masked: r, unmasked: i, completed: n };
-    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(d)) : this.options.onMaska(d)), a.dispatchEvent(new CustomEvent("maska", { detail: d })), a.dispatchEvent(new CustomEvent("input", { detail: d }));
+    const r = s.masked(e), i = s.unmasked(s.isEager() ? r : e), o = s.completed(e), u = { masked: r, unmasked: i, completed: o };
+    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 }));
   }
 }
-const L = /* @__PURE__ */ new WeakMap(), gt = (t) => {
+const L = /* @__PURE__ */ new WeakMap(), at = (t) => {
   setTimeout(() => {
     var a;
     ((a = L.get(t)) == null ? void 0 : a.needUpdateValue(t)) === !0 && t.dispatchEvent(new CustomEvent("input"));
   });
-}, E = (t, a) => {
+}, B = (t, a) => {
   const e = t instanceof HTMLInputElement ? t : t.querySelector("input"), s = { ...a.arg };
   if (e == null || (e == null ? void 0 : e.type) === "file")
     return;
-  gt(e);
+  at(e);
   const r = L.get(e);
   if (r != null) {
     if (!r.needUpdateOptions(e, s))
@@ -668,33 +637,151 @@ const L = /* @__PURE__ */ new WeakMap(), gt = (t) => {
     r.destroy();
   }
   if (a.value != null) {
-    const i = a.value, n = (d) => {
-      i.masked = d.masked, i.unmasked = d.unmasked, i.completed = d.completed;
+    const i = a.value, o = (u) => {
+      i.masked = u.masked, i.unmasked = u.unmasked, i.completed = u.completed;
     };
-    s.onMaska = s.onMaska == null ? n : Array.isArray(s.onMaska) ? [...s.onMaska, n] : [s.onMaska, n];
+    s.onMaska = s.onMaska == null ? o : Array.isArray(s.onMaska) ? [...s.onMaska, o] : [s.onMaska, o];
   }
-  L.set(e, new _t(e, s));
-}, vt = {
-  directives: { maska: E },
-  name: "wra-date-input",
+  L.set(e, new tt(e, s));
+}, st = {
+  directives: { maska: B },
+  name: "wra-custom-input",
   props: {
     modelValue: {
-      required: !0,
-      type: Date
+      type: Number,
+      required: !0
+    },
+    dataMaska: {
+      type: String
+    },
+    dataMaskaEager: {
+      type: Boolean,
+      default: !1
+    },
+    dataMaskaReversed: {
+      type: Boolean,
+      default: !1
+    },
+    dataMaskaTokens: {
+      type: String
     },
     label: {
       type: String
     },
     id: {
+      type: String,
       required: !0,
-      default: "dateInput",
-      type: String
+      default: "customInput"
     },
     inputmode: {
       default: "numeric",
       type: String
     },
-    required: {},
+    placeholder: {
+      type: String
+    },
+    rules: {},
+    prefix: {
+      type: String
+    },
+    suffix: {
+      type: String
+    }
+  },
+  emits: ["update:modelValue", "valid"],
+  data: () => ({
+    maskedValue: "",
+    errorMessage: "",
+    firstValidation: !0,
+    returnValue: {
+      masked: "",
+      unmasked: "",
+      completed: !1
+    }
+  }),
+  methods: {
+    validate(t) {
+      if (this.errorMessage = "", this.rules != null)
+        for (let a = 0; a < this.rules.length; a++) {
+          const e = this.rules[a];
+          let s = e(t);
+          if (s != !0) {
+            this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
+            break;
+          }
+        }
+      if (this.errorMessage == "" && this.$emit("valid", { id: this.id, value: !0 }), this.firstValidation == !0 && (this.firstValidation = !1, this.errorMessage != "")) {
+        this.errorMessage = "";
+        return;
+      }
+    }
+  },
+  computed: {
+    prefixPadding() {
+      return this.prefix != null ? "padding-for-prefix" : "padding-for-no-prefix";
+    }
+  },
+  mounted() {
+    this.maskedValue = this.modelValue, this.validate(this.modelValue);
+  }
+}, it = ["for"], rt = { class: "input-wrapper" }, nt = {
+  key: 0,
+  class: "prefix"
+}, lt = ["id", "value", "inputmode", "placeholder", "data-maska", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], ot = {
+  key: 1,
+  class: "suffix"
+};
+function dt(t, a, e, s, r, i) {
+  const o = C("maska");
+  return n(), l("div", {
+    class: m({ error: t.errorMessage != !1 })
+  }, [
+    e.label ? (n(), l("label", {
+      key: 0,
+      for: e.id
+    }, c(e.label), 9, it)) : h("", !0),
+    d("div", rt, [
+      e.prefix ? (n(), l("span", nt, c(e.prefix), 1)) : h("", !0),
+      I(d("input", {
+        id: e.id,
+        type: "text",
+        value: t.maskedValue,
+        inputmode: e.inputmode || "numeric",
+        placeholder: e.placeholder,
+        "data-maska": e.dataMaska,
+        "data-maska-eager": e.dataMaskaEager,
+        "data-maska-reversed": e.dataMaskaReversed,
+        "data-maska-tokens": e.dataMaskaTokens,
+        class: m(i.prefixPadding)
+      }, null, 10, lt), [
+        [o]
+      ]),
+      e.suffix ? (n(), l("span", ot, c(e.suffix), 1)) : h("", !0)
+    ]),
+    d("p", null, c(t.errorMessage), 1)
+  ], 2);
+}
+const ut = /* @__PURE__ */ f(st, [["render", dt], ["__scopeId", "data-v-32c79a39"]]), ct = {
+  directives: { maska: B },
+  name: "wra-date-input",
+  props: {
+    modelValue: {
+      required: !0,
+      type: Date
+    },
+    label: {
+      type: String
+    },
+    id: {
+      required: !0,
+      default: "dateInput",
+      type: String
+    },
+    inputmode: {
+      default: "numeric",
+      type: String
+    },
+    required: {},
     placeholder: {
       default: "DD/MM/YYYY",
       type: String
@@ -752,30 +839,228 @@ const L = /* @__PURE__ */ new WeakMap(), gt = (t) => {
   mounted() {
     this.setInitialState();
   }
-}, yt = ["for"], wt = ["id", "value", "inputmode", "placeholder"], Vt = { key: 0 };
-function St(t, a, e, s, r, i) {
-  const n = C("maska");
-  return o(), l("div", {
-    class: _({ error: t.showError != !1 })
+}, ht = ["for"], ft = ["id", "value", "inputmode", "placeholder"], pt = { key: 1 };
+function mt(t, a, e, s, r, i) {
+  const o = C("maska");
+  return n(), l("div", {
+    class: m({ error: t.showError != !1 })
   }, [
-    u("label", { for: e.id }, h(e.label), 9, yt),
-    I(u("input", {
+    e.label ? (n(), l("label", {
+      key: 0,
+      for: e.id
+    }, c(e.label), 9, ht)) : h("", !0),
+    I(d("input", {
       id: e.id,
       type: "text",
       value: t.maskedValue,
       inputmode: e.inputmode || "numeric",
       placeholder: e.placeholder,
-      onInput: a[0] || (a[0] = (d) => i.convertToDate(d.target.value)),
+      onInput: a[0] || (a[0] = (u) => i.convertToDate(u.target.value)),
       "data-maska": "##/##/####",
       "data-maska-eager": ""
-    }, null, 40, wt), [
-      [n]
+    }, null, 40, ft), [
+      [o]
     ]),
-    t.showError && e.required != null ? (o(), l("p", Vt, "Invalid date")) : b("", !0)
+    t.showError && e.required != null ? (n(), l("p", pt, "Invalid date")) : h("", !0)
+  ], 2);
+}
+const kt = /* @__PURE__ */ f(ct, [["render", mt], ["__scopeId", "data-v-28c82c54"]]), bt = {
+  name: "wra-divider",
+  props: {
+    /** Thickness of the divider */
+    thickness: {
+      type: String,
+      default: "medium",
+      validator(t) {
+        return t == "large" || t == "medium" || t == "small";
+      }
+    },
+    /** Aria role for the divider */
+    role: {
+      type: String,
+      default: "presentation"
+    }
+  },
+  data() {
+    return {};
+  }
+}, _t = ["role"];
+function gt(t, a, e, s, r, i) {
+  return n(), l("hr", {
+    role: e.role,
+    class: m({
+      "wra-divider-large": e.thickness === "large",
+      "wra-divider": e.thickness === "medium",
+      "wra-divider-small": e.thickness === "small"
+    })
+  }, null, 10, _t);
+}
+const vt = /* @__PURE__ */ f(bt, [["render", gt], ["__scopeId", "data-v-5554eece"]]), yt = {
+  name: "wra-expansion-panel",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    ariaTitle: {
+      type: String,
+      required: !0
+    },
+    color: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      showPanel: !1
+    };
+  },
+  computed: {
+    style() {
+      return {
+        color: this.color
+      };
+    }
+  },
+  methods: {
+    togglePanel() {
+      this.showPanel = !this.showPanel;
+    }
+  }
+}, wt = ["aria-controls", "id"], Vt = { class: "icon-wrapper" }, St = ["aria-hidden", "id"], $t = { class: "inner-panel" };
+function It(t, a, e, s, r, i) {
+  return n(), l("div", null, [
+    d("button", {
+      "aria-controls": "expansion-content-" + e.ariaTitle,
+      id: "expansion-control-" + e.ariaTitle,
+      onClick: a[0] || (a[0] = (...o) => i.togglePanel && i.togglePanel(...o)),
+      style: K(i.style)
+    }, [
+      O(c(e.title) + " ", 1),
+      d("span", Vt, [
+        d("span", {
+          class: m(["panel-icon", {
+            "show-panel-icon": r.showPanel,
+            "hide-panel-icon": !r.showPanel
+          }])
+        }, null, 2)
+      ])
+    ], 12, wt),
+    se(z, { name: "slide-fade" }, {
+      default: U(() => [
+        r.showPanel ? (n(), l("div", {
+          key: 0,
+          class: "panel-content",
+          "aria-hidden": !r.showPanel,
+          id: "content-" + e.ariaTitle
+        }, [
+          d("div", $t, [
+            b(t.$slots, "default", {}, void 0, !0)
+          ])
+        ], 8, St)) : h("", !0)
+      ]),
+      _: 3
+    })
+  ]);
+}
+const xt = /* @__PURE__ */ f(yt, [["render", It], ["__scopeId", "data-v-6993ae29"]]), Mt = {
+  name: "wra-footer",
+  props: {
+    /** Display the footer when printed */
+    hiddenPrint: {
+      type: Boolean,
+      default: !1
+    }
+  }
+};
+function Tt(t, a, e, s, r, i) {
+  return n(), l("footer", {
+    class: m(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
+  }, [
+    b(t.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const $t = /* @__PURE__ */ c(vt, [["render", St], ["__scopeId", "data-v-29411b9a"]]), It = {
-  directives: { maska: E },
+const Wt = /* @__PURE__ */ f(Mt, [["render", Tt], ["__scopeId", "data-v-182e61db"]]), Ot = {
+  name: "wra-header",
+  props: {
+    size: {
+      type: String,
+      required: !0
+    }
+  }
+}, Ct = { key: 0 }, Bt = { key: 1 }, Et = { key: 2 }, qt = { key: 3 }, jt = { key: 4 }, At = { key: 5 };
+function Lt(t, a, e, s, r, i) {
+  return n(), l("div", null, [
+    e.size == "h1" ? (n(), l("h1", Ct, [
+      b(t.$slots, "default", {}, void 0, !0)
+    ])) : h("", !0),
+    e.size == "h2" ? (n(), l("h2", Bt, [
+      b(t.$slots, "default", {}, void 0, !0)
+    ])) : h("", !0),
+    e.size == "h3" ? (n(), l("h3", Et, [
+      b(t.$slots, "default", {}, void 0, !0)
+    ])) : h("", !0),
+    e.size == "h4" ? (n(), l("h4", qt, [
+      b(t.$slots, "default", {}, void 0, !0)
+    ])) : h("", !0),
+    e.size == "h5" ? (n(), l("h5", jt, [
+      b(t.$slots, "default", {}, void 0, !0)
+    ])) : h("", !0),
+    e.size == "h6" ? (n(), l("h6", At, [
+      b(t.$slots, "default", {}, void 0, !0)
+    ])) : h("", !0)
+  ]);
+}
+const Pt = /* @__PURE__ */ f(Ot, [["render", Lt], ["__scopeId", "data-v-2f692b7a"]]), Ft = {
+  name: "wra-icon",
+  props: {
+    /** Name of icon from material design icons by  pictogrammers */
+    icon: {
+      type: String,
+      required: !0
+    },
+    /** Width of icon */
+    width: {
+      type: Number,
+      default: 24
+    },
+    /** Height of icon */
+    height: {
+      type: Number,
+      default: 24
+    },
+    /** Override default viewbox, the size and postion of the SVG, that is calculated from height and width. */
+    viewBox: {
+      type: String,
+      default: "0 0 24 24"
+    },
+    /** Defines the colour of the outline of the icon; */
+    stroke: {
+      type: String
+    },
+    /**  Defines the colour of the icon */
+    fill: {
+      type: String
+    }
+  }
+}, Dt = ["width", "height", "viewBox", "stroke", "fill"], Nt = ["d"];
+function Rt(t, a, e, s, r, i) {
+  return n(), l("svg", {
+    width: e.width + "px",
+    height: e.height + "px",
+    viewBox: e.viewBox,
+    stroke: e.stroke,
+    fill: e.fill
+  }, [
+    d("path", {
+      d: e.icon,
+      width: "100%",
+      height: "100%"
+    }, null, 8, Nt)
+  ], 8, Dt);
+}
+const Ht = /* @__PURE__ */ f(Ft, [["render", Rt]]), Kt = {
+  directives: { maska: B },
   name: "wra-number-input",
   props: {
     modelValue: {
@@ -849,22 +1134,25 @@ const $t = /* @__PURE__ */ c(vt, [["render", St], ["__scopeId", "data-v-29411b9a
   mounted() {
     this.maskedValue = this.modelValue, this.validate(this.modelValue);
   }
-}, xt = ["for"], Mt = { class: "input-wrapper" }, Tt = {
+}, zt = ["for"], Ut = { class: "input-wrapper" }, Gt = {
   key: 0,
   class: "prefix"
-}, Ot = ["id", "value", "inputmode", "placeholder"], Wt = {
+}, Yt = ["id", "value", "inputmode", "placeholder"], Jt = {
   key: 1,
   class: "suffix"
 };
-function Ct(t, a, e, s, r, i) {
-  const n = C("maska");
-  return o(), l("div", {
-    class: _({ error: t.errorMessage != !1 })
+function Zt(t, a, e, s, r, i) {
+  const o = C("maska");
+  return n(), l("div", {
+    class: m({ error: t.errorMessage != !1 })
   }, [
-    u("label", { for: e.id }, h(e.label), 9, xt),
-    u("div", Mt, [
-      e.prefix ? (o(), l("span", Tt, h(e.prefix), 1)) : b("", !0),
-      I(u("input", {
+    e.label ? (n(), l("label", {
+      key: 0,
+      for: e.id
+    }, c(e.label), 9, zt)) : h("", !0),
+    d("div", Ut, [
+      e.prefix ? (n(), l("span", Gt, c(e.prefix), 1)) : h("", !0),
+      I(d("input", {
         id: e.id,
         type: "text",
         value: t.maskedValue,
@@ -873,17 +1161,17 @@ function Ct(t, a, e, s, r, i) {
         "data-maska": "9,99#",
         "data-maska-tokens": "9:[0-9]:repeated",
         "data-maska-reversed": "",
-        class: _(i.prefixPadding)
-      }, null, 10, Ot), [
-        [n, t.returnValue]
+        class: m(i.prefixPadding)
+      }, null, 10, Yt), [
+        [o, t.returnValue]
       ]),
-      e.suffix ? (o(), l("span", Wt, h(e.suffix), 1)) : b("", !0)
+      e.suffix ? (n(), l("span", Jt, c(e.suffix), 1)) : h("", !0)
     ]),
-    u("p", null, h(t.errorMessage), 1)
+    d("p", null, c(t.errorMessage), 1)
   ], 2);
 }
-const Et = /* @__PURE__ */ c(It, [["render", Ct], ["__scopeId", "data-v-a4427f3c"]]), qt = {
-  directives: { maska: E },
+const Qt = /* @__PURE__ */ f(Kt, [["render", Zt], ["__scopeId", "data-v-0bf6c71c"]]), Xt = {
+  directives: { maska: B },
   name: "wra-price-input",
   props: {
     modelValue: {
@@ -970,22 +1258,25 @@ const Et = /* @__PURE__ */ c(It, [["render", Ct], ["__scopeId", "data-v-a4427f3c
   mounted() {
     this.maskedValue = this.modelValue, this.validate(this.modelValue);
   }
-}, jt = ["for"], Bt = { class: "input-wrapper" }, Lt = {
+}, ea = ["for"], ta = { class: "input-wrapper" }, aa = {
   key: 0,
   class: "prefix"
-}, Ft = ["id", "value", "inputmode", "placeholder"], At = {
+}, sa = ["id", "value", "inputmode", "placeholder"], ia = {
   key: 1,
   class: "suffix"
 };
-function Pt(t, a, e, s, r, i) {
-  const n = C("maska");
-  return o(), l("div", {
-    class: _({ error: t.errorMessage != !1 })
+function ra(t, a, e, s, r, i) {
+  const o = C("maska");
+  return n(), l("div", {
+    class: m({ error: t.errorMessage != !1 })
   }, [
-    u("label", { for: e.id }, h(e.label), 9, jt),
-    u("div", Bt, [
-      e.prefix ? (o(), l("span", Lt, h(e.prefix), 1)) : b("", !0),
-      I(u("input", {
+    e.label ? (n(), l("label", {
+      key: 0,
+      for: e.id
+    }, c(e.label), 9, ea)) : h("", !0),
+    d("div", ta, [
+      e.prefix ? (n(), l("span", aa, c(e.prefix), 1)) : h("", !0),
+      I(d("input", {
         id: e.id,
         type: "text",
         value: t.maskedValue,
@@ -993,140 +1284,254 @@ function Pt(t, a, e, s, r, i) {
         placeholder: e.placeholder,
         "data-maska": "0.99",
         "data-maska-tokens": "0:\\d:multiple|9:\\d:optional",
-        class: _(i.prefixPadding)
-      }, null, 10, Ft), [
-        [n, t.returnValue, t.mask]
+        class: m(i.prefixPadding)
+      }, null, 10, sa), [
+        [o, t.returnValue, t.mask]
       ]),
-      e.suffix ? (o(), l("span", At, h(e.suffix), 1)) : b("", !0)
+      e.suffix ? (n(), l("span", ia, c(e.suffix), 1)) : h("", !0)
     ]),
-    u("p", null, h(t.errorMessage), 1)
+    d("p", null, c(t.errorMessage), 1)
   ], 2);
 }
-const Dt = /* @__PURE__ */ c(qt, [["render", Pt], ["__scopeId", "data-v-710257d0"]]), Nt = {
-  directives: { maska: E },
-  name: "wra-text-input",
+const na = /* @__PURE__ */ f(Xt, [["render", ra], ["__scopeId", "data-v-4b9c8bb8"]]), la = {
+  name: "wra-radio",
   props: {
-    modelValue: {
+    groupName: {
       type: String,
       required: !0
     },
-    label: {
-      type: String
+    option: {
+      type: Array,
+      required: !0
     },
-    id: {
+    isChecked: {
+      type: Boolean,
+      required: !0
+    }
+  }
+}, oa = ["for"], da = ["name", "value", "id", "checked", "aria-checked"], ua = { class: "radio-text" }, ca = ["innerHTML"];
+function ha(t, a, e, s, r, i) {
+  return n(), l("div", null, [
+    d("label", {
+      for: e.groupName + "-" + e.option.value,
+      class: "radio-label"
+    }, [
+      d("input", {
+        type: "radio",
+        name: e.groupName,
+        value: e.option.value,
+        id: e.groupName + "-" + e.option.value,
+        onChange: a[0] || (a[0] = (o) => t.$parent.$emit("update:modelValue", e.option.value)),
+        class: "radio-input",
+        checked: e.isChecked == "true",
+        "aria-checked": e.isChecked
+      }, null, 40, da),
+      d("span", ua, [
+        d("p", null, c(e.option.label), 1),
+        e.option.info ? (n(), l("p", {
+          key: 0,
+          class: "further-information-text",
+          innerHTML: e.option.info
+        }, null, 8, ca)) : h("", !0)
+      ])
+    ], 8, oa)
+  ]);
+}
+const fa = /* @__PURE__ */ f(la, [["render", ha], ["__scopeId", "data-v-20fce2e7"]]), pa = {
+  name: "wra-radio-group",
+  props: {
+    groupName: {
       type: String,
-      required: !0,
-      default: "textInput"
+      required: !0
     },
-    inputmode: {
-      type: String,
-      default: "text"
+    modelValue: {
+      type: String
     },
-    rules: {},
-    dataMaska: {},
-    dataMaskaTokens: {},
-    placeholder: {
+    options: {
+      type: Array,
+      required: !0
+    },
+    label: {
+      type: String
+    },
+    hint: {
       type: String
     }
   },
-  data() {
-    return {
-      errorMessage: "",
-      firstValidation: !0
-    };
+  methods: {
+    checkInput: function(t) {
+      return t == this.modelValue ? "true" : "false";
+    }
+  },
+  components: {
+    WraRadio: fa
+  }
+}, ma = ["aria-label", "aria-describedby"];
+function ka(t, a, e, s, r, i) {
+  const o = G("wra-radio");
+  return n(), l("div", {
+    role: "radiogroup",
+    "aria-label": e.label,
+    "aria-describedby": e.hint
+  }, [
+    (n(!0), l(g, null, y(e.options, (u) => (n(), D(o, {
+      groupName: e.groupName,
+      option: u,
+      key: u.value,
+      class: "radio",
+      isChecked: i.checkInput(u.value)
+    }, null, 8, ["groupName", "option", "isChecked"]))), 128))
+  ], 8, ma);
+}
+const ba = /* @__PURE__ */ f(pa, [["render", ka], ["__scopeId", "data-v-5568c917"]]), _a = {
+  name: "wra-select",
+  props: {
+    modelValue: {
+      required: !0
+    },
+    items: {
+      required: !0,
+      type: Array
+    },
+    itemValue: {
+      required: !0,
+      type: String
+    },
+    itemLabel: {
+      required: !0,
+      type: String
+    },
+    id: {},
+    name: {},
+    required: {},
+    label: {}
   },
   methods: {
     validate(t) {
-      if (this.$emit("update:modelValue", t), this.errorMessage = "", this.rules != null)
-        for (let a = 0; a < this.rules.length; a++) {
-          const e = this.rules[a];
-          let s = e(t);
-          if (s != !0) {
-            this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
-            break;
-          }
-        }
-      if (this.errorMessage == "" && this.$emit("valid", { id: this.id, value: !0 }), this.firstValidation == !0 && (this.firstValidation = !1, this.errorMessage != "")) {
-        this.errorMessage = "";
+      this.$emit("update:modelValue", t);
+      let a = this.items.some((e) => this.checkForObjectValue(e) == t);
+      if (this.required == !0 && a == !1) {
+        this.$emit("valid", { id: this.id || this.name, value: !1 });
         return;
       }
+      this.$emit("valid", { id: this.id || this.name, value: !0 });
+    },
+    checkForObjectValue(t) {
+      return typeof t == "object" ? t[this.itemValue] : t;
+    },
+    checkForObjectLabel(t) {
+      return typeof t == "object" ? t[this.itemLabel] : t;
     }
   },
   mounted() {
     this.validate(this.modelValue);
   },
   emits: ["update:modelValue", "valid"]
-}, Rt = ["for"], Kt = ["id", "data-maska", "dataMaskaTokens", "value", "inputmode", "placeholder"];
-function Ht(t, a, e, s, r, i) {
-  const n = C("maska");
-  return o(), l("div", {
-    class: _({ error: r.errorMessage != !1 })
-  }, [
-    u("label", { for: e.id }, h(e.label), 9, Rt),
-    I(u("input", {
-      id: e.id,
-      type: "text",
-      "data-maska": e.dataMaska,
-      dataMaskaTokens: e.dataMaskaTokens,
-      value: e.modelValue,
-      onInput: a[0] || (a[0] = (d) => i.validate(d.target.value)),
-      inputmode: e.inputmode || "text",
-      placeholder: e.placeholder
-    }, null, 40, Kt), [
-      [n]
-    ]),
-    u("p", null, h(r.errorMessage), 1)
-  ], 2);
+}, Z = (t) => (P("data-v-b3b8a61e"), t = t(), F(), t), ga = ["for"], va = { class: "select" }, ya = ["id", "value"], wa = /* @__PURE__ */ Z(() => /* @__PURE__ */ d("option", {
+  value: "",
+  selected: "",
+  disabled: "",
+  hidden: ""
+}, "-", -1)), Va = ["value", "selected"], Sa = { key: 0 }, $a = { key: 1 }, Ia = /* @__PURE__ */ Z(() => /* @__PURE__ */ d("span", { class: "focus" }, null, -1));
+function xa(t, a, e, s, r, i) {
+  return n(), l(g, null, [
+    d("label", {
+      for: e.id || e.name
+    }, c(e.label), 9, ga),
+    d("div", va, [
+      d("select", {
+        id: e.id || e.name,
+        value: e.modelValue,
+        onChange: a[0] || (a[0] = (o) => i.validate(o.target.value))
+      }, [
+        wa,
+        (n(!0), l(g, null, y(e.items, (o) => (n(), l("option", {
+          value: i.checkForObjectValue(o),
+          selected: e.modelValue == i.checkForObjectValue(o)
+        }, [
+          t.$slots.label ? (n(), l("span", Sa, [
+            b(t.$slots, "label", { item: o }, void 0, !0)
+          ])) : (n(), l("span", $a, c(i.checkForObjectLabel(o)), 1))
+        ], 8, Va))), 256))
+      ], 40, ya),
+      Ia
+    ])
+  ], 64);
 }
-const zt = /* @__PURE__ */ c(Nt, [["render", Ht], ["__scopeId", "data-v-de5da846"]]), Ut = {
-  name: "wra-icon",
+const Ma = /* @__PURE__ */ f(_a, [["render", xa], ["__scopeId", "data-v-b3b8a61e"]]), Ta = {
+  name: "wra-service-logo",
   props: {
-    /** Name of icon from material design icons by  pictogrammers */
-    icon: {
+    serviceLogo: {
       type: String,
       required: !0
     },
-    /** Width of icon */
-    width: {
-      type: Number,
-      default: 24
-    },
-    /** Height of icon */
-    height: {
-      type: Number,
-      default: 24
+    label: {
+      type: String,
+      required: !0
     },
-    /** Override default viewbox, the size and postion of the SVG, that is calculated from height and width. */
-    viewBox: {
+    alt: {
       type: String,
-      default: "0 0 24 24"
+      required: !0
     },
-    /** Defines the colour of the outline of the icon; */
-    stroke: {
+    href: {
       type: String
     },
-    /**  Defines the colour of the icon */
-    fill: {
+    height: {
+      type: [String, Number]
+    }
+  }
+}, Wa = ["href", "aria-label"], Oa = ["src", "height", "alt"];
+function Ca(t, a, e, s, r, i) {
+  return n(), l("a", {
+    href: e.href,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    "aria-label": e.label,
+    class: "service-link"
+  }, [
+    d("img", {
+      src: e.serviceLogo,
+      height: e.height,
+      class: "service-logo",
+      alt: e.alt
+    }, null, 8, Oa)
+  ], 8, Wa);
+}
+const Ba = /* @__PURE__ */ f(Ta, [["render", Ca], ["__scopeId", "data-v-0ba072f4"]]), Ea = {
+  name: "wra-simple-table",
+  props: {
+    inheritBackground: {
+      type: Boolean,
+      default: !1
+    },
+    caption: {
       type: String
+    },
+    leftAlignHeaders: {
+      type: Boolean,
+      default: !0
     }
   }
-}, Gt = ["width", "height", "viewBox", "stroke", "fill"], Yt = ["d"];
-function Jt(t, a, e, s, r, i) {
-  return o(), l("svg", {
-    width: e.width + "px",
-    height: e.height + "px",
-    viewBox: e.viewBox,
-    stroke: e.stroke,
-    fill: e.fill
+}, qa = {
+  key: 0,
+  class: "wra-table-caption"
+};
+function ja(t, a, e, s, r, i) {
+  return n(), l("table", {
+    class: m(["wra-table", {
+      "wra-table-inherit": e.inheritBackground,
+      "left-align-headers": e.leftAlignHeaders
+    }])
   }, [
-    u("path", {
-      d: e.icon,
-      width: "100%",
-      height: "100%"
-    }, null, 8, Yt)
-  ], 8, Gt);
+    e.caption ? (n(), l("caption", qa, [
+      b(t.$slots, "caption", {}, () => [
+        O(c(e.caption), 1)
+      ])
+    ])) : h("", !0),
+    b(t.$slots, "default")
+  ], 2);
 }
-const Zt = /* @__PURE__ */ c(Ut, [["render", Jt]]), Qt = {
+const Aa = /* @__PURE__ */ f(Ea, [["render", ja]]), La = {
   name: "wra-snackbar",
   emits: ["update:visible"],
   props: {
@@ -1188,107 +1593,135 @@ const Zt = /* @__PURE__ */ c(Ut, [["render", Jt]]), Qt = {
       };
     }
   }
-}, X = (t) => (A("data-v-d365ea40"), t = t(), P(), t), Xt = { class: "snackbar-content" }, ea = /* @__PURE__ */ X(() => /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1)), ta = /* @__PURE__ */ X(() => /* @__PURE__ */ u("div", { class: "close-icon-line-one" }, [
-  /* @__PURE__ */ u("div", { class: "close-icon-line-two" })
-], -1)), aa = [
-  ea,
-  ta
+}, Q = (t) => (P("data-v-d365ea40"), t = t(), F(), t), Pa = { class: "snackbar-content" }, Fa = /* @__PURE__ */ Q(() => /* @__PURE__ */ d("span", { class: "sr-only" }, "Close", -1)), Da = /* @__PURE__ */ Q(() => /* @__PURE__ */ d("div", { class: "close-icon-line-one" }, [
+  /* @__PURE__ */ d("div", { class: "close-icon-line-two" })
+], -1)), Na = [
+  Fa,
+  Da
 ];
-function sa(t, a, e, s, r, i) {
-  return o(), F(U, { name: "snackbar" }, {
-    default: G(() => [
-      t.showSnackbar ? (o(), l("div", {
+function Ra(t, a, e, s, r, i) {
+  return n(), D(z, { name: "snackbar" }, {
+    default: U(() => [
+      t.showSnackbar ? (n(), l("div", {
         key: 0,
         role: "alert",
         "aria-live": "polite",
-        class: _(["snackbar snackbar-flex", e.type])
+        class: m(["snackbar snackbar-flex", e.type])
       }, [
-        u("div", Xt, [
-          k(t.$slots, "default", {}, () => [
-            D(h(e.label), 1)
+        d("div", Pa, [
+          b(t.$slots, "default", {}, () => [
+            O(c(e.label), 1)
           ], !0)
         ]),
-        e.showClose ? (o(), l("div", {
+        e.showClose ? (n(), l("div", {
           key: 0,
           class: "close-icon-wrapper",
           tabindex: "0",
-          onClick: a[0] || (a[0] = (...n) => i.closeSnackbar && i.closeSnackbar(...n)),
-          onKeyup: a[1] || (a[1] = g((...n) => i.closeSnackbar && i.closeSnackbar(...n), ["enter"]))
-        }, aa, 32)) : b("", !0)
-      ], 2)) : b("", !0)
+          onClick: a[0] || (a[0] = (...o) => i.closeSnackbar && i.closeSnackbar(...o)),
+          onKeyup: a[1] || (a[1] = v((...o) => i.closeSnackbar && i.closeSnackbar(...o), ["enter"]))
+        }, Na, 32)) : h("", !0)
+      ], 2)) : h("", !0)
     ]),
     _: 3
   });
 }
-const ia = /* @__PURE__ */ c(Qt, [["render", sa], ["__scopeId", "data-v-d365ea40"]]), ra = {
-  name: "wra-expansion-panel",
+const Ha = /* @__PURE__ */ f(La, [["render", Ra], ["__scopeId", "data-v-d365ea40"]]), Ka = {
+  name: "wra-subheader",
   props: {
-    title: {
-      type: String,
-      required: !0
-    },
-    ariaTitle: {
-      type: String,
-      required: !0
-    },
     color: {
       type: String
     }
   },
-  data() {
-    return {
-      showPanel: !1
-    };
-  },
   computed: {
     style() {
       return {
         color: this.color
       };
     }
-  },
-  methods: {
-    togglePanel() {
-      this.showPanel = !this.showPanel;
+  }
+};
+function za(t, a, e, s, r, i) {
+  return n(), l("div", {
+    class: "subheader",
+    style: K(i.style)
+  }, [
+    b(t.$slots, "default", {}, void 0, !0)
+  ], 4);
+}
+const Ua = /* @__PURE__ */ f(Ka, [["render", za], ["__scopeId", "data-v-c5d10b79"]]), Ga = {
+  name: "wra-table",
+  props: {
+    inheritBackground: {
+      type: Boolean,
+      default: !1
+    },
+    caption: {
+      type: String
+    },
+    headers: {
+      type: Array
+    },
+    items: {
+      type: Array
+    },
+    leftAlignHeaders: {
+      type: Boolean,
+      default: !0
     }
   }
-}, na = ["aria-controls", "id"], oa = { class: "icon-wrapper" }, la = ["aria-hidden", "id"], ua = { class: "inner-panel" };
-function da(t, a, e, s, r, i) {
-  return o(), l("div", null, [
-    u("button", {
-      "aria-controls": "expansion-content-" + e.ariaTitle,
-      id: "expansion-control-" + e.ariaTitle,
-      onClick: a[0] || (a[0] = (...n) => i.togglePanel && i.togglePanel(...n)),
-      style: z(i.style)
+}, Ya = {
+  key: 0,
+  class: "wra-table-caption"
+}, Ja = {
+  id: "pivoted",
+  class: "wra-table"
+}, Za = {
+  key: 0,
+  class: "wra-table-caption"
+};
+function Qa(t, a, e, s, r, i) {
+  return n(), l(g, null, [
+    d("table", {
+      id: "regular",
+      class: m(["wra-table", {
+        "wra-table-inherit": e.inheritBackground,
+        "left-align-headers": e.leftAlignHeaders
+      }])
     }, [
-      D(h(e.title) + " ", 1),
-      u("span", oa, [
-        u("span", {
-          class: _(["panel-icon", {
-            "show-panel-icon": r.showPanel,
-            "hide-panel-icon": !r.showPanel
-          }])
-        }, null, 2)
-      ])
-    ], 12, na),
-    ae(U, { name: "slide-fade" }, {
-      default: G(() => [
-        r.showPanel ? (o(), l("div", {
-          key: 0,
-          class: "panel-content",
-          "aria-hidden": !r.showPanel,
-          id: "content-" + e.ariaTitle
-        }, [
-          u("div", ua, [
-            k(t.$slots, "default", {}, void 0, !0)
-          ])
-        ], 8, la)) : b("", !0)
+      e.caption ? (n(), l("caption", Ya, [
+        b(t.$slots, "caption", {}, () => [
+          O(c(e.caption), 1)
+        ])
+      ])) : h("", !0),
+      d("thead", null, [
+        d("tr", null, [
+          (n(!0), l(g, null, y(e.headers, (o) => (n(), l("th", null, c(o.title), 1))), 256))
+        ])
       ]),
-      _: 3
-    })
-  ]);
+      d("tbody", null, [
+        (n(!0), l(g, null, y(e.items, (o) => (n(), l("tr", null, [
+          (n(!0), l(g, null, y(o, (u, p) => (n(), l("td", { key: p }, c(u), 1))), 128))
+        ]))), 256))
+      ])
+    ], 2),
+    d("table", Ja, [
+      e.caption ? (n(), l("caption", Za, [
+        b(t.$slots, "caption", {}, () => [
+          O(c(e.caption), 1)
+        ])
+      ])) : h("", !0),
+      (n(!0), l(g, null, y(e.items, (o) => (n(), l("tbody", {
+        key: o.id
+      }, [
+        (n(!0), l(g, null, y(e.headers, (u, p) => (n(), l("tr", { key: p }, [
+          d("th", null, c(u.title), 1),
+          d("td", null, c(o[u.key]), 1)
+        ]))), 128))
+      ]))), 128))
+    ])
+  ], 64);
 }
-const ca = /* @__PURE__ */ c(ra, [["render", da], ["__scopeId", "data-v-6993ae29"]]), ha = {
+const Xa = /* @__PURE__ */ f(Ga, [["render", Qa]]), es = {
   name: "wra-tab",
   props: {
     label: {
@@ -1316,13 +1749,13 @@ const ca = /* @__PURE__ */ c(ra, [["render", da], ["__scopeId", "data-v-6993ae29
     }
   }
 };
-function pa(t, a, e, s, r, i) {
-  return o(), l("button", {
+function ts(t, a, e, s, r, i) {
+  return n(), l("button", {
     ref: "tabButton",
-    class: _(["tab-button", e.active === !0 && "tab-button--active"])
-  }, h(e.label), 3);
+    class: m(["tab-button", e.active === !0 && "tab-button--active"])
+  }, c(e.label), 3);
 }
-const fa = /* @__PURE__ */ c(ha, [["render", pa], ["__scopeId", "data-v-19bb5a16"]]), ma = {
+const as = /* @__PURE__ */ f(es, [["render", ts], ["__scopeId", "data-v-19bb5a16"]]), ss = {
   name: "wra-tabs",
   emits: "update:modelValue",
   props: {
@@ -1338,7 +1771,7 @@ const fa = /* @__PURE__ */ c(ha, [["render", pa], ["__scopeId", "data-v-19bb5a16
     }
   },
   components: {
-    Tab: fa
+    Tab: as
   },
   data() {
     return {
@@ -1360,452 +1793,249 @@ const fa = /* @__PURE__ */ c(ha, [["render", pa], ["__scopeId", "data-v-19bb5a16
   created() {
     this.activeTab = this.modelValue;
   }
-}, ka = { class: "tabs" };
-function ba(t, a, e, s, r, i) {
-  const n = H("tab");
-  return o(), l("div", ka, [
-    (o(!0), l(V, null, x(e.options, (d, p) => (o(), F(n, {
+}, is = { class: "tabs" };
+function rs(t, a, e, s, r, i) {
+  const o = G("tab");
+  return n(), l("div", is, [
+    (n(!0), l(g, null, y(e.options, (u, p) => (n(), D(o, {
       tabindex: p === 0 ? 0 : -1,
-      label: d,
+      label: u,
       active: p === r.activeTab,
       focus: p === r.focusTab,
-      onClick: (f) => i.onTabClick(p),
-      onFocus: (f) => r.focusTab = p,
+      onClick: (k) => i.onTabClick(p),
+      onFocus: (k) => r.focusTab = p,
       onKeydown: [
-        g((f) => i.onTabClick(p), ["enter"]),
-        g((f) => i.onTabClick(p), ["space"]),
-        g((f) => i.onKeyLeft(p), ["left"]),
-        g((f) => i.onKeyRight(p), ["right"])
+        v((k) => i.onTabClick(p), ["enter"]),
+        v((k) => i.onTabClick(p), ["space"]),
+        v((k) => i.onKeyLeft(p), ["left"]),
+        v((k) => i.onKeyRight(p), ["right"])
       ]
     }, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
   ]);
 }
-const _a = /* @__PURE__ */ c(ma, [["render", ba], ["__scopeId", "data-v-bbf8594b"]]), ga = {
-  name: "wra-banner",
+const ns = /* @__PURE__ */ f(ss, [["render", rs], ["__scopeId", "data-v-bbf8594b"]]), ls = {
+  name: "wra-text-area",
   props: {
-    hiddenPrint: {
-      type: Boolean,
-      default: !1
+    id: {
+      type: Number,
+      required: !0
     },
-    newService: {
-      type: Boolean,
-      default: !1
-    }
-  }
-}, va = {
-  key: 0,
-  class: "wra-banner-actions"
-};
-function ya(t, a, e, s, r, i) {
-  return o(), l("div", {
-    class: _(["wra-banner", {
-      "hidden-print": e.hiddenPrint === !0,
-      "new-service": e.newService === !0
-    }])
-  }, [
-    u("div", null, [
-      k(t.$slots, "default", {}, void 0, !0)
-    ]),
-    t.$slots.actions ? (o(), l("div", va, [
-      k(t.$slots, "actions", {}, void 0, !0)
-    ])) : b("", !0)
-  ], 2);
-}
-const wa = /* @__PURE__ */ c(ga, [["render", ya], ["__scopeId", "data-v-09473a78"]]), Va = {
-  name: "wra-divider",
-  props: {
-    /** Thickness of the divider */
-    thickness: {
+    modelValue: {
       type: String,
-      default: "medium",
-      validator(t) {
-        return t == "large" || t == "medium" || t == "small";
-      }
+      required: !0
     },
-    /** Aria role for the divider */
-    role: {
+    label: {
       type: String,
-      default: "presentation"
+      required: !1
+    },
+    rules: {
+      type: Array,
+      required: !1
     }
   },
+  emits: ["update:modelValue", "valid"],
   data() {
-    return {};
-  }
-}, Sa = ["role"];
-function $a(t, a, e, s, r, i) {
-  return o(), l("hr", {
-    role: e.role,
-    class: _({
-      "wra-divider-large": e.thickness === "large",
-      "wra-divider": e.thickness === "medium",
-      "wra-divider-small": e.thickness === "small"
-    })
-  }, null, 10, Sa);
-}
-const Ia = /* @__PURE__ */ c(Va, [["render", $a], ["__scopeId", "data-v-5554eece"]]), xa = {
-  name: "wra-breadcrumbs",
-  props: {
-    /** Items to display in the breadcrumbs */
-    items: {
-      type: Array,
-      required: !0
-    },
-    /** Change the default object name in items for the breadcrumb title */
-    itemTitle: {
-      type: String,
-      default: "title"
-    },
-    /** Change the default object name in items for disabling the breadcrumb */
-    itemDisabled: {
-      type: String,
-      default: "disabled"
-    },
-    /** Change the default object name in items for the breadcrumb link */
-    itemHref: {
-      type: String,
-      default: "href"
+    return {
+      errorMessage: "",
+      firstValidation: !0
+    };
+  },
+  methods: {
+    validate(t) {
+      if (this.$emit("update:modelValue", t), this.errorMessage = "", this.rules != null)
+        for (let a = 0; a < this.rules.length; a++) {
+          const e = this.rules[a];
+          let s = e(t);
+          if (s != !0) {
+            this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
+            break;
+          }
+        }
+      if (this.errorMessage == "" && this.$emit("valid", { id: this.id, value: !0 }), this.firstValidation == !0 && (this.firstValidation = !1, this.errorMessage != "")) {
+        this.errorMessage = "";
+        return;
+      }
     }
+  },
+  mounted() {
+    this.validate(this.modelValue);
   }
-}, Ma = (t) => (A("data-v-99803a33"), t = t(), P(), t), Ta = { class: "wra-breadcrumbs" }, Oa = { class: "wra-breadcrumbs-item" }, Wa = ["href"], Ca = {
-  key: 1,
-  class: "wra-breadcrumbs-link--disabled"
-}, Ea = {
-  key: 0,
-  class: "wra-breadcrumbs-divider"
-}, qa = /* @__PURE__ */ Ma(() => /* @__PURE__ */ u("span", { class: "wra-breadcrumbs-chevron" }, null, -1));
-function ja(t, a, e, s, r, i) {
-  return o(), l("ul", Ta, [
-    (o(!0), l(V, null, x(e.items, (n, d) => (o(), l(V, null, [
-      u("li", Oa, [
-        k(t.$slots, "default", {}, () => [
-          n[e.itemDisabled] ? (o(), l("span", Ca, h(n[e.itemTitle]), 1)) : (o(), l("a", {
-            key: 0,
-            href: n[e.itemHref],
-            class: "wra-breadcrumbs-link"
-          }, h(n[e.itemTitle]), 9, Wa))
-        ], !0)
-      ]),
-      d !== e.items.length - 1 ? (o(), l("li", Ea, [
-        k(t.$slots, "divider", {}, () => [
-          qa
-        ], !0)
-      ])) : b("", !0)
-    ], 64))), 256))
-  ]);
+}, os = ["for"], ds = ["id", "value"];
+function us(t, a, e, s, r, i) {
+  return n(), l("div", {
+    class: m({ error: r.errorMessage != !1 })
+  }, [
+    e.label ? (n(), l("label", {
+      key: 0,
+      for: e.id
+    }, c(e.label), 9, os)) : h("", !0),
+    d("textarea", {
+      rows: "5",
+      id: e.id,
+      value: e.modelValue,
+      onInput: a[0] || (a[0] = (o) => i.validate(o.target.value))
+    }, null, 40, ds),
+    d("p", null, c(r.errorMessage), 1)
+  ], 2);
 }
-const Ba = /* @__PURE__ */ c(xa, [["render", ja], ["__scopeId", "data-v-99803a33"]]), La = {
-  name: "wra-autocomplete",
-  emits: ["update:modelValue"],
+const cs = /* @__PURE__ */ f(ls, [["render", us], ["__scopeId", "data-v-5633552a"]]), hs = {
+  directives: { maska: B },
+  name: "wra-text-input",
   props: {
     modelValue: {
-      type: Object
+      type: String,
+      required: !0
     },
-    /** Label for autocomplete */
     label: {
       type: String
     },
-    /** Input's ID tag */
     id: {
-      type: String
-    },
-    /** Options for autocomplete list */
-    options: {
-      type: Object,
-      required: !0
-    },
-    /** Change the default object name in options for the data */
-    optionValue: {
       type: String,
-      default: "value"
+      required: !0,
+      default: "textInput"
     },
-    /** Change the default object name in options for the displayed value */
-    optionLabel: {
+    inputmode: {
       type: String,
-      default: "label"
-    },
-    /** Mininum number of characters before the list appears */
-    minLength: {
-      type: Number,
-      default: 1
+      default: "text"
     },
-    /** If list should automatically expand when input is focused */
-    autoExpand: {
-      type: Boolean,
-      default: !1
+    rules: {},
+    dataMaska: {},
+    dataMaskaTokens: {},
+    placeholder: {
+      type: String
     }
   },
-  data: () => ({
-    userInput: {},
-    hasFocus: !1,
-    listHasFocus: !1,
-    optionIndex: null
-  }),
+  data() {
+    return {
+      errorMessage: "",
+      firstValidation: !0
+    };
+  },
   methods: {
-    onInputTyping() {
-      this.optionIndex = null, this.userInput[this.optionValue] = this.getInputValue, this.$emit("update:modelValue", this.userInput);
-    },
-    onOptionSelect(t) {
-      (t == null ? void 0 : t.clickable) !== !1 && (this.userInput = t, this.userInput = Object.assign({}, t), this.$emit("update:modelValue", this.userInput));
-    },
-    onBlur() {
-      this.listHasFocus === !1 && (this.hasFocus = !1);
-    },
-    onOptionBlur(t) {
-      t === this.optionIndex && (this.hasFocus = !1, this.listHasFocus = !1);
-    },
-    onUpKey() {
-      if (!(this.optionsHasMatches === !1 || this.showOptions === !1)) {
-        if (this.optionIndex === 0)
-          this.optionIndex = null, this.listHasFocus = !1, this.$refs.autocompleteInput.focus();
-        else if (this.optionIndex > 0) {
-          this.optionIndex--, this.listHasFocus = !0;
-          const t = `option${this.optionIndex}`;
-          this.$refs[t][0].focus();
+    validate(t) {
+      if (this.$emit("update:modelValue", t), this.errorMessage = "", this.rules != null)
+        for (let a = 0; a < this.rules.length; a++) {
+          const e = this.rules[a];
+          let s = e(t);
+          if (s != !0) {
+            this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
+            break;
+          }
         }
-      }
-    },
-    onDownKey() {
-      if (this.optionsHasMatches === !1 || this.showOptions === !1)
+      if (this.errorMessage == "" && this.$emit("valid", { id: this.id, value: !0 }), this.firstValidation == !0 && (this.firstValidation = !1, this.errorMessage != "")) {
+        this.errorMessage = "";
         return;
-      this.optionIndex === null ? this.optionIndex = 0 : this.optionIndex < this.filterOptions.length - 1 && this.optionIndex++, this.listHasFocus = !0;
-      const t = `option${this.optionIndex}`;
-      this.$refs[t][0].focus();
+      }
     }
   },
-  computed: {
-    showOptions() {
-      const t = this.options.some(
-        (s) => s[this.optionLabel] === this.userInput[this.optionLabel]
-      ), a = this.userInput[this.optionLabel].length >= this.minLength;
-      return t !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || a === !0);
-    },
-    filterOptions() {
-      const t = this.options.filter(
-        (a) => a.label.toLowerCase().includes(this.getInputValue)
-      );
-      return t.length > 0 ? t : this.autoExpand === !0 ? this.options : (t.push({
-        [this.optionLabel]: "No results found",
-        [this.optionValue]: "",
-        clickable: !1
-      }), t);
-    },
-    optionsHasMatches() {
-      return this.filterOptions.every(
-        (t) => Object.hasOwn(t, "clickable") ? t.clickable === !0 : !0
-      );
-    },
-    getInputValue() {
-      return this.userInput[this.optionLabel].toLowerCase();
-    }
+  mounted() {
+    this.validate(this.modelValue);
   },
-  created() {
-    if (this.modelValue && Object.keys(this.modelValue).length >= 2) {
-      this.userInput = this.modelValue;
-      return;
-    }
-    this.userInput[this.optionLabel] = "", this.userInput[this.optionValue] = "";
-  }
-}, Fa = { class: "autocomplete" }, Aa = ["for"], Pa = ["id"], Da = {
-  role: "listbox",
-  class: "autocomplete-list"
-}, Na = ["onMousedown", "onKeydown", "onBlur"];
-function Ra(t, a, e, s, r, i) {
-  return o(), l("div", Fa, [
-    u("label", {
-      for: e.id,
-      class: "autocomplete-label"
-    }, h(e.label), 9, Aa),
-    I(u("input", {
-      ref: "autocompleteInput",
-      "onUpdate:modelValue": a[0] || (a[0] = (n) => t.userInput[e.optionLabel] = n),
-      role: "combobox",
-      inputmode: "text",
+  emits: ["update:modelValue", "valid"]
+}, fs = ["for"], ps = ["id", "data-maska", "dataMaskaTokens", "value", "inputmode", "placeholder"];
+function ms(t, a, e, s, r, i) {
+  const o = C("maska");
+  return n(), l("div", {
+    class: m({ error: r.errorMessage != !1 })
+  }, [
+    e.label ? (n(), l("label", {
+      key: 0,
+      for: e.id
+    }, c(e.label), 9, fs)) : h("", !0),
+    I(d("input", {
       id: e.id,
-      class: _(["autocomplete-input", { "autocomplete-input--focus": t.hasFocus }]),
-      "aria-owns": "autocomplete-list",
-      autocomplete: "off",
-      onInput: a[1] || (a[1] = (n) => i.onInputTyping()),
-      onFocus: a[2] || (a[2] = (n) => t.hasFocus = !0),
-      onBlur: a[3] || (a[3] = (...n) => i.onBlur && i.onBlur(...n)),
-      onKeydown: [
-        a[4] || (a[4] = g($((...n) => i.onUpKey && i.onUpKey(...n), ["prevent"]), ["up"])),
-        a[5] || (a[5] = g($((...n) => i.onDownKey && i.onDownKey(...n), ["prevent"]), ["down"]))
-      ]
-    }, null, 42, Pa), [
-      [se, t.userInput[e.optionLabel]]
+      type: "text",
+      "data-maska": e.dataMaska,
+      dataMaskaTokens: e.dataMaskaTokens,
+      value: e.modelValue,
+      onInput: a[0] || (a[0] = (u) => i.validate(u.target.value)),
+      inputmode: e.inputmode || "text",
+      placeholder: e.placeholder
+    }, null, 40, ps), [
+      [o]
     ]),
-    I(u("ul", Da, [
-      (o(!0), l(V, null, x(i.filterOptions, (n, d) => (o(), l("li", {
-        ref_for: !0,
-        ref: `option${d}`,
-        tabindex: "-1",
-        class: _({
-          "autocomplete-item-not-clickable": n.clickable === !1,
-          "autocomplete-item--focus": d === t.optionIndex
-        }),
-        onMousedown: (p) => i.onOptionSelect(n),
-        onKeydown: [
-          a[6] || (a[6] = g($((...p) => i.onUpKey && i.onUpKey(...p), ["prevent"]), ["up"])),
-          a[7] || (a[7] = g($((...p) => i.onDownKey && i.onDownKey(...p), ["prevent"]), ["down"])),
-          g($((p) => i.onOptionSelect(n), ["prevent"]), ["enter"]),
-          g($((p) => i.onOptionSelect(n), ["prevent"]), ["space"])
-        ],
-        onBlur: (p) => i.onOptionBlur(d)
-      }, h(n[e.optionLabel]), 43, Na))), 256))
-    ], 512), [
-      [ie, i.showOptions]
-    ])
-  ]);
-}
-const Ka = /* @__PURE__ */ c(La, [["render", Ra], ["__scopeId", "data-v-7085f41c"]]), Ha = {
-  name: "wra-simple-table",
-  props: {
-    inheritBackground: {
-      type: Boolean,
-      default: !1
-    },
-    caption: {
-      type: String
-    },
-    leftAlignHeaders: {
-      type: Boolean,
-      default: !0
-    }
-  }
-}, za = {
-  key: 0,
-  class: "wra-table-caption"
-};
-function Ua(t, a, e, s, r, i) {
-  return o(), l("table", {
-    class: _(["wra-table", {
-      "wra-table-inherit": e.inheritBackground,
-      "left-align-headers": e.leftAlignHeaders
-    }])
-  }, [
-    e.caption ? (o(), l("caption", za, [
-      k(t.$slots, "caption", {}, () => [
-        D(h(e.caption), 1)
-      ])
-    ])) : b("", !0),
-    k(t.$slots, "default")
+    d("p", null, c(r.errorMessage), 1)
   ], 2);
 }
-const Ga = /* @__PURE__ */ c(Ha, [["render", Ua]]), Ya = {
-  name: "wra-service-logo",
+const ks = /* @__PURE__ */ f(hs, [["render", ms], ["__scopeId", "data-v-274d2c94"]]), bs = {
+  name: "wra-validation-tooltip",
   props: {
-    serviceLogo: {
-      type: String,
-      required: !0
-    },
-    label: {
-      type: String,
-      required: !0
-    },
-    alt: {
+    type: {
       type: String,
       required: !0
-    },
-    href: {
-      type: String
-    },
-    height: {
-      type: [String, Number]
-    }
-  }
-}, Ja = ["href", "aria-label"], Za = ["src", "height", "alt"];
-function Qa(t, a, e, s, r, i) {
-  return o(), l("a", {
-    href: e.href,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    "aria-label": e.label,
-    class: "service-link"
-  }, [
-    u("img", {
-      src: e.serviceLogo,
-      height: e.height,
-      class: "service-logo",
-      alt: e.alt
-    }, null, 8, Za)
-  ], 8, Ja);
-}
-const Xa = /* @__PURE__ */ c(Ya, [["render", Qa], ["__scopeId", "data-v-0ba072f4"]]), es = {
-  name: "wra-footer",
-  props: {
-    /** Display the footer when printed */
-    hiddenPrint: {
-      type: Boolean,
-      default: !1
     }
   }
 };
-function ts(t, a, e, s, r, i) {
-  return o(), l("footer", {
-    class: _(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
+function _s(t, a, e, s, r, i) {
+  return n(), l("div", {
+    class: m(["validation-tooltip", e.type])
   }, [
-    k(t.$slots, "default", {}, void 0, !0)
+    b(t.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const as = /* @__PURE__ */ c(es, [["render", ts], ["__scopeId", "data-v-182e61db"]]), ss = {
-  WraValidationTooltip: oe,
+const gs = /* @__PURE__ */ f(bs, [["render", _s], ["__scopeId", "data-v-386ad06a"]]), vs = {
+  WraAppBar: ne,
+  WraAutocomplete: pe,
+  WraBanner: _e,
+  WraBreadcrumbs: Me,
+  WraButton: Be,
   WraCheckbox: Y,
-  WraCheckboxGroup: ve,
-  WraContentSectionTitle: Se,
-  WraRadio: J,
-  WraRadioGroup: qe,
-  WraSelect: He,
-  WraSubheader: Ge,
-  WraTextArea: Xe,
-  WraHeader: lt,
-  WraButton: pt,
-  WraDateInput: $t,
-  WraNumberInput: Et,
-  WraPriceInput: Dt,
-  WraTextInput: zt,
-  WraIcon: Zt,
-  WraSnackbar: ia,
-  WraExpansionPanel: ca,
-  WraTabs: _a,
-  WraBanner: wa,
-  WraDivider: Ia,
-  WraBreadcrumbs: Ba,
-  WraAutocomplete: Ka,
-  WraSimpleTable: Ga,
-  WraServiceLogo: Xa,
-  WraFooter: as
-}, rs = {
+  WraCheckboxGroup: ze,
+  WraContentSectionTitle: Je,
+  WraCustomInput: ut,
+  WraDateInput: kt,
+  WraDivider: vt,
+  WraExpansionPanel: xt,
+  WraFooter: Wt,
+  WraHeader: Pt,
+  WraIcon: Ht,
+  WraNumberInput: Qt,
+  WraPriceInput: na,
+  WraRadioGroup: ba,
+  WraSelect: Ma,
+  WraServiceLogo: Ba,
+  WraSimpleTable: Aa,
+  WraSnackbar: Ha,
+  WraSubheader: Ua,
+  WraTable: Xa,
+  WraTabs: ns,
+  WraTextArea: cs,
+  WraTextInput: ks,
+  WraValidationTooltip: gs
+}, ws = {
   install(t) {
-    for (const [a, e] of Object.entries(ss))
+    for (const [a, e] of Object.entries(vs))
       t.component(a, e);
   }
 };
 export {
-  Ka as WraAutocomplete,
-  wa as WraBanner,
-  Ba as WraBreadcrumbs,
-  pt as WraButton,
+  ne as WraAppBar,
+  pe as WraAutocomplete,
+  _e as WraBanner,
+  Me as WraBreadcrumbs,
+  Be as WraButton,
   Y as WraCheckbox,
-  ve as WraCheckboxGroup,
-  Se as WraContentSectionTitle,
-  $t as WraDateInput,
-  Ia as WraDivider,
-  ca as WraExpansionPanel,
-  as as WraFooter,
-  lt as WraHeader,
-  Zt as WraIcon,
-  Et as WraNumberInput,
-  Dt as WraPriceInput,
-  J as WraRadio,
-  qe as WraRadioGroup,
-  He as WraSelect,
-  Xa as WraServiceLogo,
-  Ga as WraSimpleTable,
-  ia as WraSnackbar,
-  Ge as WraSubheader,
-  _a as WraTabs,
-  Xe as WraTextArea,
-  zt as WraTextInput,
-  oe as WraValidationTootip,
-  rs as default
+  ze as WraCheckboxGroup,
+  Je as WraContentSectionTitle,
+  ut as WraCustomInput,
+  kt as WraDateInput,
+  vt as WraDivider,
+  xt as WraExpansionPanel,
+  Wt as WraFooter,
+  Pt as WraHeader,
+  Ht as WraIcon,
+  Qt as WraNumberInput,
+  na as WraPriceInput,
+  ba as WraRadioGroup,
+  Ma as WraSelect,
+  Ba as WraServiceLogo,
+  Aa as WraSimpleTable,
+  Ha as WraSnackbar,
+  Ua as WraSubheader,
+  Xa as WraTable,
+  ns as WraTabs,
+  cs as WraTextArea,
+  ks as WraTextInput,
+  gs as WraValidationTooltip,
+  ws as default
 };