@oslokommune/punkt-elements 19.15.0 → 19.15.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "19.15.0",
+  "version": "19.15.3",
   "description": "Komponentbiblioteket til Punkt, designsystem for Oslo kommune",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo kommune",
@@ -84,5 +84,5 @@
   "engines": {
     "node": "^22.19.0 || ^24.0.0 || ^26.0.0"
   },
-  "gitHead": "3d719ef8a2e368d08d6111be152f9a6c1b64da1e"
+  "gitHead": "e4314e8b6bd5119bb74094fa2809fc5d389bcd2e"
 }

package/src/components/calendar/calendar.constraints.test.ts

@@ -41,6 +41,21 @@ describe('PktCalendar', () => {
       expect(disabledDates.length).toBeGreaterThan(0)
     })
 
+    test('marks month navigation as disabled outside earliest and latest', async () => {
+      const container = await createCalendar(
+        'earliest="2024-10-05" latest="2024-10-25" currentmonth="2024-10-01"',
+      )
+
+      const calendar = container.querySelector('pkt-calendar') as PktCalendar
+      await calendar.updateComplete
+
+      for (const selector of ['.pkt-calendar__prev-month', '.pkt-calendar__next-month']) {
+        const button = calendar.querySelector(selector)
+        expect(button).toHaveAttribute('aria-disabled', 'true')
+        expect(button).toHaveAttribute('data-disabled', 'disabled')
+      }
+    })
+
     test('handles latest date property correctly', async () => {
       const latestDate = '2024-12-15'
       const container = await createCalendar(`latest="${latestDate}"`)

package/src/components/calendar/calendar.core.test.ts

@@ -52,6 +52,18 @@ describe('PktCalendar', () => {
       expect(monthNav).toBeInTheDocument()
     })
 
+    test('renders days outside the current month as empty cells', async () => {
+      const container = await createCalendar('currentmonth="2024-10-01"')
+
+      const calendar = container.querySelector('pkt-calendar') as PktCalendar
+      await calendar.updateComplete
+
+      const otherCells = calendar.querySelectorAll('.pkt-cal-other')
+      expect(otherCells).toHaveLength(4)
+      otherCells.forEach((cell) => expect(cell).toBeEmptyDOMElement())
+      expect(calendar.querySelectorAll('.pkt-calendar__date')).toHaveLength(31)
+    })
+
     test('renders month picker when withcontrols is true', async () => {
       const container = await createCalendar('withcontrols')
 
@@ -113,6 +125,7 @@ describe('PktCalendar', () => {
       expect(calendar.selected).toEqual([])
       expect(calendar.earliest).toBe(null)
       expect(calendar.latest).toBe(null)
+      expect(calendar.querySelector('[role="grid"]')).not.toHaveAttribute('aria-multiselectable')
     })
 
     test('handles multiple property correctly', async () => {
@@ -122,6 +135,7 @@ describe('PktCalendar', () => {
       await calendar.updateComplete
 
       expect(calendar.multiple).toBe(true)
+      expect(calendar.querySelector('[role="grid"]')).toHaveAttribute('aria-multiselectable', 'true')
     })
 
     test('handles range property correctly', async () => {
@@ -131,6 +145,7 @@ describe('PktCalendar', () => {
       await calendar.updateComplete
 
       expect(calendar.range).toBe(true)
+      expect(calendar.querySelector('[role="grid"]')).toHaveAttribute('aria-multiselectable', 'true')
     })
 
     test('handles weeknumbers property correctly', async () => {

package/src/components/calendar/calendar.ts

@@ -25,7 +25,6 @@ import {
   DAYS_PER_WEEK,
   calculateCalendarDimensions,
   getCellType,
-  getDayNumber,
 } from 'shared-utils/calendar/calendar-grid'
 import {
   convertSelectedToDates,
@@ -256,7 +255,7 @@ export class PktCalendar extends PktElement<IPktStringsProps<'dates' | 'calendar
         <table
           class="pkt-cal-days pkt-txt-12-medium pkt-calendar__body"
           role="grid"
-          ?aria-multiselectable=${this.range || this.multiple}
+          aria-multiselectable=${this.range || this.multiple ? 'true' : nothing}
         >
           <thead>
             ${this.renderDayNames()}
@@ -290,8 +289,8 @@ export class PktCalendar extends PktElement<IPktStringsProps<'dates' | 'calendar
           }
         }}
         class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only ${className} ${isAllowed ? '' : 'pkt-invisible'}"
-        .data-disabled=${!isAllowed ? 'disabled' : nothing}
-        ?aria-disabled=${!isAllowed}
+        data-disabled=${!isAllowed ? 'disabled' : nothing}
+        aria-disabled=${!isAllowed ? 'true' : nothing}
         tabindex=${isAllowed ? '0' : '-1'}
       >
         <pkt-icon class="pkt-btn__icon" name="${iconName}"></pkt-icon>
@@ -356,6 +355,7 @@ export class PktCalendar extends PktElement<IPktStringsProps<'dates' | 'calendar
             const target = e.target as HTMLInputElement
             this.changeMonth(parseInt(target.value), this.month)
           }}
+          value=${this.year}
           .value=${this.year}
         />
       </div>`
@@ -505,15 +505,8 @@ export class PktCalendar extends PktElement<IPktStringsProps<'dates' | 'calendar
     </td>`
   }
 
-  private renderEmptyDayCell(day: number): TemplateResult {
-    return html`<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">${day}</span>
-      </div>
-    </td>`
+  private renderEmptyDayCell(): TemplateResult {
+    return html`<td class="pkt-cal-other"></td>`
   }
 
   private renderWeekRow(cells: TemplateResult[]): TemplateResult {
@@ -551,8 +544,7 @@ export class PktCalendar extends PktElement<IPktStringsProps<'dates' | 'calendar
           cells.push(this.renderDayView(dayCounter, today))
           dayCounter++
         } else {
-          const dayNumber = getDayNumber(cellType, j, dayCounter, dimensions)
-          cells.push(this.renderEmptyDayCell(dayNumber))
+          cells.push(this.renderEmptyDayCell())
           if (cellType === 'next-month') {
             dayCounter++
           }

package/src/components/input-wrapper/input-wrapper.test.ts

@@ -197,6 +197,7 @@ describe('PktInputWrapper', () => {
 
       const counter = wrapper.querySelector('.pkt-input__counter')
       expect(counter).toBeInTheDocument()
+      expect(counter?.textContent?.trim()).toBe('5/100')
     })
 
     test('updates counter current value', async () => {

package/src/components/input-wrapper/input-wrapper.ts

@@ -184,9 +184,9 @@ export class PktInputWrapper extends PktElementWithSlot<Props> {
       // Den synlige telleren er aria-hidden. Statusregionen under holdes tom
       // til grensa er brutt, så skjermlesere bare varsler når det faktisk er noe å si.
       const exceeded = isCounterExceeded(this.counterCurrent, this.counterMaxLength)
+      const count = `${this.counterCurrent || 0}${this.counterMaxLength ? `/${this.counterMaxLength}` : ''}`
       return html`<div class="pkt-input__counter" aria-hidden="true">
-          ${this.counterError ? this.counterError : nothing} ${this.counterCurrent || 0}
-          ${this.counterMaxLength ? `/${this.counterMaxLength}` : nothing}
+          ${this.counterError ? `${this.counterError} ` : nothing}${count}
         </div>
         <div class="pkt-sr-only" id=${counterStatusId(this.forId)} aria-live="polite">
           ${exceeded

package/dist/calendar-C5QwPrbk.cjs

@@ -1,91 +0,0 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs");require("./icon-jPhyZD1z.cjs");const n=require("./converters-BJ9Fe0kW.cjs");var r={multiple:!1,maxMultiple:0,range:!1,earliest:null,latest:null,weeknumbers:!1,withcontrols:!1};function i(e,t,r){let i=n.y(e,r?.in);return isNaN(t)?n.b(r?.in||e,NaN):(t&&i.setDate(i.getDate()+t),i)}function a(e,t){let[r,i]=n.v(e,t.start,t.end);return{start:r,end:i}}function o(e,t){let{start:r,end:i}=a(t?.in,e),o=+r>+i,s=o?+r:+i,c=o?i:r;c.setHours(0,0,0,0);let l=t?.step??1;if(!l)return[];l<0&&(l=-l,o=!o);let u=[];for(;+c<=s;)u.push(n.b(r,c)),c.setDate(c.getDate()+l),c.setHours(0,0,0,0);return o?u.reverse():u}function s(e,t){let r=n.y(e,t?.in).getDay();return r===0?7:r}function c(e,t){let r=(t.excludedates??[]).map(e=>typeof e==`string`?e:n.a(e));return!n.l(e,t.earliest,t.latest,r,t.excludeweekdays??[])}function l(e,t,n,r){return!!(c(e,n)||!t&&r.multiple&&r.maxMultiple>0&&r.selectedCount>=r.maxMultiple)}function u(e,t,r){let i=n.p(e,t,0);return!(r&&n.d(r)>i)}function d(e,t,r){let i=n.p(t===11?e+1:e,t===11?0:t+1,1);return!(r&&n.d(r)<i)}function f(e,t){let r=n.p(e,t,1),i=n.p(e,t+1,0),a=(r.getDay()+6)%7,o=i.getDate();return{firstDayOfMonth:r,lastDayOfMonth:i,startingDay:a,numDays:o,numRows:Math.ceil((o+a)/7),numDaysPrevMonth:n.p(e,t,0).getDate(),initialWeek:n._(r)}}function p(e,t,n,r){let{startingDay:i,numDays:a}=r;return e===0&&t<i?`prev-month`:n>a?`next-month`:`current-month`}function m(e,t,n,r){let{startingDay:i,numDaysPrevMonth:a,numDays:o}=r;return e===`prev-month`?a-(i-t-1):e===`next-month`?n-o:n}function h(e){return typeof e==`string`&&(e=e.split(`,`)),e.length===1&&e[0]===``?[]:e.map(e=>n.m(e))}function g(e,t){let r=o({start:e,end:t}),i={};if(Array.isArray(r)&&r.length)for(let a=0;a<r.length;a++){let o=r[a],s=o>e&&o<t;i[n.a(o)]=s}return i}function _(e,t,n,r){if(t.length!==1)return!0;let i=o({start:t[0],end:e});if(!Array.isArray(i)||!i.length)return!0;for(let a=0;a<i.length;a++){for(let r of n??[])if(r>t[0]&&r<e)return!1;if((r??[]).includes(s(i[a]).toString()))return!1}return!0}function v(e,t){let r=n.a(e);return t.includes(r)?t:[...t,r]}function y(e,t){let r=n.a(e),i=t.indexOf(r);if(i===-1)return t;if(t.length===1)return[];let a=[...t];return a.splice(i,1),a}function b(e,t,r){let i=n.a(e);return t.includes(i)?y(e,t):r>0&&t.length>=r?t:v(e,t)}function x(e,t,r){let i=n.a(e),a=h(t);return t.includes(i)?t.indexOf(i)===0?[]:y(e,t):t.length>1||t.length===1&&(!_(e,a,r.excludedates,r.excludeweekdays)||a[0]>e)?[i]:v(e,t)}var S={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};function C(e){let t=e.nodeName;return t===`INPUT`||t===`SELECT`||t===`BUTTON`&&!e.dataset?.date}function w(e,t,r){let a=i(e,t);if(!a)return null;let o=r(`button[data-date="${n.a(a)}"]`);for(;o instanceof HTMLButtonElement&&o.dataset.disabled;)if(a=i(a,t),o=r(`button[data-date="${n.a(a)}"]`),!o)return null;return a}function T(e){return S[e]??null}var E=class extends e.t{constructor(...e){super(...e),this.selected=[],this.multiple=r.multiple,this.maxMultiple=r.maxMultiple,this.range=r.range,this.earliest=r.earliest,this.latest=r.latest,this.excludedates=[],this.excludeweekdays=[],this.weeknumbers=r.weeknumbers,this.withcontrols=r.withcontrols,this.currentmonth=null,this.today=null,this._selected=[],this.inRange={},this.rangeHovered=null,this.year=0,this.month=0,this.week=0,this.currentmonthtouched=!1,this.focusedDate=null,this.selectableDates=[],this.tabIndexSet=0}get calendarStrings(){let e=this.pktStrings.get(`dates`),t=this.pktStrings.get(`calendar`);return{daysShort:this.dayStrings??e.daysShort,days:this.dayStringsLong??e.days,months:this.monthStrings??e.months,week:this.weekString??e.week,prevMonth:this.prevMonthString??t.prevMonth,nextMonth:this.nextMonthString??t.nextMonth}}get todayDate(){return this.today?n.m(this.today):n.g()}firstUpdated(e){this.addEventListener(`keydown`,this.handleKeydown)}disconnectedCallback(){this.removeEventListener(`keydown`,this.handleKeydown),super.disconnectedCallback()}updated(e){super.updated(e),e.has(`selected`)&&this.convertSelected()}convertSelected(){typeof this.selected==`string`&&(this.selected=this.selected.split(`,`)),this.selected.length===1&&this.selected[0]===``&&(this.selected=[]),this._selected=h(this.selected),this.range&&this.selected.length===2&&(this.inRange=g(this._selected[0],this._selected[1])),this.setCurrentMonth()}setCurrentMonth(){if(this.currentmonth===null&&!this.currentmonthtouched&&(this.currentmonthtouched=!0),this.selected.length&&this.selected[0]!==``){let e=n.m(this.selected[this.selected.length-1]);this.currentmonth=isNaN(e.getTime())?n.f(this.todayDate):e}else this.currentmonth===null&&(this.currentmonth=n.f(this.todayDate));(!this.currentmonth||isNaN(this.currentmonth.getTime()))&&(this.currentmonth=n.f(this.todayDate)),this.year=this.currentmonth.getFullYear(),this.month=this.currentmonth.getMonth()}handleKeydown(e){let t=T(e.key);t!==null&&this.handleArrowKey(e,t)}handleArrowKey(e,t){let r=e.target;if(C(r))return;if(e.preventDefault(),!this.focusedDate){this.focusOnCurrentDate();return}let i=w(this.focusedDate?n.d(this.focusedDate):n.p(this.year,this.month,1),t,this.querySelector.bind(this));if(i){let e=this.querySelector(`button[data-date="${n.a(i)}"]`);e instanceof HTMLButtonElement&&!e.dataset.disabled&&(this.focusedDate=n.a(i),e.focus())}}render(){return e._`
-      <div
-        class="pkt-calendar ${this.weeknumbers?`pkt-cal-weeknumbers`:``}"
-        @focusout=${this.closeEvent}
-        @keydown=${e=>{e.key===`Escape`&&(e.preventDefault(),this.close())}}
-      >
-        <nav class="pkt-cal-month-nav">
-          ${this.renderMonthNavButton(`prev`)} ${this.renderMonthNav()}
-          ${this.renderMonthNavButton(`next`)}
-        </nav>
-        <table
-          class="pkt-cal-days pkt-txt-12-medium pkt-calendar__body"
-          role="grid"
-          ?aria-multiselectable=${this.range||this.multiple}
-        >
-          <thead>
-            ${this.renderDayNames()}
-          </thead>
-          <tbody>
-            ${this.renderCalendarBody()}
-          </tbody>
-        </table>
-      </div>
-    `}renderMonthNavButton(t){let n=t===`prev`,r=n?this.isPrevMonthAllowed():this.isNextMonthAllowed(),{prevMonth:i,nextMonth:a}=this.calendarStrings,o=n?i:a,s=n?`chevron-thin-left`:`chevron-thin-right`,c=n?`pkt-calendar__prev-month`:`pkt-calendar__next-month`,l=n?()=>this.prevMonth():()=>this.nextMonth();return e._`<div>
-      <button
-        type="button"
-        aria-label="${o}"
-        @click=${()=>r&&l()}
-        @keydown=${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),r&&l())}}
-        class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only ${c} ${r?``:`pkt-invisible`}"
-        .data-disabled=${r?e.h:`disabled`}
-        ?aria-disabled=${!r}
-        tabindex=${r?`0`:`-1`}
-      >
-        <pkt-icon class="pkt-btn__icon" name="${s}"></pkt-icon>
-        <span class="pkt-btn__text">${o}</span>
-      </button>
-    </div>`}renderDayNames(){let t=[];this.weeknumbers&&t.push(e._`<th><div class="pkt-calendar__week-number">${this.calendarStrings.week}</div></th>`);let{days:n,daysShort:r}=this.calendarStrings;for(let i=0;i<r.length;i++)t.push(e._`<th>
-          <div class="pkt-calendar__day-name" aria-label="${n[i]}">${r[i]}</div>
-        </th>`);return e._`<tr class="pkt-cal-week-row">
-      ${t}
-    </tr>`}renderMonthNav(){let t=this.pktStrings.get(`dates`);return this.withcontrols?e._`<div class="pkt-cal-month-picker">
-        <label for="${this.id}-monthnav" class="pkt-hide">${t.month}</label>
-        <select
-          aria-label="${t.month}"
-          class="pkt-input pkt-input-compact"
-          id="${this.id}-monthnav"
-          @change=${e=>{e.stopImmediatePropagation();let t=e.target;this.changeMonth(this.year,parseInt(t.value))}}
-        >
-          ${this.calendarStrings.months.map((t,n)=>e._`<option value=${n} ?selected=${this.month===n}>${t}</option>`)}
-        </select>
-        <label for="${this.id}-yearnav" class="pkt-hide">${t.year}</label>
-        <input
-          aria-label="${t.year}"
-          class="pkt-input pkt-cal-input-year pkt-input-compact"
-          id="${this.id}-yearnav"
-          type="number"
-          size="4"
-          placeholder="0000"
-          @change=${e=>{e.stopImmediatePropagation();let t=e.target;this.changeMonth(parseInt(t.value),this.month)}}
-          .value=${this.year}
-        />
-      </div>`:e._`<div class="pkt-txt-16-medium pkt-calendar__month-title" aria-live="polite">
-      ${this.calendarStrings.months[this.month]} ${this.year}
-    </div>`}getDayViewData(e,t){let r=n.p(this.year,this.month,e),i=n.a(r),a=i===n.a(t),o=this.selected.includes(i),s=this.isDayDisabled(r,o),c=this.calculateTabIndex(i,s,e);return{currentDate:r,currentDateISO:i,isToday:a,isSelected:o,isDisabled:s,ariaLabel:n.o(r),tabindex:c}}getDateConstraints(){return{earliest:this.earliest,latest:this.latest,excludedates:this.excludedates,excludeweekdays:this.excludeweekdays}}isDayDisabled(e,t){return l(e,t,this.getDateConstraints(),{multiple:this.multiple,maxMultiple:this.maxMultiple,selectedCount:this.selected.length})}calculateTabIndex(e,t,n){return this.focusedDate?this.focusedDate===e&&!t?`0`:`-1`:!t&&this.tabIndexSet===0?(this.tabIndexSet=n,`0`):this.tabIndexSet===n?`0`:`-1`}getDayCellClasses(e){let{currentDateISO:t,isToday:r,isSelected:i}=e,a=this.range&&(this.selected.length===2||this.rangeHovered!==null)&&t===this.selected[0],o=this.range&&this.selected.length===2&&t===this.selected[1];return{"pkt-cal-today":r,"pkt-cal-selected":i,"pkt-cal-in-range":this.inRange[t],"pkt-cal-excluded":this.isExcluded(e.currentDate),"pkt-cal-in-range-first":a,"pkt-cal-in-range-last":o,"pkt-cal-range-hover":this.rangeHovered!==null&&t===n.a(this.rangeHovered)}}getDayButtonClasses(e){let{currentDateISO:t,isToday:r,isSelected:i,isDisabled:a}=e,o=this.range&&(this.selected.length===2||this.rangeHovered!==null)&&t===this.selected[0],s=this.range&&this.selected.length===2&&t===this.selected[1];return{"pkt-calendar__date":!0,"pkt-calendar__date--today":r,"pkt-calendar__date--selected":i,"pkt-calendar__date--disabled":a,"pkt-calendar__date--in-range":this.inRange[t],"pkt-calendar__date--in-range-hover":this.rangeHovered!==null&&t===n.a(this.rangeHovered),"pkt-calendar__date--range-start":o,"pkt-calendar__date--range-end":s}}handleDayFocus(e,t){this.range&&!this.isExcluded(e)&&this.handleRangeHover(e),this.focusedDate=t}renderDayView(n,r){let i=this.getDayViewData(n,r),{currentDate:a,currentDateISO:o,isSelected:s,isDisabled:c,ariaLabel:l,tabindex:u}=i;this.selectableDates.push({currentDateISO:o,isDisabled:c,tabindex:u});let d=this.getDayCellClasses(i),f=this.getDayButtonClasses(i);return e._`<td class=${t.t(d)}>
-      <button
-        type="button"
-        aria-pressed=${s?`true`:`false`}
-        ?disabled=${c}
-        class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only ${t.t(f)}"
-        @mouseover=${()=>this.range&&!this.isExcluded(a)&&this.handleRangeHover(a)}
-        @focus=${()=>this.handleDayFocus(a,o)}
-        aria-label="${l}"
-        tabindex=${u}
-        data-disabled=${c?`disabled`:e.h}
-        data-date=${o}
-        @keydown=${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleDateSelect(a))}}
-        @click=${e=>{c||(e.preventDefault(),this.handleDateSelect(a))}}
-      >
-        <span class="pkt-btn__text pkt-txt-14-light">${n}</span>
-      </button>
-    </td>`}renderEmptyDayCell(t){return e._`<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">${t}</span>
-      </div>
-    </td>`}renderWeekRow(t){return e._`<tr class="pkt-cal-week-row" role="row">
-      ${t}
-    </tr>`}renderCalendarBody(){let t=this.todayDate,n=f(this.year,this.month);this.selectableDates=[],this.tabIndexSet=0;let r=1;this.week=n.initialWeek;let i=[];for(let a=0;a<n.numRows;a++){let o=[];this.weeknumbers&&o.push(e._`<td class="pkt-cal-week">${this.week}</td>`),this.week++;for(let e=0;e<7;e++){let i=p(a,e,r,n);if(i===`current-month`)o.push(this.renderDayView(r,t)),r++;else{let t=m(i,e,r,n);o.push(this.renderEmptyDayCell(t)),i===`next-month`&&r++}}i.push(this.renderWeekRow(o))}return i}isExcluded(e){return c(e,this.getDateConstraints())}isPrevMonthAllowed(){return u(this.year,this.month,this.earliest)}prevMonth(){let e=this.month===0?11:this.month-1,t=this.month===0?this.year-1:this.year;this.changeMonth(t,e)}isNextMonthAllowed(){return d(this.year,this.month,this.latest)}nextMonth(){let 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=typeof e==`string`?parseInt(e):e,this.month=typeof t==`string`?parseInt(t):t,this.currentmonth=n.f(new Date(this.year,this.month,1)),this.tabIndexSet=0,this.focusedDate=null,this.selectableDates=[]}emptySelected(){this.selected=[],this._selected=[],this.inRange={}}normalizeSelected(){return typeof this.selected==`string`?this.selected.split(`,`):this.selected}addToSelected(e){this.selected=v(e,this.normalizeSelected()),this._selected=h(this.selected),this.range&&this.selected.length===2&&(this.convertSelected(),this.close())}removeFromSelected(e){this.selected=y(e,this.normalizeSelected()),this._selected=h(this.selected)}toggleSelected(e){this.selected=b(e,this.normalizeSelected(),this.maxMultiple),this._selected=h(this.selected)}isRangeAllowed(e){return _(e,this._selected,this.excludedates,this.excludeweekdays)}handleRangeSelect(e){return this.selected=x(e,this.normalizeSelected(),{excludedates:this.excludedates,excludeweekdays:this.excludeweekdays}),this._selected=h(this.selected),this.selected.length===2?(this.convertSelected(),this.close()):this.selected.length===1&&(this.inRange={}),Promise.resolve()}handleRangeHover(e){if(!this.range||this._selected.length!==1||!this.isRangeAllowed(e)||this._selected[0]>=e){this.rangeHovered=null;return}this.rangeHovered=e,this.inRange=g(this._selected[0],e)}handleDateSelect(e){return e?(this.range?this.handleRangeSelect(e):this.multiple?this.toggleSelected(e):(this.selected.includes(n.a(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()):Promise.resolve()}focusOnCurrentDate(){let e=n.a(n.f(this.todayDate)),t=this.querySelector(`button[data-date="${e}"]`);if(t instanceof HTMLButtonElement){this.focusedDate=e,t.focus();return}let r=this.selectableDates.find(e=>!e.isDisabled);if(r){let e=this.querySelector(`button[data-date="${r.currentDateISO}"]`);e instanceof HTMLButtonElement&&(this.focusedDate=r.currentDateISO,e.focus())}}closeEvent(e){let t=e.target,n=e.relatedTarget;this.contains(n)||t.classList.contains(`pkt-invisible`)||t.closest(`.pkt-cal-month-picker`)||this.close()}close(){this.dispatchEvent(new CustomEvent(`close`,{detail:!0,bubbles:!0,composed:!0}))}};e.n([e.u({converter:n.t.csvToArray})],E.prototype,`selected`,void 0),e.n([e.u({type:Boolean})],E.prototype,`multiple`,void 0),e.n([e.u({type:Number,attribute:`max-multiple`})],E.prototype,`maxMultiple`,void 0),e.n([e.u({type:Boolean})],E.prototype,`range`,void 0),e.n([e.u({type:String})],E.prototype,`earliest`,void 0),e.n([e.u({type:String})],E.prototype,`latest`,void 0),e.n([e.u({converter:n.t.stringsToDate})],E.prototype,`excludedates`,void 0),e.n([e.u({converter:n.t.csvToArray})],E.prototype,`excludeweekdays`,void 0),e.n([e.u({type:Boolean})],E.prototype,`weeknumbers`,void 0),e.n([e.u({type:Boolean})],E.prototype,`withcontrols`,void 0),e.n([e.u({converter:n.t.stringToDate})],E.prototype,`currentmonth`,void 0),e.n([e.u({type:String})],E.prototype,`today`,void 0),e.n([e.u({type:Array,attribute:`day-strings`})],E.prototype,`dayStrings`,void 0),e.n([e.u({type:Array,attribute:`day-strings-long`})],E.prototype,`dayStringsLong`,void 0),e.n([e.u({type:Array,attribute:`month-strings`})],E.prototype,`monthStrings`,void 0),e.n([e.u({type:String,attribute:`week-string`})],E.prototype,`weekString`,void 0),e.n([e.u({type:String,attribute:`prev-month-string`})],E.prototype,`prevMonthString`,void 0),e.n([e.u({type:String,attribute:`next-month-string`})],E.prototype,`nextMonthString`,void 0),e.n([e.u({type:Array})],E.prototype,`_selected`,void 0),e.n([e.l()],E.prototype,`inRange`,void 0),e.n([e.u({type:Date})],E.prototype,`rangeHovered`,void 0),e.n([e.u({type:Number})],E.prototype,`year`,void 0),e.n([e.u({type:Number})],E.prototype,`month`,void 0),e.n([e.u({type:Number})],E.prototype,`week`,void 0),e.n([e.l()],E.prototype,`currentmonthtouched`,void 0),e.n([e.l()],E.prototype,`focusedDate`,void 0);try{e.d(`pkt-calendar`)(E)}catch{console.warn(`Forsøker å definere <pkt-calendar>, men den er allerede definert`)}var D=E;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return D}});