@wra-gov/vue-components 0.1.1 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +73 -0
  2. package/dist/vue-components.js +1097 -380
  3. package/dist/vue-components.umd.cjs +2 -2
  4. package/package.json +4 -3
package/dist/vue-components.js CHANGED
@@ -1,11 +1,11 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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-a2c5f039]{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-0bb5ffcd]{background-color:#1f1f1f;color:#fff;font-weight:700;border:none}button[data-v-0bb5ffcd]:hover{opacity:.8;transition:all .3s ease}button[data-v-0bb5ffcd]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}button[data-v-0bb5ffcd]:focus:hover{opacity:1}.default-button[data-v-0bb5ffcd]{font-size:20px;padding:15px 20px}.small-button[data-v-0bb5ffcd]{font-size:14px;padding:5px 10px}.outlined-button[data-v-0bb5ffcd]{background-color:transparent;outline:2px solid #1f1f1f;color:#1f1f1f}.outlined-button[data-v-0bb5ffcd]:hover{opacity:1;background-color:#1f1f1f;color:#fff;transition:all .3s ease}*[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-c42ce741],*[data-v-c42ce741]:before,*[data-v-c42ce741]:after{box-sizing:border-box}.input-wrapper[data-v-c42ce741]{display:flex;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-c42ce741]{padding:19px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-c42ce741]{padding:19px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-c42ce741]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-c42ce741]{padding:16px 6px}.padding-for-no-prefix[data-v-c42ce741]{padding:16px}.input-wrapper[data-v-c42ce741]: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-c42ce741]{border:none}label[data-v-c42ce741]{color:#1f1f1f;font-size:16px;display:block;width:190px;margin-bottom:4px}div.error>p[data-v-c42ce741]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[data-v-fbe2bf7e],*[data-v-fbe2bf7e]:before,*[data-v-fbe2bf7e]:after{box-sizing:border-box}.input-wrapper[data-v-fbe2bf7e]{display:flex;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-fbe2bf7e]{padding:19px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-fbe2bf7e]{padding:19px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-fbe2bf7e]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-fbe2bf7e]{padding:16px 6px}.padding-for-no-prefix[data-v-fbe2bf7e]{padding:16px}.input-wrapper[data-v-fbe2bf7e]: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-fbe2bf7e]{border:none}label[data-v-fbe2bf7e]{color:#1f1f1f;font-size:16px;display:block;width:190px;margin-bottom:4px}div.error>p[data-v-fbe2bf7e]{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}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
2
- import { openBlock as l, createElementBlock as d, normalizeClass as v, renderSlot as g, createElementVNode as o, toDisplayString as h, Fragment as w, renderList as D, createCommentVNode as p, resolveComponent as J, createBlock as G, pushScopeId as H, popScopeId as U, reactive as L, computed as T, normalizeStyle as P, resolveDirective as E, withDirectives as I } from "vue";
3
- const f = (t, s) => {
1
+ (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('body{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif}p{font-size:18px;line-height:24px;margin-bottom:0}body p{margin-bottom:0}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid #e5e5e5;font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:#2a225b;font-weight:700}a:hover{color:#2a225b;text-decoration:none}a:focus-visible{color:#1f1f1f;background-color:#ffd530;box-shadow:0 -4px #ffd530,0 2px #1f1f1f;outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px #ffd530,0 2px #1f1f1f}.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-c54c1c64]{background-color:#1f1f1f;color:#fff;font-weight:700;border:none;cursor:pointer}button[data-v-c54c1c64]:hover{opacity:.8;transition:all .3s ease}button[data-v-c54c1c64]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}button[data-v-c54c1c64]:focus:hover{opacity:1}.wra-blue[data-v-c54c1c64]{background-color:#0360a6}.wra-red[data-v-c54c1c64]{background-color:#a11}.wra-green[data-v-c54c1c64]{background-color:#019e1e}.wra-revenue[data-v-c54c1c64]{background-color:#2a225b}.wra-plum[data-v-c54c1c64]{background-color:#632a5d}.default-button[data-v-c54c1c64]{font-size:20px;padding:15px 20px}.small-button[data-v-c54c1c64]{font-size:14px;padding:5px 10px}.outlined-button[data-v-c54c1c64]{background-color:transparent;outline:2px solid var(--color-prop, #1f1f1f);color:var(--color-prop, #1f1f1f)}.outlined-button[data-v-c54c1c64]:hover{opacity:1;background-color:var(--color-prop, #1f1f1f);color:#fff;transition:all .3s ease}.icon[data-v-c54c1c64]{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-c54c1c64]{border-width:3px 3px 0px 0px}.next-icon[data-v-c54c1c64]{border-width:0px 0px 3px 3px}.prepend-icon-wrapper[data-v-c54c1c64]{margin-right:15px}.append-icon-wrapper[data-v-c54c1c64]{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-941b03d0],*[data-v-941b03d0]:before,*[data-v-941b03d0]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-941b03d0]{background:#e5e5e5;font-size:20px;padding:20px;border-left:8px solid #a5a5a5;position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-941b03d0]{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-941b03d0]{width:80%}}.snackbar-content[data-v-941b03d0]{text-wrap:wrap}.snackbar-close[data-v-941b03d0]{font-size:20px;background-color:transparent;border:none;font-weight:700;color:#2a225b;cursor:pointer}.snackbar-close[data-v-941b03d0]:hover{opacity:.8;transition:opacity .3s ease}.snackbar-close[data-v-941b03d0]:focus{-webkit-box-shadow:0 -4px #ffd530,0 2px #1f1f1f;color:#1f1f1f;background-color:#ffd530;box-shadow:0 -4px #ffd530,0 2px #1f1f1f;outline:2px solid transparent}.border-blue[data-v-941b03d0]{border-color:#0360a6}.border-yellow[data-v-941b03d0]{border-color:#ffd530}.border-red[data-v-941b03d0]{border-color:#a11}.border-green[data-v-941b03d0]{border-color:#019e1e}.sr-only[data-v-941b03d0]{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-941b03d0],.snackbar-leave-active[data-v-941b03d0]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-941b03d0],.snackbar-leave-to[data-v-941b03d0]{opacity:0}.panel-icon[data-v-bff9aed8]{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-bff9aed8]{margin-left:8px}.show-panel-icon[data-v-bff9aed8]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-bff9aed8]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}button[data-v-bff9aed8]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:#2a225b;border:none;border-left:2px solid #b9b9b9;cursor:pointer;width:100%;text-align:left}button[data-v-bff9aed8]:hover{opacity:.8}button[data-v-bff9aed8]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:-2px;border-color:#ffd530}button[data-v-bff9aed8]:focus:hover{opacity:1}.panel-content[data-v-bff9aed8]{display:grid;border-left:2px solid #b9b9b9;background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-bff9aed8]{overflow:hidden}.slide-fade-enter-active[data-v-bff9aed8],.slide-fade-leave-active[data-v-bff9aed8]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-bff9aed8],.slide-fade-leave-to[data-v-bff9aed8]{grid-template-rows:0fr}*[data-v-3ea7f91c]{box-sizing:border-box;border:none}.tab-button[data-v-3ea7f91c]{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-3ea7f91c]:hover:not(.tab-button--active){background:#3b7dc5;color:#fff}.tab-button.tab-button--active[data-v-3ea7f91c]:focus{border-color:#1f1f1f;box-shadow:2px 0 #1f1f1f inset,-2px -2px #1f1f1f inset}.tab-button--active[data-v-3ea7f91c]{background:#fff;color:#1f1f1f;border-top:6px #cccccc solid}.tab-button[data-v-3ea7f91c]: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-3ea7f91c]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-bbf8594b]{background-color:#0360a6;width:100%}*[data-v-b2c28160],*[data-v-b2c28160]:before,*[data-v-b2c28160]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-b2c28160]{background-color:#f1f1f1;font-size:18px;color:#1f1f1f;padding:20px;border:none}.wra-banner-actions[data-v-b2c28160]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}@media print{.hidden-print[data-v-b2c28160]{display:none}}.wra-divider[data-v-8a258fe5]{border-top-width:4px}.wra-divider-large[data-v-8a258fe5]{border-top-width:8px}.wra-divider-small[data-v-8a258fe5]{border-top-width:2px}*[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 0}.service-logo[data-v-61cd7edd]{width:100%}.service-link[data-v-61cd7edd]{border:#fff solid 2px;outline:#fff solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-61cd7edd]:focus{border:#ffd530 solid 2px;outline:#1f1f1f solid 2px;background:#fff;box-shadow:none;-webkit-box-shadow:none}.wra-footer[data-v-a56037fc]{flex-grow:0;background-color:#eee;padding:70px 20px 50px}@media print{.hidden-print[data-v-a56037fc]{display:none}}')),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
+ import { openBlock as o, createElementBlock as l, normalizeClass as _, renderSlot as b, createElementVNode as d, toDisplayString as c, Fragment as V, renderList as x, createCommentVNode as k, resolveComponent as H, createBlock as F, pushScopeId as A, popScopeId as P, normalizeStyle as z, resolveDirective as W, withDirectives as I, Transition as U, withCtx as G, createTextVNode as D, createVNode as te, withKeys as v, withModifiers as S, vModelText as ae, vShow as se } from "vue";
3
+ const h = (t, a) => {
4
4
  const e = t.__vccOpts || t;
5
- for (const [a, i] of s)
6
- e[a] = i;
5
+ for (const [s, r] of a)
6
+ e[s] = r;
7
7
  return e;
8
- }, Z = {
8
+ }, ie = {
9
9
  name: "wra-validation-tooltip",
10
10
  props: {
11
11
  type: {
@@ -14,14 +14,14 @@ const f = (t, s) => {
14
14
  }
15
15
  }
16
16
  };
17
- function K(t, s, e, a, i, r) {
18
- return l(), d("div", {
19
- class: v(["validation-tooltip", e.type])
17
+ function re(t, a, e, s, r, i) {
18
+ return o(), l("div", {
19
+ class: _(["validation-tooltip", e.type])
20
20
  }, [
21
- g(t.$slots, "default", {}, void 0, !0)
21
+ b(t.$slots, "default", {}, void 0, !0)
22
22
  ], 2);
23
23
  }
24
- const xt = /* @__PURE__ */ f(Z, [["render", K], ["__scopeId", "data-v-386ad06a"]]), Q = {
24
+ const ne = /* @__PURE__ */ h(ie, [["render", re], ["__scopeId", "data-v-386ad06a"]]), oe = {
25
25
  name: "wra-checkbox",
26
26
  props: {
27
27
  modelValue: {},
@@ -53,30 +53,30 @@ const xt = /* @__PURE__ */ f(Z, [["render", K], ["__scopeId", "data-v-386ad06a"]
53
53
  this.isChecked = !this.isChecked, this.$emit("update:modelValue", this.isChecked);
54
54
  }
55
55
  }
56
- }, X = ["aria-label"], ee = ["for"], te = ["id", "checked", "aria-checked"], se = { class: "checkbox-text" };
57
- function ae(t, s, e, a, i, r) {
58
- return l(), d("div", {
56
+ }, le = ["aria-label"], de = ["for"], ue = ["id", "checked", "aria-checked"], ce = { class: "checkbox-text" };
57
+ function he(t, a, e, s, r, i) {
58
+ return o(), l("div", {
59
59
  role: "checkbox",
60
60
  "aria-label": e.label
61
61
  }, [
62
- o("label", {
62
+ d("label", {
63
63
  for: e.id,
64
64
  class: "checkbox-label"
65
65
  }, [
66
- o("input", {
66
+ d("input", {
67
67
  class: "checkbox-input",
68
68
  type: "checkbox",
69
69
  id: e.id,
70
- checked: i.isChecked,
71
- "aria-checked": i.ariaIsChecked,
72
- onChange: s[0] || (s[0] = (n) => r.checkInput()),
73
- onClick: s[1] || (s[1] = (n) => t.$emit("click"))
74
- }, null, 40, te),
75
- o("span", se, h(e.label), 1)
76
- ], 8, ee)
77
- ], 8, X);
70
+ checked: r.isChecked,
71
+ "aria-checked": r.ariaIsChecked,
72
+ onChange: a[0] || (a[0] = (n) => i.checkInput()),
73
+ onClick: a[1] || (a[1] = (n) => t.$emit("click"))
74
+ }, null, 40, ue),
75
+ d("span", ce, c(e.label), 1)
76
+ ], 8, de)
77
+ ], 8, le);
78
78
  }
79
- const ie = /* @__PURE__ */ f(Q, [["render", ae], ["__scopeId", "data-v-32449131"]]), re = {
79
+ const Y = /* @__PURE__ */ h(oe, [["render", he], ["__scopeId", "data-v-32449131"]]), fe = {
80
80
  name: "wra-checkbox-group",
81
81
  props: {
82
82
  modelValue: {},
@@ -102,16 +102,16 @@ const ie = /* @__PURE__ */ f(Q, [["render", ae], ["__scopeId", "data-v-32449131"
102
102
  methods: {
103
103
  checkInput(t) {
104
104
  this.checked[t] = !this.checked[t];
105
- let s = [];
105
+ let a = [];
106
106
  this.returnObject == !0 ? Object.keys(this.checked).forEach((e) => {
107
107
  if (this.checked[e] == !0)
108
- for (let i = 0; i < this.options.length; i++) {
109
- const r = this.options[i];
110
- typeof r == "object" ? r[this.itemValue] == e && s.push(r) : r == e && s.push(r);
108
+ for (let r = 0; r < this.options.length; r++) {
109
+ const i = this.options[r];
110
+ typeof i == "object" ? i[this.itemValue] == e && a.push(i) : i == e && a.push(i);
111
111
  }
112
- }) : s = Object.keys(this.checked).filter(
112
+ }) : a = Object.keys(this.checked).filter(
113
113
  (e) => this.checked[e]
114
- ), this.$emit("update:modelValue", s);
114
+ ), this.$emit("update:modelValue", a);
115
115
  },
116
116
  checkForObjectLabel(t) {
117
117
  return typeof t == "object" ? t[this.itemLabel] : t;
@@ -122,45 +122,45 @@ const ie = /* @__PURE__ */ f(Q, [["render", ae], ["__scopeId", "data-v-32449131"
122
122
  },
123
123
  mounted() {
124
124
  for (let t = 0; t < this.modelValue.length; t++) {
125
- const s = this.modelValue[t];
126
- typeof s == "object" ? this.checked[s[this.itemValue]] = !0 : this.checked[s] = !0;
125
+ const a = this.modelValue[t];
126
+ typeof a == "object" ? this.checked[a[this.itemValue]] = !0 : this.checked[a] = !0;
127
127
  }
128
128
  },
129
129
  components: {
130
- WraCheckbox: ie
130
+ WraCheckbox: Y
131
131
  }
132
- }, ne = ["aria-label"], le = ["for"], de = ["id", "checked", "aria-checked", "onChange"], oe = { class: "checkbox-text" };
133
- function ue(t, s, e, a, i, r) {
134
- return l(!0), d(w, null, D(e.options, (n) => (l(), d("div", {
132
+ }, pe = ["aria-label"], me = ["for"], be = ["id", "checked", "aria-checked", "onChange"], ke = { class: "checkbox-text" };
133
+ function _e(t, a, e, s, r, i) {
134
+ return o(!0), l(V, null, x(e.options, (n) => (o(), l("div", {
135
135
  role: "checkbox",
136
136
  class: "checkbox",
137
- "aria-label": r.checkForObjectLabel(n)
137
+ "aria-label": i.checkForObjectLabel(n)
138
138
  }, [
139
- o("label", {
140
- for: r.checkForObjectValue(n),
139
+ d("label", {
140
+ for: i.checkForObjectValue(n),
141
141
  class: "checkbox-label"
142
142
  }, [
143
- o("input", {
143
+ d("input", {
144
144
  class: "checkbox-input",
145
145
  type: "checkbox",
146
- id: r.checkForObjectValue(n),
147
- checked: i.checked[r.checkForObjectValue(n)],
148
- "aria-checked": i.checked[r.checkForObjectValue(n)],
149
- onChange: (u) => r.checkInput(r.checkForObjectValue(n))
150
- }, null, 40, de),
151
- o("span", oe, h(r.checkForObjectLabel(n)), 1)
152
- ], 8, le)
153
- ], 8, ne))), 256);
146
+ id: i.checkForObjectValue(n),
147
+ checked: r.checked[i.checkForObjectValue(n)],
148
+ "aria-checked": r.checked[i.checkForObjectValue(n)],
149
+ onChange: (u) => i.checkInput(i.checkForObjectValue(n))
150
+ }, null, 40, be),
151
+ d("span", ke, c(i.checkForObjectLabel(n)), 1)
152
+ ], 8, me)
153
+ ], 8, pe))), 256);
154
154
  }
155
- const wt = /* @__PURE__ */ f(re, [["render", ue], ["__scopeId", "data-v-035e0eca"]]), ce = {
155
+ const ge = /* @__PURE__ */ h(fe, [["render", _e], ["__scopeId", "data-v-035e0eca"]]), ve = {
156
156
  name: "wra-content-section-title"
157
- }, he = { class: "content-section-title" };
158
- function me(t, s, e, a, i, r) {
159
- return l(), d("div", he, [
160
- g(t.$slots, "default", {}, void 0, !0)
157
+ }, ye = { class: "content-section-title" };
158
+ function we(t, a, e, s, r, i) {
159
+ return o(), l("div", ye, [
160
+ b(t.$slots, "default", {}, void 0, !0)
161
161
  ]);
162
162
  }
163
- const Et = /* @__PURE__ */ f(ce, [["render", me], ["__scopeId", "data-v-1d23d898"]]), fe = {
163
+ const Ve = /* @__PURE__ */ h(ve, [["render", we], ["__scopeId", "data-v-1d23d898"]]), $e = {
164
164
  name: "wra-radio",
165
165
  props: {
166
166
  groupName: {
@@ -176,35 +176,35 @@ const Et = /* @__PURE__ */ f(ce, [["render", me], ["__scopeId", "data-v-1d23d898
176
176
  required: !0
177
177
  }
178
178
  }
179
- }, pe = ["for"], ke = ["name", "value", "id", "checked", "aria-checked"], ge = { class: "radio-text" }, _e = ["innerHTML"];
180
- function ve(t, s, e, a, i, r) {
181
- return l(), d("div", null, [
182
- o("label", {
179
+ }, Se = ["for"], Ie = ["name", "value", "id", "checked", "aria-checked"], xe = { class: "radio-text" }, Me = ["innerHTML"];
180
+ function Te(t, a, e, s, r, i) {
181
+ return o(), l("div", null, [
182
+ d("label", {
183
183
  for: e.groupName + "-" + e.option.value,
184
184
  class: "radio-label"
185
185
  }, [
186
- o("input", {
186
+ d("input", {
187
187
  type: "radio",
188
188
  name: e.groupName,
189
189
  value: e.option.value,
190
190
  id: e.groupName + "-" + e.option.value,
191
- onChange: s[0] || (s[0] = (n) => t.$parent.$emit("update:modelValue", e.option.value)),
191
+ onChange: a[0] || (a[0] = (n) => t.$parent.$emit("update:modelValue", e.option.value)),
192
192
  class: "radio-input",
193
193
  checked: e.isChecked == "true",
194
194
  "aria-checked": e.isChecked
195
- }, null, 40, ke),
196
- o("span", ge, [
197
- o("p", null, h(e.option.label), 1),
198
- e.option.info ? (l(), d("p", {
195
+ }, null, 40, Ie),
196
+ d("span", xe, [
197
+ d("p", null, c(e.option.label), 1),
198
+ e.option.info ? (o(), l("p", {
199
199
  key: 0,
200
200
  class: "further-information-text",
201
201
  innerHTML: e.option.info
202
- }, null, 8, _e)) : p("", !0)
202
+ }, null, 8, Me)) : k("", !0)
203
203
  ])
204
- ], 8, pe)
204
+ ], 8, Se)
205
205
  ]);
206
206
  }
207
- const be = /* @__PURE__ */ f(fe, [["render", ve], ["__scopeId", "data-v-20fce2e7"]]), ye = {
207
+ const J = /* @__PURE__ */ h($e, [["render", Te], ["__scopeId", "data-v-20fce2e7"]]), Ce = {
208
208
  name: "wra-radio-group",
209
209
  props: {
210
210
  groupName: {
@@ -231,26 +231,26 @@ const be = /* @__PURE__ */ f(fe, [["render", ve], ["__scopeId", "data-v-20fce2e7
231
231
  }
232
232
  },
233
233
  components: {
234
- WraRadio: be
234
+ WraRadio: J
235
235
  }
236
- }, Ve = ["aria-label", "aria-describedby"];
237
- function Me(t, s, e, a, i, r) {
238
- const n = J("wra-radio");
239
- return l(), d("div", {
236
+ }, Oe = ["aria-label", "aria-describedby"];
237
+ function We(t, a, e, s, r, i) {
238
+ const n = H("wra-radio");
239
+ return o(), l("div", {
240
240
  role: "radiogroup",
241
241
  "aria-label": e.label,
242
242
  "aria-describedby": e.hint
243
243
  }, [
244
- (l(!0), d(w, null, D(e.options, (u) => (l(), G(n, {
244
+ (o(!0), l(V, null, x(e.options, (u) => (o(), F(n, {
245
245
  groupName: e.groupName,
246
246
  option: u,
247
247
  key: u.value,
248
248
  class: "radio",
249
- isChecked: r.checkInput(u.value)
249
+ isChecked: i.checkInput(u.value)
250
250
  }, null, 8, ["groupName", "option", "isChecked"]))), 128))
251
- ], 8, Ve);
251
+ ], 8, Oe);
252
252
  }
253
- const It = /* @__PURE__ */ f(ye, [["render", Me], ["__scopeId", "data-v-5568c917"]]), Se = {
253
+ const Ee = /* @__PURE__ */ h(Ce, [["render", We], ["__scopeId", "data-v-5568c917"]]), qe = {
254
254
  name: "wra-select",
255
255
  props: {
256
256
  modelValue: {
@@ -276,8 +276,8 @@ const It = /* @__PURE__ */ f(ye, [["render", Me], ["__scopeId", "data-v-5568c917
276
276
  methods: {
277
277
  validate(t) {
278
278
  this.$emit("update:modelValue", t);
279
- let s = this.items.some((e) => this.checkForObjectValue(e) == t);
280
- if (this.required == !0 && s == !1) {
279
+ let a = this.items.some((e) => this.checkForObjectValue(e) == t);
280
+ if (this.required == !0 && a == !1) {
281
281
  this.$emit("valid", { id: this.id || this.name, value: !1 });
282
282
  return;
283
283
  }
@@ -294,61 +294,61 @@ const It = /* @__PURE__ */ f(ye, [["render", Me], ["__scopeId", "data-v-5568c917
294
294
  this.validate(this.modelValue);
295
295
  },
296
296
  emits: ["update:modelValue", "valid"]
297
- }, z = (t) => (H("data-v-b3b8a61e"), t = t(), U(), t), $e = ["for"], xe = { class: "select" }, we = ["id", "value"], Ee = /* @__PURE__ */ z(() => /* @__PURE__ */ o("option", {
297
+ }, Z = (t) => (A("data-v-b3b8a61e"), t = t(), P(), t), je = ["for"], Be = { class: "select" }, Le = ["id", "value"], Fe = /* @__PURE__ */ Z(() => /* @__PURE__ */ d("option", {
298
298
  value: "",
299
299
  selected: "",
300
300
  disabled: "",
301
301
  hidden: ""
302
- }, "-", -1)), Ie = ["value", "selected"], Oe = { key: 0 }, je = { key: 1 }, qe = /* @__PURE__ */ z(() => /* @__PURE__ */ o("span", { class: "focus" }, null, -1));
303
- function Ce(t, s, e, a, i, r) {
304
- return l(), d(w, null, [
305
- o("label", {
302
+ }, "-", -1)), Ae = ["value", "selected"], Pe = { key: 0 }, De = { key: 1 }, Ne = /* @__PURE__ */ Z(() => /* @__PURE__ */ d("span", { class: "focus" }, null, -1));
303
+ function Re(t, a, e, s, r, i) {
304
+ return o(), l(V, null, [
305
+ d("label", {
306
306
  for: e.id || e.name
307
- }, h(e.label), 9, $e),
308
- o("div", xe, [
309
- o("select", {
307
+ }, c(e.label), 9, je),
308
+ d("div", Be, [
309
+ d("select", {
310
310
  id: e.id || e.name,
311
311
  value: e.modelValue,
312
- onChange: s[0] || (s[0] = (n) => r.validate(n.target.value))
312
+ onChange: a[0] || (a[0] = (n) => i.validate(n.target.value))
313
313
  }, [
314
- Ee,
315
- (l(!0), d(w, null, D(e.items, (n) => (l(), d("option", {
316
- value: r.checkForObjectValue(n),
317
- selected: e.modelValue == r.checkForObjectValue(n)
314
+ Fe,
315
+ (o(!0), l(V, null, x(e.items, (n) => (o(), l("option", {
316
+ value: i.checkForObjectValue(n),
317
+ selected: e.modelValue == i.checkForObjectValue(n)
318
318
  }, [
319
- t.$slots.label ? (l(), d("span", Oe, [
320
- g(t.$slots, "label", { item: n }, void 0, !0)
321
- ])) : (l(), d("span", je, h(r.checkForObjectLabel(n)), 1))
322
- ], 8, Ie))), 256))
323
- ], 40, we),
324
- qe
319
+ t.$slots.label ? (o(), l("span", Pe, [
320
+ b(t.$slots, "label", { item: n }, void 0, !0)
321
+ ])) : (o(), l("span", De, c(i.checkForObjectLabel(n)), 1))
322
+ ], 8, Ae))), 256))
323
+ ], 40, Le),
324
+ Ne
325
325
  ])
326
326
  ], 64);
327
327
  }
328
- const Ot = /* @__PURE__ */ f(Se, [["render", Ce], ["__scopeId", "data-v-b3b8a61e"]]), Te = {
328
+ const Ke = /* @__PURE__ */ h(qe, [["render", Re], ["__scopeId", "data-v-b3b8a61e"]]), He = {
329
329
  name: "wra-subheader",
330
330
  props: {
331
331
  color: {
332
332
  type: String
333
333
  }
334
334
  },
335
- setup(t) {
336
- return t = L(t), {
337
- style: T(() => ({
338
- color: t.color
339
- }))
340
- };
335
+ computed: {
336
+ style() {
337
+ return {
338
+ color: this.color
339
+ };
340
+ }
341
341
  }
342
342
  };
343
- function Ae(t, s, e, a, i, r) {
344
- return l(), d("div", {
343
+ function ze(t, a, e, s, r, i) {
344
+ return o(), l("div", {
345
345
  class: "subheader",
346
- style: P(a.style)
346
+ style: z(i.style)
347
347
  }, [
348
- g(t.$slots, "default", {}, void 0, !0)
348
+ b(t.$slots, "default", {}, void 0, !0)
349
349
  ], 4);
350
350
  }
351
- const jt = /* @__PURE__ */ f(Te, [["render", Ae], ["__scopeId", "data-v-a2c5f039"]]), De = {
351
+ const Ue = /* @__PURE__ */ h(He, [["render", ze], ["__scopeId", "data-v-c5d10b79"]]), Ge = {
352
352
  name: "wra-text-area",
353
353
  props: {
354
354
  id: {
@@ -378,11 +378,11 @@ const jt = /* @__PURE__ */ f(Te, [["render", Ae], ["__scopeId", "data-v-a2c5f039
378
378
  methods: {
379
379
  validate(t) {
380
380
  if (this.$emit("update:modelValue", t), this.errorMessage = "", this.rules != null)
381
- for (let s = 0; s < this.rules.length; s++) {
382
- const e = this.rules[s];
383
- let a = e(t);
384
- if (a != !0) {
385
- this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
381
+ for (let a = 0; a < this.rules.length; a++) {
382
+ const e = this.rules[a];
383
+ let s = e(t);
384
+ if (s != !0) {
385
+ this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
386
386
  break;
387
387
  }
388
388
  }
@@ -395,22 +395,22 @@ const jt = /* @__PURE__ */ f(Te, [["render", Ae], ["__scopeId", "data-v-a2c5f039
395
395
  mounted() {
396
396
  this.validate(this.modelValue);
397
397
  }
398
- }, Re = ["for"], Fe = ["id", "value"];
399
- function Ne(t, s, e, a, i, r) {
400
- return l(), d("div", {
401
- class: v({ error: i.errorMessage != !1 })
398
+ }, Ye = ["for"], Je = ["id", "value"];
399
+ function Ze(t, a, e, s, r, i) {
400
+ return o(), l("div", {
401
+ class: _({ error: r.errorMessage != !1 })
402
402
  }, [
403
- o("label", { for: e.id }, h(e.label), 9, Re),
404
- o("textarea", {
403
+ d("label", { for: e.id }, c(e.label), 9, Ye),
404
+ d("textarea", {
405
405
  rows: "5",
406
406
  id: e.id,
407
407
  value: e.modelValue,
408
- onInput: s[0] || (s[0] = (n) => r.validate(n.target.value))
409
- }, null, 40, Fe),
410
- o("p", null, h(i.errorMessage), 1)
408
+ onInput: a[0] || (a[0] = (n) => i.validate(n.target.value))
409
+ }, null, 40, Je),
410
+ d("p", null, c(r.errorMessage), 1)
411
411
  ], 2);
412
412
  }
413
- const qt = /* @__PURE__ */ f(De, [["render", Ne], ["__scopeId", "data-v-0f552efc"]]), Le = {
413
+ const Qe = /* @__PURE__ */ h(Ge, [["render", Ze], ["__scopeId", "data-v-0f552efc"]]), Xe = {
414
414
  name: "wra-header",
415
415
  props: {
416
416
  size: {
@@ -418,96 +418,118 @@ const qt = /* @__PURE__ */ f(De, [["render", Ne], ["__scopeId", "data-v-0f552efc
418
418
  required: !0
419
419
  }
420
420
  }
421
- }, Pe = { key: 0 }, ze = { key: 1 }, Be = { key: 2 }, We = { key: 3 }, Ye = { key: 4 }, Je = { key: 5 };
422
- function Ge(t, s, e, a, i, r) {
423
- return l(), d("div", null, [
424
- e.size == "h1" ? (l(), d("h1", Pe, [
425
- g(t.$slots, "default", {}, void 0, !0)
426
- ])) : p("", !0),
427
- e.size == "h2" ? (l(), d("h2", ze, [
428
- g(t.$slots, "default", {}, void 0, !0)
429
- ])) : p("", !0),
430
- e.size == "h3" ? (l(), d("h3", Be, [
431
- g(t.$slots, "default", {}, void 0, !0)
432
- ])) : p("", !0),
433
- e.size == "h4" ? (l(), d("h4", We, [
434
- g(t.$slots, "default", {}, void 0, !0)
435
- ])) : p("", !0),
436
- e.size == "h5" ? (l(), d("h5", Ye, [
437
- g(t.$slots, "default", {}, void 0, !0)
438
- ])) : p("", !0),
439
- e.size == "h6" ? (l(), d("h6", Je, [
440
- g(t.$slots, "default", {}, void 0, !0)
441
- ])) : p("", !0)
421
+ }, et = { key: 0 }, tt = { key: 1 }, at = { key: 2 }, st = { key: 3 }, it = { key: 4 }, rt = { key: 5 };
422
+ function nt(t, a, e, s, r, i) {
423
+ return o(), l("div", null, [
424
+ e.size == "h1" ? (o(), l("h1", et, [
425
+ b(t.$slots, "default", {}, void 0, !0)
426
+ ])) : k("", !0),
427
+ e.size == "h2" ? (o(), l("h2", tt, [
428
+ b(t.$slots, "default", {}, void 0, !0)
429
+ ])) : k("", !0),
430
+ e.size == "h3" ? (o(), l("h3", at, [
431
+ b(t.$slots, "default", {}, void 0, !0)
432
+ ])) : k("", !0),
433
+ e.size == "h4" ? (o(), l("h4", st, [
434
+ b(t.$slots, "default", {}, void 0, !0)
435
+ ])) : k("", !0),
436
+ e.size == "h5" ? (o(), l("h5", it, [
437
+ b(t.$slots, "default", {}, void 0, !0)
438
+ ])) : k("", !0),
439
+ e.size == "h6" ? (o(), l("h6", rt, [
440
+ b(t.$slots, "default", {}, void 0, !0)
441
+ ])) : k("", !0)
442
442
  ]);
443
443
  }
444
- const Ct = /* @__PURE__ */ f(Le, [["render", Ge], ["__scopeId", "data-v-2f692b7a"]]), He = {
444
+ const ot = /* @__PURE__ */ h(Xe, [["render", nt], ["__scopeId", "data-v-2f692b7a"]]), lt = {
445
445
  name: "wra-button",
446
446
  props: {
447
- label: {
448
- type: String,
449
- required: !0
450
- },
451
447
  size: {
452
- type: String,
453
- required: !0
454
- },
455
- backgroundColor: {
456
448
  type: String
457
449
  },
458
- color: {
450
+ backgroundColor: {
459
451
  type: String
460
452
  },
461
453
  outlined: {
462
454
  type: Boolean,
463
455
  default: !1
456
+ },
457
+ prependIcon: {
458
+ type: Boolean,
459
+ default: !1
460
+ },
461
+ appendIcon: {
462
+ type: Boolean,
463
+ default: !1
464
464
  }
465
465
  },
466
- setup(t) {
467
- return t = L(t), {
468
- class: T(() => ({
469
- "outlined-button": t.outlined,
470
- [`${t.size || "default"}-button`]: !0
471
- })),
472
- style: T(() => ({
473
- backgroundColor: t.backgroundColor,
474
- color: t.color
475
- }))
476
- };
466
+ computed: {
467
+ class() {
468
+ return {
469
+ "outlined-button": this.outlined,
470
+ [`${this.size || "default"}-button`]: !0,
471
+ "wra-blue": this.backgroundColor === "wra-blue",
472
+ "wra-red": this.backgroundColor === "wra-red",
473
+ "wra-green": this.backgroundColor === "wra-green",
474
+ "wra-revenue": this.backgroundColor === "wra-revenue",
475
+ "wra-plum": this.backgroundColor === "wra-plum"
476
+ };
477
+ }
477
478
  }
479
+ }, dt = {
480
+ key: 0,
481
+ class: "icon back-icon"
482
+ }, ut = {
483
+ key: 0,
484
+ class: "icon next-icon"
478
485
  };
479
- function Ue(t, s, e, a, i, r) {
480
- return l(), d("button", {
486
+ function ct(t, a, e, s, r, i) {
487
+ return o(), l("button", {
481
488
  type: "button",
482
- class: v(a.class),
483
- style: P(a.style)
484
- }, h(e.label), 7);
489
+ class: _(i.class)
490
+ }, [
491
+ d("span", {
492
+ class: _({
493
+ "prepend-icon-wrapper": e.prependIcon
494
+ })
495
+ }, [
496
+ e.prependIcon ? (o(), l("span", dt)) : k("", !0)
497
+ ], 2),
498
+ b(t.$slots, "default", {}, void 0, !0),
499
+ d("span", {
500
+ class: _({
501
+ "append-icon-wrapper": e.appendIcon
502
+ })
503
+ }, [
504
+ e.appendIcon ? (o(), l("span", ut)) : k("", !0)
505
+ ], 2)
506
+ ], 2);
485
507
  }
486
- const Tt = /* @__PURE__ */ f(He, [["render", Ue], ["__scopeId", "data-v-0bb5ffcd"]]);
508
+ const ht = /* @__PURE__ */ h(lt, [["render", ct], ["__scopeId", "data-v-c54c1c64"]]);
487
509
  /*! maska v2.1.11 | (c) Alexander Shabunevich | Released under the MIT license */
488
- var Ze = Object.defineProperty, Ke = (t, s, e) => s in t ? Ze(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e, $ = (t, s, e) => (Ke(t, typeof s != "symbol" ? s + "" : s, e), e);
489
- const R = {
510
+ var ft = Object.defineProperty, pt = (t, a, e) => a in t ? ft(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, C = (t, a, e) => (pt(t, typeof a != "symbol" ? a + "" : a, e), e);
511
+ const N = {
490
512
  "#": { pattern: /[0-9]/ },
491
513
  "@": { pattern: /[a-zA-Z]/ },
492
514
  "*": { pattern: /[a-zA-Z0-9]/ }
493
515
  };
494
- class F {
495
- constructor(s = {}) {
496
- $(this, "opts", {}), $(this, "memo", /* @__PURE__ */ new Map());
497
- const e = { ...s };
516
+ class R {
517
+ constructor(a = {}) {
518
+ C(this, "opts", {}), C(this, "memo", /* @__PURE__ */ new Map());
519
+ const e = { ...a };
498
520
  if (e.tokens != null) {
499
- e.tokens = e.tokensReplace ? { ...e.tokens } : { ...R, ...e.tokens };
500
- for (const a of Object.values(e.tokens))
501
- typeof a.pattern == "string" && (a.pattern = new RegExp(a.pattern));
521
+ e.tokens = e.tokensReplace ? { ...e.tokens } : { ...N, ...e.tokens };
522
+ for (const s of Object.values(e.tokens))
523
+ typeof s.pattern == "string" && (s.pattern = new RegExp(s.pattern));
502
524
  } else
503
- e.tokens = R;
504
- Array.isArray(e.mask) && (e.mask.length > 1 ? e.mask = [...e.mask].sort((a, i) => a.length - i.length) : e.mask = e.mask[0] ?? ""), e.mask === "" && (e.mask = null), this.opts = e;
525
+ e.tokens = N;
526
+ Array.isArray(e.mask) && (e.mask.length > 1 ? e.mask = [...e.mask].sort((s, r) => s.length - r.length) : e.mask = e.mask[0] ?? ""), e.mask === "" && (e.mask = null), this.opts = e;
505
527
  }
506
- masked(s) {
507
- return this.process(s, this.findMask(s));
528
+ masked(a) {
529
+ return this.process(a, this.findMask(a));
508
530
  }
509
- unmasked(s) {
510
- return this.process(s, this.findMask(s), !1);
531
+ unmasked(a) {
532
+ return this.process(a, this.findMask(a), !1);
511
533
  }
512
534
  isEager() {
513
535
  return this.opts.eager === !0;
@@ -515,146 +537,146 @@ class F {
515
537
  isReversed() {
516
538
  return this.opts.reversed === !0;
517
539
  }
518
- completed(s) {
519
- const e = this.findMask(s);
540
+ completed(a) {
541
+ const e = this.findMask(a);
520
542
  if (this.opts.mask == null || e == null)
521
543
  return !1;
522
- const a = this.process(s, e).length;
523
- return typeof this.opts.mask == "string" ? a >= this.opts.mask.length : typeof this.opts.mask == "function" ? a >= e.length : this.opts.mask.filter((i) => a >= i.length).length === this.opts.mask.length;
544
+ const s = this.process(a, e).length;
545
+ return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : typeof this.opts.mask == "function" ? s >= e.length : this.opts.mask.filter((r) => s >= r.length).length === this.opts.mask.length;
524
546
  }
525
- findMask(s) {
547
+ findMask(a) {
526
548
  const e = this.opts.mask;
527
549
  if (e == null)
528
550
  return null;
529
551
  if (typeof e == "string")
530
552
  return e;
531
553
  if (typeof e == "function")
532
- return e(s);
533
- const a = this.process(s, e.slice(-1).pop() ?? "", !1);
534
- return e.find((i) => this.process(s, i, !1).length >= a.length) ?? "";
554
+ return e(a);
555
+ const s = this.process(a, e.slice(-1).pop() ?? "", !1);
556
+ return e.find((r) => this.process(a, r, !1).length >= s.length) ?? "";
535
557
  }
536
- escapeMask(s) {
537
- const e = [], a = [];
538
- return s.split("").forEach((i, r) => {
539
- i === "!" && s[r - 1] !== "!" ? a.push(r - a.length) : e.push(i);
540
- }), { mask: e.join(""), escaped: a };
558
+ escapeMask(a) {
559
+ const e = [], s = [];
560
+ return a.split("").forEach((r, i) => {
561
+ r === "!" && a[i - 1] !== "!" ? s.push(i - s.length) : e.push(r);
562
+ }), { mask: e.join(""), escaped: s };
541
563
  }
542
- process(s, e, a = !0) {
564
+ process(a, e, s = !0) {
543
565
  if (e == null)
544
- return s;
545
- const i = `value=${s},mask=${e},masked=${a ? 1 : 0}`;
546
- if (this.memo.has(i))
547
- return this.memo.get(i);
548
- const { mask: r, escaped: n } = this.escapeMask(e), u = [], V = this.opts.tokens != null ? this.opts.tokens : {}, m = this.isReversed() ? -1 : 1, M = this.isReversed() ? "unshift" : "push", b = this.isReversed() ? 0 : r.length - 1, W = this.isReversed() ? () => c > -1 && k > -1 : () => c < r.length && k < s.length, Y = (y) => !this.isReversed() && y <= b || this.isReversed() && y >= b;
549
- let j, S = -1, c = this.isReversed() ? r.length - 1 : 0, k = this.isReversed() ? s.length - 1 : 0, q = !1;
550
- for (; W(); ) {
551
- const y = r.charAt(c), _ = V[y], x = (_ == null ? void 0 : _.transform) != null ? _.transform(s.charAt(k)) : s.charAt(k);
552
- if (!n.includes(c) && _ != null ? (x.match(_.pattern) != null ? (u[M](x), _.repeated ? (S === -1 ? S = c : c === b && c !== S && (c = S - m), b === S && (c -= m)) : _.multiple && (q = !0, c -= m), c += m) : _.multiple ? q && (c += m, k -= m, q = !1) : x === j ? j = void 0 : _.optional && (c += m, k -= m), k += m) : (a && !this.isEager() && u[M](y), x === y && !this.isEager() ? k += m : j = y, this.isEager() || (c += m)), this.isEager())
553
- for (; Y(c) && (V[r.charAt(c)] == null || n.includes(c)); )
554
- a ? u[M](r.charAt(c)) : r.charAt(c) === s.charAt(k) && (k += m), c += m;
566
+ return a;
567
+ const r = `value=${a},mask=${e},masked=${s ? 1 : 0}`;
568
+ if (this.memo.has(r))
569
+ return this.memo.get(r);
570
+ const { mask: i, escaped: n } = this.escapeMask(e), u = [], f = this.opts.tokens != null ? this.opts.tokens : {}, p = this.isReversed() ? -1 : 1, M = this.isReversed() ? "unshift" : "push", w = this.isReversed() ? 0 : i.length - 1, X = this.isReversed() ? () => m > -1 && g > -1 : () => m < i.length && g < a.length, ee = ($) => !this.isReversed() && $ <= w || this.isReversed() && $ >= w;
571
+ let q, T = -1, m = this.isReversed() ? i.length - 1 : 0, g = this.isReversed() ? a.length - 1 : 0, j = !1;
572
+ for (; X(); ) {
573
+ const $ = i.charAt(m), y = f[$], O = (y == null ? void 0 : y.transform) != null ? y.transform(a.charAt(g)) : a.charAt(g);
574
+ if (!n.includes(m) && y != null ? (O.match(y.pattern) != null ? (u[M](O), y.repeated ? (T === -1 ? T = m : m === w && m !== T && (m = T - p), w === T && (m -= p)) : y.multiple && (j = !0, m -= p), m += p) : y.multiple ? j && (m += p, g -= p, j = !1) : O === q ? q = void 0 : y.optional && (m += p, g -= p), g += p) : (s && !this.isEager() && u[M]($), O === $ && !this.isEager() ? g += p : q = $, this.isEager() || (m += p)), this.isEager())
575
+ for (; ee(m) && (f[i.charAt(m)] == null || n.includes(m)); )
576
+ s ? u[M](i.charAt(m)) : i.charAt(m) === a.charAt(g) && (g += p), m += p;
555
577
  }
556
- return this.memo.set(i, u.join("")), this.memo.get(i);
578
+ return this.memo.set(r, u.join("")), this.memo.get(r);
557
579
  }
558
580
  }
559
- const B = (t) => JSON.parse(t.replaceAll("'", '"')), N = (t, s = {}) => {
560
- const e = { ...s };
561
- return t.dataset.maska != null && t.dataset.maska !== "" && (e.mask = Qe(t.dataset.maska)), t.dataset.maskaEager != null && (e.eager = C(t.dataset.maskaEager)), t.dataset.maskaReversed != null && (e.reversed = C(t.dataset.maskaReversed)), t.dataset.maskaTokensReplace != null && (e.tokensReplace = C(t.dataset.maskaTokensReplace)), t.dataset.maskaTokens != null && (e.tokens = Xe(t.dataset.maskaTokens)), e;
562
- }, C = (t) => t !== "" ? !!JSON.parse(t) : !0, Qe = (t) => t.startsWith("[") && t.endsWith("]") ? B(t) : t, Xe = (t) => {
581
+ const Q = (t) => JSON.parse(t.replaceAll("'", '"')), K = (t, a = {}) => {
582
+ const e = { ...a };
583
+ return t.dataset.maska != null && t.dataset.maska !== "" && (e.mask = mt(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;
584
+ }, B = (t) => t !== "" ? !!JSON.parse(t) : !0, mt = (t) => t.startsWith("[") && t.endsWith("]") ? Q(t) : t, bt = (t) => {
563
585
  if (t.startsWith("{") && t.endsWith("}"))
564
- return B(t);
565
- const s = {};
586
+ return Q(t);
587
+ const a = {};
566
588
  return t.split("|").forEach((e) => {
567
- const a = e.split(":");
568
- s[a[0]] = {
569
- pattern: new RegExp(a[1]),
570
- optional: a[2] === "optional",
571
- multiple: a[2] === "multiple",
572
- repeated: a[2] === "repeated"
589
+ const s = e.split(":");
590
+ a[s[0]] = {
591
+ pattern: new RegExp(s[1]),
592
+ optional: s[2] === "optional",
593
+ multiple: s[2] === "multiple",
594
+ repeated: s[2] === "repeated"
573
595
  };
574
- }), s;
596
+ }), a;
575
597
  };
576
- class et {
577
- constructor(s, e = {}) {
578
- $(this, "items", /* @__PURE__ */ new Map()), $(this, "beforeinputEvent", (a) => {
579
- const i = a.target, r = this.items.get(i);
580
- r.isEager() && "inputType" in a && a.inputType.startsWith("delete") && r.unmasked(i.value).length <= 1 && this.setMaskedValue(i, "");
581
- }), $(this, "inputEvent", (a) => {
582
- if (a instanceof CustomEvent && a.type === "input" && a.detail != null && typeof a.detail == "object" && "masked" in a.detail)
598
+ class kt {
599
+ constructor(a, e = {}) {
600
+ C(this, "items", /* @__PURE__ */ new Map()), C(this, "beforeinputEvent", (s) => {
601
+ const r = s.target, i = this.items.get(r);
602
+ i.isEager() && "inputType" in s && s.inputType.startsWith("delete") && i.unmasked(r.value).length <= 1 && this.setMaskedValue(r, "");
603
+ }), C(this, "inputEvent", (s) => {
604
+ if (s instanceof CustomEvent && s.type === "input" && s.detail != null && typeof s.detail == "object" && "masked" in s.detail)
583
605
  return;
584
- const i = a.target, r = this.items.get(i), n = i.value, u = i.selectionStart, V = i.selectionEnd;
585
- let m = n;
586
- if (r.isEager()) {
587
- const M = r.masked(n), b = r.unmasked(n);
588
- b === "" && "data" in a && a.data != null ? m = a.data : b !== r.unmasked(M) && (m = b);
606
+ const r = s.target, i = this.items.get(r), n = r.value, u = r.selectionStart, f = r.selectionEnd;
607
+ let p = n;
608
+ if (i.isEager()) {
609
+ const M = i.masked(n), w = i.unmasked(n);
610
+ w === "" && "data" in s && s.data != null ? p = s.data : w !== i.unmasked(M) && (p = w);
589
611
  }
590
- if (this.setMaskedValue(i, m), "inputType" in a && (a.inputType.startsWith("delete") || u != null && u < n.length))
612
+ if (this.setMaskedValue(r, p), "inputType" in s && (s.inputType.startsWith("delete") || u != null && u < n.length))
591
613
  try {
592
- i.setSelectionRange(u, V);
614
+ r.setSelectionRange(u, f);
593
615
  } catch {
594
616
  }
595
- }), this.options = e, typeof s == "string" ? this.init(
596
- Array.from(document.querySelectorAll(s)),
617
+ }), this.options = e, typeof a == "string" ? this.init(
618
+ Array.from(document.querySelectorAll(a)),
597
619
  this.getMaskOpts(e)
598
620
  ) : this.init(
599
- "length" in s ? Array.from(s) : [s],
621
+ "length" in a ? Array.from(a) : [a],
600
622
  this.getMaskOpts(e)
601
623
  );
602
624
  }
603
625
  destroy() {
604
- for (const s of this.items.keys())
605
- s.removeEventListener("input", this.inputEvent), s.removeEventListener("beforeinput", this.beforeinputEvent);
626
+ for (const a of this.items.keys())
627
+ a.removeEventListener("input", this.inputEvent), a.removeEventListener("beforeinput", this.beforeinputEvent);
606
628
  this.items.clear();
607
629
  }
608
- needUpdateOptions(s, e) {
609
- const a = this.items.get(s), i = new F(N(s, this.getMaskOpts(e)));
610
- return JSON.stringify(a.opts) !== JSON.stringify(i.opts);
630
+ needUpdateOptions(a, e) {
631
+ const s = this.items.get(a), r = new R(K(a, this.getMaskOpts(e)));
632
+ return JSON.stringify(s.opts) !== JSON.stringify(r.opts);
611
633
  }
612
- needUpdateValue(s) {
613
- const e = s.dataset.maskaValue;
614
- return e == null && s.value !== "" || e != null && e !== s.value;
634
+ needUpdateValue(a) {
635
+ const e = a.dataset.maskaValue;
636
+ return e == null && a.value !== "" || e != null && e !== a.value;
615
637
  }
616
- getMaskOpts(s) {
617
- const { onMaska: e, preProcess: a, postProcess: i, ...r } = s;
618
- return r;
638
+ getMaskOpts(a) {
639
+ const { onMaska: e, preProcess: s, postProcess: r, ...i } = a;
640
+ return i;
619
641
  }
620
- init(s, e) {
621
- for (const a of s) {
622
- const i = new F(N(a, e));
623
- this.items.set(a, i), a.value !== "" && this.setMaskedValue(a, a.value), a.addEventListener("input", this.inputEvent), a.addEventListener("beforeinput", this.beforeinputEvent);
642
+ init(a, e) {
643
+ for (const s of a) {
644
+ const r = new R(K(s, e));
645
+ this.items.set(s, r), s.value !== "" && this.setMaskedValue(s, s.value), s.addEventListener("input", this.inputEvent), s.addEventListener("beforeinput", this.beforeinputEvent);
624
646
  }
625
647
  }
626
- setMaskedValue(s, e) {
627
- const a = this.items.get(s);
648
+ setMaskedValue(a, e) {
649
+ const s = this.items.get(a);
628
650
  this.options.preProcess != null && (e = this.options.preProcess(e));
629
- const i = a.masked(e), r = a.unmasked(a.isEager() ? i : e), n = a.completed(e), u = { masked: i, unmasked: r, completed: n };
630
- e = i, this.options.postProcess != null && (e = this.options.postProcess(e)), s.value = e, s.dataset.maskaValue = e, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((V) => V(u)) : this.options.onMaska(u)), s.dispatchEvent(new CustomEvent("maska", { detail: u })), s.dispatchEvent(new CustomEvent("input", { detail: u }));
651
+ const r = s.masked(e), i = s.unmasked(s.isEager() ? r : e), n = s.completed(e), u = { masked: r, unmasked: i, completed: n };
652
+ 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((f) => f(u)) : this.options.onMaska(u)), a.dispatchEvent(new CustomEvent("maska", { detail: u })), a.dispatchEvent(new CustomEvent("input", { detail: u }));
631
653
  }
632
654
  }
633
- const A = /* @__PURE__ */ new WeakMap(), tt = (t) => {
655
+ const L = /* @__PURE__ */ new WeakMap(), _t = (t) => {
634
656
  setTimeout(() => {
635
- var s;
636
- ((s = A.get(t)) == null ? void 0 : s.needUpdateValue(t)) === !0 && t.dispatchEvent(new CustomEvent("input"));
657
+ var a;
658
+ ((a = L.get(t)) == null ? void 0 : a.needUpdateValue(t)) === !0 && t.dispatchEvent(new CustomEvent("input"));
637
659
  });
638
- }, O = (t, s) => {
639
- const e = t instanceof HTMLInputElement ? t : t.querySelector("input"), a = { ...s.arg };
660
+ }, E = (t, a) => {
661
+ const e = t instanceof HTMLInputElement ? t : t.querySelector("input"), s = { ...a.arg };
640
662
  if (e == null || (e == null ? void 0 : e.type) === "file")
641
663
  return;
642
- tt(e);
643
- const i = A.get(e);
644
- if (i != null) {
645
- if (!i.needUpdateOptions(e, a))
664
+ _t(e);
665
+ const r = L.get(e);
666
+ if (r != null) {
667
+ if (!r.needUpdateOptions(e, s))
646
668
  return;
647
- i.destroy();
669
+ r.destroy();
648
670
  }
649
- if (s.value != null) {
650
- const r = s.value, n = (u) => {
651
- r.masked = u.masked, r.unmasked = u.unmasked, r.completed = u.completed;
671
+ if (a.value != null) {
672
+ const i = a.value, n = (u) => {
673
+ i.masked = u.masked, i.unmasked = u.unmasked, i.completed = u.completed;
652
674
  };
653
- a.onMaska = a.onMaska == null ? n : Array.isArray(a.onMaska) ? [...a.onMaska, n] : [a.onMaska, n];
675
+ s.onMaska = s.onMaska == null ? n : Array.isArray(s.onMaska) ? [...s.onMaska, n] : [s.onMaska, n];
654
676
  }
655
- A.set(e, new et(e, a));
656
- }, st = {
657
- directives: { maska: O },
677
+ L.set(e, new kt(e, s));
678
+ }, gt = {
679
+ directives: { maska: E },
658
680
  name: "wra-date-input",
659
681
  props: {
660
682
  modelValue: {
@@ -693,25 +715,25 @@ const A = /* @__PURE__ */ new WeakMap(), tt = (t) => {
693
715
  },
694
716
  methods: {
695
717
  swapMonthDay(t) {
696
- var s = t.split("/");
697
- return s[1] + "/" + s[0] + "/" + s[2];
718
+ var a = t.split("/");
719
+ return a[1] + "/" + a[0] + "/" + a[2];
698
720
  },
699
721
  convertToDate(t) {
700
722
  if (this.maskedValue = t, t.length == 10) {
701
- let s = new Date(this.swapMonthDay(t));
702
- s = new Date(
703
- s.getTime() - s.getTimezoneOffset() * 60 * 1e3
723
+ let a = new Date(this.swapMonthDay(t));
724
+ a = new Date(
725
+ a.getTime() - a.getTimezoneOffset() * 60 * 1e3
704
726
  );
705
- let e = this.validate(s);
706
- this.$emit("valid", { id: this.id, value: e }), e == !0 ? (this.dateObjectValue = s, this.$emit("update:modelValue", s)) : (this.dateObjectValue = null, this.$emit("update:modelValue", null));
727
+ let e = this.validate(a);
728
+ this.$emit("valid", { id: this.id, value: e }), e == !0 ? (this.dateObjectValue = a, this.$emit("update:modelValue", a)) : (this.dateObjectValue = null, this.$emit("update:modelValue", null));
707
729
  } else {
708
- let s = this.validate(null);
709
- this.$emit("valid", { id: this.id, value: s }), this.dateObjectValue = null, this.$emit("update:modelValue", null);
730
+ let a = this.validate(null);
731
+ this.$emit("valid", { id: this.id, value: a }), this.dateObjectValue = null, this.$emit("update:modelValue", null);
710
732
  }
711
733
  },
712
734
  validate(t) {
713
- let s = !0;
714
- return t === null ? (this.required == !0 && (this.showError = !0, s = !1), this.required == !1 && (this.maskedValue.length == 0 ? (this.showError = !1, s = !0) : (this.showError = !0, s = !1)), this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), s) : (t == "Invalid Date" && (s = !1), parseInt(this.maskedValue.split("/")[1]) - 1 != t.getMonth() && (s = !1), this.showError = !s, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), s);
735
+ let a = !0;
736
+ return t === null ? (this.required == !0 && (this.showError = !0, a = !1), this.required == !1 && (this.maskedValue.length == 0 ? (this.showError = !1, a = !0) : (this.showError = !0, a = !1)), this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a) : (t == "Invalid Date" && (a = !1), parseInt(this.maskedValue.split("/")[1]) - 1 != t.getMonth() && (a = !1), this.showError = !a, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a);
715
737
  },
716
738
  setInitialState() {
717
739
  if (this.modelValue == null || this.modelValue == "") {
@@ -722,8 +744,8 @@ const A = /* @__PURE__ */ new WeakMap(), tt = (t) => {
722
744
  let t = this.modelValue.getDate().toString().padStart(2, "0") + "/" + (this.modelValue.getMonth() + 1).toString().padStart(2, "0") + "/" + this.modelValue.getFullYear();
723
745
  this.convertToDate(t);
724
746
  } else if (this.modelValue.includes("T")) {
725
- let t = new Date(this.modelValue), s = t.getDate().toString().padStart(2, "0") + "/" + (t.getMonth() + 1).toString().padStart(2, "0") + "/" + t.getFullYear();
726
- this.convertToDate(s);
747
+ let t = new Date(this.modelValue), a = t.getDate().toString().padStart(2, "0") + "/" + (t.getMonth() + 1).toString().padStart(2, "0") + "/" + t.getFullYear();
748
+ this.convertToDate(a);
727
749
  } else
728
750
  this.convertToDate(this.modelValue);
729
751
  }
@@ -731,30 +753,30 @@ const A = /* @__PURE__ */ new WeakMap(), tt = (t) => {
731
753
  mounted() {
732
754
  this.setInitialState();
733
755
  }
734
- }, at = ["for"], it = ["id", "value", "inputmode", "placeholder"], rt = { key: 0 };
735
- function nt(t, s, e, a, i, r) {
736
- const n = E("maska");
737
- return l(), d("div", {
738
- class: v({ error: t.showError != !1 })
756
+ }, vt = ["for"], yt = ["id", "value", "inputmode", "placeholder"], wt = { key: 0 };
757
+ function Vt(t, a, e, s, r, i) {
758
+ const n = W("maska");
759
+ return o(), l("div", {
760
+ class: _({ error: t.showError != !1 })
739
761
  }, [
740
- o("label", { for: e.id }, h(e.label), 9, at),
741
- I(o("input", {
762
+ d("label", { for: e.id }, c(e.label), 9, vt),
763
+ I(d("input", {
742
764
  id: e.id,
743
765
  type: "text",
744
766
  value: t.maskedValue,
745
767
  inputmode: e.inputmode || "numeric",
746
768
  placeholder: e.placeholder,
747
- onInput: s[0] || (s[0] = (u) => r.convertToDate(u.target.value)),
769
+ onInput: a[0] || (a[0] = (u) => i.convertToDate(u.target.value)),
748
770
  "data-maska": "##/##/####",
749
771
  "data-maska-eager": ""
750
- }, null, 40, it), [
772
+ }, null, 40, yt), [
751
773
  [n]
752
774
  ]),
753
- t.showError && e.required != null ? (l(), d("p", rt, "Invalid date")) : p("", !0)
775
+ t.showError && e.required != null ? (o(), l("p", wt, "Invalid date")) : k("", !0)
754
776
  ], 2);
755
777
  }
756
- const At = /* @__PURE__ */ f(st, [["render", nt], ["__scopeId", "data-v-29411b9a"]]), lt = {
757
- directives: { maska: O },
778
+ const $t = /* @__PURE__ */ h(gt, [["render", Vt], ["__scopeId", "data-v-29411b9a"]]), St = {
779
+ directives: { maska: E },
758
780
  name: "wra-number-input",
759
781
  props: {
760
782
  modelValue: {
@@ -806,11 +828,11 @@ const At = /* @__PURE__ */ f(st, [["render", nt], ["__scopeId", "data-v-29411b9a
806
828
  methods: {
807
829
  validate(t) {
808
830
  if (this.errorMessage = "", this.rules != null)
809
- for (let s = 0; s < this.rules.length; s++) {
810
- const e = this.rules[s];
811
- let a = e(t);
812
- if (a != !0) {
813
- this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
831
+ for (let a = 0; a < this.rules.length; a++) {
832
+ const e = this.rules[a];
833
+ let s = e(t);
834
+ if (s != !0) {
835
+ this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
814
836
  break;
815
837
  }
816
838
  }
@@ -828,22 +850,22 @@ const At = /* @__PURE__ */ f(st, [["render", nt], ["__scopeId", "data-v-29411b9a
828
850
  mounted() {
829
851
  this.maskedValue = this.modelValue, this.validate(this.modelValue);
830
852
  }
831
- }, dt = ["for"], ot = { class: "input-wrapper" }, ut = {
853
+ }, It = ["for"], xt = { class: "input-wrapper" }, Mt = {
832
854
  key: 0,
833
855
  class: "prefix"
834
- }, ct = ["id", "value", "inputmode", "placeholder"], ht = {
856
+ }, Tt = ["id", "value", "inputmode", "placeholder"], Ct = {
835
857
  key: 1,
836
858
  class: "suffix"
837
859
  };
838
- function mt(t, s, e, a, i, r) {
839
- const n = E("maska");
840
- return l(), d("div", {
841
- class: v({ error: t.errorMessage != !1 })
860
+ function Ot(t, a, e, s, r, i) {
861
+ const n = W("maska");
862
+ return o(), l("div", {
863
+ class: _({ error: t.errorMessage != !1 })
842
864
  }, [
843
- o("label", { for: e.id }, h(e.label), 9, dt),
844
- o("div", ot, [
845
- e.prefix ? (l(), d("span", ut, h(e.prefix), 1)) : p("", !0),
846
- I(o("input", {
865
+ d("label", { for: e.id }, c(e.label), 9, It),
866
+ d("div", xt, [
867
+ e.prefix ? (o(), l("span", Mt, c(e.prefix), 1)) : k("", !0),
868
+ I(d("input", {
847
869
  id: e.id,
848
870
  type: "text",
849
871
  value: t.maskedValue,
@@ -852,17 +874,17 @@ function mt(t, s, e, a, i, r) {
852
874
  "data-maska": "9,99#",
853
875
  "data-maska-tokens": "9:[0-9]:repeated",
854
876
  "data-maska-reversed": "",
855
- class: v(r.prefixPadding)
856
- }, null, 10, ct), [
877
+ class: _(i.prefixPadding)
878
+ }, null, 10, Tt), [
857
879
  [n, t.returnValue]
858
880
  ]),
859
- e.suffix ? (l(), d("span", ht, h(e.suffix), 1)) : p("", !0)
881
+ e.suffix ? (o(), l("span", Ct, c(e.suffix), 1)) : k("", !0)
860
882
  ]),
861
- o("p", null, h(t.errorMessage), 1)
883
+ d("p", null, c(t.errorMessage), 1)
862
884
  ], 2);
863
885
  }
864
- const Dt = /* @__PURE__ */ f(lt, [["render", mt], ["__scopeId", "data-v-c42ce741"]]), ft = {
865
- directives: { maska: O },
886
+ const Wt = /* @__PURE__ */ h(St, [["render", Ot], ["__scopeId", "data-v-a4427f3c"]]), Et = {
887
+ directives: { maska: E },
866
888
  name: "wra-price-input",
867
889
  props: {
868
890
  modelValue: {
@@ -901,11 +923,11 @@ const Dt = /* @__PURE__ */ f(lt, [["render", mt], ["__scopeId", "data-v-c42ce741
901
923
  postProcess: (t) => {
902
924
  if (!t)
903
925
  return "";
904
- const s = 3 - (t.includes(".") ? t.length - t.indexOf(".") : 0);
926
+ const a = 3 - (t.includes(".") ? t.length - t.indexOf(".") : 0);
905
927
  return Intl.NumberFormat("en-GB", {
906
928
  style: "currency",
907
929
  currency: "GBP"
908
- }).format(t).slice(0, s ? -s : void 0).replace("£", "");
930
+ }).format(t).slice(0, a ? -a : void 0).replace("£", "");
909
931
  }
910
932
  },
911
933
  errorMessage: "",
@@ -927,11 +949,11 @@ const Dt = /* @__PURE__ */ f(lt, [["render", mt], ["__scopeId", "data-v-c42ce741
927
949
  methods: {
928
950
  validate(t) {
929
951
  if (this.errorMessage = "", this.rules != null)
930
- for (let s = 0; s < this.rules.length; s++) {
931
- const e = this.rules[s];
932
- let a = e(t);
933
- if (a != !0) {
934
- this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
952
+ for (let a = 0; a < this.rules.length; a++) {
953
+ const e = this.rules[a];
954
+ let s = e(t);
955
+ if (s != !0) {
956
+ this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
935
957
  break;
936
958
  }
937
959
  }
@@ -949,22 +971,22 @@ const Dt = /* @__PURE__ */ f(lt, [["render", mt], ["__scopeId", "data-v-c42ce741
949
971
  mounted() {
950
972
  this.maskedValue = this.modelValue, this.validate(this.modelValue);
951
973
  }
952
- }, pt = ["for"], kt = { class: "input-wrapper" }, gt = {
974
+ }, qt = ["for"], jt = { class: "input-wrapper" }, Bt = {
953
975
  key: 0,
954
976
  class: "prefix"
955
- }, _t = ["id", "value", "inputmode", "placeholder"], vt = {
977
+ }, Lt = ["id", "value", "inputmode", "placeholder"], Ft = {
956
978
  key: 1,
957
979
  class: "suffix"
958
980
  };
959
- function bt(t, s, e, a, i, r) {
960
- const n = E("maska");
961
- return l(), d("div", {
962
- class: v({ error: t.errorMessage != !1 })
981
+ function At(t, a, e, s, r, i) {
982
+ const n = W("maska");
983
+ return o(), l("div", {
984
+ class: _({ error: t.errorMessage != !1 })
963
985
  }, [
964
- o("label", { for: e.id }, h(e.label), 9, pt),
965
- o("div", kt, [
966
- e.prefix ? (l(), d("span", gt, h(e.prefix), 1)) : p("", !0),
967
- I(o("input", {
986
+ d("label", { for: e.id }, c(e.label), 9, qt),
987
+ d("div", jt, [
988
+ e.prefix ? (o(), l("span", Bt, c(e.prefix), 1)) : k("", !0),
989
+ I(d("input", {
968
990
  id: e.id,
969
991
  type: "text",
970
992
  value: t.maskedValue,
@@ -972,17 +994,17 @@ function bt(t, s, e, a, i, r) {
972
994
  placeholder: e.placeholder,
973
995
  "data-maska": "0.99",
974
996
  "data-maska-tokens": "0:\\d:multiple|9:\\d:optional",
975
- class: v(r.prefixPadding)
976
- }, null, 10, _t), [
997
+ class: _(i.prefixPadding)
998
+ }, null, 10, Lt), [
977
999
  [n, t.returnValue, t.mask]
978
1000
  ]),
979
- e.suffix ? (l(), d("span", vt, h(e.suffix), 1)) : p("", !0)
1001
+ e.suffix ? (o(), l("span", Ft, c(e.suffix), 1)) : k("", !0)
980
1002
  ]),
981
- o("p", null, h(t.errorMessage), 1)
1003
+ d("p", null, c(t.errorMessage), 1)
982
1004
  ], 2);
983
1005
  }
984
- const Rt = /* @__PURE__ */ f(ft, [["render", bt], ["__scopeId", "data-v-fbe2bf7e"]]), yt = {
985
- directives: { maska: O },
1006
+ const Pt = /* @__PURE__ */ h(Et, [["render", At], ["__scopeId", "data-v-710257d0"]]), Dt = {
1007
+ directives: { maska: E },
986
1008
  name: "wra-text-input",
987
1009
  props: {
988
1010
  modelValue: {
@@ -1017,11 +1039,11 @@ const Rt = /* @__PURE__ */ f(ft, [["render", bt], ["__scopeId", "data-v-fbe2bf7e
1017
1039
  methods: {
1018
1040
  validate(t) {
1019
1041
  if (this.$emit("update:modelValue", t), this.errorMessage = "", this.rules != null)
1020
- for (let s = 0; s < this.rules.length; s++) {
1021
- const e = this.rules[s];
1022
- let a = e(t);
1023
- if (a != !0) {
1024
- this.errorMessage = a, this.$emit("valid", { id: this.id, value: !1 });
1042
+ for (let a = 0; a < this.rules.length; a++) {
1043
+ const e = this.rules[a];
1044
+ let s = e(t);
1045
+ if (s != !0) {
1046
+ this.errorMessage = s, this.$emit("valid", { id: this.id, value: !1 });
1025
1047
  break;
1026
1048
  }
1027
1049
  }
@@ -1035,43 +1057,738 @@ const Rt = /* @__PURE__ */ f(ft, [["render", bt], ["__scopeId", "data-v-fbe2bf7e
1035
1057
  this.validate(this.modelValue);
1036
1058
  },
1037
1059
  emits: ["update:modelValue", "valid"]
1038
- }, Vt = ["for"], Mt = ["id", "data-maska", "dataMaskaTokens", "value", "inputmode", "placeholder"];
1039
- function St(t, s, e, a, i, r) {
1040
- const n = E("maska");
1041
- return l(), d("div", {
1042
- class: v({ error: i.errorMessage != !1 })
1060
+ }, Nt = ["for"], Rt = ["id", "data-maska", "dataMaskaTokens", "value", "inputmode", "placeholder"];
1061
+ function Kt(t, a, e, s, r, i) {
1062
+ const n = W("maska");
1063
+ return o(), l("div", {
1064
+ class: _({ error: r.errorMessage != !1 })
1043
1065
  }, [
1044
- o("label", { for: e.id }, h(e.label), 9, Vt),
1045
- I(o("input", {
1066
+ d("label", { for: e.id }, c(e.label), 9, Nt),
1067
+ I(d("input", {
1046
1068
  id: e.id,
1047
1069
  type: "text",
1048
1070
  "data-maska": e.dataMaska,
1049
1071
  dataMaskaTokens: e.dataMaskaTokens,
1050
1072
  value: e.modelValue,
1051
- onInput: s[0] || (s[0] = (u) => r.validate(u.target.value)),
1073
+ onInput: a[0] || (a[0] = (u) => i.validate(u.target.value)),
1052
1074
  inputmode: e.inputmode || "text",
1053
1075
  placeholder: e.placeholder
1054
- }, null, 40, Mt), [
1076
+ }, null, 40, Rt), [
1055
1077
  [n]
1056
1078
  ]),
1057
- o("p", null, h(i.errorMessage), 1)
1079
+ d("p", null, c(r.errorMessage), 1)
1080
+ ], 2);
1081
+ }
1082
+ const Ht = /* @__PURE__ */ h(Dt, [["render", Kt], ["__scopeId", "data-v-de5da846"]]), zt = {
1083
+ name: "wra-icon",
1084
+ props: {
1085
+ /** Name of icon from material design icons by pictogrammers */
1086
+ icon: {
1087
+ type: String,
1088
+ required: !0
1089
+ },
1090
+ /** Width of icon */
1091
+ width: {
1092
+ type: Number,
1093
+ default: 24
1094
+ },
1095
+ /** Height of icon */
1096
+ height: {
1097
+ type: Number,
1098
+ default: 24
1099
+ },
1100
+ /** Override default viewbox, the size and postion of the SVG, that is calculated from height and width. */
1101
+ viewBox: {
1102
+ type: String,
1103
+ default: "0 0 24 24"
1104
+ },
1105
+ /** Defines the colour of the outline of the icon; */
1106
+ stroke: {
1107
+ type: String
1108
+ },
1109
+ /** Defines the colour of the icon */
1110
+ fill: {
1111
+ type: String
1112
+ }
1113
+ }
1114
+ }, Ut = ["width", "height", "viewBox", "stroke", "fill"], Gt = ["d"];
1115
+ function Yt(t, a, e, s, r, i) {
1116
+ return o(), l("svg", {
1117
+ width: e.width + "px",
1118
+ height: e.height + "px",
1119
+ viewBox: e.viewBox,
1120
+ stroke: e.stroke,
1121
+ fill: e.fill
1122
+ }, [
1123
+ d("path", {
1124
+ d: e.icon,
1125
+ width: "100%",
1126
+ height: "100%"
1127
+ }, null, 8, Gt)
1128
+ ], 8, Ut);
1129
+ }
1130
+ const Jt = /* @__PURE__ */ h(zt, [["render", Yt]]), Zt = {
1131
+ name: "wra-snackbar",
1132
+ emits: ["update:visible"],
1133
+ props: {
1134
+ /** If snackbar is visible */
1135
+ visible: {
1136
+ type: Boolean,
1137
+ default: !1
1138
+ },
1139
+ /** Snackbar text content */
1140
+ label: {
1141
+ type: String
1142
+ },
1143
+ /** Time in ms for the snackbar to disappear after appearing */
1144
+ timeout: {
1145
+ type: Number,
1146
+ validator(t) {
1147
+ return t >= 0;
1148
+ }
1149
+ },
1150
+ /** Colour of left border */
1151
+ borderColor: {
1152
+ type: String,
1153
+ validator(t) {
1154
+ return ["blue", "green", "warning", "error"].includes(t);
1155
+ }
1156
+ },
1157
+ /** Show the close dialogue */
1158
+ showClose: {
1159
+ type: Boolean,
1160
+ default: !0
1161
+ },
1162
+ /** Text in the close button */
1163
+ closeLabel: {
1164
+ type: String,
1165
+ default: "Close"
1166
+ }
1167
+ },
1168
+ data: () => ({
1169
+ showSnackbar: !1
1170
+ }),
1171
+ methods: {
1172
+ snackbarTimer(t) {
1173
+ setTimeout(() => {
1174
+ this.showSnackbar = !1;
1175
+ }, t);
1176
+ }
1177
+ },
1178
+ watch: {
1179
+ visible(t) {
1180
+ this.showSnackbar = t, t === !0 && this.timeout && this.snackbarTimer(this.timeout);
1181
+ }
1182
+ },
1183
+ created() {
1184
+ this.visible === !0 && (this.showSnackbar = !0, this.timeout && this.snackbarTimer(this.timeout));
1185
+ }
1186
+ }, Qt = (t) => (A("data-v-941b03d0"), t = t(), P(), t), Xt = { class: "snackbar-content" }, ea = /* @__PURE__ */ Qt(() => /* @__PURE__ */ d("span", { class: "sr-only" }, "Error:", -1));
1187
+ function ta(t, a, e, s, r, i) {
1188
+ return o(), F(U, { name: "snackbar" }, {
1189
+ default: G(() => [
1190
+ t.showSnackbar ? (o(), l("div", {
1191
+ key: 0,
1192
+ role: "alert",
1193
+ "aria-live": "polite",
1194
+ class: _(["snackbar snackbar-flex", {
1195
+ "border-blue": e.borderColor === "blue",
1196
+ "border-red": e.borderColor === "red",
1197
+ "border-yellow": e.borderColor === "yellow",
1198
+ "border-green": e.borderColor === "green"
1199
+ }])
1200
+ }, [
1201
+ d("div", Xt, [
1202
+ ea,
1203
+ b(t.$slots, "default", {}, () => [
1204
+ D(c(e.label), 1)
1205
+ ], !0)
1206
+ ]),
1207
+ e.showClose ? (o(), l("button", {
1208
+ key: 0,
1209
+ class: "snackbar-close",
1210
+ onClick: a[0] || (a[0] = (n) => t.showSnackbar = !1)
1211
+ }, c(e.closeLabel), 1)) : k("", !0)
1212
+ ], 2)) : k("", !0)
1213
+ ]),
1214
+ _: 3
1215
+ });
1216
+ }
1217
+ const aa = /* @__PURE__ */ h(Zt, [["render", ta], ["__scopeId", "data-v-941b03d0"]]), sa = {
1218
+ name: "wra-expansion-panel",
1219
+ props: {
1220
+ title: {
1221
+ type: String,
1222
+ required: !0
1223
+ },
1224
+ ariaTitle: {
1225
+ type: String,
1226
+ required: !0
1227
+ },
1228
+ color: {
1229
+ type: String
1230
+ }
1231
+ },
1232
+ data() {
1233
+ return {
1234
+ showPanel: !1
1235
+ };
1236
+ },
1237
+ computed: {
1238
+ style() {
1239
+ return {
1240
+ color: this.color
1241
+ };
1242
+ }
1243
+ },
1244
+ methods: {
1245
+ togglePanel() {
1246
+ this.showPanel = !this.showPanel;
1247
+ }
1248
+ }
1249
+ }, ia = ["aria-controls", "id"], ra = { class: "icon-wrapper" }, na = ["aria-hidden", "id"], oa = { class: "inner-panel" };
1250
+ function la(t, a, e, s, r, i) {
1251
+ return o(), l("div", null, [
1252
+ d("button", {
1253
+ "aria-controls": "expansion-content-" + e.ariaTitle,
1254
+ id: "expansion-control-" + e.ariaTitle,
1255
+ onClick: a[0] || (a[0] = (...n) => i.togglePanel && i.togglePanel(...n)),
1256
+ style: z(i.style)
1257
+ }, [
1258
+ D(c(e.title) + " ", 1),
1259
+ d("span", ra, [
1260
+ d("span", {
1261
+ class: _(["panel-icon", {
1262
+ "show-panel-icon": r.showPanel,
1263
+ "hide-panel-icon": !r.showPanel
1264
+ }])
1265
+ }, null, 2)
1266
+ ])
1267
+ ], 12, ia),
1268
+ te(U, { name: "slide-fade" }, {
1269
+ default: G(() => [
1270
+ r.showPanel ? (o(), l("div", {
1271
+ key: 0,
1272
+ class: "panel-content",
1273
+ "aria-hidden": !r.showPanel,
1274
+ id: "content-" + e.ariaTitle
1275
+ }, [
1276
+ d("div", oa, [
1277
+ b(t.$slots, "default", {}, void 0, !0)
1278
+ ])
1279
+ ], 8, na)) : k("", !0)
1280
+ ]),
1281
+ _: 3
1282
+ })
1283
+ ]);
1284
+ }
1285
+ const da = /* @__PURE__ */ h(sa, [["render", la], ["__scopeId", "data-v-bff9aed8"]]), ua = {
1286
+ name: "wra-tab",
1287
+ props: {
1288
+ label: {
1289
+ type: String,
1290
+ required: !0
1291
+ },
1292
+ /** Whether on active tab or not */
1293
+ active: {
1294
+ type: Boolean,
1295
+ default: !1
1296
+ },
1297
+ focus: {
1298
+ type: Boolean,
1299
+ default: !1
1300
+ }
1301
+ },
1302
+ data() {
1303
+ return {
1304
+ activeTab: 0
1305
+ };
1306
+ },
1307
+ watch: {
1308
+ focus(t) {
1309
+ t === !0 && this.$refs.tabButton.focus();
1310
+ }
1311
+ }
1312
+ };
1313
+ function ca(t, a, e, s, r, i) {
1314
+ return o(), l("button", {
1315
+ ref: "tabButton",
1316
+ class: _(["tab-button", e.active === !0 && "tab-button--active"])
1317
+ }, c(e.label), 3);
1318
+ }
1319
+ const ha = /* @__PURE__ */ h(ua, [["render", ca], ["__scopeId", "data-v-3ea7f91c"]]), fa = {
1320
+ name: "wra-tabs",
1321
+ emits: "update:modelValue",
1322
+ props: {
1323
+ /** The currently selected tab, starts from 0 */
1324
+ modelValue: {
1325
+ type: Number,
1326
+ default: 0
1327
+ },
1328
+ /** Tabs to display */
1329
+ options: {
1330
+ type: Array,
1331
+ required: !0
1332
+ }
1333
+ },
1334
+ components: {
1335
+ Tab: ha
1336
+ },
1337
+ data() {
1338
+ return {
1339
+ activeTab: 0,
1340
+ focusTab: 0
1341
+ };
1342
+ },
1343
+ methods: {
1344
+ onTabClick(t) {
1345
+ this.activeTab = t, this.focusTab = t, this.$emit("update:modelValue", this.activeTab);
1346
+ },
1347
+ onKeyLeft() {
1348
+ this.focusTab > 0 && this.focusTab--;
1349
+ },
1350
+ onKeyRight() {
1351
+ this.focusTab < this.options.length - 1 && this.focusTab++;
1352
+ }
1353
+ },
1354
+ created() {
1355
+ this.activeTab = this.modelValue;
1356
+ }
1357
+ }, pa = { class: "tabs" };
1358
+ function ma(t, a, e, s, r, i) {
1359
+ const n = H("tab");
1360
+ return o(), l("div", pa, [
1361
+ (o(!0), l(V, null, x(e.options, (u, f) => (o(), F(n, {
1362
+ tabindex: f === 0 ? 0 : -1,
1363
+ label: u,
1364
+ active: f === r.activeTab,
1365
+ focus: f === r.focusTab,
1366
+ onClick: (p) => i.onTabClick(f),
1367
+ onFocus: (p) => r.focusTab = f,
1368
+ onKeydown: [
1369
+ v((p) => i.onTabClick(f), ["enter"]),
1370
+ v((p) => i.onTabClick(f), ["space"]),
1371
+ v((p) => i.onKeyLeft(f), ["left"]),
1372
+ v((p) => i.onKeyRight(f), ["right"])
1373
+ ]
1374
+ }, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
1375
+ ]);
1376
+ }
1377
+ const ba = /* @__PURE__ */ h(fa, [["render", ma], ["__scopeId", "data-v-bbf8594b"]]), ka = {
1378
+ name: "wra-banner",
1379
+ props: {
1380
+ hiddenPrint: {
1381
+ type: Boolean,
1382
+ default: !1
1383
+ }
1384
+ }
1385
+ }, _a = {
1386
+ key: 0,
1387
+ class: "wra-banner-actions"
1388
+ };
1389
+ function ga(t, a, e, s, r, i) {
1390
+ return o(), l("div", {
1391
+ class: _(["wra-banner", { "hidden-print": e.hiddenPrint === !0 }])
1392
+ }, [
1393
+ d("div", null, [
1394
+ b(t.$slots, "default", {}, void 0, !0)
1395
+ ]),
1396
+ t.$slots.actions ? (o(), l("div", _a, [
1397
+ b(t.$slots, "actions", {}, void 0, !0)
1398
+ ])) : k("", !0)
1399
+ ], 2);
1400
+ }
1401
+ const va = /* @__PURE__ */ h(ka, [["render", ga], ["__scopeId", "data-v-b2c28160"]]), ya = {
1402
+ name: "wra-divider",
1403
+ props: {
1404
+ /** Thickness of the divider */
1405
+ thickness: {
1406
+ type: String,
1407
+ default: "medium",
1408
+ validator(t) {
1409
+ return ["large", "small"].includes(t);
1410
+ }
1411
+ },
1412
+ /** Aria role for the divider */
1413
+ role: {
1414
+ type: String,
1415
+ default: "presentation"
1416
+ }
1417
+ },
1418
+ data() {
1419
+ return {};
1420
+ }
1421
+ }, wa = ["role"];
1422
+ function Va(t, a, e, s, r, i) {
1423
+ return o(), l("hr", {
1424
+ role: e.role,
1425
+ class: _({
1426
+ "wra-divider-large": e.thickness === "large",
1427
+ "wra-divider": e.thickness === "medium",
1428
+ "wra-divider-small": e.thickness === "small"
1429
+ })
1430
+ }, null, 10, wa);
1431
+ }
1432
+ const $a = /* @__PURE__ */ h(ya, [["render", Va], ["__scopeId", "data-v-8a258fe5"]]), Sa = {
1433
+ name: "wra-breadcrumbs",
1434
+ props: {
1435
+ /** Items to display in the breadcrumbs */
1436
+ items: {
1437
+ type: Array,
1438
+ required: !0
1439
+ },
1440
+ /** Change the default object name in items for the breadcrumb title */
1441
+ itemTitle: {
1442
+ type: String,
1443
+ default: "title"
1444
+ },
1445
+ /** Change the default object name in items for disabling the breadcrumb */
1446
+ itemDisabled: {
1447
+ type: String,
1448
+ default: "disabled"
1449
+ },
1450
+ /** Change the default object name in items for the breadcrumb link */
1451
+ itemHref: {
1452
+ type: String,
1453
+ default: "href"
1454
+ }
1455
+ }
1456
+ }, Ia = (t) => (A("data-v-99803a33"), t = t(), P(), t), xa = { class: "wra-breadcrumbs" }, Ma = { class: "wra-breadcrumbs-item" }, Ta = ["href"], Ca = {
1457
+ key: 1,
1458
+ class: "wra-breadcrumbs-link--disabled"
1459
+ }, Oa = {
1460
+ key: 0,
1461
+ class: "wra-breadcrumbs-divider"
1462
+ }, Wa = /* @__PURE__ */ Ia(() => /* @__PURE__ */ d("span", { class: "wra-breadcrumbs-chevron" }, null, -1));
1463
+ function Ea(t, a, e, s, r, i) {
1464
+ return o(), l("ul", xa, [
1465
+ (o(!0), l(V, null, x(e.items, (n, u) => (o(), l(V, null, [
1466
+ d("li", Ma, [
1467
+ b(t.$slots, "default", {}, () => [
1468
+ n[e.itemDisabled] ? (o(), l("span", Ca, c(n[e.itemTitle]), 1)) : (o(), l("a", {
1469
+ key: 0,
1470
+ href: n[e.itemHref],
1471
+ class: "wra-breadcrumbs-link"
1472
+ }, c(n[e.itemTitle]), 9, Ta))
1473
+ ], !0)
1474
+ ]),
1475
+ u !== e.items.length - 1 ? (o(), l("li", Oa, [
1476
+ b(t.$slots, "divider", {}, () => [
1477
+ Wa
1478
+ ], !0)
1479
+ ])) : k("", !0)
1480
+ ], 64))), 256))
1481
+ ]);
1482
+ }
1483
+ const qa = /* @__PURE__ */ h(Sa, [["render", Ea], ["__scopeId", "data-v-99803a33"]]), ja = {
1484
+ name: "wra-autocomplete",
1485
+ emits: ["update:modelValue"],
1486
+ props: {
1487
+ modelValue: {
1488
+ type: Object
1489
+ },
1490
+ /** Label for autocomplete */
1491
+ label: {
1492
+ type: String
1493
+ },
1494
+ /** Input's ID tag */
1495
+ id: {
1496
+ type: String
1497
+ },
1498
+ /** Options for autocomplete list */
1499
+ options: {
1500
+ type: Object,
1501
+ required: !0
1502
+ },
1503
+ /** Change the default object name in options for the data */
1504
+ optionValue: {
1505
+ type: String,
1506
+ default: "value"
1507
+ },
1508
+ /** Change the default object name in options for the displayed value */
1509
+ optionLabel: {
1510
+ type: String,
1511
+ default: "label"
1512
+ },
1513
+ /** Mininum number of characters before the list appears */
1514
+ minLength: {
1515
+ type: Number,
1516
+ default: 1
1517
+ },
1518
+ /** If list should automatically expand when input is focused */
1519
+ autoExpand: {
1520
+ type: Boolean,
1521
+ default: !1
1522
+ }
1523
+ },
1524
+ data: () => ({
1525
+ userInput: {},
1526
+ hasFocus: !1,
1527
+ listHasFocus: !1,
1528
+ optionIndex: null
1529
+ }),
1530
+ methods: {
1531
+ onInputTyping() {
1532
+ this.optionIndex = null, this.userInput[this.optionValue] = this.getInputValue, this.$emit("update:modelValue", this.userInput);
1533
+ },
1534
+ onOptionSelect(t) {
1535
+ (t == null ? void 0 : t.clickable) !== !1 && (this.userInput = t, this.userInput = Object.assign({}, t), this.$emit("update:modelValue", this.userInput));
1536
+ },
1537
+ onBlur() {
1538
+ this.listHasFocus === !1 && (this.hasFocus = !1);
1539
+ },
1540
+ onOptionBlur(t) {
1541
+ t === this.optionIndex && (this.hasFocus = !1, this.listHasFocus = !1);
1542
+ },
1543
+ onUpKey() {
1544
+ if (!(this.optionsHasMatches === !1 || this.showOptions === !1)) {
1545
+ if (this.optionIndex === 0)
1546
+ this.optionIndex = null, this.listHasFocus = !1, this.$refs.autocompleteInput.focus();
1547
+ else if (this.optionIndex > 0) {
1548
+ this.optionIndex--, this.listHasFocus = !0;
1549
+ const t = `option${this.optionIndex}`;
1550
+ this.$refs[t][0].focus();
1551
+ }
1552
+ }
1553
+ },
1554
+ onDownKey() {
1555
+ if (this.optionsHasMatches === !1 || this.showOptions === !1)
1556
+ return;
1557
+ this.optionIndex === null ? this.optionIndex = 0 : this.optionIndex < this.filterOptions.length - 1 && this.optionIndex++, this.listHasFocus = !0;
1558
+ const t = `option${this.optionIndex}`;
1559
+ this.$refs[t][0].focus();
1560
+ }
1561
+ },
1562
+ computed: {
1563
+ showOptions() {
1564
+ const t = this.options.some(
1565
+ (s) => s[this.optionLabel] === this.userInput[this.optionLabel]
1566
+ ), a = this.userInput[this.optionLabel].length >= this.minLength;
1567
+ return t !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || a === !0);
1568
+ },
1569
+ filterOptions() {
1570
+ const t = this.options.filter(
1571
+ (a) => a.label.toLowerCase().includes(this.getInputValue)
1572
+ );
1573
+ return t.length > 0 ? t : this.autoExpand === !0 ? this.options : (t.push({
1574
+ [this.optionLabel]: "No results found",
1575
+ [this.optionValue]: "",
1576
+ clickable: !1
1577
+ }), t);
1578
+ },
1579
+ optionsHasMatches() {
1580
+ return this.filterOptions.every(
1581
+ (t) => Object.hasOwn(t, "clickable") ? t.clickable === !0 : !0
1582
+ );
1583
+ },
1584
+ getInputValue() {
1585
+ return this.userInput[this.optionLabel].toLowerCase();
1586
+ }
1587
+ },
1588
+ created() {
1589
+ if (this.modelValue && Object.keys(this.modelValue).length >= 2) {
1590
+ this.userInput = this.modelValue;
1591
+ return;
1592
+ }
1593
+ this.userInput[this.optionLabel] = "", this.userInput[this.optionValue] = "";
1594
+ }
1595
+ }, Ba = { class: "autocomplete" }, La = ["for"], Fa = ["id"], Aa = {
1596
+ role: "listbox",
1597
+ class: "autocomplete-list"
1598
+ }, Pa = ["onMousedown", "onKeydown", "onBlur"];
1599
+ function Da(t, a, e, s, r, i) {
1600
+ return o(), l("div", Ba, [
1601
+ d("label", {
1602
+ for: e.id,
1603
+ class: "autocomplete-label"
1604
+ }, c(e.label), 9, La),
1605
+ I(d("input", {
1606
+ ref: "autocompleteInput",
1607
+ "onUpdate:modelValue": a[0] || (a[0] = (n) => t.userInput[e.optionLabel] = n),
1608
+ role: "combobox",
1609
+ inputmode: "text",
1610
+ id: e.id,
1611
+ class: _(["autocomplete-input", { "autocomplete-input--focus": t.hasFocus }]),
1612
+ "aria-owns": "autocomplete-list",
1613
+ autocomplete: "off",
1614
+ onInput: a[1] || (a[1] = (n) => i.onInputTyping()),
1615
+ onFocus: a[2] || (a[2] = (n) => t.hasFocus = !0),
1616
+ onBlur: a[3] || (a[3] = (...n) => i.onBlur && i.onBlur(...n)),
1617
+ onKeydown: [
1618
+ a[4] || (a[4] = v(S((...n) => i.onUpKey && i.onUpKey(...n), ["prevent"]), ["up"])),
1619
+ a[5] || (a[5] = v(S((...n) => i.onDownKey && i.onDownKey(...n), ["prevent"]), ["down"]))
1620
+ ]
1621
+ }, null, 42, Fa), [
1622
+ [ae, t.userInput[e.optionLabel]]
1623
+ ]),
1624
+ I(d("ul", Aa, [
1625
+ (o(!0), l(V, null, x(i.filterOptions, (n, u) => (o(), l("li", {
1626
+ ref_for: !0,
1627
+ ref: `option${u}`,
1628
+ tabindex: "-1",
1629
+ class: _({
1630
+ "autocomplete-item-not-clickable": n.clickable === !1,
1631
+ "autocomplete-item--focus": u === t.optionIndex
1632
+ }),
1633
+ onMousedown: (f) => i.onOptionSelect(n),
1634
+ onKeydown: [
1635
+ a[6] || (a[6] = v(S((...f) => i.onUpKey && i.onUpKey(...f), ["prevent"]), ["up"])),
1636
+ a[7] || (a[7] = v(S((...f) => i.onDownKey && i.onDownKey(...f), ["prevent"]), ["down"])),
1637
+ v(S((f) => i.onOptionSelect(n), ["prevent"]), ["enter"]),
1638
+ v(S((f) => i.onOptionSelect(n), ["prevent"]), ["space"])
1639
+ ],
1640
+ onBlur: (f) => i.onOptionBlur(u)
1641
+ }, c(n[e.optionLabel]), 43, Pa))), 256))
1642
+ ], 512), [
1643
+ [se, i.showOptions]
1644
+ ])
1645
+ ]);
1646
+ }
1647
+ const Na = /* @__PURE__ */ h(ja, [["render", Da], ["__scopeId", "data-v-7085f41c"]]), Ra = {
1648
+ name: "wra-table",
1649
+ props: {
1650
+ inheritBackground: {
1651
+ type: Boolean,
1652
+ default: !1
1653
+ },
1654
+ caption: {
1655
+ type: String
1656
+ },
1657
+ leftAlignHeaders: {
1658
+ type: Boolean,
1659
+ default: !0
1660
+ }
1661
+ }
1662
+ }, Ka = {
1663
+ key: 0,
1664
+ class: "wra-table-caption"
1665
+ };
1666
+ function Ha(t, a, e, s, r, i) {
1667
+ return o(), l("table", {
1668
+ class: _(["wra-table", {
1669
+ "wra-table-inherit": e.inheritBackground,
1670
+ "left-align-headers": e.leftAlignHeaders
1671
+ }])
1672
+ }, [
1673
+ e.caption ? (o(), l("caption", Ka, [
1674
+ b(t.$slots, "caption", {}, () => [
1675
+ D(c(e.caption), 1)
1676
+ ])
1677
+ ])) : k("", !0),
1678
+ b(t.$slots, "default")
1058
1679
  ], 2);
1059
1680
  }
1060
- const Ft = /* @__PURE__ */ f(yt, [["render", St], ["__scopeId", "data-v-de5da846"]]);
1681
+ const za = /* @__PURE__ */ h(Ra, [["render", Ha]]), Ua = {
1682
+ name: "wra-service-logo",
1683
+ props: {
1684
+ serviceLogo: {
1685
+ type: String,
1686
+ required: !0
1687
+ },
1688
+ label: {
1689
+ type: String,
1690
+ required: !0
1691
+ },
1692
+ alt: {
1693
+ type: String,
1694
+ required: !0
1695
+ },
1696
+ href: {
1697
+ type: String
1698
+ }
1699
+ }
1700
+ }, Ga = ["href", "aria-label"], Ya = ["src", "alt"];
1701
+ function Ja(t, a, e, s, r, i) {
1702
+ return o(), l("a", {
1703
+ href: e.href,
1704
+ target: "_blank",
1705
+ rel: "noopener noreferrer",
1706
+ "aria-label": e.label,
1707
+ class: "service-link"
1708
+ }, [
1709
+ d("img", {
1710
+ src: e.serviceLogo,
1711
+ class: "service-logo",
1712
+ alt: e.alt
1713
+ }, null, 8, Ya)
1714
+ ], 8, Ga);
1715
+ }
1716
+ const Za = /* @__PURE__ */ h(Ua, [["render", Ja], ["__scopeId", "data-v-61cd7edd"]]), Qa = {
1717
+ name: "wra-footer",
1718
+ props: {
1719
+ /** Display the footer when printed */
1720
+ hiddenPrint: {
1721
+ type: Boolean,
1722
+ default: !1
1723
+ }
1724
+ }
1725
+ };
1726
+ function Xa(t, a, e, s, r, i) {
1727
+ return o(), l("footer", {
1728
+ class: _(["wra-footer", { "hidden-print": e.hiddenPrint === !0 }])
1729
+ }, [
1730
+ b(t.$slots, "default", {}, void 0, !0)
1731
+ ], 2);
1732
+ }
1733
+ const es = /* @__PURE__ */ h(Qa, [["render", Xa], ["__scopeId", "data-v-a56037fc"]]), ts = {
1734
+ WraValidationTooltip: ne,
1735
+ WraCheckbox: Y,
1736
+ WraCheckboxGroup: ge,
1737
+ WraContentSectionTitle: Ve,
1738
+ WraRadio: J,
1739
+ WraRadioGroup: Ee,
1740
+ WraSelect: Ke,
1741
+ WraSubheader: Ue,
1742
+ WraTextArea: Qe,
1743
+ WraHeader: ot,
1744
+ WraButton: ht,
1745
+ WraDateInput: $t,
1746
+ WraNumberInput: Wt,
1747
+ WraPriceInput: Pt,
1748
+ WraTextInput: Ht,
1749
+ WraIcon: Jt,
1750
+ WraSnackbar: aa,
1751
+ WraExpansionPanel: da,
1752
+ WraTabs: ba,
1753
+ WraBanner: va,
1754
+ WraDivider: $a,
1755
+ WraBreadcrumbs: qa,
1756
+ WraAutocomplete: Na,
1757
+ WraTable: za,
1758
+ WraServiceLogo: Za,
1759
+ WraFooter: es
1760
+ }, ss = {
1761
+ install(t) {
1762
+ for (const [a, e] of Object.entries(ts))
1763
+ t.component(a, e);
1764
+ }
1765
+ };
1061
1766
  export {
1062
- Tt as Button,
1063
- ie as Checkbox,
1064
- wt as CheckboxGroup,
1065
- Et as ContentSectionTitle,
1066
- At as DateInput,
1067
- Ct as Header,
1068
- Dt as NumberInput,
1069
- Rt as PriceInput,
1070
- be as Radio,
1071
- It as RadioGroup,
1072
- Ot as Select,
1073
- jt as Subheader,
1074
- qt as TextArea,
1075
- Ft as TextInput,
1076
- xt as ValidationTooltip
1767
+ Na as WraAutocomplete,
1768
+ va as WraBanner,
1769
+ qa as WraBreadcrumbs,
1770
+ ht as WraButton,
1771
+ Y as WraCheckbox,
1772
+ ge as WraCheckboxGroup,
1773
+ Ve as WraContentSectionTitle,
1774
+ $t as WraDateInput,
1775
+ $a as WraDivider,
1776
+ da as WraExpansionPanel,
1777
+ es as WraFooter,
1778
+ ot as WraHeader,
1779
+ Jt as WraIcon,
1780
+ Wt as WraNumberInput,
1781
+ Pt as WraPriceInput,
1782
+ J as WraRadio,
1783
+ Ee as WraRadioGroup,
1784
+ Ke as WraSelect,
1785
+ Za as WraServiceLogo,
1786
+ aa as WraSnackbar,
1787
+ Ue as WraSubheader,
1788
+ za as WraTable,
1789
+ ba as WraTabs,
1790
+ Qe as WraTextArea,
1791
+ Ht as WraTextInput,
1792
+ ne as WraValidationTootip,
1793
+ ss as default
1077
1794
  };