diff --git a/package/build/vanilla-calendar.min.css b/package/build/vanilla-calendar.min.css index 36a0433c..c1954e8f 100644 --- a/package/build/vanilla-calendar.min.css +++ b/package/build/vanilla-calendar.min.css @@ -1,2 +1,2 @@ /*! name: @uvarov.frontend/vanilla-calendar | url: https://github.com/uvarov-frontend/vanilla-calendar */ -.vanilla-calendar{position:relative;display:flex;height:-webkit-max-content;height:max-content;min-width:275px;max-width:100%;flex-direction:column;border-radius:.75rem;padding:1rem}.vanilla-calendar button:focus-visible{border-radius:.5rem;outline-style:solid;outline-width:1px}.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days{flex-grow:0}.vanilla-calendar_hidden{pointer-events:none;visibility:hidden;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.vanilla-calendar_to-input{position:absolute;left:0;bottom:0;margin-top:.25rem}.vanilla-calendar-controls{pointer-events:none;position:absolute;left:0;right:0;top:0;z-index:20;box-sizing:content-box;display:flex;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem;padding-top:1.25rem}.vanilla-calendar-arrow{pointer-events:auto;position:relative;display:block;height:1.5rem;width:1.5rem;cursor:pointer;border-width:0px;background-color:transparent}.vanilla-calendar-arrow:before{position:absolute;inset:0;content:var(--tw-content);content:"";-webkit-mask-image:url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z"/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z"/%3E%3C/svg%3E');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%}.vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before{-webkit-transform:rotateZ(90deg);transform:rotate(90deg)}.vanilla-calendar-arrow.vanilla-calendar-arrow_next:before{-webkit-transform:rotateZ(-90deg);transform:rotate(-90deg)}.vanilla-calendar-grid{display:grid;flex-grow:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.75rem}.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column{pointer-events:none;opacity:.3}.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_month,.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_year{pointer-events:auto;opacity:1}.vanilla-calendar-column{display:flex;min-width:-webkit-min-content;min-width:min-content;flex-direction:column}.vanilla-calendar-header{position:relative;margin-bottom:.75rem;display:flex;align-items:center;padding-left:.25rem;padding-right:.25rem}.vanilla-calendar-header__content{display:grid;flex-grow:1;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;justify-content:center;white-space:pre-wrap;padding-left:1rem;padding-right:1rem}.vanilla-calendar-month,.vanilla-calendar-year{cursor:pointer;border-radius:.25rem;border-width:0px;background-color:transparent;padding:.25rem;font-size:1rem;line-height:1.5rem;font-weight:700}.vanilla-calendar-month.vanilla-calendar-month_disabled,.vanilla-calendar-year.vanilla-calendar-year_disabled{pointer-events:none}.vanilla-calendar-months{display:grid;flex-grow:1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;row-gap:1rem;-webkit-column-gap:.5rem;column-gap:.5rem}.vanilla-calendar-years{display:grid;flex-grow:1;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;row-gap:1rem;-webkit-column-gap:.5rem;column-gap:.5rem}.vanilla-calendar-months_selecting .vanilla-calendar-months__month,.vanilla-calendar-years_selecting .vanilla-calendar-years__year{cursor:pointer}.vanilla-calendar-months_selecting .vanilla-calendar-months__month .vanilla-calendar-months__month_disabled,.vanilla-calendar-years_selecting .vanilla-calendar-years__year .vanilla-calendar-years__year_disabled{cursor:default}.vanilla-calendar-months__month,.vanilla-calendar-years__year{display:flex;height:2.5rem;align-items:center;justify-content:center;word-break:break-all;border-radius:.5rem;border-width:0px;padding:.25rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:600}.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,.vanilla-calendar-years__year.vanilla-calendar-years__year_disabled{pointer-events:none}.vanilla-calendar-week-numbers{display:flex;flex-grow:1;flex-direction:column}.vanilla-calendar-week-numbers__title{margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1rem;font-weight:700}.vanilla-calendar-week-numbers__content{display:grid;grid-auto-flow:row;align-items:center;justify-items:center;row-gap:.25rem}.vanilla-calendar-week-number{display:flex;height:100%;min-height:1.875rem;width:100%;min-width:1.875rem;cursor:pointer;align-items:center;justify-content:center;font-size:.75rem;line-height:1rem;font-weight:600}.vanilla-calendar-wrapper{display:flex;flex-grow:1}.vanilla-calendar-content{display:flex;flex-grow:1;flex-direction:column}.vanilla-calendar-week{margin-bottom:.5rem;display:grid;grid-template-columns:repeat(7,1fr);justify-items:center}.vanilla-calendar-week__day{display:flex;height:100%;width:100%;min-width:1.875rem;align-items:center;justify-content:center;font-size:.75rem;line-height:1rem;font-weight:700}.vanilla-calendar-days{display:grid;flex-grow:1;grid-template-columns:repeat(7,1fr);align-items:center;justify-items:center;row-gap:.25rem}.vanilla-calendar-days_selecting .vanilla-calendar-day__btn{cursor:pointer}.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled{cursor:default}.vanilla-calendar-day{position:relative;display:flex;height:100%;width:100%;align-items:center;justify-content:center}.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup,.vanilla-calendar-day:hover .vanilla-calendar-day__popup{pointer-events:auto;opacity:1}.vanilla-calendar-day_selected-first .vanilla-calendar-day__btn_selected{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_intermediate{border-radius:0}.vanilla-calendar-day__btn{display:flex;height:100%;min-height:1.875rem;width:100%;min-width:1.875rem;cursor:default;align-items:center;justify-content:center;border-radius:.5rem;border-width:0px;font-size:.75rem;line-height:1rem;font-weight:400}.vanilla-calendar-day__btn_today{font-weight:700}.vanilla-calendar-day__btn_disabled{pointer-events:none}.vanilla-calendar-day__popup{-webkit-transform:translateX(-50%);transform:translate(-50%);pointer-events:none;position:absolute;left:50%;top:100%;z-index:20;width:8rem;padding:1rem .75rem .5rem;font-size:.75rem;line-height:1rem;font-weight:400;opacity:0}.vanilla-calendar-day__popup:before{content:var(--tw-content);position:absolute}.vanilla-calendar-day__popup:after{content:var(--tw-content);position:absolute}.vanilla-calendar-day__popup:hover{pointer-events:auto;opacity:1}.vanilla-calendar-day__popup:before{content:"";left:0;bottom:0;z-index:-10;display:block;height:calc(100% - 8px);width:100%;border-radius:.5rem}.vanilla-calendar-day__popup:after{content:"";-webkit-transform:translateX(-50%);transform:translate(-50%);left:50%;top:1px;z-index:-10;display:block;height:0px;width:0px;border-left-width:8px;border-right-width:8px;border-top-width:0px;border-bottom-width:8px;border-style:solid;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent}.vanilla-calendar-time{margin-top:.75rem;display:grid;grid-template-columns:auto 1fr;gap:.75rem;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;padding-top:.75rem}.vanilla-calendar-time__content{display:grid;grid-auto-flow:column;align-items:center}.vanilla-calendar-time__hours{position:relative;margin-right:.35rem;width:1.75rem}.vanilla-calendar-time__hours:after{position:absolute;right:-5px;top:50%;margin-top:calc(-50% + 1px);display:block;--tw-content: ":";content:var(--tw-content)}.vanilla-calendar-time__minutes{width:1.75rem}.vanilla-calendar-time__hours input,.vanilla-calendar-time__minutes input{position:relative;margin:0;box-sizing:border-box;display:block;width:100%;border-radius:.25rem;border-width:0px;padding:.125rem;text-align:center;font-size:1.125rem;font-weight:600;line-height:1.125rem}.vanilla-calendar-time__hours input:focus-visible,.vanilla-calendar-time__minutes input:focus-visible{outline-style:solid;outline-width:1px}.vanilla-calendar-time__hours input:disabled,.vanilla-calendar-time__minutes input:disabled{cursor:default}.vanilla-calendar-time__hours input:hover:disabled,.vanilla-calendar-time__minutes input:hover:disabled{background-color:transparent}.vanilla-calendar-time__keeping{margin-left:1px;margin-top:.25rem;width:22px;cursor:pointer;border-radius:.25rem;border-width:0px;background-color:transparent;padding:0;font-size:11px}.vanilla-calendar-time__keeping:focus-visible{outline-style:solid;outline-width:1px}.vanilla-calendar-time__keeping:disabled{cursor:default}.vanilla-calendar-time__keeping:hover:disabled{background-color:transparent}.vanilla-calendar-time__ranges{display:grid;grid-auto-flow:row}.vanilla-calendar-time__range{position:relative;z-index:10;font-size:0}.vanilla-calendar-time__range:before{content:var(--tw-content);left:0}.vanilla-calendar-time__range:after{content:var(--tw-content);right:0}.vanilla-calendar-time__range:before,.vanilla-calendar-time__range:after{content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;position:absolute;top:50%;z-index:10;height:.5rem;width:1px}.vanilla-calendar-time__range input{position:relative;margin:0;height:1.25rem;width:100%;cursor:pointer;-webkit-appearance:none;appearance:none;outline-width:0px}.vanilla-calendar-time__range input::-webkit-slider-thumb{position:relative;z-index:20;margin-top:-.5rem;box-sizing:border-box;height:1rem;width:.75rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;border-style:solid;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vanilla-calendar-time__range input::-moz-range-thumb{position:relative;z-index:20;box-sizing:border-box;height:1rem;width:.75rem;cursor:pointer;border-radius:.25rem;border-width:1px;border-style:solid;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vanilla-calendar-time__range input::-webkit-slider-runnable-track{margin-top:1px;box-sizing:border-box;height:1px;width:100%;cursor:pointer;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vanilla-calendar-time__range input::-moz-range-track{margin-top:1px;box-sizing:border-box;height:1px;width:100%;cursor:pointer;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)} +.vanilla-calendar{position:relative;display:flex;height:-webkit-max-content;height:max-content;min-width:275px;max-width:100%;flex-direction:column;border-radius:.75rem;padding:1rem;opacity:1;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.vanilla-calendar button:focus-visible{border-radius:.5rem;outline-style:solid;outline-width:1px}.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days{flex-grow:0}.vanilla-calendar_hidden{pointer-events:none;opacity:0}.vanilla-calendar_to-input{position:absolute;left:0;bottom:0;margin-top:.25rem}.vanilla-calendar-controls{pointer-events:none;position:absolute;left:0;right:0;top:0;z-index:20;box-sizing:content-box;display:flex;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem;padding-top:1.25rem}.vanilla-calendar-arrow{pointer-events:auto;position:relative;display:block;height:1.5rem;width:1.5rem;cursor:pointer;border-width:0px;background-color:transparent}.vanilla-calendar-arrow:before{position:absolute;inset:0;content:var(--tw-content);content:"";-webkit-mask-image:url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z"/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z"/%3E%3C/svg%3E');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%}.vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before{-webkit-transform:rotateZ(90deg);transform:rotate(90deg)}.vanilla-calendar-arrow.vanilla-calendar-arrow_next:before{-webkit-transform:rotateZ(-90deg);transform:rotate(-90deg)}.vanilla-calendar-grid{display:grid;flex-grow:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.75rem}.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column{pointer-events:none;opacity:.3}.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_month,.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_year{pointer-events:auto;opacity:1}.vanilla-calendar-column{display:flex;min-width:-webkit-min-content;min-width:min-content;flex-direction:column}.vanilla-calendar-header{position:relative;margin-bottom:.75rem;display:flex;align-items:center;padding-left:.25rem;padding-right:.25rem}.vanilla-calendar-header__content{display:grid;flex-grow:1;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;justify-content:center;white-space:pre-wrap;padding-left:1rem;padding-right:1rem}.vanilla-calendar-month,.vanilla-calendar-year{cursor:pointer;border-radius:.25rem;border-width:0px;background-color:transparent;padding:.25rem;font-size:1rem;line-height:1.5rem;font-weight:700}.vanilla-calendar-month.vanilla-calendar-month_disabled,.vanilla-calendar-year.vanilla-calendar-year_disabled{pointer-events:none}.vanilla-calendar-months{display:grid;flex-grow:1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;row-gap:1rem;-webkit-column-gap:.5rem;column-gap:.5rem}.vanilla-calendar-years{display:grid;flex-grow:1;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;row-gap:1rem;-webkit-column-gap:.5rem;column-gap:.5rem}.vanilla-calendar-months_selecting .vanilla-calendar-months__month,.vanilla-calendar-years_selecting .vanilla-calendar-years__year{cursor:pointer}.vanilla-calendar-months_selecting .vanilla-calendar-months__month .vanilla-calendar-months__month_disabled,.vanilla-calendar-years_selecting .vanilla-calendar-years__year .vanilla-calendar-years__year_disabled{cursor:default}.vanilla-calendar-months__month,.vanilla-calendar-years__year{display:flex;height:2.5rem;align-items:center;justify-content:center;word-break:break-all;border-radius:.5rem;border-width:0px;padding:.25rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:600}.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,.vanilla-calendar-years__year.vanilla-calendar-years__year_disabled{pointer-events:none}.vanilla-calendar-week-numbers{display:flex;flex-grow:1;flex-direction:column}.vanilla-calendar-week-numbers__title{margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1rem;font-weight:700}.vanilla-calendar-week-numbers__content{display:grid;grid-auto-flow:row;align-items:center;justify-items:center;row-gap:.25rem}.vanilla-calendar-week-number{display:flex;height:100%;min-height:1.875rem;width:100%;min-width:1.875rem;cursor:pointer;align-items:center;justify-content:center;font-size:.75rem;line-height:1rem;font-weight:600}.vanilla-calendar-wrapper{display:flex;flex-grow:1}.vanilla-calendar-content{display:flex;flex-grow:1;flex-direction:column}.vanilla-calendar-week{margin-bottom:.5rem;display:grid;grid-template-columns:repeat(7,1fr);justify-items:center}.vanilla-calendar-week__day{display:flex;height:100%;width:100%;min-width:1.875rem;align-items:center;justify-content:center;font-size:.75rem;line-height:1rem;font-weight:700}.vanilla-calendar-days{display:grid;flex-grow:1;grid-template-columns:repeat(7,1fr);align-items:center;justify-items:center;row-gap:.25rem}.vanilla-calendar-days_selecting .vanilla-calendar-day__btn{cursor:pointer}.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled{cursor:default}.vanilla-calendar-day{position:relative;display:flex;height:100%;width:100%;align-items:center;justify-content:center}.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup,.vanilla-calendar-day:hover .vanilla-calendar-day__popup{pointer-events:auto;opacity:1}.vanilla-calendar-day_selected-first .vanilla-calendar-day__btn_selected{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_intermediate{border-radius:0}.vanilla-calendar-day__btn{display:flex;height:100%;min-height:1.875rem;width:100%;min-width:1.875rem;cursor:default;align-items:center;justify-content:center;border-radius:.5rem;border-width:0px;font-size:.75rem;line-height:1rem;font-weight:400}.vanilla-calendar-day__btn_today{font-weight:700}.vanilla-calendar-day__btn_disabled{pointer-events:none}.vanilla-calendar-day__popup{-webkit-transform:translateX(-50%);transform:translate(-50%);pointer-events:none;position:absolute;left:50%;top:100%;z-index:20;width:8rem;padding:1rem .75rem .5rem;font-size:.75rem;line-height:1rem;font-weight:400;opacity:0}.vanilla-calendar-day__popup:before{content:var(--tw-content);position:absolute}.vanilla-calendar-day__popup:after{content:var(--tw-content);position:absolute}.vanilla-calendar-day__popup:hover{pointer-events:auto;opacity:1}.vanilla-calendar-day__popup:before{content:"";left:0;bottom:0;z-index:-10;display:block;height:calc(100% - 8px);width:100%;border-radius:.5rem}.vanilla-calendar-day__popup:after{content:"";-webkit-transform:translateX(-50%);transform:translate(-50%);left:50%;top:1px;z-index:-10;display:block;height:0px;width:0px;border-left-width:8px;border-right-width:8px;border-top-width:0px;border-bottom-width:8px;border-style:solid;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent}.vanilla-calendar-time{margin-top:.75rem;display:grid;grid-template-columns:auto 1fr;gap:.75rem;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;padding-top:.75rem}.vanilla-calendar-time__content{display:grid;grid-auto-flow:column;align-items:center}.vanilla-calendar-time__hours{position:relative;margin-right:.35rem;width:1.75rem}.vanilla-calendar-time__hours:after{position:absolute;right:-5px;top:50%;margin-top:calc(-50% + 1px);display:block;--tw-content: ":";content:var(--tw-content)}.vanilla-calendar-time__minutes{width:1.75rem}.vanilla-calendar-time__hours input,.vanilla-calendar-time__minutes input{position:relative;margin:0;box-sizing:border-box;display:block;width:100%;border-radius:.25rem;border-width:0px;padding:.125rem;text-align:center;font-size:1.125rem;font-weight:600;line-height:1.125rem}.vanilla-calendar-time__hours input:focus-visible,.vanilla-calendar-time__minutes input:focus-visible{outline-style:solid;outline-width:1px}.vanilla-calendar-time__hours input:disabled,.vanilla-calendar-time__minutes input:disabled{cursor:default}.vanilla-calendar-time__hours input:hover:disabled,.vanilla-calendar-time__minutes input:hover:disabled{background-color:transparent}.vanilla-calendar-time__keeping{margin-left:1px;margin-top:.25rem;width:22px;cursor:pointer;border-radius:.25rem;border-width:0px;background-color:transparent;padding:0;font-size:11px}.vanilla-calendar-time__keeping:focus-visible{outline-style:solid;outline-width:1px}.vanilla-calendar-time__keeping:disabled{cursor:default}.vanilla-calendar-time__keeping:hover:disabled{background-color:transparent}.vanilla-calendar-time__ranges{display:grid;grid-auto-flow:row}.vanilla-calendar-time__range{position:relative;z-index:10;font-size:0}.vanilla-calendar-time__range:before{content:var(--tw-content);left:0}.vanilla-calendar-time__range:after{content:var(--tw-content);right:0}.vanilla-calendar-time__range:before,.vanilla-calendar-time__range:after{content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;position:absolute;top:50%;z-index:10;height:.5rem;width:1px}.vanilla-calendar-time__range input{position:relative;margin:0;height:1.25rem;width:100%;cursor:pointer;-webkit-appearance:none;appearance:none;outline-width:0px}.vanilla-calendar-time__range input::-webkit-slider-thumb{position:relative;z-index:20;margin-top:-.5rem;box-sizing:border-box;height:1rem;width:.75rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;border-style:solid;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vanilla-calendar-time__range input::-moz-range-thumb{position:relative;z-index:20;box-sizing:border-box;height:1rem;width:.75rem;cursor:pointer;border-radius:.25rem;border-width:1px;border-style:solid;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vanilla-calendar-time__range input::-webkit-slider-runnable-track{margin-top:1px;box-sizing:border-box;height:1px;width:100%;cursor:pointer;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vanilla-calendar-time__range input::-moz-range-track{margin-top:1px;box-sizing:border-box;height:1px;width:100%;cursor:pointer;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)} diff --git a/package/build/vanilla-calendar.min.js b/package/build/vanilla-calendar.min.js index 916916c4..ee3c6a9f 100644 --- a/package/build/vanilla-calendar.min.js +++ b/package/build/vanilla-calendar.min.js @@ -1,2 +1,2 @@ /*! name: @uvarov.frontend/vanilla-calendar | url: https://github.com/uvarov-frontend/vanilla-calendar */ -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).VanillaCalendar=t()}(this,(function(){"use strict";var e=Object.defineProperty,t=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,a=(t,l,s)=>l in t?e(t,l,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[l]=s,n=(e,t,l)=>(a(e,"symbol"!=typeof t?t+"":t,l),l);const i=e=>{const t=e.getFullYear();let l=e.getMonth()+1,s=e.getDate();return l=l<10?`0${l}`:l,s=s<10?`0${s}`:s,`${t}-${l}-${s}`},d=e=>{const t=[];return e.forEach((e=>{e.match(/^(\d{4}-\d{2}-\d{2})$/g)?t.push(e):e.replace(/(\d{4}-\d{2}-\d{2}).*?(\d{4}-\d{2}-\d{2})/g,((e,l,s)=>{const a=new Date(`${l}T00:00:00`),n=new Date(`${s}T00:00:00`),d=new Date(a.getTime());for(;d<=n;d.setDate(d.getDate()+1))t.push(i(d));return e}))})),t},r=e=>{const t=Number(e);let l=String(t);return 0===t?l="12":13===t?l="01":14===t?l="02":15===t?l="03":16===t?l="04":17===t?l="05":18===t?l="06":19===t?l="07":20===t?l="08":21===t?l="09":22===t?l="10":23===t&&(l="11"),l},c=e=>{var t,l;e.rangeMin=e.settings.range.min,e.rangeMax=e.settings.range.max,e.rangeDisabled=e.settings.range.disabled?d([...e.settings.range.disabled]):[],e.rangeEnabled=e.settings.range.enabled?d([...e.settings.range.enabled]):[],e.selectedDates=e.settings.selected.dates?d([...e.settings.selected.dates]):[],e.selectedHolidays=e.settings.selected.holidays?d([...e.settings.selected.holidays]):[],e.settings.range.disablePast&&!e.settings.range.disableAllDays&&new Date(`${e.settings.range.min}T00:00:00`)+new Date(e)-+new Date(t))),(null==(l=e.rangeEnabled)?void 0:l[0])&&e.settings.range.disableAllDays&&(e.rangeMin=e.rangeEnabled[0],e.rangeMax=e.rangeEnabled[e.rangeEnabled.length-1]);const s=new Date(`${e.rangeMin}T00:00:00`),a=new Date(`${e.rangeMax}T00:00:00`);s.setDate(s.getDate()-1),a.setDate(a.getDate()+1),e.rangeDisabled.push(i(s)),e.rangeDisabled.push(i(a)),null!==e.settings.selected.month&&e.settings.selected.month>=0&&e.settings.selected.month<12?e.selectedMonth=e.settings.selected.month:e.selectedMonth=e.date.today.getMonth(),null!==e.settings.selected.year&&e.settings.selected.year>=0&&e.settings.selected.year<=9999?e.selectedYear=e.settings.selected.year:e.selectedYear=e.date.today.getFullYear(),e.viewYear=e.selectedYear,e.dateMin=e.settings.visibility.disabled?new Date(`${e.date.min}T00:00:00`):new Date(`${e.rangeMin}T00:00:00`),e.dateMax=e.settings.visibility.disabled?new Date(`${e.date.max}T00:00:00`):new Date(`${e.rangeMax}T00:00:00`);const n=!0===e.settings.selection.time||12===e.settings.selection.time;if(n||24===e.settings.selection.time){if(e.userTime=!1,"string"==typeof e.settings.selected.time){const t=n?/^([0-9]|0[1-9]|1[0-2]):([0-5][0-9])|(AM|PM)/g:/^([0-1]?[0-9]|2[0-3]):([0-5][0-9])/g;e.settings.selected.time.replace(t,((t,l,s,a)=>(l&&s&&(e.userTime=!0,e.selectedHours=l,e.selectedMinutes=s),a&&n?e.selectedKeeping=a:n&&(e.selectedKeeping="AM"),"")))}!e.userTime&&n?(e.selectedHours=r(String(e.date.today.getHours())),e.selectedMinutes=String(e.date.today.getMinutes()),e.selectedKeeping=Number(e.date.today.getHours())>=12?"PM":"AM"):e.userTime||(e.selectedHours=String(e.date.today.getHours()),e.selectedMinutes=String(e.date.today.getMinutes())),e.selectedHours=Number(e.selectedHours)<10?`0${Number(e.selectedHours)}`:`${e.selectedHours}`,e.selectedMinutes=Number(e.selectedMinutes)<10?`0${Number(e.selectedMinutes)}`:`${e.selectedMinutes}`,e.selectedTime=`${e.selectedHours}:${e.selectedMinutes}${e.selectedKeeping?` ${e.selectedKeeping}`:""}`}else e.settings.selection.time&&(e.settings.selection.time=!1,console.error("The value of the time property can be: false, true, 12 or 24."));"multiple"===e.type&&(1===e.months?(console.warn("The value of the «months» parameter cannot be less than «2», the minimum available value will be initialized."),e.correctMonths=2):e.months>12?(console.warn("The value of the «months» parameter cannot be greater than «12», the maximum available value will be initialized."),e.correctMonths=12):e.correctMonths=e.months)},o=e=>{if(!["default","multiple","year"].includes(e.currentType))return;const t=e.HTMLElement.querySelector(`.${e.CSSClasses.arrowPrev}`),l=e.HTMLElement.querySelector(`.${e.CSSClasses.arrowNext}`);if(!t||!l)return;"default"!==e.currentType&&"multiple"!==e.currentType||(()=>{if(!e.dateMin||!e.dateMax)return;const s=new Date(`${i(new Date(e.selectedYear,e.selectedMonth,1))}T00:00:00`),a=new Date(s.getTime());s.setMonth(s.getMonth()-e.jumpMonths),a.setMonth(a.getMonth()+e.jumpMonths),!e.settings.selection.month||s.getFullYear()e.dateMax.getFullYear()||a.getFullYear()===e.dateMax.getFullYear()&&a.getMonth()>e.dateMax.getMonth()?l.style.visibility="hidden":l.style.visibility=""})(),"year"===e.currentType&&e.dateMin&&e.dateMax&&void 0!==e.viewYear&&(e.dateMin.getFullYear()&&e.viewYear-7<=e.dateMin.getFullYear()?t.style.visibility="hidden":t.style.visibility="",e.dateMax.getFullYear()&&e.viewYear+7>=e.dateMax.getFullYear()?l.style.visibility="hidden":l.style.visibility="")},u=(e,t)=>{if(!e)return null;const l=new Date(`${e}T00:00:00`).getDate(),s=new Date(`${e}T00:00:00`).getMonth(),a=new Date(`${e}T00:00:00`).getFullYear(),n=new Date(a,s,l),i=t?n.getDay()||7:n.getDay();n.setDate(n.getDate()+4-i);const d=new Date(n.getFullYear(),0,1);return{year:a,week:Math.ceil(((+n-+d)/864e5+1)/7)}},m=e=>{var t,l;const s=e.HTMLElement.querySelectorAll(`.${e.CSSClasses.days}`),a=e.HTMLElement.querySelectorAll(`.${e.CSSClasses.weekNumbers}`),n=new Date(e.selectedYear,e.selectedMonth,1),d=document.createElement("div"),r=document.createElement("button");d.className=e.CSSClasses.day,r.className=e.CSSClasses.dayBtn,r.type="button",null==(t=e.selectedDates)||t.sort(((e,t)=>+new Date(e)-+new Date(t))),s.forEach(((t,l)=>{const c=new Date(n.setMonth(e.selectedMonth+l)).getMonth(),o=new Date(n.setFullYear(e.selectedYear,e.selectedMonth+l)).getFullYear(),m=new Date(o,c,1),g=new Date(o,c+1,0).getDate();let v=Number(m.getDay());e.settings.iso8601&&(v=Number((0!==m.getDay()?m.getDay():7)-1)),e.settings.selection.day&&["single","multiple","multiple-ranged"].includes(e.settings.selection.day)&&s[l].classList.add(e.CSSClasses.daysSelecting),s[l].innerHTML="";const y=(t,a,n,i,c)=>{var m,g,v,y,h,S,M,p,C;const b=d.cloneNode(!0),D=r.cloneNode(!0);if(c&&D.classList.add(c),D.innerText=t,D.dataset.calendarDay=n,e.settings.visibility.weekNumbers){const t=u(n,e.settings.iso8601);if(!t)return;D.dataset.calendarWeekNumber=`${t.week}`}(null==(m=e.rangeEnabled)?void 0:m[0])&&e.settings.range.disableAllDays&&!(null==(g=e.rangeDisabled)?void 0:g.includes(n))&&(null==(v=e.rangeDisabled)||v.push(n)),(null==(y=e.rangeEnabled)?void 0:y[0])&&(null==(h=e.rangeDisabled)?void 0:h.includes(n))&&(e.rangeDisabled=null==(S=e.rangeDisabled)?void 0:S.filter((t=>{var l;return!(null==(l=e.rangeEnabled)?void 0:l.includes(t))}))),(null==(M=e.settings.range.disableWeekday)?void 0:M.includes(a))&&!(null==(p=e.rangeDisabled)?void 0:p.includes(n))&&(null==(C=e.rangeDisabled)||C.push(n)),((t,l,s,a,n)=>{(e.rangeMin>a||e.rangeMax{t===a&&l.classList.add(e.CSSClasses.dayBtnHoliday)}));let i=e.date.today.getDate(),d=e.date.today.getMonth()+1;i=i<10?`0${i}`:i,d=d<10?`0${d}`:d;const r=`${e.date.today.getFullYear()}-${d}-${i}`;e.settings.visibility.today&&l.dataset.calendarDay===r&&l.classList.add(e.CSSClasses.dayBtnToday),e.selectedDates&&0===e.selectedDates.indexOf(a)?("multiple-ranged"===e.settings.selection.day&&e.selectedDates.length>1?t.classList.add(e.CSSClasses.daySelectedFirst):t.classList.add(e.CSSClasses.daySelected),l.classList.add(e.CSSClasses.dayBtnSelected)):e.selectedDates&&e.selectedDates[0]&&e.selectedDates.indexOf(a)===e.selectedDates.length-1?(t.classList.add(e.CSSClasses.daySelected),"multiple-ranged"===e.settings.selection.day?t.classList.add(e.CSSClasses.daySelectedLast):t.classList.add(e.CSSClasses.daySelected),l.classList.add(e.CSSClasses.dayBtnSelected)):e.selectedDates&&e.selectedDates.indexOf(a)>0&&"multiple-ranged"===e.settings.selection.day?(t.classList.add(e.CSSClasses.daySelectedIntermediate),l.classList.add(e.CSSClasses.dayBtnSelected),l.classList.add(e.CSSClasses.dayBtnIntermediate)):e.selectedDates&&e.selectedDates.indexOf(a)>0&&(t.classList.add(e.CSSClasses.daySelected),l.classList.add(e.CSSClasses.dayBtnSelected)),Array.isArray(e.rangeDisabled)&&e.rangeDisabled[0]&&e.rangeDisabled.forEach((t=>{t===a&&(l.classList.add(e.CSSClasses.dayBtnDisabled),l.tabIndex=-1)})),!e.settings.selection.month&&n&&(l.classList.add(e.CSSClasses.dayBtnDisabled),l.tabIndex=-1),e.settings.selection.year||new Date(`${a}T00:00:00`).getFullYear()===o||(l.classList.add(e.CSSClasses.dayBtnDisabled),l.tabIndex=-1)})(b,D,a,n,i),i?e.settings.visibility.daysOutside&&b.append(D):b.append(D),s[l].append(b),e.actions.getDays&&e.actions.getDays(Number(t),n,b,D)};(()=>{let t=new Date(o,c,0).getDate()-v,l=o,s=c;0===c?(s=e.locale.months.length,l=o-1):c<10&&(s=`0${c}`);for(let a=0;a{for(let e=1;e<=g;e++){const t=new Date(o,c,e),l=i(t),s=t.getDay();y(String(e),s,l,!1,null)}})(),(()=>{const t=v+g,l=Math.ceil(t/e.locale.weekday.length),s=e.locale.weekday.length*l-t;let a=o,n=String(c+2);c+1===e.locale.months.length?(n="01",a=o+1):c+2<10&&(n=`0${c+2}`);for(let i=1;i<=s;i++){const t=`${a}-${n}-${i<10?`0${i}`:String(i)}`,l=new Date(o,c,i).getMonth()+1,s=new Date(o,l,i).getDay();y(String(i),s,t,!0,e.CSSClasses.dayBtnNext)}})(),((e,t)=>{e.popups&&Object.keys(e.popups).forEach((l=>{var s;const a=t.querySelector(`[data-calendar-day="${l}"]`);if(a){const t=null==(s=e.popups)?void 0:s[l];(null==t?void 0:t.modifier)&&t.modifier.trim().split(" ").forEach((e=>{a.classList.add(e)})),(null==t?void 0:t.html)&&(a.parentNode.innerHTML+=`
${t.html}
`)}}))})(e,s[l]),((e,t,l,s,a)=>{if(!e.settings.visibility.weekNumbers)return;const n=a.querySelectorAll(`.${e.CSSClasses.day}`);s.innerHTML="";const i=Math.ceil((t+l)/7),d=document.createElement("b");d.className=e.CSSClasses.weekNumbersTitle,d.innerText="#",s.append(d);const r=document.createElement("div");r.className=e.CSSClasses.weekNumbersContent,s.append(r);const c=document.createElement("span");c.className=e.CSSClasses.weekNumber;for(let o=0;o+new Date(e)-+new Date(t)))},g=e=>`\n\t\n`,v=e=>`\n\t\n`,y=e=>`\n\t\n`,h=e=>`\n\t\n`,S=e=>`\n\t
\n`,M=e=>`\n\t
\n`,p=e=>`\n\t
\n`,C=e=>`\n\t
\n`,b=e=>e.settings.visibility.weekNumbers?`\n\t
\n`:"",D=e=>e.settings.selection.time?`\n\t
\n`:"",T=(e,t)=>t.replace(/<#(.*?)\/>/g,((t,l)=>{const s=(e=>{let t=null;switch(e){case"ArrowPrev":t=g;break;case"ArrowNext":t=v;break;case"Month":t=y;break;case"Year":t=h;break;case"Week":t=S;break;case"Days":t=M;break;case"Months":t=p;break;case"Years":t=C;break;case"WeekNumbers":t=b;break;case"ControlTime":t=D}return t})(l.replace(/[\s\n\t]/g,""));return s?s(e):""})).replace(/[\n\t]/g,""),w=(e,t)=>{const l=e.HTMLElement;l.classList.add(e.CSSClasses.calendar);const s=(l,s)=>{if(!t)return;const a=e.HTMLElement.querySelector(`.${e.CSSClasses.controls}`);a&&e.HTMLElement.removeChild(a);e.HTMLElement.querySelector(`.${e.CSSClasses.grid}`).classList.add(e.CSSClasses.gridDisabled);const n=t.closest(`.${e.CSSClasses.column}`);n.classList.add(l),n.innerHTML=T(e,s)};switch(e.currentType){case"default":l.classList.add(e.CSSClasses.calendarDefault),l.classList.remove(e.CSSClasses.calendarMonth),l.classList.remove(e.CSSClasses.calendarYear),l.innerHTML=T(e,e.DOMTemplates.default);break;case"multiple":if(!e.correctMonths)break;l.classList.add(e.CSSClasses.calendarMultiple),l.classList.remove(e.CSSClasses.calendarMonth),l.classList.remove(e.CSSClasses.calendarYear),l.innerHTML=((e,t)=>t.replace(/<#Multiple>(.*?)<#\/Multiple>/g,((t,l)=>{let s="";for(let a=0;a{const t=e.HTMLElement.querySelectorAll("[data-calendar-selected-month]");if(!t[0]||void 0===e.selectedMonth)return;const l=new Date(e.selectedYear,e.selectedMonth,1);t.forEach(((s,a)=>{const n=new Date(l.setMonth(e.selectedMonth+a)).getMonth();t[a].dataset.calendarSelectedMonth=String(n),t[a].innerText=e.locale.months[n],!1===e.settings.selection.month||"only-arrows"===e.settings.selection.month?(t[a].tabIndex=-1,t[a].classList.add(e.CSSClasses.monthDisabled)):(t[a].tabIndex=0,t[a].classList.remove(e.CSSClasses.monthDisabled))}))},f=e=>{const t=e.HTMLElement.querySelectorAll("[data-calendar-selected-year]");if(!t||void 0===e.selectedMonth)return;const l=new Date(e.selectedYear,e.selectedMonth,1);t.forEach(((s,a)=>{const n=new Date(l.setFullYear(e.selectedYear,e.selectedMonth+a)).getFullYear();t[a].dataset.calendarSelectedYear=String(n),t[a].innerText=String(n),!1===e.settings.selection.year||"only-arrows"===e.settings.selection.year?(t[a].tabIndex=-1,t[a].classList.add(e.CSSClasses.yearDisabled)):(t[a].tabIndex=0,t[a].classList.remove(e.CSSClasses.yearDisabled))}))},L=(e,t)=>{var l;const s=(null==t?void 0:t.dataset.calendarSelectedMonth)?Number(t.dataset.calendarSelectedMonth):e.selectedMonth,a=null==(l=null==t?void 0:t.closest(`.${e.CSSClasses.column}`))?void 0:l.querySelector(`.${e.CSSClasses.year}`),n=a?Number(a.dataset.calendarSelectedYear):e.selectedYear;e.currentType="month",w(e,t),$(e),f(e);const i=e.HTMLElement.querySelector(`.${e.CSSClasses.months}`);if(!e.dateMin||!e.dateMax||!i)return;e.settings.selection.month&&i.classList.add(e.CSSClasses.monthsSelecting);const d=e.jumpMonths>1?e.locale.months.map(((t,l)=>s-e.jumpMonths*l)).concat(e.locale.months.map(((t,l)=>s+e.jumpMonths*l))).filter((e=>e>=0&&e<=12)):Array.from(Array(12).keys()),r=document.createElement("button");r.type="button",r.className=e.CSSClasses.monthsMonth;const c=()=>{if("multiple"!==e.type)return 0;const t=[...e.HTMLElement.querySelectorAll(`.${e.CSSClasses.column}`)].findIndex((t=>t.classList.contains(`${e.CSSClasses.columnMonth}`)));return t>0?t:0};for(let o=0;oe.dateMax.getMonth()+c()&&n>=e.dateMax.getFullYear()||o!==s&&!d.includes(o))&&(l.classList.add(e.CSSClasses.monthsMonthDisabled),l.tabIndex=-1),l.dataset.calendarMonth=String(o),l.title=`${t}`,l.innerText=`${e.settings.visibility.monthShort?t.substring(0,3):t}`,i.append(l)}},k=(e,t)=>{const l=Number(e);let s=String(l);return"AM"===t?12===l&&(s="00"):"PM"===t&&(1===l?s="13":2===l?s="14":3===l?s="15":4===l?s="16":5===l?s="17":6===l?s="18":7===l?s="19":8===l?s="20":9===l?s="21":10===l?s="22":11===l&&(s="23")),s},H=e=>{const t=e.HTMLElement.querySelector(`.${e.CSSClasses.time}`);if(!t)return;const l=!0===e.settings.selection.time?12:e.settings.selection.time,s="range"===e.settings.selection.controlTime;t.innerHTML=`\n\t
\n\t\t\n\t\t\n\t\t${12===l?`\n\t\t\n\t\t`:""}\n\t
\n\t
\n\t\t\n\t\t\n\t
`,((e,t)=>{const l=e.HTMLElement.querySelector(`.${e.CSSClasses.timeRange} input[name="hours"]`),s=e.HTMLElement.querySelector(`.${e.CSSClasses.timeRange} input[name="minutes"]`),a=e.HTMLElement.querySelector(`.${e.CSSClasses.timeHours} input[name="hours"]`),n=e.HTMLElement.querySelector(`.${e.CSSClasses.timeMinutes} input[name="minutes"]`),i=e.HTMLElement.querySelector(`.${e.CSSClasses.timeKeeping}`),d=(t,l)=>{t.addEventListener("mouseover",(()=>l.classList.add(e.CSSClasses.isFocus)))},c=(t,l)=>{t.addEventListener("mouseout",(()=>l.classList.remove(e.CSSClasses.isFocus)))},o=(t,l,s)=>{if("hours"===s?e.selectedHours=`${l}`:"minutes"===s&&(e.selectedMinutes=`${l}`),e.selectedTime=`${e.selectedHours}:${e.selectedMinutes}${e.selectedKeeping?` ${e.selectedKeeping}`:""}`,e.actions.changeTime&&e.actions.changeTime(t,e.selectedTime,e.selectedHours,e.selectedMinutes,e.selectedKeeping),e.input&&e.HTMLInputElement&&e.actions.changeToInput){const l={hide(){e.HTMLElement.classList.add(e.CSSClasses.calendarHidden)},show(){e.HTMLElement.classList.remove(e.CSSClasses.calendarHidden)},HTMLInputElement:e.HTMLInputElement,HTMLElement:e.HTMLElement};e.actions.changeToInput(t,l,e.selectedDates,e.selectedTime,e.selectedHours,e.selectedMinutes,e.selectedKeeping)}},u=(t,l,s,a)=>{t.addEventListener("input",(t=>{let n=Number(t.target.value);n=n<10?`0${n}`:`${n}`,"hours"===s&&12===a?Number(t.target.value)0?(l.value=n,e.selectedKeeping="AM",i.innerText=e.selectedKeeping,o(t,n,s)):(0===Number(t.target.value)?(e.selectedKeeping="AM",i.innerText="AM"):(e.selectedKeeping="PM",i.innerText="PM"),l.value=r(t.target.value),o(t,r(t.target.value),s)):(l.value=n,o(t,n,s))}))},m=(t,l,s,a)=>{l.addEventListener("change",(l=>{const n=l.target;let d=Number(n.value);d=d<10?`0${d}`:`${d}`,"hours"===s&&12===a?n.value&&Number(n.value)<=a&&Number(n.value)>0?(n.value=d,t.value=k(d,e.selectedKeeping),o(l,d,s)):n.value&&Number(n.value)<24&&(Number(n.value)>a||0===Number(n.value))?(0===Number(n.value)?(e.selectedKeeping="AM",i.innerText="AM"):(e.selectedKeeping="PM",i.innerText="PM"),n.value=r(n.value),t.value=d,o(l,r(n.value),s)):n.value=e.selectedHours:n.value&&Number(n.value)<=a&&Number(n.value)>=0?(n.value=d,t.value=d,o(l,d,s)):"hours"===s?n.value=e.selectedHours:"minutes"===s&&(n.value=e.selectedMinutes)}))};d(l,a),d(s,n),c(l,a),c(s,n),u(l,a,"hours",24===t?23:12),u(s,n,"minutes",0),m(l,a,"hours",24===t?23:12),m(s,n,"minutes",59),i&&i.addEventListener("click",(t=>{i.innerText.includes("AM")?e.selectedKeeping="PM":e.selectedKeeping="AM",l.value=k(e.selectedHours,e.selectedKeeping),o(t,e.selectedHours,"hours"),i.innerText=e.selectedKeeping}))})(e,l)},E=e=>{const t=[...e.locale.weekday];if(!t[0])return;const l=e.HTMLElement.querySelectorAll(`.${e.CSSClasses.week}`),s=document.createElement("b");s.className=e.CSSClasses.weekDay,e.settings.iso8601&&t.push(t.shift()),l.forEach((l=>{l.innerHTML="";for(let a=0;a{if(void 0===e.viewYear||!e.dateMin||!e.dateMax)return;const l=(null==t?void 0:t.dataset.calendarSelectedYear)?Number(null==t?void 0:t.dataset.calendarSelectedYear):e.selectedYear;e.currentType="year",w(e,t),$(e),f(e),o(e);const s=e.HTMLElement.querySelector(`.${e.CSSClasses.years}`);if(!s)return;e.settings.selection.year&&s.classList.add(e.CSSClasses.yearsSelecting);const a=document.createElement("button");a.type="button",a.className=e.CSSClasses.yearsYear;for(let n=e.viewYear-7;ne.dateMax.getFullYear())&&(i.classList.add(e.CSSClasses.yearsYearDisabled),i.tabIndex=-1),i.dataset.calendarYear=String(t),i.innerText=`${t}`,s.append(i)}},x=["light","dark","system"];let N=!1;const _=(e,t)=>{var l;let s=null;for(let a=0;a{e.HTMLElement&&(x.includes(t)?e.HTMLElement.dataset.calendarTheme=t:console.error("Incorrect name of theme in settings.visibility.theme"))},F=(e,t)=>{if(!t)return void A(e,"light");const l=e=>e.matches?"dark":"light";e.HTMLElement.dataset.calendarTheme=l(t),N||(t.onchange=t=>{"system"===e.settings.visibility.theme&&(e.HTMLElement.dataset.calendarTheme=l(t))},N=!0)},I=(e,t)=>{if(!e.HTMLElement)return;const l=!!e.settings.visibility.themeDetect&&document.querySelector(e.settings.visibility.themeDetect);if(!l)return void F(e,t);const s=e.settings.visibility.themeDetect.replace(/^.*\[(.+)\]/g,((e,t)=>t)),a=l.hasAttribute(s);if(!s||!a)return void F(e,t);const n=_(l,s);n?(A(e,n),((e,t,l)=>{new MutationObserver((s=>{for(let a=0;a{const t={default(){E(e),m(e)},multiple(){E(e),m(e)},month(){L(e)},year(){Y(e)}};(e=>{if(!e.HTMLElement)return;let t;"not all"!==window.matchMedia("(prefers-color-scheme)").media&&(t=window.matchMedia("(prefers-color-scheme: dark)")),"system"===e.settings.visibility.theme?I(e,t):A(e,e.settings.visibility.theme)})(e),(e=>{if("define"!==e.settings.lang){e.locale.weekday=[];for(let t=0;t<7;t++){let l=new Date(0,0,t).toLocaleString(e.settings.lang,{weekday:"short"});l=`${l.charAt(0).toUpperCase()}${l.substring(1,l.length)}`,l=l.replace(/\./,""),e.locale.weekday.push(l)}e.locale.months=[];for(let t=0;t<12;t++){let l=new Date(0,t).toLocaleString(e.settings.lang,{month:"long"});l=`${l.charAt(0).toUpperCase()}${l.substring(1,l.length)}`,l=l.replace(/\./,""),e.locale.months.push(l)}}})(e),w(e),$(e),f(e),o(e),H(e),t[e.currentType]()},q=e=>{c(e),B(e)};let O=null;const P=e=>{O&&(e.target.closest(`.${O.CSSClasses.calendar}.${O.CSSClasses.calendarToInput}`)||(document.querySelectorAll(`.${O.CSSClasses.calendar}.${O.CSSClasses.calendarToInput}`).forEach((e=>{e.classList.add(O.CSSClasses.calendarHidden)})),document.removeEventListener("click",P,{capture:!0})))},K=(e,t)=>{if(void 0===e.selectedMonth||void 0===e.selectedYear)return;const l=new Date(`${i(new Date(e.selectedYear,e.selectedMonth,1))}T00:00:00`);switch(t){case"prev":l.setMonth(l.getMonth()-e.jumpMonths);break;case"next":l.setMonth(l.getMonth()+e.jumpMonths)}e.selectedMonth=l.getMonth(),e.selectedYear=l.getFullYear(),$(e),f(e),o(e),m(e)};let W=null;const j=()=>{var e;if(!W)return;const t=null==(e=W.HTMLElement)?void 0:e.querySelectorAll(`.${W.CSSClasses.dayBtnHover}`);t&&t.forEach((e=>e.classList.remove(W.CSSClasses.dayBtnHover)))},R=e=>{var t;if(!W||!W.selectedDates)return;const l=i(e);if(W.rangeDisabled&&W.rangeDisabled.includes(l))return;const s=null==(t=W.HTMLElement)?void 0:t.querySelectorAll(`[data-calendar-day="${l}"]`);null==s||s.forEach((e=>{e.classList.add(W.CSSClasses.dayBtnHover)}))},G=e=>{if(!e.target||!W||!W.selectedDates)return;if(!e.target.closest(`.${W.CSSClasses.days}`))return void j();const t=e.target.dataset.calendarDay;if(!t)return;j();const l=new Date(new Date(`${W.selectedDates[0]}T00:00:00`).getFullYear(),new Date(`${W.selectedDates[0]}T00:00:00`).getMonth(),new Date(`${W.selectedDates[0]}T00:00:00`).getDate()),s=new Date(new Date(`${t}T00:00:00`).getFullYear(),new Date(`${t}T00:00:00`).getMonth(),new Date(`${t}T00:00:00`).getDate());if(s>l)for(let a=l;a<=s;a.setDate(a.getDate()+1))R(a);else for(let a=l;a>=s;a.setDate(a.getDate()-1))R(a)},z=e=>{W&&"Escape"===e.key&&(W.selectedDates=[],W.HTMLElement.removeEventListener("mousemove",G),document.removeEventListener("keydown",z),B(W))},U=e=>{e&&e.selectedDates&&(W=e,e.selectedDates[0]&&e.selectedDates.length<=1?(e.HTMLElement.addEventListener("mousemove",G),document.addEventListener("keydown",z),e.settings.range.disableGaps&&(()=>{var e;if(!W||!(null==(e=W.selectedDates)?void 0:e[0])||!W.rangeDisabled||W.rangeDisabled.length<2)return;const t=new Date(`${W.selectedDates[0]}T00:00:00`);let l=null,s=null;for(let a=0;a=e)){s=e;break}l=e}l&&(l=new Date(l.setDate(l.getDate()+1)),W.rangeMin=i(l)),s&&(s=new Date(s.setDate(s.getDate()-1)),W.rangeMax=i(s))})()):(e.HTMLElement.removeEventListener("mousemove",G),document.removeEventListener("keydown",z),e.settings.range.disableGaps&&W&&(W.rangeMin=W.settings.range.min,W.rangeMax=W.settings.range.max,W.settings.range.disablePast&&new Date(`${W.settings.range.min}T00:00:00`){const n=e.HTMLElement.querySelectorAll(`.${e.CSSClasses.column}`),i=[...n].findIndex((e=>e.classList.contains(t))),d=Number(n[i].querySelector(`.${l}`).getAttribute(a));return"month"===e.currentType&&i>=0?s-i:"year"===e.currentType&&e.selectedYear!==d?s-1:s},J=e=>{e.HTMLElement.addEventListener("click",(t=>{const l=t.target,s=l.closest(`.${e.CSSClasses.arrow}`),a=l.closest(`.${e.CSSClasses.arrowPrev}`),n=l.closest(`.${e.CSSClasses.arrowNext}`),d=l.closest(`.${e.CSSClasses.dayBtn}`),r=l.closest(`.${e.CSSClasses.dayBtnPrev}`),c=l.closest(`.${e.CSSClasses.dayBtnNext}`),o=l.closest(`.${e.CSSClasses.weekNumber}`),u=l.closest(`.${e.CSSClasses.year}`),g=l.closest(`.${e.CSSClasses.yearsYear}`),v=l.closest(`.${e.CSSClasses.month}`),y=l.closest(`.${e.CSSClasses.monthsMonth}`),h=l.closest(`.${e.CSSClasses.grid}`),S=l.closest(`.${e.CSSClasses.column}`);s&&"year"!==e.currentType&&"month"!==e.currentType&&K(e,l.dataset.calendarArrow),s&&e.actions.clickArrow&&e.actions.clickArrow(t,Number(e.selectedYear),Number(e.selectedMonth)),(()=>{if(e.settings.selection.day&&["single","multiple","multiple-ranged"].includes(e.settings.selection.day)&&d){switch(e.settings.selection.day){case"single":e.selectedDates&&d&&d.dataset.calendarDay&&(d.classList.contains(e.CSSClasses.dayBtnSelected)?e.selectedDates.splice(e.selectedDates.indexOf(d.dataset.calendarDay),1):(e.selectedDates=[],e.selectedDates.push(d.dataset.calendarDay)));break;case"multiple":e.selectedDates&&d&&d.dataset.calendarDay&&(d.classList.contains(e.CSSClasses.dayBtnSelected)?e.selectedDates.splice(e.selectedDates.indexOf(d.dataset.calendarDay),1):e.selectedDates.push(d.dataset.calendarDay));break;case"multiple-ranged":(()=>{if(e.selectedDates&&d&&d.dataset.calendarDay){if(e.selectedDates.length<=1&&e.selectedDates[0]&&e.selectedDates[0].includes(d.dataset.calendarDay)?e.selectedDates=[]:(e.selectedDates.length>1&&(e.selectedDates=[]),e.selectedDates.push(d.dataset.calendarDay)),e.selectedDates[1]){const t=new Date(new Date(`${e.selectedDates[0]}T00:00:00`).getFullYear(),new Date(`${e.selectedDates[0]}T00:00:00`).getMonth(),new Date(`${e.selectedDates[0]}T00:00:00`).getDate()),l=new Date(new Date(`${e.selectedDates[1]}T00:00:00`).getFullYear(),new Date(`${e.selectedDates[1]}T00:00:00`).getMonth(),new Date(`${e.selectedDates[1]}T00:00:00`).getDate()),s=t=>{if(!e.selectedDates)return;const l=i(t);e.rangeDisabled&&e.rangeDisabled.includes(l)||e.selectedDates.push(l)};if(e.selectedDates=[],l>t)for(let e=t;e<=l;e.setDate(e.getDate()+1))s(e);else for(let e=t;e>=l;e.setDate(e.getDate()-1))s(e)}U(e)}})()}if(e.actions.clickDay&&e.actions.clickDay(t,e.selectedDates),e.input&&e.HTMLInputElement&&e.HTMLElement&&e.actions.changeToInput){const l={hide(){e.HTMLElement.classList.add(e.CSSClasses.calendarHidden)},show(){e.HTMLElement.classList.remove(e.CSSClasses.calendarHidden)},HTMLInputElement:e.HTMLInputElement,HTMLElement:e.HTMLElement};e.actions.changeToInput(t,l,e.selectedDates,e.selectedTime,e.selectedHours,e.selectedMinutes,e.selectedKeeping)}r?K(e,"prev"):c?K(e,"next"):m(e)}})(),(()=>{var l;if(!e.settings.visibility.weekNumbers||!o||!e.actions.clickWeekNumber)return;const s=null==(l=e.HTMLElement)?void 0:l.querySelectorAll("[data-calendar-week-number]");if(!s)return;const a=Number(o.innerText),n=Number(o.dataset.calendarYearWeek),i=[...s].filter((e=>Number(e.dataset.calendarWeekNumber)===a));e.actions.clickWeekNumber(t,a,i,n)})(),(()=>{if(e.settings.selection.year)if(s&&"year"===e.currentType){if(void 0===e.viewYear)return;n?e.viewYear+=15:a&&(e.viewYear-=15),Y(e,t.target)}else if("year"!==e.currentType&&u)Y(e,t.target);else if("year"===e.currentType&&u)e.currentType=e.type,B(e);else if(g){if(void 0===e.selectedMonth||!e.dateMin||!e.dateMax)return;e.selectedYear="multiple"===e.type?V(e,e.CSSClasses.columnYear,e.CSSClasses.year,Number(g.dataset.calendarYear),"data-calendar-selected-year"):Number(g.dataset.calendarYear),e.currentType=e.type,(e.selectedMonthe.dateMax.getMonth()&&e.selectedYear>=e.dateMax.getFullYear()||e.selectedYear>e.dateMax.getFullYear())&&(e.selectedMonth=e.dateMax.getMonth(),e.selectedYear=e.dateMax.getFullYear()),e.actions.clickYear&&e.actions.clickYear(t,e.selectedYear),B(e)}else"multiple"===e.type&&"year"===e.currentType&&h&&!S&&(e.currentType=e.type,B(e))})(),(()=>{if(e.settings.selection.month)if("month"!==e.currentType&&v)L(e,t.target);else if("month"===e.currentType&&v)e.currentType=e.type,B(e);else if(y){if(void 0===e.selectedMonth||!e.dateMin||!e.dateMax)return;if(e.selectedMonth="multiple"===e.type?V(e,e.CSSClasses.columnMonth,e.CSSClasses.month,Number(y.dataset.calendarMonth),"data-calendar-selected-month"):Number(y.dataset.calendarMonth),"multiple"===e.type){const t=y.closest(`.${e.CSSClasses.columnMonth}`).querySelector(`.${e.CSSClasses.year}`);e.selectedYear=Number(t.dataset.calendarSelectedYear),e.selectedMonthe.dateMax.getMonth()&&e.selectedYear>=e.dateMax.getFullYear()&&(e.selectedMonth=e.dateMax.getMonth())}e.currentType=e.type,e.actions.clickMonth&&e.actions.clickMonth(t,e.selectedMonth),B(e)}else"multiple"===e.type&&"month"===e.currentType&&h&&!S&&(e.currentType=e.type,B(e))})()}))},Q=e=>{e.HTMLElement&&((e=>{if(!e.input||!e.HTMLElement||!e.HTMLElement.parentNode)return;e.HTMLInputElement=e.HTMLElement;const t=document.createElement("div");t.className=`${e.CSSClasses.calendar} ${e.CSSClasses.calendarToInput} ${e.CSSClasses.calendarHidden}`,e.HTMLElement=t,document.body.append(e.HTMLElement)})(e),q(e),(e=>{var t;e&&e.input&&(O=e,null==(t=e.HTMLInputElement)||t.addEventListener("click",(()=>{e.HTMLElement&&e.HTMLInputElement&&(e.HTMLElement.style.left=`${e.HTMLInputElement.offsetLeft}px`,e.HTMLElement.style.top=`${e.HTMLInputElement.offsetTop+e.HTMLInputElement.clientHeight}px`,e.HTMLElement.classList.remove(e.CSSClasses.calendarHidden)),document.addEventListener("click",P,{capture:!0})})))})(e),J(e))},X=e=>`\n\t
\n\t\t<#ArrowPrev />\n\t\t<#ArrowNext />\n\t
\n\t
\n\t\t<#Multiple>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t<#Month />\n\t\t\t\t\t\t<#Year />\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t<#WeekNumbers />\n\t\t\t\t\t
\n\t\t\t\t\t\t<#Week />\n\t\t\t\t\t\t<#Days />\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t<#/Multiple>\n\t
\n\t<#ControlTime />\n`,Z=e=>`\n\t
\n\t\t
\n\t\t\t<#Month />\n\t\t\t<#Year />\n\t\t
\n\t
\n\t
\n\t\t
\n\t\t\t<#Months />\n\t\t
\n\t
\n`,ee=e=>`\n\t
\n\t\t<#ArrowPrev />\n\t\t
\n\t\t\t<#Month />\n\t\t\t<#Year />\n\t\t
\n\t\t<#ArrowNext />\n\t
\n\t
\n\t\t
\n\t\t\t<#Years />\n\t\t
\n\t
\n`,te={calendar:"vanilla-calendar",calendarDefault:"vanilla-calendar_default",calendarMultiple:"vanilla-calendar_multiple",calendarMonth:"vanilla-calendar_month",calendarYear:"vanilla-calendar_year",calendarHidden:"vanilla-calendar_hidden",calendarToInput:"vanilla-calendar_to-input",controls:"vanilla-calendar-controls",grid:"vanilla-calendar-grid",gridDisabled:"vanilla-calendar-grid_disabled",column:"vanilla-calendar-column",columnMonth:"vanilla-calendar-column_month",columnYear:"vanilla-calendar-column_year",header:"vanilla-calendar-header",headerContent:"vanilla-calendar-header__content",month:"vanilla-calendar-month",monthDisabled:"vanilla-calendar-month_disabled",year:"vanilla-calendar-year",yearDisabled:"vanilla-calendar-year_disabled",arrow:"vanilla-calendar-arrow",arrowPrev:"vanilla-calendar-arrow_prev",arrowNext:"vanilla-calendar-arrow_next",wrapper:"vanilla-calendar-wrapper",content:"vanilla-calendar-content",week:"vanilla-calendar-week",weekDay:"vanilla-calendar-week__day",weekDayWeekend:"vanilla-calendar-week__day_weekend",days:"vanilla-calendar-days",daysSelecting:"vanilla-calendar-days_selecting",months:"vanilla-calendar-months",monthsSelecting:"vanilla-calendar-months_selecting",monthsMonth:"vanilla-calendar-months__month",monthsMonthSelected:"vanilla-calendar-months__month_selected",monthsMonthDisabled:"vanilla-calendar-months__month_disabled",years:"vanilla-calendar-years",yearsSelecting:"vanilla-calendar-years_selecting",yearsYear:"vanilla-calendar-years__year",yearsYearSelected:"vanilla-calendar-years__year_selected",yearsYearDisabled:"vanilla-calendar-years__year_disabled",time:"vanilla-calendar-time",timeContent:"vanilla-calendar-time__content",timeHours:"vanilla-calendar-time__hours",timeMinutes:"vanilla-calendar-time__minutes",timeKeeping:"vanilla-calendar-time__keeping",timeRanges:"vanilla-calendar-time__ranges",timeRange:"vanilla-calendar-time__range",day:"vanilla-calendar-day",daySelected:"vanilla-calendar-day_selected",daySelectedFirst:"vanilla-calendar-day_selected-first",daySelectedLast:"vanilla-calendar-day_selected-last",daySelectedIntermediate:"vanilla-calendar-day_selected-intermediate",dayPopup:"vanilla-calendar-day__popup",dayBtn:"vanilla-calendar-day__btn",dayBtnPrev:"vanilla-calendar-day__btn_prev",dayBtnNext:"vanilla-calendar-day__btn_next",dayBtnToday:"vanilla-calendar-day__btn_today",dayBtnSelected:"vanilla-calendar-day__btn_selected",dayBtnHover:"vanilla-calendar-day__btn_hover",dayBtnDisabled:"vanilla-calendar-day__btn_disabled",dayBtnIntermediate:"vanilla-calendar-day__btn_intermediate",dayBtnWeekend:"vanilla-calendar-day__btn_weekend",dayBtnHoliday:"vanilla-calendar-day__btn_holiday",weekNumbers:"vanilla-calendar-week-numbers",weekNumbersTitle:"vanilla-calendar-week-numbers__title",weekNumbersContent:"vanilla-calendar-week-numbers__content",weekNumber:"vanilla-calendar-week-number",isFocus:"vanilla-calendar-is-focus"};return class{constructor(e,i){var d,r,o,u,m,g,v,y,h,S,M,p,C,b,D,T,w,$,f,L,k,H,E,Y,x,N,_,A,F,I,O,P,K,W,j,R,G,z,U,V,J,le,se,ae,ne,ie,de,re,ce,oe,ue,me,ge,ve,ye,he,Se,Me,pe,Ce,be,De,Te,we,$e,fe,Le,ke,He,Ee,Ye,xe,Ne,_e,Ae,Fe,Ie,Be,qe,Oe,Pe,Ke,We,je,Re,Ge,ze,Ue,Ve,Je,Qe,Xe,Ze,et,tt,lt,st,at,nt,it,dt,rt,ct,ot,ut,mt,gt,vt,yt,ht,St,Mt,pt,Ct,bt,Dt,Tt,wt,$t,ft,Lt,kt,Ht,Et,Yt,xt,Nt,_t;(n(this,"HTMLElement"),n(this,"input"),n(this,"type"),n(this,"months"),n(this,"jumpMonths"),n(this,"date"),n(this,"settings"),n(this,"locale"),n(this,"actions"),n(this,"popups"),n(this,"CSSClasses"),n(this,"DOMTemplates"),n(this,"currentType"),n(this,"reset",(()=>q(this))),n(this,"update",(()=>(e=>{var t;let l=null,s=null,a=null;(null==(t=e.settings.selected.dates)?void 0:t[0])||(l=e.settings.selected.dates,e.settings.selected.dates=e.selectedDates),e.settings.selected.month||(s=e.settings.selected.month,e.settings.selected.month=e.selectedMonth),e.settings.selected.year||(a=e.settings.selected.year,e.settings.selected.year=e.selectedYear),c(e),B(e),e.settings.selected.dates=l,e.settings.selected.month=s,e.settings.selected.year=a})(this))),n(this,"init",(()=>Q(this))),this.HTMLElement="string"==typeof e?document.querySelector(e):e,this.HTMLElement)&&(this.input=null!=(d=null==i?void 0:i.input)&&d,this.type=null!=(r=null==i?void 0:i.type)?r:"default",this.months=null!=(o=null==i?void 0:i.months)?o:2,this.jumpMonths=null!=(u=null==i?void 0:i.jumpMonths)?u:1,this.date={min:null!=(g=null==(m=null==i?void 0:i.date)?void 0:m.min)?g:"1970-01-01",max:null!=(y=null==(v=null==i?void 0:i.date)?void 0:v.max)?y:"2470-12-31",today:null!=(S=null==(h=null==i?void 0:i.date)?void 0:h.today)?S:new Date},this.settings={lang:null!=(p=null==(M=null==i?void 0:i.settings)?void 0:M.lang)?p:"en",iso8601:null==(b=null==(C=null==i?void 0:i.settings)?void 0:C.iso8601)||b,range:{min:null!=(w=null==(T=null==(D=null==i?void 0:i.settings)?void 0:D.range)?void 0:T.min)?w:this.date.min,max:null!=(L=null==(f=null==($=null==i?void 0:i.settings)?void 0:$.range)?void 0:f.max)?L:this.date.max,disablePast:null!=(E=null==(H=null==(k=null==i?void 0:i.settings)?void 0:k.range)?void 0:H.disablePast)&&E,disableGaps:null!=(N=null==(x=null==(Y=null==i?void 0:i.settings)?void 0:Y.range)?void 0:x.disableGaps)&&N,disableAllDays:null!=(F=null==(A=null==(_=null==i?void 0:i.settings)?void 0:_.range)?void 0:A.disableAllDays)&&F,disableWeekday:null!=(P=null==(O=null==(I=null==i?void 0:i.settings)?void 0:I.range)?void 0:O.disableWeekday)?P:null,disabled:null!=(j=null==(W=null==(K=null==i?void 0:i.settings)?void 0:K.range)?void 0:W.disabled)?j:null,enabled:null!=(z=null==(G=null==(R=null==i?void 0:i.settings)?void 0:R.range)?void 0:G.enabled)?z:null},selection:{day:null!=(J=null==(V=null==(U=null==i?void 0:i.settings)?void 0:U.selection)?void 0:V.day)?J:"single",month:null==(ae=null==(se=null==(le=null==i?void 0:i.settings)?void 0:le.selection)?void 0:se.month)||ae,year:null==(de=null==(ie=null==(ne=null==i?void 0:i.settings)?void 0:ne.selection)?void 0:ie.year)||de,time:null!=(oe=null==(ce=null==(re=null==i?void 0:i.settings)?void 0:re.selection)?void 0:ce.time)&&oe,controlTime:null!=(ge=null==(me=null==(ue=null==i?void 0:i.settings)?void 0:ue.selection)?void 0:me.controlTime)?ge:"all",stepHours:null!=(he=null==(ye=null==(ve=null==i?void 0:i.settings)?void 0:ve.selection)?void 0:ye.stepHours)?he:1,stepMinutes:null!=(pe=null==(Me=null==(Se=null==i?void 0:i.settings)?void 0:Se.selection)?void 0:Me.stepMinutes)?pe:1},selected:{dates:null!=(De=null==(be=null==(Ce=null==i?void 0:i.settings)?void 0:Ce.selected)?void 0:be.dates)?De:null,month:null!=($e=null==(we=null==(Te=null==i?void 0:i.settings)?void 0:Te.selected)?void 0:we.month)?$e:null,year:null!=(ke=null==(Le=null==(fe=null==i?void 0:i.settings)?void 0:fe.selected)?void 0:Le.year)?ke:null,holidays:null!=(Ye=null==(Ee=null==(He=null==i?void 0:i.settings)?void 0:He.selected)?void 0:Ee.holidays)?Ye:null,time:null!=(_e=null==(Ne=null==(xe=null==i?void 0:i.settings)?void 0:xe.selected)?void 0:Ne.time)?_e:null},visibility:{theme:null!=(Ie=null==(Fe=null==(Ae=null==i?void 0:i.settings)?void 0:Ae.visibility)?void 0:Fe.theme)?Ie:"system",themeDetect:null!=(Oe=null==(qe=null==(Be=null==i?void 0:i.settings)?void 0:Be.visibility)?void 0:qe.themeDetect)?Oe:"html[data-theme]",monthShort:null==(We=null==(Ke=null==(Pe=null==i?void 0:i.settings)?void 0:Pe.visibility)?void 0:Ke.monthShort)||We,weekNumbers:null!=(Ge=null==(Re=null==(je=null==i?void 0:i.settings)?void 0:je.visibility)?void 0:Re.weekNumbers)&&Ge,weekend:null==(Ve=null==(Ue=null==(ze=null==i?void 0:i.settings)?void 0:ze.visibility)?void 0:Ue.weekend)||Ve,today:null==(Xe=null==(Qe=null==(Je=null==i?void 0:i.settings)?void 0:Je.visibility)?void 0:Qe.today)||Xe,disabled:null!=(tt=null==(et=null==(Ze=null==i?void 0:i.settings)?void 0:Ze.visibility)?void 0:et.disabled)&&tt,daysOutside:null==(at=null==(st=null==(lt=null==i?void 0:i.settings)?void 0:lt.visibility)?void 0:st.daysOutside)||at}},this.locale={months:null!=(it=null==(nt=null==i?void 0:i.locale)?void 0:nt.months)?it:[],weekday:null!=(rt=null==(dt=null==i?void 0:i.locale)?void 0:dt.weekday)?rt:[]},this.actions={clickDay:null!=(ot=null==(ct=null==i?void 0:i.actions)?void 0:ct.clickDay)?ot:null,clickWeekNumber:null!=(mt=null==(ut=null==i?void 0:i.actions)?void 0:ut.clickWeekNumber)?mt:null,clickMonth:null!=(vt=null==(gt=null==i?void 0:i.actions)?void 0:gt.clickMonth)?vt:null,clickYear:null!=(ht=null==(yt=null==i?void 0:i.actions)?void 0:yt.clickYear)?ht:null,clickArrow:null!=(Mt=null==(St=null==i?void 0:i.actions)?void 0:St.clickArrow)?Mt:null,changeTime:null!=(Ct=null==(pt=null==i?void 0:i.actions)?void 0:pt.changeTime)?Ct:null,changeToInput:null!=(Dt=null==(bt=null==i?void 0:i.actions)?void 0:bt.changeToInput)?Dt:null,getDays:null!=(wt=null==(Tt=null==i?void 0:i.actions)?void 0:Tt.getDays)?wt:null},this.popups=null!=($t=null==i?void 0:i.popups)?$t:null,this.CSSClasses=(()=>{const e=((e,n)=>{for(var i in n||(n={}))l.call(n,i)&&a(e,i,n[i]);if(t)for(var i of t(n))s.call(n,i)&&a(e,i,n[i]);return e})({},te);return Object.keys(te).forEach((t=>{var l;(null==(l=null==i?void 0:i.CSSClasses)?void 0:l[t])?e[t]=i.CSSClasses[t]:e[t]=te[t]})),e})(),this.DOMTemplates={default:null!=(Lt=null==(ft=null==i?void 0:i.DOMTemplates)?void 0:ft.default)?Lt:(_t=this.CSSClasses,`\n\t
\n\t\t<#ArrowPrev />\n\t\t
\n\t\t\t<#Month />\n\t\t\t<#Year />\n\t\t
\n\t\t<#ArrowNext />\n\t
\n\t
\n\t\t<#WeekNumbers />\n\t\t
\n\t\t\t<#Week />\n\t\t\t<#Days />\n\t\t
\n\t
\n\t<#ControlTime />\n`),multiple:null!=(Ht=null==(kt=null==i?void 0:i.DOMTemplates)?void 0:kt.multiple)?Ht:X(this.CSSClasses),month:null!=(Yt=null==(Et=null==i?void 0:i.DOMTemplates)?void 0:Et.month)?Yt:Z(this.CSSClasses),year:null!=(Nt=null==(xt=null==i?void 0:i.DOMTemplates)?void 0:xt.year)?Nt:ee(this.CSSClasses)},this.currentType=this.type)}}})); +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).VanillaCalendar=t()}(this,(function(){"use strict";var e=Object.defineProperty,t=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,a=(t,l,s)=>l in t?e(t,l,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[l]=s,n=(e,t,l)=>(a(e,"symbol"!=typeof t?t+"":t,l),l);const i=e=>{const t=e.getFullYear();let l=e.getMonth()+1,s=e.getDate();return l=l<10?`0${l}`:l,s=s<10?`0${s}`:s,`${t}-${l}-${s}`},d=e=>{const t=[];return e.forEach((e=>{e.match(/^(\d{4}-\d{2}-\d{2})$/g)?t.push(e):e.replace(/(\d{4}-\d{2}-\d{2}).*?(\d{4}-\d{2}-\d{2})/g,((e,l,s)=>{const a=new Date(`${l}T00:00:00`),n=new Date(`${s}T00:00:00`),d=new Date(a.getTime());for(;d<=n;d.setDate(d.getDate()+1))t.push(i(d));return e}))})),t},r=e=>{const t=Number(e);let l=String(t);return 0===t?l="12":13===t?l="01":14===t?l="02":15===t?l="03":16===t?l="04":17===t?l="05":18===t?l="06":19===t?l="07":20===t?l="08":21===t?l="09":22===t?l="10":23===t&&(l="11"),l},c=e=>{var t,l;e.rangeMin=e.settings.range.min,e.rangeMax=e.settings.range.max,e.rangeDisabled=e.settings.range.disabled?d([...e.settings.range.disabled]):[],e.rangeEnabled=e.settings.range.enabled?d([...e.settings.range.enabled]):[],e.selectedDates=e.settings.selected.dates?d([...e.settings.selected.dates]):[],e.selectedHolidays=e.settings.selected.holidays?d([...e.settings.selected.holidays]):[],e.settings.range.disablePast&&!e.settings.range.disableAllDays&&new Date(`${e.settings.range.min}T00:00:00`)+new Date(e)-+new Date(t))),(null==(l=e.rangeEnabled)?void 0:l[0])&&e.settings.range.disableAllDays&&(e.rangeMin=e.rangeEnabled[0],e.rangeMax=e.rangeEnabled[e.rangeEnabled.length-1]);const s=new Date(`${e.rangeMin}T00:00:00`),a=new Date(`${e.rangeMax}T00:00:00`);s.setDate(s.getDate()-1),a.setDate(a.getDate()+1),e.rangeDisabled.push(i(s)),e.rangeDisabled.push(i(a)),null!==e.settings.selected.month&&e.settings.selected.month>=0&&e.settings.selected.month<12?e.selectedMonth=e.settings.selected.month:e.selectedMonth=e.date.today.getMonth(),null!==e.settings.selected.year&&e.settings.selected.year>=0&&e.settings.selected.year<=9999?e.selectedYear=e.settings.selected.year:e.selectedYear=e.date.today.getFullYear(),e.viewYear=e.selectedYear,e.dateMin=e.settings.visibility.disabled?new Date(`${e.date.min}T00:00:00`):new Date(`${e.rangeMin}T00:00:00`),e.dateMax=e.settings.visibility.disabled?new Date(`${e.date.max}T00:00:00`):new Date(`${e.rangeMax}T00:00:00`);const n=!0===e.settings.selection.time||12===e.settings.selection.time;if(n||24===e.settings.selection.time){if(e.userTime=!1,"string"==typeof e.settings.selected.time){const t=n?/^([0-9]|0[1-9]|1[0-2]):([0-5][0-9])|(AM|PM)/g:/^([0-1]?[0-9]|2[0-3]):([0-5][0-9])/g;e.settings.selected.time.replace(t,((t,l,s,a)=>(l&&s&&(e.userTime=!0,e.selectedHours=l,e.selectedMinutes=s),a&&n?e.selectedKeeping=a:n&&(e.selectedKeeping="AM"),"")))}!e.userTime&&n?(e.selectedHours=r(String(e.date.today.getHours())),e.selectedMinutes=String(e.date.today.getMinutes()),e.selectedKeeping=Number(e.date.today.getHours())>=12?"PM":"AM"):e.userTime||(e.selectedHours=String(e.date.today.getHours()),e.selectedMinutes=String(e.date.today.getMinutes())),e.selectedHours=Number(e.selectedHours)<10?`0${Number(e.selectedHours)}`:`${e.selectedHours}`,e.selectedMinutes=Number(e.selectedMinutes)<10?`0${Number(e.selectedMinutes)}`:`${e.selectedMinutes}`,e.selectedTime=`${e.selectedHours}:${e.selectedMinutes}${e.selectedKeeping?` ${e.selectedKeeping}`:""}`}else e.settings.selection.time&&(e.settings.selection.time=!1,console.error("The value of the time property can be: false, true, 12 or 24."));"multiple"===e.type&&(1===e.months?(console.warn("The value of the «months» parameter cannot be less than «2», the minimum available value will be initialized."),e.correctMonths=2):e.months>12?(console.warn("The value of the «months» parameter cannot be greater than «12», the maximum available value will be initialized."),e.correctMonths=12):e.correctMonths=e.months)},o=e=>{if(!["default","multiple","year"].includes(e.currentType))return;const t=e.HTMLElement.querySelector(`.${e.CSSClasses.arrowPrev}`),l=e.HTMLElement.querySelector(`.${e.CSSClasses.arrowNext}`);if(!t||!l)return;"default"!==e.currentType&&"multiple"!==e.currentType||(()=>{if(!e.dateMin||!e.dateMax)return;const s=new Date(`${i(new Date(e.selectedYear,e.selectedMonth,1))}T00:00:00`),a=new Date(s.getTime());s.setMonth(s.getMonth()-e.jumpMonths),a.setMonth(a.getMonth()+e.jumpMonths),!e.settings.selection.month||s.getFullYear()e.dateMax.getFullYear()||a.getFullYear()===e.dateMax.getFullYear()&&a.getMonth()>e.dateMax.getMonth()?l.style.visibility="hidden":l.style.visibility=""})(),"year"===e.currentType&&e.dateMin&&e.dateMax&&void 0!==e.viewYear&&(e.dateMin.getFullYear()&&e.viewYear-7<=e.dateMin.getFullYear()?t.style.visibility="hidden":t.style.visibility="",e.dateMax.getFullYear()&&e.viewYear+7>=e.dateMax.getFullYear()?l.style.visibility="hidden":l.style.visibility="")},u=(e,t)=>{if(!e)return null;const l=new Date(`${e}T00:00:00`).getDate(),s=new Date(`${e}T00:00:00`).getMonth(),a=new Date(`${e}T00:00:00`).getFullYear(),n=new Date(a,s,l),i=t?n.getDay()||7:n.getDay();n.setDate(n.getDate()+4-i);const d=new Date(n.getFullYear(),0,1);return{year:a,week:Math.ceil(((+n-+d)/864e5+1)/7)}},m=e=>{var t,l;const s=e.HTMLElement.querySelectorAll(`.${e.CSSClasses.days}`),a=e.HTMLElement.querySelectorAll(`.${e.CSSClasses.weekNumbers}`),n=new Date(e.selectedYear,e.selectedMonth,1),d=document.createElement("div"),r=document.createElement("button");d.className=e.CSSClasses.day,r.className=e.CSSClasses.dayBtn,r.type="button",null==(t=e.selectedDates)||t.sort(((e,t)=>+new Date(e)-+new Date(t))),s.forEach(((t,l)=>{const c=new Date(n.setMonth(e.selectedMonth+l)).getMonth(),o=new Date(n.setFullYear(e.selectedYear,e.selectedMonth+l)).getFullYear(),m=new Date(o,c,1),g=new Date(o,c+1,0).getDate();let v=Number(m.getDay());e.settings.iso8601&&(v=Number((0!==m.getDay()?m.getDay():7)-1)),e.settings.selection.day&&["single","multiple","multiple-ranged"].includes(e.settings.selection.day)&&s[l].classList.add(e.CSSClasses.daysSelecting),s[l].innerHTML="";const y=(t,a,n,i,c)=>{var m,g,v,y,h,S,M,p,C;const b=d.cloneNode(!0),D=r.cloneNode(!0);if(c&&D.classList.add(c),D.innerText=t,D.dataset.calendarDay=n,e.settings.visibility.weekNumbers){const t=u(n,e.settings.iso8601);if(!t)return;D.dataset.calendarWeekNumber=`${t.week}`}(null==(m=e.rangeEnabled)?void 0:m[0])&&e.settings.range.disableAllDays&&!(null==(g=e.rangeDisabled)?void 0:g.includes(n))&&(null==(v=e.rangeDisabled)||v.push(n)),(null==(y=e.rangeEnabled)?void 0:y[0])&&(null==(h=e.rangeDisabled)?void 0:h.includes(n))&&(e.rangeDisabled=null==(S=e.rangeDisabled)?void 0:S.filter((t=>{var l;return!(null==(l=e.rangeEnabled)?void 0:l.includes(t))}))),(null==(M=e.settings.range.disableWeekday)?void 0:M.includes(a))&&!(null==(p=e.rangeDisabled)?void 0:p.includes(n))&&(null==(C=e.rangeDisabled)||C.push(n)),((t,l,s,a,n)=>{(e.rangeMin>a||e.rangeMax{t===a&&l.classList.add(e.CSSClasses.dayBtnHoliday)}));let i=e.date.today.getDate(),d=e.date.today.getMonth()+1;i=i<10?`0${i}`:i,d=d<10?`0${d}`:d;const r=`${e.date.today.getFullYear()}-${d}-${i}`;e.settings.visibility.today&&l.dataset.calendarDay===r&&l.classList.add(e.CSSClasses.dayBtnToday),e.selectedDates&&0===e.selectedDates.indexOf(a)?("multiple-ranged"===e.settings.selection.day&&e.selectedDates.length>1?t.classList.add(e.CSSClasses.daySelectedFirst):t.classList.add(e.CSSClasses.daySelected),l.classList.add(e.CSSClasses.dayBtnSelected)):e.selectedDates&&e.selectedDates[0]&&e.selectedDates.indexOf(a)===e.selectedDates.length-1?(t.classList.add(e.CSSClasses.daySelected),"multiple-ranged"===e.settings.selection.day?t.classList.add(e.CSSClasses.daySelectedLast):t.classList.add(e.CSSClasses.daySelected),l.classList.add(e.CSSClasses.dayBtnSelected)):e.selectedDates&&e.selectedDates.indexOf(a)>0&&"multiple-ranged"===e.settings.selection.day?(t.classList.add(e.CSSClasses.daySelectedIntermediate),l.classList.add(e.CSSClasses.dayBtnSelected),l.classList.add(e.CSSClasses.dayBtnIntermediate)):e.selectedDates&&e.selectedDates.indexOf(a)>0&&(t.classList.add(e.CSSClasses.daySelected),l.classList.add(e.CSSClasses.dayBtnSelected)),Array.isArray(e.rangeDisabled)&&e.rangeDisabled[0]&&e.rangeDisabled.forEach((t=>{t===a&&(l.classList.add(e.CSSClasses.dayBtnDisabled),l.tabIndex=-1)})),!e.settings.selection.month&&n&&(l.classList.add(e.CSSClasses.dayBtnDisabled),l.tabIndex=-1),e.settings.selection.year||new Date(`${a}T00:00:00`).getFullYear()===o||(l.classList.add(e.CSSClasses.dayBtnDisabled),l.tabIndex=-1)})(b,D,a,n,i),i?e.settings.visibility.daysOutside&&b.append(D):b.append(D),s[l].append(b),e.actions.getDays&&e.actions.getDays(Number(t),n,b,D)};(()=>{let t=new Date(o,c,0).getDate()-v,l=o,s=c;0===c?(s=e.locale.months.length,l=o-1):c<10&&(s=`0${c}`);for(let a=0;a{for(let e=1;e<=g;e++){const t=new Date(o,c,e),l=i(t),s=t.getDay();y(String(e),s,l,!1,null)}})(),(()=>{const t=v+g,l=Math.ceil(t/e.locale.weekday.length),s=e.locale.weekday.length*l-t;let a=o,n=String(c+2);c+1===e.locale.months.length?(n="01",a=o+1):c+2<10&&(n=`0${c+2}`);for(let i=1;i<=s;i++){const t=`${a}-${n}-${i<10?`0${i}`:String(i)}`,l=new Date(o,c,i).getMonth()+1,s=new Date(o,l,i).getDay();y(String(i),s,t,!0,e.CSSClasses.dayBtnNext)}})(),((e,t)=>{e.popups&&Object.keys(e.popups).forEach((l=>{var s;const a=t.querySelector(`[data-calendar-day="${l}"]`);if(a){const t=null==(s=e.popups)?void 0:s[l];(null==t?void 0:t.modifier)&&t.modifier.trim().split(" ").forEach((e=>{a.classList.add(e)})),(null==t?void 0:t.html)&&(a.parentNode.innerHTML+=`
${t.html}
`)}}))})(e,s[l]),((e,t,l,s,a)=>{if(!e.settings.visibility.weekNumbers)return;const n=a.querySelectorAll(`.${e.CSSClasses.day}`);s.innerHTML="";const i=Math.ceil((t+l)/7),d=document.createElement("b");d.className=e.CSSClasses.weekNumbersTitle,d.innerText="#",s.append(d);const r=document.createElement("div");r.className=e.CSSClasses.weekNumbersContent,s.append(r);const c=document.createElement("span");c.className=e.CSSClasses.weekNumber;for(let o=0;o+new Date(e)-+new Date(t)))},g=e=>`\n\t\n`,v=e=>`\n\t\n`,y=e=>`\n\t\n`,h=e=>`\n\t\n`,S=e=>`\n\t
\n`,M=e=>`\n\t
\n`,p=e=>`\n\t
\n`,C=e=>`\n\t
\n`,b=e=>e.settings.visibility.weekNumbers?`\n\t
\n`:"",D=e=>e.settings.selection.time?`\n\t
\n`:"",T=(e,t)=>t.replace(/<#(.*?)\/>/g,((t,l)=>{const s=(e=>{let t=null;switch(e){case"ArrowPrev":t=g;break;case"ArrowNext":t=v;break;case"Month":t=y;break;case"Year":t=h;break;case"Week":t=S;break;case"Days":t=M;break;case"Months":t=p;break;case"Years":t=C;break;case"WeekNumbers":t=b;break;case"ControlTime":t=D}return t})(l.replace(/[\s\n\t]/g,""));return s?s(e):""})).replace(/[\n\t]/g,""),w=(e,t)=>{const l=e.HTMLElement;l.classList.add(e.CSSClasses.calendar);const s=(l,s)=>{if(!t)return;const a=e.HTMLElement.querySelector(`.${e.CSSClasses.controls}`);a&&e.HTMLElement.removeChild(a);e.HTMLElement.querySelector(`.${e.CSSClasses.grid}`).classList.add(e.CSSClasses.gridDisabled);const n=t.closest(`.${e.CSSClasses.column}`);n.classList.add(l),n.innerHTML=T(e,s)};switch(e.currentType){case"default":l.classList.add(e.CSSClasses.calendarDefault),l.classList.remove(e.CSSClasses.calendarMonth),l.classList.remove(e.CSSClasses.calendarYear),l.innerHTML=T(e,e.DOMTemplates.default);break;case"multiple":if(!e.correctMonths)break;l.classList.add(e.CSSClasses.calendarMultiple),l.classList.remove(e.CSSClasses.calendarMonth),l.classList.remove(e.CSSClasses.calendarYear),l.innerHTML=((e,t)=>t.replace(/<#Multiple>(.*?)<#\/Multiple>/g,((t,l)=>{let s="";for(let a=0;a{const t=e.HTMLElement.querySelectorAll("[data-calendar-selected-month]");if(!t[0]||void 0===e.selectedMonth)return;const l=new Date(e.selectedYear,e.selectedMonth,1);t.forEach(((s,a)=>{const n=new Date(l.setMonth(e.selectedMonth+a)).getMonth();t[a].dataset.calendarSelectedMonth=String(n),t[a].innerText=e.locale.months[n],!1===e.settings.selection.month||"only-arrows"===e.settings.selection.month?(t[a].tabIndex=-1,t[a].classList.add(e.CSSClasses.monthDisabled)):(t[a].tabIndex=0,t[a].classList.remove(e.CSSClasses.monthDisabled))}))},f=e=>{const t=e.HTMLElement.querySelectorAll("[data-calendar-selected-year]");if(!t||void 0===e.selectedMonth)return;const l=new Date(e.selectedYear,e.selectedMonth,1);t.forEach(((s,a)=>{const n=new Date(l.setFullYear(e.selectedYear,e.selectedMonth+a)).getFullYear();t[a].dataset.calendarSelectedYear=String(n),t[a].innerText=String(n),!1===e.settings.selection.year||"only-arrows"===e.settings.selection.year?(t[a].tabIndex=-1,t[a].classList.add(e.CSSClasses.yearDisabled)):(t[a].tabIndex=0,t[a].classList.remove(e.CSSClasses.yearDisabled))}))},L=(e,t)=>{var l;const s=(null==t?void 0:t.dataset.calendarSelectedMonth)?Number(t.dataset.calendarSelectedMonth):e.selectedMonth,a=null==(l=null==t?void 0:t.closest(`.${e.CSSClasses.column}`))?void 0:l.querySelector(`.${e.CSSClasses.year}`),n=a?Number(a.dataset.calendarSelectedYear):e.selectedYear;e.currentType="month",w(e,t),$(e),f(e);const i=e.HTMLElement.querySelector(`.${e.CSSClasses.months}`);if(!e.dateMin||!e.dateMax||!i)return;e.settings.selection.month&&i.classList.add(e.CSSClasses.monthsSelecting);const d=e.jumpMonths>1?e.locale.months.map(((t,l)=>s-e.jumpMonths*l)).concat(e.locale.months.map(((t,l)=>s+e.jumpMonths*l))).filter((e=>e>=0&&e<=12)):Array.from(Array(12).keys()),r=document.createElement("button");r.type="button",r.className=e.CSSClasses.monthsMonth;const c=()=>{if("multiple"!==e.type)return 0;const t=[...e.HTMLElement.querySelectorAll(`.${e.CSSClasses.column}`)].findIndex((t=>t.classList.contains(`${e.CSSClasses.columnMonth}`)));return t>0?t:0};for(let o=0;oe.dateMax.getMonth()+c()&&n>=e.dateMax.getFullYear()||o!==s&&!d.includes(o))&&(l.classList.add(e.CSSClasses.monthsMonthDisabled),l.tabIndex=-1),l.dataset.calendarMonth=String(o),l.title=`${t}`,l.innerText=`${e.settings.visibility.monthShort?t.substring(0,3):t}`,i.append(l)}},k=e=>({hide(){e.HTMLElement.classList.add(e.CSSClasses.calendarHidden)},show(){e.HTMLElement.classList.remove(e.CSSClasses.calendarHidden)},HTMLInputElement:e.HTMLInputElement,HTMLElement:e.HTMLElement}),H=(e,t)=>{const l=Number(e);let s=String(l);return"AM"===t?12===l&&(s="00"):"PM"===t&&(1===l?s="13":2===l?s="14":3===l?s="15":4===l?s="16":5===l?s="17":6===l?s="18":7===l?s="19":8===l?s="20":9===l?s="21":10===l?s="22":11===l&&(s="23")),s},Y=e=>{const t=e.HTMLElement.querySelector(`.${e.CSSClasses.time}`);if(!t)return;const l=!0===e.settings.selection.time?12:e.settings.selection.time,s="range"===e.settings.selection.controlTime;t.innerHTML=`\n\t
\n\t\t\n\t\t\n\t\t${12===l?`\n\t\t\n\t\t`:""}\n\t
\n\t
\n\t\t\n\t\t\n\t
`,((e,t)=>{const l=e.HTMLElement.querySelector(`.${e.CSSClasses.timeRange} input[name="hours"]`),s=e.HTMLElement.querySelector(`.${e.CSSClasses.timeRange} input[name="minutes"]`),a=e.HTMLElement.querySelector(`.${e.CSSClasses.timeHours} input[name="hours"]`),n=e.HTMLElement.querySelector(`.${e.CSSClasses.timeMinutes} input[name="minutes"]`),i=e.HTMLElement.querySelector(`.${e.CSSClasses.timeKeeping}`),d=(t,l)=>{t.addEventListener("mouseover",(()=>l.classList.add(e.CSSClasses.isFocus)))},c=(t,l)=>{t.addEventListener("mouseout",(()=>l.classList.remove(e.CSSClasses.isFocus)))},o=(t,l,s)=>{"hours"===s?e.selectedHours=`${l}`:"minutes"===s&&(e.selectedMinutes=`${l}`),e.selectedTime=`${e.selectedHours}:${e.selectedMinutes}${e.selectedKeeping?` ${e.selectedKeeping}`:""}`,e.actions.changeTime&&e.actions.changeTime(t,e.selectedTime,e.selectedHours,e.selectedMinutes,e.selectedKeeping),e.input&&e.HTMLInputElement&&e.actions.changeToInput&&e.actions.changeToInput(t,k(e),e.selectedDates,e.selectedTime,e.selectedHours,e.selectedMinutes,e.selectedKeeping)},u=(t,l,s,a)=>{t.addEventListener("input",(t=>{let n=Number(t.target.value);n=n<10?`0${n}`:`${n}`,"hours"===s&&12===a?Number(t.target.value)0?(l.value=n,e.selectedKeeping="AM",i.innerText=e.selectedKeeping,o(t,n,s)):(0===Number(t.target.value)?(e.selectedKeeping="AM",i.innerText="AM"):(e.selectedKeeping="PM",i.innerText="PM"),l.value=r(t.target.value),o(t,r(t.target.value),s)):(l.value=n,o(t,n,s))}))},m=(t,l,s,a)=>{l.addEventListener("change",(l=>{const n=l.target;let d=Number(n.value);d=d<10?`0${d}`:`${d}`,"hours"===s&&12===a?n.value&&Number(n.value)<=a&&Number(n.value)>0?(n.value=d,t.value=H(d,e.selectedKeeping),o(l,d,s)):n.value&&Number(n.value)<24&&(Number(n.value)>a||0===Number(n.value))?(0===Number(n.value)?(e.selectedKeeping="AM",i.innerText="AM"):(e.selectedKeeping="PM",i.innerText="PM"),n.value=r(n.value),t.value=d,o(l,r(n.value),s)):n.value=e.selectedHours:n.value&&Number(n.value)<=a&&Number(n.value)>=0?(n.value=d,t.value=d,o(l,d,s)):"hours"===s?n.value=e.selectedHours:"minutes"===s&&(n.value=e.selectedMinutes)}))};d(l,a),d(s,n),c(l,a),c(s,n),u(l,a,"hours",24===t?23:12),u(s,n,"minutes",0),m(l,a,"hours",24===t?23:12),m(s,n,"minutes",59),i&&i.addEventListener("click",(t=>{i.innerText.includes("AM")?e.selectedKeeping="PM":e.selectedKeeping="AM",l.value=H(e.selectedHours,e.selectedKeeping),o(t,e.selectedHours,"hours"),i.innerText=e.selectedKeeping}))})(e,l)},E=e=>{const t=[...e.locale.weekday];if(!t[0])return;const l=e.HTMLElement.querySelectorAll(`.${e.CSSClasses.week}`),s=document.createElement("b");s.className=e.CSSClasses.weekDay,e.settings.iso8601&&t.push(t.shift()),l.forEach((l=>{l.innerHTML="";for(let a=0;a{if(void 0===e.viewYear||!e.dateMin||!e.dateMax)return;const l=(null==t?void 0:t.dataset.calendarSelectedYear)?Number(null==t?void 0:t.dataset.calendarSelectedYear):e.selectedYear;e.currentType="year",w(e,t),$(e),f(e),o(e);const s=e.HTMLElement.querySelector(`.${e.CSSClasses.years}`);if(!s)return;e.settings.selection.year&&s.classList.add(e.CSSClasses.yearsSelecting);const a=document.createElement("button");a.type="button",a.className=e.CSSClasses.yearsYear;for(let n=e.viewYear-7;ne.dateMax.getFullYear())&&(i.classList.add(e.CSSClasses.yearsYearDisabled),i.tabIndex=-1),i.dataset.calendarYear=String(t),i.innerText=`${t}`,s.append(i)}},N=["light","dark","system"];let _=!1;const A=(e,t)=>{var l;let s=null;for(let a=0;a{e.HTMLElement&&(N.includes(t)?e.HTMLElement.dataset.calendarTheme=t:console.error("Incorrect name of theme in settings.visibility.theme"))},I=(e,t)=>{if(!t)return void F(e,"light");const l=e=>e.matches?"dark":"light";e.HTMLElement.dataset.calendarTheme=l(t),_||(t.onchange=t=>{"system"===e.settings.visibility.theme&&(e.HTMLElement.dataset.calendarTheme=l(t))},_=!0)},B=(e,t)=>{if(!e.HTMLElement)return;const l=!!e.settings.visibility.themeDetect&&document.querySelector(e.settings.visibility.themeDetect);if(!l)return void I(e,t);const s=e.settings.visibility.themeDetect.replace(/^.*\[(.+)\]/g,((e,t)=>t)),a=l.hasAttribute(s);if(!s||!a)return void I(e,t);const n=A(l,s);n?(F(e,n),((e,t,l)=>{new MutationObserver((s=>{for(let a=0;a{const t={default(){E(e),m(e)},multiple(){E(e),m(e)},month(){L(e)},year(){x(e)}};(e=>{if(!e.HTMLElement)return;let t;"not all"!==window.matchMedia("(prefers-color-scheme)").media&&(t=window.matchMedia("(prefers-color-scheme: dark)")),"system"===e.settings.visibility.theme?B(e,t):F(e,e.settings.visibility.theme)})(e),(e=>{if("define"!==e.settings.lang){e.locale.weekday=[];for(let t=0;t<7;t++){let l=new Date(0,0,t).toLocaleString(e.settings.lang,{weekday:"short"});l=`${l.charAt(0).toUpperCase()}${l.substring(1,l.length)}`,l=l.replace(/\./,""),e.locale.weekday.push(l)}e.locale.months=[];for(let t=0;t<12;t++){let l=new Date(0,t).toLocaleString(e.settings.lang,{month:"long"});l=`${l.charAt(0).toUpperCase()}${l.substring(1,l.length)}`,l=l.replace(/\./,""),e.locale.months.push(l)}}})(e),w(e),$(e),f(e),o(e),Y(e),t[e.currentType]()},O=e=>{c(e),q(e)},P=(e,t)=>{if(void 0===e.selectedMonth||void 0===e.selectedYear)return;const l=new Date(`${i(new Date(e.selectedYear,e.selectedMonth,1))}T00:00:00`);switch(t){case"prev":l.setMonth(l.getMonth()-e.jumpMonths);break;case"next":l.setMonth(l.getMonth()+e.jumpMonths)}e.selectedMonth=l.getMonth(),e.selectedYear=l.getFullYear(),$(e),f(e),o(e),m(e)};let K=null;const W=()=>{var e;if(!K)return;const t=null==(e=K.HTMLElement)?void 0:e.querySelectorAll(`.${K.CSSClasses.dayBtnHover}`);t&&t.forEach((e=>e.classList.remove(K.CSSClasses.dayBtnHover)))},j=e=>{var t;if(!K||!K.selectedDates)return;const l=i(e);if(K.rangeDisabled&&K.rangeDisabled.includes(l))return;const s=null==(t=K.HTMLElement)?void 0:t.querySelectorAll(`[data-calendar-day="${l}"]`);null==s||s.forEach((e=>{e.classList.add(K.CSSClasses.dayBtnHover)}))},R=e=>{if(!e.target||!K||!K.selectedDates)return;if(!e.target.closest(`.${K.CSSClasses.days}`))return void W();const t=e.target.dataset.calendarDay;if(!t)return;W();const l=new Date(new Date(`${K.selectedDates[0]}T00:00:00`).getFullYear(),new Date(`${K.selectedDates[0]}T00:00:00`).getMonth(),new Date(`${K.selectedDates[0]}T00:00:00`).getDate()),s=new Date(new Date(`${t}T00:00:00`).getFullYear(),new Date(`${t}T00:00:00`).getMonth(),new Date(`${t}T00:00:00`).getDate());if(s>l)for(let a=l;a<=s;a.setDate(a.getDate()+1))j(a);else for(let a=l;a>=s;a.setDate(a.getDate()-1))j(a)},G=e=>{K&&"Escape"===e.key&&(K.selectedDates=[],K.HTMLElement.removeEventListener("mousemove",R),document.removeEventListener("keydown",G),q(K))},z=e=>{e&&e.selectedDates&&(K=e,e.selectedDates[0]&&e.selectedDates.length<=1?(e.HTMLElement.addEventListener("mousemove",R),document.addEventListener("keydown",G),e.settings.range.disableGaps&&(()=>{var e;if(!K||!(null==(e=K.selectedDates)?void 0:e[0])||!K.rangeDisabled||K.rangeDisabled.length<2)return;const t=new Date(`${K.selectedDates[0]}T00:00:00`);let l=null,s=null;for(let a=0;a=e)){s=e;break}l=e}l&&(l=new Date(l.setDate(l.getDate()+1)),K.rangeMin=i(l)),s&&(s=new Date(s.setDate(s.getDate()-1)),K.rangeMax=i(s))})()):(e.HTMLElement.removeEventListener("mousemove",R),document.removeEventListener("keydown",G),e.settings.range.disableGaps&&K&&(K.rangeMin=K.settings.range.min,K.rangeMax=K.settings.range.max,K.settings.range.disablePast&&new Date(`${K.settings.range.min}T00:00:00`){const n=e.HTMLElement.querySelectorAll(`.${e.CSSClasses.column}`),i=[...n].findIndex((e=>e.classList.contains(t))),d=Number(n[i].querySelector(`.${l}`).getAttribute(a));return"month"===e.currentType&&i>=0?s-i:"year"===e.currentType&&e.selectedYear!==d?s-1:s},V=e=>{e.HTMLElement.addEventListener("click",(t=>{const l=t.target,s=l.closest(`.${e.CSSClasses.arrow}`),a=l.closest(`.${e.CSSClasses.arrowPrev}`),n=l.closest(`.${e.CSSClasses.arrowNext}`),d=l.closest(`.${e.CSSClasses.dayBtn}`),r=l.closest(`.${e.CSSClasses.dayBtnPrev}`),c=l.closest(`.${e.CSSClasses.dayBtnNext}`),o=l.closest(`.${e.CSSClasses.weekNumber}`),u=l.closest(`.${e.CSSClasses.year}`),g=l.closest(`.${e.CSSClasses.yearsYear}`),v=l.closest(`.${e.CSSClasses.month}`),y=l.closest(`.${e.CSSClasses.monthsMonth}`),h=l.closest(`.${e.CSSClasses.grid}`),S=l.closest(`.${e.CSSClasses.column}`);s&&"year"!==e.currentType&&"month"!==e.currentType&&P(e,l.dataset.calendarArrow),s&&e.actions.clickArrow&&e.actions.clickArrow(t,Number(e.selectedYear),Number(e.selectedMonth)),(()=>{if(e.settings.selection.day&&["single","multiple","multiple-ranged"].includes(e.settings.selection.day)&&d){switch(e.settings.selection.day){case"single":e.selectedDates&&d&&d.dataset.calendarDay&&(d.classList.contains(e.CSSClasses.dayBtnSelected)?e.selectedDates.splice(e.selectedDates.indexOf(d.dataset.calendarDay),1):(e.selectedDates=[],e.selectedDates.push(d.dataset.calendarDay)));break;case"multiple":e.selectedDates&&d&&d.dataset.calendarDay&&(d.classList.contains(e.CSSClasses.dayBtnSelected)?e.selectedDates.splice(e.selectedDates.indexOf(d.dataset.calendarDay),1):e.selectedDates.push(d.dataset.calendarDay));break;case"multiple-ranged":(()=>{if(e.selectedDates&&d&&d.dataset.calendarDay){if(e.selectedDates.length<=1&&e.selectedDates[0]&&e.selectedDates[0].includes(d.dataset.calendarDay)?e.selectedDates=[]:(e.selectedDates.length>1&&(e.selectedDates=[]),e.selectedDates.push(d.dataset.calendarDay)),e.selectedDates[1]){const t=new Date(new Date(`${e.selectedDates[0]}T00:00:00`).getFullYear(),new Date(`${e.selectedDates[0]}T00:00:00`).getMonth(),new Date(`${e.selectedDates[0]}T00:00:00`).getDate()),l=new Date(new Date(`${e.selectedDates[1]}T00:00:00`).getFullYear(),new Date(`${e.selectedDates[1]}T00:00:00`).getMonth(),new Date(`${e.selectedDates[1]}T00:00:00`).getDate()),s=t=>{if(!e.selectedDates)return;const l=i(t);e.rangeDisabled&&e.rangeDisabled.includes(l)||e.selectedDates.push(l)};if(e.selectedDates=[],l>t)for(let e=t;e<=l;e.setDate(e.getDate()+1))s(e);else for(let e=t;e>=l;e.setDate(e.getDate()-1))s(e)}z(e)}})()}e.actions.clickDay&&e.actions.clickDay(t,e.selectedDates),e.input&&e.HTMLInputElement&&e.HTMLElement&&e.actions.changeToInput&&e.actions.changeToInput(t,k(e),e.selectedDates,e.selectedTime,e.selectedHours,e.selectedMinutes,e.selectedKeeping),r?P(e,"prev"):c?P(e,"next"):m(e)}})(),(()=>{var l;if(!e.settings.visibility.weekNumbers||!o||!e.actions.clickWeekNumber)return;const s=null==(l=e.HTMLElement)?void 0:l.querySelectorAll("[data-calendar-week-number]");if(!s)return;const a=Number(o.innerText),n=Number(o.dataset.calendarYearWeek),i=[...s].filter((e=>Number(e.dataset.calendarWeekNumber)===a));e.actions.clickWeekNumber(t,a,i,n)})(),(()=>{if(e.settings.selection.year)if(s&&"year"===e.currentType){if(void 0===e.viewYear)return;n?e.viewYear+=15:a&&(e.viewYear-=15),x(e,t.target)}else if("year"!==e.currentType&&u)x(e,t.target);else if("year"===e.currentType&&u)e.currentType=e.type,q(e);else if(g){if(void 0===e.selectedMonth||!e.dateMin||!e.dateMax)return;e.selectedYear="multiple"===e.type?U(e,e.CSSClasses.columnYear,e.CSSClasses.year,Number(g.dataset.calendarYear),"data-calendar-selected-year"):Number(g.dataset.calendarYear),e.currentType=e.type,(e.selectedMonthe.dateMax.getMonth()&&e.selectedYear>=e.dateMax.getFullYear()||e.selectedYear>e.dateMax.getFullYear())&&(e.selectedMonth=e.dateMax.getMonth(),e.selectedYear=e.dateMax.getFullYear()),e.actions.clickYear&&e.actions.clickYear(t,e.selectedYear),q(e)}else"multiple"===e.type&&"year"===e.currentType&&h&&!S&&(e.currentType=e.type,q(e))})(),(()=>{if(e.settings.selection.month)if("month"!==e.currentType&&v)L(e,t.target);else if("month"===e.currentType&&v)e.currentType=e.type,q(e);else if(y){if(void 0===e.selectedMonth||!e.dateMin||!e.dateMax)return;if(e.selectedMonth="multiple"===e.type?U(e,e.CSSClasses.columnMonth,e.CSSClasses.month,Number(y.dataset.calendarMonth),"data-calendar-selected-month"):Number(y.dataset.calendarMonth),"multiple"===e.type){const t=y.closest(`.${e.CSSClasses.columnMonth}`).querySelector(`.${e.CSSClasses.year}`);e.selectedYear=Number(t.dataset.calendarSelectedYear),e.selectedMonthe.dateMax.getMonth()&&e.selectedYear>=e.dateMax.getFullYear()&&(e.selectedMonth=e.dateMax.getMonth())}e.currentType=e.type,e.actions.clickMonth&&e.actions.clickMonth(t,e.selectedMonth),q(e)}else"multiple"===e.type&&"month"===e.currentType&&h&&!S&&(e.currentType=e.type,q(e))})()}))};let J=null;const Q=(e,t)=>{const l=e.getBoundingClientRect();t.style.left=`${l.left}px`,t.style.top=`${l.top+l.height}px`},X=e=>{if(!J||e.target.closest(`.${J.CSSClasses.calendar}.${J.CSSClasses.calendarToInput}`))return;document.querySelectorAll(`.${J.CSSClasses.calendar}.${J.CSSClasses.calendarToInput}`).forEach((e=>e.classList.add(J.CSSClasses.calendarHidden))),document.removeEventListener("click",X,{capture:!0})},Z=e=>{e&&(J=e,e.HTMLInputElement=e.HTMLElement,e.HTMLElement=null,e.HTMLInputElement.addEventListener("click",(()=>{e.HTMLElement&&e.HTMLInputElement?(Q(e.HTMLInputElement,e.HTMLElement),e.HTMLElement.classList.remove(e.CSSClasses.calendarHidden)):e.HTMLElement?e.HTMLElement.classList.remove(e.CSSClasses.calendarHidden):(e=>{if(!e.HTMLInputElement)return;const t=document.createElement("div");t.className=`${e.CSSClasses.calendar} ${e.CSSClasses.calendarToInput} ${e.CSSClasses.calendarHidden}`,Q(e.HTMLInputElement,t),e.HTMLElement=t,document.body.append(e.HTMLElement),setTimeout((()=>e.HTMLElement.classList.remove(e.CSSClasses.calendarHidden)),0),O(e),V(e)})(e),document.addEventListener("click",X,{capture:!0})})))},ee=e=>`\n\t
\n\t\t<#ArrowPrev />\n\t\t<#ArrowNext />\n\t
\n\t
\n\t\t<#Multiple>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t<#Month />\n\t\t\t\t\t\t<#Year />\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t<#WeekNumbers />\n\t\t\t\t\t
\n\t\t\t\t\t\t<#Week />\n\t\t\t\t\t\t<#Days />\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t<#/Multiple>\n\t
\n\t<#ControlTime />\n`,te=e=>`\n\t
\n\t\t
\n\t\t\t<#Month />\n\t\t\t<#Year />\n\t\t
\n\t
\n\t
\n\t\t
\n\t\t\t<#Months />\n\t\t
\n\t
\n`,le=e=>`\n\t
\n\t\t<#ArrowPrev />\n\t\t
\n\t\t\t<#Month />\n\t\t\t<#Year />\n\t\t
\n\t\t<#ArrowNext />\n\t
\n\t
\n\t\t
\n\t\t\t<#Years />\n\t\t
\n\t
\n`,se={calendar:"vanilla-calendar",calendarDefault:"vanilla-calendar_default",calendarMultiple:"vanilla-calendar_multiple",calendarMonth:"vanilla-calendar_month",calendarYear:"vanilla-calendar_year",calendarHidden:"vanilla-calendar_hidden",calendarToInput:"vanilla-calendar_to-input",controls:"vanilla-calendar-controls",grid:"vanilla-calendar-grid",gridDisabled:"vanilla-calendar-grid_disabled",column:"vanilla-calendar-column",columnMonth:"vanilla-calendar-column_month",columnYear:"vanilla-calendar-column_year",header:"vanilla-calendar-header",headerContent:"vanilla-calendar-header__content",month:"vanilla-calendar-month",monthDisabled:"vanilla-calendar-month_disabled",year:"vanilla-calendar-year",yearDisabled:"vanilla-calendar-year_disabled",arrow:"vanilla-calendar-arrow",arrowPrev:"vanilla-calendar-arrow_prev",arrowNext:"vanilla-calendar-arrow_next",wrapper:"vanilla-calendar-wrapper",content:"vanilla-calendar-content",week:"vanilla-calendar-week",weekDay:"vanilla-calendar-week__day",weekDayWeekend:"vanilla-calendar-week__day_weekend",days:"vanilla-calendar-days",daysSelecting:"vanilla-calendar-days_selecting",months:"vanilla-calendar-months",monthsSelecting:"vanilla-calendar-months_selecting",monthsMonth:"vanilla-calendar-months__month",monthsMonthSelected:"vanilla-calendar-months__month_selected",monthsMonthDisabled:"vanilla-calendar-months__month_disabled",years:"vanilla-calendar-years",yearsSelecting:"vanilla-calendar-years_selecting",yearsYear:"vanilla-calendar-years__year",yearsYearSelected:"vanilla-calendar-years__year_selected",yearsYearDisabled:"vanilla-calendar-years__year_disabled",time:"vanilla-calendar-time",timeContent:"vanilla-calendar-time__content",timeHours:"vanilla-calendar-time__hours",timeMinutes:"vanilla-calendar-time__minutes",timeKeeping:"vanilla-calendar-time__keeping",timeRanges:"vanilla-calendar-time__ranges",timeRange:"vanilla-calendar-time__range",day:"vanilla-calendar-day",daySelected:"vanilla-calendar-day_selected",daySelectedFirst:"vanilla-calendar-day_selected-first",daySelectedLast:"vanilla-calendar-day_selected-last",daySelectedIntermediate:"vanilla-calendar-day_selected-intermediate",dayPopup:"vanilla-calendar-day__popup",dayBtn:"vanilla-calendar-day__btn",dayBtnPrev:"vanilla-calendar-day__btn_prev",dayBtnNext:"vanilla-calendar-day__btn_next",dayBtnToday:"vanilla-calendar-day__btn_today",dayBtnSelected:"vanilla-calendar-day__btn_selected",dayBtnHover:"vanilla-calendar-day__btn_hover",dayBtnDisabled:"vanilla-calendar-day__btn_disabled",dayBtnIntermediate:"vanilla-calendar-day__btn_intermediate",dayBtnWeekend:"vanilla-calendar-day__btn_weekend",dayBtnHoliday:"vanilla-calendar-day__btn_holiday",weekNumbers:"vanilla-calendar-week-numbers",weekNumbersTitle:"vanilla-calendar-week-numbers__title",weekNumbersContent:"vanilla-calendar-week-numbers__content",weekNumber:"vanilla-calendar-week-number",isFocus:"vanilla-calendar-is-focus"};return class{constructor(e,i){var d,r,o,u,m,g,v,y,h,S,M,p,C,b,D,T,w,$,f,L,k,H,Y,E,x,N,_,A,F,I,B,P,K,W,j,R,G,z,U,J,Q,X,ae,ne,ie,de,re,ce,oe,ue,me,ge,ve,ye,he,Se,Me,pe,Ce,be,De,Te,we,$e,fe,Le,ke,He,Ye,Ee,xe,Ne,_e,Ae,Fe,Ie,Be,qe,Oe,Pe,Ke,We,je,Re,Ge,ze,Ue,Ve,Je,Qe,Xe,Ze,et,tt,lt,st,at,nt,it,dt,rt,ct,ot,ut,mt,gt,vt,yt,ht,St,Mt,pt,Ct,bt,Dt,Tt,wt,$t,ft,Lt,kt,Ht,Yt,Et,xt,Nt,_t,At;(n(this,"HTMLElement"),n(this,"input"),n(this,"type"),n(this,"months"),n(this,"jumpMonths"),n(this,"date"),n(this,"settings"),n(this,"locale"),n(this,"actions"),n(this,"popups"),n(this,"CSSClasses"),n(this,"DOMTemplates"),n(this,"currentType"),n(this,"reset",(()=>O(this))),n(this,"update",(()=>(e=>{var t;let l=null,s=null,a=null;(null==(t=e.settings.selected.dates)?void 0:t[0])||(l=e.settings.selected.dates,e.settings.selected.dates=e.selectedDates),e.settings.selected.month||(s=e.settings.selected.month,e.settings.selected.month=e.selectedMonth),e.settings.selected.year||(a=e.settings.selected.year,e.settings.selected.year=e.selectedYear),c(e),q(e),e.settings.selected.dates=l,e.settings.selected.month=s,e.settings.selected.year=a})(this))),n(this,"init",(()=>{var e;(e=this).HTMLElement&&(e.input?Z(e):(O(e),V(e)))})),this.HTMLElement="string"==typeof e?document.querySelector(e):e,this.HTMLElement)&&(this.input=null!=(d=null==i?void 0:i.input)&&d,this.type=null!=(r=null==i?void 0:i.type)?r:"default",this.months=null!=(o=null==i?void 0:i.months)?o:2,this.jumpMonths=null!=(u=null==i?void 0:i.jumpMonths)?u:1,this.date={min:null!=(g=null==(m=null==i?void 0:i.date)?void 0:m.min)?g:"1970-01-01",max:null!=(y=null==(v=null==i?void 0:i.date)?void 0:v.max)?y:"2470-12-31",today:null!=(S=null==(h=null==i?void 0:i.date)?void 0:h.today)?S:new Date},this.settings={lang:null!=(p=null==(M=null==i?void 0:i.settings)?void 0:M.lang)?p:"en",iso8601:null==(b=null==(C=null==i?void 0:i.settings)?void 0:C.iso8601)||b,range:{min:null!=(w=null==(T=null==(D=null==i?void 0:i.settings)?void 0:D.range)?void 0:T.min)?w:this.date.min,max:null!=(L=null==(f=null==($=null==i?void 0:i.settings)?void 0:$.range)?void 0:f.max)?L:this.date.max,disablePast:null!=(Y=null==(H=null==(k=null==i?void 0:i.settings)?void 0:k.range)?void 0:H.disablePast)&&Y,disableGaps:null!=(N=null==(x=null==(E=null==i?void 0:i.settings)?void 0:E.range)?void 0:x.disableGaps)&&N,disableAllDays:null!=(F=null==(A=null==(_=null==i?void 0:i.settings)?void 0:_.range)?void 0:A.disableAllDays)&&F,disableWeekday:null!=(P=null==(B=null==(I=null==i?void 0:i.settings)?void 0:I.range)?void 0:B.disableWeekday)?P:null,disabled:null!=(j=null==(W=null==(K=null==i?void 0:i.settings)?void 0:K.range)?void 0:W.disabled)?j:null,enabled:null!=(z=null==(G=null==(R=null==i?void 0:i.settings)?void 0:R.range)?void 0:G.enabled)?z:null},selection:{day:null!=(Q=null==(J=null==(U=null==i?void 0:i.settings)?void 0:U.selection)?void 0:J.day)?Q:"single",month:null==(ne=null==(ae=null==(X=null==i?void 0:i.settings)?void 0:X.selection)?void 0:ae.month)||ne,year:null==(re=null==(de=null==(ie=null==i?void 0:i.settings)?void 0:ie.selection)?void 0:de.year)||re,time:null!=(ue=null==(oe=null==(ce=null==i?void 0:i.settings)?void 0:ce.selection)?void 0:oe.time)&&ue,controlTime:null!=(ve=null==(ge=null==(me=null==i?void 0:i.settings)?void 0:me.selection)?void 0:ge.controlTime)?ve:"all",stepHours:null!=(Se=null==(he=null==(ye=null==i?void 0:i.settings)?void 0:ye.selection)?void 0:he.stepHours)?Se:1,stepMinutes:null!=(Ce=null==(pe=null==(Me=null==i?void 0:i.settings)?void 0:Me.selection)?void 0:pe.stepMinutes)?Ce:1},selected:{dates:null!=(Te=null==(De=null==(be=null==i?void 0:i.settings)?void 0:be.selected)?void 0:De.dates)?Te:null,month:null!=(fe=null==($e=null==(we=null==i?void 0:i.settings)?void 0:we.selected)?void 0:$e.month)?fe:null,year:null!=(He=null==(ke=null==(Le=null==i?void 0:i.settings)?void 0:Le.selected)?void 0:ke.year)?He:null,holidays:null!=(xe=null==(Ee=null==(Ye=null==i?void 0:i.settings)?void 0:Ye.selected)?void 0:Ee.holidays)?xe:null,time:null!=(Ae=null==(_e=null==(Ne=null==i?void 0:i.settings)?void 0:Ne.selected)?void 0:_e.time)?Ae:null},visibility:{theme:null!=(Be=null==(Ie=null==(Fe=null==i?void 0:i.settings)?void 0:Fe.visibility)?void 0:Ie.theme)?Be:"system",themeDetect:null!=(Pe=null==(Oe=null==(qe=null==i?void 0:i.settings)?void 0:qe.visibility)?void 0:Oe.themeDetect)?Pe:"html[data-theme]",monthShort:null==(je=null==(We=null==(Ke=null==i?void 0:i.settings)?void 0:Ke.visibility)?void 0:We.monthShort)||je,weekNumbers:null!=(ze=null==(Ge=null==(Re=null==i?void 0:i.settings)?void 0:Re.visibility)?void 0:Ge.weekNumbers)&&ze,weekend:null==(Je=null==(Ve=null==(Ue=null==i?void 0:i.settings)?void 0:Ue.visibility)?void 0:Ve.weekend)||Je,today:null==(Ze=null==(Xe=null==(Qe=null==i?void 0:i.settings)?void 0:Qe.visibility)?void 0:Xe.today)||Ze,disabled:null!=(lt=null==(tt=null==(et=null==i?void 0:i.settings)?void 0:et.visibility)?void 0:tt.disabled)&<,daysOutside:null==(nt=null==(at=null==(st=null==i?void 0:i.settings)?void 0:st.visibility)?void 0:at.daysOutside)||nt}},this.locale={months:null!=(dt=null==(it=null==i?void 0:i.locale)?void 0:it.months)?dt:[],weekday:null!=(ct=null==(rt=null==i?void 0:i.locale)?void 0:rt.weekday)?ct:[]},this.actions={clickDay:null!=(ut=null==(ot=null==i?void 0:i.actions)?void 0:ot.clickDay)?ut:null,clickWeekNumber:null!=(gt=null==(mt=null==i?void 0:i.actions)?void 0:mt.clickWeekNumber)?gt:null,clickMonth:null!=(yt=null==(vt=null==i?void 0:i.actions)?void 0:vt.clickMonth)?yt:null,clickYear:null!=(St=null==(ht=null==i?void 0:i.actions)?void 0:ht.clickYear)?St:null,clickArrow:null!=(pt=null==(Mt=null==i?void 0:i.actions)?void 0:Mt.clickArrow)?pt:null,changeTime:null!=(bt=null==(Ct=null==i?void 0:i.actions)?void 0:Ct.changeTime)?bt:null,changeToInput:null!=(Tt=null==(Dt=null==i?void 0:i.actions)?void 0:Dt.changeToInput)?Tt:null,getDays:null!=($t=null==(wt=null==i?void 0:i.actions)?void 0:wt.getDays)?$t:null},this.popups=null!=(ft=null==i?void 0:i.popups)?ft:null,this.CSSClasses=(()=>{const e=((e,n)=>{for(var i in n||(n={}))l.call(n,i)&&a(e,i,n[i]);if(t)for(var i of t(n))s.call(n,i)&&a(e,i,n[i]);return e})({},se);return Object.keys(se).forEach((t=>{var l;(null==(l=null==i?void 0:i.CSSClasses)?void 0:l[t])?e[t]=i.CSSClasses[t]:e[t]=se[t]})),e})(),this.DOMTemplates={default:null!=(kt=null==(Lt=null==i?void 0:i.DOMTemplates)?void 0:Lt.default)?kt:(At=this.CSSClasses,`\n\t
\n\t\t<#ArrowPrev />\n\t\t
\n\t\t\t<#Month />\n\t\t\t<#Year />\n\t\t
\n\t\t<#ArrowNext />\n\t
\n\t
\n\t\t<#WeekNumbers />\n\t\t
\n\t\t\t<#Week />\n\t\t\t<#Days />\n\t\t
\n\t
\n\t<#ControlTime />\n`),multiple:null!=(Yt=null==(Ht=null==i?void 0:i.DOMTemplates)?void 0:Ht.multiple)?Yt:ee(this.CSSClasses),month:null!=(xt=null==(Et=null==i?void 0:i.DOMTemplates)?void 0:Et.month)?xt:te(this.CSSClasses),year:null!=(_t=null==(Nt=null==i?void 0:i.DOMTemplates)?void 0:Nt.year)?_t:le(this.CSSClasses)},this.currentType=this.type)}}})); diff --git a/package/build/vanilla-calendar.min.mjs b/package/build/vanilla-calendar.min.mjs index b0677de9..ca633f41 100644 --- a/package/build/vanilla-calendar.min.mjs +++ b/package/build/vanilla-calendar.min.mjs @@ -671,6 +671,16 @@ const createMonths = (self, target) => { monthsEl.append(monthEl); } }; +const calendarInput = (self) => ({ + hide() { + self.HTMLElement.classList.add(self.CSSClasses.calendarHidden); + }, + show() { + self.HTMLElement.classList.remove(self.CSSClasses.calendarHidden); + }, + HTMLInputElement: self.HTMLInputElement, + HTMLElement: self.HTMLElement +}); const transformTime24 = (hour, keeping) => { const oldHour = Number(hour); let newHour = String(oldHour); @@ -728,19 +738,9 @@ const controlTime = (self, keepingTime) => { self.actions.changeTime(e, self.selectedTime, self.selectedHours, self.selectedMinutes, self.selectedKeeping); } if (self.input && self.HTMLInputElement && self.actions.changeToInput) { - const calendar = { - hide() { - self.HTMLElement.classList.add(self.CSSClasses.calendarHidden); - }, - show() { - self.HTMLElement.classList.remove(self.CSSClasses.calendarHidden); - }, - HTMLInputElement: self.HTMLInputElement, - HTMLElement: self.HTMLElement - }; self.actions.changeToInput( e, - calendar, + calendarInput(self), self.selectedDates, self.selectedTime, self.selectedHours, @@ -1109,31 +1109,6 @@ const updateCalendar = (self) => { self.settings.selected.month = tempSelectedMonth; self.settings.selected.year = tempSelectedYear; }; -let currentSelf$1 = null; -const documentClickEvent = (e) => { - if (!currentSelf$1) - return; - if (e.target.closest(`.${currentSelf$1.CSSClasses.calendar}.${currentSelf$1.CSSClasses.calendarToInput}`)) - return; - document.querySelectorAll(`.${currentSelf$1.CSSClasses.calendar}.${currentSelf$1.CSSClasses.calendarToInput}`).forEach((calendar) => { - calendar.classList.add(currentSelf$1.CSSClasses.calendarHidden); - }); - document.removeEventListener("click", documentClickEvent, { capture: true }); -}; -const handlerInput = (self) => { - var _a; - if (!self || !self.input) - return; - currentSelf$1 = self; - (_a = self.HTMLInputElement) == null ? void 0 : _a.addEventListener("click", () => { - if (self.HTMLElement && self.HTMLInputElement) { - self.HTMLElement.style.left = `${self.HTMLInputElement.offsetLeft}px`; - self.HTMLElement.style.top = `${self.HTMLInputElement.offsetTop + self.HTMLInputElement.clientHeight}px`; - self.HTMLElement.classList.remove(self.CSSClasses.calendarHidden); - } - document.addEventListener("click", documentClickEvent, { capture: true }); - }); -}; const changeMonth = (self, route) => { if (self.selectedMonth === void 0 || self.selectedYear === void 0) return; @@ -1153,31 +1128,31 @@ const changeMonth = (self, route) => { controlArrows(self); createDays(self); }; -let currentSelf = null; +let currentSelf$1 = null; const removeHover = () => { var _a; - if (!currentSelf) + if (!currentSelf$1) return; - const daysEl = (_a = currentSelf.HTMLElement) == null ? void 0 : _a.querySelectorAll(`.${currentSelf.CSSClasses.dayBtnHover}`); + const daysEl = (_a = currentSelf$1.HTMLElement) == null ? void 0 : _a.querySelectorAll(`.${currentSelf$1.CSSClasses.dayBtnHover}`); if (daysEl) - daysEl.forEach((d) => d.classList.remove(currentSelf.CSSClasses.dayBtnHover)); + daysEl.forEach((d) => d.classList.remove(currentSelf$1.CSSClasses.dayBtnHover)); }; const addHover = (day) => { var _a; - if (!currentSelf || !currentSelf.selectedDates) + if (!currentSelf$1 || !currentSelf$1.selectedDates) return; const date = generateDate(day); - if (currentSelf.rangeDisabled && currentSelf.rangeDisabled.includes(date)) + if (currentSelf$1.rangeDisabled && currentSelf$1.rangeDisabled.includes(date)) return; - const dayEls = (_a = currentSelf.HTMLElement) == null ? void 0 : _a.querySelectorAll(`[data-calendar-day="${date}"]`); + const dayEls = (_a = currentSelf$1.HTMLElement) == null ? void 0 : _a.querySelectorAll(`[data-calendar-day="${date}"]`); dayEls == null ? void 0 : dayEls.forEach((dayEl) => { - dayEl.classList.add(currentSelf.CSSClasses.dayBtnHover); + dayEl.classList.add(currentSelf$1.CSSClasses.dayBtnHover); }); }; const hoverDaysEvent = (e) => { - if (!e.target || !currentSelf || !currentSelf.selectedDates) + if (!e.target || !currentSelf$1 || !currentSelf$1.selectedDates) return; - if (!e.target.closest(`.${currentSelf.CSSClasses.days}`)) { + if (!e.target.closest(`.${currentSelf$1.CSSClasses.days}`)) { removeHover(); return; } @@ -1186,9 +1161,9 @@ const hoverDaysEvent = (e) => { return; removeHover(); const startDate = new Date( - (/* @__PURE__ */ new Date(`${currentSelf.selectedDates[0]}T00:00:00`)).getFullYear(), - (/* @__PURE__ */ new Date(`${currentSelf.selectedDates[0]}T00:00:00`)).getMonth(), - (/* @__PURE__ */ new Date(`${currentSelf.selectedDates[0]}T00:00:00`)).getDate() + (/* @__PURE__ */ new Date(`${currentSelf$1.selectedDates[0]}T00:00:00`)).getFullYear(), + (/* @__PURE__ */ new Date(`${currentSelf$1.selectedDates[0]}T00:00:00`)).getMonth(), + (/* @__PURE__ */ new Date(`${currentSelf$1.selectedDates[0]}T00:00:00`)).getDate() ); const endDate = new Date( (/* @__PURE__ */ new Date(`${date}T00:00:00`)).getFullYear(), @@ -1206,22 +1181,22 @@ const hoverDaysEvent = (e) => { } }; const cancelSelectionDays = (e) => { - if (!currentSelf || e.key !== "Escape") + if (!currentSelf$1 || e.key !== "Escape") return; - currentSelf.selectedDates = []; - currentSelf.HTMLElement.removeEventListener("mousemove", hoverDaysEvent); + currentSelf$1.selectedDates = []; + currentSelf$1.HTMLElement.removeEventListener("mousemove", hoverDaysEvent); document.removeEventListener("keydown", cancelSelectionDays); - mainMethod(currentSelf); + mainMethod(currentSelf$1); }; const setDisabledDates = () => { var _a; - if (!currentSelf || !((_a = currentSelf.selectedDates) == null ? void 0 : _a[0]) || !currentSelf.rangeDisabled || currentSelf.rangeDisabled.length < 2) + if (!currentSelf$1 || !((_a = currentSelf$1.selectedDates) == null ? void 0 : _a[0]) || !currentSelf$1.rangeDisabled || currentSelf$1.rangeDisabled.length < 2) return; - const selectedDate = /* @__PURE__ */ new Date(`${currentSelf.selectedDates[0]}T00:00:00`); + const selectedDate = /* @__PURE__ */ new Date(`${currentSelf$1.selectedDates[0]}T00:00:00`); let startDate = null; let endDate = null; - for (let index = 0; index < currentSelf.rangeDisabled.length; index++) { - const disabledDate = /* @__PURE__ */ new Date(`${currentSelf.rangeDisabled[index]}T00:00:00`); + for (let index = 0; index < currentSelf$1.rangeDisabled.length; index++) { + const disabledDate = /* @__PURE__ */ new Date(`${currentSelf$1.rangeDisabled[index]}T00:00:00`); if (selectedDate >= disabledDate) { startDate = disabledDate; } else { @@ -1231,26 +1206,26 @@ const setDisabledDates = () => { } if (startDate) { startDate = new Date(startDate.setDate(startDate.getDate() + 1)); - currentSelf.rangeMin = generateDate(startDate); + currentSelf$1.rangeMin = generateDate(startDate); } if (endDate) { endDate = new Date(endDate.setDate(endDate.getDate() - 1)); - currentSelf.rangeMax = generateDate(endDate); + currentSelf$1.rangeMax = generateDate(endDate); } }; const resetDisabledDates = () => { - if (!currentSelf) + if (!currentSelf$1) return; - currentSelf.rangeMin = currentSelf.settings.range.min; - currentSelf.rangeMax = currentSelf.settings.range.max; - if (currentSelf.settings.range.disablePast && /* @__PURE__ */ new Date(`${currentSelf.settings.range.min}T00:00:00`) < currentSelf.date.today) { - currentSelf.rangeMin = generateDate(currentSelf.date.today); + currentSelf$1.rangeMin = currentSelf$1.settings.range.min; + currentSelf$1.rangeMax = currentSelf$1.settings.range.max; + if (currentSelf$1.settings.range.disablePast && /* @__PURE__ */ new Date(`${currentSelf$1.settings.range.min}T00:00:00`) < currentSelf$1.date.today) { + currentSelf$1.rangeMin = generateDate(currentSelf$1.date.today); } }; const handlerMultipleRanged = (self) => { if (!self || !self.selectedDates) return; - currentSelf = self; + currentSelf$1 = self; if (self.selectedDates[0] && self.selectedDates.length <= 1) { self.HTMLElement.addEventListener("mousemove", hoverDaysEvent); document.addEventListener("keydown", cancelSelectionDays); @@ -1375,19 +1350,9 @@ const clickCalendar = (self) => { if (self.actions.clickDay) self.actions.clickDay(e, self.selectedDates); if (self.input && self.HTMLInputElement && self.HTMLElement && self.actions.changeToInput) { - const calendar = { - hide() { - self.HTMLElement.classList.add(self.CSSClasses.calendarHidden); - }, - show() { - self.HTMLElement.classList.remove(self.CSSClasses.calendarHidden); - }, - HTMLInputElement: self.HTMLInputElement, - HTMLElement: self.HTMLElement - }; self.actions.changeToInput( e, - calendar, + calendarInput(self), self.selectedDates, self.selectedTime, self.selectedHours, @@ -1493,22 +1458,58 @@ const clickCalendar = (self) => { clickMonth(); }); }; +let currentSelf = null; +const setPositionCalendar = (input, calendar) => { + const inputInfo = input.getBoundingClientRect(); + calendar.style.left = `${inputInfo.left}px`; + calendar.style.top = `${inputInfo.top + inputInfo.height}px`; +}; const createCalendarToInput = (self) => { - if (!self.input || !self.HTMLElement || !self.HTMLElement.parentNode) + if (!self.HTMLInputElement) return; - self.HTMLInputElement = self.HTMLElement; const calendar = document.createElement("div"); calendar.className = `${self.CSSClasses.calendar} ${self.CSSClasses.calendarToInput} ${self.CSSClasses.calendarHidden}`; + setPositionCalendar(self.HTMLInputElement, calendar); self.HTMLElement = calendar; document.body.append(self.HTMLElement); + setTimeout(() => self.HTMLElement.classList.remove(self.CSSClasses.calendarHidden), 0); + resetCalendar(self); + clickCalendar(self); +}; +const documentClickEvent = (e) => { + if (!currentSelf || e.target.closest(`.${currentSelf.CSSClasses.calendar}.${currentSelf.CSSClasses.calendarToInput}`)) + return; + const calendarEls = document.querySelectorAll(`.${currentSelf.CSSClasses.calendar}.${currentSelf.CSSClasses.calendarToInput}`); + calendarEls.forEach((calendar) => calendar.classList.add(currentSelf.CSSClasses.calendarHidden)); + document.removeEventListener("click", documentClickEvent, { capture: true }); +}; +const handlerInput = (self) => { + if (!self) + return; + currentSelf = self; + self.HTMLInputElement = self.HTMLElement; + self.HTMLElement = null; + self.HTMLInputElement.addEventListener("click", () => { + if (self.HTMLElement && self.HTMLInputElement) { + setPositionCalendar(self.HTMLInputElement, self.HTMLElement); + self.HTMLElement.classList.remove(self.CSSClasses.calendarHidden); + } else if (self.HTMLElement) { + self.HTMLElement.classList.remove(self.CSSClasses.calendarHidden); + } else { + createCalendarToInput(self); + } + document.addEventListener("click", documentClickEvent, { capture: true }); + }); }; const initCalendar = (self) => { if (!self.HTMLElement) return; - createCalendarToInput(self); - resetCalendar(self); - handlerInput(self); - clickCalendar(self); + if (self.input) { + handlerInput(self); + } else { + resetCalendar(self); + clickCalendar(self); + } }; const DOMDefault = (styles) => `
diff --git a/package/package.json b/package/package.json index da59b059..a83b66bc 100644 --- a/package/package.json +++ b/package/package.json @@ -1,6 +1,6 @@ { "name": "@uvarov.frontend/vanilla-calendar", - "version": "2.6.8", + "version": "2.6.9", "description": "VanillaCalendar is a pure JavaScript date and time picker that uses TypeScript so it supports any JS framework and library.", "homepage": "https://vanilla-calendar.com", "keywords": [