@oslokommune/punkt-elements 12.3.0 → 12.3.2

package/dist/{class-map-DiT0qP3E.js → class-map-CEzmgstO.js}

@@ -1,4 +1,4 @@
-import { R as a } from "./index-BHzxfdBK.js";
+import { R as a } from "./index-CINnuWkG.js";
 import { e as h, i as d, a as c } from "./directive-DA0-wdk7.js";
 /**
  * @license

package/dist/{class-map-CA8wadiN.cjs → class-map-DfznHRRW.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./index-BJ_4AGO3.cjs"),n=require("./directive-19_ixLKS.cjs");/**
+"use strict";const a=require("./index-CkBUiPHx.cjs"),n=require("./directive-19_ixLKS.cjs");/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{index-DSplpVWQ.cjs → index-BCVyjeWS.cjs}

@@ -1,4 +1,4 @@
-"use strict";const o=require("./index-BJ_4AGO3.cjs"),n=require("./directive-19_ixLKS.cjs");/**
+"use strict";const o=require("./index-CkBUiPHx.cjs"),n=require("./directive-19_ixLKS.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{index-CPvZ03uX.js → index-BkKs8Yam.js}

@@ -1,9 +1,8 @@
-import { P as _, k as f, D, n as h } from "./index-BHzxfdBK.js";
+import { r as M, P as _, k as f, D, n as h } from "./index-CINnuWkG.js";
 import { a as b } from "./converters-DNCwIFwr.js";
 import { t as A } from "./directive-DA0-wdk7.js";
-import { r as M } from "./state-BRgFbJX9.js";
-import { R as I } from "./class-map-DiT0qP3E.js";
-import "./index-BlHnvy7v.js";
+import { R as I } from "./class-map-CEzmgstO.js";
+import "./index-C7OaW8f8.js";
 function k(e) {
   const t = Object.prototype.toString.call(e);
   return e instanceof Date || typeof e == "object" && t === "[object Date]" ? new e.constructor(+e) : typeof e == "number" || t === "[object Number]" || typeof e == "string" || t === "[object String]" ? new Date(e) : /* @__PURE__ */ new Date(NaN);
@@ -11,32 +10,32 @@ function k(e) {
 function x(e, t) {
   return e instanceof Date ? new e.constructor(t) : new Date(t);
 }
-const T = 6048e5, V = 864e5;
+const T = 6048e5, U = 864e5;
 let E = {};
 function O() {
   return E;
 }
 function v(e, t) {
   var p, c, u, d;
-  const s = O(), n = (t == null ? void 0 : t.weekStartsOn) ?? ((c = (p = t == null ? void 0 : t.locale) == null ? void 0 : p.options) == null ? void 0 : c.weekStartsOn) ?? s.weekStartsOn ?? ((d = (u = s.locale) == null ? void 0 : u.options) == null ? void 0 : d.weekStartsOn) ?? 0, a = k(e), o = a.getDay(), r = (o < n ? 7 : 0) + o - n;
-  return a.setDate(a.getDate() - r), a.setHours(0, 0, 0, 0), a;
+  const s = O(), n = (t == null ? void 0 : t.weekStartsOn) ?? ((c = (p = t == null ? void 0 : t.locale) == null ? void 0 : p.options) == null ? void 0 : c.weekStartsOn) ?? s.weekStartsOn ?? ((d = (u = s.locale) == null ? void 0 : u.options) == null ? void 0 : d.weekStartsOn) ?? 0, a = k(e), o = a.getDay(), i = (o < n ? 7 : 0) + o - n;
+  return a.setDate(a.getDate() - i), a.setHours(0, 0, 0, 0), a;
 }
 function S(e, t) {
   const s = k(e.start), n = k(e.end);
   let a = +s > +n;
-  const o = a ? +s : +n, r = a ? n : s;
-  r.setHours(0, 0, 0, 0);
+  const o = a ? +s : +n, i = a ? n : s;
+  i.setHours(0, 0, 0, 0);
   let p = 1;
   const c = [];
-  for (; +r <= o; )
-    c.push(k(r)), r.setDate(r.getDate() + p), r.setHours(0, 0, 0, 0);
+  for (; +i <= o; )
+    c.push(k(i)), i.setDate(i.getDate() + p), i.setHours(0, 0, 0, 0);
   return a ? c.reverse() : c;
 }
 function R(e, t) {
   var d, y, m, w;
-  const s = k(e), n = s.getFullYear(), a = O(), o = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((y = (d = t == null ? void 0 : t.locale) == null ? void 0 : d.options) == null ? void 0 : y.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((w = (m = a.locale) == null ? void 0 : m.options) == null ? void 0 : w.firstWeekContainsDate) ?? 1, r = x(e, 0);
-  r.setFullYear(n + 1, 0, o), r.setHours(0, 0, 0, 0);
-  const p = v(r, t), c = x(e, 0);
+  const s = k(e), n = s.getFullYear(), a = O(), o = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((y = (d = t == null ? void 0 : t.locale) == null ? void 0 : d.options) == null ? void 0 : y.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((w = (m = a.locale) == null ? void 0 : m.options) == null ? void 0 : w.firstWeekContainsDate) ?? 1, i = x(e, 0);
+  i.setFullYear(n + 1, 0, o), i.setHours(0, 0, 0, 0);
+  const p = v(i, t), c = x(e, 0);
   c.setFullYear(n, 0, o), c.setHours(0, 0, 0, 0);
   const u = v(c, t);
   return s.getTime() >= p.getTime() ? n + 1 : s.getTime() >= u.getTime() ? n : n - 1;
@@ -142,11 +141,11 @@ const N = "pkt-calendar", P = {
   events: W
 };
 var Y = Object.defineProperty, F = Object.getOwnPropertyDescriptor, l = (e, t, s, n) => {
-  for (var a = n > 1 ? void 0 : n ? F(t, s) : t, o = e.length - 1, r; o >= 0; o--)
-    (r = e[o]) && (a = (n ? r(t, s, a) : r(a)) || a);
+  for (var a = n > 1 ? void 0 : n ? F(t, s) : t, o = e.length - 1, i; o >= 0; o--)
+    (i = e[o]) && (a = (n ? i(t, s, a) : i(a)) || a);
   return n && a && Y(t, s, a), a;
 };
-let i = class extends _ {
+let r = class extends _ {
   /**
    * If we are initializing props, slots and events from specs, we should do it in the constructor
    */
@@ -207,10 +206,10 @@ let i = class extends _ {
       let a = this.querySelector(`div[data-date="${this.formatISODate(n)}"]`);
       if (a instanceof HTMLDivElement) {
         if (a.dataset.disabled) {
-          let o = new Date(s.setDate(s.getDate() + t)), r = this.querySelector(`div[data-date="${this.formatISODate(o)}"]`);
-          for (; r && r instanceof HTMLDivElement && r.dataset.disabled; )
-            o = new Date(o.setDate(o.getDate() + t)), r = this.querySelector(`div[data-date="${this.formatISODate(o)}"]`);
-          a = r;
+          let o = new Date(s.setDate(s.getDate() + t)), i = this.querySelector(`div[data-date="${this.formatISODate(o)}"]`);
+          for (; i && i instanceof HTMLDivElement && i.dataset.disabled; )
+            o = new Date(o.setDate(o.getDate() + t)), i = this.querySelector(`div[data-date="${this.formatISODate(o)}"]`);
+          a = i;
         }
         a instanceof HTMLDivElement && !a.dataset.disabled && a.focus();
       }
@@ -308,11 +307,11 @@ let i = class extends _ {
     ), e;
   }
   renderDayView(e, t, s) {
-    const n = new Date(this.year, this.month, e, 12), a = this.formatISODate(n), o = a === this.formatISODate(t), r = this.selected.includes(a), p = this.isExcluded(s, n) || !r && this.multiple && this.maxMultiple > 0 && this.selected.length >= this.maxMultiple, c = this.focusedDate ? this.focusedDate === a ? "0" : "-1" : e === 1 ? "0" : "-1";
+    const n = new Date(this.year, this.month, e, 12), a = this.formatISODate(n), o = a === this.formatISODate(t), i = this.selected.includes(a), p = this.isExcluded(s, n) || !i && this.multiple && this.maxMultiple > 0 && this.selected.length >= this.maxMultiple, c = this.focusedDate ? this.focusedDate === a ? "0" : "-1" : e === 1 ? "0" : "-1";
     this.selectableDates.push({ currentDateISO: a, isDisabled: p });
     const u = {
       "pkt-cal-today": o,
-      "pkt-cal-selected": r,
+      "pkt-cal-selected": i,
       "pkt-cal-in-range": this.inRange[a],
       "pkt-cal-excluded": this.isExcluded(s, n),
       "pkt-cal-in-range-first": this.range && (this.selected.length === 2 || this.rangeHovered !== null) && a === this.selected[0],
@@ -321,7 +320,7 @@ let i = class extends _ {
     };
     return f`<td class=${I(u)}>
       <div
-        ?aria-selected=${r}
+        ?aria-selected=${i}
         role="gridcell"
         class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
         @mouseover=${() => this.range && !this.isExcluded(s, n) && this.handleRangeHover(n)}
@@ -488,90 +487,90 @@ let i = class extends _ {
 };
 l([
   h({ type: Boolean, reflect: !0 })
-], i.prototype, "multiple", 2);
+], r.prototype, "multiple", 2);
 l([
   h({ type: Number })
-], i.prototype, "maxMultiple", 2);
+], r.prototype, "maxMultiple", 2);
 l([
   h({ type: Boolean, reflect: !0 })
-], i.prototype, "range", 2);
+], r.prototype, "range", 2);
 l([
   h({ type: Boolean, reflect: !0 })
-], i.prototype, "weeknumbers", 2);
+], r.prototype, "weeknumbers", 2);
 l([
   h({ type: Boolean, reflect: !0 })
-], i.prototype, "withcontrols", 2);
+], r.prototype, "withcontrols", 2);
 l([
   h({ type: Boolean, reflect: !0 })
-], i.prototype, "focused", 2);
+], r.prototype, "focused", 2);
 l([
   h({ converter: b.csvToArray })
-], i.prototype, "selected", 2);
+], r.prototype, "selected", 2);
 l([
   h({ type: String, reflect: !0 })
-], i.prototype, "earliest", 2);
+], r.prototype, "earliest", 2);
 l([
   h({ type: String, reflect: !0 })
-], i.prototype, "latest", 2);
+], r.prototype, "latest", 2);
 l([
   h({ converter: b.stringsToDate })
-], i.prototype, "excludedates", 2);
+], r.prototype, "excludedates", 2);
 l([
   h({ converter: b.csvToArray })
-], i.prototype, "excludeweekdays", 2);
+], r.prototype, "excludeweekdays", 2);
 l([
   h({ converter: b.stringToDate })
-], i.prototype, "currentmonth", 2);
+], r.prototype, "currentmonth", 2);
 l([
   h({ type: Array })
-], i.prototype, "dayStrings", 2);
+], r.prototype, "dayStrings", 2);
 l([
   h({ type: Array })
-], i.prototype, "monthStrings", 2);
+], r.prototype, "monthStrings", 2);
 l([
   h({ type: String })
-], i.prototype, "weekString", 2);
+], r.prototype, "weekString", 2);
 l([
   h({ type: String })
-], i.prototype, "prevMonthString", 2);
+], r.prototype, "prevMonthString", 2);
 l([
   h({ type: String })
-], i.prototype, "nextMonthString", 2);
+], r.prototype, "nextMonthString", 2);
 l([
   h({ type: Array })
-], i.prototype, "_selected", 2);
+], r.prototype, "_selected", 2);
 l([
   h({ type: Number })
-], i.prototype, "year", 2);
+], r.prototype, "year", 2);
 l([
   h({ type: Number })
-], i.prototype, "month", 2);
+], r.prototype, "month", 2);
 l([
   h({ type: Number })
-], i.prototype, "week", 2);
+], r.prototype, "week", 2);
 l([
   h({ type: Date })
-], i.prototype, "rangeHovered", 2);
+], r.prototype, "rangeHovered", 2);
 l([
   M()
-], i.prototype, "inRange", 2);
+], r.prototype, "inRange", 2);
 l([
   M()
-], i.prototype, "focusedDate", 2);
+], r.prototype, "focusedDate", 2);
 l([
   M()
-], i.prototype, "selectableDates", 2);
-i = l([
+], r.prototype, "selectableDates", 2);
+r = l([
   A("pkt-calendar")
-], i);
+], r);
 export {
-  i as P,
+  r as P,
   T as a,
   $ as b,
   x as c,
   O as d,
   R as g,
-  V as m,
+  U as m,
   v as s,
   k as t
 };

package/dist/index-BkqOsymS.cjs

@@ -0,0 +1,90 @@
+"use strict";const a=require("./index-CkBUiPHx.cjs"),w=require("./converters-DhM11VlY.cjs"),C=require("./directive-19_ixLKS.cjs"),$=require("./class-map-DfznHRRW.cjs");require("./index-BCVyjeWS.cjs");function k(i){const e=Object.prototype.toString.call(i);return i instanceof Date||typeof i=="object"&&e==="[object Date]"?new i.constructor(+i):typeof i=="number"||e==="[object Number]"||typeof i=="string"||e==="[object String]"?new Date(i):new Date(NaN)}function D(i,e){return i instanceof Date?new i.constructor(e):new Date(e)}const x=6048e5,P=864e5;let _={};function v(){return _}function m(i,e){var h,c,d,p;const t=v(),s=(e==null?void 0:e.weekStartsOn)??((c=(h=e==null?void 0:e.locale)==null?void 0:h.options)==null?void 0:c.weekStartsOn)??t.weekStartsOn??((p=(d=t.locale)==null?void 0:d.options)==null?void 0:p.weekStartsOn)??0,n=k(i),r=n.getDay(),l=(r<s?7:0)+r-s;return n.setDate(n.getDate()-l),n.setHours(0,0,0,0),n}function b(i,e){const t=k(i.start),s=k(i.end);let n=+t>+s;const r=n?+t:+s,l=n?s:t;l.setHours(0,0,0,0);let h=1;const c=[];for(;+l<=r;)c.push(k(l)),l.setDate(l.getDate()+h),l.setHours(0,0,0,0);return n?c.reverse():c}function M(i,e){var p,u,f,y;const t=k(i),s=t.getFullYear(),n=v(),r=(e==null?void 0:e.firstWeekContainsDate)??((u=(p=e==null?void 0:e.locale)==null?void 0:p.options)==null?void 0:u.firstWeekContainsDate)??n.firstWeekContainsDate??((y=(f=n.locale)==null?void 0:f.options)==null?void 0:y.firstWeekContainsDate)??1,l=D(i,0);l.setFullYear(s+1,0,r),l.setHours(0,0,0,0);const h=m(l,e),c=D(i,0);c.setFullYear(s,0,r),c.setHours(0,0,0,0);const d=m(c,e);return t.getTime()>=h.getTime()?s+1:t.getTime()>=d.getTime()?s:s-1}function A(i,e){var h,c,d,p;const t=v(),s=(e==null?void 0:e.firstWeekContainsDate)??((c=(h=e==null?void 0:e.locale)==null?void 0:h.options)==null?void 0:c.firstWeekContainsDate)??t.firstWeekContainsDate??((p=(d=t.locale)==null?void 0:d.options)==null?void 0:p.firstWeekContainsDate)??1,n=M(i,e),r=D(i,0);return r.setFullYear(n,0,s),r.setHours(0,0,0,0),m(r,e)}function S(i,e){const t=k(i),s=+m(t,e)-+A(t,e);return Math.round(s/x)+1}function I(i){let t=k(i).getDay();return t===0&&(t=7),t}const T="pkt-calendar",E={id:{type:"string",name:"ID",description:"Unique identifier for the calendar"},currentmonth:{type:"date",converter:"stringToDate",description:"The current month to display"},selected:{type:"array",converter:"csvToArray",reflect:!0,items:{type:"date"},description:"Array of selected dates"},excludeweekdays:{type:"array",converter:"csvToArray",items:{type:"string"},description:"Array of weekdays (1-7) to exclude"},excludedates:{type:"array",converter:"stringsToDate",items:{type:"date"},description:"Array of specific dates to exclude"},earliest:{type:"date",converter:"stringToDate",default:null,description:"Earliest selectable date"},latest:{type:"date",converter:"stringToDate",default:null,description:"Latest selectable date"},weeknumbers:{type:"boolean",reflect:!0,default:!1,description:"Show week numbers in calendar"},withcontrols:{type:"boolean",reflect:!0,default:!1,description:"Show month and year navigation controls"},multiple:{type:"boolean",reflect:!0,default:!1,description:"Allow multiple date selection"},maxMultiple:{type:"number",default:4,description:"Maximum number of dates that can be selected"},range:{type:"boolean",reflect:!0,default:!1,description:"Allow date range selection"}},R={"date-selected":{description:"Returns ISO formatted date string"}},g={name:T,"css-class":"pkt-calendar",props:E,events:R};var W=Object.defineProperty,H=Object.getOwnPropertyDescriptor,o=(i,e,t,s)=>{for(var n=s>1?void 0:s?H(e,t):e,r=i.length-1,l;r>=0;r--)(l=i[r])&&(n=(s?l(e,t,n):l(n))||n);return s&&n&&W(e,t,n),n};exports.PktCalendar=class extends a.PktElement{constructor(){super(),this.multiple=g.props.multiple.default,this.maxMultiple=g.props.maxMultiple.default,this.range=g.props.range.default,this.weeknumbers=g.props.weeknumbers.default,this.withcontrols=g.props.withcontrols.default,this.focused=!1,this.selected=[],this.earliest=g.props.earliest.default,this.latest=g.props.latest.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=new Date,this.dayStrings=this.strings.dates.daysShort,this.monthStrings=this.strings.dates.months,this.weekString=this.strings.dates.week,this.prevMonthString=this.strings.dates.prevMonth,this.nextMonthString=this.strings.dates.nextMonth,this._selected=[],this.year=0,this.month=0,this.week=0,this.rangeHovered=null,this.inRange={},this.focusedDate=null,this.selectableDates=[]}connectedCallback(){const e=this.currentmonth;this.year=e.getFullYear(),this.month=e.getMonth(),this.week=S(new Date(this.year,this.month,1,12)),this.selected&&this.selected.length&&this.selected.forEach(t=>{this._selected.push(new Date(t))}),super.connectedCallback()}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback()}updated(e){if(e.has("selected")&&this.selected.length===2){const t=b({start:new Date(this.selected[0]),end:new Date(this.selected[1])});if(this.inRange={},Array.isArray(t)&&t.length){const s={};for(let n=0;n<t.length;n++)s[this.formatISODate(t[n])]=this.isInRange(t[n]);this.inRange=s}}super.updated(e)}firstUpdated(e){this.addEventListener("keydown",this.handleKeydown)}handleKeydown(e){switch(e.key){case"ArrowLeft":this.handleArrowKey(e,-1);break;case"ArrowRight":this.handleArrowKey(e,1);break;case"ArrowUp":this.handleArrowKey(e,-7);break;case"ArrowDown":this.handleArrowKey(e,7);break}}handleArrowKey(e,t){if(e.preventDefault(),!this.focusedDate)return;const s=new Date(this.focusedDate);let n=new Date(s.setDate(s.getDate()+t));if(n){let r=this.querySelector(`div[data-date="${this.formatISODate(n)}"]`);if(r instanceof HTMLDivElement){if(r.dataset.disabled){let l=new Date(s.setDate(s.getDate()+t)),h=this.querySelector(`div[data-date="${this.formatISODate(l)}"]`);for(;h&&h instanceof HTMLDivElement&&h.dataset.disabled;)l=new Date(l.setDate(l.getDate()+t)),h=this.querySelector(`div[data-date="${this.formatISODate(l)}"]`);r=h}r instanceof HTMLDivElement&&!r.dataset.disabled&&r.focus()}}}render(){return a.ke`
+      <div
+        class="pkt-calendar ${this.weeknumbers?"pkt-cal-weeknumbers":a.D}"
+        @focusout=${this.closeEvent}
+        @keydown=${e=>{e.key==="Escape"&&(e.preventDefault(),this.close())}}
+      >
+        <nav class="pkt-cal-month-nav">
+          <div
+            @click=${this.isPrevMonthAllowed()&&this.prevMonth}
+            @keydown=${e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.isNextMonthAllowed()&&this.prevMonth())}}
+            class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
+            .data-disabled=${this.isPrevMonthAllowed()?a.D:"disabled"}
+            ?aria-disabled=${!this.isPrevMonthAllowed()}
+            tabindex="0"
+          >
+            <pkt-icon class="pkt-btn__icon" name="chevron-thin-left"></pkt-icon>
+            <span class="pkt-btn__text">${this.prevMonthString}</span>
+          </div>
+          ${this.renderMonthNav()}
+          <div
+            @click=${this.isNextMonthAllowed()&&this.nextMonth}
+            @keydown=${e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.isNextMonthAllowed()&&this.nextMonth())}}
+            class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
+            .data-disabled=${this.isNextMonthAllowed()?a.D:"disabled"}
+            ?aria-disabled=${!this.isNextMonthAllowed()}
+            tabindex="0"
+          >
+            <pkt-icon class="pkt-btn__icon" name="chevron-thin-right"></pkt-icon>
+            <span class="pkt-btn__text">${this.nextMonthString}</span>
+          </div>
+        </nav>
+        <table
+          class="pkt-cal-days pkt-txt-12-medium"
+          role="grid"
+          ?aria-multiselectable=${this.range||this.multiple}
+        >
+          ${this.renderDayNames()} ${this.renderCalendarBody()}
+        </table>
+      </div>
+    `}renderDayNames(){const e=[];this.weeknumbers&&e.push(a.ke`<td><div>${this.weekString}<div></td>`);for(let t=0;t<this.dayStrings.length;t++)e.push(a.ke`<td><div>${this.dayStrings[t]}</div></td>`);return a.ke`<tr class="pkt-cal-week-row" role="presentation">
+      ${e}
+    </tr>`}renderMonthNav(){let e=[];return this.withcontrols?e.push(a.ke`<div class="pkt-cal-month-picker">
+          <select
+            class="pkt-input pkt-input-compact"
+            @change=${t=>{this.changeMonth(this.year,t.target.value)}}
+          >
+            ${this.monthStrings.map((t,s)=>a.ke`<option value=${s} ?selected=${this.month===s}>${t}</option>`)}
+          </select>
+          <input
+            class="pkt-input pkt-cal-input-year pkt-input-compact"
+            type="number"
+            size="4"
+            placeholder="0000"
+            @change=${t=>{this.changeMonth(t.target.value,this.month)}}
+            value="${this.year}"
+          />
+        </div> `):e.push(a.ke`<div class="pkt-txt-16-medium" aria-live="polite">
+          ${this.monthStrings[this.month]} ${this.year}
+        </div>`),e}renderDayView(e,t,s){const n=new Date(this.year,this.month,e,12),r=this.formatISODate(n),l=r===this.formatISODate(t),h=this.selected.includes(r),c=this.isExcluded(s,n)||!h&&this.multiple&&this.maxMultiple>0&&this.selected.length>=this.maxMultiple,d=this.focusedDate?this.focusedDate===r?"0":"-1":e===1?"0":"-1";this.selectableDates.push({currentDateISO:r,isDisabled:c});const p={"pkt-cal-today":l,"pkt-cal-selected":h,"pkt-cal-in-range":this.inRange[r],"pkt-cal-excluded":this.isExcluded(s,n),"pkt-cal-in-range-first":this.range&&(this.selected.length===2||this.rangeHovered!==null)&&r===this.selected[0],"pkt-cal-in-range-last":this.range&&this.selected.length===2&&r===this.selected[1],"pkt-cal-range-hover":this.rangeHovered!==null&&r===this.formatISODate(this.rangeHovered)};return a.ke`<td class=${$.Rt(p)}>
+      <div
+        ?aria-selected=${h}
+        role="gridcell"
+        class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
+        @mouseover=${()=>this.range&&!this.isExcluded(s,n)&&this.handleRangeHover(n)}
+        @focus=${()=>{this.range&&!this.isExcluded(s,n)&&this.handleRangeHover(n),this.focusedDate=r}}
+        tabindex=${d}
+        data-disabled=${c?"disabled":a.D}
+        data-date=${r}
+        @keydown=${u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),this.handleDateSelect(n))}}
+        @click=${u=>{c||(u.preventDefault(),this.handleDateSelect(n))}}
+      >
+        <span class="pkt-btn__text pkt-txt-14-light">${e}</span>
+      </div>
+    </td>`}renderCalendarBody(){const e=new Date,t=new Date(this.year,this.month,1,12),s=new Date(this.year,this.month+1,0,12),n=(t.getDay()+6)%7,r=s.getDate(),l=Math.ceil((r+n)/7),c=new Date(this.year,this.month,0,12).getDate();let d=1;this.week=S(new Date(this.year,this.month,1,12));const p=[];for(let u=0;u<l;u++){const f=[];this.weeknumbers&&f.push(a.ke`<td class="pkt-cal-week">${this.week}</td>`),this.week++;for(let y=1;y<8;y++)if(u===0&&y<n+1){const O=c-(n-y-1);f.push(a.ke`<td class="pkt-cal-other">
+              <div
+                class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
+                data-disabled="disabled"
+              >
+                <span class="pkt-btn__text pkt-txt-14-light">${O}</span>
+              </div>
+            </td>`)}else d>r?(f.push(a.ke`<td class="pkt-cal-other">
+              <div
+                class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
+                data-disabled="disabled"
+              >
+                <span class="pkt-btn__text pkt-txt-14-light">${d-r}</span>
+              </div>
+            </td>`),d++):(f.push(this.renderDayView(d,e,y)),d++);p.push(a.ke`<tr class="pkt-cal-week-row" role="row">
+          ${f}
+        </tr>`)}return p}isExcluded(e,t){return this.excludeweekdays.includes(e.toString())||this.earliest&&t<new Date(this.earliest)||this.latest&&t>new Date(this.latest)?!0:this.excludedates.some(s=>typeof s=="string"?s===this.formatISODate(t):s.toDateString()===t.toDateString())}formatISODate(e){return e.toISOString().split("T")[0]}isPrevMonthAllowed(){const e=new Date(this.year,this.month,0,12);return!(this.earliest&&new Date(this.earliest)>e)}prevMonth(){const e=this.month===0?11:this.month-1,t=this.month===0?this.year-1:this.year;this.changeMonth(t,e)}isNextMonthAllowed(){const e=new Date(this.year,this.month===11?0:this.month+1,1,12);return!(this.latest&&new Date(this.latest)<e)}nextMonth(){const e=this.month===11?0:this.month+1,t=this.month===11?this.year+1:this.year;this.changeMonth(t,e)}changeMonth(e,t){this.year=e,this.month=t,this.selectableDates=[],this.requestUpdate("currentmonth")}isInRange(e){if(this.range&&this.selected.length===2){if(e>new Date(this.selected[0])&&e<new Date(this.selected[1]))return!0}else if(this.range&&this.selected.length===1&&this.rangeHovered&&e>new Date(this.selected[0])&&e<this.rangeHovered)return!0;return!1}isRangeAllowed(e){let t=!0;if(this._selected.length===1){const s=b({start:this._selected[0],end:e});if(Array.isArray(s)&&s.length)for(let n=0;n<s.length;n++)this.excludedates.forEach(r=>{r>this._selected[0]&&r<e&&(t=!1)}),this.excludeweekdays.includes(I(s[n]).toString())&&(t=!1)}return t}emptySelected(){this.selected=[],this._selected=[],this.inRange={}}addToSelected(e){this.selected.includes(this.formatISODate(e))||(this.selected=[...this.selected,this.formatISODate(e)],this._selected=[...this._selected,e])}removeFromSelected(e){if(this.selected.length===1)this.emptySelected();else{const t=this.selected.indexOf(this.formatISODate(e)),s=[...this.selected],n=[...this._selected];s.splice(t,1),n.splice(t,1),this.selected=s,this._selected=n}}toggleSelected(e){const t=this.formatISODate(e);this.selected.includes(t)?this.removeFromSelected(e):this.maxMultiple&&this.selected.length>=this.maxMultiple||this.addToSelected(e)}handleRangeSelect(e){const t=this.formatISODate(e);return this.selected.includes(t)?this.selected.indexOf(t)===0?this.emptySelected():this.removeFromSelected(e):this.selected.length>1?(this.emptySelected(),this.addToSelected(e)):(this.selected.length===1&&!this.isRangeAllowed(e)&&this.emptySelected(),this.selected.length===1&&this._selected[0]>e&&this.emptySelected(),this.addToSelected(e)),Promise.resolve()}handleRangeHover(e){if(this.range&&this._selected.length===1&&this.isRangeAllowed(e)&&this._selected[0]<e){this.rangeHovered=e,this.inRange={};const t=b({start:this._selected[0],end:e});if(Array.isArray(t)&&t.length)for(let s=0;s<t.length;s++)this.inRange[this.formatISODate(t[s])]=this.isInRange(t[s])}else this.rangeHovered=null}handleDateSelect(e){if(e)return this.range?this.handleRangeSelect(e):this.multiple?this.toggleSelected(e):(this.selected.includes(this.formatISODate(e))?this.emptySelected():(this.emptySelected(),this.addToSelected(e)),this.close()),this.dispatchEvent(new CustomEvent("date-selected",{detail:this.selected,bubbles:!0,composed:!0})),Promise.resolve()}closeEvent(e){this.contains(e.relatedTarget)||this.close()}close(){this.dispatchEvent(new CustomEvent("close",{detail:!0,bubbles:!0,composed:!0}))}};o([a.n({type:Boolean,reflect:!0})],exports.PktCalendar.prototype,"multiple",2);o([a.n({type:Number})],exports.PktCalendar.prototype,"maxMultiple",2);o([a.n({type:Boolean,reflect:!0})],exports.PktCalendar.prototype,"range",2);o([a.n({type:Boolean,reflect:!0})],exports.PktCalendar.prototype,"weeknumbers",2);o([a.n({type:Boolean,reflect:!0})],exports.PktCalendar.prototype,"withcontrols",2);o([a.n({type:Boolean,reflect:!0})],exports.PktCalendar.prototype,"focused",2);o([a.n({converter:w.converters.csvToArray})],exports.PktCalendar.prototype,"selected",2);o([a.n({type:String,reflect:!0})],exports.PktCalendar.prototype,"earliest",2);o([a.n({type:String,reflect:!0})],exports.PktCalendar.prototype,"latest",2);o([a.n({converter:w.converters.stringsToDate})],exports.PktCalendar.prototype,"excludedates",2);o([a.n({converter:w.converters.csvToArray})],exports.PktCalendar.prototype,"excludeweekdays",2);o([a.n({converter:w.converters.stringToDate})],exports.PktCalendar.prototype,"currentmonth",2);o([a.n({type:Array})],exports.PktCalendar.prototype,"dayStrings",2);o([a.n({type:Array})],exports.PktCalendar.prototype,"monthStrings",2);o([a.n({type:String})],exports.PktCalendar.prototype,"weekString",2);o([a.n({type:String})],exports.PktCalendar.prototype,"prevMonthString",2);o([a.n({type:String})],exports.PktCalendar.prototype,"nextMonthString",2);o([a.n({type:Array})],exports.PktCalendar.prototype,"_selected",2);o([a.n({type:Number})],exports.PktCalendar.prototype,"year",2);o([a.n({type:Number})],exports.PktCalendar.prototype,"month",2);o([a.n({type:Number})],exports.PktCalendar.prototype,"week",2);o([a.n({type:Date})],exports.PktCalendar.prototype,"rangeHovered",2);o([a.r()],exports.PktCalendar.prototype,"inRange",2);o([a.r()],exports.PktCalendar.prototype,"focusedDate",2);o([a.r()],exports.PktCalendar.prototype,"selectableDates",2);exports.PktCalendar=o([C.t("pkt-calendar")],exports.PktCalendar);exports.constructFrom=D;exports.getDefaultOptions=v;exports.getWeek=S;exports.getWeekYear=M;exports.millisecondsInDay=P;exports.millisecondsInWeek=x;exports.startOfWeek=m;exports.toDate=k;

package/dist/{index-BlHnvy7v.js → index-C7OaW8f8.js}

@@ -1,4 +1,4 @@
-import { D as w, R as g, P as y, k as P, n as a } from "./index-BHzxfdBK.js";
+import { D as w, R as g, P as y, k as P, n as a } from "./index-CINnuWkG.js";
 import { i as m, a as k, e as v, t as _ } from "./directive-DA0-wdk7.js";
 /**
  * @license