vue-accessible-date-field
Advanced tools
vue-accessible-date-field - npm Package Compare versions
Comparing version 0.0.5 to 0.0.6
@@ -336,4 +336,2 @@ import { defineComponent, openBlock, createElementBlock, createElementVNode, withDirectives, vModelText, toDisplayString, createTextVNode, withKeys, Fragment, renderList, normalizeClass, createCommentVNode, createStaticVNode } from 'vue'; | ||
| handlePageDown(event, item) { | ||
| console.log("event", event); | ||
| console.log("item", item); | ||
| this.changeTabIndex(0, -1); // tarkistetaan, onko painikkeen kanssa painettu samanaikaisesti Shift-painiketta | ||
@@ -363,4 +361,2 @@ // jos kyllä, siirrytään yksi vuosi eteenpäin | ||
| handlePageUp(event, item) { | ||
| console.log("event", event); | ||
| console.log("item", item); | ||
| this.changeTabIndex(0, -1); // tarkistetaan, onko painikkeen kanssa painettu samanaikaisesti Shift-painiketta | ||
@@ -381,7 +377,5 @@ // jos kyllä, siirrytään yksi vuosi taaksepäin | ||
| }); | ||
| console.log("dateToGoTo", dateToGoTo); | ||
| this.$nextTick(() => { | ||
| // tänne tarkistus, että minkään painikkeen tabindex ei tällä hetkellä ole 0 | ||
| const newFocused = document.querySelector("[data-date='" + dateToGoTo + "']"); | ||
| console.log("newFocused", newFocused); | ||
| newFocused.tabIndex = 0; | ||
@@ -687,3 +681,3 @@ newFocused.focus(); | ||
| const _hoisted_5 = /*#__PURE__*/createStaticVNode("<svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"18pt\" height=\"18pt\" viewBox=\"0 0 815.000000 822.000000\" preserveAspectRatio=\"xMidYMid meet\" data-v-7f6099c7><g transform=\"translate(0.000000,822.000000) scale(0.100000,-0.100000)\" fill=\"#242323\" stroke=\"none\" data-v-7f6099c7><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-7f6099c7></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-7f6099c7></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-7f6099c7></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-7f6099c7></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-7f6099c7></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-7f6099c7></path></g></svg>", 1); | ||
| const _hoisted_5 = /*#__PURE__*/createStaticVNode("<svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"18pt\" height=\"18pt\" viewBox=\"0 0 815.000000 822.000000\" preserveAspectRatio=\"xMidYMid meet\" data-v-40ac8ad6><g transform=\"translate(0.000000,822.000000) scale(0.100000,-0.100000)\" fill=\"#242323\" stroke=\"none\" data-v-40ac8ad6><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-40ac8ad6></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-40ac8ad6></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-40ac8ad6></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-40ac8ad6></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-40ac8ad6></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-40ac8ad6></path></g></svg>", 1); | ||
@@ -848,7 +842,7 @@ const _hoisted_6 = [_hoisted_5]; | ||
| var css_248z = "\r\n/* jos tarvitsee luoda esim. paljon z-indexejä, sen voi tehdä css custom 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 .date-field[data-v-7f6099c7] {\r\n max-width: 120px;\r\n height: 27px;\r\n padding-left: 5px;\r\n vertical-align: bottom;\r\n border-width: 0 0 1px 0;\r\n border-color: #323a45;\n}\n.date-field-section .date-field[data-v-7f6099c7]:focus {\r\n outline: 3px solid #d71ef7;\r\n outline-offset: -3px;\n}\n.date-field-inline[data-v-7f6099c7] {\r\n white-space: nowrap;\n}\n.date-field-section .field-description[data-v-7f6099c7] {\r\n display: block;\r\n font-size: 0.625rem;\r\n left: 0;\r\n top: 3.5em;\n}\n.screen-reader-only[data-v-7f6099c7] {\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}\nbutton[data-v-7f6099c7]:focus {\r\n outline: 3px solid #d71ef7;\r\n outline-offset: -3px;\n}\r\n\r\n /* datepicker-modal */\n.calendar-modal[data-v-7f6099c7] {\r\n position: absolute;\r\n background-color: #FFFFFF;\r\n border: 1px solid #000000;\r\n max-width: 450px;\n}\n.open-calendar-btn[data-v-7f6099c7] {\r\n height: 30px;\r\n background-color: #FFFFFF;\r\n padding-bottom: 0px;\r\n border-width: 0 0 1px 0;\r\n border-color: #323a45;\n}\n.open-calendar-btn svg[data-v-7f6099c7] {\r\n margin-top: 1px;\n}\n.open-calendar-icon[data-v-7f6099c7] {\r\n height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-7f6099c7] {\r\n display: inline-flex; \r\n width: 100%; \r\n min-width: 250px;\n}\n.datepicker-header[data-v-7f6099c7] {\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-7f6099c7] {\r\n width: 20px;\r\n height: 35px;\n}\n.arrow-button[data-v-7f6099c7] {\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-7f6099c7] {\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-7f6099c7] {\r\n text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-7f6099c7] {\r\n width: 24px;\r\n color: #000000;\r\n padding: 5px;\r\n margin: 2px;\r\n border-radius: 3px;\n}\n.datepicker-day[data-v-7f6099c7]:not(.disabled-day) {\r\n font-weight: 600;\n}\n.disabled-day[data-v-7f6099c7] {\r\n color: #595959;\n}\n.datepicker-day[data-v-7f6099c7]:hover {\r\n background-color: #E8E7E7;\n}\n.datepicker-day[data-v-7f6099c7]:not(.disabled-day):hover {\r\n padding: 3px;\r\n border: 2px solid #F44A87;\n}\n.datepicker-day[data-v-7f6099c7]:focus { \r\n padding: 3px;\r\n border: 2px solid #3B9EC2;\r\n outline: 0;\n}\n.datepicker-day[tabindex=\"0\"][data-v-7f6099c7] {\r\n background-color: #FFD55F;\r\n color: #000000;\n}\n.buttons[data-v-7f6099c7] {\r\n float: right;\r\n margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-7f6099c7],\r\n button.close-calendar-modal[data-v-7f6099c7] {\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-7f6099c7]:hover {\r\n background-color: #333333;\n}\nbutton.close-calendar-modal[data-v-7f6099c7]:hover {\r\n background-color: #999999;\n}\nbutton.close-calendar-modal[data-v-7f6099c7] {\r\n background-color: #595959;\n}\n.backdrop[data-v-7f6099c7]{\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 custom 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 .date-field[data-v-40ac8ad6] {\r\n max-width: 120px;\r\n height: 27px;\r\n padding-left: 5px;\r\n vertical-align: bottom;\r\n border-width: 0 0 1px 0;\r\n border-color: #323a45;\n}\n.date-field-section .date-field[data-v-40ac8ad6]:focus {\r\n outline: 3px solid #d71ef7;\r\n outline-offset: -3px;\n}\n.date-field-inline[data-v-40ac8ad6] {\r\n white-space: nowrap;\n}\n.date-field-section .field-description[data-v-40ac8ad6] {\r\n display: block;\r\n font-size: 0.625rem;\r\n left: 0;\r\n top: 3.5em;\n}\n.screen-reader-only[data-v-40ac8ad6] {\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}\nbutton[data-v-40ac8ad6]:focus {\r\n outline: 3px solid #d71ef7;\r\n outline-offset: -3px;\n}\r\n\r\n /* datepicker-modal */\n.calendar-modal[data-v-40ac8ad6] {\r\n position: absolute;\r\n background-color: #FFFFFF;\r\n border: 1px solid #000000;\r\n max-width: 450px;\n}\n.open-calendar-btn[data-v-40ac8ad6] {\r\n height: 30px;\r\n background-color: #FFFFFF;\r\n padding-bottom: 0px;\r\n border-width: 0 0 1px 0;\r\n border-color: #323a45;\n}\n.open-calendar-btn svg[data-v-40ac8ad6] {\r\n margin-top: 1px;\n}\n.open-calendar-icon[data-v-40ac8ad6] {\r\n height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-40ac8ad6] {\r\n display: inline-flex; \r\n width: 100%; \r\n min-width: 250px;\n}\n.datepicker-header[data-v-40ac8ad6] {\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-40ac8ad6] {\r\n width: 20px;\r\n height: 35px;\n}\n.arrow-button[data-v-40ac8ad6] {\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-40ac8ad6] {\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-40ac8ad6] {\r\n text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-40ac8ad6] {\r\n width: 24px;\r\n color: #000000;\r\n padding: 5px;\r\n margin: 2px;\r\n border-radius: 3px;\n}\n.datepicker-day[data-v-40ac8ad6]:not(.disabled-day) {\r\n font-weight: 600;\n}\n.disabled-day[data-v-40ac8ad6] {\r\n color: #595959;\n}\n.datepicker-day[data-v-40ac8ad6]:hover {\r\n background-color: #E8E7E7;\n}\n.datepicker-day[data-v-40ac8ad6]:not(.disabled-day):hover {\r\n padding: 3px;\r\n border: 2px solid #F44A87;\n}\n.datepicker-day[data-v-40ac8ad6]:focus { \r\n padding: 3px;\r\n border: 2px solid #3B9EC2;\r\n outline: 0;\n}\n.datepicker-day[tabindex=\"0\"][data-v-40ac8ad6] {\r\n background-color: #FFD55F;\r\n color: #000000;\n}\n.buttons[data-v-40ac8ad6] {\r\n float: right;\r\n margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-40ac8ad6],\r\n button.close-calendar-modal[data-v-40ac8ad6] {\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-40ac8ad6]:hover {\r\n background-color: #333333;\n}\nbutton.close-calendar-modal[data-v-40ac8ad6]:hover {\r\n background-color: #999999;\n}\nbutton.close-calendar-modal[data-v-40ac8ad6] {\r\n background-color: #595959;\n}\n.backdrop[data-v-40ac8ad6]{\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-7f6099c7"; | ||
| script.__scopeId = "data-v-40ac8ad6"; | ||
@@ -855,0 +849,0 @@ // Import vue component |
@@ -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 a,r,o=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw r}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))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,a=new Array(t);n<t;n++)a[n]=e[n];return a}var a={months:[{name:"tammikuu",numberOfDays:31},{name:"helmikuu",numberOfDays:void 0},{name:"maaliskuu",numberOfDays:31},{name:"huhtikuu",numberOfDays:30},{name:"toukokuu",numberOfDays:31},{name:"kesäkuu",numberOfDays:30},{name:"heinäkuu",numberOfDays:31},{name:"elokuu",numberOfDays:31},{name:"syyskuu",numberOfDays:30},{name:"lokakuu",numberOfDays:31},{name:"marraskuu",numberOfDays:30},{name:"joulukuu",numberOfDays:31}]},r={locale:"fi-FI",dateFormatString:"päivämäärän muoto: ",dateFormatOptions:["pp.kk.vvvv","pp-kk-vvvv","pp/kk/vvvv"],buttonLabel:"Valitse päivämäärä",dayNames:["maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai","sunnuntai"],dayNamesShort:["ma","ti","ke","to","pe","la","su"]},o=e.defineComponent({name:"VueAccessibleDateField",props:{defaultDate:String,uniqueName:{type:String},dayOfMonth:{type:Object},months:{type:Object},monthsData:{type:Object},localization:{type:Object}},data:function(){var e=(new Date).getMonth(),t=(new Date).getFullYear();return{showCalendar:!1,monthsData:a,localizationDefaultData:r,localizationData:{locale:"",dateFormatString:"",dateFormatOptions:[],buttonLabel:"",dayNames:[],dayNamesShort:[]},currentMonth:e,year:t,selectedISODate:undefined,selectedDateString:undefined,selectedTdCell:undefined,uniqueString:undefined}},mounted:function(){if(void 0!==this.localization?this.localizationData=this.localization:this.localizationData=this.localizationDefaultData,void 0===this.selectedISODate&&this.defaultDate)this.selectedISODate=this.defaultDate,this.selectedDateString=this.formatISODate(this.defaultDate,".");else{var e=new Date,t={day:e.getDate(),month:e.getMonth(),year:e.getFullYear()};this.selectedISODate=this.createDate(t)}this.uniqueString=this.uniqueName},computed:{calendarVisible:function(){return this.showCalendar},possibleDateFormats:function(){for(var e="",t=0;t<this.localizationData.dateFormatOptions.length;t++)e=e+" "+this.localizationData.dateFormatOptions[t];return e+")"},buttonLabel:function(){return void 0!==this.selectedDateString?this.buttonLabel+" "+this.selectedDateString:this.buttonLabel},selectedDate:function(){return this.$emit("update:selectedISODate",this.selectedISODate),this.selectedDateString},pickerHeaderMonth:function(){return this.checkIfLeapYear(this.year)?this.monthsData.months[1].numberOfDays=29:this.monthsData.months[1].numberOfDays=28,this.monthsData.months[this.currentMonth].name},pickerHeaderYear:function(){return this.year},daysVisibleCurrentMonth:function(){var e,t=void 0,n=[],a=this.previousMonthIndex(this.currentMonth),r=this.getLastDayOfPreviousMonth(a),o=null===(e=this.monthsData.months[a])||void 0===e?void 0:e.numberOfDays,i=this.year;if(o&&r&&0!==r){11===a&&(i=this.year-1);for(var s=r;s>=1;s--)t={day:o,month:a,year:i,previousMonthDay:!0},n.push(t),o-=1;n.reverse()}var d=this.monthsData.months[this.currentMonth].numberOfDays;if(null!=d){for(var c=1;c<=d;c++)t={day:c,month:this.currentMonth,year:this.year},n.push(t);if(7*this.amountOfWeeksInMonth()-n.length>0)for(var l=7*this.amountOfWeeksInMonth()-n.length,u=1;u<=l;u++)t={day:u,month:this.currentMonth+1,year:this.year,nextMonthDay:!0},n.push(t)}return this.sliceMonthToWeeks(n,7)},isDayDisabled:function(){return!1}},methods:{changeTabIndex:function(e,t){document.querySelector('td[tabindex="'+e+'"]').tabIndex=t},setFocusToCell:function(){var e=this.selectedISODate,t=document.querySelector("[data-date='"+e+"']");t.focus(),t.tabIndex=0},checkSelected:function(e){return this.createDate(e)===this.selectedISODate},getDateNow:function(){return new Date},setCalendarView:function(e){this.year=parseInt(e.substring(0,4)),this.currentMonth=parseInt(e.substring(5,7))-1},formatISODate:function(e,t){var n=e.split("-");return this.selectedDateString=n[2]+t+n[1]+t+n[0]},handleDateFormat:function(e){var t=e;if(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.selectedDateString=t;var n=t.split(/[-./]+/);return n[2]+"-"+n[1]+"-"+n[0]}return""},updateSelectedDate:function(e){var t=e.target.value,n=this.handleDateFormat(t);this.setCalendarView(n),this.selectedISODate=n},handleIconClick:function(){var e=this;this.showCalendar=!0,this.$nextTick((function(){e.setFocusToCell()}))},handleBackdropClick:function(){this.showCalendar=!1},handleDatePress:function(e,t){e instanceof KeyboardEvent&&e.preventDefault(),this.selectedTdCell=e.target,this.selectedTdCell.ariaSelected="true",this.selectedTdCell.tabIndex=0;var n=this.createDate(t);this.selectedISODate=n,this.selectedDateString=this.formatISODate(n,"."),this.$emit("update:selectedISODate",this.selectedISODate),this.showCalendar=!1,document.getElementById("calendarIcon").focus()},handlePageDown:function(e,t){console.log("event",e),console.log("item",t),this.changeTabIndex(0,-1),e.shiftKey?this.goToNextYear():this.goToNextMonth();var n=this.createDate({day:t.day,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+n+"']");e.tabIndex=0,e.focus()}))},handlePageUp:function(e,t){console.log("event",e),console.log("item",t),this.changeTabIndex(0,-1),e.shiftKey?this.goToPreviousYear():this.goToPreviousMonth();var n=this.createDate({day:t.day,month:this.currentMonth,year:this.year});console.log("dateToGoTo",n),this.$nextTick((function(){var e=document.querySelector("[data-date='"+n+"']");console.log("newFocused",e),e.tabIndex=0,e.focus()}))},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},goToFirstDayOfWeek:function(e){this.changeTabIndex(0,-1);var t=0,n=new Date(e.year,e.month,e.day).getDay(),a=this.previousMonthIndex(this.currentMonth),r=this.monthsData.months[a].numberOfDays;(t=0===n?e.day-6:e.day-(n-1))<1&&(t=r+t,this.goToPreviousMonth());var o=this.createDate({day:t,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+o+"']");e.tabIndex=0,e.focus()}))},goToLastDayOfWeek:function(e){this.changeTabIndex(0,-1);var t=e.day,n=new Date(e.year,e.month,e.day).getDay(),a=this.monthsData.months[this.currentMonth].numberOfDays;0!==n&&(t=e.day+(7-n)),t>a&&(t-=a,this.goToNextMonth());var r=this.createDate({day:t,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+r+"']");e.tabIndex=0,e.focus()}))},goToPreviousWeek:function(e){this.changeTabIndex(0,-1);var t=0,n=this.previousMonthIndex(this.currentMonth),a=this.monthsData.months[n].numberOfDays;(t=e.day-7)<1&&(t=a+t,this.goToPreviousMonth());var r=this.createDate({day:t,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+r+"']");e.tabIndex=0,e.focus()}))},goToNextWeek:function(e){this.changeTabIndex(0,-1);var t=0;t=e.day+7;var n=this.monthsData.months[this.currentMonth].numberOfDays;t>n&&(t-=n,this.goToNextMonth());var a=this.createDate({day:t,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+a+"']");e.tabIndex=0,e.focus()}))},goToPreviousDay:function(e){this.changeTabIndex(0,-1);var t=0,n=this.previousMonthIndex(this.currentMonth),a=this.monthsData.months[n].numberOfDays;1===e.day?(this.goToPreviousMonth(),t=a):t=e.day-1;var r=this.createDate({day:t,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+r+"']");e.tabIndex=0,e.focus()}))},goToNextDay:function(e){this.changeTabIndex(0,-1);var t=0,n=this.monthsData.months[this.currentMonth].numberOfDays;e.day===n?(this.goToNextMonth(),t=1):t=e.day+1;var a=this.createDate({day:t,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+a+"']");e.tabIndex=0,e.focus()}))},getFirstDayOfMonth:function(e){var t,n=null,a=e;return null!==this.year&&(n=new Date(this.year,a,1)),null===(t=n)||void 0===t?void 0:t.getDay()},getLastDayOfPreviousMonth:function(e){var t,n=e,a=this.year;return 11===e&&(a=this.year-1),t=this.monthsData.months[n].numberOfDays,new Date(a,n,t).getDay()},amountOfWeeksInMonth:function(){var e=this.monthsData.months[this.currentMonth].numberOfDays,t=this.getFirstDayOfMonth(this.currentMonth),n=0===this.getFirstDayOfMonth(this.currentMonth);if(void 0!==t){if(28==e&&1==this.getFirstDayOfMonth(this.currentMonth))return 4;if(31==e&&(t>5||n)||30==e&&(t>6||n))return 6}return 5},sliceMonthToWeeks:function(e,t){for(var n=[],a=0;a<e.length;a+=t){var r=e.slice(a,a+t);n.push(r)}return n},toISOLocal:function(e){var t=function(e){return("0"+e).slice(-2)},n=e.getTimezoneOffset(),a=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)+a+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]}}}),i={class:"vue-accessible-date-field"},s={class:"date-field-section"},d={class:"date-field-inline"},c=["id","aria-describedby"],l=[e.createStaticVNode('<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18pt" height="18pt" viewBox="0 0 815.000000 822.000000" preserveAspectRatio="xMidYMid meet" data-v-7f6099c7><g transform="translate(0.000000,822.000000) scale(0.100000,-0.100000)" fill="#242323" stroke="none" data-v-7f6099c7><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-7f6099c7></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-7f6099c7></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-7f6099c7></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-7f6099c7></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-7f6099c7></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-7f6099c7></path></g></svg>',1)],u=["id"],h=e.createTextVNode(" ("),f={class:"screen-reader-only"},m={key:0,class:"datepicker-section"},p={class:"calendar-modal",role:"dialog","aria-modal":"true","aria-label":"buttonName"},y={class:"datepicker"},g={class:"datepicker-header-line"},v=["id"],b=["id","aria-labelledby"],D=["abbr"],k=["onClick","data-date","aria-selected","onKeydown"],x={class:"buttons"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}('\r\n/* jos tarvitsee luoda esim. paljon z-indexejä, sen voi tehdä css custom 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 .date-field[data-v-7f6099c7] {\r\n max-width: 120px;\r\n height: 27px;\r\n padding-left: 5px;\r\n vertical-align: bottom;\r\n border-width: 0 0 1px 0;\r\n border-color: #323a45;\n}\n.date-field-section .date-field[data-v-7f6099c7]:focus {\r\n outline: 3px solid #d71ef7;\r\n outline-offset: -3px;\n}\n.date-field-inline[data-v-7f6099c7] {\r\n white-space: nowrap;\n}\n.date-field-section .field-description[data-v-7f6099c7] {\r\n display: block;\r\n font-size: 0.625rem;\r\n left: 0;\r\n top: 3.5em;\n}\n.screen-reader-only[data-v-7f6099c7] {\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}\nbutton[data-v-7f6099c7]:focus {\r\n outline: 3px solid #d71ef7;\r\n outline-offset: -3px;\n}\r\n\r\n /* datepicker-modal */\n.calendar-modal[data-v-7f6099c7] {\r\n position: absolute;\r\n background-color: #FFFFFF;\r\n border: 1px solid #000000;\r\n max-width: 450px;\n}\n.open-calendar-btn[data-v-7f6099c7] {\r\n height: 30px;\r\n background-color: #FFFFFF;\r\n padding-bottom: 0px;\r\n border-width: 0 0 1px 0;\r\n border-color: #323a45;\n}\n.open-calendar-btn svg[data-v-7f6099c7] {\r\n margin-top: 1px;\n}\n.open-calendar-icon[data-v-7f6099c7] {\r\n height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-7f6099c7] {\r\n display: inline-flex; \r\n width: 100%; \r\n min-width: 250px;\n}\n.datepicker-header[data-v-7f6099c7] {\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-7f6099c7] {\r\n width: 20px;\r\n height: 35px;\n}\n.arrow-button[data-v-7f6099c7] {\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-7f6099c7] {\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-7f6099c7] {\r\n text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-7f6099c7] {\r\n width: 24px;\r\n color: #000000;\r\n padding: 5px;\r\n margin: 2px;\r\n border-radius: 3px;\n}\n.datepicker-day[data-v-7f6099c7]:not(.disabled-day) {\r\n font-weight: 600;\n}\n.disabled-day[data-v-7f6099c7] {\r\n color: #595959;\n}\n.datepicker-day[data-v-7f6099c7]:hover {\r\n background-color: #E8E7E7;\n}\n.datepicker-day[data-v-7f6099c7]:not(.disabled-day):hover {\r\n padding: 3px;\r\n border: 2px solid #F44A87;\n}\n.datepicker-day[data-v-7f6099c7]:focus { \r\n padding: 3px;\r\n border: 2px solid #3B9EC2;\r\n outline: 0;\n}\n.datepicker-day[tabindex="0"][data-v-7f6099c7] {\r\n background-color: #FFD55F;\r\n color: #000000;\n}\n.buttons[data-v-7f6099c7] {\r\n float: right;\r\n margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-7f6099c7],\r\n button.close-calendar-modal[data-v-7f6099c7] {\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-7f6099c7]:hover {\r\n background-color: #333333;\n}\nbutton.close-calendar-modal[data-v-7f6099c7]:hover {\r\n background-color: #999999;\n}\nbutton.close-calendar-modal[data-v-7f6099c7] {\r\n background-color: #595959;\n}\n.backdrop[data-v-7f6099c7]{\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'),o.render=function(t,n,a,r,o,w){return e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",s,[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.selectedDate=e}),onChange:n[1]||(n[1]=function(e){return t.updateSelectedDate(e)}),class:"date-field","aria-describedby":"dateFieldDescription"+t.uniqueString},null,40,c),[[e.vModelText,t.selectedDate]]),e.createElementVNode("button",{type:"button",id:"calendarIcon",class:"icon open-calendar-btn","aria-label":"buttonLabel",onClick:n[2]||(n[2]=function(){return t.handleIconClick&&t.handleIconClick.apply(t,arguments)})},l)]),e.createElementVNode("span",{class:"field-description",id:"dateFieldDescription"+t.uniqueString},[h,e.createElementVNode("span",f,e.toDisplayString(t.localizationData.dateFormatString),1),e.createTextVNode(e.toDisplayString(t.possibleDateFormats),1)],8,u)]),t.calendarVisible?(e.openBlock(),e.createElementBlock("div",m,[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",p,[e.createElementVNode("div",y,[e.createElementVNode("div",g,[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",onKeydown:n[5]||(n[5]=e.withKeys((function(e){return t.showCalendar=!1}),["esc"]))},"«",32),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[6]||(n[6]=function(){return t.goToPreviousMonth&&t.goToPreviousMonth.apply(t,arguments)}),"aria-label":"go to previous month",onKeydown:n[7]||(n[7]=e.withKeys((function(e){return t.showCalendar=!1}),["esc"]))},"‹",32),e.createElementVNode("h2",{id:"datepickerHeader-"+t.uniqueString,class:"datepicker-header"},e.toDisplayString(t.pickerHeaderMonth)+" "+e.toDisplayString(t.pickerHeaderYear),9,v),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[8]||(n[8]=function(){return t.goToNextMonth&&t.goToNextMonth.apply(t,arguments)}),"aria-label":"go to next month",onKeydown:n[9]||(n[9]=e.withKeys((function(e){return t.showCalendar=!1}),["esc"]))},"›",32),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[10]||(n[10]=function(){return t.goToNextYear&&t.goToNextYear.apply(t,arguments)}),"aria-label":"go to next year",onKeydown:n[11]||(n[11]=e.withKeys((function(e){return t.showCalendar=!1}),["esc"]))},"»",32)]),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.localizationData.dayNamesShort,(function(n,a){return e.openBlock(),e.createElementBlock("th",{scope:"col",key:a,abbr:t.localizationData.dayNames[a]},e.toDisplayString(n),9,D)})),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.daysVisibleCurrentMonth,(function(a,r){return e.openBlock(),e.createElementBlock("tr",{key:r,class:"datepicker-table-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,(function(a,r){return e.openBlock(),e.createElementBlock("td",{key:r,onClick:function(e){return t.handleDatePress(e,a)},tabindex:"-1",class:e.normalizeClass(["datepicker-day",{"disabled-day":a.previousMonthDay||a.nextMonthDay}]),"data-date":t.createDate(a),role:"gridcell","aria-selected":t.checkSelected(a),onKeydown:[n[12]||(n[12]=e.withKeys((function(e){return t.showCalendar=!1}),["esc"])),e.withKeys((function(e){return t.handleDatePress(e,a)}),["enter"]),e.withKeys((function(e){return t.goToPreviousWeek(a)}),["up"]),e.withKeys((function(e){return t.goToNextWeek(a)}),["down"]),e.withKeys((function(e){return t.goToNextDay(a)}),["right"]),e.withKeys((function(e){return t.goToPreviousDay(a)}),["left"]),e.withKeys((function(e){return t.goToFirstDayOfWeek(a)}),["home"]),e.withKeys((function(e){return t.goToLastDayOfWeek(a)}),["end"]),e.withKeys((function(e){return t.handlePageDown(e,a)}),["page-down"]),e.withKeys((function(e){return t.handlePageUp(e,a)}),["page-up"])]},e.toDisplayString(a.day),43,k)})),128))])})),128))])],8,b)]),e.createElementVNode("div",x,[e.createElementVNode("button",{class:"close-calendar-modal",onClick:n[13]||(n[13]=function(e){return t.showCalendar=!1})},"Peruuta "),e.createElementVNode("button",{class:"choose-selected-date",onClick:n[14]||(n[14]=function(e){return t.showCalendar=!1}),onKeydown:n[15]||(n[15]=e.withKeys((function(e){return t.showCalendar=!1}),["esc"]))},"OK ",32)])])])):e.createCommentVNode("",!0)])},o.__scopeId="data-v-7f6099c7";var w=function(){var e=o;return e.install=function(t){t.component("VueAccessibleDateField",e)},e}(),M=Object.freeze({__proto__:null,default:w});return Object.entries(M).forEach((function(e){var n=t(e,2),a=n[0],r=n[1];"default"!==a&&(w[a]=r)})),w}(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 a,r,o=[],i=!0,d=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);i=!0);}catch(e){d=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(d)throw r}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))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,a=new Array(t);n<t;n++)a[n]=e[n];return a}var a={months:[{name:"tammikuu",numberOfDays:31},{name:"helmikuu",numberOfDays:void 0},{name:"maaliskuu",numberOfDays:31},{name:"huhtikuu",numberOfDays:30},{name:"toukokuu",numberOfDays:31},{name:"kesäkuu",numberOfDays:30},{name:"heinäkuu",numberOfDays:31},{name:"elokuu",numberOfDays:31},{name:"syyskuu",numberOfDays:30},{name:"lokakuu",numberOfDays:31},{name:"marraskuu",numberOfDays:30},{name:"joulukuu",numberOfDays:31}]},r={locale:"fi-FI",dateFormatString:"päivämäärän muoto: ",dateFormatOptions:["pp.kk.vvvv","pp-kk-vvvv","pp/kk/vvvv"],buttonLabel:"Valitse päivämäärä",dayNames:["maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai","sunnuntai"],dayNamesShort:["ma","ti","ke","to","pe","la","su"]},o=e.defineComponent({name:"VueAccessibleDateField",props:{defaultDate:String,uniqueName:{type:String},dayOfMonth:{type:Object},months:{type:Object},monthsData:{type:Object},localization:{type:Object}},data:function(){var e=(new Date).getMonth(),t=(new Date).getFullYear();return{showCalendar:!1,monthsData:a,localizationDefaultData:r,localizationData:{locale:"",dateFormatString:"",dateFormatOptions:[],buttonLabel:"",dayNames:[],dayNamesShort:[]},currentMonth:e,year:t,selectedISODate:undefined,selectedDateString:undefined,selectedTdCell:undefined,uniqueString:undefined}},mounted:function(){if(void 0!==this.localization?this.localizationData=this.localization:this.localizationData=this.localizationDefaultData,void 0===this.selectedISODate&&this.defaultDate)this.selectedISODate=this.defaultDate,this.selectedDateString=this.formatISODate(this.defaultDate,".");else{var e=new Date,t={day:e.getDate(),month:e.getMonth(),year:e.getFullYear()};this.selectedISODate=this.createDate(t)}this.uniqueString=this.uniqueName},computed:{calendarVisible:function(){return this.showCalendar},possibleDateFormats:function(){for(var e="",t=0;t<this.localizationData.dateFormatOptions.length;t++)e=e+" "+this.localizationData.dateFormatOptions[t];return e+")"},buttonLabel:function(){return void 0!==this.selectedDateString?this.buttonLabel+" "+this.selectedDateString:this.buttonLabel},selectedDate:function(){return this.$emit("update:selectedISODate",this.selectedISODate),this.selectedDateString},pickerHeaderMonth:function(){return this.checkIfLeapYear(this.year)?this.monthsData.months[1].numberOfDays=29:this.monthsData.months[1].numberOfDays=28,this.monthsData.months[this.currentMonth].name},pickerHeaderYear:function(){return this.year},daysVisibleCurrentMonth:function(){var e,t=void 0,n=[],a=this.previousMonthIndex(this.currentMonth),r=this.getLastDayOfPreviousMonth(a),o=null===(e=this.monthsData.months[a])||void 0===e?void 0:e.numberOfDays,i=this.year;if(o&&r&&0!==r){11===a&&(i=this.year-1);for(var d=r;d>=1;d--)t={day:o,month:a,year:i,previousMonthDay:!0},n.push(t),o-=1;n.reverse()}var s=this.monthsData.months[this.currentMonth].numberOfDays;if(null!=s){for(var c=1;c<=s;c++)t={day:c,month:this.currentMonth,year:this.year},n.push(t);if(7*this.amountOfWeeksInMonth()-n.length>0)for(var l=7*this.amountOfWeeksInMonth()-n.length,u=1;u<=l;u++)t={day:u,month:this.currentMonth+1,year:this.year,nextMonthDay:!0},n.push(t)}return this.sliceMonthToWeeks(n,7)},isDayDisabled:function(){return!1}},methods:{changeTabIndex:function(e,t){document.querySelector('td[tabindex="'+e+'"]').tabIndex=t},setFocusToCell:function(){var e=this.selectedISODate,t=document.querySelector("[data-date='"+e+"']");t.focus(),t.tabIndex=0},checkSelected:function(e){return this.createDate(e)===this.selectedISODate},getDateNow:function(){return new Date},setCalendarView:function(e){this.year=parseInt(e.substring(0,4)),this.currentMonth=parseInt(e.substring(5,7))-1},formatISODate:function(e,t){var n=e.split("-");return this.selectedDateString=n[2]+t+n[1]+t+n[0]},handleDateFormat:function(e){var t=e;if(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.selectedDateString=t;var n=t.split(/[-./]+/);return n[2]+"-"+n[1]+"-"+n[0]}return""},updateSelectedDate:function(e){var t=e.target.value,n=this.handleDateFormat(t);this.setCalendarView(n),this.selectedISODate=n},handleIconClick:function(){var e=this;this.showCalendar=!0,this.$nextTick((function(){e.setFocusToCell()}))},handleBackdropClick:function(){this.showCalendar=!1},handleDatePress:function(e,t){e instanceof KeyboardEvent&&e.preventDefault(),this.selectedTdCell=e.target,this.selectedTdCell.ariaSelected="true",this.selectedTdCell.tabIndex=0;var n=this.createDate(t);this.selectedISODate=n,this.selectedDateString=this.formatISODate(n,"."),this.$emit("update:selectedISODate",this.selectedISODate),this.showCalendar=!1,document.getElementById("calendarIcon").focus()},handlePageDown:function(e,t){this.changeTabIndex(0,-1),e.shiftKey?this.goToNextYear():this.goToNextMonth();var n=this.createDate({day:t.day,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+n+"']");e.tabIndex=0,e.focus()}))},handlePageUp:function(e,t){this.changeTabIndex(0,-1),e.shiftKey?this.goToPreviousYear():this.goToPreviousMonth();var n=this.createDate({day:t.day,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+n+"']");e.tabIndex=0,e.focus()}))},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},goToFirstDayOfWeek:function(e){this.changeTabIndex(0,-1);var t=0,n=new Date(e.year,e.month,e.day).getDay(),a=this.previousMonthIndex(this.currentMonth),r=this.monthsData.months[a].numberOfDays;(t=0===n?e.day-6:e.day-(n-1))<1&&(t=r+t,this.goToPreviousMonth());var o=this.createDate({day:t,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+o+"']");e.tabIndex=0,e.focus()}))},goToLastDayOfWeek:function(e){this.changeTabIndex(0,-1);var t=e.day,n=new Date(e.year,e.month,e.day).getDay(),a=this.monthsData.months[this.currentMonth].numberOfDays;0!==n&&(t=e.day+(7-n)),t>a&&(t-=a,this.goToNextMonth());var r=this.createDate({day:t,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+r+"']");e.tabIndex=0,e.focus()}))},goToPreviousWeek:function(e){this.changeTabIndex(0,-1);var t=0,n=this.previousMonthIndex(this.currentMonth),a=this.monthsData.months[n].numberOfDays;(t=e.day-7)<1&&(t=a+t,this.goToPreviousMonth());var r=this.createDate({day:t,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+r+"']");e.tabIndex=0,e.focus()}))},goToNextWeek:function(e){this.changeTabIndex(0,-1);var t=0;t=e.day+7;var n=this.monthsData.months[this.currentMonth].numberOfDays;t>n&&(t-=n,this.goToNextMonth());var a=this.createDate({day:t,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+a+"']");e.tabIndex=0,e.focus()}))},goToPreviousDay:function(e){this.changeTabIndex(0,-1);var t=0,n=this.previousMonthIndex(this.currentMonth),a=this.monthsData.months[n].numberOfDays;1===e.day?(this.goToPreviousMonth(),t=a):t=e.day-1;var r=this.createDate({day:t,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+r+"']");e.tabIndex=0,e.focus()}))},goToNextDay:function(e){this.changeTabIndex(0,-1);var t=0,n=this.monthsData.months[this.currentMonth].numberOfDays;e.day===n?(this.goToNextMonth(),t=1):t=e.day+1;var a=this.createDate({day:t,month:this.currentMonth,year:this.year});this.$nextTick((function(){var e=document.querySelector("[data-date='"+a+"']");e.tabIndex=0,e.focus()}))},getFirstDayOfMonth:function(e){var t,n=null,a=e;return null!==this.year&&(n=new Date(this.year,a,1)),null===(t=n)||void 0===t?void 0:t.getDay()},getLastDayOfPreviousMonth:function(e){var t,n=e,a=this.year;return 11===e&&(a=this.year-1),t=this.monthsData.months[n].numberOfDays,new Date(a,n,t).getDay()},amountOfWeeksInMonth:function(){var e=this.monthsData.months[this.currentMonth].numberOfDays,t=this.getFirstDayOfMonth(this.currentMonth),n=0===this.getFirstDayOfMonth(this.currentMonth);if(void 0!==t){if(28==e&&1==this.getFirstDayOfMonth(this.currentMonth))return 4;if(31==e&&(t>5||n)||30==e&&(t>6||n))return 6}return 5},sliceMonthToWeeks:function(e,t){for(var n=[],a=0;a<e.length;a+=t){var r=e.slice(a,a+t);n.push(r)}return n},toISOLocal:function(e){var t=function(e){return("0"+e).slice(-2)},n=e.getTimezoneOffset(),a=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)+a+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]}}}),i={class:"vue-accessible-date-field"},d={class:"date-field-section"},s={class:"date-field-inline"},c=["id","aria-describedby"],l=[e.createStaticVNode('<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18pt" height="18pt" viewBox="0 0 815.000000 822.000000" preserveAspectRatio="xMidYMid meet" data-v-40ac8ad6><g transform="translate(0.000000,822.000000) scale(0.100000,-0.100000)" fill="#242323" stroke="none" data-v-40ac8ad6><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-40ac8ad6></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-40ac8ad6></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-40ac8ad6></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-40ac8ad6></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-40ac8ad6></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-40ac8ad6></path></g></svg>',1)],u=["id"],h=e.createTextVNode(" ("),p={class:"screen-reader-only"},m={key:0,class:"datepicker-section"},f={class:"calendar-modal",role:"dialog","aria-modal":"true","aria-label":"buttonName"},y={class:"datepicker"},g={class:"datepicker-header-line"},v=["id"],b=["id","aria-labelledby"],D=["abbr"],k=["onClick","data-date","aria-selected","onKeydown"],x={class:"buttons"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}('\r\n/* jos tarvitsee luoda esim. paljon z-indexejä, sen voi tehdä css custom 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 .date-field[data-v-40ac8ad6] {\r\n max-width: 120px;\r\n height: 27px;\r\n padding-left: 5px;\r\n vertical-align: bottom;\r\n border-width: 0 0 1px 0;\r\n border-color: #323a45;\n}\n.date-field-section .date-field[data-v-40ac8ad6]:focus {\r\n outline: 3px solid #d71ef7;\r\n outline-offset: -3px;\n}\n.date-field-inline[data-v-40ac8ad6] {\r\n white-space: nowrap;\n}\n.date-field-section .field-description[data-v-40ac8ad6] {\r\n display: block;\r\n font-size: 0.625rem;\r\n left: 0;\r\n top: 3.5em;\n}\n.screen-reader-only[data-v-40ac8ad6] {\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}\nbutton[data-v-40ac8ad6]:focus {\r\n outline: 3px solid #d71ef7;\r\n outline-offset: -3px;\n}\r\n\r\n /* datepicker-modal */\n.calendar-modal[data-v-40ac8ad6] {\r\n position: absolute;\r\n background-color: #FFFFFF;\r\n border: 1px solid #000000;\r\n max-width: 450px;\n}\n.open-calendar-btn[data-v-40ac8ad6] {\r\n height: 30px;\r\n background-color: #FFFFFF;\r\n padding-bottom: 0px;\r\n border-width: 0 0 1px 0;\r\n border-color: #323a45;\n}\n.open-calendar-btn svg[data-v-40ac8ad6] {\r\n margin-top: 1px;\n}\n.open-calendar-icon[data-v-40ac8ad6] {\r\n height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-40ac8ad6] {\r\n display: inline-flex; \r\n width: 100%; \r\n min-width: 250px;\n}\n.datepicker-header[data-v-40ac8ad6] {\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-40ac8ad6] {\r\n width: 20px;\r\n height: 35px;\n}\n.arrow-button[data-v-40ac8ad6] {\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-40ac8ad6] {\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-40ac8ad6] {\r\n text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-40ac8ad6] {\r\n width: 24px;\r\n color: #000000;\r\n padding: 5px;\r\n margin: 2px;\r\n border-radius: 3px;\n}\n.datepicker-day[data-v-40ac8ad6]:not(.disabled-day) {\r\n font-weight: 600;\n}\n.disabled-day[data-v-40ac8ad6] {\r\n color: #595959;\n}\n.datepicker-day[data-v-40ac8ad6]:hover {\r\n background-color: #E8E7E7;\n}\n.datepicker-day[data-v-40ac8ad6]:not(.disabled-day):hover {\r\n padding: 3px;\r\n border: 2px solid #F44A87;\n}\n.datepicker-day[data-v-40ac8ad6]:focus { \r\n padding: 3px;\r\n border: 2px solid #3B9EC2;\r\n outline: 0;\n}\n.datepicker-day[tabindex="0"][data-v-40ac8ad6] {\r\n background-color: #FFD55F;\r\n color: #000000;\n}\n.buttons[data-v-40ac8ad6] {\r\n float: right;\r\n margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-40ac8ad6],\r\n button.close-calendar-modal[data-v-40ac8ad6] {\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-40ac8ad6]:hover {\r\n background-color: #333333;\n}\nbutton.close-calendar-modal[data-v-40ac8ad6]:hover {\r\n background-color: #999999;\n}\nbutton.close-calendar-modal[data-v-40ac8ad6] {\r\n background-color: #595959;\n}\n.backdrop[data-v-40ac8ad6]{\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'),o.render=function(t,n,a,r,o,w){return e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",d,[e.createElementVNode("div",s,[e.withDirectives(e.createElementVNode("input",{type:"text",id:"dateField-"+t.uniqueString,name:"dateInput","onUpdate:modelValue":n[0]||(n[0]=function(e){return t.selectedDate=e}),onChange:n[1]||(n[1]=function(e){return t.updateSelectedDate(e)}),class:"date-field","aria-describedby":"dateFieldDescription"+t.uniqueString},null,40,c),[[e.vModelText,t.selectedDate]]),e.createElementVNode("button",{type:"button",id:"calendarIcon",class:"icon open-calendar-btn","aria-label":"buttonLabel",onClick:n[2]||(n[2]=function(){return t.handleIconClick&&t.handleIconClick.apply(t,arguments)})},l)]),e.createElementVNode("span",{class:"field-description",id:"dateFieldDescription"+t.uniqueString},[h,e.createElementVNode("span",p,e.toDisplayString(t.localizationData.dateFormatString),1),e.createTextVNode(e.toDisplayString(t.possibleDateFormats),1)],8,u)]),t.calendarVisible?(e.openBlock(),e.createElementBlock("div",m,[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",f,[e.createElementVNode("div",y,[e.createElementVNode("div",g,[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",onKeydown:n[5]||(n[5]=e.withKeys((function(e){return t.showCalendar=!1}),["esc"]))},"«",32),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[6]||(n[6]=function(){return t.goToPreviousMonth&&t.goToPreviousMonth.apply(t,arguments)}),"aria-label":"go to previous month",onKeydown:n[7]||(n[7]=e.withKeys((function(e){return t.showCalendar=!1}),["esc"]))},"‹",32),e.createElementVNode("h2",{id:"datepickerHeader-"+t.uniqueString,class:"datepicker-header"},e.toDisplayString(t.pickerHeaderMonth)+" "+e.toDisplayString(t.pickerHeaderYear),9,v),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[8]||(n[8]=function(){return t.goToNextMonth&&t.goToNextMonth.apply(t,arguments)}),"aria-label":"go to next month",onKeydown:n[9]||(n[9]=e.withKeys((function(e){return t.showCalendar=!1}),["esc"]))},"›",32),e.createElementVNode("button",{type:"button",class:"arrow-button",onClick:n[10]||(n[10]=function(){return t.goToNextYear&&t.goToNextYear.apply(t,arguments)}),"aria-label":"go to next year",onKeydown:n[11]||(n[11]=e.withKeys((function(e){return t.showCalendar=!1}),["esc"]))},"»",32)]),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.localizationData.dayNamesShort,(function(n,a){return e.openBlock(),e.createElementBlock("th",{scope:"col",key:a,abbr:t.localizationData.dayNames[a]},e.toDisplayString(n),9,D)})),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.daysVisibleCurrentMonth,(function(a,r){return e.openBlock(),e.createElementBlock("tr",{key:r,class:"datepicker-table-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,(function(a,r){return e.openBlock(),e.createElementBlock("td",{key:r,onClick:function(e){return t.handleDatePress(e,a)},tabindex:"-1",class:e.normalizeClass(["datepicker-day",{"disabled-day":a.previousMonthDay||a.nextMonthDay}]),"data-date":t.createDate(a),role:"gridcell","aria-selected":t.checkSelected(a),onKeydown:[n[12]||(n[12]=e.withKeys((function(e){return t.showCalendar=!1}),["esc"])),e.withKeys((function(e){return t.handleDatePress(e,a)}),["enter"]),e.withKeys((function(e){return t.goToPreviousWeek(a)}),["up"]),e.withKeys((function(e){return t.goToNextWeek(a)}),["down"]),e.withKeys((function(e){return t.goToNextDay(a)}),["right"]),e.withKeys((function(e){return t.goToPreviousDay(a)}),["left"]),e.withKeys((function(e){return t.goToFirstDayOfWeek(a)}),["home"]),e.withKeys((function(e){return t.goToLastDayOfWeek(a)}),["end"]),e.withKeys((function(e){return t.handlePageDown(e,a)}),["page-down"]),e.withKeys((function(e){return t.handlePageUp(e,a)}),["page-up"])]},e.toDisplayString(a.day),43,k)})),128))])})),128))])],8,b)]),e.createElementVNode("div",x,[e.createElementVNode("button",{class:"close-calendar-modal",onClick:n[13]||(n[13]=function(e){return t.showCalendar=!1})},"Peruuta "),e.createElementVNode("button",{class:"choose-selected-date",onClick:n[14]||(n[14]=function(e){return t.showCalendar=!1}),onKeydown:n[15]||(n[15]=e.withKeys((function(e){return t.showCalendar=!1}),["esc"]))},"OK ",32)])])])):e.createCommentVNode("",!0)])},o.__scopeId="data-v-40ac8ad6";var w=function(){var e=o;return e.install=function(t){t.component("VueAccessibleDateField",e)},e}(),M=Object.freeze({__proto__:null,default:w});return Object.entries(M).forEach((function(e){var n=t(e,2),a=n[0],r=n[1];"default"!==a&&(w[a]=r)})),w}(Vue); |
@@ -367,4 +367,2 @@ 'use strict';var vue=require('vue');function _slicedToArray(arr, i) { | ||
| handlePageDown: function handlePageDown(event, item) { | ||
| console.log("event", event); | ||
| console.log("item", item); | ||
| this.changeTabIndex(0, -1); // tarkistetaan, onko painikkeen kanssa painettu samanaikaisesti Shift-painiketta | ||
@@ -393,4 +391,2 @@ // jos kyllä, siirrytään yksi vuosi eteenpäin | ||
| handlePageUp: function handlePageUp(event, item) { | ||
| console.log("event", event); | ||
| console.log("item", item); | ||
| this.changeTabIndex(0, -1); // tarkistetaan, onko painikkeen kanssa painettu samanaikaisesti Shift-painiketta | ||
@@ -411,7 +407,5 @@ // jos kyllä, siirrytään yksi vuosi taaksepäin | ||
| }); | ||
| console.log("dateToGoTo", dateToGoTo); | ||
| this.$nextTick(function () { | ||
| // tänne tarkistus, että minkään painikkeen tabindex ei tällä hetkellä ole 0 | ||
| var newFocused = document.querySelector("[data-date='" + dateToGoTo + "']"); | ||
| console.log("newFocused", newFocused); | ||
| newFocused.tabIndex = 0; | ||
@@ -700,3 +694,3 @@ newFocused.focus(); | ||
| var _hoisted_5 = /*#__PURE__*/vue.createStaticVNode("<svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"18pt\" height=\"18pt\" viewBox=\"0 0 815.000000 822.000000\" preserveAspectRatio=\"xMidYMid meet\" data-v-7f6099c7><g transform=\"translate(0.000000,822.000000) scale(0.100000,-0.100000)\" fill=\"#242323\" stroke=\"none\" data-v-7f6099c7><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-7f6099c7></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-7f6099c7></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-7f6099c7></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-7f6099c7></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-7f6099c7></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-7f6099c7></path></g></svg>", 1); | ||
| var _hoisted_5 = /*#__PURE__*/vue.createStaticVNode("<svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"18pt\" height=\"18pt\" viewBox=\"0 0 815.000000 822.000000\" preserveAspectRatio=\"xMidYMid meet\" data-v-40ac8ad6><g transform=\"translate(0.000000,822.000000) scale(0.100000,-0.100000)\" fill=\"#242323\" stroke=\"none\" data-v-40ac8ad6><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-40ac8ad6></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-40ac8ad6></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-40ac8ad6></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-40ac8ad6></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-40ac8ad6></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-40ac8ad6></path></g></svg>", 1); | ||
@@ -897,5 +891,5 @@ var _hoisted_6 = [_hoisted_5]; | ||
| } | ||
| }var css_248z = "\r\n/* jos tarvitsee luoda esim. paljon z-indexejä, sen voi tehdä css custom 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 .date-field[data-v-7f6099c7] {\r\n max-width: 120px;\r\n height: 27px;\r\n padding-left: 5px;\r\n vertical-align: bottom;\r\n border-width: 0 0 1px 0;\r\n border-color: #323a45;\n}\n.date-field-section .date-field[data-v-7f6099c7]:focus {\r\n outline: 3px solid #d71ef7;\r\n outline-offset: -3px;\n}\n.date-field-inline[data-v-7f6099c7] {\r\n white-space: nowrap;\n}\n.date-field-section .field-description[data-v-7f6099c7] {\r\n display: block;\r\n font-size: 0.625rem;\r\n left: 0;\r\n top: 3.5em;\n}\n.screen-reader-only[data-v-7f6099c7] {\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}\nbutton[data-v-7f6099c7]:focus {\r\n outline: 3px solid #d71ef7;\r\n outline-offset: -3px;\n}\r\n\r\n /* datepicker-modal */\n.calendar-modal[data-v-7f6099c7] {\r\n position: absolute;\r\n background-color: #FFFFFF;\r\n border: 1px solid #000000;\r\n max-width: 450px;\n}\n.open-calendar-btn[data-v-7f6099c7] {\r\n height: 30px;\r\n background-color: #FFFFFF;\r\n padding-bottom: 0px;\r\n border-width: 0 0 1px 0;\r\n border-color: #323a45;\n}\n.open-calendar-btn svg[data-v-7f6099c7] {\r\n margin-top: 1px;\n}\n.open-calendar-icon[data-v-7f6099c7] {\r\n height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-7f6099c7] {\r\n display: inline-flex; \r\n width: 100%; \r\n min-width: 250px;\n}\n.datepicker-header[data-v-7f6099c7] {\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-7f6099c7] {\r\n width: 20px;\r\n height: 35px;\n}\n.arrow-button[data-v-7f6099c7] {\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-7f6099c7] {\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-7f6099c7] {\r\n text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-7f6099c7] {\r\n width: 24px;\r\n color: #000000;\r\n padding: 5px;\r\n margin: 2px;\r\n border-radius: 3px;\n}\n.datepicker-day[data-v-7f6099c7]:not(.disabled-day) {\r\n font-weight: 600;\n}\n.disabled-day[data-v-7f6099c7] {\r\n color: #595959;\n}\n.datepicker-day[data-v-7f6099c7]:hover {\r\n background-color: #E8E7E7;\n}\n.datepicker-day[data-v-7f6099c7]:not(.disabled-day):hover {\r\n padding: 3px;\r\n border: 2px solid #F44A87;\n}\n.datepicker-day[data-v-7f6099c7]:focus { \r\n padding: 3px;\r\n border: 2px solid #3B9EC2;\r\n outline: 0;\n}\n.datepicker-day[tabindex=\"0\"][data-v-7f6099c7] {\r\n background-color: #FFD55F;\r\n color: #000000;\n}\n.buttons[data-v-7f6099c7] {\r\n float: right;\r\n margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-7f6099c7],\r\n button.close-calendar-modal[data-v-7f6099c7] {\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-7f6099c7]:hover {\r\n background-color: #333333;\n}\nbutton.close-calendar-modal[data-v-7f6099c7]:hover {\r\n background-color: #999999;\n}\nbutton.close-calendar-modal[data-v-7f6099c7] {\r\n background-color: #595959;\n}\n.backdrop[data-v-7f6099c7]{\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 custom 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 .date-field[data-v-40ac8ad6] {\r\n max-width: 120px;\r\n height: 27px;\r\n padding-left: 5px;\r\n vertical-align: bottom;\r\n border-width: 0 0 1px 0;\r\n border-color: #323a45;\n}\n.date-field-section .date-field[data-v-40ac8ad6]:focus {\r\n outline: 3px solid #d71ef7;\r\n outline-offset: -3px;\n}\n.date-field-inline[data-v-40ac8ad6] {\r\n white-space: nowrap;\n}\n.date-field-section .field-description[data-v-40ac8ad6] {\r\n display: block;\r\n font-size: 0.625rem;\r\n left: 0;\r\n top: 3.5em;\n}\n.screen-reader-only[data-v-40ac8ad6] {\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}\nbutton[data-v-40ac8ad6]:focus {\r\n outline: 3px solid #d71ef7;\r\n outline-offset: -3px;\n}\r\n\r\n /* datepicker-modal */\n.calendar-modal[data-v-40ac8ad6] {\r\n position: absolute;\r\n background-color: #FFFFFF;\r\n border: 1px solid #000000;\r\n max-width: 450px;\n}\n.open-calendar-btn[data-v-40ac8ad6] {\r\n height: 30px;\r\n background-color: #FFFFFF;\r\n padding-bottom: 0px;\r\n border-width: 0 0 1px 0;\r\n border-color: #323a45;\n}\n.open-calendar-btn svg[data-v-40ac8ad6] {\r\n margin-top: 1px;\n}\n.open-calendar-icon[data-v-40ac8ad6] {\r\n height: 85%;\n}\r\n\r\n/* datepicker header-line */\n.datepicker-header-line[data-v-40ac8ad6] {\r\n display: inline-flex; \r\n width: 100%; \r\n min-width: 250px;\n}\n.datepicker-header[data-v-40ac8ad6] {\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-40ac8ad6] {\r\n width: 20px;\r\n height: 35px;\n}\n.arrow-button[data-v-40ac8ad6] {\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-40ac8ad6] {\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-40ac8ad6] {\r\n text-align: center;\n}\r\n\r\n/* suurenna */\n.datepicker-day[data-v-40ac8ad6] {\r\n width: 24px;\r\n color: #000000;\r\n padding: 5px;\r\n margin: 2px;\r\n border-radius: 3px;\n}\n.datepicker-day[data-v-40ac8ad6]:not(.disabled-day) {\r\n font-weight: 600;\n}\n.disabled-day[data-v-40ac8ad6] {\r\n color: #595959;\n}\n.datepicker-day[data-v-40ac8ad6]:hover {\r\n background-color: #E8E7E7;\n}\n.datepicker-day[data-v-40ac8ad6]:not(.disabled-day):hover {\r\n padding: 3px;\r\n border: 2px solid #F44A87;\n}\n.datepicker-day[data-v-40ac8ad6]:focus { \r\n padding: 3px;\r\n border: 2px solid #3B9EC2;\r\n outline: 0;\n}\n.datepicker-day[tabindex=\"0\"][data-v-40ac8ad6] {\r\n background-color: #FFD55F;\r\n color: #000000;\n}\n.buttons[data-v-40ac8ad6] {\r\n float: right;\r\n margin-right: 10px;\n}\nbutton.choose-selected-date[data-v-40ac8ad6],\r\n button.close-calendar-modal[data-v-40ac8ad6] {\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-40ac8ad6]:hover {\r\n background-color: #333333;\n}\nbutton.close-calendar-modal[data-v-40ac8ad6]:hover {\r\n background-color: #999999;\n}\nbutton.close-calendar-modal[data-v-40ac8ad6] {\r\n background-color: #595959;\n}\n.backdrop[data-v-40ac8ad6]{\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-7f6099c7";// Import vue component | ||
| script.__scopeId = "data-v-40ac8ad6";// Import vue component | ||
@@ -902,0 +896,0 @@ // Default export is installable instance of component. |
| { | ||
| "name": "vue-accessible-date-field", | ||
| "version": "0.0.5", | ||
| "version": "0.0.6", | ||
| "description": "An open source Vue date field component designed to be as accessible as possible.", | ||
@@ -5,0 +5,0 @@ "author": "Laladdin", |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis 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 riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-0.58%
141976
- Lines of code
- decreased by-0.68%
1749
No dependency changes