vue-accessible-date-field - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/vue-accessible-date-field.esm.js

@@ -338,3 +338,3 @@ import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, vModelText, toDisplayString, Fragment, renderList, normalizeClass, createCommentVNode, createStaticVNode, createTextVNode, pushScopeId, popScopeId } from 'vue';
 
-const _withScopeId = n => (pushScopeId("data-v-8d9dbb44"), n = n(), popScopeId(), n);
+const _withScopeId = n => (pushScopeId("data-v-11fe7832"), n = n(), popScopeId(), n);
 
@@ -349,3 +349,3 @@ const _hoisted_1 = {
 
-const _hoisted_4 = /*#__PURE__*/createStaticVNode("<svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24pt\" height=\"24pt\" viewBox=\"0 0 815.000000 822.000000\" preserveAspectRatio=\"xMidYMid meet\" data-v-8d9dbb44><g transform=\"translate(0.000000,822.000000) scale(0.100000,-0.100000)\" fill=\"#242323\" stroke=\"none\" data-v-8d9dbb44><path d=\"M2382 8200 c-18 -11 -41 -34 -52 -52 -19 -31 -20 -51 -20 -380 l0\r\n          -348 -1022 -2 -1023 -3 -56 -26 c-79 -37 -133 -90 -171 -167 l-33 -67 0 -3445\r\n          0 -3445 33 -67 c38 -77 92 -130 171 -167 l56 -26 1766 -3 1767 -2 953 250\r\n          c1139 300 2795 732 3144 821 l250 64 0 3010 0 3010 -33 67 c-38 77 -92 130\r\n          -171 167 l-56 26 -1032 3 -1033 2 0 348 c0 329 -1 349 -20 380 -40 65 -65 72\r\n          -255 72 -190 0 -215 -7 -255 -72 -19 -31 -20 -51 -20 -380 l0 -348 -1205 0\r\n          -1205 0 0 348 c0 329 -1 349 -20 380 -40 65 -65 72 -255 72 -152 0 -173 -2\r\n          -203 -20z m-72 -1672 c0 -375 1 -395 20 -426 40 -65 65 -72 255 -72 190 0 215\r\n          7 255 72 19 31 20 51 20 426 l0 392 1205 0 1205 0 0 -392 c0 -375 1 -395 20\r\n          -426 40 -65 65 -72 255 -72 190 0 215 7 255 72 19 31 20 51 20 426 l0 392 915\r\n          0 915 0 0 -790 0 -790 -3575 0 -3575 0 0 790 0 790 905 0 905 0 0 -392z m5340\r\n          -3180 c0 -848 -4 -1478 -9 -1473 -5 6 -73 107 -151 225 -78 118 -146 219 -150\r\n          223 -4 5 -627 -404 -1384 -907 l-1378 -916 -2039 0 -2039 0 0 2165 0 2165\r\n          3575 0 3575 0 0 -1482z\" data-v-8d9dbb44></path><path d=\"M1336 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-8d9dbb44></path><path d=\"M3526 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-8d9dbb44></path><path d=\"M5636 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-8d9dbb44></path><path d=\"M1336 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-8d9dbb44></path><path d=\"M3546 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-8d9dbb44></path></g></svg>", 1);
+const _hoisted_4 = /*#__PURE__*/createStaticVNode("<svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24pt\" height=\"24pt\" viewBox=\"0 0 815.000000 822.000000\" preserveAspectRatio=\"xMidYMid meet\" data-v-11fe7832><g transform=\"translate(0.000000,822.000000) scale(0.100000,-0.100000)\" fill=\"#242323\" stroke=\"none\" data-v-11fe7832><path d=\"M2382 8200 c-18 -11 -41 -34 -52 -52 -19 -31 -20 -51 -20 -380 l0\r\n            -348 -1022 -2 -1023 -3 -56 -26 c-79 -37 -133 -90 -171 -167 l-33 -67 0 -3445\r\n            0 -3445 33 -67 c38 -77 92 -130 171 -167 l56 -26 1766 -3 1767 -2 953 250\r\n            c1139 300 2795 732 3144 821 l250 64 0 3010 0 3010 -33 67 c-38 77 -92 130\r\n            -171 167 l-56 26 -1032 3 -1033 2 0 348 c0 329 -1 349 -20 380 -40 65 -65 72\r\n            -255 72 -190 0 -215 -7 -255 -72 -19 -31 -20 -51 -20 -380 l0 -348 -1205 0\r\n            -1205 0 0 348 c0 329 -1 349 -20 380 -40 65 -65 72 -255 72 -152 0 -173 -2\r\n            -203 -20z m-72 -1672 c0 -375 1 -395 20 -426 40 -65 65 -72 255 -72 190 0 215\r\n            7 255 72 19 31 20 51 20 426 l0 392 1205 0 1205 0 0 -392 c0 -375 1 -395 20\r\n            -426 40 -65 65 -72 255 -72 190 0 215 7 255 72 19 31 20 51 20 426 l0 392 915\r\n            0 915 0 0 -790 0 -790 -3575 0 -3575 0 0 790 0 790 905 0 905 0 0 -392z m5340\r\n            -3180 c0 -848 -4 -1478 -9 -1473 -5 6 -73 107 -151 225 -78 118 -146 219 -150\r\n            223 -4 5 -627 -404 -1384 -907 l-1378 -916 -2039 0 -2039 0 0 2165 0 2165\r\n            3575 0 3575 0 0 -1482z\" data-v-11fe7832></path><path d=\"M1336 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-11fe7832></path><path d=\"M3526 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-11fe7832></path><path d=\"M5636 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-11fe7832></path><path d=\"M1336 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-11fe7832></path><path d=\"M3546 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-11fe7832></path></g></svg>", 1);
 
@@ -397,2 +397,3 @@ const _hoisted_5 = [_hoisted_4];
   }, null, 40, _hoisted_3), [[vModelText, _ctx.selectedDateSynced]]), createElementVNode("button", {
+    type: "button",
     class: "icon open-calendar-btn",
@@ -502,7 +503,7 @@ onClick: _cache[2] || (_cache[2] = $event => _ctx.showCalendar = true)
 
-var css_248z = "\r\n/* jos tarvitsee luoda esim. paljon z-indexejä, sen voi tehdä css cutom propertisien avulla */\r\n/* :root {} */\r\n\r\n  /* datefield */\r\n  \r\n  /* .vue-accessible-date-field {\r\n    text-align: center;\r\n  } */\n.date-field-section[data-v-8d9dbb44] {\r\n     height: 40px;\n}\n.date-field-section .date-field[data-v-8d9dbb44] {\r\n    height: 100%;\r\n    vertical-align: bottom;\r\n    border-width: 0 0 1px 0;\r\n    border-color: #323a45;\n}\n.date-field-section .description[data-v-8d9dbb44] {\r\n    display: block;\r\n    left: 0;\r\n    top: 3.5em;\n}\n.screen-reader-only[data-v-8d9dbb44] {\r\n    top: -2000em;\r\n    left: -3000em;\r\n    border: 0;\r\n    clip: rect(0,0,0,0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    width: 1px;\n}\r\n\r\n  /* datepicker-modal */\n.calendar-modal[data-v-8d9dbb44] {\r\n    position: absolute;\r\n    background-color: #FFFFFF;\r\n    color: #04291F;\r\n    border: 1px solid #000000;\r\n    max-width: 450px;\n}\n.open-calendar-btn[data-v-8d9dbb44] {\r\n    height: 100%;\r\n    background-color: #FFFFFF;\r\n    padding-bottom: 4px;\r\n    border-width: 0 0 1px 0;\r\n    border-color: #323a45;\n}\n.open-calendar-icon[data-v-8d9dbb44] {\r\n    height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-8d9dbb44] {\r\n    display: inline-flex; \r\n    width: 100%;    \r\n    min-width: 250px;\n}\n.datepicker-header[data-v-8d9dbb44] {\r\n    width: 100%;\r\n    text-align: center;\r\n    margin-top: 15px;\r\n    margin-bottom: 10px;\n}\nthead > tr th[data-v-8d9dbb44] {\r\n    width: 20px;\r\n    height: 35px;\n}\n.arrow-button[data-v-8d9dbb44] {\r\n      background-color: #FFFFFF;\r\n      color: #04291F;\r\n      border: none;\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      padding-top: 10px;\r\n      padding-bottom: 10px;\r\n      padding-right: 10px;\r\n      padding-left: 10px;\n}\r\n\r\n  /* datepicker-grid */\n.datepicker-grid[data-v-8d9dbb44] {\r\n    width: 100%;\r\n    padding-right: 15px;\r\n    padding-left: 15px;\r\n    margin-bottom: 15px;\n}\n.datepicker-table-row[data-v-8d9dbb44] {\r\n    text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-8d9dbb44] {\r\n    width: 27px;\r\n    background-color: #000000;\r\n    color: #FFFFFF;\r\n    padding: 5px;\r\n    margin: 2px;\r\n    border-radius: 3px;\n}\n.disabled-day[data-v-8d9dbb44] {\r\n    background-color: #595959;\r\n    color: #FFFFFF;\n}\n.datepicker-day[data-v-8d9dbb44]:hover {\r\n    background-color: #333333;\n}\n.datepicker-day[data-v-8d9dbb44]:not(.disabled-day):hover {\r\n    padding: 3px;\r\n    border: 2px solid #F44A87;\n}\n.datepicker-day[data-v-8d9dbb44]:focus {    \r\n    padding: 3px;\r\n    border: 2px solid #3B9EC2;\r\n    outline: 0;\n}\n.datepicker-day[tabindex=\"0\"][data-v-8d9dbb44] {\r\n    background-color: #FFD55F;\r\n    color: #000000;\n}\n.buttons[data-v-8d9dbb44] {\r\n    float: right;\r\n    margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-8d9dbb44],\r\n  button.close-calendar-modal[data-v-8d9dbb44] {\r\n    border: none;\r\n    border-radius: 3px;\r\n    background-color: #000000;\r\n    color: #FFFFFF;\r\n    margin-bottom: 6px;\r\n    margin-right: 10px;\r\n    padding: 8px;\n}\nbutton.choose-selected-date[data-v-8d9dbb44]:hover {\r\n    background-color: #333333;\n}\nbutton.close-calendar-modal[data-v-8d9dbb44]:hover {\r\n    background-color: #999999;\n}\nbutton.close-calendar-modal[data-v-8d9dbb44] {\r\n    background-color: #595959;\n}\n.backdrop[data-v-8d9dbb44]{\r\n        top: 0;\r\n        left: 0;\r\n        position: fixed;\r\n        background: rgba(0,0,0,0.5);\r\n        width: 100%;\r\n        height: 100%;\n}\r\n\r\n  /* XXL */\r\n  /* @media (min-width: 1281px) {\r\n  } */\r\n  \r\n  /* XL */\n@media (min-width: 1025px) and (max-width: 1280px){\n}\r\n  \r\n  /* L */\n@media (min-width: 768px) and (max-width: 1024px){\r\n    /* .calendar-modal {\r\n      width: 50%;\r\n    } */\n}\r\n\r\n  /* M */\n@media (min-width: 481px) and (max-width: 767px) {\r\n    /* .calendar-modal {\r\n      width: 70%;\r\n    } */\n}\r\n  /* S */\n@media (max-width: 480px) {\r\n    /* .calendar-modal {\r\n      width: 95%;\r\n    } */\n}\r\n";
+var css_248z = "\r\n/* jos tarvitsee luoda esim. paljon z-indexejä, sen voi tehdä css cutom propertisien avulla */\r\n/* :root {} */\r\n\r\n  /* datefield */\r\n  \r\n  /* .vue-accessible-date-field {\r\n    text-align: center;\r\n  } */\r\n\r\n  /* button::before {\r\n     content: url(\"./assets/calendar-icon.svg\");\r\n  } */\n.date-field-section[data-v-11fe7832] {\r\n     height: 40px;\n}\n.date-field-section .date-field[data-v-11fe7832] {\r\n    height: 100%;\r\n    vertical-align: bottom;\r\n    border-width: 0 0 1px 0;\r\n    border-color: #323a45;\n}\n.date-field-section .description[data-v-11fe7832] {\r\n    display: block;\r\n    left: 0;\r\n    top: 3.5em;\n}\n.screen-reader-only[data-v-11fe7832] {\r\n    top: -2000em;\r\n    left: -3000em;\r\n    border: 0;\r\n    clip: rect(0,0,0,0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    width: 1px;\n}\r\n\r\n  /* datepicker-modal */\n.calendar-modal[data-v-11fe7832] {\r\n    position: absolute;\r\n    background-color: #FFFFFF;\r\n    color: #04291F;\r\n    border: 1px solid #000000;\r\n    max-width: 450px;\n}\n.open-calendar-btn[data-v-11fe7832] {\r\n    height: 100%;\r\n    background-color: #FFFFFF;\r\n    padding-bottom: 4px;\r\n    border-width: 0 0 1px 0;\r\n    border-color: #323a45;\n}\n.open-calendar-icon[data-v-11fe7832] {\r\n    height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-11fe7832] {\r\n    display: inline-flex; \r\n    width: 100%;    \r\n    min-width: 250px;\n}\n.datepicker-header[data-v-11fe7832] {\r\n    width: 100%;\r\n    text-align: center;\r\n    margin-top: 15px;\r\n    margin-bottom: 10px;\n}\nthead > tr th[data-v-11fe7832] {\r\n    width: 20px;\r\n    height: 35px;\n}\n.arrow-button[data-v-11fe7832] {\r\n      background-color: #FFFFFF;\r\n      color: #04291F;\r\n      border: none;\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      padding-top: 10px;\r\n      padding-bottom: 10px;\r\n      padding-right: 10px;\r\n      padding-left: 10px;\n}\r\n\r\n  /* datepicker-grid */\n.datepicker-grid[data-v-11fe7832] {\r\n    width: 100%;\r\n    padding-right: 15px;\r\n    padding-left: 15px;\r\n    margin-bottom: 15px;\n}\n.datepicker-table-row[data-v-11fe7832] {\r\n    text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-11fe7832] {\r\n    width: 27px;\r\n    background-color: #000000;\r\n    color: #FFFFFF;\r\n    padding: 5px;\r\n    margin: 2px;\r\n    border-radius: 3px;\n}\n.disabled-day[data-v-11fe7832] {\r\n    background-color: #595959;\r\n    color: #FFFFFF;\n}\n.datepicker-day[data-v-11fe7832]:hover {\r\n    background-color: #333333;\n}\n.datepicker-day[data-v-11fe7832]:not(.disabled-day):hover {\r\n    padding: 3px;\r\n    border: 2px solid #F44A87;\n}\n.datepicker-day[data-v-11fe7832]:focus {    \r\n    padding: 3px;\r\n    border: 2px solid #3B9EC2;\r\n    outline: 0;\n}\n.datepicker-day[tabindex=\"0\"][data-v-11fe7832] {\r\n    background-color: #FFD55F;\r\n    color: #000000;\n}\n.buttons[data-v-11fe7832] {\r\n    float: right;\r\n    margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-11fe7832],\r\n  button.close-calendar-modal[data-v-11fe7832] {\r\n    border: none;\r\n    border-radius: 3px;\r\n    background-color: #000000;\r\n    color: #FFFFFF;\r\n    margin-bottom: 6px;\r\n    margin-right: 10px;\r\n    padding: 8px;\n}\nbutton.choose-selected-date[data-v-11fe7832]:hover {\r\n    background-color: #333333;\n}\nbutton.close-calendar-modal[data-v-11fe7832]:hover {\r\n    background-color: #999999;\n}\nbutton.close-calendar-modal[data-v-11fe7832] {\r\n    background-color: #595959;\n}\n.backdrop[data-v-11fe7832]{\r\n        top: 0;\r\n        left: 0;\r\n        position: fixed;\r\n        background: rgba(0,0,0,0.5);\r\n        width: 100%;\r\n        height: 100%;\n}\r\n\r\n  /* XXL */\r\n  /* @media (min-width: 1281px) {\r\n  } */\r\n  \r\n  /* XL */\n@media (min-width: 1025px) and (max-width: 1280px){\n}\r\n  \r\n  /* L */\n@media (min-width: 768px) and (max-width: 1024px){\r\n    /* .calendar-modal {\r\n      width: 50%;\r\n    } */\n}\r\n\r\n  /* M */\n@media (min-width: 481px) and (max-width: 767px) {\r\n    /* .calendar-modal {\r\n      width: 70%;\r\n    } */\n}\r\n  /* S */\n@media (max-width: 480px) {\r\n    /* .calendar-modal {\r\n      width: 95%;\r\n    } */\n}\r\n";
 styleInject(css_248z);
 
 script.render = render;
-script.__scopeId = "data-v-8d9dbb44";
+script.__scopeId = "data-v-11fe7832";
 
@@ -509,0 +510,0 @@ // Import vue component

dist/vue-accessible-date-field.min.js

@@ -1,1 +0,1 @@
-var VueAccessibleDateField=function(e){"use strict";function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,o=[],d=!0,i=!1;try{for(n=n.call(e);!(d=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);d=!0);}catch(e){i=!0,a=e}finally{try{d||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var r=e.defineComponent({name:"VueAccessibleDateField",data:function(){return{showCalendar:!1,locale:"en",buttonLabel:"Choose date",dayNames:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],dayNamesShort:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],months:[{name:"January",numberOfDays:31},{name:"February",numberOfDays:null},{name:"March",numberOfDays:31},{name:"April",numberOfDays:30},{name:"May",numberOfDays:31},{name:"June",numberOfDays:30},{name:"July",numberOfDays:31},{name:"August",numberOfDays:31},{name:"September",numberOfDays:30},{name:"October",numberOfDays:31},{name:"November",numberOfDays:30},{name:"December",numberOfDays:31}],currentMonth:(new Date).getMonth(),year:(new Date).getFullYear(),selectedDate:void 0,selectedTdCell:void 0,uniqueString:void 0}},props:{defaultDate:String,uniqueName:String},mounted:function(){void 0===this.selectedDate&&null!==this.defaultDate&&(this.selectedDate=this.defaultDate),this.uniqueString=this.uniqueName},computed:{calendarIconUrl:function(){return"data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22815.000000pt%22%20height%3D%22822.000000pt%22%20viewBox%3D%220%200%20815.000000%20822.000000%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%3Cg%20transform%3D%22translate%280.000000%2C822.000000%29%20scale%280.100000%2C-0.100000%29%22fill%3D%22%23000000%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M2382%208200%20c-18%20-11%20-41%20-34%20-52%20-52%20-19%20-31%20-20%20-51%20-20%20-380%20l0-348%20-1022%20-2%20-1023%20-3%20-56%20-26%20c-79%20-37%20-133%20-90%20-171%20-167%20l-33%20-67%200%20-34450%20-3445%2033%20-67%20c38%20-77%2092%20-130%20171%20-167%20l56%20-26%201766%20-3%201767%20-2%20953%20250c1139%20300%202795%20732%203144%20821%20l250%2064%200%203010%200%203010%20-33%2067%20c-38%2077%20-92%20130-171%20167%20l-56%2026%20-1032%203%20-1033%202%200%20348%20c0%20329%20-1%20349%20-20%20380%20-40%2065%20-65%2072-255%2072%20-190%200%20-215%20-7%20-255%20-72%20-19%20-31%20-20%20-51%20-20%20-380%20l0%20-348%20-1205%200-1205%200%200%20348%20c0%20329%20-1%20349%20-20%20380%20-40%2065%20-65%2072%20-255%2072%20-152%200%20-173%20-2-203%20-20z%20m-72%20-1672%20c0%20-375%201%20-395%2020%20-426%2040%20-65%2065%20-72%20255%20-72%20190%200%202157%20255%2072%2019%2031%2020%2051%2020%20426%20l0%20392%201205%200%201205%200%200%20-392%20c0%20-375%201%20-395%2020-426%2040%20-65%2065%20-72%20255%20-72%20190%200%20215%207%20255%2072%2019%2031%2020%2051%2020%20426%20l0%20392%209150%20915%200%200%20-790%200%20-790%20-3575%200%20-3575%200%200%20790%200%20790%20905%200%20905%200%200%20-392z%20m5340-3180%20c0%20-848%20-4%20-1478%20-9%20-1473%20-5%206%20-73%20107%20-151%20225%20-78%20118%20-146%20219%20-150223%20-4%205%20-627%20-404%20-1384%20-907%20l-1378%20-916%20-2039%200%20-2039%200%200%202165%200%2021653575%200%203575%200%200%20-1482z%22%2F%3E%3Cpath%20d%3D%22M1336%203914%20c-14%20-14%20-16%20-75%20-16%20-519%200%20-444%202%20-505%2016%20-519%2014%20-1479%20-16%20569%20-16%20490%200%20555%202%20569%2016%2014%2014%2016%2075%2016%20519%200%20444%20-2%20505%20-16%20519-14%2014%20-79%2016%20-569%2016%20-490%200%20-555%20-2%20-569%20-16z%22%2F%3E%3Cpath%20d%3D%22M3526%203914%20c-14%20-14%20-16%20-75%20-16%20-519%200%20-444%202%20-505%2016%20-519%2014%20-1479%20-16%20569%20-16%20490%200%20555%202%20569%2016%2014%2014%2016%2075%2016%20519%200%20444%20-2%20505%20-16%20519-14%2014%20-79%2016%20-569%2016%20-490%200%20-555%20-2%20-569%20-16z%22%2F%3E%3Cpath%20d%3D%22M5636%203914%20c-14%20-14%20-16%20-75%20-16%20-519%200%20-444%202%20-505%2016%20-519%2014%20-1479%20-16%20569%20-16%20490%200%20555%202%20569%2016%2014%2014%2016%2075%2016%20519%200%20444%20-2%20505%20-16%20519-14%2014%20-79%2016%20-569%2016%20-490%200%20-555%20-2%20-569%20-16z%22%2F%3E%3Cpath%20d%3D%22M1336%202374%20c-14%20-14%20-16%20-75%20-16%20-519%200%20-444%202%20-505%2016%20-519%2014%20-1479%20-16%20569%20-16%20490%200%20555%202%20569%2016%2014%2014%2016%2075%2016%20519%200%20444%20-2%20505%20-16%20519-14%2014%20-79%2016%20-569%2016%20-490%200%20-555%20-2%20-569%20-16z%22%2F%3E%3Cpath%20d%3D%22M3546%202374%20c-14%20-14%20-16%20-75%20-16%20-519%200%20-444%202%20-505%2016%20-519%2014%20-1479%20-16%20569%20-16%20490%200%20555%202%20569%2016%2014%2014%2016%2075%2016%20519%200%20444%20-2%20505%20-16%20519-14%2014%20-79%2016%20-569%2016%20-490%200%20-555%20-2%20-569%20-16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"},selectedDateSynced:function(){return console.log("this.selectedDate: ",this.selectedDate),this.$emit("update:selectedDate",this.selectedDate),this.selectedDate},pickerHeaderMonthAndYear:function(){this.checkIfLeapYear(this.year)?this.months[1].numberOfDays=29:this.months[1].numberOfDays=28;var e=this.currentMonth;return this.months[e].name+" "+this.year},daysVisibleCurrentMonth:function(){var e,t=void 0,n=[],r=this.previousMonthIndex(this.currentMonth),a=this.getLastDayOfMonth(r),o=null===(e=this.months[r])||void 0===e?void 0:e.numberOfDays;if(o&&a&&0!==a){for(var d=a;d>=1;d--)t={day:o,month:r,year:this.year,previousMonthDay:!0},n.push(t),o-=1;n.reverse()}var i=this.months[this.currentMonth].numberOfDays;if(null!=i){for(var l=1;l<=i;l++)t={day:l,month:this.currentMonth,year:this.year},n.push(t);if(7*this.amountOfWeeksInMonth()-n.length>0)for(var c=7*this.amountOfWeeksInMonth()-n.length,s=1;s<=c;s++)t={day:s,month:this.currentMonth+1,year:this.year,nextMonthDay:!0},n.push(t)}return this.sliceMonthToWeeks(n,7)},isDayDisabled:function(){return!1}},methods:{getDateNow:function(){return new Date},updateSelectedDate:function(e){var t=e.target.value;new RegExp("^(?:(?:31(\\/|-|\\.)(?:0?[13578]|1[02]))\\1|(?:(?:29|30)(\\/|-|\\.)(?:0?[13-9]|1[0-2])\\2))(?:(?:1[6-9]|[2-9]\\d)?d{2})$|^(?:29(\\/|-|\\.)0?2\\3(?:(?:(?:1[6-9]|[2-9]\\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\\d|2[0-8])(\\/|-|\\.)(?:(?:0?[1-9])|(?:1[0-2]))\\4(?:(?:1[6-9]|[2-9]\\d)?\\d{2})$").test(t)&&(this.selectedDate=t)},handleBackdropClick:function(){this.showCalendar=!1},handleDateClick:function(e,t){this.selectedTdCell=e.target,this.selectedTdCell.ariaSelected="true";var n=this.createDate(t);this.selectedDate=n},checkTabindex:function(e){return this.selectedDate==this.createDate(e)?0:-1},checkIfLeapYear:function(e){return e%4==0&&e%100!=0||e%400==0},goToPreviousYear:function(){this.year&&(this.year=this.year-1)},goToNextYear:function(){this.year&&(this.year=this.year+1)},previousMonthIndex:function(e){return 0==e?11:e-1},goToPreviousMonth:function(){(this.currentMonth||0==this.currentMonth)&&(0==this.currentMonth?(this.currentMonth=11,this.year&&(this.year=this.year-1)):this.currentMonth=this.currentMonth-1)},goToNextMonth:function(){11==this.currentMonth?(this.currentMonth=0,this.year&&(this.year=this.year+1)):this.currentMonth=this.currentMonth+1},getFirstDayOfMonth:function(e){var t,n=null,r=e;return null!==this.year&&(n=new Date(this.year,r,1)),null===(t=n)||void 0===t?void 0:t.getDay()},getLastDayOfMonth:function(e){var t,n=null,r=e,a=null;return null!==this.year&&null!==(a=this.months[r].numberOfDays)&&(n=new Date(this.year,r,a)),null===(t=n)||void 0===t?void 0:t.getDay()},amountOfWeeksInMonth:function(){var e=this.months[this.currentMonth].numberOfDays,t=this.getFirstDayOfMonth(this.currentMonth),n=0==this.getFirstDayOfMonth(this.currentMonth);return null!=t?28==e&&1==this.getFirstDayOfMonth(this.currentMonth)?4:31==e&&(t>5||n)||30==e&&(t>6||n)?6:5:6},sliceMonthToWeeks:function(e,t){for(var n=[],r=0;r<e.length;r+=t){var a=e.slice(r,r+t);n.push(a)}return n},toISOLocal:function(e){var t=function(e){return("0"+e).slice(-2)},n=e.getTimezoneOffset(),r=n>0?"-":"+";return n=Math.abs(n),e.getFullYear()+"-"+t(e.getMonth()+1)+"-"+t(e.getDate())+"T"+t(e.getHours())+":"+t(e.getMinutes())+":"+t(e.getSeconds())+"."+("00"+e.getMilliseconds()).slice(-3)+r+t(n/60|0)+":"+t(n%60)},createDate:function(e){var t=e.day,n=this.toISOLocal(new Date(e.year,e.month,t));return null==n?void 0:n.split("T")[0]}}}),a=function(t){return e.pushScopeId("data-v-8d9dbb44"),t=t(),e.popScopeId(),t},o={class:"vue-accessible-date-field"},d={class:"date-field-section"},i=["id","aria-describedby"],l=[e.createStaticVNode('<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="24pt" height="24pt" viewBox="0 0 815.000000 822.000000" preserveAspectRatio="xMidYMid meet" data-v-8d9dbb44><g transform="translate(0.000000,822.000000) scale(0.100000,-0.100000)" fill="#242323" stroke="none" data-v-8d9dbb44><path d="M2382 8200 c-18 -11 -41 -34 -52 -52 -19 -31 -20 -51 -20 -380 l0\r\n          -348 -1022 -2 -1023 -3 -56 -26 c-79 -37 -133 -90 -171 -167 l-33 -67 0 -3445\r\n          0 -3445 33 -67 c38 -77 92 -130 171 -167 l56 -26 1766 -3 1767 -2 953 250\r\n          c1139 300 2795 732 3144 821 l250 64 0 3010 0 3010 -33 67 c-38 77 -92 130\r\n          -171 167 l-56 26 -1032 3 -1033 2 0 348 c0 329 -1 349 -20 380 -40 65 -65 72\r\n          -255 72 -190 0 -215 -7 -255 -72 -19 -31 -20 -51 -20 -380 l0 -348 -1205 0\r\n          -1205 0 0 348 c0 329 -1 349 -20 380 -40 65 -65 72 -255 72 -152 0 -173 -2\r\n          -203 -20z m-72 -1672 c0 -375 1 -395 20 -426 40 -65 65 -72 255 -72 190 0 215\r\n          7 255 72 19 31 20 51 20 426 l0 392 1205 0 1205 0 0 -392 c0 -375 1 -395 20\r\n          -426 40 -65 65 -72 255 -72 190 0 215 7 255 72 19 31 20 51 20 426 l0 392 915\r\n          0 915 0 0 -790 0 -790 -3575 0 -3575 0 0 790 0 790 905 0 905 0 0 -392z m5340\r\n          -3180 c0 -848 -4 -1478 -9 -1473 -5 6 -73 107 -151 225 -78 118 -146 219 -150\r\n          223 -4 5 -627 -404 -1384 -907 l-1378 -916 -2039 0 -2039 0 0 2165 0 2165\r\n          3575 0 3575 0 0 -1482z" data-v-8d9dbb44></path><path d="M1336 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-8d9dbb44></path><path d="M3526 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-8d9dbb44></path><path d="M5636 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-8d9dbb44></path><path d="M1336 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-8d9dbb44></path><path d="M3546 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-8d9dbb44></path></g></svg>',1)],c=["id"],s=[e.createTextVNode(" ( "),a((function(){return e.createElementVNode("span",{class:"screen-reader-only"},"date format: ",-1)})),e.createTextVNode(" dd.mm.yyyy, dd/mm/yyyy or dd-mm-yyyy) ")],u={key:0,class:"datepicker-section"},h={class:"calendar-modal",role:"dialog","aria-modal":"true","aria-label":"Choose Date"},p={class:"datepicker"},b={class:"datepicker-header-line"},m=["id"],y=["id","aria-labelledby"],f=["onClick","tabindex"],g={class:"buttons"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}('\r\n/* jos tarvitsee luoda esim. paljon z-indexejä, sen voi tehdä css cutom propertisien avulla */\r\n/* :root {} */\r\n\r\n  /* datefield */\r\n  \r\n  /* .vue-accessible-date-field {\r\n    text-align: center;\r\n  } */\n.date-field-section[data-v-8d9dbb44] {\r\n     height: 40px;\n}\n.date-field-section .date-field[data-v-8d9dbb44] {\r\n    height: 100%;\r\n    vertical-align: bottom;\r\n    border-width: 0 0 1px 0;\r\n    border-color: #323a45;\n}\n.date-field-section .description[data-v-8d9dbb44] {\r\n    display: block;\r\n    left: 0;\r\n    top: 3.5em;\n}\n.screen-reader-only[data-v-8d9dbb44] {\r\n    top: -2000em;\r\n    left: -3000em;\r\n    border: 0;\r\n    clip: rect(0,0,0,0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    width: 1px;\n}\r\n\r\n  /* datepicker-modal */\n.calendar-modal[data-v-8d9dbb44] {\r\n    position: absolute;\r\n    background-color: #FFFFFF;\r\n    color: #04291F;\r\n    border: 1px solid #000000;\r\n    max-width: 450px;\n}\n.open-calendar-btn[data-v-8d9dbb44] {\r\n    height: 100%;\r\n    background-color: #FFFFFF;\r\n    padding-bottom: 4px;\r\n    border-width: 0 0 1px 0;\r\n    border-color: #323a45;\n}\n.open-calendar-icon[data-v-8d9dbb44] {\r\n    height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-8d9dbb44] {\r\n    display: inline-flex; \r\n    width: 100%;    \r\n    min-width: 250px;\n}\n.datepicker-header[data-v-8d9dbb44] {\r\n    width: 100%;\r\n    text-align: center;\r\n    margin-top: 15px;\r\n    margin-bottom: 10px;\n}\nthead > tr th[data-v-8d9dbb44] {\r\n    width: 20px;\r\n    height: 35px;\n}\n.arrow-button[data-v-8d9dbb44] {\r\n      background-color: #FFFFFF;\r\n      color: #04291F;\r\n      border: none;\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      padding-top: 10px;\r\n      padding-bottom: 10px;\r\n      padding-right: 10px;\r\n      padding-left: 10px;\n}\r\n\r\n  /* datepicker-grid */\n.datepicker-grid[data-v-8d9dbb44] {\r\n    width: 100%;\r\n    padding-right: 15px;\r\n    padding-left: 15px;\r\n    margin-bottom: 15px;\n}\n.datepicker-table-row[data-v-8d9dbb44] {\r\n    text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-8d9dbb44] {\r\n    width: 27px;\r\n    background-color: #000000;\r\n    color: #FFFFFF;\r\n    padding: 5px;\r\n    margin: 2px;\r\n    border-radius: 3px;\n}\n.disabled-day[data-v-8d9dbb44] {\r\n    background-color: #595959;\r\n    color: #FFFFFF;\n}\n.datepicker-day[data-v-8d9dbb44]:hover {\r\n    background-color: #333333;\n}\n.datepicker-day[data-v-8d9dbb44]:not(.disabled-day):hover {\r\n    padding: 3px;\r\n    border: 2px solid #F44A87;\n}\n.datepicker-day[data-v-8d9dbb44]:focus {    \r\n    padding: 3px;\r\n    border: 2px solid #3B9EC2;\r\n    outline: 0;\n}\n.datepicker-day[tabindex="0"][data-v-8d9dbb44] {\r\n    background-color: #FFD55F;\r\n    color: #000000;\n}\n.buttons[data-v-8d9dbb44] {\r\n    float: right;\r\n    margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-8d9dbb44],\r\n  button.close-calendar-modal[data-v-8d9dbb44] {\r\n    border: none;\r\n    border-radius: 3px;\r\n    background-color: #000000;\r\n    color: #FFFFFF;\r\n    margin-bottom: 6px;\r\n    margin-right: 10px;\r\n    padding: 8px;\n}\nbutton.choose-selected-date[data-v-8d9dbb44]:hover {\r\n    background-color: #333333;\n}\nbutton.close-calendar-modal[data-v-8d9dbb44]:hover {\r\n    background-color: #999999;\n}\nbutton.close-calendar-modal[data-v-8d9dbb44] {\r\n    background-color: #595959;\n}\n.backdrop[data-v-8d9dbb44]{\r\n        top: 0;\r\n        left: 0;\r\n        position: fixed;\r\n        background: rgba(0,0,0,0.5);\r\n        width: 100%;\r\n        height: 100%;\n}\r\n\r\n  /* XXL */\r\n  /* @media (min-width: 1281px) {\r\n  } */\r\n  \r\n  /* XL */\n@media (min-width: 1025px) and (max-width: 1280px){\n}\r\n  \r\n  /* L */\n@media (min-width: 768px) and (max-width: 1024px){\r\n    /* .calendar-modal {\r\n      width: 50%;\r\n    } */\n}\r\n\r\n  /* M */\n@media (min-width: 481px) and (max-width: 767px) {\r\n    /* .calendar-modal {\r\n      width: 70%;\r\n    } */\n}\r\n  /* S */\n@media (max-width: 480px) {\r\n    /* .calendar-modal {\r\n      width: 95%;\r\n    } */\n}\r\n'),r.render=function(t,n,r,a,v,D){return e.openBlock(),e.createElementBlock("div",o,[e.createElementVNode("div",d,[e.withDirectives(e.createElementVNode("input",{type:"text",id:"dateField-"+t.uniqueString,name:"dateInput","onUpdate:modelValue":n[0]||(n[0]=function(e){return t.selectedDateSynced=e}),onChange:n[1]||(n[1]=function(e){return t.updateSelectedDate(e)}),class:"date-field",placeholder:"dd.mm.yyyy","aria-describedby":"dateFieldDescription"+t.uniqueString},null,40,i),[[e.vModelText,t.selectedDateSynced]]),e.createElementVNode("button",{class:"icon open-calendar-btn",onClick:n[2]||(n[2]=function(e){return t.showCalendar=!0})},l),e.createElementVNode("span",{class:"description",id:"dateFieldDescription"+t.uniqueString},s,8,c)]),t.showCalendar?(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",{onClick:n[3]||(n[3]=function(){return t.handleBackdropClick&&t.handleBackdropClick.apply(t,arguments)}),class:"backdrop",ref:"backdrop"},null,512),e.createElementVNode("div",h,[e.createElementVNode("div",p,[e.createElementVNode("div",b,[e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[4]||(n[4]=function(){return t.goToPreviousYear&&t.goToPreviousYear.apply(t,arguments)}),"aria-label":"go to previous year"},"«"),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[5]||(n[5]=function(){return t.goToPreviousMonth&&t.goToPreviousMonth.apply(t,arguments)}),"aria-label":"go to previous month"},"‹"),e.createElementVNode("h2",{id:"datepickerHeader-"+t.uniqueString,class:"datepicker-header"},e.toDisplayString(t.pickerHeaderMonthAndYear),9,m),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[6]||(n[6]=function(){return t.goToNextMonth&&t.goToNextMonth.apply(t,arguments)}),"aria-label":"go to next month"},"›"),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[7]||(n[7]=function(){return t.goToNextYear&&t.goToNextYear.apply(t,arguments)}),"aria-label":"go to next year"},"»")]),e.createElementVNode("table",{id:"datapickerTable-"+t.uniqueString,class:"datepicker-grid",role:"grid","aria-labelledby":"datepickerHeader-"+t.uniqueString},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dayNamesShort,(function(t){return e.openBlock(),e.createElementBlock("th",{scope:"col",key:t,abbr:""},e.toDisplayString(t),1)})),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.daysVisibleCurrentMonth,(function(n,r){return e.openBlock(),e.createElementBlock("tr",{key:r,class:"datepicker-table-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(function(n,r){return e.openBlock(),e.createElementBlock("td",{key:r,onClick:function(e){return t.handleDateClick(e,n)},tabindex:t.checkTabindex(n),role:"gridcell",class:e.normalizeClass(["datepicker-day",{"disabled-day":n.previousMonthDay||n.nextMonthDay}])},e.toDisplayString(n.day),11,f)})),128))])})),128))])],8,y)]),e.createElementVNode("div",g,[e.createElementVNode("button",{class:"close-calendar-modal",onClick:n[8]||(n[8]=function(e){return t.showCalendar=!1})},"Cancel"),e.createElementVNode("button",{class:"choose-selected-date",onClick:n[9]||(n[9]=function(e){return t.showCalendar=!1})},"OK")])])])):e.createCommentVNode("",!0)])},r.__scopeId="data-v-8d9dbb44";var v=function(){var e=r;return e.install=function(t){t.component("VueAccessibleDateField",e)},e}(),D=Object.freeze({__proto__:null,default:v});return Object.entries(D).forEach((function(e){var n=t(e,2),r=n[0],a=n[1];"default"!==r&&(v[r]=a)})),v}(Vue);
+var VueAccessibleDateField=function(e){"use strict";function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,o=[],i=!0,d=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){d=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(d)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var r=e.defineComponent({name:"VueAccessibleDateField",data:function(){return{showCalendar:!1,locale:"en",buttonLabel:"Choose date",dayNames:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],dayNamesShort:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],months:[{name:"January",numberOfDays:31},{name:"February",numberOfDays:null},{name:"March",numberOfDays:31},{name:"April",numberOfDays:30},{name:"May",numberOfDays:31},{name:"June",numberOfDays:30},{name:"July",numberOfDays:31},{name:"August",numberOfDays:31},{name:"September",numberOfDays:30},{name:"October",numberOfDays:31},{name:"November",numberOfDays:30},{name:"December",numberOfDays:31}],currentMonth:(new Date).getMonth(),year:(new Date).getFullYear(),selectedDate:void 0,selectedTdCell:void 0,uniqueString:void 0}},props:{defaultDate:String,uniqueName:String},mounted:function(){void 0===this.selectedDate&&null!==this.defaultDate&&(this.selectedDate=this.defaultDate),this.uniqueString=this.uniqueName},computed:{calendarIconUrl:function(){return"data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22815.000000pt%22%20height%3D%22822.000000pt%22%20viewBox%3D%220%200%20815.000000%20822.000000%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%3Cg%20transform%3D%22translate%280.000000%2C822.000000%29%20scale%280.100000%2C-0.100000%29%22fill%3D%22%23000000%22%20stroke%3D%22none%22%3E%3Cpath%20d%3D%22M2382%208200%20c-18%20-11%20-41%20-34%20-52%20-52%20-19%20-31%20-20%20-51%20-20%20-380%20l0-348%20-1022%20-2%20-1023%20-3%20-56%20-26%20c-79%20-37%20-133%20-90%20-171%20-167%20l-33%20-67%200%20-34450%20-3445%2033%20-67%20c38%20-77%2092%20-130%20171%20-167%20l56%20-26%201766%20-3%201767%20-2%20953%20250c1139%20300%202795%20732%203144%20821%20l250%2064%200%203010%200%203010%20-33%2067%20c-38%2077%20-92%20130-171%20167%20l-56%2026%20-1032%203%20-1033%202%200%20348%20c0%20329%20-1%20349%20-20%20380%20-40%2065%20-65%2072-255%2072%20-190%200%20-215%20-7%20-255%20-72%20-19%20-31%20-20%20-51%20-20%20-380%20l0%20-348%20-1205%200-1205%200%200%20348%20c0%20329%20-1%20349%20-20%20380%20-40%2065%20-65%2072%20-255%2072%20-152%200%20-173%20-2-203%20-20z%20m-72%20-1672%20c0%20-375%201%20-395%2020%20-426%2040%20-65%2065%20-72%20255%20-72%20190%200%202157%20255%2072%2019%2031%2020%2051%2020%20426%20l0%20392%201205%200%201205%200%200%20-392%20c0%20-375%201%20-395%2020-426%2040%20-65%2065%20-72%20255%20-72%20190%200%20215%207%20255%2072%2019%2031%2020%2051%2020%20426%20l0%20392%209150%20915%200%200%20-790%200%20-790%20-3575%200%20-3575%200%200%20790%200%20790%20905%200%20905%200%200%20-392z%20m5340-3180%20c0%20-848%20-4%20-1478%20-9%20-1473%20-5%206%20-73%20107%20-151%20225%20-78%20118%20-146%20219%20-150223%20-4%205%20-627%20-404%20-1384%20-907%20l-1378%20-916%20-2039%200%20-2039%200%200%202165%200%2021653575%200%203575%200%200%20-1482z%22%2F%3E%3Cpath%20d%3D%22M1336%203914%20c-14%20-14%20-16%20-75%20-16%20-519%200%20-444%202%20-505%2016%20-519%2014%20-1479%20-16%20569%20-16%20490%200%20555%202%20569%2016%2014%2014%2016%2075%2016%20519%200%20444%20-2%20505%20-16%20519-14%2014%20-79%2016%20-569%2016%20-490%200%20-555%20-2%20-569%20-16z%22%2F%3E%3Cpath%20d%3D%22M3526%203914%20c-14%20-14%20-16%20-75%20-16%20-519%200%20-444%202%20-505%2016%20-519%2014%20-1479%20-16%20569%20-16%20490%200%20555%202%20569%2016%2014%2014%2016%2075%2016%20519%200%20444%20-2%20505%20-16%20519-14%2014%20-79%2016%20-569%2016%20-490%200%20-555%20-2%20-569%20-16z%22%2F%3E%3Cpath%20d%3D%22M5636%203914%20c-14%20-14%20-16%20-75%20-16%20-519%200%20-444%202%20-505%2016%20-519%2014%20-1479%20-16%20569%20-16%20490%200%20555%202%20569%2016%2014%2014%2016%2075%2016%20519%200%20444%20-2%20505%20-16%20519-14%2014%20-79%2016%20-569%2016%20-490%200%20-555%20-2%20-569%20-16z%22%2F%3E%3Cpath%20d%3D%22M1336%202374%20c-14%20-14%20-16%20-75%20-16%20-519%200%20-444%202%20-505%2016%20-519%2014%20-1479%20-16%20569%20-16%20490%200%20555%202%20569%2016%2014%2014%2016%2075%2016%20519%200%20444%20-2%20505%20-16%20519-14%2014%20-79%2016%20-569%2016%20-490%200%20-555%20-2%20-569%20-16z%22%2F%3E%3Cpath%20d%3D%22M3546%202374%20c-14%20-14%20-16%20-75%20-16%20-519%200%20-444%202%20-505%2016%20-519%2014%20-1479%20-16%20569%20-16%20490%200%20555%202%20569%2016%2014%2014%2016%2075%2016%20519%200%20444%20-2%20505%20-16%20519-14%2014%20-79%2016%20-569%2016%20-490%200%20-555%20-2%20-569%20-16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"},selectedDateSynced:function(){return console.log("this.selectedDate: ",this.selectedDate),this.$emit("update:selectedDate",this.selectedDate),this.selectedDate},pickerHeaderMonthAndYear:function(){this.checkIfLeapYear(this.year)?this.months[1].numberOfDays=29:this.months[1].numberOfDays=28;var e=this.currentMonth;return this.months[e].name+" "+this.year},daysVisibleCurrentMonth:function(){var e,t=void 0,n=[],r=this.previousMonthIndex(this.currentMonth),a=this.getLastDayOfMonth(r),o=null===(e=this.months[r])||void 0===e?void 0:e.numberOfDays;if(o&&a&&0!==a){for(var i=a;i>=1;i--)t={day:o,month:r,year:this.year,previousMonthDay:!0},n.push(t),o-=1;n.reverse()}var d=this.months[this.currentMonth].numberOfDays;if(null!=d){for(var l=1;l<=d;l++)t={day:l,month:this.currentMonth,year:this.year},n.push(t);if(7*this.amountOfWeeksInMonth()-n.length>0)for(var c=7*this.amountOfWeeksInMonth()-n.length,s=1;s<=c;s++)t={day:s,month:this.currentMonth+1,year:this.year,nextMonthDay:!0},n.push(t)}return this.sliceMonthToWeeks(n,7)},isDayDisabled:function(){return!1}},methods:{getDateNow:function(){return new Date},updateSelectedDate:function(e){var t=e.target.value;new RegExp("^(?:(?:31(\\/|-|\\.)(?:0?[13578]|1[02]))\\1|(?:(?:29|30)(\\/|-|\\.)(?:0?[13-9]|1[0-2])\\2))(?:(?:1[6-9]|[2-9]\\d)?d{2})$|^(?:29(\\/|-|\\.)0?2\\3(?:(?:(?:1[6-9]|[2-9]\\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\\d|2[0-8])(\\/|-|\\.)(?:(?:0?[1-9])|(?:1[0-2]))\\4(?:(?:1[6-9]|[2-9]\\d)?\\d{2})$").test(t)&&(this.selectedDate=t)},handleBackdropClick:function(){this.showCalendar=!1},handleDateClick:function(e,t){this.selectedTdCell=e.target,this.selectedTdCell.ariaSelected="true";var n=this.createDate(t);this.selectedDate=n},checkTabindex:function(e){return this.selectedDate==this.createDate(e)?0:-1},checkIfLeapYear:function(e){return e%4==0&&e%100!=0||e%400==0},goToPreviousYear:function(){this.year&&(this.year=this.year-1)},goToNextYear:function(){this.year&&(this.year=this.year+1)},previousMonthIndex:function(e){return 0==e?11:e-1},goToPreviousMonth:function(){(this.currentMonth||0==this.currentMonth)&&(0==this.currentMonth?(this.currentMonth=11,this.year&&(this.year=this.year-1)):this.currentMonth=this.currentMonth-1)},goToNextMonth:function(){11==this.currentMonth?(this.currentMonth=0,this.year&&(this.year=this.year+1)):this.currentMonth=this.currentMonth+1},getFirstDayOfMonth:function(e){var t,n=null,r=e;return null!==this.year&&(n=new Date(this.year,r,1)),null===(t=n)||void 0===t?void 0:t.getDay()},getLastDayOfMonth:function(e){var t,n=null,r=e,a=null;return null!==this.year&&null!==(a=this.months[r].numberOfDays)&&(n=new Date(this.year,r,a)),null===(t=n)||void 0===t?void 0:t.getDay()},amountOfWeeksInMonth:function(){var e=this.months[this.currentMonth].numberOfDays,t=this.getFirstDayOfMonth(this.currentMonth),n=0==this.getFirstDayOfMonth(this.currentMonth);return null!=t?28==e&&1==this.getFirstDayOfMonth(this.currentMonth)?4:31==e&&(t>5||n)||30==e&&(t>6||n)?6:5:6},sliceMonthToWeeks:function(e,t){for(var n=[],r=0;r<e.length;r+=t){var a=e.slice(r,r+t);n.push(a)}return n},toISOLocal:function(e){var t=function(e){return("0"+e).slice(-2)},n=e.getTimezoneOffset(),r=n>0?"-":"+";return n=Math.abs(n),e.getFullYear()+"-"+t(e.getMonth()+1)+"-"+t(e.getDate())+"T"+t(e.getHours())+":"+t(e.getMinutes())+":"+t(e.getSeconds())+"."+("00"+e.getMilliseconds()).slice(-3)+r+t(n/60|0)+":"+t(n%60)},createDate:function(e){var t=e.day,n=this.toISOLocal(new Date(e.year,e.month,t));return null==n?void 0:n.split("T")[0]}}}),a=function(t){return e.pushScopeId("data-v-11fe7832"),t=t(),e.popScopeId(),t},o={class:"vue-accessible-date-field"},i={class:"date-field-section"},d=["id","aria-describedby"],l=[e.createStaticVNode('<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="24pt" height="24pt" viewBox="0 0 815.000000 822.000000" preserveAspectRatio="xMidYMid meet" data-v-11fe7832><g transform="translate(0.000000,822.000000) scale(0.100000,-0.100000)" fill="#242323" stroke="none" data-v-11fe7832><path d="M2382 8200 c-18 -11 -41 -34 -52 -52 -19 -31 -20 -51 -20 -380 l0\r\n            -348 -1022 -2 -1023 -3 -56 -26 c-79 -37 -133 -90 -171 -167 l-33 -67 0 -3445\r\n            0 -3445 33 -67 c38 -77 92 -130 171 -167 l56 -26 1766 -3 1767 -2 953 250\r\n            c1139 300 2795 732 3144 821 l250 64 0 3010 0 3010 -33 67 c-38 77 -92 130\r\n            -171 167 l-56 26 -1032 3 -1033 2 0 348 c0 329 -1 349 -20 380 -40 65 -65 72\r\n            -255 72 -190 0 -215 -7 -255 -72 -19 -31 -20 -51 -20 -380 l0 -348 -1205 0\r\n            -1205 0 0 348 c0 329 -1 349 -20 380 -40 65 -65 72 -255 72 -152 0 -173 -2\r\n            -203 -20z m-72 -1672 c0 -375 1 -395 20 -426 40 -65 65 -72 255 -72 190 0 215\r\n            7 255 72 19 31 20 51 20 426 l0 392 1205 0 1205 0 0 -392 c0 -375 1 -395 20\r\n            -426 40 -65 65 -72 255 -72 190 0 215 7 255 72 19 31 20 51 20 426 l0 392 915\r\n            0 915 0 0 -790 0 -790 -3575 0 -3575 0 0 790 0 790 905 0 905 0 0 -392z m5340\r\n            -3180 c0 -848 -4 -1478 -9 -1473 -5 6 -73 107 -151 225 -78 118 -146 219 -150\r\n            223 -4 5 -627 -404 -1384 -907 l-1378 -916 -2039 0 -2039 0 0 2165 0 2165\r\n            3575 0 3575 0 0 -1482z" data-v-11fe7832></path><path d="M1336 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-11fe7832></path><path d="M3526 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-11fe7832></path><path d="M5636 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-11fe7832></path><path d="M1336 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-11fe7832></path><path d="M3546 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z" data-v-11fe7832></path></g></svg>',1)],c=["id"],s=[e.createTextVNode(" ( "),a((function(){return e.createElementVNode("span",{class:"screen-reader-only"},"date format: ",-1)})),e.createTextVNode(" dd.mm.yyyy, dd/mm/yyyy or dd-mm-yyyy) ")],u={key:0,class:"datepicker-section"},h={class:"calendar-modal",role:"dialog","aria-modal":"true","aria-label":"Choose Date"},p={class:"datepicker"},m={class:"datepicker-header-line"},f=["id"],y=["id","aria-labelledby"],g=["onClick","tabindex"],b={class:"buttons"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}('\r\n/* jos tarvitsee luoda esim. paljon z-indexejä, sen voi tehdä css cutom propertisien avulla */\r\n/* :root {} */\r\n\r\n  /* datefield */\r\n  \r\n  /* .vue-accessible-date-field {\r\n    text-align: center;\r\n  } */\r\n\r\n  /* button::before {\r\n     content: url("./assets/calendar-icon.svg");\r\n  } */\n.date-field-section[data-v-11fe7832] {\r\n     height: 40px;\n}\n.date-field-section .date-field[data-v-11fe7832] {\r\n    height: 100%;\r\n    vertical-align: bottom;\r\n    border-width: 0 0 1px 0;\r\n    border-color: #323a45;\n}\n.date-field-section .description[data-v-11fe7832] {\r\n    display: block;\r\n    left: 0;\r\n    top: 3.5em;\n}\n.screen-reader-only[data-v-11fe7832] {\r\n    top: -2000em;\r\n    left: -3000em;\r\n    border: 0;\r\n    clip: rect(0,0,0,0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    width: 1px;\n}\r\n\r\n  /* datepicker-modal */\n.calendar-modal[data-v-11fe7832] {\r\n    position: absolute;\r\n    background-color: #FFFFFF;\r\n    color: #04291F;\r\n    border: 1px solid #000000;\r\n    max-width: 450px;\n}\n.open-calendar-btn[data-v-11fe7832] {\r\n    height: 100%;\r\n    background-color: #FFFFFF;\r\n    padding-bottom: 4px;\r\n    border-width: 0 0 1px 0;\r\n    border-color: #323a45;\n}\n.open-calendar-icon[data-v-11fe7832] {\r\n    height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-11fe7832] {\r\n    display: inline-flex; \r\n    width: 100%;    \r\n    min-width: 250px;\n}\n.datepicker-header[data-v-11fe7832] {\r\n    width: 100%;\r\n    text-align: center;\r\n    margin-top: 15px;\r\n    margin-bottom: 10px;\n}\nthead > tr th[data-v-11fe7832] {\r\n    width: 20px;\r\n    height: 35px;\n}\n.arrow-button[data-v-11fe7832] {\r\n      background-color: #FFFFFF;\r\n      color: #04291F;\r\n      border: none;\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      padding-top: 10px;\r\n      padding-bottom: 10px;\r\n      padding-right: 10px;\r\n      padding-left: 10px;\n}\r\n\r\n  /* datepicker-grid */\n.datepicker-grid[data-v-11fe7832] {\r\n    width: 100%;\r\n    padding-right: 15px;\r\n    padding-left: 15px;\r\n    margin-bottom: 15px;\n}\n.datepicker-table-row[data-v-11fe7832] {\r\n    text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-11fe7832] {\r\n    width: 27px;\r\n    background-color: #000000;\r\n    color: #FFFFFF;\r\n    padding: 5px;\r\n    margin: 2px;\r\n    border-radius: 3px;\n}\n.disabled-day[data-v-11fe7832] {\r\n    background-color: #595959;\r\n    color: #FFFFFF;\n}\n.datepicker-day[data-v-11fe7832]:hover {\r\n    background-color: #333333;\n}\n.datepicker-day[data-v-11fe7832]:not(.disabled-day):hover {\r\n    padding: 3px;\r\n    border: 2px solid #F44A87;\n}\n.datepicker-day[data-v-11fe7832]:focus {    \r\n    padding: 3px;\r\n    border: 2px solid #3B9EC2;\r\n    outline: 0;\n}\n.datepicker-day[tabindex="0"][data-v-11fe7832] {\r\n    background-color: #FFD55F;\r\n    color: #000000;\n}\n.buttons[data-v-11fe7832] {\r\n    float: right;\r\n    margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-11fe7832],\r\n  button.close-calendar-modal[data-v-11fe7832] {\r\n    border: none;\r\n    border-radius: 3px;\r\n    background-color: #000000;\r\n    color: #FFFFFF;\r\n    margin-bottom: 6px;\r\n    margin-right: 10px;\r\n    padding: 8px;\n}\nbutton.choose-selected-date[data-v-11fe7832]:hover {\r\n    background-color: #333333;\n}\nbutton.close-calendar-modal[data-v-11fe7832]:hover {\r\n    background-color: #999999;\n}\nbutton.close-calendar-modal[data-v-11fe7832] {\r\n    background-color: #595959;\n}\n.backdrop[data-v-11fe7832]{\r\n        top: 0;\r\n        left: 0;\r\n        position: fixed;\r\n        background: rgba(0,0,0,0.5);\r\n        width: 100%;\r\n        height: 100%;\n}\r\n\r\n  /* XXL */\r\n  /* @media (min-width: 1281px) {\r\n  } */\r\n  \r\n  /* XL */\n@media (min-width: 1025px) and (max-width: 1280px){\n}\r\n  \r\n  /* L */\n@media (min-width: 768px) and (max-width: 1024px){\r\n    /* .calendar-modal {\r\n      width: 50%;\r\n    } */\n}\r\n\r\n  /* M */\n@media (min-width: 481px) and (max-width: 767px) {\r\n    /* .calendar-modal {\r\n      width: 70%;\r\n    } */\n}\r\n  /* S */\n@media (max-width: 480px) {\r\n    /* .calendar-modal {\r\n      width: 95%;\r\n    } */\n}\r\n'),r.render=function(t,n,r,a,v,D){return e.openBlock(),e.createElementBlock("div",o,[e.createElementVNode("div",i,[e.withDirectives(e.createElementVNode("input",{type:"text",id:"dateField-"+t.uniqueString,name:"dateInput","onUpdate:modelValue":n[0]||(n[0]=function(e){return t.selectedDateSynced=e}),onChange:n[1]||(n[1]=function(e){return t.updateSelectedDate(e)}),class:"date-field",placeholder:"dd.mm.yyyy","aria-describedby":"dateFieldDescription"+t.uniqueString},null,40,d),[[e.vModelText,t.selectedDateSynced]]),e.createElementVNode("button",{type:"button",class:"icon open-calendar-btn",onClick:n[2]||(n[2]=function(e){return t.showCalendar=!0})},l),e.createElementVNode("span",{class:"description",id:"dateFieldDescription"+t.uniqueString},s,8,c)]),t.showCalendar?(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",{onClick:n[3]||(n[3]=function(){return t.handleBackdropClick&&t.handleBackdropClick.apply(t,arguments)}),class:"backdrop",ref:"backdrop"},null,512),e.createElementVNode("div",h,[e.createElementVNode("div",p,[e.createElementVNode("div",m,[e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[4]||(n[4]=function(){return t.goToPreviousYear&&t.goToPreviousYear.apply(t,arguments)}),"aria-label":"go to previous year"},"«"),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[5]||(n[5]=function(){return t.goToPreviousMonth&&t.goToPreviousMonth.apply(t,arguments)}),"aria-label":"go to previous month"},"‹"),e.createElementVNode("h2",{id:"datepickerHeader-"+t.uniqueString,class:"datepicker-header"},e.toDisplayString(t.pickerHeaderMonthAndYear),9,f),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[6]||(n[6]=function(){return t.goToNextMonth&&t.goToNextMonth.apply(t,arguments)}),"aria-label":"go to next month"},"›"),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[7]||(n[7]=function(){return t.goToNextYear&&t.goToNextYear.apply(t,arguments)}),"aria-label":"go to next year"},"»")]),e.createElementVNode("table",{id:"datapickerTable-"+t.uniqueString,class:"datepicker-grid",role:"grid","aria-labelledby":"datepickerHeader-"+t.uniqueString},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dayNamesShort,(function(t){return e.openBlock(),e.createElementBlock("th",{scope:"col",key:t,abbr:""},e.toDisplayString(t),1)})),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.daysVisibleCurrentMonth,(function(n,r){return e.openBlock(),e.createElementBlock("tr",{key:r,class:"datepicker-table-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(function(n,r){return e.openBlock(),e.createElementBlock("td",{key:r,onClick:function(e){return t.handleDateClick(e,n)},tabindex:t.checkTabindex(n),role:"gridcell",class:e.normalizeClass(["datepicker-day",{"disabled-day":n.previousMonthDay||n.nextMonthDay}])},e.toDisplayString(n.day),11,g)})),128))])})),128))])],8,y)]),e.createElementVNode("div",b,[e.createElementVNode("button",{class:"close-calendar-modal",onClick:n[8]||(n[8]=function(e){return t.showCalendar=!1})},"Cancel"),e.createElementVNode("button",{class:"choose-selected-date",onClick:n[9]||(n[9]=function(e){return t.showCalendar=!1})},"OK")])])])):e.createCommentVNode("",!0)])},r.__scopeId="data-v-11fe7832";var v=function(){var e=r;return e.install=function(t){t.component("VueAccessibleDateField",e)},e}(),D=Object.freeze({__proto__:null,default:v});return Object.entries(D).forEach((function(e){var n=t(e,2),r=n[0],a=n[1];"default"!==r&&(v[r]=a)})),v}(Vue);

dist/vue-accessible-date-field.ssr.js

@@ -369,3 +369,3 @@ 'use strict';var vue=require('vue');function _slicedToArray(arr, i) {
 });var _withScopeId = function _withScopeId(n) {
-  return vue.pushScopeId("data-v-8d9dbb44"), n = n(), vue.popScopeId(), n;
+  return vue.pushScopeId("data-v-11fe7832"), n = n(), vue.popScopeId(), n;
 };
@@ -381,3 +381,3 @@
 
-var _hoisted_4 = /*#__PURE__*/vue.createStaticVNode("<svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24pt\" height=\"24pt\" viewBox=\"0 0 815.000000 822.000000\" preserveAspectRatio=\"xMidYMid meet\" data-v-8d9dbb44><g transform=\"translate(0.000000,822.000000) scale(0.100000,-0.100000)\" fill=\"#242323\" stroke=\"none\" data-v-8d9dbb44><path d=\"M2382 8200 c-18 -11 -41 -34 -52 -52 -19 -31 -20 -51 -20 -380 l0\r\n          -348 -1022 -2 -1023 -3 -56 -26 c-79 -37 -133 -90 -171 -167 l-33 -67 0 -3445\r\n          0 -3445 33 -67 c38 -77 92 -130 171 -167 l56 -26 1766 -3 1767 -2 953 250\r\n          c1139 300 2795 732 3144 821 l250 64 0 3010 0 3010 -33 67 c-38 77 -92 130\r\n          -171 167 l-56 26 -1032 3 -1033 2 0 348 c0 329 -1 349 -20 380 -40 65 -65 72\r\n          -255 72 -190 0 -215 -7 -255 -72 -19 -31 -20 -51 -20 -380 l0 -348 -1205 0\r\n          -1205 0 0 348 c0 329 -1 349 -20 380 -40 65 -65 72 -255 72 -152 0 -173 -2\r\n          -203 -20z m-72 -1672 c0 -375 1 -395 20 -426 40 -65 65 -72 255 -72 190 0 215\r\n          7 255 72 19 31 20 51 20 426 l0 392 1205 0 1205 0 0 -392 c0 -375 1 -395 20\r\n          -426 40 -65 65 -72 255 -72 190 0 215 7 255 72 19 31 20 51 20 426 l0 392 915\r\n          0 915 0 0 -790 0 -790 -3575 0 -3575 0 0 790 0 790 905 0 905 0 0 -392z m5340\r\n          -3180 c0 -848 -4 -1478 -9 -1473 -5 6 -73 107 -151 225 -78 118 -146 219 -150\r\n          223 -4 5 -627 -404 -1384 -907 l-1378 -916 -2039 0 -2039 0 0 2165 0 2165\r\n          3575 0 3575 0 0 -1482z\" data-v-8d9dbb44></path><path d=\"M1336 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-8d9dbb44></path><path d=\"M3526 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-8d9dbb44></path><path d=\"M5636 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-8d9dbb44></path><path d=\"M1336 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-8d9dbb44></path><path d=\"M3546 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n          79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n          -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-8d9dbb44></path></g></svg>", 1);
+var _hoisted_4 = /*#__PURE__*/vue.createStaticVNode("<svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24pt\" height=\"24pt\" viewBox=\"0 0 815.000000 822.000000\" preserveAspectRatio=\"xMidYMid meet\" data-v-11fe7832><g transform=\"translate(0.000000,822.000000) scale(0.100000,-0.100000)\" fill=\"#242323\" stroke=\"none\" data-v-11fe7832><path d=\"M2382 8200 c-18 -11 -41 -34 -52 -52 -19 -31 -20 -51 -20 -380 l0\r\n            -348 -1022 -2 -1023 -3 -56 -26 c-79 -37 -133 -90 -171 -167 l-33 -67 0 -3445\r\n            0 -3445 33 -67 c38 -77 92 -130 171 -167 l56 -26 1766 -3 1767 -2 953 250\r\n            c1139 300 2795 732 3144 821 l250 64 0 3010 0 3010 -33 67 c-38 77 -92 130\r\n            -171 167 l-56 26 -1032 3 -1033 2 0 348 c0 329 -1 349 -20 380 -40 65 -65 72\r\n            -255 72 -190 0 -215 -7 -255 -72 -19 -31 -20 -51 -20 -380 l0 -348 -1205 0\r\n            -1205 0 0 348 c0 329 -1 349 -20 380 -40 65 -65 72 -255 72 -152 0 -173 -2\r\n            -203 -20z m-72 -1672 c0 -375 1 -395 20 -426 40 -65 65 -72 255 -72 190 0 215\r\n            7 255 72 19 31 20 51 20 426 l0 392 1205 0 1205 0 0 -392 c0 -375 1 -395 20\r\n            -426 40 -65 65 -72 255 -72 190 0 215 7 255 72 19 31 20 51 20 426 l0 392 915\r\n            0 915 0 0 -790 0 -790 -3575 0 -3575 0 0 790 0 790 905 0 905 0 0 -392z m5340\r\n            -3180 c0 -848 -4 -1478 -9 -1473 -5 6 -73 107 -151 225 -78 118 -146 219 -150\r\n            223 -4 5 -627 -404 -1384 -907 l-1378 -916 -2039 0 -2039 0 0 2165 0 2165\r\n            3575 0 3575 0 0 -1482z\" data-v-11fe7832></path><path d=\"M1336 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-11fe7832></path><path d=\"M3526 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-11fe7832></path><path d=\"M5636 3914 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-11fe7832></path><path d=\"M1336 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-11fe7832></path><path d=\"M3546 2374 c-14 -14 -16 -75 -16 -519 0 -444 2 -505 16 -519 14 -14\r\n            79 -16 569 -16 490 0 555 2 569 16 14 14 16 75 16 519 0 444 -2 505 -16 519\r\n            -14 14 -79 16 -569 16 -490 0 -555 -2 -569 -16z\" data-v-11fe7832></path></g></svg>", 1);
 
@@ -435,2 +435,3 @@ var _hoisted_5 = [_hoisted_4];
   }, null, 40, _hoisted_3), [[vue.vModelText, _ctx.selectedDateSynced]]), vue.createElementVNode("button", {
+    type: "button",
     class: "icon open-calendar-btn",
@@ -544,5 +545,5 @@ onClick: _cache[2] || (_cache[2] = function ($event) {
   }
-}var css_248z = "\r\n/* jos tarvitsee luoda esim. paljon z-indexejä, sen voi tehdä css cutom propertisien avulla */\r\n/* :root {} */\r\n\r\n  /* datefield */\r\n  \r\n  /* .vue-accessible-date-field {\r\n    text-align: center;\r\n  } */\n.date-field-section[data-v-8d9dbb44] {\r\n     height: 40px;\n}\n.date-field-section .date-field[data-v-8d9dbb44] {\r\n    height: 100%;\r\n    vertical-align: bottom;\r\n    border-width: 0 0 1px 0;\r\n    border-color: #323a45;\n}\n.date-field-section .description[data-v-8d9dbb44] {\r\n    display: block;\r\n    left: 0;\r\n    top: 3.5em;\n}\n.screen-reader-only[data-v-8d9dbb44] {\r\n    top: -2000em;\r\n    left: -3000em;\r\n    border: 0;\r\n    clip: rect(0,0,0,0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    width: 1px;\n}\r\n\r\n  /* datepicker-modal */\n.calendar-modal[data-v-8d9dbb44] {\r\n    position: absolute;\r\n    background-color: #FFFFFF;\r\n    color: #04291F;\r\n    border: 1px solid #000000;\r\n    max-width: 450px;\n}\n.open-calendar-btn[data-v-8d9dbb44] {\r\n    height: 100%;\r\n    background-color: #FFFFFF;\r\n    padding-bottom: 4px;\r\n    border-width: 0 0 1px 0;\r\n    border-color: #323a45;\n}\n.open-calendar-icon[data-v-8d9dbb44] {\r\n    height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-8d9dbb44] {\r\n    display: inline-flex; \r\n    width: 100%;    \r\n    min-width: 250px;\n}\n.datepicker-header[data-v-8d9dbb44] {\r\n    width: 100%;\r\n    text-align: center;\r\n    margin-top: 15px;\r\n    margin-bottom: 10px;\n}\nthead > tr th[data-v-8d9dbb44] {\r\n    width: 20px;\r\n    height: 35px;\n}\n.arrow-button[data-v-8d9dbb44] {\r\n      background-color: #FFFFFF;\r\n      color: #04291F;\r\n      border: none;\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      padding-top: 10px;\r\n      padding-bottom: 10px;\r\n      padding-right: 10px;\r\n      padding-left: 10px;\n}\r\n\r\n  /* datepicker-grid */\n.datepicker-grid[data-v-8d9dbb44] {\r\n    width: 100%;\r\n    padding-right: 15px;\r\n    padding-left: 15px;\r\n    margin-bottom: 15px;\n}\n.datepicker-table-row[data-v-8d9dbb44] {\r\n    text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-8d9dbb44] {\r\n    width: 27px;\r\n    background-color: #000000;\r\n    color: #FFFFFF;\r\n    padding: 5px;\r\n    margin: 2px;\r\n    border-radius: 3px;\n}\n.disabled-day[data-v-8d9dbb44] {\r\n    background-color: #595959;\r\n    color: #FFFFFF;\n}\n.datepicker-day[data-v-8d9dbb44]:hover {\r\n    background-color: #333333;\n}\n.datepicker-day[data-v-8d9dbb44]:not(.disabled-day):hover {\r\n    padding: 3px;\r\n    border: 2px solid #F44A87;\n}\n.datepicker-day[data-v-8d9dbb44]:focus {    \r\n    padding: 3px;\r\n    border: 2px solid #3B9EC2;\r\n    outline: 0;\n}\n.datepicker-day[tabindex=\"0\"][data-v-8d9dbb44] {\r\n    background-color: #FFD55F;\r\n    color: #000000;\n}\n.buttons[data-v-8d9dbb44] {\r\n    float: right;\r\n    margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-8d9dbb44],\r\n  button.close-calendar-modal[data-v-8d9dbb44] {\r\n    border: none;\r\n    border-radius: 3px;\r\n    background-color: #000000;\r\n    color: #FFFFFF;\r\n    margin-bottom: 6px;\r\n    margin-right: 10px;\r\n    padding: 8px;\n}\nbutton.choose-selected-date[data-v-8d9dbb44]:hover {\r\n    background-color: #333333;\n}\nbutton.close-calendar-modal[data-v-8d9dbb44]:hover {\r\n    background-color: #999999;\n}\nbutton.close-calendar-modal[data-v-8d9dbb44] {\r\n    background-color: #595959;\n}\n.backdrop[data-v-8d9dbb44]{\r\n        top: 0;\r\n        left: 0;\r\n        position: fixed;\r\n        background: rgba(0,0,0,0.5);\r\n        width: 100%;\r\n        height: 100%;\n}\r\n\r\n  /* XXL */\r\n  /* @media (min-width: 1281px) {\r\n  } */\r\n  \r\n  /* XL */\n@media (min-width: 1025px) and (max-width: 1280px){\n}\r\n  \r\n  /* L */\n@media (min-width: 768px) and (max-width: 1024px){\r\n    /* .calendar-modal {\r\n      width: 50%;\r\n    } */\n}\r\n\r\n  /* M */\n@media (min-width: 481px) and (max-width: 767px) {\r\n    /* .calendar-modal {\r\n      width: 70%;\r\n    } */\n}\r\n  /* S */\n@media (max-width: 480px) {\r\n    /* .calendar-modal {\r\n      width: 95%;\r\n    } */\n}\r\n";
+}var css_248z = "\r\n/* jos tarvitsee luoda esim. paljon z-indexejä, sen voi tehdä css cutom propertisien avulla */\r\n/* :root {} */\r\n\r\n  /* datefield */\r\n  \r\n  /* .vue-accessible-date-field {\r\n    text-align: center;\r\n  } */\r\n\r\n  /* button::before {\r\n     content: url(\"./assets/calendar-icon.svg\");\r\n  } */\n.date-field-section[data-v-11fe7832] {\r\n     height: 40px;\n}\n.date-field-section .date-field[data-v-11fe7832] {\r\n    height: 100%;\r\n    vertical-align: bottom;\r\n    border-width: 0 0 1px 0;\r\n    border-color: #323a45;\n}\n.date-field-section .description[data-v-11fe7832] {\r\n    display: block;\r\n    left: 0;\r\n    top: 3.5em;\n}\n.screen-reader-only[data-v-11fe7832] {\r\n    top: -2000em;\r\n    left: -3000em;\r\n    border: 0;\r\n    clip: rect(0,0,0,0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    width: 1px;\n}\r\n\r\n  /* datepicker-modal */\n.calendar-modal[data-v-11fe7832] {\r\n    position: absolute;\r\n    background-color: #FFFFFF;\r\n    color: #04291F;\r\n    border: 1px solid #000000;\r\n    max-width: 450px;\n}\n.open-calendar-btn[data-v-11fe7832] {\r\n    height: 100%;\r\n    background-color: #FFFFFF;\r\n    padding-bottom: 4px;\r\n    border-width: 0 0 1px 0;\r\n    border-color: #323a45;\n}\n.open-calendar-icon[data-v-11fe7832] {\r\n    height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-11fe7832] {\r\n    display: inline-flex; \r\n    width: 100%;    \r\n    min-width: 250px;\n}\n.datepicker-header[data-v-11fe7832] {\r\n    width: 100%;\r\n    text-align: center;\r\n    margin-top: 15px;\r\n    margin-bottom: 10px;\n}\nthead > tr th[data-v-11fe7832] {\r\n    width: 20px;\r\n    height: 35px;\n}\n.arrow-button[data-v-11fe7832] {\r\n      background-color: #FFFFFF;\r\n      color: #04291F;\r\n      border: none;\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      padding-top: 10px;\r\n      padding-bottom: 10px;\r\n      padding-right: 10px;\r\n      padding-left: 10px;\n}\r\n\r\n  /* datepicker-grid */\n.datepicker-grid[data-v-11fe7832] {\r\n    width: 100%;\r\n    padding-right: 15px;\r\n    padding-left: 15px;\r\n    margin-bottom: 15px;\n}\n.datepicker-table-row[data-v-11fe7832] {\r\n    text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-11fe7832] {\r\n    width: 27px;\r\n    background-color: #000000;\r\n    color: #FFFFFF;\r\n    padding: 5px;\r\n    margin: 2px;\r\n    border-radius: 3px;\n}\n.disabled-day[data-v-11fe7832] {\r\n    background-color: #595959;\r\n    color: #FFFFFF;\n}\n.datepicker-day[data-v-11fe7832]:hover {\r\n    background-color: #333333;\n}\n.datepicker-day[data-v-11fe7832]:not(.disabled-day):hover {\r\n    padding: 3px;\r\n    border: 2px solid #F44A87;\n}\n.datepicker-day[data-v-11fe7832]:focus {    \r\n    padding: 3px;\r\n    border: 2px solid #3B9EC2;\r\n    outline: 0;\n}\n.datepicker-day[tabindex=\"0\"][data-v-11fe7832] {\r\n    background-color: #FFD55F;\r\n    color: #000000;\n}\n.buttons[data-v-11fe7832] {\r\n    float: right;\r\n    margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-11fe7832],\r\n  button.close-calendar-modal[data-v-11fe7832] {\r\n    border: none;\r\n    border-radius: 3px;\r\n    background-color: #000000;\r\n    color: #FFFFFF;\r\n    margin-bottom: 6px;\r\n    margin-right: 10px;\r\n    padding: 8px;\n}\nbutton.choose-selected-date[data-v-11fe7832]:hover {\r\n    background-color: #333333;\n}\nbutton.close-calendar-modal[data-v-11fe7832]:hover {\r\n    background-color: #999999;\n}\nbutton.close-calendar-modal[data-v-11fe7832] {\r\n    background-color: #595959;\n}\n.backdrop[data-v-11fe7832]{\r\n        top: 0;\r\n        left: 0;\r\n        position: fixed;\r\n        background: rgba(0,0,0,0.5);\r\n        width: 100%;\r\n        height: 100%;\n}\r\n\r\n  /* XXL */\r\n  /* @media (min-width: 1281px) {\r\n  } */\r\n  \r\n  /* XL */\n@media (min-width: 1025px) and (max-width: 1280px){\n}\r\n  \r\n  /* L */\n@media (min-width: 768px) and (max-width: 1024px){\r\n    /* .calendar-modal {\r\n      width: 50%;\r\n    } */\n}\r\n\r\n  /* M */\n@media (min-width: 481px) and (max-width: 767px) {\r\n    /* .calendar-modal {\r\n      width: 70%;\r\n    } */\n}\r\n  /* S */\n@media (max-width: 480px) {\r\n    /* .calendar-modal {\r\n      width: 95%;\r\n    } */\n}\r\n";
 styleInject(css_248z);script.render = render;
-script.__scopeId = "data-v-8d9dbb44";// Import vue component
+script.__scopeId = "data-v-11fe7832";// Import vue component
 
@@ -549,0 +550,0 @@ // Default export is installable instance of component.

package.json

 {
   "name": "vue-accessible-date-field",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "An open source Vue date field component designed to be as accessible as possible.",
@@ -5,0 +5,0 @@ "author": "Laladdin",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

106899

increased by0.79%

Lines of code

1083

increased by0.19%

No dependency changes