@wra-gov/vue-components 0.17.1 → 0.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vue-components.js +1014 -522
- package/dist/vue-components.umd.cjs +2 -2
- package/package.json +4 -2
package/dist/vue-components.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('body{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif}p{font-size:18px;line-height:24px;margin-bottom:0}body p{margin-bottom:0}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid #e5e5e5;font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:#2a225b;font-weight:700}a:hover{color:#2a225b;text-decoration:none}a:focus-visible{color:#1f1f1f;background-color:#ffd530;box-shadow:0 -4px #ffd530,0 2px #1f1f1f;outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px #ffd530,0 2px #1f1f1f}*[data-v-dbbbd450],*[data-v-dbbbd450]:before,*[data-v-dbbbd450]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-dbbbd450]{background-color:#323232;font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-dbbbd450]{display:none}}*[data-v-ea1f573c],*[data-v-ea1f573c]:before,*[data-v-ea1f573c]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-ea1f573c]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%}.autocomplete-input[data-v-ea1f573c]:disabled{opacity:.3}.autocomplete-input--focus[data-v-ea1f573c]{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}.autocomplete-label[data-v-ea1f573c]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-ea1f573c]{position:absolute;display:block;list-style-type:none;z-index:1;padding:0;border:1px solid #1f1f1f;border-top:0px;width:100%;max-height:200px;background:#f1f1f1;overflow-y:auto}.autocomplete-list>li[data-v-ea1f573c]{padding:2px 16px;border-bottom:1px solid #1f1f1f;cursor:pointer}.autocomplete-list>li[data-v-ea1f573c]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-ea1f573c]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-ea1f573c]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-ea1f573c]{background:#3b7dc5;color:#fff}.autocomplete-item-not-clickable[data-v-ea1f573c]{cursor:not-allowed}.autocomplete[data-v-ea1f573c]{position:relative}*[data-v-09473a78],*[data-v-09473a78]:before,*[data-v-09473a78]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-09473a78]{background-color:#f1f1f1;font-size:18px;color:#1f1f1f;padding:20px;border:none}.new-service[data-v-09473a78]{background-color:#ffd530}.new-service[data-v-09473a78] a{color:#1f1f1f}.new-service[data-v-09473a78] a:focus{color:#fff;background-color:#1f1f1f;box-shadow:0 -4px #1f1f1f,0 2px #fff;-webkit-box-shadow:0 -4px #1f1f1f,0 2px #ffffff}.wra-banner-actions[data-v-09473a78]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}@media print{.hidden-print[data-v-09473a78]{display:none}}*[data-v-99803a33],*[data-v-99803a33]:before,*[data-v-99803a33]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-99803a33]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-99803a33]{font-size:16px}.wra-breadcrumbs-item[data-v-99803a33]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-99803a33]{display:flex;align-items:center;justify-content:center;margin-right:10px;color:#666}.wra-breadcrumbs-link--disabled[data-v-99803a33]{color:#666}.wra-breadcrumbs-link[data-v-99803a33]{text-decoration:none;font-weight:700;color:#2a225b}.wra-breadcrumbs-link[data-v-99803a33]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-99803a33]:focus{opacity:1;color:#1f1f1f}.wra-breadcrumbs-chevron[data-v-99803a33]{content:" ";display:inline-block;border:solid #666666;border-width:3px 3px 0px 0px;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-bf478d25]{background-color:#1f1f1f;color:#fff;font-weight:700;border:none;cursor:pointer}button[data-v-bf478d25]:hover{opacity:.8;transition:all .3s ease}button[data-v-bf478d25]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}button[data-v-bf478d25]:focus:hover{opacity:1}.wra-blue[data-v-bf478d25]{background-color:#0360a6}.wra-red[data-v-bf478d25]{background-color:#a11}.wra-green[data-v-bf478d25]{background-color:#019e1e}.wra-revenue[data-v-bf478d25]{background-color:#2a225b}.wra-white[data-v-bf478d25]{background-color:#fff;color:#1f1f1f;outline:2px solid #1f1f1f}.default-button[data-v-bf478d25]{font-size:20px;padding:15px 20px}.small-button[data-v-bf478d25]{font-size:14px;padding:5px 10px}.outlined-button[data-v-bf478d25]{background-color:transparent;outline:2px solid var(--color-prop, #1f1f1f);color:var(--color-prop, #1f1f1f)}.outlined-button[data-v-bf478d25]:hover{opacity:1;background-color:var(--color-prop, #1f1f1f);color:#fff;transition:all .3s ease}.icon[data-v-bf478d25]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.back-icon[data-v-bf478d25]{border-width:3px 3px 0px 0px}.next-icon[data-v-bf478d25]{border-width:0px 0px 3px 3px}.prepend-icon-wrapper[data-v-bf478d25]{margin-right:15px}.append-icon-wrapper[data-v-bf478d25]{margin-left:15px}.card[data-v-eac873d3]{background-color:#f1f1f1;padding:20px 24px}.checkbox-label[data-v-32449131]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-32449131]:hover{background:#b5b5b5}.checkbox-input[data-v-32449131]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:#1f1f1f;width:20px;height:20px;border:1px solid #1f1f1f;border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-32449131]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:#1f1f1f;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-32449131]:checked:before{transform:scale(1)}.checkbox-input[data-v-32449131]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.checkbox-input[data-v-32449131]:focus-visible{outline-offset:0px}.checkbox-text[data-v-32449131]{padding:0 0 0 10px;font-size:18px}.checkbox[data-v-035e0eca]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-035e0eca]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-035e0eca]:hover{background:#b5b5b5}.checkbox-input[data-v-035e0eca]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:#1f1f1f;width:20px;height:20px;border:1px solid #1f1f1f;border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-035e0eca]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:#1f1f1f;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-035e0eca]:checked:before{transform:scale(1)}.checkbox-input[data-v-035e0eca]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.checkbox-input[data-v-035e0eca]:focus-visible{outline-offset:0px}.checkbox-text[data-v-035e0eca]{padding:0 0 0 10px;font-size:18px}.content-section-title[data-v-1d23d898]{border-bottom:2px solid #e5e5e5;border-top:10px solid #e5e5e5;padding-bottom:20px;padding-top:30px}*[data-v-adc61edc],*[data-v-adc61edc]:before,*[data-v-adc61edc]:after{box-sizing:border-box}.input-wrapper[data-v-adc61edc]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-adc61edc]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-adc61edc]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-adc61edc]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-adc61edc]{padding:16px 6px}.padding-for-no-prefix[data-v-adc61edc]{padding:16px}.input-wrapper[data-v-adc61edc]:focus-within{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}input[data-v-adc61edc]{border:none}label[data-v-adc61edc]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-adc61edc]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[data-v-7e328b0a],*[data-v-7e328b0a]:before,*[data-v-7e328b0a]:after{box-sizing:border-box}input[data-v-7e328b0a]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%;height:59px}input[data-v-7e328b0a]:focus{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}label[data-v-7e328b0a]{color:#1f1f1f;font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-7e328b0a]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}hr[data-v-5554eece]{margin:0}.wra-divider[data-v-5554eece]{border:3px solid #e5e5e5}.wra-divider-large[data-v-5554eece]{border:4px solid #e5e5e5}.wra-divider-small[data-v-5554eece]{border:2px solid #e5e5e5}.panel-icon[data-v-6993ae29]{content:" ";display:inline-block;border:solid #1f1f1f;border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-6993ae29]{margin-left:8px}.show-panel-icon[data-v-6993ae29]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-6993ae29]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}button[data-v-6993ae29]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:#2a225b;border:none;border-left:2px solid #b5b5b5;cursor:pointer;width:100%;text-align:left}button[data-v-6993ae29]:hover{opacity:.8}button[data-v-6993ae29]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:-2px;border-color:#ffd530}button[data-v-6993ae29]:focus:hover{opacity:1}.panel-content[data-v-6993ae29]{display:grid;border-left:2px solid #b5b5b5;background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-6993ae29]{overflow:hidden}.slide-fade-enter-active[data-v-6993ae29],.slide-fade-leave-active[data-v-6993ae29]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-6993ae29],.slide-fade-leave-to[data-v-6993ae29]{grid-template-rows:0fr}.wra-footer[data-v-182e61db]{flex-grow:0;background-color:#f1f1f1;padding:70px 20px 50px}@media print{.hidden-print[data-v-182e61db]{display:none}}div[data-v-2f692b7a]{font-weight:700}h1[data-v-2f692b7a]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-2f692b7a]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-2f692b7a]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-2f692b7a]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-2f692b7a]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-2f692b7a]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}*[data-v-a1adb454],*[data-v-a1adb454]:before,*[data-v-a1adb454]:after{box-sizing:border-box}.input-wrapper[data-v-a1adb454]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-a1adb454]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-a1adb454]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-a1adb454]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-a1adb454]{padding:16px 6px}.padding-for-no-prefix[data-v-a1adb454]{padding:16px}.input-wrapper[data-v-a1adb454]:focus-within{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}input[data-v-a1adb454]{border:none}label[data-v-a1adb454]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-a1adb454]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.pagination-button[data-v-b3b431ea]{background-color:transparent;color:#2a225b;font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button>*[data-v-b3b431ea]:first-child{margin-right:8px}.pagination-button[data-v-b3b431ea]:hover,.pagination-number[data-v-b3b431ea]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-b3b431ea]:focus,.pagination-number[data-v-b3b431ea]:focus{color:#1f1f1f;background-color:#ffd530;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}.pagination-button[data-v-b3b431ea]:focus:hover,.pagination-number[data-v-b3b431ea]:focus:hover{opacity:1}.pagination-number[data-v-b3b431ea]{color:#2a2a2a;background-color:#f1f1f1;padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;width:3rem;text-align:center}.pagination-number[data-v-b3b431ea]:hover{color:#2a2a2a;opacity:.8}.pagination-number--selected[data-v-b3b431ea]{background-color:#2a225b;color:#fff}.pagination-number--selected[data-v-b3b431ea]:hover:not(:focus){color:#fff}.pagination-divider[data-v-b3b431ea]{font-size:18px}.pagination[data-v-b3b431ea]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-b3b431ea]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.previous-icon[data-v-b3b431ea]{border-width:3px 3px 0px 0px}.next-icon[data-v-b3b431ea]{border-width:0px 0px 3px 3px}*[data-v-7d5eb543],*[data-v-7d5eb543]:before,*[data-v-7d5eb543]:after{box-sizing:border-box}.input-wrapper[data-v-7d5eb543]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-7d5eb543]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-7d5eb543]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-7d5eb543]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-7d5eb543]{padding:16px 6px}.padding-for-no-prefix[data-v-7d5eb543]{padding:16px}.input-wrapper[data-v-7d5eb543]:focus-within{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}input[data-v-7d5eb543]{border:none}label[data-v-7d5eb543]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-7d5eb543]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.radio-label[data-v-3c9ed011]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;display:grid;grid-template-columns:20px auto}.radio-label[data-v-3c9ed011]:hover{background:#b5b5b5}.radio-input[data-v-3c9ed011]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:#1f1f1f;width:20px;height:20px;border:1px solid #1f1f1f;border-radius:50%;transform:translateY(1px);display:grid;place-content:center}.radio-input[data-v-3c9ed011]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:#1f1f1f}.radio-input[data-v-3c9ed011]:checked:before{transform:scale(1)}.radio-input[data-v-3c9ed011]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.radio-input[data-v-3c9ed011]:focus-visible{outline-offset:0px}.radio-text[data-v-3c9ed011]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-3c9ed011]{font-size:14px}p[data-v-3c9ed011]{margin:0}.radio[data-v-9602790b]:not(:last-child):not(:only-child){margin-bottom:8px}*[data-v-b3b8a61e],*[data-v-b3b8a61e]:before,*[data-v-b3b8a61e]:after{box-sizing:border-box}select[data-v-b3b8a61e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none;padding:16px}.select[data-v-b3b8a61e]{border:1px solid #1f1f1f;border-radius:0;padding-right:16px;font-size:16px;cursor:pointer;line-height:20px;background-color:#fff;display:grid;grid-template-areas:"select";align-items:center;position:relative}.select[data-v-b3b8a61e]:after{content:"";width:.8em;height:.5em;background-color:#1f1f1f;clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-b3b8a61e],.select[data-v-b3b8a61e]:after{grid-area:select}select:focus+.focus[data-v-b3b8a61e]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid #1f1f1f;outline:3px solid #ffd530;border-radius:inherit}label[data-v-b3b8a61e]{color:#1f1f1f;font-size:16px}.service-logo[data-v-0ba072f4]{max-width:100%}.service-link[data-v-0ba072f4]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-0ba072f4]:focus{border:#ffd530 solid 2px;outline:#1f1f1f solid 2px;background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:#f1f1f1}.left-align-headers{text-align:left}.wra-simple-table-caption{background-color:inherit;text-align:left;padding:16px 16px 16px 0;font-weight:700;font-size:20px}.wra-simple-table{width:100%;line-height:20px;color:#1f1f1f;border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid #666666}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid #666666}.wra-simple-table td,.wra-simple-table th{padding:16px}.wra-simple-table>thead>tr>th:first-child,.wra-simple-table>tbody>tr>th:first-child,.wra-simple-table>tbody>tr>td:first-child{padding-left:0}.wra-simple-table>thead>tr>th:last-child,.wra-simple-table>tbody>tr>th:last-child,.wra-simple-table>tbody>tr>td:last-child{padding-right:0}*[data-v-d365ea40],*[data-v-d365ea40]:before,*[data-v-d365ea40]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-d365ea40]{background:#e5e5e5;font-size:18px;padding:20px 16px 20px 24px;border-left:3px solid #a5a5a5;position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-d365ea40]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:baseline;row-gap:10px;column-gap:20px}@media (max-width: 900px){.snackbar-flex[data-v-d365ea40]{width:80%}}.snackbar-content[data-v-d365ea40]{text-wrap:wrap}.close-icon-wrapper[data-v-d365ea40]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-d365ea40]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-d365ea40]:focus{background-color:#ffd530;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}.close-icon-wrapper[data-v-d365ea40]:focus:hover{opacity:1}.close-icon-line-one[data-v-d365ea40]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-d365ea40]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-d365ea40]{background-color:#ffe4e5;border-color:#a11}.wra-success[data-v-d365ea40]{background-color:#cdf7d4;border-color:#019e1e}.wra-info[data-v-d365ea40]{background-color:#c2e0fc;border-color:#0360a6}.wra-warning[data-v-d365ea40]{background-color:#fff5ce;border-color:#ffd530}.sr-only[data-v-d365ea40]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.snackbar-enter-active[data-v-d365ea40],.snackbar-leave-active[data-v-d365ea40]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-d365ea40],.snackbar-leave-to[data-v-d365ea40]{opacity:0}.subheader[data-v-c5d10b79]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}@media screen and (min-width: 600px){#regular{display:table}#pivoted{display:none}}@media screen and (max-width: 599px){#regular{display:none}#pivoted{display:table}}@media print{#regular{display:table}#pivoted{display:none}}.bold{font-weight:700}.wra-table-caption{background-color:inherit;text-align:left;padding:16px;font-weight:700;font-size:20px}.wra-table{width:100%;line-height:20px;background-color:#f1f1f1;color:#1f1f1f;border-spacing:0;padding:0 16px 16px;table-layout:auto}.wra-table td,.wra-table th{word-break:break-word}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid #666666}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid #666666}.wra-table td,.wra-table th{padding:16px}.wra-table>thead>tr>th:first-child,.wra-table>tbody>tr>td:first-child{padding-left:0}.wra-table>thead>tr>th:last-child,.wra-table>tbody>tr>td:last-child{padding-right:0}#pivoted{table-layout:fixed;text-align:left}#pivoted>tbody>tr:last-child>td,#pivoted>tbody>tr:last-child>th{border-bottom:1px solid #666666}#pivoted>tbody>tr:not(:last-child)>td,#pivoted>tbody>tr:not(:last-child)>th{border-bottom:none}#pivoted>tbody>tr>th{padding-left:0}#pivoted table{width:100%}#pivoted>table>tr>th,#pivoted>table>tr>td{width:50%}*[data-v-19bb5a16]{box-sizing:border-box;border:none}.tab-button[data-v-19bb5a16]{border-top:6px #0360a6 solid;font-size:24px;font-weight:700;color:#c2e0fc;background:#1f446d;padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-19bb5a16]:hover:not(.tab-button--active){background:#3b7dc5;color:#fff}.tab-button.tab-button--active[data-v-19bb5a16]:focus{border-color:#1f1f1f;box-shadow:2px 0 #1f1f1f inset,-2px -2px #1f1f1f inset}.tab-button--active[data-v-19bb5a16]{background:#fff;color:#1f1f1f;border-top:6px #b5b5b5 solid}.tab-button[data-v-19bb5a16]:focus{border-top:6px #0360a6 solid;color:#1f1f1f;background:#ffd530;box-shadow:2px 2px #1f1f1f inset,-2px -2px #1f1f1f inset;outline-style:none}@media (max-width: 768px){.tab-button[data-v-19bb5a16]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-bbf8594b]{background-color:#0360a6;width:100%}*[data-v-5633552a],*[data-v-5633552a]:before,*[data-v-5633552a]:after{box-sizing:border-box}textarea[data-v-5633552a]{font-size:16px;padding:10px 16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%}textarea[data-v-5633552a]:focus{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}label[data-v-5633552a]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-5633552a]{margin-top:10px;padding:10px;background:#ffe4e5;color:#1f1f1f;font-size:16px;border-left:#aa1111 3px solid}*[data-v-803683a9],*[data-v-803683a9]:before,*[data-v-803683a9]:after{box-sizing:border-box}input[data-v-803683a9]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;height:59px;width:100%}input[data-v-803683a9]:focus{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}label[data-v-803683a9]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-803683a9]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.validation-tooltip[data-v-0a204122]{color:#1f1f1f;border-radius:0;font-size:18px;padding:20px 16px 20px 24px}.wra-error[data-v-0a204122]{background-color:#ffe4e5;border-left:10px solid #aa1111}.wra-success[data-v-0a204122]{background-color:#cdf7d4;border-left:10px solid #019e1e}.wra-info[data-v-0a204122]{background-color:#c2e0fc;border-left:10px solid #0360a6}.wra-warning[data-v-0a204122]{background-color:#fff5ce;border-left:10px solid #ffd530}')),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
-
import { openBlock as l, createElementBlock as o, normalizeClass as
|
|
3
|
-
const
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('body{font-family:Arial,Helvetica,Nimbus Sans L,sans-serif}p{font-size:18px;line-height:24px;margin-bottom:0}body p{margin-bottom:0}ul{padding-left:24px}li{font-size:18px;line-height:24px}blockquote{border-left:3px solid #e5e5e5;font-size:18px;line-height:24px;padding:5px 20px 5px 27px}a{color:#2a225b;font-weight:700}a:hover{color:#2a225b;text-decoration:none}a:focus-visible{color:#1f1f1f;background-color:#ffd530;box-shadow:0 -4px #ffd530,0 2px #1f1f1f;outline:2px solid transparent;text-decoration:none;-webkit-box-shadow:0 -4px #ffd530,0 2px #1f1f1f}*[data-v-dbbbd450],*[data-v-dbbbd450]:before,*[data-v-dbbbd450]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-app-bar[data-v-dbbbd450]{background-color:#323232;font-size:18px;color:#fff;padding:20px;border:none;height:75px}@media print{.hidden-print[data-v-dbbbd450]{display:none}}*[data-v-2fb43eb1],*[data-v-2fb43eb1]:before,*[data-v-2fb43eb1]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.autocomplete-input[data-v-2fb43eb1]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%}.autocomplete-input[data-v-2fb43eb1]:disabled{opacity:.3}.autocomplete-input--focus[data-v-2fb43eb1]{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-2fb43eb1]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}.autocomplete-list[data-v-2fb43eb1]{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-2fb43eb1]{padding:2px 16px;border-bottom:1px solid #1f1f1f;cursor:pointer}.autocomplete-list>li[data-v-2fb43eb1]:last-child{border-bottom:0px}.autocomplete-list>li[data-v-2fb43eb1]:nth-child(2n){background:#fff}ul.autocomplete-list>li[data-v-2fb43eb1]:hover,ul.autocomplete-list>li.autocomplete-item--focus[data-v-2fb43eb1]{background:#3b7dc5;color:#fff}.autocomplete-item-not-clickable[data-v-2fb43eb1]{cursor:not-allowed}.autocomplete[data-v-2fb43eb1]{position:relative}*[data-v-09473a78],*[data-v-09473a78]:before,*[data-v-09473a78]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px}.wra-banner[data-v-09473a78]{background-color:#f1f1f1;font-size:18px;color:#1f1f1f;padding:20px;border:none}.new-service[data-v-09473a78]{background-color:#ffd530}.new-service[data-v-09473a78] a{color:#1f1f1f}.new-service[data-v-09473a78] a:focus{color:#fff;background-color:#1f1f1f;box-shadow:0 -4px #1f1f1f,0 2px #fff;-webkit-box-shadow:0 -4px #1f1f1f,0 2px #ffffff}.wra-banner-actions[data-v-09473a78]{padding-top:16px;display:flex;row-gap:10px;column-gap:14px;flex-wrap:wrap}@media print{.hidden-print[data-v-09473a78]{display:none}}*[data-v-99803a33],*[data-v-99803a33]:before,*[data-v-99803a33]:after{box-sizing:border-box;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.wra-breadcrumbs[data-v-99803a33]{display:flex;flex-direction:row;list-style:none}.wra-breadcrumbs-item[data-v-99803a33]{font-size:16px}.wra-breadcrumbs-item[data-v-99803a33]:not(:last-of-type){margin-right:10px}.wra-breadcrumbs-divider[data-v-99803a33]{display:flex;align-items:center;justify-content:center;margin-right:10px;color:#666}.wra-breadcrumbs-link--disabled[data-v-99803a33]{color:#666}.wra-breadcrumbs-link[data-v-99803a33]{text-decoration:none;font-weight:700;color:#2a225b}.wra-breadcrumbs-link[data-v-99803a33]:hover{opacity:.8}.wra-breadcrumbs-link[data-v-99803a33]:focus{opacity:1;color:#1f1f1f}.wra-breadcrumbs-chevron[data-v-99803a33]{content:" ";display:inline-block;border:solid #666666;border-width:3px 3px 0px 0px;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}button[data-v-eec2295f]{background-color:#1f1f1f;color:#fff;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}button[data-v-eec2295f]:hover{opacity:.8;transition:all .3s ease}button[data-v-eec2295f]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}button[data-v-eec2295f]:focus:hover{opacity:1}.icon[data-v-eec2295f]{display:flex;align-items:center;justify-content:center}.prepend-icon-wrapper[data-v-eec2295f]{margin-right:10px}.append-icon-wrapper[data-v-eec2295f]{margin-left:10px}.wra-black[data-v-eec2295f]{background-color:#1f1f1f}.wra-blue[data-v-eec2295f]{background-color:#0360a6}.wra-red[data-v-eec2295f]{background-color:#a11}.wra-green[data-v-eec2295f]{background-color:#019e1e}.wra-revenue[data-v-eec2295f]{background-color:#2a225b}.wra-white[data-v-eec2295f]{background-color:#fff;color:#1f1f1f;outline:2px solid #1f1f1f}.default-button[data-v-eec2295f]{font-size:20px;padding:15px 20px}.small-button[data-v-eec2295f]{font-size:14px;padding:5px 10px}.outlined-button[data-v-eec2295f]{background-color:transparent;outline:2px solid var(--color-prop, #1f1f1f);color:var(--color-prop, #1f1f1f)}.outlined-button[data-v-eec2295f]:hover{opacity:1;background-color:var(--color-prop, #1f1f1f);color:#fff;transition:all .3s ease}.wra-button:focus>.icon>svg{fill:#1f1f1f}.card[data-v-eac873d3]{background-color:#f1f1f1;padding:20px 24px}.checkbox-label[data-v-32449131]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;line-height:1.375rem;display:grid;grid-template-columns:20px auto}.checkbox-label[data-v-32449131]:hover{background:#b5b5b5}.checkbox-input[data-v-32449131]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:#1f1f1f;width:20px;height:20px;border:1px solid #1f1f1f;border-radius:0;transform:translateY(1px);display:grid;place-content:center}.checkbox-input[data-v-32449131]:before{content:"";width:12px;height:12px;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:#1f1f1f;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-input[data-v-32449131]:checked:before{transform:scale(1)}.checkbox-input[data-v-32449131]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.checkbox-input[data-v-32449131]:focus-visible{outline-offset:0px}.checkbox-text[data-v-32449131]{padding:0 0 0 10px;font-size:18px}.checkbox[data-v-d51986de]:not(:last-child):not(:only-child){margin-bottom:8px}.checkbox-label[data-v-d51986de]{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-d51986de]:hover{background:#b5b5b5}.checkbox-input[data-v-d51986de]{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-d51986de]: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-d51986de]:checked:before{transform:scale(1)}.checkbox-input[data-v-d51986de]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.checkbox-input[data-v-d51986de]:focus-visible{outline-offset:0px}.checkbox-text[data-v-d51986de]{padding:0 0 0 10px;font-size:18px}.content-section-title[data-v-1d23d898]{border-bottom:2px solid #e5e5e5;border-top:10px solid #e5e5e5;padding-bottom:20px;padding-top:30px}*[data-v-941faa14],*[data-v-941faa14]:before,*[data-v-941faa14]:after{box-sizing:border-box}.input-wrapper[data-v-941faa14]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-941faa14]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-941faa14]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-941faa14]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-941faa14]{padding:16px 6px}.padding-for-no-prefix[data-v-941faa14]{padding:16px}.input-wrapper[data-v-941faa14]:focus-within{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}input[data-v-941faa14]{border:none}label[data-v-941faa14]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-941faa14]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}*[data-v-4372129a],*[data-v-4372129a]:before,*[data-v-4372129a]:after{box-sizing:border-box}input[data-v-4372129a]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%;height:59px}input[data-v-4372129a]:focus{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}label[data-v-4372129a]{color:#1f1f1f;font-size:16px;display:block;width:100%;margin-bottom:4px}div.error>p[data-v-4372129a]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}hr[data-v-5554eece]{margin:0}.wra-divider[data-v-5554eece]{border:3px solid #e5e5e5}.wra-divider-large[data-v-5554eece]{border:4px solid #e5e5e5}.wra-divider-small[data-v-5554eece]{border:2px solid #e5e5e5}.panel-icon[data-v-b0e75875]{content:" ";display:inline-block;border:solid #1f1f1f;border-width:3px 3px 0px 0px;padding:4px;vertical-align:middle;transition:transform .2s ease-out}.icon-wrapper[data-v-b0e75875]{margin-left:8px}.show-panel-icon[data-v-b0e75875]{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:3px}.hide-panel-icon[data-v-b0e75875]{transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:-5px}.expansion-button[data-v-b0e75875]{display:flex;justify-content:space-between}button[data-v-b0e75875]{font-size:18px;font-weight:700;padding:15px 20px;background-color:transparent;color:#2a225b;border:none;border-left:2px solid #b5b5b5;cursor:pointer;width:100%;text-align:left}button[data-v-b0e75875]:hover{opacity:.8}button[data-v-b0e75875]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:-2px;border-color:#ffd530}button[data-v-b0e75875]:focus:hover{opacity:1}.panel-content[data-v-b0e75875]{display:grid;border-left:2px solid #b5b5b5;background:transparent;padding:15px 20px;grid-template-rows:1fr}.inner-panel[data-v-b0e75875]{overflow:hidden}.slide-fade-enter-active[data-v-b0e75875],.slide-fade-leave-active[data-v-b0e75875]{transition:grid-template-rows .3s ease-out}.slide-fade-enter-from[data-v-b0e75875],.slide-fade-leave-to[data-v-b0e75875]{grid-template-rows:0fr}.validation-tooltip[data-v-0a204122]{color:#1f1f1f;border-radius:0;font-size:18px;padding:20px 16px 20px 24px}.wra-error[data-v-0a204122]{background-color:#ffe4e5;border-left:10px solid #aa1111}.wra-success[data-v-0a204122]{background-color:#cdf7d4;border-left:10px solid #019e1e}.wra-info[data-v-0a204122]{background-color:#c2e0fc;border-left:10px solid #0360a6}.wra-warning[data-v-0a204122]{background-color:#fff5ce;border-left:10px solid #ffd530}.file-upload-wrapper[data-v-da53360e]{display:flex;align-items:center}.file-upload-wrapper input[type=file][data-v-da53360e]{display:none}.file-upload-label[data-v-da53360e]{display:block;margin-bottom:10px;font-size:16px}.file-name[data-v-da53360e]{margin:0 10px;font-size:14px}.file-upload-error-box[data-v-da53360e]{margin-bottom:16px}.error-enter-active[data-v-da53360e],.error-leave-active[data-v-da53360e]{transition:opacity .3s ease-out}.error-enter-from[data-v-da53360e],.error-leave-to[data-v-da53360e]{opacity:0}.wra-footer[data-v-182e61db]{flex-grow:0;background-color:#f1f1f1;padding:70px 20px 50px}@media print{.hidden-print[data-v-182e61db]{display:none}}div[data-v-2f692b7a]{font-weight:700}h1[data-v-2f692b7a]{margin:0;font-size:48px;letter-spacing:-.05rem;line-height:52px}h2[data-v-2f692b7a]{margin:0;font-size:36px;letter-spacing:-.04rem;line-height:40px}h3[data-v-2f692b7a]{margin:0;font-size:28px;letter-spacing:-.03rem;line-height:32px}h4[data-v-2f692b7a]{margin:0;font-size:24px;letter-spacing:-.03rem;line-height:28px}h5[data-v-2f692b7a]{margin:0;font-size:22px;letter-spacing:-.02rem;line-height:26px}h6[data-v-2f692b7a]{margin:0;font-size:18px;letter-spacing:-.01rem;line-height:24px}.wra-inset[data-v-7209d342]{padding:20px 16px;border-left-width:10px;border-left-style:solid}.wra-inset.blue[data-v-7209d342]{border-left-color:#0360a6}.wra-inset.light-blue[data-v-7209d342]{border-left-color:#c2e0fc}.wra-inset.red[data-v-7209d342]{border-left-color:#a11}.wra-inset.light-red[data-v-7209d342]{border-left-color:#ffe4e5}.wra-inset.green[data-v-7209d342]{border-left-color:#019e1e}.wra-inset.light-green[data-v-7209d342]{border-left-color:#cdf7d4}.wra-inset.yellow[data-v-7209d342]{border-left-color:#ffd530}.wra-inset.light-yellow[data-v-7209d342]{border-left-color:#fff5ce}.wra-inset.grey[data-v-7209d342]{border-left-color:#e5e5e5}.wra-inset.revenue-blue[data-v-7209d342]{border-left-color:#2a225b}*[data-v-7f5cc545],*[data-v-7f5cc545]:before,*[data-v-7f5cc545]:after{box-sizing:border-box}.input-wrapper[data-v-7f5cc545]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-7f5cc545]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-7f5cc545]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-7f5cc545]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-7f5cc545]{padding:16px 6px}.padding-for-no-prefix[data-v-7f5cc545]{padding:16px}.input-wrapper[data-v-7f5cc545]:focus-within{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}input[data-v-7f5cc545]{border:none}label[data-v-7f5cc545]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-7f5cc545]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.pagination-button[data-v-dfaff049]{background-color:transparent;color:#2a225b;font-weight:700;border:none;cursor:pointer;font-size:18px}.pagination-button>*[data-v-dfaff049]:first-child{margin-right:8px}.pagination-button[data-v-dfaff049]:hover,.pagination-number[data-v-dfaff049]:hover{text-decoration:none;opacity:.8;transition:all .3s ease}.pagination-button[data-v-dfaff049]:focus,.pagination-number[data-v-dfaff049]:focus{color:#1f1f1f;background-color:#ffd530;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}.pagination-button[data-v-dfaff049]:focus:hover,.pagination-number[data-v-dfaff049]:focus:hover{opacity:1}.pagination-number[data-v-dfaff049]{color:#2a2a2a;background-color:#f1f1f1;padding:8px;font-weight:700;border:none;font-size:18px;cursor:pointer;min-width:3rem;text-align:center}.pagination-number[data-v-dfaff049]:hover{color:#2a2a2a;opacity:.8}.pagination-number--selected[data-v-dfaff049]{background-color:#2a225b;color:#fff}.pagination-number--selected[data-v-dfaff049]:hover:not(:focus){color:#fff}.pagination-divider[data-v-dfaff049]{font-size:18px}.pagination[data-v-dfaff049]{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-icon[data-v-dfaff049]{content:" ";display:inline-block;border:solid currentColor;padding:4px;vertical-align:middle;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-bottom:3px}.previous-icon[data-v-dfaff049]{border-width:3px 3px 0px 0px}.next-icon[data-v-dfaff049]{border-width:0px 0px 3px 3px}*[data-v-d7cb56f3],*[data-v-d7cb56f3]:before,*[data-v-d7cb56f3]:after{box-sizing:border-box}.input-wrapper[data-v-d7cb56f3]{display:flex;align-items:center;background-color:#fff;border:1px solid black;width:100%}.prefix[data-v-d7cb56f3]{padding:16px 0 16px 16px;font-size:18px;width:28px}.suffix[data-v-d7cb56f3]{padding:16px 16px 16px 0;font-size:18px;z-index:1}.input-wrapper input[data-v-d7cb56f3]{font-size:18px;background-color:transparent;line-height:20px;width:100%;height:59px;outline:none}.padding-for-prefix[data-v-d7cb56f3]{padding:16px 6px}.padding-for-no-prefix[data-v-d7cb56f3]{padding:16px}.input-wrapper[data-v-d7cb56f3]:focus-within{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}input[data-v-d7cb56f3]{border:none}label[data-v-d7cb56f3]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-d7cb56f3]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}.radio-label[data-v-0d223335]{background:#e5e5e5;padding:20px;min-height:24px;display:flex;cursor:pointer;display:grid;grid-template-columns:20px auto}.radio-label[data-v-0d223335]:hover{background:#b5b5b5}.radio-input[data-v-0d223335]{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-0d223335]: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-0d223335]:checked:before{transform:scale(1)}.radio-input[data-v-0d223335]:focus{outline:2px solid #1f1f1f;background-color:#ffd530}.radio-input[data-v-0d223335]:focus-visible{outline-offset:0px}.radio-text[data-v-0d223335]{padding:0 0 0 10px;font-size:18px}.further-information-text[data-v-0d223335]{font-size:14px}p[data-v-0d223335]{margin:0}.radio[data-v-ce7fb438]:not(:last-child):not(:only-child){margin-bottom:8px}*[data-v-d6977238],*[data-v-d6977238]:before,*[data-v-d6977238]:after{box-sizing:border-box}select[data-v-d6977238]{-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-d6977238]{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-d6977238]:after{content:"";width:.8em;height:.5em;background-color:#1f1f1f;clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select[data-v-d6977238],.select[data-v-d6977238]:after{grid-area:select}select:focus+.focus[data-v-d6977238]{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid #1f1f1f;outline:3px solid #ffd530;border-radius:inherit}label[data-v-d6977238]{color:#1f1f1f;font-size:16px}.service-logo[data-v-0ba072f4]{max-width:100%}.service-link[data-v-0ba072f4]{border:transparent solid 2px;outline:transparent solid 2px;display:block;padding:2px;line-height:.8;outline-offset:0}.service-link[data-v-0ba072f4]:focus{border:#ffd530 solid 2px;outline:#1f1f1f solid 2px;background:transparent;box-shadow:none;-webkit-box-shadow:none}.wra-simple-table-wrapper{padding:0 16px 16px;background-color:#f1f1f1}.left-align-headers{text-align:left}.wra-simple-table-caption{background-color:inherit;text-align:left;padding:16px 16px 16px 0;font-weight:700;font-size:20px}.wra-simple-table{width:100%;line-height:20px;color:#1f1f1f;border-spacing:0;table-layout:auto}.wra-simple-table-inherit{background-color:inherit}.wra-simple-table>thead>tr>th{border-bottom:2px solid #666666}.wra-simple-table>tbody>tr>td,.wra-simple-table>tbody>tr>th{border-bottom:1px solid #666666}.wra-simple-table td,.wra-simple-table th{padding:16px}.wra-simple-table>thead>tr>th:first-child,.wra-simple-table>tbody>tr>th:first-child,.wra-simple-table>tbody>tr>td:first-child{padding-left:0}.wra-simple-table>thead>tr>th:last-child,.wra-simple-table>tbody>tr>th:last-child,.wra-simple-table>tbody>tr>td:last-child{padding-right:0}.skip-link[data-v-9f2107e8]:not(:focus):not(:active){clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap!important;width:1px!important}.skip-link[data-v-9f2107e8]{background-color:#e5e5e5;color:#1f1f1f;font-weight:700;border:none;cursor:pointer;padding:10px;font-size:1em}.skip-link[data-v-9f2107e8]:focus{color:#1f1f1f!important;background-color:#ffd530!important;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}.skip-link-full-width[data-v-9f2107e8]{width:100%;text-align:left}.skip-link-full-width[data-v-9f2107e8]:focus{outline-width:0px;border-width:0px}*[data-v-d365ea40],*[data-v-d365ea40]:before,*[data-v-d365ea40]:after{box-sizing:border-box;padding-block:0px;padding-inline:0px}.snackbar[data-v-d365ea40]{background:#e5e5e5;font-size:18px;padding:20px 16px 20px 24px;border-left:3px solid #a5a5a5;position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:40%}.snackbar-flex[data-v-d365ea40]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:baseline;row-gap:10px;column-gap:20px}@media (max-width: 900px){.snackbar-flex[data-v-d365ea40]{width:80%}}.snackbar-content[data-v-d365ea40]{text-wrap:wrap}.close-icon-wrapper[data-v-d365ea40]{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;cursor:pointer}.close-icon-wrapper[data-v-d365ea40]:hover{opacity:.8;transition:opacity .3s ease}.close-icon-wrapper[data-v-d365ea40]:focus{background-color:#ffd530;outline:2px solid #1f1f1f;outline-offset:0px;border-color:#ffd530}.close-icon-wrapper[data-v-d365ea40]:focus:hover{opacity:1}.close-icon-line-one[data-v-d365ea40]{height:24px;width:4px;margin-left:10px;background-color:#000;transform:rotate(45deg)}.close-icon-line-two[data-v-d365ea40]{height:24px;width:4px;background-color:#000;transform:rotate(90deg)}.wra-error[data-v-d365ea40]{background-color:#ffe4e5;border-color:#a11}.wra-success[data-v-d365ea40]{background-color:#cdf7d4;border-color:#019e1e}.wra-info[data-v-d365ea40]{background-color:#c2e0fc;border-color:#0360a6}.wra-warning[data-v-d365ea40]{background-color:#fff5ce;border-color:#ffd530}.sr-only[data-v-d365ea40]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.snackbar-enter-active[data-v-d365ea40],.snackbar-leave-active[data-v-d365ea40]{transition:opacity .3s ease-out}.snackbar-enter-from[data-v-d365ea40],.snackbar-leave-to[data-v-d365ea40]{opacity:0}.subheader[data-v-c5d10b79]{font-size:14px;letter-spacing:.08em;line-height:20px;text-transform:uppercase;font-weight:700;padding:0;height:unset}@media screen and (min-width: 600px){#regular{display:table}#pivoted{display:none}}@media screen and (max-width: 599px){#regular{display:none}#pivoted{display:table}}@media print{#regular{display:table}#pivoted{display:none}}.bold{font-weight:700}.wra-table-caption{background-color:inherit;text-align:left;padding:16px;font-weight:700;font-size:20px}.wra-table{width:100%;line-height:20px;background-color:#f1f1f1;color:#1f1f1f;border-spacing:0;padding:0 16px 16px;table-layout:auto}.wra-table td,.wra-table th{word-break:break-word}.wra-table-inherit{background-color:inherit}.wra-table>thead>tr>th{border-bottom:2px solid #666666}.wra-table>tbody>tr>td,.wra-table>tbody>tr>th{border-bottom:1px solid #666666}.wra-table td,.wra-table th{padding:16px}.wra-table>thead>tr>th:first-child,.wra-table>tbody>tr>td:first-child{padding-left:0}.wra-table>thead>tr>th:last-child,.wra-table>tbody>tr>td:last-child{padding-right:0}#pivoted{table-layout:fixed;text-align:left}#pivoted>tbody>tr:last-child>td,#pivoted>tbody>tr:last-child>th{border-bottom:1px solid #666666}#pivoted>tbody>tr:not(:last-child)>td,#pivoted>tbody>tr:not(:last-child)>th{border-bottom:none}#pivoted>tbody>tr>th{padding-left:0}#pivoted table{width:100%}#pivoted>table>tr>th,#pivoted>table>tr>td{width:50%}*[data-v-19bb5a16]{box-sizing:border-box;border:none}.tab-button[data-v-19bb5a16]{border-top:6px #0360a6 solid;font-size:24px;font-weight:700;color:#c2e0fc;background:#1f446d;padding:20px;margin-left:15px;margin-top:40px;cursor:pointer}.tab-button[data-v-19bb5a16]:hover:not(.tab-button--active){background:#3b7dc5;color:#fff}.tab-button.tab-button--active[data-v-19bb5a16]:focus{border-color:#1f1f1f;box-shadow:2px 0 #1f1f1f inset,-2px -2px #1f1f1f inset}.tab-button--active[data-v-19bb5a16]{background:#fff;color:#1f1f1f;border-top:6px #b5b5b5 solid}.tab-button[data-v-19bb5a16]:focus{border-top:6px #0360a6 solid;color:#1f1f1f;background:#ffd530;box-shadow:2px 2px #1f1f1f inset,-2px -2px #1f1f1f inset;outline-style:none}@media (max-width: 768px){.tab-button[data-v-19bb5a16]{margin-left:10px;margin-top:20px;font-size:20px;padding:15px}}.tabs[data-v-bbf8594b]{background-color:#0360a6;width:100%}*[data-v-5633552a],*[data-v-5633552a]:before,*[data-v-5633552a]:after{box-sizing:border-box}textarea[data-v-5633552a]{font-size:16px;padding:10px 16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;width:100%}textarea[data-v-5633552a]:focus{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}label[data-v-5633552a]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-5633552a]{margin-top:10px;padding:10px;background:#ffe4e5;color:#1f1f1f;font-size:16px;border-left:#aa1111 3px solid}*[data-v-939d17a1],*[data-v-939d17a1]:before,*[data-v-939d17a1]:after{box-sizing:border-box}input[data-v-939d17a1]{font-size:18px;padding:16px;background-color:#fff;border:1px solid #1f1f1f;line-height:20px;display:block;height:59px;width:100%}input[data-v-939d17a1]:focus{border-color:#1f1f1f;outline:1px solid #1f1f1f;-webkit-box-shadow:0 0 0 3px #ffd530;-moz-box-shadow:0 0 0 3px #ffd530;box-shadow:0 0 0 3px #ffd530}label[data-v-939d17a1]{color:#1f1f1f;font-size:16px;display:block;margin-bottom:4px}div.error>p[data-v-939d17a1]{margin-top:10px;padding:10px;background:#ffe4e5;color:#a11;font-size:16px;border-left:#aa1111 3px solid}')),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
+
import { openBlock as l, createElementBlock as o, normalizeClass as k, renderSlot as m, toDisplayString as c, createCommentVNode as p, withDirectives as T, createElementVNode as u, withKeys as v, withModifiers as W, vModelText as ne, Fragment as _, renderList as w, vShow as le, pushScopeId as D, popScopeId as R, resolveDirective as F, normalizeStyle as E, createTextVNode as P, createVNode as G, Transition as Y, withCtx as B, resolveComponent as L, createBlock as K, mergeProps as J } from "vue";
|
|
3
|
+
const f = (e, a) => {
|
|
4
4
|
const t = e.__vccOpts || e;
|
|
5
5
|
for (const [i, r] of a)
|
|
6
6
|
t[i] = r;
|
|
7
7
|
return t;
|
|
8
|
-
},
|
|
8
|
+
}, oe = {
|
|
9
9
|
name: "wra-app-bar",
|
|
10
10
|
props: {
|
|
11
11
|
hiddenPrint: {
|
|
@@ -14,16 +14,16 @@ const p = (e, a) => {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
function
|
|
17
|
+
function ue(e, a, t, i, r, s) {
|
|
18
18
|
return l(), o("div", {
|
|
19
|
-
class:
|
|
19
|
+
class: k(["wra-app-bar", {
|
|
20
20
|
"hidden-print": t.hiddenPrint === !0
|
|
21
21
|
}])
|
|
22
22
|
}, [
|
|
23
|
-
|
|
23
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
24
24
|
], 2);
|
|
25
25
|
}
|
|
26
|
-
const
|
|
26
|
+
const de = /* @__PURE__ */ f(oe, [["render", ue], ["__scopeId", "data-v-dbbbd450"]]), ce = {
|
|
27
27
|
name: "wra-autocomplete",
|
|
28
28
|
emits: ["update:modelValue"],
|
|
29
29
|
props: {
|
|
@@ -68,7 +68,8 @@ const oe = /* @__PURE__ */ p(ne, [["render", le], ["__scopeId", "data-v-dbbbd450
|
|
|
68
68
|
userInput: {},
|
|
69
69
|
hasFocus: !1,
|
|
70
70
|
listHasFocus: !1,
|
|
71
|
-
optionIndex: null
|
|
71
|
+
optionIndex: null,
|
|
72
|
+
validatedOptions: []
|
|
72
73
|
}),
|
|
73
74
|
methods: {
|
|
74
75
|
onInputTyping() {
|
|
@@ -104,16 +105,16 @@ const oe = /* @__PURE__ */ p(ne, [["render", le], ["__scopeId", "data-v-dbbbd450
|
|
|
104
105
|
},
|
|
105
106
|
computed: {
|
|
106
107
|
showOptions() {
|
|
107
|
-
const e = this.
|
|
108
|
+
const e = this.validatedOptions.some(
|
|
108
109
|
(i) => i[this.optionLabel] === this.userInput[this.optionLabel]
|
|
109
110
|
), a = this.userInput[this.optionLabel].length >= this.minLength;
|
|
110
111
|
return e !== !0 && this.hasFocus === !0 && (this.autoExpand === !0 || a === !0);
|
|
111
112
|
},
|
|
112
113
|
filterOptions() {
|
|
113
|
-
const e = this.
|
|
114
|
+
const e = this.validatedOptions.filter(
|
|
114
115
|
(a) => a.label.toLowerCase().includes(this.getInputValue)
|
|
115
116
|
);
|
|
116
|
-
return e.length > 0 ? e : this.autoExpand === !0 ? this.
|
|
117
|
+
return e.length > 0 ? e : this.autoExpand === !0 ? this.validatedOptions : (e.push({
|
|
117
118
|
[this.optionLabel]: "No results found",
|
|
118
119
|
[this.optionValue]: "",
|
|
119
120
|
clickable: !1
|
|
@@ -129,66 +130,66 @@ const oe = /* @__PURE__ */ p(ne, [["render", le], ["__scopeId", "data-v-dbbbd450
|
|
|
129
130
|
}
|
|
130
131
|
},
|
|
131
132
|
created() {
|
|
132
|
-
if (this.modelValue && Object.keys(this.modelValue).length >= 2) {
|
|
133
|
+
if (this.validatedOptions = this.options ?? [], this.modelValue && Object.keys(this.modelValue).length >= 2) {
|
|
133
134
|
this.userInput = this.modelValue;
|
|
134
135
|
return;
|
|
135
136
|
}
|
|
136
137
|
this.userInput[this.optionLabel] = "", this.userInput[this.optionValue] = "";
|
|
137
138
|
}
|
|
138
|
-
},
|
|
139
|
+
}, he = { class: "autocomplete" }, fe = ["for"], pe = ["id"], me = {
|
|
139
140
|
role: "listbox",
|
|
140
141
|
class: "autocomplete-list"
|
|
141
|
-
},
|
|
142
|
-
function
|
|
143
|
-
return l(), o("div",
|
|
142
|
+
}, ge = ["onMousedown", "onKeydown", "onBlur"];
|
|
143
|
+
function ke(e, a, t, i, r, s) {
|
|
144
|
+
return l(), o("div", he, [
|
|
144
145
|
t.label ? (l(), o("label", {
|
|
145
146
|
key: 0,
|
|
146
147
|
for: t.id,
|
|
147
148
|
class: "autocomplete-label"
|
|
148
|
-
}, c(t.label), 9,
|
|
149
|
+
}, c(t.label), 9, fe)) : p("", !0),
|
|
149
150
|
T(u("input", {
|
|
150
151
|
ref: "autocompleteInput",
|
|
151
152
|
"onUpdate:modelValue": a[0] || (a[0] = (n) => e.userInput[t.optionLabel] = n),
|
|
152
153
|
role: "combobox",
|
|
153
154
|
inputmode: "text",
|
|
154
155
|
id: t.id,
|
|
155
|
-
class:
|
|
156
|
+
class: k(["autocomplete-input", { "autocomplete-input--focus": e.hasFocus }]),
|
|
156
157
|
"aria-owns": "autocomplete-list",
|
|
157
158
|
autocomplete: "off",
|
|
158
159
|
onInput: a[1] || (a[1] = (n) => s.onInputTyping()),
|
|
159
160
|
onFocus: a[2] || (a[2] = (n) => e.hasFocus = !0),
|
|
160
161
|
onBlur: a[3] || (a[3] = (...n) => s.onBlur && s.onBlur(...n)),
|
|
161
162
|
onKeydown: [
|
|
162
|
-
a[4] || (a[4] = v(
|
|
163
|
-
a[5] || (a[5] = v(
|
|
163
|
+
a[4] || (a[4] = v(W((...n) => s.onUpKey && s.onUpKey(...n), ["prevent"]), ["up"])),
|
|
164
|
+
a[5] || (a[5] = v(W((...n) => s.onDownKey && s.onDownKey(...n), ["prevent"]), ["down"]))
|
|
164
165
|
]
|
|
165
|
-
}, null, 42,
|
|
166
|
-
[
|
|
166
|
+
}, null, 42, pe), [
|
|
167
|
+
[ne, e.userInput[t.optionLabel]]
|
|
167
168
|
]),
|
|
168
|
-
T(u("ul",
|
|
169
|
+
T(u("ul", me, [
|
|
169
170
|
(l(!0), o(_, null, w(s.filterOptions, (n, d) => (l(), o("li", {
|
|
170
171
|
ref_for: !0,
|
|
171
172
|
ref: `option${d}`,
|
|
172
173
|
tabindex: "-1",
|
|
173
|
-
class:
|
|
174
|
+
class: k({
|
|
174
175
|
"autocomplete-item-not-clickable": n.clickable === !1,
|
|
175
176
|
"autocomplete-item--focus": d === e.optionIndex
|
|
176
177
|
}),
|
|
177
|
-
onMousedown: (
|
|
178
|
+
onMousedown: (h) => s.onOptionSelect(n),
|
|
178
179
|
onKeydown: [
|
|
179
|
-
a[6] || (a[6] = v(
|
|
180
|
-
a[7] || (a[7] = v(
|
|
181
|
-
v(
|
|
182
|
-
v(
|
|
180
|
+
a[6] || (a[6] = v(W((...h) => s.onUpKey && s.onUpKey(...h), ["prevent"]), ["up"])),
|
|
181
|
+
a[7] || (a[7] = v(W((...h) => s.onDownKey && s.onDownKey(...h), ["prevent"]), ["down"])),
|
|
182
|
+
v(W((h) => s.onOptionSelect(n), ["prevent"]), ["enter"]),
|
|
183
|
+
v(W((h) => s.onOptionSelect(n), ["prevent"]), ["space"])
|
|
183
184
|
],
|
|
184
|
-
onBlur: (
|
|
185
|
-
}, c(n[t.optionLabel]), 43,
|
|
185
|
+
onBlur: (h) => s.onOptionBlur(d)
|
|
186
|
+
}, c(n[t.optionLabel]), 43, ge))), 256))
|
|
186
187
|
], 512), [
|
|
187
|
-
[
|
|
188
|
+
[le, s.showOptions]
|
|
188
189
|
])
|
|
189
190
|
]);
|
|
190
191
|
}
|
|
191
|
-
const
|
|
192
|
+
const be = /* @__PURE__ */ f(ce, [["render", ke], ["__scopeId", "data-v-2fb43eb1"]]), _e = {
|
|
192
193
|
name: "wra-banner",
|
|
193
194
|
props: {
|
|
194
195
|
hiddenPrint: {
|
|
@@ -200,26 +201,26 @@ const ge = /* @__PURE__ */ p(ue, [["render", me], ["__scopeId", "data-v-ea1f573c
|
|
|
200
201
|
default: !1
|
|
201
202
|
}
|
|
202
203
|
}
|
|
203
|
-
},
|
|
204
|
+
}, ve = {
|
|
204
205
|
key: 0,
|
|
205
206
|
class: "wra-banner-actions"
|
|
206
207
|
};
|
|
207
|
-
function
|
|
208
|
+
function ye(e, a, t, i, r, s) {
|
|
208
209
|
return l(), o("div", {
|
|
209
|
-
class:
|
|
210
|
+
class: k(["wra-banner", {
|
|
210
211
|
"hidden-print": t.hiddenPrint === !0,
|
|
211
212
|
"new-service": t.newService === !0
|
|
212
213
|
}])
|
|
213
214
|
}, [
|
|
214
215
|
u("div", null, [
|
|
215
|
-
|
|
216
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
216
217
|
]),
|
|
217
|
-
e.$slots.actions ? (l(), o("div",
|
|
218
|
-
|
|
219
|
-
])) :
|
|
218
|
+
e.$slots.actions ? (l(), o("div", ve, [
|
|
219
|
+
m(e.$slots, "actions", {}, void 0, !0)
|
|
220
|
+
])) : p("", !0)
|
|
220
221
|
], 2);
|
|
221
222
|
}
|
|
222
|
-
const
|
|
223
|
+
const we = /* @__PURE__ */ f(_e, [["render", ye], ["__scopeId", "data-v-09473a78"]]), Ve = {
|
|
223
224
|
name: "wra-breadcrumbs",
|
|
224
225
|
props: {
|
|
225
226
|
/** Items to display in the breadcrumbs */
|
|
@@ -243,34 +244,34 @@ const ve = /* @__PURE__ */ p(ke, [["render", _e], ["__scopeId", "data-v-09473a78
|
|
|
243
244
|
default: "href"
|
|
244
245
|
}
|
|
245
246
|
}
|
|
246
|
-
},
|
|
247
|
+
}, Ie = (e) => (D("data-v-99803a33"), e = e(), R(), e), Se = { class: "wra-breadcrumbs" }, $e = { class: "wra-breadcrumbs-item" }, xe = ["href"], Me = {
|
|
247
248
|
key: 1,
|
|
248
249
|
class: "wra-breadcrumbs-link--disabled"
|
|
249
|
-
},
|
|
250
|
+
}, Ce = {
|
|
250
251
|
key: 0,
|
|
251
252
|
class: "wra-breadcrumbs-divider"
|
|
252
|
-
},
|
|
253
|
+
}, Te = /* @__PURE__ */ Ie(() => /* @__PURE__ */ u("span", { class: "wra-breadcrumbs-chevron" }, null, -1));
|
|
253
254
|
function Pe(e, a, t, i, r, s) {
|
|
254
|
-
return l(), o("ul",
|
|
255
|
+
return l(), o("ul", Se, [
|
|
255
256
|
(l(!0), o(_, null, w(t.items, (n, d) => (l(), o(_, null, [
|
|
256
|
-
u("li",
|
|
257
|
-
|
|
258
|
-
n[t.itemDisabled] ? (l(), o("span",
|
|
257
|
+
u("li", $e, [
|
|
258
|
+
m(e.$slots, "default", {}, () => [
|
|
259
|
+
n[t.itemDisabled] ? (l(), o("span", Me, c(n[t.itemTitle]), 1)) : (l(), o("a", {
|
|
259
260
|
key: 0,
|
|
260
261
|
href: n[t.itemHref],
|
|
261
262
|
class: "wra-breadcrumbs-link"
|
|
262
|
-
}, c(n[t.itemTitle]), 9,
|
|
263
|
+
}, c(n[t.itemTitle]), 9, xe))
|
|
263
264
|
], !0)
|
|
264
265
|
]),
|
|
265
|
-
d !== t.items.length - 1 ? (l(), o("li",
|
|
266
|
-
|
|
267
|
-
|
|
266
|
+
d !== t.items.length - 1 ? (l(), o("li", Ce, [
|
|
267
|
+
m(e.$slots, "divider", {}, () => [
|
|
268
|
+
Te
|
|
268
269
|
], !0)
|
|
269
|
-
])) :
|
|
270
|
+
])) : p("", !0)
|
|
270
271
|
], 64))), 256))
|
|
271
272
|
]);
|
|
272
273
|
}
|
|
273
|
-
const
|
|
274
|
+
const We = /* @__PURE__ */ f(Ve, [["render", Pe], ["__scopeId", "data-v-99803a33"]]), Oe = {
|
|
274
275
|
name: "wra-button",
|
|
275
276
|
props: {
|
|
276
277
|
size: {
|
|
@@ -293,10 +294,11 @@ const Te = /* @__PURE__ */ p(ye, [["render", Pe], ["__scopeId", "data-v-99803a33
|
|
|
293
294
|
}
|
|
294
295
|
},
|
|
295
296
|
computed: {
|
|
296
|
-
|
|
297
|
+
buttonClass() {
|
|
297
298
|
return {
|
|
298
299
|
"outlined-button": this.outlined,
|
|
299
300
|
[`${this.size || "default"}-button`]: !0,
|
|
301
|
+
"wra-black": this.backgroundColor === "wra-black",
|
|
300
302
|
"wra-blue": this.backgroundColor === "wra-blue",
|
|
301
303
|
"wra-red": this.backgroundColor === "wra-red",
|
|
302
304
|
"wra-green": this.backgroundColor === "wra-green",
|
|
@@ -305,44 +307,38 @@ const Te = /* @__PURE__ */ p(ye, [["render", Pe], ["__scopeId", "data-v-99803a33
|
|
|
305
307
|
};
|
|
306
308
|
}
|
|
307
309
|
}
|
|
308
|
-
}, We = {
|
|
309
|
-
key: 0,
|
|
310
|
-
class: "icon back-icon"
|
|
311
|
-
}, Oe = {
|
|
312
|
-
key: 0,
|
|
313
|
-
class: "icon next-icon"
|
|
314
310
|
};
|
|
315
311
|
function Be(e, a, t, i, r, s) {
|
|
316
312
|
return l(), o("button", {
|
|
317
|
-
|
|
318
|
-
|
|
313
|
+
class: k(["wra-button", s.buttonClass]),
|
|
314
|
+
type: "button"
|
|
319
315
|
}, [
|
|
320
316
|
u("span", {
|
|
321
|
-
class:
|
|
317
|
+
class: k([{
|
|
322
318
|
"prepend-icon-wrapper": t.prependIcon
|
|
323
|
-
})
|
|
319
|
+
}, "icon"])
|
|
324
320
|
}, [
|
|
325
|
-
|
|
321
|
+
m(e.$slots, "prepend-icon", {}, void 0, !0)
|
|
326
322
|
], 2),
|
|
327
|
-
|
|
323
|
+
m(e.$slots, "default", {}, void 0, !0),
|
|
328
324
|
u("span", {
|
|
329
|
-
class:
|
|
325
|
+
class: k([{
|
|
330
326
|
"append-icon-wrapper": t.appendIcon
|
|
331
|
-
})
|
|
327
|
+
}, "icon"])
|
|
332
328
|
}, [
|
|
333
|
-
|
|
329
|
+
m(e.$slots, "append-icon", {}, void 0, !0)
|
|
334
330
|
], 2)
|
|
335
331
|
], 2);
|
|
336
332
|
}
|
|
337
|
-
const
|
|
333
|
+
const ee = /* @__PURE__ */ f(Oe, [["render", Be], ["__scopeId", "data-v-eec2295f"]]), Fe = {
|
|
338
334
|
name: "wra-card"
|
|
339
|
-
},
|
|
340
|
-
function
|
|
341
|
-
return l(), o("div",
|
|
342
|
-
|
|
335
|
+
}, qe = { class: "card" };
|
|
336
|
+
function Ne(e, a, t, i, r, s) {
|
|
337
|
+
return l(), o("div", qe, [
|
|
338
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
343
339
|
]);
|
|
344
340
|
}
|
|
345
|
-
const
|
|
341
|
+
const Ae = /* @__PURE__ */ f(Fe, [["render", Ne], ["__scopeId", "data-v-eac873d3"]]), Ee = {
|
|
346
342
|
name: "wra-checkbox",
|
|
347
343
|
props: {
|
|
348
344
|
modelValue: {},
|
|
@@ -374,8 +370,8 @@ const Ne = /* @__PURE__ */ p(Ae, [["render", je], ["__scopeId", "data-v-eac873d3
|
|
|
374
370
|
this.isChecked = !this.isChecked, this.$emit("update:modelValue", this.isChecked);
|
|
375
371
|
}
|
|
376
372
|
}
|
|
377
|
-
}, Le = ["aria-label"],
|
|
378
|
-
function
|
|
373
|
+
}, Le = ["aria-label"], je = ["for"], De = ["id", "checked", "aria-checked"], Re = { class: "checkbox-text" };
|
|
374
|
+
function Ke(e, a, t, i, r, s) {
|
|
379
375
|
return l(), o("div", {
|
|
380
376
|
role: "checkbox",
|
|
381
377
|
"aria-label": t.label
|
|
@@ -392,32 +388,39 @@ function He(e, a, t, i, r, s) {
|
|
|
392
388
|
"aria-checked": r.ariaIsChecked,
|
|
393
389
|
onChange: a[0] || (a[0] = (n) => s.checkInput()),
|
|
394
390
|
onClick: a[1] || (a[1] = (n) => e.$emit("click"))
|
|
395
|
-
}, null, 40,
|
|
396
|
-
u("span",
|
|
397
|
-
], 8,
|
|
391
|
+
}, null, 40, De),
|
|
392
|
+
u("span", Re, c(t.label), 1)
|
|
393
|
+
], 8, je)
|
|
398
394
|
], 8, Le);
|
|
399
395
|
}
|
|
400
|
-
const
|
|
396
|
+
const te = /* @__PURE__ */ f(Ee, [["render", Ke], ["__scopeId", "data-v-32449131"]]), He = {
|
|
401
397
|
name: "wra-checkbox-group",
|
|
402
398
|
props: {
|
|
403
|
-
modelValue: {
|
|
399
|
+
modelValue: {
|
|
400
|
+
default: () => {
|
|
401
|
+
}
|
|
402
|
+
},
|
|
404
403
|
options: {
|
|
405
404
|
required: !0,
|
|
406
|
-
type: Array
|
|
405
|
+
type: Array,
|
|
406
|
+
default: () => []
|
|
407
407
|
},
|
|
408
408
|
itemValue: {
|
|
409
409
|
required: !0,
|
|
410
|
-
type: String
|
|
410
|
+
type: String,
|
|
411
|
+
default: "value"
|
|
411
412
|
},
|
|
412
413
|
itemLabel: {
|
|
413
414
|
required: !0,
|
|
414
|
-
type: String
|
|
415
|
+
type: String,
|
|
416
|
+
default: "label"
|
|
415
417
|
},
|
|
416
418
|
returnObject: {}
|
|
417
419
|
},
|
|
418
420
|
data() {
|
|
419
421
|
return {
|
|
420
|
-
checked: {}
|
|
422
|
+
checked: {},
|
|
423
|
+
value: {}
|
|
421
424
|
};
|
|
422
425
|
},
|
|
423
426
|
methods: {
|
|
@@ -426,8 +429,8 @@ const X = /* @__PURE__ */ p(Fe, [["render", He], ["__scopeId", "data-v-32449131"
|
|
|
426
429
|
let a = [];
|
|
427
430
|
this.returnObject == !0 ? Object.keys(this.checked).forEach((t) => {
|
|
428
431
|
if (this.checked[t] == !0)
|
|
429
|
-
for (let r = 0; r < this.
|
|
430
|
-
const s = this.
|
|
432
|
+
for (let r = 0; r < this.validOptions.length; r++) {
|
|
433
|
+
const s = this.validOptions[r];
|
|
431
434
|
typeof s == "object" ? s[this.itemValue] == t && a.push(s) : s == t && a.push(s);
|
|
432
435
|
}
|
|
433
436
|
}) : a = Object.keys(this.checked).filter(
|
|
@@ -441,18 +444,24 @@ const X = /* @__PURE__ */ p(Fe, [["render", He], ["__scopeId", "data-v-32449131"
|
|
|
441
444
|
return typeof e == "object" ? e[this.itemValue] : e;
|
|
442
445
|
}
|
|
443
446
|
},
|
|
447
|
+
computed: {
|
|
448
|
+
validOptions() {
|
|
449
|
+
return this.options ?? [];
|
|
450
|
+
}
|
|
451
|
+
},
|
|
444
452
|
mounted() {
|
|
445
|
-
|
|
446
|
-
|
|
453
|
+
this.value = this.modelValue ?? {};
|
|
454
|
+
for (let e = 0; e < this.value.length; e++) {
|
|
455
|
+
const a = this.value[e];
|
|
447
456
|
typeof a == "object" ? this.checked[a[this.itemValue]] = !0 : this.checked[a] = !0;
|
|
448
457
|
}
|
|
449
458
|
},
|
|
450
459
|
components: {
|
|
451
|
-
WraCheckbox:
|
|
460
|
+
WraCheckbox: te
|
|
452
461
|
}
|
|
453
|
-
},
|
|
454
|
-
function
|
|
455
|
-
return l(!0), o(_, null, w(
|
|
462
|
+
}, ze = ["aria-label"], Ue = ["for"], Ge = ["id", "checked", "aria-checked", "onChange"], Ye = { class: "checkbox-text" };
|
|
463
|
+
function Je(e, a, t, i, r, s) {
|
|
464
|
+
return l(!0), o(_, null, w(s.validOptions, (n) => (l(), o("div", {
|
|
456
465
|
role: "checkbox",
|
|
457
466
|
class: "checkbox",
|
|
458
467
|
"aria-label": s.checkForObjectLabel(n)
|
|
@@ -468,57 +477,56 @@ function Ze(e, a, t, i, r, s) {
|
|
|
468
477
|
checked: r.checked[s.checkForObjectValue(n)],
|
|
469
478
|
"aria-checked": r.checked[s.checkForObjectValue(n)],
|
|
470
479
|
onChange: (d) => s.checkInput(s.checkForObjectValue(n))
|
|
471
|
-
}, null, 40,
|
|
472
|
-
u("span",
|
|
480
|
+
}, null, 40, Ge),
|
|
481
|
+
u("span", Ye, c(s.checkForObjectLabel(n)), 1)
|
|
473
482
|
], 8, Ue)
|
|
474
|
-
], 8,
|
|
483
|
+
], 8, ze))), 256);
|
|
475
484
|
}
|
|
476
|
-
const
|
|
485
|
+
const Ze = /* @__PURE__ */ f(He, [["render", Je], ["__scopeId", "data-v-d51986de"]]), Qe = {
|
|
477
486
|
name: "wra-content-section-title"
|
|
478
|
-
},
|
|
479
|
-
function
|
|
480
|
-
return l(), o("div",
|
|
481
|
-
|
|
487
|
+
}, Xe = { class: "content-section-title" };
|
|
488
|
+
function et(e, a, t, i, r, s) {
|
|
489
|
+
return l(), o("div", Xe, [
|
|
490
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
482
491
|
]);
|
|
483
492
|
}
|
|
484
|
-
const
|
|
485
|
-
var
|
|
486
|
-
const
|
|
493
|
+
const tt = /* @__PURE__ */ f(Qe, [["render", et], ["__scopeId", "data-v-1d23d898"]]);
|
|
494
|
+
var at = Object.defineProperty, st = (e, a, t) => a in e ? at(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, j = (e, a, t) => st(e, typeof a != "symbol" ? a + "" : a, t);
|
|
495
|
+
const Z = {
|
|
487
496
|
"#": { pattern: /[0-9]/ },
|
|
488
497
|
"@": { pattern: /[a-zA-Z]/ },
|
|
489
498
|
"*": { pattern: /[a-zA-Z0-9]/ }
|
|
490
|
-
},
|
|
499
|
+
}, Q = (e, a, t) => e.replaceAll(a, "").replace(t, ".").replace("..", ".").replace(/[^.\d]/g, ""), X = (e, a, t) => {
|
|
491
500
|
var i;
|
|
492
501
|
return new Intl.NumberFormat(((i = t.number) == null ? void 0 : i.locale) ?? "en", {
|
|
493
502
|
minimumFractionDigits: e,
|
|
494
503
|
maximumFractionDigits: a,
|
|
495
504
|
roundingMode: "trunc"
|
|
496
505
|
});
|
|
497
|
-
},
|
|
506
|
+
}, it = (e, a = !0, t) => {
|
|
498
507
|
var i, r, s, n;
|
|
499
|
-
const d = ((i = t.number) == null ? void 0 : i.unsigned) == null && e.startsWith("-") ? "-" : "",
|
|
500
|
-
let
|
|
501
|
-
const $ =
|
|
502
|
-
if (Number.isNaN(parseFloat(M)))
|
|
503
|
-
return d;
|
|
508
|
+
const d = ((i = t.number) == null ? void 0 : i.unsigned) == null && e.startsWith("-") ? "-" : "", h = ((r = t.number) == null ? void 0 : r.fraction) ?? 0;
|
|
509
|
+
let b = X(0, h, t);
|
|
510
|
+
const $ = b.formatToParts(1000.12), V = ((s = $.find((g) => g.type === "group")) == null ? void 0 : s.value) ?? " ", O = ((n = $.find((g) => g.type === "decimal")) == null ? void 0 : n.value) ?? ".", M = Q(e, V, O);
|
|
511
|
+
if (Number.isNaN(parseFloat(M))) return d;
|
|
504
512
|
const x = M.split(".");
|
|
505
513
|
if (x[1] != null && x[1].length >= 1) {
|
|
506
|
-
const
|
|
507
|
-
|
|
514
|
+
const g = x[1].length <= h ? x[1].length : h;
|
|
515
|
+
b = X(g, h, t);
|
|
508
516
|
}
|
|
509
|
-
let
|
|
510
|
-
return a ?
|
|
517
|
+
let I = b.format(parseFloat(M));
|
|
518
|
+
return a ? h > 0 && M.endsWith(".") && !M.slice(0, -1).includes(".") && (I += O) : I = Q(I, V, O), d + I;
|
|
511
519
|
};
|
|
512
|
-
class
|
|
520
|
+
class rt {
|
|
513
521
|
constructor(a = {}) {
|
|
514
|
-
|
|
522
|
+
j(this, "opts", {}), j(this, "memo", /* @__PURE__ */ new Map());
|
|
515
523
|
const t = { ...a };
|
|
516
524
|
if (t.tokens != null) {
|
|
517
|
-
t.tokens = t.tokensReplace ? { ...t.tokens } : { ...
|
|
525
|
+
t.tokens = t.tokensReplace ? { ...t.tokens } : { ...Z, ...t.tokens };
|
|
518
526
|
for (const i of Object.values(t.tokens))
|
|
519
527
|
typeof i.pattern == "string" && (i.pattern = new RegExp(i.pattern));
|
|
520
528
|
} else
|
|
521
|
-
t.tokens =
|
|
529
|
+
t.tokens = Z;
|
|
522
530
|
Array.isArray(t.mask) && (t.mask.length > 1 ? t.mask = [...t.mask].sort((i, r) => i.length - r.length) : t.mask = t.mask[0] ?? ""), t.mask === "" && (t.mask = null), this.opts = t;
|
|
523
531
|
}
|
|
524
532
|
masked(a) {
|
|
@@ -535,8 +543,7 @@ class nt {
|
|
|
535
543
|
}
|
|
536
544
|
completed(a) {
|
|
537
545
|
const t = this.findMask(a);
|
|
538
|
-
if (this.opts.mask == null || t == null)
|
|
539
|
-
return !1;
|
|
546
|
+
if (this.opts.mask == null || t == null) return !1;
|
|
540
547
|
const i = this.process(a, t).length;
|
|
541
548
|
return typeof this.opts.mask == "string" ? i >= this.opts.mask.length : i >= t.length;
|
|
542
549
|
}
|
|
@@ -558,40 +565,36 @@ class nt {
|
|
|
558
565
|
}), { mask: t.join(""), escaped: i };
|
|
559
566
|
}
|
|
560
567
|
process(a, t, i = !0) {
|
|
561
|
-
if (this.opts.number != null)
|
|
562
|
-
|
|
563
|
-
if (t == null)
|
|
564
|
-
return a;
|
|
568
|
+
if (this.opts.number != null) return it(a, i, this.opts);
|
|
569
|
+
if (t == null) return a;
|
|
565
570
|
const r = `v=${a},mr=${t},m=${i ? 1 : 0}`;
|
|
566
|
-
if (this.memo.has(r))
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
for (; M(m) && (f[s.charAt(m)] == null || n.includes(m)); ) {
|
|
571
|
+
if (this.memo.has(r)) return this.memo.get(r);
|
|
572
|
+
const { mask: s, escaped: n } = this.escapeMask(t), d = [], h = this.opts.tokens != null ? this.opts.tokens : {}, b = this.isReversed() ? -1 : 1, $ = this.isReversed() ? "unshift" : "push", V = this.isReversed() ? 0 : s.length - 1, O = this.isReversed() ? () => g > -1 && y > -1 : () => g < s.length && y < a.length, M = (C) => !this.isReversed() && C <= V || this.isReversed() && C >= V;
|
|
573
|
+
let x, I = -1, g = this.isReversed() ? s.length - 1 : 0, y = this.isReversed() ? a.length - 1 : 0, z = !1;
|
|
574
|
+
for (; O(); ) {
|
|
575
|
+
const C = s.charAt(g), S = h[C], N = (S == null ? void 0 : S.transform) != null ? S.transform(a.charAt(y)) : a.charAt(y);
|
|
576
|
+
if (!n.includes(g) && S != null ? (N.match(S.pattern) != null ? (d[$](N), S.repeated ? (I === -1 ? I = g : g === V && g !== I && (g = I - b), V === I && (g -= b)) : S.multiple && (z = !0, g -= b), g += b) : S.multiple ? z && (g += b, y -= b, z = !1) : N === x ? x = void 0 : S.optional && (g += b, y -= b), y += b) : (i && !this.isEager() && d[$](C), N === C && !this.isEager() ? y += b : x = C, this.isEager() || (g += b)), this.isEager())
|
|
577
|
+
for (; M(g) && (h[s.charAt(g)] == null || n.includes(g)); ) {
|
|
574
578
|
if (i) {
|
|
575
|
-
if (d[$](s.charAt(
|
|
576
|
-
|
|
579
|
+
if (d[$](s.charAt(g)), a.charAt(y) === s.charAt(g)) {
|
|
580
|
+
g += b, y += b;
|
|
577
581
|
continue;
|
|
578
582
|
}
|
|
579
|
-
} else
|
|
580
|
-
|
|
581
|
-
m += g;
|
|
583
|
+
} else s.charAt(g) === a.charAt(y) && (y += b);
|
|
584
|
+
g += b;
|
|
582
585
|
}
|
|
583
586
|
}
|
|
584
587
|
return this.memo.set(r, d.join("")), this.memo.get(r);
|
|
585
588
|
}
|
|
586
589
|
}
|
|
587
|
-
const
|
|
590
|
+
const ae = (e) => JSON.parse(e.replaceAll("'", '"')), nt = (e, a = {}) => {
|
|
588
591
|
const t = { ...a };
|
|
589
|
-
e.dataset.maska != null && e.dataset.maska !== "" && (t.mask =
|
|
592
|
+
e.dataset.maska != null && e.dataset.maska !== "" && (t.mask = lt(e.dataset.maska)), e.dataset.maskaEager != null && (t.eager = A(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (t.reversed = A(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (t.tokensReplace = A(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (t.tokens = ot(e.dataset.maskaTokens));
|
|
590
593
|
const i = {};
|
|
591
|
-
return e.dataset.maskaNumberLocale != null && (i.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (i.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (i.unsigned =
|
|
592
|
-
},
|
|
594
|
+
return e.dataset.maskaNumberLocale != null && (i.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (i.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (i.unsigned = A(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(i).length > 0) && (t.number = i), t;
|
|
595
|
+
}, A = (e) => e !== "" ? !!JSON.parse(e) : !0, lt = (e) => e.startsWith("[") && e.endsWith("]") ? ae(e) : e, ot = (e) => {
|
|
593
596
|
if (e.startsWith("{") && e.endsWith("}"))
|
|
594
|
-
return
|
|
597
|
+
return ae(e);
|
|
595
598
|
const a = {};
|
|
596
599
|
return e.split("|").forEach((t) => {
|
|
597
600
|
const i = t.split(":");
|
|
@@ -603,13 +606,13 @@ const ee = (e) => JSON.parse(e.replaceAll("'", '"')), lt = (e, a = {}) => {
|
|
|
603
606
|
};
|
|
604
607
|
}), a;
|
|
605
608
|
};
|
|
606
|
-
class
|
|
609
|
+
class ut {
|
|
607
610
|
constructor(a, t = {}) {
|
|
608
|
-
|
|
611
|
+
j(this, "items", /* @__PURE__ */ new Map()), j(this, "onInput", (i) => {
|
|
609
612
|
if (i instanceof CustomEvent && i.type === "input" && !i.isTrusted)
|
|
610
613
|
return;
|
|
611
|
-
const r = i.target, s = this.items.get(r), n = "inputType" in i && i.inputType.startsWith("delete"), d = s.isEager(),
|
|
612
|
-
this.fixCursor(r, n, () => this.setValue(r,
|
|
614
|
+
const r = i.target, s = this.items.get(r), n = "inputType" in i && i.inputType.startsWith("delete"), d = s.isEager(), h = n && d && s.unmasked(r.value) === "" ? "" : r.value;
|
|
615
|
+
this.fixCursor(r, n, () => this.setValue(r, h));
|
|
613
616
|
}), this.options = t, this.init(this.getInputs(a));
|
|
614
617
|
}
|
|
615
618
|
update(a = {}) {
|
|
@@ -627,7 +630,7 @@ class dt {
|
|
|
627
630
|
const t = this.getOptions(this.options);
|
|
628
631
|
for (const i of a) {
|
|
629
632
|
this.items.has(i) || i.addEventListener("input", this.onInput, { capture: !0 });
|
|
630
|
-
const r = new nt(
|
|
633
|
+
const r = new rt(nt(i, t));
|
|
631
634
|
this.items.set(i, r), queueMicrotask(() => this.updateValue(i)), i.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", i.type);
|
|
632
635
|
}
|
|
633
636
|
}
|
|
@@ -640,11 +643,10 @@ class dt {
|
|
|
640
643
|
}
|
|
641
644
|
fixCursor(a, t, i) {
|
|
642
645
|
const r = a.selectionStart, s = a.value;
|
|
643
|
-
if (i(), r === null || r === s.length && !t)
|
|
644
|
-
|
|
645
|
-
const n = a.value, d = s.slice(0, r), f = n.slice(0, r), g = this.processInput(a, d).unmasked, $ = this.processInput(a, f).unmasked;
|
|
646
|
+
if (i(), r === null || r === s.length && !t) return;
|
|
647
|
+
const n = a.value, d = s.slice(0, r), h = n.slice(0, r), b = this.processInput(a, d).unmasked, $ = this.processInput(a, h).unmasked;
|
|
646
648
|
let V = r;
|
|
647
|
-
d !==
|
|
649
|
+
d !== h && (V += t ? n.length - s.length : b.length - $.length), a.setSelectionRange(V, V);
|
|
648
650
|
}
|
|
649
651
|
setValue(a, t) {
|
|
650
652
|
const i = this.processInput(a, t);
|
|
@@ -662,54 +664,92 @@ class dt {
|
|
|
662
664
|
};
|
|
663
665
|
}
|
|
664
666
|
}
|
|
665
|
-
const
|
|
666
|
-
if (e.arg == null || e.instance == null)
|
|
667
|
-
return;
|
|
667
|
+
const U = /* @__PURE__ */ new WeakMap(), dt = (e, a) => {
|
|
668
|
+
if (e.arg == null || e.instance == null) return;
|
|
668
669
|
const t = "setup" in e.instance.$.type;
|
|
669
670
|
e.arg in e.instance ? e.instance[e.arg] = a : t && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
|
|
670
671
|
}, q = (e, a) => {
|
|
671
672
|
var t;
|
|
672
673
|
const i = e instanceof HTMLInputElement ? e : e.querySelector("input");
|
|
673
|
-
if (i == null || (i == null ? void 0 : i.type) === "file")
|
|
674
|
-
return;
|
|
674
|
+
if (i == null || (i == null ? void 0 : i.type) === "file") return;
|
|
675
675
|
let r = {};
|
|
676
676
|
if (a.value != null && (r = typeof a.value == "string" ? { mask: a.value } : { ...a.value }), a.arg != null) {
|
|
677
677
|
const s = (n) => {
|
|
678
678
|
const d = a.modifiers.unmasked ? n.unmasked : a.modifiers.completed ? n.completed : n.masked;
|
|
679
|
-
|
|
679
|
+
dt(a, d);
|
|
680
680
|
};
|
|
681
681
|
r.onMaska = r.onMaska == null ? s : Array.isArray(r.onMaska) ? [...r.onMaska, s] : [r.onMaska, s];
|
|
682
682
|
}
|
|
683
|
-
|
|
684
|
-
},
|
|
683
|
+
U.has(i) ? (t = U.get(i)) == null || t.update(r) : U.set(i, new ut(i, r));
|
|
684
|
+
}, ct = {
|
|
685
685
|
directives: { maska: q },
|
|
686
686
|
name: "wra-custom-input",
|
|
687
687
|
props: {
|
|
688
|
+
/**
|
|
689
|
+
* The value of the input field.
|
|
690
|
+
* @type {string|number}
|
|
691
|
+
* @required
|
|
692
|
+
*/
|
|
688
693
|
modelValue: {
|
|
689
|
-
required: !0
|
|
694
|
+
required: !0,
|
|
695
|
+
default: ""
|
|
690
696
|
},
|
|
697
|
+
/**
|
|
698
|
+
* The mask pattern for the input field.
|
|
699
|
+
* @type {string}
|
|
700
|
+
*/
|
|
691
701
|
dataMaska: {
|
|
692
702
|
type: String
|
|
693
703
|
},
|
|
704
|
+
/**
|
|
705
|
+
* Whether to apply the mask eagerly.
|
|
706
|
+
* @type {boolean}
|
|
707
|
+
* @default false
|
|
708
|
+
*/
|
|
694
709
|
dataMaskaEager: {
|
|
695
710
|
type: Boolean,
|
|
696
711
|
default: !1
|
|
697
712
|
},
|
|
713
|
+
/**
|
|
714
|
+
* Whether to apply the mask in reverse.
|
|
715
|
+
* @type {boolean}
|
|
716
|
+
* @default false
|
|
717
|
+
*/
|
|
698
718
|
dataMaskaReversed: {
|
|
699
719
|
type: Boolean,
|
|
700
720
|
default: !1
|
|
701
721
|
},
|
|
722
|
+
/**
|
|
723
|
+
* Custom tokens for the mask.
|
|
724
|
+
* @type {string}
|
|
725
|
+
*/
|
|
702
726
|
dataMaskaTokens: {
|
|
703
727
|
type: String
|
|
704
728
|
},
|
|
729
|
+
/**
|
|
730
|
+
* The label for the input field.
|
|
731
|
+
* @type {string}
|
|
732
|
+
*/
|
|
705
733
|
label: {
|
|
706
734
|
type: String
|
|
707
735
|
},
|
|
736
|
+
/**
|
|
737
|
+
* The ID for the input field.
|
|
738
|
+
* @type {string}
|
|
739
|
+
* @required
|
|
740
|
+
* @default "customInput"
|
|
741
|
+
*/
|
|
708
742
|
id: {
|
|
709
743
|
type: String,
|
|
710
744
|
required: !0,
|
|
711
745
|
default: "customInput"
|
|
712
746
|
},
|
|
747
|
+
/**
|
|
748
|
+
* The input mode for the input field.
|
|
749
|
+
* @type {string}
|
|
750
|
+
* @default "numeric"
|
|
751
|
+
* @validator value {string} - The input mode must be one of ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"].
|
|
752
|
+
*/
|
|
713
753
|
inputmode: {
|
|
714
754
|
default: "numeric",
|
|
715
755
|
type: String,
|
|
@@ -726,6 +766,12 @@ const K = /* @__PURE__ */ new WeakMap(), ct = (e, a) => {
|
|
|
726
766
|
].includes(e);
|
|
727
767
|
}
|
|
728
768
|
},
|
|
769
|
+
/**
|
|
770
|
+
* The type of the input field.
|
|
771
|
+
* @type {string}
|
|
772
|
+
* @default "text"
|
|
773
|
+
* @validator value {string} - The type must be one of ["text", "none", "tel", "url", "email", "numeric", "decimal"].
|
|
774
|
+
*/
|
|
729
775
|
type: {
|
|
730
776
|
type: String,
|
|
731
777
|
default: "text",
|
|
@@ -741,35 +787,58 @@ const K = /* @__PURE__ */ new WeakMap(), ct = (e, a) => {
|
|
|
741
787
|
].includes(e);
|
|
742
788
|
}
|
|
743
789
|
},
|
|
790
|
+
/**
|
|
791
|
+
* The placeholder text for the input field.
|
|
792
|
+
* @type {string}
|
|
793
|
+
*/
|
|
744
794
|
placeholder: {
|
|
745
795
|
type: String
|
|
746
796
|
},
|
|
747
797
|
rules: {},
|
|
798
|
+
/**
|
|
799
|
+
* The prefix text to display before the input field.
|
|
800
|
+
* @type {string}
|
|
801
|
+
*/
|
|
748
802
|
prefix: {
|
|
749
803
|
type: String
|
|
750
804
|
},
|
|
805
|
+
/**
|
|
806
|
+
* The suffix text to display after the input field.
|
|
807
|
+
* @type {string}
|
|
808
|
+
*/
|
|
751
809
|
suffix: {
|
|
752
810
|
type: String
|
|
811
|
+
},
|
|
812
|
+
/**
|
|
813
|
+
* Whether to emit maska details.
|
|
814
|
+
* @type {boolean}
|
|
815
|
+
* @default false
|
|
816
|
+
*/
|
|
817
|
+
emitMaskaDetails: {
|
|
818
|
+
type: Boolean,
|
|
819
|
+
default: !1
|
|
753
820
|
}
|
|
754
821
|
},
|
|
755
822
|
emits: ["update:modelValue", "valid"],
|
|
756
823
|
data: () => ({
|
|
757
|
-
unmaskedValue: "",
|
|
758
824
|
errorMessage: "",
|
|
759
825
|
firstValidation: !0,
|
|
760
|
-
returnValue:
|
|
826
|
+
returnValue: {}
|
|
761
827
|
}),
|
|
762
828
|
watch: {
|
|
763
|
-
|
|
764
|
-
this.
|
|
765
|
-
},
|
|
766
|
-
"returnValue.masked"() {
|
|
767
|
-
this.$emit("update:modelValue", this.returnValue.unmasked), this.validate(this.returnValue.unmasked);
|
|
829
|
+
returnValue() {
|
|
830
|
+
this.$emit("update:modelValue", this.returnValue), this.validate(this.returnValue);
|
|
768
831
|
}
|
|
769
832
|
},
|
|
770
833
|
methods: {
|
|
834
|
+
onMaska(e) {
|
|
835
|
+
this.$emit(
|
|
836
|
+
"update:modelValue",
|
|
837
|
+
this.emitMaskaDetails ? e : e.unmasked
|
|
838
|
+
), this.validate(e.unmasked);
|
|
839
|
+
},
|
|
771
840
|
validate(e) {
|
|
772
|
-
if (this.errorMessage = "", this.rules != null)
|
|
841
|
+
if (this.errorMessage = "", this.rules != null) {
|
|
773
842
|
for (let a = 0; a < this.rules.length; a++) {
|
|
774
843
|
const t = this.rules[a];
|
|
775
844
|
let i = t(e);
|
|
@@ -778,9 +847,10 @@ const K = /* @__PURE__ */ new WeakMap(), ct = (e, a) => {
|
|
|
778
847
|
break;
|
|
779
848
|
}
|
|
780
849
|
}
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
850
|
+
if (this.errorMessage == "" && this.$emit("valid", { id: this.id, value: !0 }), this.firstValidation == !0 && (this.firstValidation = !1, this.errorMessage != "")) {
|
|
851
|
+
this.errorMessage = "";
|
|
852
|
+
return;
|
|
853
|
+
}
|
|
784
854
|
}
|
|
785
855
|
}
|
|
786
856
|
},
|
|
@@ -790,60 +860,82 @@ const K = /* @__PURE__ */ new WeakMap(), ct = (e, a) => {
|
|
|
790
860
|
}
|
|
791
861
|
},
|
|
792
862
|
mounted() {
|
|
793
|
-
this
|
|
863
|
+
this.$emit("update:modelValue", this.modelValue), this.validate(this.modelValue);
|
|
794
864
|
}
|
|
795
|
-
},
|
|
865
|
+
}, ht = ["for"], ft = { class: "input-wrapper" }, pt = {
|
|
796
866
|
key: 0,
|
|
797
867
|
class: "prefix"
|
|
798
|
-
},
|
|
868
|
+
}, mt = ["id", "type", "value", "inputmode", "placeholder", "data-maska-eager", "data-maska-reversed", "data-maska-tokens"], gt = {
|
|
799
869
|
key: 1,
|
|
800
870
|
class: "suffix"
|
|
801
871
|
};
|
|
802
|
-
function
|
|
803
|
-
const n =
|
|
872
|
+
function kt(e, a, t, i, r, s) {
|
|
873
|
+
const n = F("maska");
|
|
804
874
|
return l(), o("div", {
|
|
805
|
-
class:
|
|
875
|
+
class: k({ error: e.errorMessage != !1 })
|
|
806
876
|
}, [
|
|
807
877
|
t.label ? (l(), o("label", {
|
|
808
878
|
key: 0,
|
|
809
879
|
for: t.id
|
|
810
|
-
}, c(t.label), 9,
|
|
811
|
-
u("div",
|
|
812
|
-
t.prefix ? (l(), o("span",
|
|
880
|
+
}, c(t.label), 9, ht)) : p("", !0),
|
|
881
|
+
u("div", ft, [
|
|
882
|
+
t.prefix ? (l(), o("span", pt, c(t.prefix), 1)) : p("", !0),
|
|
813
883
|
T(u("input", {
|
|
814
884
|
id: t.id,
|
|
815
885
|
type: t.type,
|
|
816
|
-
value:
|
|
886
|
+
value: t.modelValue,
|
|
817
887
|
inputmode: t.inputmode || "numeric",
|
|
818
888
|
placeholder: t.placeholder,
|
|
819
|
-
"data-maska": t.dataMaska,
|
|
820
889
|
"data-maska-eager": t.dataMaskaEager,
|
|
821
890
|
"data-maska-reversed": t.dataMaskaReversed,
|
|
822
891
|
"data-maska-tokens": t.dataMaskaTokens,
|
|
823
|
-
class:
|
|
824
|
-
|
|
825
|
-
|
|
892
|
+
class: k(s.prefixPadding),
|
|
893
|
+
onMaska: a[0] || (a[0] = (d) => s.onMaska(d.detail))
|
|
894
|
+
}, null, 42, mt), [
|
|
895
|
+
[n, t.dataMaska, "returnValue"]
|
|
826
896
|
]),
|
|
827
|
-
t.suffix ? (l(), o("span",
|
|
897
|
+
t.suffix ? (l(), o("span", gt, c(t.suffix), 1)) : p("", !0)
|
|
828
898
|
]),
|
|
829
899
|
u("p", null, c(e.errorMessage), 1)
|
|
830
900
|
], 2);
|
|
831
901
|
}
|
|
832
|
-
const
|
|
902
|
+
const bt = /* @__PURE__ */ f(ct, [["render", kt], ["__scopeId", "data-v-941faa14"]]), _t = {
|
|
833
903
|
directives: { maska: q },
|
|
834
904
|
name: "wra-date-input",
|
|
835
905
|
props: {
|
|
906
|
+
/**
|
|
907
|
+
* The value of the input field.
|
|
908
|
+
* @required
|
|
909
|
+
* @default ""
|
|
910
|
+
*/
|
|
836
911
|
modelValue: {
|
|
837
|
-
required: !0
|
|
912
|
+
required: !0,
|
|
913
|
+
default: ""
|
|
838
914
|
},
|
|
915
|
+
/**
|
|
916
|
+
* The label for the input field.
|
|
917
|
+
* @type {string}
|
|
918
|
+
*/
|
|
839
919
|
label: {
|
|
840
920
|
type: String
|
|
841
921
|
},
|
|
922
|
+
/**
|
|
923
|
+
* The ID for the input field.
|
|
924
|
+
* @type {string}
|
|
925
|
+
* @required
|
|
926
|
+
* @default "dateInput"
|
|
927
|
+
*/
|
|
842
928
|
id: {
|
|
843
929
|
required: !0,
|
|
844
930
|
default: "dateInput",
|
|
845
931
|
type: String
|
|
846
932
|
},
|
|
933
|
+
/**
|
|
934
|
+
* The input mode for the input field.
|
|
935
|
+
* @type {string}
|
|
936
|
+
* @default "numeric"
|
|
937
|
+
* @validator value {string} - The input mode must be "numeric".
|
|
938
|
+
*/
|
|
847
939
|
inputmode: {
|
|
848
940
|
default: "numeric",
|
|
849
941
|
type: String,
|
|
@@ -852,10 +944,21 @@ const _t = /* @__PURE__ */ p(ht, [["render", bt], ["__scopeId", "data-v-adc61edc
|
|
|
852
944
|
}
|
|
853
945
|
},
|
|
854
946
|
required: {},
|
|
947
|
+
/**
|
|
948
|
+
* The placeholder text for the input field.
|
|
949
|
+
* @type {string}
|
|
950
|
+
* @default "DD/MM/YYYY"
|
|
951
|
+
*
|
|
952
|
+
*/
|
|
855
953
|
placeholder: {
|
|
856
954
|
default: "DD/MM/YYYY",
|
|
857
955
|
type: String
|
|
858
956
|
},
|
|
957
|
+
/**
|
|
958
|
+
* Whether to use default validation for the input field.
|
|
959
|
+
* @type {boolean}
|
|
960
|
+
* @default false
|
|
961
|
+
*/
|
|
859
962
|
defaultValidation: {
|
|
860
963
|
default: !1
|
|
861
964
|
}
|
|
@@ -868,11 +971,20 @@ const _t = /* @__PURE__ */ p(ht, [["render", bt], ["__scopeId", "data-v-adc61edc
|
|
|
868
971
|
dateObjectValue: null
|
|
869
972
|
}),
|
|
870
973
|
watch: {
|
|
974
|
+
/**
|
|
975
|
+
* Watcher for modelValue prop.
|
|
976
|
+
* @param {string} newValue - The new value of the modelValue prop.
|
|
977
|
+
*/
|
|
871
978
|
modelValue(e) {
|
|
872
979
|
e != this.dateObjectValue && this.setInitialState();
|
|
873
980
|
}
|
|
874
981
|
},
|
|
875
982
|
methods: {
|
|
983
|
+
/**
|
|
984
|
+
* Swaps the day and month in a date string.
|
|
985
|
+
* @param {string} input - The input date string in DD/MM/YYYY format.
|
|
986
|
+
* @returns {string} - The date string with day and month swapped.
|
|
987
|
+
*/
|
|
876
988
|
swapMonthDay(e) {
|
|
877
989
|
var a = e.split("/");
|
|
878
990
|
return a[1] + "/" + a[0] + "/" + a[2];
|
|
@@ -891,13 +1003,16 @@ const _t = /* @__PURE__ */ p(ht, [["render", bt], ["__scopeId", "data-v-adc61edc
|
|
|
891
1003
|
}
|
|
892
1004
|
},
|
|
893
1005
|
validate(e) {
|
|
894
|
-
if (this.defaultValidation
|
|
1006
|
+
if (this.defaultValidation === !1)
|
|
895
1007
|
return !0;
|
|
896
1008
|
let a = !0;
|
|
897
1009
|
return e === null ? (this.required == !0 && (this.showError = !0, a = !1), this.required == !1 && (this.maskedValue.length == 0 ? (this.showError = !1, a = !0) : (this.showError = !0, a = !1)), this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a) : (e == "Invalid Date" && (a = !1), parseInt(this.maskedValue.split("/")[1]) - 1 != e.getMonth() && (a = !1), this.showError = !a, this.firstValidation == !0 && (this.firstValidation = !1, this.showError = !1), a);
|
|
898
1010
|
},
|
|
1011
|
+
/**
|
|
1012
|
+
* Sets the initial state of the component based on the modelValue prop.
|
|
1013
|
+
*/
|
|
899
1014
|
setInitialState() {
|
|
900
|
-
if (this.modelValue == null || this.modelValue == "") {
|
|
1015
|
+
if (typeof this.modelValue == null || this.modelValue == null || this.modelValue == "") {
|
|
901
1016
|
this.convertToDate("");
|
|
902
1017
|
return;
|
|
903
1018
|
}
|
|
@@ -914,33 +1029,32 @@ const _t = /* @__PURE__ */ p(ht, [["render", bt], ["__scopeId", "data-v-adc61edc
|
|
|
914
1029
|
mounted() {
|
|
915
1030
|
this.setInitialState();
|
|
916
1031
|
}
|
|
917
|
-
},
|
|
918
|
-
function
|
|
919
|
-
const n =
|
|
1032
|
+
}, vt = ["for"], yt = ["id", "value", "inputmode", "placeholder", "defaultValidation"], wt = { key: 1 };
|
|
1033
|
+
function Vt(e, a, t, i, r, s) {
|
|
1034
|
+
const n = F("maska");
|
|
920
1035
|
return l(), o("div", {
|
|
921
|
-
class:
|
|
1036
|
+
class: k({ error: e.showError != !1 })
|
|
922
1037
|
}, [
|
|
923
1038
|
t.label ? (l(), o("label", {
|
|
924
1039
|
key: 0,
|
|
925
1040
|
for: t.id
|
|
926
|
-
}, c(t.label), 9,
|
|
1041
|
+
}, c(t.label), 9, vt)) : p("", !0),
|
|
927
1042
|
T(u("input", {
|
|
928
1043
|
id: t.id,
|
|
929
1044
|
type: "text",
|
|
930
1045
|
value: e.maskedValue,
|
|
931
|
-
inputmode: t.inputmode
|
|
1046
|
+
inputmode: t.inputmode ?? "numeric",
|
|
932
1047
|
placeholder: t.placeholder,
|
|
933
1048
|
defaultValidation: t.defaultValidation,
|
|
934
1049
|
onInput: a[0] || (a[0] = (d) => s.convertToDate(d.target.value)),
|
|
935
|
-
"data-maska": "##/##/####",
|
|
936
1050
|
"data-maska-eager": ""
|
|
937
|
-
}, null, 40,
|
|
938
|
-
[n]
|
|
1051
|
+
}, null, 40, yt), [
|
|
1052
|
+
[n, "##/##/####"]
|
|
939
1053
|
]),
|
|
940
|
-
e.showError && t.required != null ? (l(), o("p",
|
|
1054
|
+
e.showError && t.required != null ? (l(), o("p", wt, "Invalid date")) : p("", !0)
|
|
941
1055
|
], 2);
|
|
942
1056
|
}
|
|
943
|
-
const It = /* @__PURE__ */
|
|
1057
|
+
const It = /* @__PURE__ */ f(_t, [["render", Vt], ["__scopeId", "data-v-4372129a"]]), St = {
|
|
944
1058
|
name: "wra-divider",
|
|
945
1059
|
props: {
|
|
946
1060
|
/** Thickness of the divider */
|
|
@@ -960,18 +1074,18 @@ const It = /* @__PURE__ */ p(vt, [["render", St], ["__scopeId", "data-v-7e328b0a
|
|
|
960
1074
|
data() {
|
|
961
1075
|
return {};
|
|
962
1076
|
}
|
|
963
|
-
},
|
|
964
|
-
function
|
|
1077
|
+
}, $t = ["role"];
|
|
1078
|
+
function xt(e, a, t, i, r, s) {
|
|
965
1079
|
return l(), o("hr", {
|
|
966
1080
|
role: t.role,
|
|
967
|
-
class:
|
|
1081
|
+
class: k({
|
|
968
1082
|
"wra-divider-large": t.thickness === "large",
|
|
969
1083
|
"wra-divider": t.thickness === "medium",
|
|
970
1084
|
"wra-divider-small": t.thickness === "small"
|
|
971
1085
|
})
|
|
972
|
-
}, null, 10,
|
|
1086
|
+
}, null, 10, $t);
|
|
973
1087
|
}
|
|
974
|
-
const
|
|
1088
|
+
const Mt = /* @__PURE__ */ f(St, [["render", xt], ["__scopeId", "data-v-5554eece"]]), Ct = {
|
|
975
1089
|
name: "wra-expansion-panel",
|
|
976
1090
|
props: {
|
|
977
1091
|
title: {
|
|
@@ -1003,43 +1117,181 @@ const Pt = /* @__PURE__ */ p($t, [["render", Mt], ["__scopeId", "data-v-5554eece
|
|
|
1003
1117
|
this.showPanel = !this.showPanel;
|
|
1004
1118
|
}
|
|
1005
1119
|
}
|
|
1006
|
-
},
|
|
1007
|
-
function
|
|
1120
|
+
}, Tt = ["aria-controls", "id"], Pt = { class: "icon-wrapper" }, Wt = ["aria-hidden", "id"], Ot = { class: "inner-panel" };
|
|
1121
|
+
function Bt(e, a, t, i, r, s) {
|
|
1008
1122
|
return l(), o("div", null, [
|
|
1009
1123
|
u("button", {
|
|
1124
|
+
class: "expansion-button",
|
|
1010
1125
|
"aria-controls": "expansion-content-" + t.ariaTitle,
|
|
1011
1126
|
id: "expansion-control-" + t.ariaTitle,
|
|
1012
1127
|
onClick: a[0] || (a[0] = (...n) => s.togglePanel && s.togglePanel(...n)),
|
|
1013
|
-
style:
|
|
1128
|
+
style: E(s.style)
|
|
1014
1129
|
}, [
|
|
1015
|
-
|
|
1016
|
-
u("span",
|
|
1130
|
+
P(c(t.title) + " ", 1),
|
|
1131
|
+
u("span", Pt, [
|
|
1017
1132
|
u("span", {
|
|
1018
|
-
class:
|
|
1133
|
+
class: k(["panel-icon", {
|
|
1019
1134
|
"show-panel-icon": r.showPanel,
|
|
1020
1135
|
"hide-panel-icon": !r.showPanel
|
|
1021
1136
|
}])
|
|
1022
1137
|
}, null, 2)
|
|
1023
1138
|
])
|
|
1024
|
-
], 12,
|
|
1025
|
-
|
|
1026
|
-
default:
|
|
1139
|
+
], 12, Tt),
|
|
1140
|
+
G(Y, { name: "slide-fade" }, {
|
|
1141
|
+
default: B(() => [
|
|
1027
1142
|
r.showPanel ? (l(), o("div", {
|
|
1028
1143
|
key: 0,
|
|
1029
1144
|
class: "panel-content",
|
|
1030
1145
|
"aria-hidden": !r.showPanel,
|
|
1031
1146
|
id: "content-" + t.ariaTitle
|
|
1032
1147
|
}, [
|
|
1033
|
-
u("div",
|
|
1034
|
-
|
|
1148
|
+
u("div", Ot, [
|
|
1149
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
1035
1150
|
])
|
|
1036
|
-
], 8,
|
|
1151
|
+
], 8, Wt)) : p("", !0)
|
|
1037
1152
|
]),
|
|
1038
1153
|
_: 3
|
|
1039
1154
|
})
|
|
1040
1155
|
]);
|
|
1041
1156
|
}
|
|
1042
|
-
const
|
|
1157
|
+
const Ft = /* @__PURE__ */ f(Ct, [["render", Bt], ["__scopeId", "data-v-b0e75875"]]), qt = {
|
|
1158
|
+
name: "wra-validation-tooltip",
|
|
1159
|
+
props: {
|
|
1160
|
+
type: {
|
|
1161
|
+
type: String,
|
|
1162
|
+
required: !0
|
|
1163
|
+
}
|
|
1164
|
+
}
|
|
1165
|
+
};
|
|
1166
|
+
function Nt(e, a, t, i, r, s) {
|
|
1167
|
+
return l(), o("div", {
|
|
1168
|
+
class: k(["validation-tooltip", t.type])
|
|
1169
|
+
}, [
|
|
1170
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
1171
|
+
], 2);
|
|
1172
|
+
}
|
|
1173
|
+
const se = /* @__PURE__ */ f(qt, [["render", Nt], ["__scopeId", "data-v-0a204122"]]), At = {
|
|
1174
|
+
name: "file-upload",
|
|
1175
|
+
emits: ["change"],
|
|
1176
|
+
components: {
|
|
1177
|
+
ValidationTooltip: se,
|
|
1178
|
+
Button: ee
|
|
1179
|
+
},
|
|
1180
|
+
props: {
|
|
1181
|
+
/**
|
|
1182
|
+
* The ID for the file input.
|
|
1183
|
+
* @type {string}
|
|
1184
|
+
* @default "file-upload"
|
|
1185
|
+
*/
|
|
1186
|
+
id: {
|
|
1187
|
+
type: String,
|
|
1188
|
+
default: "file-upload"
|
|
1189
|
+
},
|
|
1190
|
+
/**
|
|
1191
|
+
* The label for the file input.
|
|
1192
|
+
* @type {string}
|
|
1193
|
+
* @default "Upload File"
|
|
1194
|
+
*/
|
|
1195
|
+
label: {
|
|
1196
|
+
type: String,
|
|
1197
|
+
default: "File upload label"
|
|
1198
|
+
},
|
|
1199
|
+
/**
|
|
1200
|
+
* The background colour of the button.
|
|
1201
|
+
* @type {string}
|
|
1202
|
+
* @default "wra-revenue"
|
|
1203
|
+
*/
|
|
1204
|
+
backgroundColor: {
|
|
1205
|
+
type: String,
|
|
1206
|
+
default: ""
|
|
1207
|
+
},
|
|
1208
|
+
/**
|
|
1209
|
+
* The text for the button.
|
|
1210
|
+
* @type {string}
|
|
1211
|
+
* @default "Upload file"
|
|
1212
|
+
*/
|
|
1213
|
+
buttonText: {
|
|
1214
|
+
type: String,
|
|
1215
|
+
default: "Upload file"
|
|
1216
|
+
},
|
|
1217
|
+
/**
|
|
1218
|
+
* Whether there is an error with the file input.
|
|
1219
|
+
* @type {boolean}
|
|
1220
|
+
* @default false
|
|
1221
|
+
*/
|
|
1222
|
+
error: {
|
|
1223
|
+
type: Boolean,
|
|
1224
|
+
default: !1
|
|
1225
|
+
},
|
|
1226
|
+
/**
|
|
1227
|
+
* The error message to display.
|
|
1228
|
+
* @type {string}
|
|
1229
|
+
* @default "An error has occurred"
|
|
1230
|
+
*/
|
|
1231
|
+
errorMessage: {
|
|
1232
|
+
type: String,
|
|
1233
|
+
default: "An error has occurred"
|
|
1234
|
+
}
|
|
1235
|
+
},
|
|
1236
|
+
data() {
|
|
1237
|
+
return {
|
|
1238
|
+
fileName: "No file chosen"
|
|
1239
|
+
};
|
|
1240
|
+
},
|
|
1241
|
+
methods: {
|
|
1242
|
+
handleFileChange(e) {
|
|
1243
|
+
const a = e.target.files;
|
|
1244
|
+
a.length > 0 ? this.fileName = a[0].name : this.fileName = "No file chosen", this.$emit("change", a);
|
|
1245
|
+
},
|
|
1246
|
+
triggerFileInput() {
|
|
1247
|
+
this.$refs.fileInput.click();
|
|
1248
|
+
}
|
|
1249
|
+
}
|
|
1250
|
+
}, Et = ["for"], Lt = { class: "file-upload-wrapper" }, jt = ["id"], Dt = { class: "file-name" };
|
|
1251
|
+
function Rt(e, a, t, i, r, s) {
|
|
1252
|
+
const n = L("ValidationTooltip"), d = L("Button");
|
|
1253
|
+
return l(), o(_, null, [
|
|
1254
|
+
G(Y, { name: "error" }, {
|
|
1255
|
+
default: B(() => [
|
|
1256
|
+
t.error ? (l(), K(n, {
|
|
1257
|
+
key: 0,
|
|
1258
|
+
class: "file-upload-error-box",
|
|
1259
|
+
type: "wra-error"
|
|
1260
|
+
}, {
|
|
1261
|
+
default: B(() => [
|
|
1262
|
+
P(c(t.errorMessage), 1)
|
|
1263
|
+
]),
|
|
1264
|
+
_: 1
|
|
1265
|
+
})) : p("", !0)
|
|
1266
|
+
]),
|
|
1267
|
+
_: 1
|
|
1268
|
+
}),
|
|
1269
|
+
u("div", {
|
|
1270
|
+
class: "file-upload-label",
|
|
1271
|
+
for: t.id
|
|
1272
|
+
}, c(t.label), 9, Et),
|
|
1273
|
+
u("div", Lt, [
|
|
1274
|
+
G(d, {
|
|
1275
|
+
size: "small",
|
|
1276
|
+
backgroundColor: t.backgroundColor,
|
|
1277
|
+
onClick: s.triggerFileInput
|
|
1278
|
+
}, {
|
|
1279
|
+
default: B(() => [
|
|
1280
|
+
P(c(t.buttonText), 1)
|
|
1281
|
+
]),
|
|
1282
|
+
_: 1
|
|
1283
|
+
}, 8, ["backgroundColor", "onClick"]),
|
|
1284
|
+
u("input", {
|
|
1285
|
+
type: "file",
|
|
1286
|
+
id: t.id,
|
|
1287
|
+
ref: "fileInput",
|
|
1288
|
+
onChange: a[0] || (a[0] = (...h) => s.handleFileChange && s.handleFileChange(...h))
|
|
1289
|
+
}, null, 40, jt),
|
|
1290
|
+
u("span", Dt, c(r.fileName), 1)
|
|
1291
|
+
])
|
|
1292
|
+
], 64);
|
|
1293
|
+
}
|
|
1294
|
+
const Kt = /* @__PURE__ */ f(At, [["render", Rt], ["__scopeId", "data-v-da53360e"]]), Ht = {
|
|
1043
1295
|
name: "wra-footer",
|
|
1044
1296
|
props: {
|
|
1045
1297
|
/** Display the footer when printed */
|
|
@@ -1049,14 +1301,14 @@ const At = /* @__PURE__ */ p(Tt, [["render", qt], ["__scopeId", "data-v-6993ae29
|
|
|
1049
1301
|
}
|
|
1050
1302
|
}
|
|
1051
1303
|
};
|
|
1052
|
-
function
|
|
1304
|
+
function zt(e, a, t, i, r, s) {
|
|
1053
1305
|
return l(), o("footer", {
|
|
1054
|
-
class:
|
|
1306
|
+
class: k(["wra-footer", { "hidden-print": t.hiddenPrint === !0 }])
|
|
1055
1307
|
}, [
|
|
1056
|
-
|
|
1308
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
1057
1309
|
], 2);
|
|
1058
1310
|
}
|
|
1059
|
-
const
|
|
1311
|
+
const Ut = /* @__PURE__ */ f(Ht, [["render", zt], ["__scopeId", "data-v-182e61db"]]), Gt = {
|
|
1060
1312
|
name: "wra-header",
|
|
1061
1313
|
props: {
|
|
1062
1314
|
size: {
|
|
@@ -1064,30 +1316,30 @@ const Nt = /* @__PURE__ */ p(Et, [["render", jt], ["__scopeId", "data-v-182e61db
|
|
|
1064
1316
|
required: !0
|
|
1065
1317
|
}
|
|
1066
1318
|
}
|
|
1067
|
-
},
|
|
1068
|
-
function
|
|
1319
|
+
}, Yt = { key: 0 }, Jt = { key: 1 }, Zt = { key: 2 }, Qt = { key: 3 }, Xt = { key: 4 }, ea = { key: 5 };
|
|
1320
|
+
function ta(e, a, t, i, r, s) {
|
|
1069
1321
|
return l(), o("div", null, [
|
|
1070
|
-
t.size == "h1" ? (l(), o("h1",
|
|
1071
|
-
|
|
1072
|
-
])) :
|
|
1073
|
-
t.size == "h2" ? (l(), o("h2",
|
|
1074
|
-
|
|
1075
|
-
])) :
|
|
1076
|
-
t.size == "h3" ? (l(), o("h3",
|
|
1077
|
-
|
|
1078
|
-
])) :
|
|
1079
|
-
t.size == "h4" ? (l(), o("h4",
|
|
1080
|
-
|
|
1081
|
-
])) :
|
|
1082
|
-
t.size == "h5" ? (l(), o("h5",
|
|
1083
|
-
|
|
1084
|
-
])) :
|
|
1085
|
-
t.size == "h6" ? (l(), o("h6",
|
|
1086
|
-
|
|
1087
|
-
])) :
|
|
1322
|
+
t.size == "h1" ? (l(), o("h1", Yt, [
|
|
1323
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
1324
|
+
])) : p("", !0),
|
|
1325
|
+
t.size == "h2" ? (l(), o("h2", Jt, [
|
|
1326
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
1327
|
+
])) : p("", !0),
|
|
1328
|
+
t.size == "h3" ? (l(), o("h3", Zt, [
|
|
1329
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
1330
|
+
])) : p("", !0),
|
|
1331
|
+
t.size == "h4" ? (l(), o("h4", Qt, [
|
|
1332
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
1333
|
+
])) : p("", !0),
|
|
1334
|
+
t.size == "h5" ? (l(), o("h5", Xt, [
|
|
1335
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
1336
|
+
])) : p("", !0),
|
|
1337
|
+
t.size == "h6" ? (l(), o("h6", ea, [
|
|
1338
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
1339
|
+
])) : p("", !0)
|
|
1088
1340
|
]);
|
|
1089
1341
|
}
|
|
1090
|
-
const
|
|
1342
|
+
const aa = /* @__PURE__ */ f(Gt, [["render", ta], ["__scopeId", "data-v-2f692b7a"]]), sa = {
|
|
1091
1343
|
name: "wra-icon",
|
|
1092
1344
|
props: {
|
|
1093
1345
|
/** Name of icon from material design icons by pictogrammers */
|
|
@@ -1119,8 +1371,8 @@ const Ut = /* @__PURE__ */ p(Ft, [["render", Gt], ["__scopeId", "data-v-2f692b7a
|
|
|
1119
1371
|
type: String
|
|
1120
1372
|
}
|
|
1121
1373
|
}
|
|
1122
|
-
},
|
|
1123
|
-
function
|
|
1374
|
+
}, ia = ["width", "height", "viewBox", "stroke", "fill"], ra = ["d"];
|
|
1375
|
+
function na(e, a, t, i, r, s) {
|
|
1124
1376
|
return l(), o("svg", {
|
|
1125
1377
|
width: t.width + "px",
|
|
1126
1378
|
height: t.height + "px",
|
|
@@ -1132,64 +1384,145 @@ function Qt(e, a, t, i, r, s) {
|
|
|
1132
1384
|
d: t.icon,
|
|
1133
1385
|
width: "100%",
|
|
1134
1386
|
height: "100%"
|
|
1135
|
-
}, null, 8,
|
|
1136
|
-
], 8,
|
|
1387
|
+
}, null, 8, ra)
|
|
1388
|
+
], 8, ia);
|
|
1137
1389
|
}
|
|
1138
|
-
const
|
|
1390
|
+
const la = /* @__PURE__ */ f(sa, [["render", na]]), oa = {
|
|
1391
|
+
name: "wra-inset",
|
|
1392
|
+
props: {
|
|
1393
|
+
/**
|
|
1394
|
+
* The color of the left border.
|
|
1395
|
+
* @type {string}
|
|
1396
|
+
* @default "blue"
|
|
1397
|
+
* @validator value {string} - The color must be one of ["light-blue", "blue", "light-green", "green", "light-red", "red", "light-yellow", "yellow", "grey", "revenue"].
|
|
1398
|
+
*/
|
|
1399
|
+
colour: {
|
|
1400
|
+
type: String,
|
|
1401
|
+
default: "blue",
|
|
1402
|
+
validate(e) {
|
|
1403
|
+
return [
|
|
1404
|
+
"light-blue",
|
|
1405
|
+
"blue",
|
|
1406
|
+
"light-green",
|
|
1407
|
+
"green",
|
|
1408
|
+
"light-red",
|
|
1409
|
+
"red",
|
|
1410
|
+
"light-yellow",
|
|
1411
|
+
"yellow",
|
|
1412
|
+
"grey",
|
|
1413
|
+
"revenue-blue"
|
|
1414
|
+
].includes(e);
|
|
1415
|
+
}
|
|
1416
|
+
}
|
|
1417
|
+
}
|
|
1418
|
+
};
|
|
1419
|
+
function ua(e, a, t, i, r, s) {
|
|
1420
|
+
return l(), o("div", {
|
|
1421
|
+
class: k(["wra-inset", t.colour])
|
|
1422
|
+
}, [
|
|
1423
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
1424
|
+
], 2);
|
|
1425
|
+
}
|
|
1426
|
+
const da = /* @__PURE__ */ f(oa, [["render", ua], ["__scopeId", "data-v-7209d342"]]), ca = {
|
|
1139
1427
|
directives: { maska: q },
|
|
1140
1428
|
name: "wra-number-input",
|
|
1141
1429
|
props: {
|
|
1430
|
+
/**
|
|
1431
|
+
* The value of the input field.
|
|
1432
|
+
* @type {string|number}
|
|
1433
|
+
* @required
|
|
1434
|
+
*/
|
|
1142
1435
|
modelValue: {
|
|
1143
|
-
required: !0
|
|
1436
|
+
required: !0,
|
|
1437
|
+
default: ""
|
|
1144
1438
|
},
|
|
1439
|
+
/**
|
|
1440
|
+
* The label for the input field.
|
|
1441
|
+
* @type {string}
|
|
1442
|
+
*/
|
|
1145
1443
|
label: {
|
|
1146
1444
|
type: String
|
|
1147
1445
|
},
|
|
1446
|
+
/**
|
|
1447
|
+
* The ID for the input field.
|
|
1448
|
+
* @type {string}
|
|
1449
|
+
* @required
|
|
1450
|
+
* @default "numberInput"
|
|
1451
|
+
*/
|
|
1148
1452
|
id: {
|
|
1149
1453
|
type: String,
|
|
1150
1454
|
required: !0,
|
|
1151
1455
|
default: "numberInput"
|
|
1152
1456
|
},
|
|
1457
|
+
/**
|
|
1458
|
+
* The type of the input field.
|
|
1459
|
+
* @type {string}
|
|
1460
|
+
* @default "text"
|
|
1461
|
+
* @validator value {string} - The type must be one of ["text", "password", "search"].
|
|
1462
|
+
*/
|
|
1153
1463
|
type: {
|
|
1154
1464
|
type: String,
|
|
1155
|
-
|
|
1465
|
+
// Default of number causes issues with maska
|
|
1466
|
+
default: "text",
|
|
1156
1467
|
validator(e) {
|
|
1157
|
-
return ["
|
|
1468
|
+
return ["text", "password", "search"].includes(e);
|
|
1158
1469
|
}
|
|
1159
1470
|
},
|
|
1471
|
+
/**
|
|
1472
|
+
* The input mode for the input field.
|
|
1473
|
+
* @type {string}
|
|
1474
|
+
* @default "numeric"
|
|
1475
|
+
*/
|
|
1160
1476
|
inputmode: {
|
|
1161
|
-
default: "numeric",
|
|
1162
1477
|
type: String,
|
|
1478
|
+
default: "numeric",
|
|
1163
1479
|
validator(e) {
|
|
1164
1480
|
return ["numeric", "decimal", "text"].includes(e);
|
|
1165
1481
|
}
|
|
1166
1482
|
},
|
|
1483
|
+
/**
|
|
1484
|
+
* The placeholder text for the input field.
|
|
1485
|
+
* @type {string}
|
|
1486
|
+
*/
|
|
1167
1487
|
placeholder: {
|
|
1168
1488
|
type: String
|
|
1169
1489
|
},
|
|
1490
|
+
/**
|
|
1491
|
+
* Validation rules for the input field.
|
|
1492
|
+
* @type {Array<Function>}
|
|
1493
|
+
*/
|
|
1170
1494
|
rules: {},
|
|
1495
|
+
/**
|
|
1496
|
+
* The prefix text to display before the input field.
|
|
1497
|
+
* @type {string}
|
|
1498
|
+
*/
|
|
1171
1499
|
prefix: {
|
|
1172
1500
|
type: String
|
|
1173
1501
|
},
|
|
1502
|
+
/**
|
|
1503
|
+
* The suffix text to display after the input field.
|
|
1504
|
+
* @type {string}
|
|
1505
|
+
*/
|
|
1174
1506
|
suffix: {
|
|
1175
1507
|
type: String
|
|
1508
|
+
},
|
|
1509
|
+
/**
|
|
1510
|
+
* Whether to emit full maska details, including masked and unmasked values.
|
|
1511
|
+
* @type {boolean}
|
|
1512
|
+
* @default false
|
|
1513
|
+
*/
|
|
1514
|
+
emitMaskaDetails: {
|
|
1515
|
+
type: Boolean,
|
|
1516
|
+
default: !1
|
|
1176
1517
|
}
|
|
1177
1518
|
},
|
|
1178
1519
|
emits: ["update:modelValue", "valid"],
|
|
1179
1520
|
data: () => ({
|
|
1180
|
-
|
|
1521
|
+
dataValue: "",
|
|
1181
1522
|
errorMessage: "",
|
|
1182
1523
|
firstValidation: !0,
|
|
1183
1524
|
returnValue: ""
|
|
1184
1525
|
}),
|
|
1185
|
-
watch: {
|
|
1186
|
-
modelValue(e) {
|
|
1187
|
-
this.maskedValue = e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
1188
|
-
},
|
|
1189
|
-
"returnValue.masked"() {
|
|
1190
|
-
this.$emit("update:modelValue", this.returnValue.unmasked), this.validate(this.returnValue.unmasked);
|
|
1191
|
-
}
|
|
1192
|
-
},
|
|
1193
1526
|
methods: {
|
|
1194
1527
|
validate(e) {
|
|
1195
1528
|
if (this.errorMessage = "", this.rules != null)
|
|
@@ -1205,6 +1538,12 @@ const Xt = /* @__PURE__ */ p(Yt, [["render", Qt]]), ea = {
|
|
|
1205
1538
|
this.errorMessage = "";
|
|
1206
1539
|
return;
|
|
1207
1540
|
}
|
|
1541
|
+
},
|
|
1542
|
+
onMaska(e) {
|
|
1543
|
+
this.$emit(
|
|
1544
|
+
"update:modelValue",
|
|
1545
|
+
this.emitMaskaDetails ? e : e.unmasked
|
|
1546
|
+
), this.validate(e.unmasked);
|
|
1208
1547
|
}
|
|
1209
1548
|
},
|
|
1210
1549
|
computed: {
|
|
@@ -1212,46 +1551,51 @@ const Xt = /* @__PURE__ */ p(Yt, [["render", Qt]]), ea = {
|
|
|
1212
1551
|
return this.prefix != null ? "padding-for-prefix" : "padding-for-no-prefix";
|
|
1213
1552
|
}
|
|
1214
1553
|
},
|
|
1215
|
-
|
|
1216
|
-
this.
|
|
1554
|
+
created() {
|
|
1555
|
+
this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
|
|
1217
1556
|
}
|
|
1218
|
-
},
|
|
1557
|
+
}, ha = ["for"], fa = { class: "input-wrapper" }, pa = {
|
|
1219
1558
|
key: 0,
|
|
1220
1559
|
class: "prefix"
|
|
1221
|
-
},
|
|
1560
|
+
}, ma = ["id", "type", "inputmode", "placeholder", "value"], ga = {
|
|
1222
1561
|
key: 1,
|
|
1223
1562
|
class: "suffix"
|
|
1224
1563
|
};
|
|
1225
|
-
function
|
|
1226
|
-
const n =
|
|
1564
|
+
function ka(e, a, t, i, r, s) {
|
|
1565
|
+
const n = F("maska");
|
|
1227
1566
|
return l(), o("div", {
|
|
1228
|
-
class:
|
|
1567
|
+
class: k({ error: e.errorMessage != !1 })
|
|
1229
1568
|
}, [
|
|
1230
1569
|
t.label ? (l(), o("label", {
|
|
1231
1570
|
key: 0,
|
|
1232
1571
|
for: t.id
|
|
1233
|
-
}, c(t.label), 9,
|
|
1234
|
-
u("div",
|
|
1235
|
-
t.prefix ? (l(), o("span",
|
|
1572
|
+
}, c(t.label), 9, ha)) : p("", !0),
|
|
1573
|
+
u("div", fa, [
|
|
1574
|
+
t.prefix ? (l(), o("span", pa, c(t.prefix), 1)) : p("", !0),
|
|
1236
1575
|
T(u("input", {
|
|
1237
1576
|
id: t.id,
|
|
1238
|
-
type:
|
|
1239
|
-
value: e.maskedValue,
|
|
1577
|
+
type: t.type,
|
|
1240
1578
|
inputmode: t.inputmode || "numeric",
|
|
1241
1579
|
placeholder: t.placeholder,
|
|
1242
|
-
|
|
1580
|
+
value: t.modelValue,
|
|
1243
1581
|
"data-maska-tokens": "9:[0-9]:repeated",
|
|
1244
1582
|
"data-maska-reversed": "",
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1583
|
+
onMaska: a[0] || (a[0] = (d) => s.onMaska(d.detail)),
|
|
1584
|
+
class: k(s.prefixPadding)
|
|
1585
|
+
}, null, 42, ma), [
|
|
1586
|
+
[
|
|
1587
|
+
n,
|
|
1588
|
+
"9,99#",
|
|
1589
|
+
"returnValue",
|
|
1590
|
+
{ unmasked: !0 }
|
|
1591
|
+
]
|
|
1248
1592
|
]),
|
|
1249
|
-
t.suffix ? (l(), o("span",
|
|
1593
|
+
t.suffix ? (l(), o("span", ga, c(t.suffix), 1)) : p("", !0)
|
|
1250
1594
|
]),
|
|
1251
1595
|
u("p", null, c(e.errorMessage), 1)
|
|
1252
1596
|
], 2);
|
|
1253
1597
|
}
|
|
1254
|
-
const
|
|
1598
|
+
const ba = /* @__PURE__ */ f(ca, [["render", ka], ["__scopeId", "data-v-7f5cc545"]]), _a = {
|
|
1255
1599
|
name: "wra-pagination",
|
|
1256
1600
|
data: () => ({
|
|
1257
1601
|
currentPage: 0
|
|
@@ -1289,25 +1633,25 @@ const la = /* @__PURE__ */ p(ea, [["render", na], ["__scopeId", "data-v-a1adb454
|
|
|
1289
1633
|
},
|
|
1290
1634
|
methods: {
|
|
1291
1635
|
incPage() {
|
|
1292
|
-
this.currentPage < this.totalPages && (this.currentPage++, this.$emit("update:
|
|
1636
|
+
this.currentPage < this.totalPages && (this.currentPage++, this.$emit("update:modelValue", this.currentPage));
|
|
1293
1637
|
},
|
|
1294
1638
|
decPage() {
|
|
1295
|
-
this.currentPage >= this.startIndex && (this.currentPage--, this.$emit("update:
|
|
1639
|
+
this.currentPage >= this.startIndex + 1 && (this.currentPage--, this.$emit("update:modelValue", this.currentPage));
|
|
1296
1640
|
},
|
|
1297
1641
|
changePage(e) {
|
|
1298
|
-
this.currentPage = e, this.$emit("update:
|
|
1642
|
+
this.currentPage = e, this.$emit("update:modelValue", this.currentPage), this.$nextTick(() => {
|
|
1299
1643
|
var a, t;
|
|
1300
1644
|
(t = (a = this.$refs) == null ? void 0 : a[e]) != null && t[0] || console.log("No ref found for page", e), this.$refs[e][0].focus();
|
|
1301
1645
|
});
|
|
1302
1646
|
},
|
|
1303
1647
|
onKeyLeft() {
|
|
1304
|
-
this.currentPage > this.startIndex && this.changePage(this.currentPage - 1);
|
|
1648
|
+
this.currentPage > this.startIndex + 1 && this.changePage(this.currentPage - 1);
|
|
1305
1649
|
},
|
|
1306
1650
|
onKeyRight() {
|
|
1307
1651
|
this.currentPage < this.totalPages && this.changePage(this.currentPage + 1);
|
|
1308
1652
|
}
|
|
1309
1653
|
},
|
|
1310
|
-
emits: ["update:
|
|
1654
|
+
emits: ["update:modelValue"],
|
|
1311
1655
|
computed: {
|
|
1312
1656
|
pageArray() {
|
|
1313
1657
|
return Array.from(
|
|
@@ -1341,15 +1685,15 @@ const la = /* @__PURE__ */ p(ea, [["render", na], ["__scopeId", "data-v-a1adb454
|
|
|
1341
1685
|
created() {
|
|
1342
1686
|
this.currentPage = this.modelValue;
|
|
1343
1687
|
}
|
|
1344
|
-
},
|
|
1345
|
-
function
|
|
1346
|
-
return l(), o("div",
|
|
1688
|
+
}, H = (e) => (D("data-v-dfaff049"), e = e(), R(), e), va = { class: "pagination" }, ya = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-icon previous-icon" }, null, -1)), wa = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-divider" }, "...", -1)), Va = ["onClick"], Ia = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-divider" }, "...", -1)), Sa = /* @__PURE__ */ H(() => /* @__PURE__ */ u("span", { class: "pagination-icon next-icon" }, null, -1));
|
|
1689
|
+
function $a(e, a, t, i, r, s) {
|
|
1690
|
+
return l(), o("div", va, [
|
|
1347
1691
|
u("button", {
|
|
1348
1692
|
class: "pagination-button",
|
|
1349
1693
|
onClick: a[0] || (a[0] = (n) => s.decPage())
|
|
1350
1694
|
}, [
|
|
1351
|
-
|
|
1352
|
-
|
|
1695
|
+
m(e.$slots, "previous", {}, () => [
|
|
1696
|
+
ya,
|
|
1353
1697
|
u("span", null, c(t.previousLabel), 1)
|
|
1354
1698
|
], !0)
|
|
1355
1699
|
]),
|
|
@@ -1358,11 +1702,11 @@ function ma(e, a, t, i, r, s) {
|
|
|
1358
1702
|
key: 0,
|
|
1359
1703
|
onClick: a[1] || (a[1] = (n) => s.changePage(t.startIndex)),
|
|
1360
1704
|
class: "pagination-number"
|
|
1361
|
-
}, c(t.startIndex), 1)) :
|
|
1362
|
-
|
|
1363
|
-
|
|
1705
|
+
}, c(t.startIndex), 1)) : p("", !0),
|
|
1706
|
+
m(e.$slots, "divider", {}, () => [
|
|
1707
|
+
wa
|
|
1364
1708
|
], !0)
|
|
1365
|
-
], 64)) :
|
|
1709
|
+
], 64)) : p("", !0),
|
|
1366
1710
|
(l(!0), o(_, null, w(s.viewablePages, (n) => (l(), o("button", {
|
|
1367
1711
|
onClick: (d) => s.changePage(n),
|
|
1368
1712
|
onKeydown: [
|
|
@@ -1371,41 +1715,64 @@ function ma(e, a, t, i, r, s) {
|
|
|
1371
1715
|
],
|
|
1372
1716
|
ref_for: !0,
|
|
1373
1717
|
ref: n,
|
|
1374
|
-
class:
|
|
1375
|
-
}, c(n), 43,
|
|
1718
|
+
class: k(["pagination-number", e.currentPage === n && "pagination-number--selected"])
|
|
1719
|
+
}, c(n), 43, Va))), 256)),
|
|
1376
1720
|
s.skipEnd ? (l(), o(_, { key: 1 }, [
|
|
1377
|
-
|
|
1721
|
+
Ia,
|
|
1378
1722
|
u("button", {
|
|
1379
1723
|
onClick: a[4] || (a[4] = (n) => s.changePage(t.totalPages)),
|
|
1380
1724
|
class: "pagination-number"
|
|
1381
1725
|
}, c(t.totalPages), 1)
|
|
1382
|
-
], 64)) :
|
|
1726
|
+
], 64)) : p("", !0),
|
|
1383
1727
|
u("button", {
|
|
1384
1728
|
class: "pagination-button",
|
|
1385
1729
|
onClick: a[5] || (a[5] = (n) => s.incPage())
|
|
1386
1730
|
}, [
|
|
1387
|
-
|
|
1731
|
+
m(e.$slots, "next", {}, () => [
|
|
1388
1732
|
u("span", null, c(t.nextLabel), 1),
|
|
1389
|
-
|
|
1733
|
+
Sa
|
|
1390
1734
|
], !0)
|
|
1391
1735
|
])
|
|
1392
1736
|
]);
|
|
1393
1737
|
}
|
|
1394
|
-
const
|
|
1738
|
+
const xa = /* @__PURE__ */ f(_a, [["render", $a], ["__scopeId", "data-v-dfaff049"]]), Ma = {
|
|
1395
1739
|
directives: { maska: q },
|
|
1396
1740
|
name: "wra-price-input",
|
|
1397
1741
|
props: {
|
|
1742
|
+
/**
|
|
1743
|
+
* The value of the input field.
|
|
1744
|
+
* @type {string|number}
|
|
1745
|
+
* @required
|
|
1746
|
+
* @default ""
|
|
1747
|
+
*/
|
|
1398
1748
|
modelValue: {
|
|
1399
|
-
required: !0
|
|
1749
|
+
required: !0,
|
|
1750
|
+
default: ""
|
|
1400
1751
|
},
|
|
1752
|
+
/**
|
|
1753
|
+
* The label for the input field.
|
|
1754
|
+
* @type {string}
|
|
1755
|
+
*/
|
|
1401
1756
|
label: {
|
|
1402
1757
|
type: String
|
|
1403
1758
|
},
|
|
1759
|
+
/**
|
|
1760
|
+
* The ID for the input field.
|
|
1761
|
+
* @type {string}
|
|
1762
|
+
* @required
|
|
1763
|
+
* @default "priceInput"
|
|
1764
|
+
*/
|
|
1404
1765
|
id: {
|
|
1405
1766
|
type: String,
|
|
1406
1767
|
required: !0,
|
|
1407
1768
|
default: "priceInput"
|
|
1408
1769
|
},
|
|
1770
|
+
/**
|
|
1771
|
+
* The input mode for the input field.
|
|
1772
|
+
* @type {string}
|
|
1773
|
+
* @default "decimal"
|
|
1774
|
+
* @validator value {string} - The input mode must be one of ["numeric", "decimal", "text"].
|
|
1775
|
+
*/
|
|
1409
1776
|
inputmode: {
|
|
1410
1777
|
default: "decimal",
|
|
1411
1778
|
type: String,
|
|
@@ -1413,15 +1780,33 @@ const ga = /* @__PURE__ */ p(oa, [["render", ma], ["__scopeId", "data-v-b3b431ea
|
|
|
1413
1780
|
return ["numeric", "decimal", "text"].includes(e);
|
|
1414
1781
|
}
|
|
1415
1782
|
},
|
|
1783
|
+
/**
|
|
1784
|
+
* The placeholder text for the input field.
|
|
1785
|
+
* @type {string}
|
|
1786
|
+
* @default "0.00"
|
|
1787
|
+
*/
|
|
1416
1788
|
placeholder: {
|
|
1417
1789
|
default: "0.00",
|
|
1418
1790
|
type: String
|
|
1419
1791
|
},
|
|
1792
|
+
/**
|
|
1793
|
+
* Validation rules for the input field.
|
|
1794
|
+
* @type {Array<Function>}
|
|
1795
|
+
*/
|
|
1420
1796
|
rules: {},
|
|
1797
|
+
/**
|
|
1798
|
+
* The prefix text to display before the input field.
|
|
1799
|
+
* @type {string}
|
|
1800
|
+
* @default "£"
|
|
1801
|
+
*/
|
|
1421
1802
|
prefix: {
|
|
1422
1803
|
default: "£",
|
|
1423
1804
|
type: String
|
|
1424
1805
|
},
|
|
1806
|
+
/**
|
|
1807
|
+
* The suffix text to display after the input field.
|
|
1808
|
+
* @type {string}
|
|
1809
|
+
*/
|
|
1425
1810
|
suffix: {
|
|
1426
1811
|
type: String
|
|
1427
1812
|
}
|
|
@@ -1432,8 +1817,7 @@ const ga = /* @__PURE__ */ p(oa, [["render", ma], ["__scopeId", "data-v-b3b431ea
|
|
|
1432
1817
|
mask: {
|
|
1433
1818
|
preProcess: (e) => e.replace(/[£,]/g, ""),
|
|
1434
1819
|
postProcess: (e) => {
|
|
1435
|
-
if (!e)
|
|
1436
|
-
return "";
|
|
1820
|
+
if (!e) return "";
|
|
1437
1821
|
const a = 3 - (e.includes(".") ? e.length - e.indexOf(".") : 0);
|
|
1438
1822
|
return Intl.NumberFormat("en-GB", {
|
|
1439
1823
|
style: "currency",
|
|
@@ -1449,8 +1833,8 @@ const ga = /* @__PURE__ */ p(oa, [["render", ma], ["__scopeId", "data-v-b3b431ea
|
|
|
1449
1833
|
modelValue(e) {
|
|
1450
1834
|
this.maskedValue = e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
1451
1835
|
},
|
|
1452
|
-
|
|
1453
|
-
this.$emit("update:modelValue", this.returnValue
|
|
1836
|
+
returnValue() {
|
|
1837
|
+
this.$emit("update:modelValue", this.returnValue), this.validate(this.returnValue);
|
|
1454
1838
|
}
|
|
1455
1839
|
},
|
|
1456
1840
|
methods: {
|
|
@@ -1476,26 +1860,26 @@ const ga = /* @__PURE__ */ p(oa, [["render", ma], ["__scopeId", "data-v-b3b431ea
|
|
|
1476
1860
|
}
|
|
1477
1861
|
},
|
|
1478
1862
|
mounted() {
|
|
1479
|
-
this.maskedValue = this.modelValue, this.validate(this.modelValue);
|
|
1863
|
+
this.maskedValue = this.modelValue, this.$emit("update:modelValue", this.maskedValue), this.validate(this.modelValue);
|
|
1480
1864
|
}
|
|
1481
|
-
},
|
|
1865
|
+
}, Ca = ["for"], Ta = { class: "input-wrapper" }, Pa = {
|
|
1482
1866
|
key: 0,
|
|
1483
1867
|
class: "prefix"
|
|
1484
|
-
},
|
|
1868
|
+
}, Wa = ["id", "value", "inputmode", "placeholder"], Oa = {
|
|
1485
1869
|
key: 1,
|
|
1486
1870
|
class: "suffix"
|
|
1487
1871
|
};
|
|
1488
|
-
function
|
|
1489
|
-
const n =
|
|
1872
|
+
function Ba(e, a, t, i, r, s) {
|
|
1873
|
+
const n = F("maska");
|
|
1490
1874
|
return l(), o("div", {
|
|
1491
|
-
class:
|
|
1875
|
+
class: k({ error: e.errorMessage != !1 })
|
|
1492
1876
|
}, [
|
|
1493
1877
|
t.label ? (l(), o("label", {
|
|
1494
1878
|
key: 0,
|
|
1495
1879
|
for: t.id
|
|
1496
|
-
}, c(t.label), 9,
|
|
1497
|
-
u("div",
|
|
1498
|
-
t.prefix ? (l(), o("span",
|
|
1880
|
+
}, c(t.label), 9, Ca)) : p("", !0),
|
|
1881
|
+
u("div", Ta, [
|
|
1882
|
+
t.prefix ? (l(), o("span", Pa, c(t.prefix), 1)) : p("", !0),
|
|
1499
1883
|
T(u("input", {
|
|
1500
1884
|
id: t.id,
|
|
1501
1885
|
type: "text",
|
|
@@ -1504,8 +1888,8 @@ function Va(e, a, t, i, r, s) {
|
|
|
1504
1888
|
placeholder: t.placeholder,
|
|
1505
1889
|
"data-maska": "0.99",
|
|
1506
1890
|
"data-maska-tokens": "0:\\d:multiple|9:\\d:optional",
|
|
1507
|
-
class:
|
|
1508
|
-
}, null, 10,
|
|
1891
|
+
class: k(s.prefixPadding)
|
|
1892
|
+
}, null, 10, Wa), [
|
|
1509
1893
|
[
|
|
1510
1894
|
n,
|
|
1511
1895
|
e.mask,
|
|
@@ -1513,12 +1897,12 @@ function Va(e, a, t, i, r, s) {
|
|
|
1513
1897
|
{ masked: !0 }
|
|
1514
1898
|
]
|
|
1515
1899
|
]),
|
|
1516
|
-
t.suffix ? (l(), o("span",
|
|
1900
|
+
t.suffix ? (l(), o("span", Oa, c(t.suffix), 1)) : p("", !0)
|
|
1517
1901
|
]),
|
|
1518
1902
|
u("p", null, c(e.errorMessage), 1)
|
|
1519
1903
|
], 2);
|
|
1520
1904
|
}
|
|
1521
|
-
const
|
|
1905
|
+
const Fa = /* @__PURE__ */ f(Ma, [["render", Ba], ["__scopeId", "data-v-d7cb56f3"]]), qa = {
|
|
1522
1906
|
name: "wra-radio",
|
|
1523
1907
|
props: {
|
|
1524
1908
|
groupName: {
|
|
@@ -1527,15 +1911,19 @@ const Sa = /* @__PURE__ */ p(ka, [["render", Va], ["__scopeId", "data-v-7d5eb543
|
|
|
1527
1911
|
},
|
|
1528
1912
|
option: {
|
|
1529
1913
|
type: Object,
|
|
1530
|
-
required: !0
|
|
1914
|
+
required: !0,
|
|
1915
|
+
default: () => ({ label: "", value: "" }),
|
|
1916
|
+
validator: function(e) {
|
|
1917
|
+
return e.hasOwnProperty("label") && e.hasOwnProperty("value") && e.hasOwnProperty("info");
|
|
1918
|
+
}
|
|
1531
1919
|
},
|
|
1532
1920
|
isChecked: {
|
|
1533
1921
|
type: Boolean,
|
|
1534
1922
|
required: !0
|
|
1535
1923
|
}
|
|
1536
1924
|
}
|
|
1537
|
-
},
|
|
1538
|
-
function
|
|
1925
|
+
}, Na = ["for"], Aa = ["name", "value", "id", "checked", "aria-checked"], Ea = { class: "radio-text" }, La = ["innerHTML"];
|
|
1926
|
+
function ja(e, a, t, i, r, s) {
|
|
1539
1927
|
return l(), o("div", null, [
|
|
1540
1928
|
u("label", {
|
|
1541
1929
|
for: t.groupName + "-" + t.option.value,
|
|
@@ -1550,19 +1938,19 @@ function Ta(e, a, t, i, r, s) {
|
|
|
1550
1938
|
class: "radio-input",
|
|
1551
1939
|
checked: t.isChecked == !0,
|
|
1552
1940
|
"aria-checked": t.isChecked
|
|
1553
|
-
}, null, 40,
|
|
1554
|
-
u("span",
|
|
1941
|
+
}, null, 40, Aa),
|
|
1942
|
+
u("span", Ea, [
|
|
1555
1943
|
u("p", null, c(t.option.label), 1),
|
|
1556
1944
|
t.option.info ? (l(), o("p", {
|
|
1557
1945
|
key: 0,
|
|
1558
1946
|
class: "further-information-text",
|
|
1559
1947
|
innerHTML: t.option.info
|
|
1560
|
-
}, null, 8,
|
|
1948
|
+
}, null, 8, La)) : p("", !0)
|
|
1561
1949
|
])
|
|
1562
|
-
], 8,
|
|
1950
|
+
], 8, Na)
|
|
1563
1951
|
]);
|
|
1564
1952
|
}
|
|
1565
|
-
const
|
|
1953
|
+
const Da = /* @__PURE__ */ f(qa, [["render", ja], ["__scopeId", "data-v-0d223335"]]), Ra = {
|
|
1566
1954
|
name: "wra-radio-group",
|
|
1567
1955
|
props: {
|
|
1568
1956
|
groupName: {
|
|
@@ -1574,7 +1962,8 @@ const Ca = /* @__PURE__ */ p(Ia, [["render", Ta], ["__scopeId", "data-v-3c9ed011
|
|
|
1574
1962
|
},
|
|
1575
1963
|
options: {
|
|
1576
1964
|
type: Array,
|
|
1577
|
-
required: !0
|
|
1965
|
+
required: !0,
|
|
1966
|
+
default: () => []
|
|
1578
1967
|
},
|
|
1579
1968
|
label: {
|
|
1580
1969
|
type: String
|
|
@@ -1589,26 +1978,31 @@ const Ca = /* @__PURE__ */ p(Ia, [["render", Ta], ["__scopeId", "data-v-3c9ed011
|
|
|
1589
1978
|
}
|
|
1590
1979
|
},
|
|
1591
1980
|
components: {
|
|
1592
|
-
WraRadio:
|
|
1981
|
+
WraRadio: Da
|
|
1982
|
+
},
|
|
1983
|
+
computed: {
|
|
1984
|
+
validOptions() {
|
|
1985
|
+
return this.options ?? [];
|
|
1986
|
+
}
|
|
1593
1987
|
}
|
|
1594
|
-
},
|
|
1595
|
-
function
|
|
1596
|
-
const n =
|
|
1988
|
+
}, Ka = ["aria-label", "aria-describedby"];
|
|
1989
|
+
function Ha(e, a, t, i, r, s) {
|
|
1990
|
+
const n = L("wra-radio");
|
|
1597
1991
|
return l(), o("div", {
|
|
1598
1992
|
role: "radiogroup",
|
|
1599
1993
|
"aria-label": t.label,
|
|
1600
1994
|
"aria-describedby": t.hint
|
|
1601
1995
|
}, [
|
|
1602
|
-
(l(!0), o(_, null, w(
|
|
1996
|
+
(l(!0), o(_, null, w(s.validOptions, (d) => (l(), K(n, {
|
|
1603
1997
|
groupName: t.groupName,
|
|
1604
1998
|
option: d,
|
|
1605
1999
|
key: d.value,
|
|
1606
2000
|
class: "radio",
|
|
1607
2001
|
isChecked: s.checkInput(d.value)
|
|
1608
2002
|
}, null, 8, ["groupName", "option", "isChecked"]))), 128))
|
|
1609
|
-
], 8,
|
|
2003
|
+
], 8, Ka);
|
|
1610
2004
|
}
|
|
1611
|
-
const
|
|
2005
|
+
const za = /* @__PURE__ */ f(Ra, [["render", Ha], ["__scopeId", "data-v-ce7fb438"]]), Ua = {
|
|
1612
2006
|
name: "wra-select",
|
|
1613
2007
|
props: {
|
|
1614
2008
|
modelValue: {
|
|
@@ -1616,7 +2010,8 @@ const qa = /* @__PURE__ */ p(Wa, [["render", Ba], ["__scopeId", "data-v-9602790b
|
|
|
1616
2010
|
},
|
|
1617
2011
|
items: {
|
|
1618
2012
|
required: !0,
|
|
1619
|
-
type: Array
|
|
2013
|
+
type: Array,
|
|
2014
|
+
default: () => []
|
|
1620
2015
|
},
|
|
1621
2016
|
itemValue: {
|
|
1622
2017
|
required: !0,
|
|
@@ -1634,7 +2029,7 @@ const qa = /* @__PURE__ */ p(Wa, [["render", Ba], ["__scopeId", "data-v-9602790b
|
|
|
1634
2029
|
methods: {
|
|
1635
2030
|
validate(e) {
|
|
1636
2031
|
this.$emit("update:modelValue", e);
|
|
1637
|
-
let a = this.
|
|
2032
|
+
let a = this.validItems.some((t) => this.checkForObjectValue(t) == e);
|
|
1638
2033
|
if (this.required == !0 && a == !1) {
|
|
1639
2034
|
this.$emit("valid", { id: this.id || this.name, value: !1 });
|
|
1640
2035
|
return;
|
|
@@ -1648,42 +2043,47 @@ const qa = /* @__PURE__ */ p(Wa, [["render", Ba], ["__scopeId", "data-v-9602790b
|
|
|
1648
2043
|
return typeof e == "object" ? e[this.itemLabel] : e;
|
|
1649
2044
|
}
|
|
1650
2045
|
},
|
|
2046
|
+
computed: {
|
|
2047
|
+
validItems() {
|
|
2048
|
+
return this.items ?? [];
|
|
2049
|
+
}
|
|
2050
|
+
},
|
|
1651
2051
|
mounted() {
|
|
1652
2052
|
this.validate(this.modelValue);
|
|
1653
2053
|
},
|
|
1654
2054
|
emits: ["update:modelValue", "valid"]
|
|
1655
|
-
},
|
|
2055
|
+
}, ie = (e) => (D("data-v-d6977238"), e = e(), R(), e), Ga = ["for"], Ya = { class: "select" }, Ja = ["id", "value"], Za = /* @__PURE__ */ ie(() => /* @__PURE__ */ u("option", {
|
|
1656
2056
|
value: "",
|
|
1657
2057
|
selected: "",
|
|
1658
2058
|
disabled: "",
|
|
1659
2059
|
hidden: ""
|
|
1660
|
-
}, "-", -1)),
|
|
1661
|
-
function
|
|
2060
|
+
}, "-", -1)), Qa = ["value", "selected"], Xa = { key: 0 }, es = { key: 1 }, ts = /* @__PURE__ */ ie(() => /* @__PURE__ */ u("span", { class: "focus" }, null, -1));
|
|
2061
|
+
function as(e, a, t, i, r, s) {
|
|
1662
2062
|
return l(), o(_, null, [
|
|
1663
2063
|
u("label", {
|
|
1664
2064
|
for: t.id || t.name
|
|
1665
|
-
}, c(t.label), 9,
|
|
1666
|
-
u("div",
|
|
2065
|
+
}, c(t.label), 9, Ga),
|
|
2066
|
+
u("div", Ya, [
|
|
1667
2067
|
u("select", {
|
|
1668
2068
|
id: t.id || t.name,
|
|
1669
2069
|
value: t.modelValue,
|
|
1670
2070
|
onChange: a[0] || (a[0] = (n) => s.validate(n.target.value))
|
|
1671
2071
|
}, [
|
|
1672
|
-
|
|
1673
|
-
(l(!0), o(_, null, w(
|
|
2072
|
+
Za,
|
|
2073
|
+
(l(!0), o(_, null, w(s.validItems, (n) => (l(), o("option", {
|
|
1674
2074
|
value: s.checkForObjectValue(n),
|
|
1675
2075
|
selected: t.modelValue == s.checkForObjectValue(n)
|
|
1676
2076
|
}, [
|
|
1677
|
-
e.$slots.label ? (l(), o("span",
|
|
1678
|
-
|
|
1679
|
-
])) : (l(), o("span",
|
|
1680
|
-
], 8,
|
|
1681
|
-
], 40,
|
|
1682
|
-
|
|
2077
|
+
e.$slots.label ? (l(), o("span", Xa, [
|
|
2078
|
+
m(e.$slots, "label", { item: n }, void 0, !0)
|
|
2079
|
+
])) : (l(), o("span", es, c(s.checkForObjectLabel(n)), 1))
|
|
2080
|
+
], 8, Qa))), 256))
|
|
2081
|
+
], 40, Ja),
|
|
2082
|
+
ts
|
|
1683
2083
|
])
|
|
1684
2084
|
], 64);
|
|
1685
2085
|
}
|
|
1686
|
-
const
|
|
2086
|
+
const ss = /* @__PURE__ */ f(Ua, [["render", as], ["__scopeId", "data-v-d6977238"]]), is = {
|
|
1687
2087
|
name: "wra-service-logo",
|
|
1688
2088
|
props: {
|
|
1689
2089
|
serviceLogo: {
|
|
@@ -1705,8 +2105,8 @@ const za = /* @__PURE__ */ p(Aa, [["render", Ha], ["__scopeId", "data-v-b3b8a61e
|
|
|
1705
2105
|
type: [String, Number]
|
|
1706
2106
|
}
|
|
1707
2107
|
}
|
|
1708
|
-
},
|
|
1709
|
-
function
|
|
2108
|
+
}, rs = ["href", "aria-label"], ns = ["src", "height", "alt"];
|
|
2109
|
+
function ls(e, a, t, i, r, s) {
|
|
1710
2110
|
return l(), o("a", {
|
|
1711
2111
|
href: t.href,
|
|
1712
2112
|
target: "_blank",
|
|
@@ -1719,10 +2119,10 @@ function Ja(e, a, t, i, r, s) {
|
|
|
1719
2119
|
height: t.height,
|
|
1720
2120
|
class: "service-logo",
|
|
1721
2121
|
alt: t.alt
|
|
1722
|
-
}, null, 8,
|
|
1723
|
-
], 8,
|
|
2122
|
+
}, null, 8, ns)
|
|
2123
|
+
], 8, rs);
|
|
1724
2124
|
}
|
|
1725
|
-
const
|
|
2125
|
+
const os = /* @__PURE__ */ f(is, [["render", ls], ["__scopeId", "data-v-0ba072f4"]]), us = {
|
|
1726
2126
|
name: "wra-simple-table",
|
|
1727
2127
|
props: {
|
|
1728
2128
|
inheritBackground: {
|
|
@@ -1737,27 +2137,77 @@ const Za = /* @__PURE__ */ p(Ga, [["render", Ja], ["__scopeId", "data-v-0ba072f4
|
|
|
1737
2137
|
default: !0
|
|
1738
2138
|
}
|
|
1739
2139
|
}
|
|
1740
|
-
},
|
|
2140
|
+
}, ds = {
|
|
1741
2141
|
key: 0,
|
|
1742
2142
|
class: "wra-simple-table-caption"
|
|
1743
2143
|
};
|
|
1744
|
-
function
|
|
2144
|
+
function cs(e, a, t, i, r, s) {
|
|
1745
2145
|
return l(), o("div", {
|
|
1746
|
-
class:
|
|
2146
|
+
class: k(["wra-simple-table-wrapper", { "wra-simple-table-inherit": t.inheritBackground }])
|
|
1747
2147
|
}, [
|
|
1748
2148
|
u("table", {
|
|
1749
|
-
class:
|
|
2149
|
+
class: k(["wra-simple-table", { "left-align-headers": t.leftAlignHeaders }])
|
|
1750
2150
|
}, [
|
|
1751
|
-
t.caption ? (l(), o("caption",
|
|
1752
|
-
|
|
1753
|
-
|
|
2151
|
+
t.caption ? (l(), o("caption", ds, [
|
|
2152
|
+
m(e.$slots, "caption", {}, () => [
|
|
2153
|
+
P(c(t.caption), 1)
|
|
1754
2154
|
])
|
|
1755
|
-
])) :
|
|
1756
|
-
|
|
2155
|
+
])) : p("", !0),
|
|
2156
|
+
m(e.$slots, "default")
|
|
1757
2157
|
], 2)
|
|
1758
2158
|
], 2);
|
|
1759
2159
|
}
|
|
1760
|
-
const
|
|
2160
|
+
const hs = /* @__PURE__ */ f(us, [["render", cs]]), fs = {
|
|
2161
|
+
name: "wra-skiplink",
|
|
2162
|
+
emits: ["click"],
|
|
2163
|
+
methods: {
|
|
2164
|
+
/**
|
|
2165
|
+
* Handles the click event for the skip link button.
|
|
2166
|
+
* Focuses the target element specified by the `id` prop.
|
|
2167
|
+
* If no `id` is provided, emits a "click" event.
|
|
2168
|
+
*/
|
|
2169
|
+
onClick() {
|
|
2170
|
+
if (typeof this.skipId > "u" || this.skipId === null) {
|
|
2171
|
+
this.$emit("click");
|
|
2172
|
+
return;
|
|
2173
|
+
}
|
|
2174
|
+
const e = document.getElementById(this.skipId);
|
|
2175
|
+
if (e) {
|
|
2176
|
+
const a = e.tabIndex;
|
|
2177
|
+
e.tabIndex = -1, e.focus(), e.tabIndex = a;
|
|
2178
|
+
}
|
|
2179
|
+
}
|
|
2180
|
+
},
|
|
2181
|
+
props: {
|
|
2182
|
+
/**
|
|
2183
|
+
* The ID of the target element to focus. If not provided, the component will emit a click event.
|
|
2184
|
+
* @type {string}
|
|
2185
|
+
*/
|
|
2186
|
+
skipId: {
|
|
2187
|
+
type: String
|
|
2188
|
+
},
|
|
2189
|
+
/**
|
|
2190
|
+
* The text to display on the skip link button.
|
|
2191
|
+
* @type {string}
|
|
2192
|
+
* @default "Skip to main content"
|
|
2193
|
+
*/
|
|
2194
|
+
text: {
|
|
2195
|
+
type: String,
|
|
2196
|
+
default: "Skip to main content"
|
|
2197
|
+
},
|
|
2198
|
+
fullWidth: {
|
|
2199
|
+
type: Boolean,
|
|
2200
|
+
default: !1
|
|
2201
|
+
}
|
|
2202
|
+
}
|
|
2203
|
+
};
|
|
2204
|
+
function ps(e, a, t, i, r, s) {
|
|
2205
|
+
return l(), o("button", {
|
|
2206
|
+
class: k(["skip-link", { "skip-link-full-width": t.fullWidth }]),
|
|
2207
|
+
onClick: a[0] || (a[0] = (n) => s.onClick())
|
|
2208
|
+
}, c(t.text), 3);
|
|
2209
|
+
}
|
|
2210
|
+
const ms = /* @__PURE__ */ f(fs, [["render", ps], ["__scopeId", "data-v-9f2107e8"]]), gs = {
|
|
1761
2211
|
name: "wra-snackbar",
|
|
1762
2212
|
emits: ["update:visible"],
|
|
1763
2213
|
props: {
|
|
@@ -1819,24 +2269,24 @@ const ts = /* @__PURE__ */ p(Qa, [["render", es]]), as = {
|
|
|
1819
2269
|
};
|
|
1820
2270
|
}
|
|
1821
2271
|
}
|
|
1822
|
-
},
|
|
2272
|
+
}, re = (e) => (D("data-v-d365ea40"), e = e(), R(), e), ks = { class: "snackbar-content" }, bs = /* @__PURE__ */ re(() => /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1)), _s = /* @__PURE__ */ re(() => /* @__PURE__ */ u("div", { class: "close-icon-line-one" }, [
|
|
1823
2273
|
/* @__PURE__ */ u("div", { class: "close-icon-line-two" })
|
|
1824
|
-
], -1)),
|
|
1825
|
-
|
|
1826
|
-
|
|
2274
|
+
], -1)), vs = [
|
|
2275
|
+
bs,
|
|
2276
|
+
_s
|
|
1827
2277
|
];
|
|
1828
|
-
function
|
|
1829
|
-
return l(),
|
|
1830
|
-
default:
|
|
2278
|
+
function ys(e, a, t, i, r, s) {
|
|
2279
|
+
return l(), K(Y, { name: "snackbar" }, {
|
|
2280
|
+
default: B(() => [
|
|
1831
2281
|
e.showSnackbar ? (l(), o("div", {
|
|
1832
2282
|
key: 0,
|
|
1833
2283
|
role: "alert",
|
|
1834
2284
|
"aria-live": "polite",
|
|
1835
|
-
class:
|
|
2285
|
+
class: k(["snackbar snackbar-flex", t.type])
|
|
1836
2286
|
}, [
|
|
1837
|
-
u("div",
|
|
1838
|
-
|
|
1839
|
-
|
|
2287
|
+
u("div", ks, [
|
|
2288
|
+
m(e.$slots, "default", {}, () => [
|
|
2289
|
+
P(c(t.label), 1)
|
|
1840
2290
|
], !0)
|
|
1841
2291
|
]),
|
|
1842
2292
|
t.showClose ? (l(), o("div", {
|
|
@@ -1845,13 +2295,13 @@ function ls(e, a, t, i, r, s) {
|
|
|
1845
2295
|
tabindex: "0",
|
|
1846
2296
|
onClick: a[0] || (a[0] = (...n) => s.closeSnackbar && s.closeSnackbar(...n)),
|
|
1847
2297
|
onKeyup: a[1] || (a[1] = v((...n) => s.closeSnackbar && s.closeSnackbar(...n), ["enter"]))
|
|
1848
|
-
},
|
|
1849
|
-
], 2)) :
|
|
2298
|
+
}, vs, 32)) : p("", !0)
|
|
2299
|
+
], 2)) : p("", !0)
|
|
1850
2300
|
]),
|
|
1851
2301
|
_: 3
|
|
1852
2302
|
});
|
|
1853
2303
|
}
|
|
1854
|
-
const
|
|
2304
|
+
const ws = /* @__PURE__ */ f(gs, [["render", ys], ["__scopeId", "data-v-d365ea40"]]), Vs = {
|
|
1855
2305
|
name: "wra-subheader",
|
|
1856
2306
|
props: {
|
|
1857
2307
|
color: {
|
|
@@ -1866,15 +2316,15 @@ const os = /* @__PURE__ */ p(as, [["render", ls], ["__scopeId", "data-v-d365ea40
|
|
|
1866
2316
|
}
|
|
1867
2317
|
}
|
|
1868
2318
|
};
|
|
1869
|
-
function
|
|
2319
|
+
function Is(e, a, t, i, r, s) {
|
|
1870
2320
|
return l(), o("div", {
|
|
1871
2321
|
class: "subheader",
|
|
1872
|
-
style:
|
|
2322
|
+
style: E(s.style)
|
|
1873
2323
|
}, [
|
|
1874
|
-
|
|
2324
|
+
m(e.$slots, "default", {}, void 0, !0)
|
|
1875
2325
|
], 4);
|
|
1876
2326
|
}
|
|
1877
|
-
const
|
|
2327
|
+
const Ss = /* @__PURE__ */ f(Vs, [["render", Is], ["__scopeId", "data-v-c5d10b79"]]), $s = {
|
|
1878
2328
|
name: "wra-table",
|
|
1879
2329
|
props: {
|
|
1880
2330
|
inheritBackground: {
|
|
@@ -1891,61 +2341,61 @@ const cs = /* @__PURE__ */ p(us, [["render", ds], ["__scopeId", "data-v-c5d10b79
|
|
|
1891
2341
|
type: Array
|
|
1892
2342
|
}
|
|
1893
2343
|
}
|
|
1894
|
-
},
|
|
2344
|
+
}, xs = {
|
|
1895
2345
|
key: 0,
|
|
1896
2346
|
class: "wra-table-caption"
|
|
1897
|
-
},
|
|
2347
|
+
}, Ms = {
|
|
1898
2348
|
key: 0,
|
|
1899
2349
|
class: "wra-table-caption"
|
|
1900
2350
|
};
|
|
1901
|
-
function
|
|
2351
|
+
function Cs(e, a, t, i, r, s) {
|
|
1902
2352
|
return l(), o(_, null, [
|
|
1903
|
-
u("table",
|
|
2353
|
+
u("table", J({
|
|
1904
2354
|
id: "regular",
|
|
1905
2355
|
class: ["wra-table", {
|
|
1906
2356
|
"wra-table-inherit": t.inheritBackground
|
|
1907
2357
|
}]
|
|
1908
2358
|
}, e.$attrs), [
|
|
1909
|
-
t.caption ? (l(), o("caption",
|
|
1910
|
-
|
|
1911
|
-
|
|
2359
|
+
t.caption ? (l(), o("caption", xs, [
|
|
2360
|
+
m(e.$slots, "caption", {}, () => [
|
|
2361
|
+
P(c(t.caption), 1)
|
|
1912
2362
|
])
|
|
1913
|
-
])) :
|
|
2363
|
+
])) : p("", !0),
|
|
1914
2364
|
u("thead", null, [
|
|
1915
2365
|
u("tr", null, [
|
|
1916
2366
|
(l(!0), o(_, null, w(t.headers, (n) => (l(), o("th", {
|
|
1917
2367
|
key: n.key,
|
|
1918
|
-
style:
|
|
2368
|
+
style: E({ textAlign: n.align || "left" })
|
|
1919
2369
|
}, c(n.title), 5))), 128))
|
|
1920
2370
|
])
|
|
1921
2371
|
]),
|
|
1922
2372
|
u("tbody", null, [
|
|
1923
2373
|
(l(!0), o(_, null, w(t.items, (n) => (l(), o("tr", {
|
|
1924
2374
|
key: n.id,
|
|
1925
|
-
class:
|
|
2375
|
+
class: k({ bold: n.bold })
|
|
1926
2376
|
}, [
|
|
1927
2377
|
(l(!0), o(_, null, w(t.headers, (d) => (l(), o("td", {
|
|
1928
2378
|
key: d.key,
|
|
1929
|
-
style:
|
|
2379
|
+
style: E({ textAlign: d.align || "left" })
|
|
1930
2380
|
}, c(n[d.key]), 5))), 128))
|
|
1931
2381
|
], 2))), 128))
|
|
1932
2382
|
])
|
|
1933
2383
|
], 16),
|
|
1934
|
-
u("table",
|
|
2384
|
+
u("table", J({
|
|
1935
2385
|
id: "pivoted",
|
|
1936
2386
|
class: ["wra-table", {
|
|
1937
2387
|
"wra-table-inherit": t.inheritBackground
|
|
1938
2388
|
}]
|
|
1939
2389
|
}, e.$attrs), [
|
|
1940
|
-
t.caption ? (l(), o("caption",
|
|
1941
|
-
|
|
1942
|
-
|
|
2390
|
+
t.caption ? (l(), o("caption", Ms, [
|
|
2391
|
+
m(e.$slots, "caption", {}, () => [
|
|
2392
|
+
P(c(t.caption), 1)
|
|
1943
2393
|
])
|
|
1944
|
-
])) :
|
|
2394
|
+
])) : p("", !0),
|
|
1945
2395
|
(l(!0), o(_, null, w(t.items, (n) => (l(), o("tbody", {
|
|
1946
2396
|
key: n.id
|
|
1947
2397
|
}, [
|
|
1948
|
-
(l(!0), o(_, null, w(t.headers, (d,
|
|
2398
|
+
(l(!0), o(_, null, w(t.headers, (d, h) => (l(), o("tr", { key: h }, [
|
|
1949
2399
|
u("th", null, c(d.title), 1),
|
|
1950
2400
|
u("td", null, c(n[d.key]), 1)
|
|
1951
2401
|
]))), 128))
|
|
@@ -1953,7 +2403,7 @@ function ms(e, a, t, i, r, s) {
|
|
|
1953
2403
|
], 16)
|
|
1954
2404
|
], 64);
|
|
1955
2405
|
}
|
|
1956
|
-
const
|
|
2406
|
+
const Ts = /* @__PURE__ */ f($s, [["render", Cs]]), Ps = {
|
|
1957
2407
|
name: "wra-tab",
|
|
1958
2408
|
props: {
|
|
1959
2409
|
label: {
|
|
@@ -1981,13 +2431,13 @@ const gs = /* @__PURE__ */ p(hs, [["render", ms]]), ks = {
|
|
|
1981
2431
|
}
|
|
1982
2432
|
}
|
|
1983
2433
|
};
|
|
1984
|
-
function
|
|
2434
|
+
function Ws(e, a, t, i, r, s) {
|
|
1985
2435
|
return l(), o("button", {
|
|
1986
2436
|
ref: "tabButton",
|
|
1987
|
-
class:
|
|
2437
|
+
class: k(["tab-button", t.active === !0 && "tab-button--active"])
|
|
1988
2438
|
}, c(t.label), 3);
|
|
1989
2439
|
}
|
|
1990
|
-
const
|
|
2440
|
+
const Os = /* @__PURE__ */ f(Ps, [["render", Ws], ["__scopeId", "data-v-19bb5a16"]]), Bs = {
|
|
1991
2441
|
name: "wra-tabs",
|
|
1992
2442
|
emits: "update:modelValue",
|
|
1993
2443
|
props: {
|
|
@@ -2003,7 +2453,7 @@ const _s = /* @__PURE__ */ p(ks, [["render", bs], ["__scopeId", "data-v-19bb5a16
|
|
|
2003
2453
|
}
|
|
2004
2454
|
},
|
|
2005
2455
|
components: {
|
|
2006
|
-
Tab:
|
|
2456
|
+
Tab: Os
|
|
2007
2457
|
},
|
|
2008
2458
|
data() {
|
|
2009
2459
|
return {
|
|
@@ -2025,27 +2475,27 @@ const _s = /* @__PURE__ */ p(ks, [["render", bs], ["__scopeId", "data-v-19bb5a16
|
|
|
2025
2475
|
created() {
|
|
2026
2476
|
this.activeTab = this.modelValue;
|
|
2027
2477
|
}
|
|
2028
|
-
},
|
|
2029
|
-
function
|
|
2030
|
-
const n =
|
|
2031
|
-
return l(), o("div",
|
|
2032
|
-
(l(!0), o(_, null, w(t.options, (d,
|
|
2033
|
-
tabindex:
|
|
2478
|
+
}, Fs = { class: "tabs" };
|
|
2479
|
+
function qs(e, a, t, i, r, s) {
|
|
2480
|
+
const n = L("tab");
|
|
2481
|
+
return l(), o("div", Fs, [
|
|
2482
|
+
(l(!0), o(_, null, w(t.options, (d, h) => (l(), K(n, {
|
|
2483
|
+
tabindex: h === 0 ? 0 : -1,
|
|
2034
2484
|
label: d,
|
|
2035
|
-
active:
|
|
2036
|
-
focus:
|
|
2037
|
-
onClick: (
|
|
2038
|
-
onFocus: (
|
|
2485
|
+
active: h === r.activeTab,
|
|
2486
|
+
focus: h === r.focusTab,
|
|
2487
|
+
onClick: (b) => s.onTabClick(h),
|
|
2488
|
+
onFocus: (b) => r.focusTab = h,
|
|
2039
2489
|
onKeydown: [
|
|
2040
|
-
v((
|
|
2041
|
-
v((
|
|
2042
|
-
v((
|
|
2043
|
-
v((
|
|
2490
|
+
v((b) => s.onTabClick(h), ["enter"]),
|
|
2491
|
+
v((b) => s.onTabClick(h), ["space"]),
|
|
2492
|
+
v((b) => s.onKeyLeft(h), ["left"]),
|
|
2493
|
+
v((b) => s.onKeyRight(h), ["right"])
|
|
2044
2494
|
]
|
|
2045
2495
|
}, null, 8, ["tabindex", "label", "active", "focus", "onClick", "onFocus", "onKeydown"]))), 256))
|
|
2046
2496
|
]);
|
|
2047
2497
|
}
|
|
2048
|
-
const
|
|
2498
|
+
const Ns = /* @__PURE__ */ f(Bs, [["render", qs], ["__scopeId", "data-v-bbf8594b"]]), As = {
|
|
2049
2499
|
name: "wra-text-area",
|
|
2050
2500
|
props: {
|
|
2051
2501
|
id: {
|
|
@@ -2092,39 +2542,62 @@ const Vs = /* @__PURE__ */ p(vs, [["render", ws], ["__scopeId", "data-v-bbf8594b
|
|
|
2092
2542
|
mounted() {
|
|
2093
2543
|
this.validate(this.modelValue);
|
|
2094
2544
|
}
|
|
2095
|
-
},
|
|
2096
|
-
function
|
|
2545
|
+
}, Es = ["for"], Ls = ["id", "value"];
|
|
2546
|
+
function js(e, a, t, i, r, s) {
|
|
2097
2547
|
return l(), o("div", {
|
|
2098
|
-
class:
|
|
2548
|
+
class: k({ error: r.errorMessage != !1 })
|
|
2099
2549
|
}, [
|
|
2100
2550
|
t.label ? (l(), o("label", {
|
|
2101
2551
|
key: 0,
|
|
2102
2552
|
for: t.id
|
|
2103
|
-
}, c(t.label), 9,
|
|
2553
|
+
}, c(t.label), 9, Es)) : p("", !0),
|
|
2104
2554
|
u("textarea", {
|
|
2105
2555
|
rows: "5",
|
|
2106
2556
|
id: t.id,
|
|
2107
2557
|
value: t.modelValue,
|
|
2108
2558
|
onInput: a[0] || (a[0] = (n) => s.validate(n.target.value))
|
|
2109
|
-
}, null, 40,
|
|
2559
|
+
}, null, 40, Ls),
|
|
2110
2560
|
u("p", null, c(r.errorMessage), 1)
|
|
2111
2561
|
], 2);
|
|
2112
2562
|
}
|
|
2113
|
-
const
|
|
2563
|
+
const Ds = /* @__PURE__ */ f(As, [["render", js], ["__scopeId", "data-v-5633552a"]]), Rs = {
|
|
2114
2564
|
directives: { maska: q },
|
|
2115
2565
|
name: "wra-text-input",
|
|
2116
2566
|
props: {
|
|
2567
|
+
/**
|
|
2568
|
+
* The value of the input field.
|
|
2569
|
+
* @type {string|number}
|
|
2570
|
+
* @required
|
|
2571
|
+
* @default ""
|
|
2572
|
+
*/
|
|
2117
2573
|
modelValue: {
|
|
2118
|
-
required: !0
|
|
2574
|
+
required: !0,
|
|
2575
|
+
default: ""
|
|
2119
2576
|
},
|
|
2577
|
+
/**
|
|
2578
|
+
* The label for the input field.
|
|
2579
|
+
* @type {string}
|
|
2580
|
+
*/
|
|
2120
2581
|
label: {
|
|
2121
2582
|
type: String
|
|
2122
2583
|
},
|
|
2584
|
+
/**
|
|
2585
|
+
* The ID for the input field.
|
|
2586
|
+
* @type {string}
|
|
2587
|
+
* @required
|
|
2588
|
+
* @default "customInput"
|
|
2589
|
+
*/
|
|
2123
2590
|
id: {
|
|
2124
2591
|
type: String,
|
|
2125
2592
|
required: !0,
|
|
2126
2593
|
default: "textInput"
|
|
2127
2594
|
},
|
|
2595
|
+
/**
|
|
2596
|
+
* The input mode for the input field.
|
|
2597
|
+
* @type {string}
|
|
2598
|
+
* @default "numeric"
|
|
2599
|
+
* @validator value {string} - The input mode must be one of ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"].
|
|
2600
|
+
*/
|
|
2128
2601
|
inputmode: {
|
|
2129
2602
|
type: String,
|
|
2130
2603
|
default: "text",
|
|
@@ -2141,6 +2614,12 @@ const Ms = /* @__PURE__ */ p(Ss, [["render", xs], ["__scopeId", "data-v-5633552a
|
|
|
2141
2614
|
].includes(e);
|
|
2142
2615
|
}
|
|
2143
2616
|
},
|
|
2617
|
+
/**
|
|
2618
|
+
* The type of the input field.
|
|
2619
|
+
* @type {string}
|
|
2620
|
+
* @default "text"
|
|
2621
|
+
* @validator value {string} - The type must be one of ["text", "none", "tel", "url", "email", "numeric", "decimal"].
|
|
2622
|
+
*/
|
|
2144
2623
|
type: {
|
|
2145
2624
|
type: String,
|
|
2146
2625
|
default: "text",
|
|
@@ -2150,9 +2629,29 @@ const Ms = /* @__PURE__ */ p(Ss, [["render", xs], ["__scopeId", "data-v-5633552a
|
|
|
2150
2629
|
);
|
|
2151
2630
|
}
|
|
2152
2631
|
},
|
|
2632
|
+
/**
|
|
2633
|
+
* Validation rules for the input field.
|
|
2634
|
+
* @type {Array<Function>}
|
|
2635
|
+
*/
|
|
2153
2636
|
rules: {},
|
|
2154
|
-
|
|
2155
|
-
|
|
2637
|
+
/**
|
|
2638
|
+
* The mask pattern for the input field.
|
|
2639
|
+
* @type {string}
|
|
2640
|
+
*/
|
|
2641
|
+
dataMaska: {
|
|
2642
|
+
type: String
|
|
2643
|
+
},
|
|
2644
|
+
/**
|
|
2645
|
+
* Custom tokens for the mask.
|
|
2646
|
+
* @type {string}
|
|
2647
|
+
*/
|
|
2648
|
+
dataMaskaTokens: {
|
|
2649
|
+
type: String
|
|
2650
|
+
},
|
|
2651
|
+
/**
|
|
2652
|
+
* The placeholder text for the input field.
|
|
2653
|
+
* @type {string}
|
|
2654
|
+
*/
|
|
2156
2655
|
placeholder: {
|
|
2157
2656
|
type: String
|
|
2158
2657
|
}
|
|
@@ -2164,6 +2663,10 @@ const Ms = /* @__PURE__ */ p(Ss, [["render", xs], ["__scopeId", "data-v-5633552a
|
|
|
2164
2663
|
};
|
|
2165
2664
|
},
|
|
2166
2665
|
methods: {
|
|
2666
|
+
/**
|
|
2667
|
+
* Validates the input value based on the provided rules.
|
|
2668
|
+
* @param {string|number} value - The input value to validate.
|
|
2669
|
+
*/
|
|
2167
2670
|
validate(e) {
|
|
2168
2671
|
if (this.$emit("update:modelValue", e), this.errorMessage = "", this.rules != null)
|
|
2169
2672
|
for (let a = 0; a < this.rules.length; a++) {
|
|
@@ -2181,117 +2684,106 @@ const Ms = /* @__PURE__ */ p(Ss, [["render", xs], ["__scopeId", "data-v-5633552a
|
|
|
2181
2684
|
}
|
|
2182
2685
|
},
|
|
2183
2686
|
mounted() {
|
|
2184
|
-
this.validate(this.modelValue);
|
|
2687
|
+
this.validate(this.modelValue), this.$emit("update:modelValue", this.modelValue);
|
|
2185
2688
|
},
|
|
2186
2689
|
emits: ["update:modelValue", "valid"]
|
|
2187
|
-
},
|
|
2188
|
-
function
|
|
2189
|
-
const n =
|
|
2690
|
+
}, Ks = ["for"], Hs = ["id", "type", "dataMaskaTokens", "value", "inputmode", "placeholder"];
|
|
2691
|
+
function zs(e, a, t, i, r, s) {
|
|
2692
|
+
const n = F("maska");
|
|
2190
2693
|
return l(), o("div", {
|
|
2191
|
-
class:
|
|
2694
|
+
class: k({ error: r.errorMessage != !1 })
|
|
2192
2695
|
}, [
|
|
2193
2696
|
t.label ? (l(), o("label", {
|
|
2194
2697
|
key: 0,
|
|
2195
2698
|
for: t.id
|
|
2196
|
-
}, c(t.label), 9,
|
|
2699
|
+
}, c(t.label), 9, Ks)) : p("", !0),
|
|
2197
2700
|
T(u("input", {
|
|
2198
2701
|
id: t.id,
|
|
2199
2702
|
type: t.type,
|
|
2200
|
-
"data-maska": t.dataMaska,
|
|
2201
2703
|
dataMaskaTokens: t.dataMaskaTokens,
|
|
2202
2704
|
value: t.modelValue,
|
|
2203
2705
|
onInput: a[0] || (a[0] = (d) => s.validate(d.target.value)),
|
|
2204
|
-
inputmode: t.inputmode
|
|
2706
|
+
inputmode: t.inputmode ?? "text",
|
|
2205
2707
|
placeholder: t.placeholder
|
|
2206
|
-
}, null, 40,
|
|
2207
|
-
[n]
|
|
2708
|
+
}, null, 40, Hs), [
|
|
2709
|
+
[n, t.dataMaska]
|
|
2208
2710
|
]),
|
|
2209
2711
|
u("p", null, c(r.errorMessage), 1)
|
|
2210
2712
|
], 2);
|
|
2211
2713
|
}
|
|
2212
|
-
const
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
class: b(["validation-tooltip", t.type])
|
|
2224
|
-
}, [
|
|
2225
|
-
k(e.$slots, "default", {}, void 0, !0)
|
|
2226
|
-
], 2);
|
|
2227
|
-
}
|
|
2228
|
-
const As = /* @__PURE__ */ p(Bs, [["render", qs], ["__scopeId", "data-v-0a204122"]]), Es = {
|
|
2229
|
-
WraAppBar: oe,
|
|
2230
|
-
WraAutocomplete: ge,
|
|
2231
|
-
WraBanner: ve,
|
|
2232
|
-
WraBreadcrumbs: Te,
|
|
2233
|
-
WraButton: qe,
|
|
2234
|
-
WraCard: Ne,
|
|
2235
|
-
WraCheckbox: X,
|
|
2236
|
-
WraCheckboxGroup: Qe,
|
|
2237
|
-
WraContentSectionTitle: at,
|
|
2238
|
-
WraCustomInput: _t,
|
|
2714
|
+
const Us = /* @__PURE__ */ f(Rs, [["render", zs], ["__scopeId", "data-v-939d17a1"]]), Gs = {
|
|
2715
|
+
WraAppBar: de,
|
|
2716
|
+
WraAutocomplete: be,
|
|
2717
|
+
WraBanner: we,
|
|
2718
|
+
WraBreadcrumbs: We,
|
|
2719
|
+
WraButton: ee,
|
|
2720
|
+
WraCard: Ae,
|
|
2721
|
+
WraCheckbox: te,
|
|
2722
|
+
WraCheckboxGroup: Ze,
|
|
2723
|
+
WraContentSectionTitle: tt,
|
|
2724
|
+
WraCustomInput: bt,
|
|
2239
2725
|
WraDateInput: It,
|
|
2240
|
-
WraDivider:
|
|
2241
|
-
WraExpansionPanel:
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2726
|
+
WraDivider: Mt,
|
|
2727
|
+
WraExpansionPanel: Ft,
|
|
2728
|
+
WraFileUpload: Kt,
|
|
2729
|
+
WraFooter: Ut,
|
|
2730
|
+
WraHeader: aa,
|
|
2731
|
+
WraIcon: la,
|
|
2732
|
+
WraInset: da,
|
|
2733
|
+
WraNumberInput: ba,
|
|
2734
|
+
WraPagination: xa,
|
|
2735
|
+
WraPriceInput: Fa,
|
|
2736
|
+
WraRadioGroup: za,
|
|
2737
|
+
WraSelect: ss,
|
|
2738
|
+
WraServiceLogo: os,
|
|
2739
|
+
WraSimpleTable: hs,
|
|
2740
|
+
WraSkipLink: ms,
|
|
2741
|
+
WraSnackbar: ws,
|
|
2742
|
+
WraSubheader: Ss,
|
|
2743
|
+
WraTable: Ts,
|
|
2744
|
+
WraTabs: Ns,
|
|
2745
|
+
WraTextArea: Ds,
|
|
2746
|
+
WraTextInput: Us,
|
|
2747
|
+
WraValidationTooltip: se
|
|
2748
|
+
}, Js = {
|
|
2260
2749
|
install(e) {
|
|
2261
|
-
for (const [a, t] of Object.entries(
|
|
2750
|
+
for (const [a, t] of Object.entries(Gs))
|
|
2262
2751
|
e.component(a, t);
|
|
2263
2752
|
}
|
|
2264
2753
|
};
|
|
2265
2754
|
export {
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2755
|
+
de as WraAppBar,
|
|
2756
|
+
be as WraAutocomplete,
|
|
2757
|
+
we as WraBanner,
|
|
2758
|
+
We as WraBreadcrumbs,
|
|
2759
|
+
ee as WraButton,
|
|
2760
|
+
Ae as WraCard,
|
|
2761
|
+
te as WraCheckbox,
|
|
2762
|
+
Ze as WraCheckboxGroup,
|
|
2763
|
+
tt as WraContentSectionTitle,
|
|
2764
|
+
bt as WraCustomInput,
|
|
2276
2765
|
It as WraDateInput,
|
|
2277
|
-
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
Ut as
|
|
2281
|
-
|
|
2282
|
-
la as
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2286
|
-
|
|
2287
|
-
|
|
2288
|
-
|
|
2289
|
-
os as
|
|
2290
|
-
|
|
2291
|
-
|
|
2292
|
-
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
|
|
2766
|
+
Mt as WraDivider,
|
|
2767
|
+
Ft as WraExpansionPanel,
|
|
2768
|
+
Kt as WraFileUpload,
|
|
2769
|
+
Ut as WraFooter,
|
|
2770
|
+
aa as WraHeader,
|
|
2771
|
+
la as WraIcon,
|
|
2772
|
+
da as WraInset,
|
|
2773
|
+
ba as WraNumberInput,
|
|
2774
|
+
xa as WraPagination,
|
|
2775
|
+
Fa as WraPriceInput,
|
|
2776
|
+
za as WraRadioGroup,
|
|
2777
|
+
ss as WraSelect,
|
|
2778
|
+
os as WraServiceLogo,
|
|
2779
|
+
hs as WraSimpleTable,
|
|
2780
|
+
ms as WraSkipLink,
|
|
2781
|
+
ws as WraSnackbar,
|
|
2782
|
+
Ss as WraSubheader,
|
|
2783
|
+
Ts as WraTable,
|
|
2784
|
+
Ns as WraTabs,
|
|
2785
|
+
Ds as WraTextArea,
|
|
2786
|
+
Us as WraTextInput,
|
|
2787
|
+
se as WraValidationTooltip,
|
|
2788
|
+
Js as default
|
|
2297
2789
|
};
|