@wra-gov/vue-components 0.8.0 → 0.9.0

package/dist/vue-components.js

@@ -1,447 +1,275 @@
-(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-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}*[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-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}.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-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}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-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}.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-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}*[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}.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(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { openBlock as l, createElementBlock as o, normalizeClass as b, renderSlot as m, createElementVNode as u, toDisplayString as c, withDirectives as x, withKeys as v, withModifiers as I, vModelText as te, Fragment as g, renderList as y, vShow as ae, createCommentVNode as k, pushScopeId as F, popScopeId as P, resolveDirective as B, normalizeStyle as K, createTextVNode as W, createVNode as se, Transition as z, withCtx as U, resolveComponent as G, createBlock as D } from "vue";
+const h = (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: {
-      type: String,
-      required: !0
+    hiddenPrint: {
+      type: Boolean,
+      default: !1
     }
   }
 };
-function ne(t, a, e, s, r, i) {
-  return o(), l("div", {
-    class: _(["validation-tooltip", e.type])
+function re(t, a, e, s, r, i) {
+  return l(), o("div", {
+    class: b(["wra-app-bar", {
+      "hidden-print": e.hiddenPrint === !0
+    }])
   }, [
-    k(t.$slots, "default", {}, void 0, !0)
+    m(t.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const oe = /* @__PURE__ */ c(re, [["render", ne], ["__scopeId", "data-v-386ad06a"]]), le = {
-  name: "wra-checkbox",
+const ne = /* @__PURE__ */ h(ie, [["render", re], ["__scopeId", "data-v-dbbbd450"]]), le = {
+  name: "wra-autocomplete",
+  emits: ["update:modelValue"],
   props: {
-    modelValue: {},
-    label: {
-      type: String,
-      required: !0
-    },
-    id: {
-      type: String,
-      required: !0
-    }
-  },
-  data() {
-    return {
-      isChecked: this.value,
-      ariaIsChecked: null
-    };
-  },
-  watch: {
     modelValue: {
-      handler() {
-        this.isChecked = this.modelValue, this.isChecked == !0 ? this.ariaIsChecked = "true" : this.ariaIsChecked = "false";
-      },
-      immediate: !0
-    }
-  },
-  methods: {
-    checkInput: function() {
-      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", {
-    role: "checkbox",
-    "aria-label": e.label
-  }, [
-    u("label", {
-      for: e.id,
-      class: "checkbox-label"
-    }, [
-      u("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);
-}
-const Y = /* @__PURE__ */ c(le, [["render", pe], ["__scopeId", "data-v-32449131"]]), fe = {
-  name: "wra-checkbox-group",
-  props: {
-    modelValue: {},
-    options: {
-      required: !0,
-      type: Array
+      type: Object
     },
-    itemValue: {
-      required: !0,
+    /** Label for autocomplete */
+    label: {
       type: String
     },
-    itemLabel: {
-      required: !0,
+    /** Input's ID tag */
+    id: {
       type: String
     },
-    returnObject: {}
-  },
-  data() {
-    return {
-      checked: {}
-    };
-  },
-  methods: {
-    checkInput(t) {
-      this.checked[t] = !this.checked[t];
-      let a = [];
-      this.returnObject == !0 ? Object.keys(this.checked).forEach((e) => {
-        if (this.checked[e] == !0)
-          for (let r = 0; r < this.options.length; r++) {
-            const i = this.options[r];
-            typeof i == "object" ? i[this.itemValue] == e && a.push(i) : i == e && a.push(i);
-          }
-      }) : a = Object.keys(this.checked).filter(
-        (e) => this.checked[e]
-      ), this.$emit("update:modelValue", a);
-    },
-    checkForObjectLabel(t) {
-      return typeof t == "object" ? t[this.itemLabel] : t;
-    },
-    checkForObjectValue(t) {
-      return typeof t == "object" ? t[this.itemValue] : t;
-    }
-  },
-  mounted() {
-    for (let t = 0; t < this.modelValue.length; t++) {
-      const a = this.modelValue[t];
-      typeof a == "object" ? this.checked[a[this.itemValue]] = !0 : this.checked[a] = !0;
-    }
-  },
-  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", {
-    role: "checkbox",
-    class: "checkbox",
-    "aria-label": i.checkForObjectLabel(n)
-  }, [
-    u("label", {
-      for: i.checkForObjectValue(n),
-      class: "checkbox-label"
-    }, [
-      u("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);
-}
-const ve = /* @__PURE__ */ c(fe, [["render", ge], ["__scopeId", "data-v-035e0eca"]]), ye = {
-  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)
-  ]);
-}
-const Se = /* @__PURE__ */ c(ye, [["render", Ve], ["__scopeId", "data-v-1d23d898"]]), $e = {
-  name: "wra-radio",
-  props: {
-    groupName: {
-      type: String,
-      required: !0
-    },
-    option: {
-      type: Array,
+    /** Options for autocomplete list */
+    options: {
+      type: Object,
       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: {
+    /** Change the default object name in options for the data */
+    optionValue: {
       type: String,
-      required: !0
-    },
-    modelValue: {
-      type: String
+      default: "value"
     },
-    options: {
-      type: Array,
-      required: !0
+    /** Change the default object name in options for the displayed value */
+    optionLabel: {
+      type: String,
+      default: "label"
     },
-    label: {
-      type: String
+    /** Mininum number of characters before the list appears */
+    minLength: {
+      type: Number,
+      default: 1
     },
-    hint: {
-      type: String
+    /** If list should automatically expand when input is focused */
+    autoExpand: {
+      type: Boolean,
+      default: !1
     }
   },
+  data: () => ({
+    userInput: {},
+    hasFocus: !1,
+    listHasFocus: !1,
+    optionIndex: null
+  }),
   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
+    onInputTyping() {
+      this.optionIndex = null, this.userInput[this.optionValue] = this.getInputValue, this.$emit("update:modelValue", this.userInput);
     },
-    items: {
-      required: !0,
-      type: Array
+    onOptionSelect(t) {
+      (t == null ? void 0 : t.clickable) !== !1 && (this.userInput = t, this.userInput = Object.assign({}, t), this.$emit("update:modelValue", this.userInput));
     },
-    itemValue: {
-      required: !0,
-      type: String
+    onBlur() {
+      this.listHasFocus === !1 && (this.hasFocus = !1);
     },
-    itemLabel: {
-      required: !0,
-      type: String
+    onOptionBlur(t) {
+      t === this.optionIndex && (this.hasFocus = !1, this.listHasFocus = !1);
     },
-    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;
+    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();
+        }
       }
-      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;
+    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();
     }
   },
-  mounted() {
-    this.validate(this.modelValue);
+  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();
+    }
   },
-  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, [
+  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" }, ue = ["for"], de = ["id"], ce = {
+  role: "listbox",
+  class: "autocomplete-list"
+}, he = ["onMousedown", "onKeydown", "onBlur"];
+function pe(t, a, e, s, r, i) {
+  return l(), o("div", oe, [
     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
+      for: e.id,
+      class: "autocomplete-label"
+    }, c(e.label), 9, ue),
+    x(u("input", {
+      ref: "autocompleteInput",
+      "onUpdate:modelValue": a[0] || (a[0] = (n) => t.userInput[e.optionLabel] = n),
+      role: "combobox",
+      inputmode: "text",
+      id: e.id,
+      class: b(["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] = v(I((...n) => i.onUpKey && i.onUpKey(...n), ["prevent"]), ["up"])),
+        a[5] || (a[5] = v(I((...n) => i.onDownKey && i.onDownKey(...n), ["prevent"]), ["down"]))
+      ]
+    }, null, 42, de), [
+      [te, t.userInput[e.optionLabel]]
+    ]),
+    x(u("ul", ce, [
+      (l(!0), o(g, null, y(i.filterOptions, (n, d) => (l(), o("li", {
+        ref_for: !0,
+        ref: `option${d}`,
+        tabindex: "-1",
+        class: b({
+          "autocomplete-item-not-clickable": n.clickable === !1,
+          "autocomplete-item--focus": d === t.optionIndex
+        }),
+        onMousedown: (p) => i.onOptionSelect(n),
+        onKeydown: [
+          a[6] || (a[6] = v(I((...p) => i.onUpKey && i.onUpKey(...p), ["prevent"]), ["up"])),
+          a[7] || (a[7] = v(I((...p) => i.onDownKey && i.onDownKey(...p), ["prevent"]), ["down"])),
+          v(I((p) => i.onOptionSelect(n), ["prevent"]), ["enter"]),
+          v(I((p) => i.onOptionSelect(n), ["prevent"]), ["space"])
+        ],
+        onBlur: (p) => i.onOptionBlur(d)
+      }, c(n[e.optionLabel]), 43, he))), 256))
+    ], 512), [
+      [ae, i.showOptions]
     ])
-  ], 64);
+  ]);
 }
-const He = /* @__PURE__ */ c(je, [["render", Ke], ["__scopeId", "data-v-b3b8a61e"]]), ze = {
-  name: "wra-subheader",
+const fe = /* @__PURE__ */ h(le, [["render", pe], ["__scopeId", "data-v-7085f41c"]]), me = {
+  name: "wra-banner",
   props: {
-    color: {
-      type: String
-    }
-  },
-  computed: {
-    style() {
-      return {
-        color: this.color
-      };
+    hiddenPrint: {
+      type: Boolean,
+      default: !1
+    },
+    newService: {
+      type: Boolean,
+      default: !1
     }
   }
+}, ke = {
+  key: 0,
+  class: "wra-banner-actions"
 };
-function Ue(t, a, e, s, r, i) {
-  return o(), l("div", {
-    class: "subheader",
-    style: z(i.style)
+function be(t, a, e, s, r, i) {
+  return l(), o("div", {
+    class: b(["wra-banner", {
+      "hidden-print": e.hiddenPrint === !0,
+      "new-service": e.newService === !0
+    }])
   }, [
-    k(t.$slots, "default", {}, void 0, !0)
-  ], 4);
+    u("div", null, [
+      m(t.$slots, "default", {}, void 0, !0)
+    ]),
+    t.$slots.actions ? (l(), o("div", ke, [
+      m(t.$slots, "actions", {}, void 0, !0)
+    ])) : k("", !0)
+  ], 2);
 }
-const Ge = /* @__PURE__ */ c(ze, [["render", Ue], ["__scopeId", "data-v-c5d10b79"]]), Ye = {
-  name: "wra-text-area",
+const _e = /* @__PURE__ */ h(me, [["render", be], ["__scopeId", "data-v-09473a78"]]), ge = {
+  name: "wra-breadcrumbs",
   props: {
-    id: {
-      type: Number,
+    /** Items to display in the breadcrumbs */
+    items: {
+      type: Array,
       required: !0
     },
-    modelValue: {
+    /** Change the default object name in items for the breadcrumb title */
+    itemTitle: {
       type: String,
-      required: !0
+      default: "title"
     },
-    label: {
+    /** Change the default object name in items for disabling the breadcrumb */
+    itemDisabled: {
       type: String,
-      required: !1
+      default: "disabled"
     },
-    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: {
+    /** Change the default object name in items for the breadcrumb link */
+    itemHref: {
       type: String,
-      required: !0
+      default: "href"
     }
   }
-}, 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)
+}, ve = (t) => (F("data-v-99803a33"), t = t(), P(), 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__ */ u("span", { class: "wra-breadcrumbs-chevron" }, null, -1));
+function xe(t, a, e, s, r, i) {
+  return l(), o("ul", ye, [
+    (l(!0), o(g, null, y(e.items, (n, d) => (l(), o(g, null, [
+      u("li", we, [
+        m(t.$slots, "default", {}, () => [
+          n[e.itemDisabled] ? (l(), o("span", Se, c(n[e.itemTitle]), 1)) : (l(), o("a", {
+            key: 0,
+            href: n[e.itemHref],
+            class: "wra-breadcrumbs-link"
+          }, c(n[e.itemTitle]), 9, Ve))
+        ], !0)
+      ]),
+      d !== e.items.length - 1 ? (l(), o("li", $e, [
+        m(t.$slots, "divider", {}, () => [
+          Ie
+        ], !0)
+      ])) : k("", !0)
+    ], 64))), 256))
   ]);
 }
-const lt = /* @__PURE__ */ c(et, [["render", ot], ["__scopeId", "data-v-2f692b7a"]]), ut = {
+const Me = /* @__PURE__ */ h(ge, [["render", xe], ["__scopeId", "data-v-99803a33"]]), Te = {
   name: "wra-button",
   props: {
     size: {
@@ -475,38 +303,177 @@ const lt = /* @__PURE__ */ c(et, [["render", ot], ["__scopeId", "data-v-2f692b7a
       };
     }
   }
-}, dt = {
+}, Oe = {
   key: 0,
   class: "icon back-icon"
-}, ct = {
+}, We = {
   key: 0,
   class: "icon next-icon"
 };
-function ht(t, a, e, s, r, i) {
-  return o(), l("button", {
+function Ce(t, a, e, s, r, i) {
+  return l(), o("button", {
     type: "button",
-    class: _(i.class)
+    class: b(i.class)
   }, [
     u("span", {
-      class: _({
+      class: b({
         "prepend-icon-wrapper": e.prependIcon
       })
     }, [
-      e.prependIcon ? (o(), l("span", dt)) : b("", !0)
+      e.prependIcon ? (l(), o("span", Oe)) : k("", !0)
     ], 2),
-    k(t.$slots, "default", {}, void 0, !0),
+    m(t.$slots, "default", {}, void 0, !0),
     u("span", {
-      class: _({
+      class: b({
         "append-icon-wrapper": e.appendIcon
       })
     }, [
-      e.appendIcon ? (o(), l("span", ct)) : b("", !0)
+      e.appendIcon ? (l(), o("span", We)) : k("", !0)
     ], 2)
   ], 2);
 }
-const pt = /* @__PURE__ */ c(ut, [["render", ht], ["__scopeId", "data-v-8ac59e1e"]]);
+const Be = /* @__PURE__ */ h(Te, [["render", Ce], ["__scopeId", "data-v-8ac59e1e"]]), Ee = {
+  name: "wra-checkbox",
+  props: {
+    modelValue: {},
+    label: {
+      type: String,
+      required: !0
+    },
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      isChecked: this.value,
+      ariaIsChecked: null
+    };
+  },
+  watch: {
+    modelValue: {
+      handler() {
+        this.isChecked = this.modelValue, this.isChecked == !0 ? this.ariaIsChecked = "true" : this.ariaIsChecked = "false";
+      },
+      immediate: !0
+    }
+  },
+  methods: {
+    checkInput: function() {
+      this.isChecked = !this.isChecked, this.$emit("update:modelValue", this.isChecked);
+    }
+  }
+}, qe = ["aria-label"], je = ["for"], Ae = ["id", "checked", "aria-checked"], Le = { class: "checkbox-text" };
+function Fe(t, a, e, s, r, i) {
+  return l(), o("div", {
+    role: "checkbox",
+    "aria-label": e.label
+  }, [
+    u("label", {
+      for: e.id,
+      class: "checkbox-label"
+    }, [
+      u("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, Ae),
+      u("span", Le, c(e.label), 1)
+    ], 8, je)
+  ], 8, qe);
+}
+const Y = /* @__PURE__ */ h(Ee, [["render", Fe], ["__scopeId", "data-v-32449131"]]), Pe = {
+  name: "wra-checkbox-group",
+  props: {
+    modelValue: {},
+    options: {
+      required: !0,
+      type: Array
+    },
+    itemValue: {
+      required: !0,
+      type: String
+    },
+    itemLabel: {
+      required: !0,
+      type: String
+    },
+    returnObject: {}
+  },
+  data() {
+    return {
+      checked: {}
+    };
+  },
+  methods: {
+    checkInput(t) {
+      this.checked[t] = !this.checked[t];
+      let a = [];
+      this.returnObject == !0 ? Object.keys(this.checked).forEach((e) => {
+        if (this.checked[e] == !0)
+          for (let r = 0; r < this.options.length; r++) {
+            const i = this.options[r];
+            typeof i == "object" ? i[this.itemValue] == e && a.push(i) : i == e && a.push(i);
+          }
+      }) : a = Object.keys(this.checked).filter(
+        (e) => this.checked[e]
+      ), this.$emit("update:modelValue", a);
+    },
+    checkForObjectLabel(t) {
+      return typeof t == "object" ? t[this.itemLabel] : t;
+    },
+    checkForObjectValue(t) {
+      return typeof t == "object" ? t[this.itemValue] : t;
+    }
+  },
+  mounted() {
+    for (let t = 0; t < this.modelValue.length; t++) {
+      const a = this.modelValue[t];
+      typeof a == "object" ? this.checked[a[this.itemValue]] = !0 : this.checked[a] = !0;
+    }
+  },
+  components: {
+    WraCheckbox: Y
+  }
+}, De = ["aria-label"], Ne = ["for"], Re = ["id", "checked", "aria-checked", "onChange"], He = { class: "checkbox-text" };
+function Ke(t, a, e, s, r, i) {
+  return l(!0), o(g, null, y(e.options, (n) => (l(), o("div", {
+    role: "checkbox",
+    class: "checkbox",
+    "aria-label": i.checkForObjectLabel(n)
+  }, [
+    u("label", {
+      for: i.checkForObjectValue(n),
+      class: "checkbox-label"
+    }, [
+      u("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, Re),
+      u("span", He, c(i.checkForObjectLabel(n)), 1)
+    ], 8, Ne)
+  ], 8, De))), 256);
+}
+const ze = /* @__PURE__ */ h(Pe, [["render", Ke], ["__scopeId", "data-v-035e0eca"]]), Ue = {
+  name: "wra-content-section-title"
+}, Ge = { class: "content-section-title" };
+function Ye(t, a, e, s, r, i) {
+  return l(), o("div", Ge, [
+    m(t.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const Je = /* @__PURE__ */ h(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, O = (t, a, e) => (Qe(t, typeof a != "symbol" ? a + "" : a, e), e);
 const N = {
   "#": { pattern: /[0-9]/ },
   "@": { pattern: /[a-zA-Z]/ },
@@ -566,23 +533,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: n } = this.escapeMask(e), d = [], p = this.opts.tokens != null ? this.opts.tokens : {}, f = 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[$], C = (V == null ? void 0 : V.transform) != null ? V.transform(a.charAt(w)) : a.charAt(w);
+      if (!n.includes(_) && V != null ? (C.match(V.pattern) != null ? (d[M](C), V.repeated ? (T === -1 ? T = _ : _ === S && _ !== T && (_ = T - f), S === T && (_ -= f)) : V.multiple && (j = !0, _ -= f), _ += f) : V.multiple ? j && (_ += f, w -= f, j = !1) : C === q ? q = void 0 : V.optional && (_ += f, w -= f), w += f) : (s && !this.isEager() && d[M]($), C === $ && !this.isEager() ? w += f : q = $, this.isEager() || (_ += f)), this.isEager())
+        for (; ee(_) && (p[i.charAt(_)] == null || n.includes(_)); )
+          s ? d[M](i.charAt(_)) : i.charAt(_) === a.charAt(w) && (w += f), _ += f;
     }
     return this.memo.set(r, d.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,7 +561,7 @@ 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) => {
       const r = s.target, i = this.items.get(r);
@@ -605,8 +572,8 @@ class _t {
       const r = s.target, i = this.items.get(r), n = r.value, d = r.selectionStart, p = r.selectionEnd;
       let f = n;
       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(n), S = i.unmasked(n);
+        S === "" && "data" in s && s.data != null ? f = s.data : S !== i.unmasked(M) && (f = S);
       }
       if (this.setMaskedValue(r, f), "inputType" in s && (s.inputType.startsWith("delete") || d != null && d < n.length))
         try {
@@ -627,7 +594,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,7 +607,7 @@ 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);
     }
   }
@@ -651,7 +618,7 @@ class _t {
     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 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"));
@@ -660,7 +627,7 @@ const L = /* @__PURE__ */ new WeakMap(), gt = (t) => {
   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))
@@ -673,8 +640,8 @@ const L = /* @__PURE__ */ new WeakMap(), gt = (t) => {
     };
     s.onMaska = s.onMaska == null ? n : Array.isArray(s.onMaska) ? [...s.onMaska, n] : [s.onMaska, n];
   }
-  L.set(e, new _t(e, s));
-}, vt = {
+  L.set(e, new tt(e, s));
+}, st = {
   directives: { maska: E },
   name: "wra-date-input",
   props: {
@@ -752,14 +719,14 @@ 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 })
+}, it = ["for"], rt = ["id", "value", "inputmode", "placeholder"], nt = { key: 0 };
+function lt(t, a, e, s, r, i) {
+  const n = B("maska");
+  return l(), o("div", {
+    class: b({ error: t.showError != !1 })
   }, [
-    u("label", { for: e.id }, h(e.label), 9, yt),
-    I(u("input", {
+    u("label", { for: e.id }, c(e.label), 9, it),
+    x(u("input", {
       id: e.id,
       type: "text",
       value: t.maskedValue,
@@ -768,13 +735,208 @@ function St(t, a, e, s, r, i) {
       onInput: a[0] || (a[0] = (d) => i.convertToDate(d.target.value)),
       "data-maska": "##/##/####",
       "data-maska-eager": ""
-    }, null, 40, wt), [
+    }, null, 40, rt), [
       [n]
     ]),
-    t.showError && e.required != null ? (o(), l("p", Vt, "Invalid date")) : b("", !0)
+    t.showError && e.required != null ? (l(), o("p", nt, "Invalid date")) : k("", !0)
+  ], 2);
+}
+const ot = /* @__PURE__ */ h(st, [["render", lt], ["__scopeId", "data-v-29411b9a"]]), ut = {
+  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 {};
+  }
+}, dt = ["role"];
+function ct(t, a, e, s, r, i) {
+  return l(), o("hr", {
+    role: e.role,
+    class: b({
+      "wra-divider-large": e.thickness === "large",
+      "wra-divider": e.thickness === "medium",
+      "wra-divider-small": e.thickness === "small"
+    })
+  }, null, 10, dt);
+}
+const ht = /* @__PURE__ */ h(ut, [["render", ct], ["__scopeId", "data-v-5554eece"]]), pt = {
+  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;
+    }
+  }
+}, ft = ["aria-controls", "id"], mt = { class: "icon-wrapper" }, kt = ["aria-hidden", "id"], bt = { class: "inner-panel" };
+function _t(t, a, e, s, r, i) {
+  return l(), o("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: K(i.style)
+    }, [
+      W(c(e.title) + " ", 1),
+      u("span", mt, [
+        u("span", {
+          class: b(["panel-icon", {
+            "show-panel-icon": r.showPanel,
+            "hide-panel-icon": !r.showPanel
+          }])
+        }, null, 2)
+      ])
+    ], 12, ft),
+    se(z, { name: "slide-fade" }, {
+      default: U(() => [
+        r.showPanel ? (l(), o("div", {
+          key: 0,
+          class: "panel-content",
+          "aria-hidden": !r.showPanel,
+          id: "content-" + e.ariaTitle
+        }, [
+          u("div", bt, [
+            m(t.$slots, "default", {}, void 0, !0)
+          ])
+        ], 8, kt)) : k("", !0)
+      ]),
+      _: 3
+    })
+  ]);
+}
+const gt = /* @__PURE__ */ h(pt, [["render", _t], ["__scopeId", "data-v-6993ae29"]]), vt = {
+  name: "wra-footer",
+  props: {
+    /** Display the footer when printed */
+    hiddenPrint: {
+      type: Boolean,
+      default: !1
+    }
+  }
+};
+function yt(t, a, e, s, r, i) {
+  return l(), o("footer", {
+    class: b(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
+  }, [
+    m(t.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const $t = /* @__PURE__ */ c(vt, [["render", St], ["__scopeId", "data-v-29411b9a"]]), It = {
+const wt = /* @__PURE__ */ h(vt, [["render", yt], ["__scopeId", "data-v-182e61db"]]), Vt = {
+  name: "wra-header",
+  props: {
+    size: {
+      type: String,
+      required: !0
+    }
+  }
+}, St = { key: 0 }, $t = { key: 1 }, It = { key: 2 }, xt = { key: 3 }, Mt = { key: 4 }, Tt = { key: 5 };
+function Ot(t, a, e, s, r, i) {
+  return l(), o("div", null, [
+    e.size == "h1" ? (l(), o("h1", St, [
+      m(t.$slots, "default", {}, void 0, !0)
+    ])) : k("", !0),
+    e.size == "h2" ? (l(), o("h2", $t, [
+      m(t.$slots, "default", {}, void 0, !0)
+    ])) : k("", !0),
+    e.size == "h3" ? (l(), o("h3", It, [
+      m(t.$slots, "default", {}, void 0, !0)
+    ])) : k("", !0),
+    e.size == "h4" ? (l(), o("h4", xt, [
+      m(t.$slots, "default", {}, void 0, !0)
+    ])) : k("", !0),
+    e.size == "h5" ? (l(), o("h5", Mt, [
+      m(t.$slots, "default", {}, void 0, !0)
+    ])) : k("", !0),
+    e.size == "h6" ? (l(), o("h6", Tt, [
+      m(t.$slots, "default", {}, void 0, !0)
+    ])) : k("", !0)
+  ]);
+}
+const Wt = /* @__PURE__ */ h(Vt, [["render", Ot], ["__scopeId", "data-v-2f692b7a"]]), Ct = {
+  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
+    }
+  }
+}, Bt = ["width", "height", "viewBox", "stroke", "fill"], Et = ["d"];
+function qt(t, a, e, s, r, i) {
+  return l(), o("svg", {
+    width: e.width + "px",
+    height: e.height + "px",
+    viewBox: e.viewBox,
+    stroke: e.stroke,
+    fill: e.fill
+  }, [
+    u("path", {
+      d: e.icon,
+      width: "100%",
+      height: "100%"
+    }, null, 8, Et)
+  ], 8, Bt);
+}
+const jt = /* @__PURE__ */ h(Ct, [["render", qt]]), At = {
   directives: { maska: E },
   name: "wra-number-input",
   props: {
@@ -849,22 +1011,22 @@ 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 = {
+}, Lt = ["for"], Ft = { class: "input-wrapper" }, Pt = {
   key: 0,
   class: "prefix"
-}, Ot = ["id", "value", "inputmode", "placeholder"], Wt = {
+}, Dt = ["id", "value", "inputmode", "placeholder"], Nt = {
   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 Rt(t, a, e, s, r, i) {
+  const n = B("maska");
+  return l(), o("div", {
+    class: b({ 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", {
+    u("label", { for: e.id }, c(e.label), 9, Lt),
+    u("div", Ft, [
+      e.prefix ? (l(), o("span", Pt, c(e.prefix), 1)) : k("", !0),
+      x(u("input", {
         id: e.id,
         type: "text",
         value: t.maskedValue,
@@ -873,16 +1035,16 @@ 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), [
+        class: b(i.prefixPadding)
+      }, null, 10, Dt), [
         [n, t.returnValue]
       ]),
-      e.suffix ? (o(), l("span", Wt, h(e.suffix), 1)) : b("", !0)
+      e.suffix ? (l(), o("span", Nt, c(e.suffix), 1)) : k("", !0)
     ]),
-    u("p", null, h(t.errorMessage), 1)
+    u("p", null, c(t.errorMessage), 1)
   ], 2);
 }
-const Et = /* @__PURE__ */ c(It, [["render", Ct], ["__scopeId", "data-v-a4427f3c"]]), qt = {
+const Ht = /* @__PURE__ */ h(At, [["render", Rt], ["__scopeId", "data-v-a4427f3c"]]), Kt = {
   directives: { maska: E },
   name: "wra-price-input",
   props: {
@@ -933,732 +1095,432 @@ const Et = /* @__PURE__ */ c(It, [["render", Ct], ["__scopeId", "data-v-a4427f3c
     returnValue: {
       masked: "",
       unmasked: "",
-      completed: !1
-    },
-    firstValidation: !0
-  }),
-  watch: {
-    modelValue(t) {
-      this.maskedValue = t.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-    },
-    "returnValue.masked"() {
-      this.$emit("update:modelValue", this.returnValue.masked), this.validate(this.returnValue.masked);
-    }
-  },
-  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);
-  }
-}, jt = ["for"], Bt = { class: "input-wrapper" }, Lt = {
-  key: 0,
-  class: "prefix"
-}, Ft = ["id", "value", "inputmode", "placeholder"], At = {
-  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 })
-  }, [
-    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", {
-        id: e.id,
-        type: "text",
-        value: t.maskedValue,
-        inputmode: e.inputmode || "decimal",
-        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]
-      ]),
-      e.suffix ? (o(), l("span", At, h(e.suffix), 1)) : b("", !0)
-    ]),
-    u("p", null, h(t.errorMessage), 1)
-  ], 2);
-}
-const Dt = /* @__PURE__ */ c(qt, [["render", Pt], ["__scopeId", "data-v-710257d0"]]), Nt = {
-  directives: { maska: E },
-  name: "wra-text-input",
-  props: {
-    modelValue: {
-      type: String,
-      required: !0
-    },
-    label: {
-      type: String
-    },
-    id: {
-      type: String,
-      required: !0,
-      default: "textInput"
-    },
-    inputmode: {
-      type: String,
-      default: "text"
-    },
-    rules: {},
-    dataMaska: {},
-    dataMaskaTokens: {},
-    placeholder: {
-      type: String
-    }
-  },
-  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);
-  },
-  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);
-}
-const zt = /* @__PURE__ */ c(Nt, [["render", Ht], ["__scopeId", "data-v-de5da846"]]), Ut = {
-  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
-    }
-  }
-}, 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
-  }, [
-    u("path", {
-      d: e.icon,
-      width: "100%",
-      height: "100%"
-    }, null, 8, Yt)
-  ], 8, Gt);
-}
-const Zt = /* @__PURE__ */ c(Ut, [["render", Jt]]), Qt = {
-  name: "wra-snackbar",
-  emits: ["update:visible"],
-  props: {
-    /** If snackbar is visible */
-    visible: {
-      type: Boolean,
-      default: !1
-    },
-    /** Snackbar text content */
-    label: {
-      type: String
-    },
-    /** Time in ms for the snackbar to disappear after appearing */
-    timeout: {
-      type: Number,
-      validator(t) {
-        return t >= 0;
-      }
-    },
-    /** Theme of snackbar */
-    type: {
-      type: String,
-      default: "wra-info"
-    },
-    /** Show the close dialogue */
-    showClose: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data: () => ({
-    showSnackbar: !1
-  }),
-  methods: {
-    snackbarTimer(t) {
-      setTimeout(() => {
-        this.showSnackbar = !1;
-      }, t);
-    },
-    closeSnackbar() {
-      this.showSnackbar = !1, this.$emit("update:visible", this.showSnackbar);
-    }
-  },
-  watch: {
-    visible(t) {
-      this.showSnackbar = t, t === !0 && this.timeout && this.snackbarTimer(this.timeout);
-    }
-  },
-  created() {
-    this.visible === !0 && (this.showSnackbar = !0, this.timeout && this.snackbarTimer(this.timeout));
-  },
-  computed: {
-    class() {
-      return {
-        "wra-error": this.type === "wra-error",
-        "wra-success": this.type === "wra-success",
-        "wra-info": this.type === "wra-info",
-        "wra-warning": this.type === "wra-warning"
-      };
-    }
-  }
-}, 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
-];
-function sa(t, a, e, s, r, i) {
-  return o(), F(U, { name: "snackbar" }, {
-    default: G(() => [
-      t.showSnackbar ? (o(), l("div", {
-        key: 0,
-        role: "alert",
-        "aria-live": "polite",
-        class: _(["snackbar snackbar-flex", e.type])
-      }, [
-        u("div", Xt, [
-          k(t.$slots, "default", {}, () => [
-            D(h(e.label), 1)
-          ], !0)
-        ]),
-        e.showClose ? (o(), 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)
-    ]),
-    _: 3
-  });
-}
-const ia = /* @__PURE__ */ c(Qt, [["render", sa], ["__scopeId", "data-v-d365ea40"]]), ra = {
-  name: "wra-expansion-panel",
-  props: {
-    title: {
-      type: String,
-      required: !0
-    },
-    ariaTitle: {
-      type: String,
-      required: !0
+      completed: !1
     },
-    color: {
-      type: String
+    firstValidation: !0
+  }),
+  watch: {
+    modelValue(t) {
+      this.maskedValue = t.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    },
+    "returnValue.masked"() {
+      this.$emit("update:modelValue", this.returnValue.masked), this.validate(this.returnValue.masked);
     }
   },
-  data() {
-    return {
-      showPanel: !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: {
-    style() {
-      return {
-        color: this.color
-      };
+    prefixPadding() {
+      return this.prefix != null ? "padding-for-prefix" : "padding-for-no-prefix";
     }
   },
-  methods: {
-    togglePanel() {
-      this.showPanel = !this.showPanel;
-    }
+  mounted() {
+    this.maskedValue = this.modelValue, this.validate(this.modelValue);
   }
-}, 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)
-    }, [
-      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)
+}, zt = ["for"], Ut = { class: "input-wrapper" }, Gt = {
+  key: 0,
+  class: "prefix"
+}, Yt = ["id", "value", "inputmode", "placeholder"], Jt = {
+  key: 1,
+  class: "suffix"
+};
+function Zt(t, a, e, s, r, i) {
+  const n = B("maska");
+  return l(), o("div", {
+    class: b({ error: t.errorMessage != !1 })
+  }, [
+    u("label", { for: e.id }, c(e.label), 9, zt),
+    u("div", Ut, [
+      e.prefix ? (l(), o("span", Gt, c(e.prefix), 1)) : k("", !0),
+      x(u("input", {
+        id: e.id,
+        type: "text",
+        value: t.maskedValue,
+        inputmode: e.inputmode || "decimal",
+        placeholder: e.placeholder,
+        "data-maska": "0.99",
+        "data-maska-tokens": "0:\\d:multiple|9:\\d:optional",
+        class: b(i.prefixPadding)
+      }, null, 10, Yt), [
+        [n, t.returnValue, t.mask]
       ]),
-      _: 3
-    })
-  ]);
+      e.suffix ? (l(), o("span", Jt, c(e.suffix), 1)) : k("", !0)
+    ]),
+    u("p", null, c(t.errorMessage), 1)
+  ], 2);
 }
-const ca = /* @__PURE__ */ c(ra, [["render", da], ["__scopeId", "data-v-6993ae29"]]), ha = {
-  name: "wra-tab",
+const Qt = /* @__PURE__ */ h(Kt, [["render", Zt], ["__scopeId", "data-v-710257d0"]]), Xt = {
+  name: "wra-radio",
   props: {
-    label: {
+    groupName: {
       type: String,
       required: !0
     },
-    /** Whether on active tab or not */
-    active: {
-      type: Boolean,
-      default: !1
+    option: {
+      type: Array,
+      required: !0
     },
-    focus: {
+    isChecked: {
       type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    return {
-      activeTab: 0
-    };
-  },
-  watch: {
-    focus(t) {
-      t === !0 && this.$refs.tabButton.focus();
+      required: !0
     }
   }
-};
-function pa(t, a, e, s, r, i) {
-  return o(), l("button", {
-    ref: "tabButton",
-    class: _(["tab-button", e.active === !0 && "tab-button--active"])
-  }, h(e.label), 3);
+}, ea = ["for"], ta = ["name", "value", "id", "checked", "aria-checked"], aa = { class: "radio-text" }, sa = ["innerHTML"];
+function ia(t, a, e, s, r, i) {
+  return l(), o("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, ta),
+      u("span", aa, [
+        u("p", null, c(e.option.label), 1),
+        e.option.info ? (l(), o("p", {
+          key: 0,
+          class: "further-information-text",
+          innerHTML: e.option.info
+        }, null, 8, sa)) : k("", !0)
+      ])
+    ], 8, ea)
+  ]);
 }
-const fa = /* @__PURE__ */ c(ha, [["render", pa], ["__scopeId", "data-v-19bb5a16"]]), ma = {
-  name: "wra-tabs",
-  emits: "update:modelValue",
+const ra = /* @__PURE__ */ h(Xt, [["render", ia], ["__scopeId", "data-v-20fce2e7"]]), na = {
+  name: "wra-radio-group",
   props: {
-    /** The currently selected tab, starts from 0 */
+    groupName: {
+      type: String,
+      required: !0
+    },
     modelValue: {
-      type: Number,
-      default: 0
+      type: String
     },
-    /** Tabs to display */
     options: {
       type: Array,
       required: !0
+    },
+    label: {
+      type: String
+    },
+    hint: {
+      type: String
     }
   },
-  components: {
-    Tab: fa
-  },
-  data() {
-    return {
-      activeTab: 0,
-      focusTab: 0
-    };
-  },
   methods: {
-    onTabClick(t) {
-      this.activeTab = t, this.focusTab = t, this.$emit("update:modelValue", this.activeTab);
-    },
-    onKeyLeft() {
-      this.focusTab > 0 && this.focusTab--;
-    },
-    onKeyRight() {
-      this.focusTab < this.options.length - 1 && this.focusTab++;
+    checkInput: function(t) {
+      return t == this.modelValue ? "true" : "false";
     }
   },
-  created() {
-    this.activeTab = this.modelValue;
+  components: {
+    WraRadio: ra
   }
-}, 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, {
-      tabindex: p === 0 ? 0 : -1,
-      label: d,
-      active: p === r.activeTab,
-      focus: p === r.focusTab,
-      onClick: (f) => i.onTabClick(p),
-      onFocus: (f) => 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"])
-      ]
-    }, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
-  ]);
+}, la = ["aria-label", "aria-describedby"];
+function oa(t, a, e, s, r, i) {
+  const n = G("wra-radio");
+  return l(), o("div", {
+    role: "radiogroup",
+    "aria-label": e.label,
+    "aria-describedby": e.hint
+  }, [
+    (l(!0), o(g, null, y(e.options, (d) => (l(), D(n, {
+      groupName: e.groupName,
+      option: d,
+      key: d.value,
+      class: "radio",
+      isChecked: i.checkInput(d.value)
+    }, null, 8, ["groupName", "option", "isChecked"]))), 128))
+  ], 8, la);
 }
-const _a = /* @__PURE__ */ c(ma, [["render", ba], ["__scopeId", "data-v-bbf8594b"]]), ga = {
-  name: "wra-banner",
+const ua = /* @__PURE__ */ h(na, [["render", oa], ["__scopeId", "data-v-5568c917"]]), da = {
+  name: "wra-select",
   props: {
-    hiddenPrint: {
-      type: Boolean,
-      default: !1
+    modelValue: {
+      required: !0
     },
-    newService: {
-      type: Boolean,
-      default: !1
+    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;
     }
-  }
-}, 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);
+  },
+  mounted() {
+    this.validate(this.modelValue);
+  },
+  emits: ["update:modelValue", "valid"]
+}, Z = (t) => (F("data-v-b3b8a61e"), t = t(), P(), t), ca = ["for"], ha = { class: "select" }, pa = ["id", "value"], fa = /* @__PURE__ */ Z(() => /* @__PURE__ */ u("option", {
+  value: "",
+  selected: "",
+  disabled: "",
+  hidden: ""
+}, "-", -1)), ma = ["value", "selected"], ka = { key: 0 }, ba = { key: 1 }, _a = /* @__PURE__ */ Z(() => /* @__PURE__ */ u("span", { class: "focus" }, null, -1));
+function ga(t, a, e, s, r, i) {
+  return l(), o(g, null, [
+    u("label", {
+      for: e.id || e.name
+    }, c(e.label), 9, ca),
+    u("div", ha, [
+      u("select", {
+        id: e.id || e.name,
+        value: e.modelValue,
+        onChange: a[0] || (a[0] = (n) => i.validate(n.target.value))
+      }, [
+        fa,
+        (l(!0), o(g, null, y(e.items, (n) => (l(), o("option", {
+          value: i.checkForObjectValue(n),
+          selected: e.modelValue == i.checkForObjectValue(n)
+        }, [
+          t.$slots.label ? (l(), o("span", ka, [
+            m(t.$slots, "label", { item: n }, void 0, !0)
+          ])) : (l(), o("span", ba, c(i.checkForObjectLabel(n)), 1))
+        ], 8, ma))), 256))
+      ], 40, pa),
+      _a
+    ])
+  ], 64);
 }
-const wa = /* @__PURE__ */ c(ga, [["render", ya], ["__scopeId", "data-v-09473a78"]]), Va = {
-  name: "wra-divider",
+const va = /* @__PURE__ */ h(da, [["render", ga], ["__scopeId", "data-v-b3b8a61e"]]), ya = {
+  name: "wra-service-logo",
   props: {
-    /** Thickness of the divider */
-    thickness: {
+    serviceLogo: {
       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: !0
+    },
+    alt: {
+      type: String,
+      required: !0
+    },
+    href: {
+      type: String
+    },
+    height: {
+      type: [String, Number]
     }
-  },
-  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);
+}, wa = ["href", "aria-label"], Va = ["src", "height", "alt"];
+function Sa(t, a, e, s, r, i) {
+  return l(), o("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, Va)
+  ], 8, wa);
 }
-const Ia = /* @__PURE__ */ c(Va, [["render", $a], ["__scopeId", "data-v-5554eece"]]), xa = {
-  name: "wra-breadcrumbs",
+const $a = /* @__PURE__ */ h(ya, [["render", Sa], ["__scopeId", "data-v-0ba072f4"]]), Ia = {
+  name: "wra-simple-table",
   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"
+    inheritBackground: {
+      type: Boolean,
+      default: !1
     },
-    /** Change the default object name in items for disabling the breadcrumb */
-    itemDisabled: {
-      type: String,
-      default: "disabled"
+    caption: {
+      type: String
     },
-    /** Change the default object name in items for the breadcrumb link */
-    itemHref: {
-      type: String,
-      default: "href"
+    leftAlignHeaders: {
+      type: Boolean,
+      default: !0
     }
   }
-}, 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 = {
+}, xa = {
   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))
-  ]);
+  class: "wra-table-caption"
+};
+function Ma(t, a, e, s, r, i) {
+  return l(), o("table", {
+    class: b(["wra-table", {
+      "wra-table-inherit": e.inheritBackground,
+      "left-align-headers": e.leftAlignHeaders
+    }])
+  }, [
+    e.caption ? (l(), o("caption", xa, [
+      m(t.$slots, "caption", {}, () => [
+        W(c(e.caption), 1)
+      ])
+    ])) : k("", !0),
+    m(t.$slots, "default")
+  ], 2);
 }
-const Ba = /* @__PURE__ */ c(xa, [["render", ja], ["__scopeId", "data-v-99803a33"]]), La = {
-  name: "wra-autocomplete",
-  emits: ["update:modelValue"],
+const Ta = /* @__PURE__ */ h(Ia, [["render", Ma]]), Oa = {
+  name: "wra-snackbar",
+  emits: ["update:visible"],
   props: {
-    modelValue: {
-      type: Object
+    /** If snackbar is visible */
+    visible: {
+      type: Boolean,
+      default: !1
     },
-    /** Label for autocomplete */
+    /** Snackbar text content */
     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"
+    /** Time in ms for the snackbar to disappear after appearing */
+    timeout: {
+      type: Number,
+      validator(t) {
+        return t >= 0;
+      }
     },
-    /** Change the default object name in options for the displayed value */
-    optionLabel: {
+    /** Theme of snackbar */
+    type: {
       type: String,
-      default: "label"
-    },
-    /** Mininum number of characters before the list appears */
-    minLength: {
-      type: Number,
-      default: 1
+      default: "wra-info"
     },
-    /** If list should automatically expand when input is focused */
-    autoExpand: {
+    /** Show the close dialogue */
+    showClose: {
       type: Boolean,
-      default: !1
+      default: !0
     }
   },
   data: () => ({
-    userInput: {},
-    hasFocus: !1,
-    listHasFocus: !1,
-    optionIndex: null
+    showSnackbar: !1
   }),
   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();
-        }
-      }
+    snackbarTimer(t) {
+      setTimeout(() => {
+        this.showSnackbar = !1;
+      }, t);
     },
-    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();
+    closeSnackbar() {
+      this.showSnackbar = !1, this.$emit("update:visible", this.showSnackbar);
     }
   },
-  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();
+  watch: {
+    visible(t) {
+      this.showSnackbar = t, t === !0 && this.timeout && this.snackbarTimer(this.timeout);
     }
   },
   created() {
-    if (this.modelValue && Object.keys(this.modelValue).length >= 2) {
-      this.userInput = this.modelValue;
-      return;
+    this.visible === !0 && (this.showSnackbar = !0, this.timeout && this.snackbarTimer(this.timeout));
+  },
+  computed: {
+    class() {
+      return {
+        "wra-error": this.type === "wra-error",
+        "wra-success": this.type === "wra-success",
+        "wra-info": this.type === "wra-info",
+        "wra-warning": this.type === "wra-warning"
+      };
     }
-    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",
-      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]]
-    ]),
-    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]
-    ])
-  ]);
+}, Q = (t) => (F("data-v-d365ea40"), t = t(), P(), t), Wa = { class: "snackbar-content" }, Ca = /* @__PURE__ */ Q(() => /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1)), Ba = /* @__PURE__ */ Q(() => /* @__PURE__ */ u("div", { class: "close-icon-line-one" }, [
+  /* @__PURE__ */ u("div", { class: "close-icon-line-two" })
+], -1)), Ea = [
+  Ca,
+  Ba
+];
+function qa(t, a, e, s, r, i) {
+  return l(), D(z, { name: "snackbar" }, {
+    default: U(() => [
+      t.showSnackbar ? (l(), o("div", {
+        key: 0,
+        role: "alert",
+        "aria-live": "polite",
+        class: b(["snackbar snackbar-flex", e.type])
+      }, [
+        u("div", Wa, [
+          m(t.$slots, "default", {}, () => [
+            W(c(e.label), 1)
+          ], !0)
+        ]),
+        e.showClose ? (l(), o("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] = v((...n) => i.closeSnackbar && i.closeSnackbar(...n), ["enter"]))
+        }, Ea, 32)) : k("", !0)
+      ], 2)) : k("", !0)
+    ]),
+    _: 3
+  });
 }
-const Ka = /* @__PURE__ */ c(La, [["render", Ra], ["__scopeId", "data-v-7085f41c"]]), Ha = {
-  name: "wra-simple-table",
+const ja = /* @__PURE__ */ h(Oa, [["render", qa], ["__scopeId", "data-v-d365ea40"]]), Aa = {
+  name: "wra-subheader",
+  props: {
+    color: {
+      type: String
+    }
+  },
+  computed: {
+    style() {
+      return {
+        color: this.color
+      };
+    }
+  }
+};
+function La(t, a, e, s, r, i) {
+  return l(), o("div", {
+    class: "subheader",
+    style: K(i.style)
+  }, [
+    m(t.$slots, "default", {}, void 0, !0)
+  ], 4);
+}
+const Fa = /* @__PURE__ */ h(Aa, [["render", La], ["__scopeId", "data-v-c5d10b79"]]), Pa = {
+  name: "wra-table",
   props: {
     inheritBackground: {
       type: Boolean,
@@ -1667,145 +1529,376 @@ const Ka = /* @__PURE__ */ c(La, [["render", Ra], ["__scopeId", "data-v-7085f41c
     caption: {
       type: String
     },
+    headers: {
+      type: Array
+    },
+    items: {
+      type: Array
+    },
     leftAlignHeaders: {
       type: Boolean,
       default: !0
     }
   }
-}, za = {
+}, Da = {
+  key: 0,
+  class: "wra-table-caption"
+}, Na = {
+  id: "pivoted",
+  class: "wra-table"
+}, Ra = {
   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)
+function Ha(t, a, e, s, r, i) {
+  return l(), o(g, null, [
+    u("table", {
+      id: "regular",
+      class: b(["wra-table", {
+        "wra-table-inherit": e.inheritBackground,
+        "left-align-headers": e.leftAlignHeaders
+      }])
+    }, [
+      e.caption ? (l(), o("caption", Da, [
+        m(t.$slots, "caption", {}, () => [
+          W(c(e.caption), 1)
+        ])
+      ])) : k("", !0),
+      u("thead", null, [
+        u("tr", null, [
+          (l(!0), o(g, null, y(e.headers, (n) => (l(), o("th", null, c(n.title), 1))), 256))
+        ])
+      ]),
+      u("tbody", null, [
+        (l(!0), o(g, null, y(e.items, (n) => (l(), o("tr", null, [
+          (l(!0), o(g, null, y(n, (d, p) => (l(), o("td", { key: p }, c(d), 1))), 128))
+        ]))), 256))
       ])
-    ])) : b("", !0),
-    k(t.$slots, "default")
-  ], 2);
+    ], 2),
+    u("table", Na, [
+      e.caption ? (l(), o("caption", Ra, [
+        m(t.$slots, "caption", {}, () => [
+          W(c(e.caption), 1)
+        ])
+      ])) : k("", !0),
+      (l(!0), o(g, null, y(e.items, (n) => (l(), o("tbody", {
+        key: n.id
+      }, [
+        (l(!0), o(g, null, y(e.headers, (d, p) => (l(), o("tr", { key: p }, [
+          u("th", null, c(d.title), 1),
+          u("td", null, c(n[d.key]), 1)
+        ]))), 128))
+      ]))), 128))
+    ])
+  ], 64);
 }
-const Ga = /* @__PURE__ */ c(Ha, [["render", Ua]]), Ya = {
-  name: "wra-service-logo",
+const Ka = /* @__PURE__ */ h(Pa, [["render", Ha]]), za = {
+  name: "wra-tab",
   props: {
-    serviceLogo: {
+    label: {
       type: String,
       required: !0
     },
-    label: {
+    /** Whether on active tab or not */
+    active: {
+      type: Boolean,
+      default: !1
+    },
+    focus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      activeTab: 0
+    };
+  },
+  watch: {
+    focus(t) {
+      t === !0 && this.$refs.tabButton.focus();
+    }
+  }
+};
+function Ua(t, a, e, s, r, i) {
+  return l(), o("button", {
+    ref: "tabButton",
+    class: b(["tab-button", e.active === !0 && "tab-button--active"])
+  }, c(e.label), 3);
+}
+const Ga = /* @__PURE__ */ h(za, [["render", Ua], ["__scopeId", "data-v-19bb5a16"]]), Ya = {
+  name: "wra-tabs",
+  emits: "update:modelValue",
+  props: {
+    /** The currently selected tab, starts from 0 */
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    /** Tabs to display */
+    options: {
+      type: Array,
+      required: !0
+    }
+  },
+  components: {
+    Tab: Ga
+  },
+  data() {
+    return {
+      activeTab: 0,
+      focusTab: 0
+    };
+  },
+  methods: {
+    onTabClick(t) {
+      this.activeTab = t, this.focusTab = t, this.$emit("update:modelValue", this.activeTab);
+    },
+    onKeyLeft() {
+      this.focusTab > 0 && this.focusTab--;
+    },
+    onKeyRight() {
+      this.focusTab < this.options.length - 1 && this.focusTab++;
+    }
+  },
+  created() {
+    this.activeTab = this.modelValue;
+  }
+}, Ja = { class: "tabs" };
+function Za(t, a, e, s, r, i) {
+  const n = G("tab");
+  return l(), o("div", Ja, [
+    (l(!0), o(g, null, y(e.options, (d, p) => (l(), D(n, {
+      tabindex: p === 0 ? 0 : -1,
+      label: d,
+      active: p === r.activeTab,
+      focus: p === r.focusTab,
+      onClick: (f) => i.onTabClick(p),
+      onFocus: (f) => r.focusTab = p,
+      onKeydown: [
+        v((f) => i.onTabClick(p), ["enter"]),
+        v((f) => i.onTabClick(p), ["space"]),
+        v((f) => i.onKeyLeft(p), ["left"]),
+        v((f) => i.onKeyRight(p), ["right"])
+      ]
+    }, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
+  ]);
+}
+const Qa = /* @__PURE__ */ h(Ya, [["render", Za], ["__scopeId", "data-v-bbf8594b"]]), Xa = {
+  name: "wra-text-area",
+  props: {
+    id: {
+      type: Number,
+      required: !0
+    },
+    modelValue: {
       type: String,
       required: !0
     },
-    alt: {
+    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);
+  }
+}, es = ["for"], ts = ["id", "value"];
+function as(t, a, e, s, r, i) {
+  return l(), o("div", {
+    class: b({ error: r.errorMessage != !1 })
+  }, [
+    u("label", { for: e.id }, c(e.label), 9, es),
+    u("textarea", {
+      rows: "5",
+      id: e.id,
+      value: e.modelValue,
+      onInput: a[0] || (a[0] = (n) => i.validate(n.target.value))
+    }, null, 40, ts),
+    u("p", null, c(r.errorMessage), 1)
+  ], 2);
+}
+const ss = /* @__PURE__ */ h(Xa, [["render", as], ["__scopeId", "data-v-0f552efc"]]), is = {
+  directives: { maska: E },
+  name: "wra-text-input",
+  props: {
+    modelValue: {
       type: String,
       required: !0
     },
-    href: {
+    label: {
       type: String
     },
-    height: {
-      type: [String, Number]
+    id: {
+      type: String,
+      required: !0,
+      default: "textInput"
+    },
+    inputmode: {
+      type: String,
+      default: "text"
+    },
+    rules: {},
+    dataMaska: {},
+    dataMaskaTokens: {},
+    placeholder: {
+      type: String
     }
-  }
-}, 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"
+  },
+  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);
+  },
+  emits: ["update:modelValue", "valid"]
+}, rs = ["for"], ns = ["id", "data-maska", "dataMaskaTokens", "value", "inputmode", "placeholder"];
+function ls(t, a, e, s, r, i) {
+  const n = B("maska");
+  return l(), o("div", {
+    class: b({ error: r.errorMessage != !1 })
   }, [
-    u("img", {
-      src: e.serviceLogo,
-      height: e.height,
-      class: "service-logo",
-      alt: e.alt
-    }, null, 8, Za)
-  ], 8, Ja);
+    u("label", { for: e.id }, c(e.label), 9, rs),
+    x(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, ns), [
+      [n]
+    ]),
+    u("p", null, c(r.errorMessage), 1)
+  ], 2);
 }
-const Xa = /* @__PURE__ */ c(Ya, [["render", Qa], ["__scopeId", "data-v-0ba072f4"]]), es = {
-  name: "wra-footer",
+const os = /* @__PURE__ */ h(is, [["render", ls], ["__scopeId", "data-v-de5da846"]]), us = {
+  name: "wra-validation-tooltip",
   props: {
-    /** Display the footer when printed */
-    hiddenPrint: {
-      type: Boolean,
-      default: !1
+    type: {
+      type: String,
+      required: !0
     }
   }
 };
-function ts(t, a, e, s, r, i) {
-  return o(), l("footer", {
-    class: _(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
+function ds(t, a, e, s, r, i) {
+  return l(), o("div", {
+    class: b(["validation-tooltip", e.type])
   }, [
-    k(t.$slots, "default", {}, void 0, !0)
+    m(t.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const as = /* @__PURE__ */ c(es, [["render", ts], ["__scopeId", "data-v-182e61db"]]), ss = {
-  WraValidationTooltip: oe,
+const cs = /* @__PURE__ */ h(us, [["render", ds], ["__scopeId", "data-v-386ad06a"]]), hs = {
+  WraAppBar: ne,
+  WraAutocomplete: fe,
+  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,
+  WraDateInput: ot,
+  WraDivider: ht,
+  WraExpansionPanel: gt,
+  WraFooter: wt,
+  WraHeader: Wt,
+  WraIcon: jt,
+  WraNumberInput: Ht,
+  WraPriceInput: Qt,
+  WraRadioGroup: ua,
+  WraSelect: va,
+  WraServiceLogo: $a,
+  WraSimpleTable: Ta,
+  WraSnackbar: ja,
+  WraSubheader: Fa,
+  WraTable: Ka,
+  WraTabs: Qa,
+  WraTextArea: ss,
+  WraTextInput: os,
+  WraValidationTooltip: cs
+}, fs = {
   install(t) {
-    for (const [a, e] of Object.entries(ss))
+    for (const [a, e] of Object.entries(hs))
       t.component(a, e);
   }
 };
 export {
-  Ka as WraAutocomplete,
-  wa as WraBanner,
-  Ba as WraBreadcrumbs,
-  pt as WraButton,
+  ne as WraAppBar,
+  fe 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,
+  ot as WraDateInput,
+  ht as WraDivider,
+  gt as WraExpansionPanel,
+  wt as WraFooter,
+  Wt as WraHeader,
+  jt as WraIcon,
+  Ht as WraNumberInput,
+  Qt as WraPriceInput,
+  ua as WraRadioGroup,
+  va as WraSelect,
+  $a as WraServiceLogo,
+  Ta as WraSimpleTable,
+  ja as WraSnackbar,
+  Fa as WraSubheader,
+  Ka as WraTable,
+  Qa as WraTabs,
+  ss as WraTextArea,
+  os as WraTextInput,
+  cs as WraValidationTooltip,
+  fs as default
 };