@oslokommune/punkt-elements 14.0.2 → 14.0.4

package/dist/datepicker-DDV382Uu.cjs

@@ -0,0 +1,271 @@
+"use strict";const l=require("./element-CJ_QKaki.cjs"),B=require("./state-DSjcvzDN.cjs"),u=require("./calendar-BtShW7ER.cjs"),A=require("./input-element-BmXkhljw.cjs"),p=require("./ref-BFa5Utho.cjs");require("./icon-BGuizDwk.cjs");require("./input-wrapper-WEGSbIA6.cjs");const m=require("./class-map-C_erArZz.cjs"),M=require("./repeat-BZb41H64.cjs");require("./tag-BkuJjOy7.cjs");const I=require("./utils-byXsEz1u.cjs"),g=require("./if-defined-Bc9-_I01.cjs"),F=require("./pkt-slot-controller-BzddBp7z.cjs");var j=Object.defineProperty,q=Object.getOwnPropertyDescriptor,b=(s,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,n=s.length-1,r;n>=0;n--)(r=s[n])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&j(e,t,i),i};exports.PktDateTags=class extends l.PktElement{constructor(){super(...arguments),this.dates=[],this.dateformat="dd.MM.yyyy",this.className="pkt-datepicker__tags",this.idBase=I.uuidish()}render(){return this.classes={"pkt-date-tags":!0,[this.className]:!0},l.x`
+      <div class=${m.e(this.classes)} aria-live="polite">
+        ${Array.isArray(this.dates)&&this.dates[0]?M.c(u.sortDateStrings((this.dates??[]).filter(Boolean)),e=>e,e=>{var t;return l.x` <pkt-tag
+                  id=${this.idBase+e+"-tag"}
+                  closeTag
+                  @close=${()=>{this.dispatchEvent(new CustomEvent("date-tag-removed",{detail:e}))}}
+                  .ariaLabel=${`${(t=this.strings)==null?void 0:t.calendar.deleteDate} ${u.fromISOtoLocal(e,this.dateformat)}`}
+                >
+                  <time datetime=${e}>${u.fromISOtoLocal(e,this.dateformat)}</time>
+                </pkt-tag>`}):l.E}
+      </div>
+    `}};b([l.n({type:Array})],exports.PktDateTags.prototype,"dates",2);b([l.n({type:String})],exports.PktDateTags.prototype,"dateformat",2);b([l.n({type:String,attribute:"class"})],exports.PktDateTags.prototype,"className",2);b([l.n({type:String,attribute:"id-base"})],exports.PktDateTags.prototype,"idBase",2);exports.PktDateTags=b([l.t("pkt-date-tags")],exports.PktDateTags);const L={dateformat:{default:"dd.MM.yyyy"},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},$={props:L},y=()=>{const s=navigator.userAgent;return!!(/iP(hone|od|ad)/.test(s)||/Macintosh/.test(s)&&"ontouchend"in document)},D={normalizeNameForMultiple(s,e,t){return s?(e||t)&&!s.endsWith("[]")?s+"[]":s:null},validateRangeOrder(s){return!s||s.length!==2?!0:u.isValidDateRange(s[0],s[1])},sortDates(s){return u.sortDateStrings(s)},filterSelectableDates(s,e,t,a,i){return u.filterSelectableDates(s,e,t,a,i)}},V={getInputType(){return y()?"text":"date"}},k={submitForm(s){var t;const e=(t=s.internals)==null?void 0:t.form;e&&e.requestSubmit()},submitFormOrFallback(s,e){const t=s==null?void 0:s.form;t?t.requestSubmit():e()},validateDateInput(s,e,t,a,i){var r,h,E,S;const n=s.value;n&&(t&&t>n?e.setValidity({rangeUnderflow:!0},((h=(r=i==null?void 0:i.forms)==null?void 0:r.messages)==null?void 0:h.rangeUnderflow)||"Value is below minimum",s):a&&a<n&&e.setValidity({rangeOverflow:!0},((S=(E=i==null?void 0:i.forms)==null?void 0:E.messages)==null?void 0:S.rangeOverflow)||"Value is above maximum",s))}},w={addToSelected(s,e,t,a){const i=s.target;if(!i.value)return;const n=t?u.newDate(t):null,r=a?u.newDate(a):null,h=u.newDate(i.value.split(",")[0]);h&&!isNaN(h.getTime())&&(!n||h>=n)&&(!r||h<=r)&&e.value&&e.value.handleDateSelect(h),i.value=""},handleCalendarPosition(s,e,t=!1){var h;if(!s.value||!e.value)return;const a=((h=e.value.parentElement)==null?void 0:h.getBoundingClientRect())||e.value.getBoundingClientRect(),i=t?a.height+30:a.height,n=s.value.getBoundingClientRect().height;let r=t?"calc(100% - 30px)":"100%";a&&a.top+n>window.innerHeight&&a.top-n>0&&(r=`calc(100% - ${i}px - ${n}px)`),s.value.style.top=r}},_={getInputClasses(s,e,t,a,i,n){return{"pkt-input":!0,"pkt-datepicker__input":!0,"pkt-input--fullwidth":s,"pkt-datepicker--hasrangelabels":e,"pkt-datepicker--multiple":t,"pkt-datepicker--range":a,"ios-readonly-hack":i===!1&&n==="text"}},getButtonClasses(){return{"pkt-input-icon":!0,"pkt-btn":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":!0,"pkt-datepicker__calendar-button":!0}},getRangeLabelClasses(s){return{"pkt-input-prefix":s,"pkt-hide":!s}}},T={processDateSelection(s,e,t){return!e&&!t?s[0]||"":Array.isArray(s)?s.join(","):s},updateInputValues(s,e,t,a,i,n){s.value&&(a&&(e!=null&&e.value)?(s.value.value=t[0]??"",e.value.value=t[1]??"",n(s.value),n(e.value)):i||(s.value.value=t.length?t[0]:"",n(s.value)))},processRangeBlur(s,e,t,a,i){var r;const n=s.target;if(n.value){i(n);const h=u.fromISOToDate(n.value);h&&((r=t==null?void 0:t.value)==null||r.handleDateSelect(h))}else e[0]&&a()}},C={handleInputKeydown(s,e,t,a,i,n){const{key:r}=s;r===","&&(s.preventDefault(),n?n(s):i&&i()),(r==="Space"||r===" ")&&(s.preventDefault(),e(s)),r==="Enter"&&(s.preventDefault(),t?t():a?a():i&&i())},handleButtonKeydown(s,e){const{key:t}=s;(t==="Enter"||t===" "||t==="Space")&&(s.preventDefault(),e(s))}};var N=Object.defineProperty,U=Object.getOwnPropertyDescriptor,c=(s,e,t,a)=>{for(var i=a>1?void 0:a?U(e,t):e,n=s.length-1,r;n>=0;n--)(r=s[n])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&N(e,t,i),i};let d=class extends l.PktElement{constructor(){super(...arguments),this.open=!1,this.multiple=!1,this.range=!1,this.weeknumbers=!1,this.withcontrols=!1,this.maxMultiple=null,this.selected=[],this.earliest=null,this.latest=null,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.popupRef=p.e(),this.calendarRef=p.e(),this.handleDocumentClick=s=>{if(!this.open)return;const e=s.composedPath(),t=this.parentElement,a=this.popupRef.value;!e.includes(this)&&!e.includes(a)&&!(t&&e.includes(t))&&(this.hide(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))},this.handleDocumentKeydown=s=>{this.open&&s.key==="Escape"&&(this.hide(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))}}firstUpdated(){this.calRef=this.calendarRef,document.addEventListener("keydown",this.handleDocumentKeydown),document.addEventListener("click",this.handleDocumentClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleDocumentKeydown)}show(){var s;this.open=!0,(s=this.calendarRef.value)==null||s.focus()}hide(){this.open=!1}toggle(){this.open?this.hide():this.show()}contains(s){var e;return!!s&&!!((e=this.popupRef.value)!=null&&e.contains(s))}focusOnCurrentDate(){const s=this.calendarRef.value;s&&typeof s.focusOnCurrentDate=="function"&&s.focusOnCurrentDate()}addToSelected(s,e,t){if(typeof w.addToSelected=="function")return w.addToSelected(s,this.calendarRef,e,t)}handleDateSelect(s){const e=this.calendarRef.value;if(e&&typeof e.handleDateSelect=="function")return e.handleDateSelect(s)}render(){const s={"pkt-calendar-popup":!0,show:this.open,hide:!this.open};return l.x`
+      <div
+        class="${m.e(s)}"
+        ${p.n(this.popupRef)}
+        id="date-popup"
+        ?hidden=${!this.open}
+        aria-hidden="${!this.open}"
+      >
+        <pkt-calendar
+          ${p.n(this.calendarRef)}
+          ?multiple=${this.multiple}
+          ?range=${this.range}
+          ?weeknumbers=${this.weeknumbers}
+          ?withcontrols=${this.withcontrols}
+          .maxMultiple=${this.maxMultiple}
+          .selected=${this.selected}
+          .earliest=${this.earliest}
+          .latest=${this.latest}
+          .excludedates=${this.excludedates}
+          .excludeweekdays=${this.excludeweekdays}
+          .currentmonth=${this.currentmonth}
+          @date-selected=${e=>{this.selected=e.detail,this.dispatchEvent(new CustomEvent("date-selected",{detail:e.detail,bubbles:!0,composed:!0}))}}
+          @close=${()=>{this.hide(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}
+        ></pkt-calendar>
+      </div>
+    `}};c([l.n({type:Boolean,reflect:!0})],d.prototype,"open",2);c([l.n({type:Boolean})],d.prototype,"multiple",2);c([l.n({type:Boolean})],d.prototype,"range",2);c([l.n({type:Boolean})],d.prototype,"weeknumbers",2);c([l.n({type:Boolean})],d.prototype,"withcontrols",2);c([l.n({type:Number})],d.prototype,"maxMultiple",2);c([l.n({type:Array})],d.prototype,"selected",2);c([l.n({type:String})],d.prototype,"earliest",2);c([l.n({type:String})],d.prototype,"latest",2);c([l.n({type:Array})],d.prototype,"excludedates",2);c([l.n({type:Array})],d.prototype,"excludeweekdays",2);c([l.n({type:String})],d.prototype,"currentmonth",2);d=c([l.t("pkt-datepicker-popup")],d);var z=Object.defineProperty,v=(s,e,t,a)=>{for(var i=void 0,n=s.length-1,r;n>=0;n--)(r=s[n])&&(i=r(e,t,i)||i);return i&&z(e,t,i),i};class f extends l.PktElement{constructor(){super(...arguments),this.inputType="date",this.id="",this.readonly=!1,this.disabled=!1,this.inputClasses={},this.inputRef=p.e(),this.btnRef=p.e()}get inputElement(){return this.inputRef.value}get buttonElement(){return this.btnRef.value}get isInputReadonly(){return this.readonly||this.inputType==="text"}dispatchToggleCalendar(e){this.readonly||this.dispatchEvent(new CustomEvent("toggle-calendar",{detail:e,bubbles:!0,composed:!0}))}dispatchInput(e){this.dispatchEvent(new CustomEvent("input-change",{detail:e,bubbles:!0,composed:!0}))}dispatchFocus(){this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0}))}dispatchBlur(e){this.dispatchEvent(new CustomEvent("input-blur",{detail:e,bubbles:!0,composed:!0}))}dispatchChange(e){this.dispatchEvent(new CustomEvent("input-changed",{detail:e,bubbles:!0,composed:!0}))}renderCalendarButton(){var e;return l.x`
+      <button
+        class="${m.e(_.getButtonClasses())}"
+        type="button"
+        @click=${t=>this.dispatchToggleCalendar(t)}
+        @keydown=${t=>{const{key:a}=t;(a==="Enter"||a===" "||a==="Space")&&(t.preventDefault(),this.dispatchToggleCalendar(t))}}
+        ?disabled=${this.disabled}
+        ${this.btnRef}
+      >
+        <pkt-icon name="calendar"></pkt-icon>
+        <span class="pkt-btn__text">${((e=this.strings.calendar)==null?void 0:e.buttonAltText)||"Åpne kalender"}</span>
+      </button>
+    `}createRenderRoot(){return this}}v([l.n({type:String})],f.prototype,"inputType");v([l.n({type:String})],f.prototype,"id");v([l.n({type:String})],f.prototype,"min");v([l.n({type:String})],f.prototype,"max");v([l.n({type:String})],f.prototype,"placeholder");v([l.n({type:Boolean})],f.prototype,"readonly");v([l.n({type:Boolean})],f.prototype,"disabled");v([l.n({type:Object})],f.prototype,"inputClasses");v([l.n({type:Object})],f.prototype,"internals");const O={calendar:{buttonAltText:"Åpne kalender"}},K={calendar:{buttonAltText:"Åpne kalender"},generic:{from:"Fra",to:"Til"}};var W=Object.defineProperty,H=Object.getOwnPropertyDescriptor,R=(s,e,t,a)=>{for(var i=a>1?void 0:a?H(e,t):e,n=s.length-1,r;n>=0;n--)(r=s[n])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&W(e,t,i),i};exports.PktDatepickerSingle=class extends f{constructor(){super(...arguments),this.value="",this.strings=O}dispatchManageValidity(e){this.dispatchEvent(new CustomEvent("manage-validity",{detail:e,bubbles:!0,composed:!0}))}render(){return l.x`
+      <div class="pkt-input__container">
+        <input
+          class="${m.e(this.inputClasses)}"
+          .type=${this.inputType}
+          id="${this.id}-input"
+          .value=${this.value}
+          min=${g.o(this.min)}
+          max=${g.o(this.max)}
+          placeholder=${g.o(this.placeholder)}
+          ?readonly=${this.isInputReadonly}
+          aria-describedby="${this.id}-helptext"
+          @click=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
+          @touchend=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
+          ?disabled=${this.disabled}
+          @keydown=${e=>C.handleInputKeydown(e,t=>this.dispatchToggleCalendar(t),()=>k.submitFormOrFallback(this.internals,()=>{var t;return(t=this.inputRef.value)==null?void 0:t.blur()}),void 0,()=>{var t;return(t=this.inputRef.value)==null?void 0:t.blur()})}
+          @input=${e=>{this.dispatchInput(e),e.stopImmediatePropagation()}}
+          @focus=${()=>{this.dispatchFocus(),y()&&this.dispatchToggleCalendar(new Event("focus"))}}
+          @blur=${e=>{this.dispatchBlur(e),this.dispatchManageValidity(e.target),this.dispatchEvent(new CustomEvent("value-change",{detail:e.target.value,bubbles:!0,composed:!0}))}}
+          @change=${e=>{this.dispatchChange(e),e.stopImmediatePropagation()}}
+          ${p.n(this.inputRef)}
+        />
+        ${this.renderCalendarButton()}
+      </div>
+    `}};R([l.n({type:String})],exports.PktDatepickerSingle.prototype,"value",2);R([l.n({type:Object})],exports.PktDatepickerSingle.prototype,"strings",2);exports.PktDatepickerSingle=R([l.t("pkt-datepicker-single")],exports.PktDatepickerSingle);var G=Object.defineProperty,J=Object.getOwnPropertyDescriptor,x=(s,e,t,a)=>{for(var i=a>1?void 0:a?J(e,t):e,n=s.length-1,r;n>=0;n--)(r=s[n])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&G(e,t,i),i};exports.PktDatepickerRange=class extends f{constructor(){super(...arguments),this.value=[],this.showRangeLabels=!1,this.strings=K,this.inputRefTo=p.e()}get inputElementTo(){return this.inputRefTo.value}render(){var t,a;const e=_.getRangeLabelClasses(this.showRangeLabels);return l.x`
+      <div class="pkt-input__container">
+        ${this.showRangeLabels?l.x` <div class="pkt-input-prefix">${(t=this.strings.generic)==null?void 0:t.from}</div> `:l.E}
+        <input
+          class=${m.e(this.inputClasses)}
+          .type=${this.inputType}
+          id="${this.id}-input"
+          .value=${this.value[0]??""}
+          min=${g.o(this.min)}
+          max=${g.o(this.max)}
+          placeholder=${g.o(this.placeholder)}
+          ?readonly=${this.isInputReadonly}
+          ?disabled=${this.disabled}
+          @click=${i=>{i.preventDefault(),this.dispatchToggleCalendar(i)}}
+          @touchend=${i=>{i.preventDefault(),this.dispatchToggleCalendar(i)}}
+          @keydown=${i=>C.handleInputKeydown(i,n=>this.dispatchToggleCalendar(n),()=>k.submitFormOrFallback(this.internals,()=>{var n;return(n=this.inputRefTo.value)==null?void 0:n.focus()}),()=>{var n;return(n=this.inputRefTo.value)==null?void 0:n.focus()},()=>{var n;return(n=this.inputRef.value)==null?void 0:n.blur()})}
+          @input=${i=>{this.dispatchInput(i),i.stopImmediatePropagation()}}
+          @focus=${()=>{this.dispatchFocus(),y()&&this.dispatchToggleCalendar(new Event("focus"))}}
+          @blur=${i=>{this.dispatchBlur(i),this.dispatchEvent(new CustomEvent("range-blur",{detail:{event:i,values:this.value,inputType:"from"},bubbles:!0,composed:!0}))}}
+          @change=${i=>{this.dispatchChange(i),i.stopImmediatePropagation()}}
+          ${p.n(this.inputRef)}
+        />
+        <div class="${m.e(e)}" id="${this.id}-to-label">
+          ${(a=this.strings.generic)==null?void 0:a.to}
+        </div>
+        ${this.showRangeLabels?l.E:l.x` <div class="pkt-input-separator">–</div> `}
+        <input
+          class=${m.e(this.inputClasses)}
+          .type=${this.inputType}
+          id="${this.id}-to"
+          aria-labelledby="${this.id}-to-label"
+          .value=${this.value[1]??""}
+          min=${g.o(this.min)}
+          max=${g.o(this.max)}
+          placeholder=${g.o(this.placeholder)}
+          ?readonly=${this.isInputReadonly}
+          ?disabled=${this.disabled}
+          @click=${i=>{i.preventDefault(),this.dispatchToggleCalendar(i)}}
+          @touchend=${i=>{i.preventDefault(),this.dispatchToggleCalendar(i)}}
+          @keydown=${i=>C.handleInputKeydown(i,n=>this.dispatchToggleCalendar(n),()=>k.submitFormOrFallback(this.internals,()=>{var n;return(n=this.inputRefTo.value)==null?void 0:n.blur()}),void 0,()=>{var n;return(n=this.inputRefTo.value)==null?void 0:n.blur()})}
+          @input=${i=>{this.dispatchInput(i),i.stopImmediatePropagation()}}
+          @focus=${()=>{this.dispatchFocus(),y()&&this.dispatchToggleCalendar(new Event("focus"))}}
+          @blur=${i=>{this.dispatchBlur(i),this.dispatchEvent(new CustomEvent("range-blur",{detail:{event:i,values:this.value,inputType:"to"},bubbles:!0,composed:!0}))}}
+          @change=${i=>{this.dispatchChange(i),i.stopImmediatePropagation()}}
+          ${p.n(this.inputRefTo)}
+        />
+        ${this.renderCalendarButton()}
+      </div>
+    `}};x([l.n({type:Array})],exports.PktDatepickerRange.prototype,"value",2);x([l.n({type:Boolean})],exports.PktDatepickerRange.prototype,"showRangeLabels",2);x([l.n({type:Object})],exports.PktDatepickerRange.prototype,"strings",2);exports.PktDatepickerRange=x([l.t("pkt-datepicker-range")],exports.PktDatepickerRange);var Q=Object.defineProperty,X=Object.getOwnPropertyDescriptor,P=(s,e,t,a)=>{for(var i=a>1?void 0:a?X(e,t):e,n=s.length-1,r;n>=0;n--)(r=s[n])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&Q(e,t,i),i};exports.PktDatepickerMultiple=class extends f{constructor(){super(...arguments),this.value=[],this.strings=O}get isInputDisabled(){return this.disabled||this.maxlength!==void 0&&this.maxlength!==null&&this.value.length>=this.maxlength}dispatchAddToSelected(e){this.dispatchEvent(new CustomEvent("add-to-selected",{detail:e,bubbles:!0,composed:!0}))}render(){return l.x`
+      <div class="pkt-input__container">
+        <input
+          class=${m.e(this.inputClasses)}
+          .type=${this.inputType}
+          id="${this.id}-input"
+          min=${g.o(this.min)}
+          max=${g.o(this.max)}
+          placeholder=${g.o(this.placeholder)}
+          ?readonly=${this.isInputReadonly}
+          ?disabled=${this.isInputDisabled}
+          @click=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
+          @touchend=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
+          @blur=${e=>{this.dispatchBlur(e),this.dispatchAddToSelected(e)}}
+          @input=${e=>{this.dispatchInput(e),e.stopImmediatePropagation()}}
+          @focus=${()=>{this.dispatchFocus(),y()&&this.dispatchToggleCalendar(new Event("focus"))}}
+          @keydown=${e=>C.handleInputKeydown(e,t=>this.dispatchToggleCalendar(t),()=>k.submitFormOrFallback(this.internals,()=>{var t;return(t=this.inputRef.value)==null?void 0:t.blur()}),void 0,void 0,t=>this.dispatchAddToSelected(t))}
+          @change=${e=>{this.dispatchChange(e),e.stopImmediatePropagation()}}
+          ${p.n(this.inputRef)}
+        />
+        ${this.renderCalendarButton()}
+      </div>
+    `}};P([l.n({type:Array})],exports.PktDatepickerMultiple.prototype,"value",2);P([l.n({type:Number})],exports.PktDatepickerMultiple.prototype,"maxlength",2);P([l.n({type:Object})],exports.PktDatepickerMultiple.prototype,"strings",2);exports.PktDatepickerMultiple=P([l.t("pkt-datepicker-multiple")],exports.PktDatepickerMultiple);var Y=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,o=(s,e,t,a)=>{for(var i=a>1?void 0:a?Z(e,t):e,n=s.length-1,r;n>=0;n--)(r=s[n])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&Y(e,t,i),i};exports.PktDatepicker=class extends A.PktInputElement{constructor(){super(),this._valueProperty="",this.datepickerPopupRef=p.e(),this._value=[],this.label="Datovelger",this.dateformat=$.props.dateformat.default,this.multiple=$.props.multiple.default,this.maxlength=null,this.range=$.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=$.props.weeknumbers.default,this.withcontrols=$.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.calRef=p.e(),this.popupRef=p.e(),this.helptextSlot=p.e(),this.singleInputRef=p.e(),this.rangeInputRef=p.e(),this.multipleInputRef=p.e(),this.addToSelected=e=>{const t=this.datepickerPopupRef.value;return t&&typeof t.addToSelected=="function"?t.addToSelected(e,this.min,this.max):w.addToSelected(e,this.calRef,this.min,this.max)},this.slotController=new F.PktSlotController(this,this.helptextSlot)}get value(){return this._valueProperty}set value(e){const t=this._valueProperty;this._valueProperty=Array.isArray(e)?e.join(","):e||"",this.valueChanged(this._valueProperty,t),this.requestUpdate("value",t)}get inputType(){return V.getInputType()}connectedCallback(){super.connectedCallback(),this.timezone&&this.timezone!==window.pktTz&&(window.pktTz=this.timezone),this.name=D.normalizeNameForMultiple(this.name,this.multiple,this.range)||this.name}disconnectedCallback(){super.disconnectedCallback()}onInput(){this.dispatchEvent(new Event("input",{bubbles:!0}))}valueChanged(e,t){if(e===t)return;const a=u.valueToArray(e),i=this.multiple&&a.length>1?D.filterSelectableDates(a,this.min,this.max,this.excludedates,this.excludeweekdays):a;if(this.range&&!D.validateRangeOrder(i)){this._value=[],this._valueProperty="",super.valueChanged("",t);return}this._value=i;const n=u.arrayToCsv(i);this._valueProperty!==n&&(this._valueProperty=n),super.valueChanged(n,t)}attributeChangedCallback(e,t,a){e==="value"&&this.value!==t&&this.valueChanged(a,t),e==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=u.valueToArray(a||"")),e==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=u.valueToArray(a||"")),super.attributeChangedCallback(e,t,a)}updated(e){if(e.has("value")){const t=Array.isArray(this.value)?this.value.join(","):this.value,a=e.get("value"),i=Array.isArray(a)?a.join(","):a;this.valueChanged(t,i)}(e.has("multiple")||e.has("range"))&&(this.name=D.normalizeNameForMultiple(this.name,this.multiple,this.range)||this.name),e.has("multiple")&&(this.multiple&&!Array.isArray(this._value)?this._value=u.valueToArray(this.value):!this.multiple&&Array.isArray(this._value)&&(this._value=this._value.filter(Boolean)),!this.multiple&&!this.range&&Array.isArray(this._value)&&(this._value=[this._value[0]??""])),super.updated(e)}get inputRef(){return{value:this.currentInputElement}}get inputRefTo(){return{value:this.currentInputElementTo}}get currentInputElement(){var e,t,a;return this.multiple?(e=this.multipleInputRef.value)==null?void 0:e.inputElement:this.range?(t=this.rangeInputRef.value)==null?void 0:t.inputElement:(a=this.singleInputRef.value)==null?void 0:a.inputElement}get currentInputElementTo(){var e;if(this.range)return(e=this.rangeInputRef.value)==null?void 0:e.inputElementTo}get currentButtonElement(){var e,t,a;return this.multiple?(e=this.multipleInputRef.value)==null?void 0:e.buttonElement:this.range?(t=this.rangeInputRef.value)==null?void 0:t.buttonElement:(a=this.singleInputRef.value)==null?void 0:a.buttonElement}get btnRef(){return{value:this.currentButtonElement}}renderInput(){return l.x`
+      <pkt-datepicker-single
+        .value=${this._value[0]??""}
+        .inputType=${this.inputType}
+        .id=${this.id}
+        .min=${this.min}
+        .max=${this.max}
+        .placeholder=${this.placeholder}
+        .readonly=${this.readonly}
+        .disabled=${this.disabled}
+        .inputClasses=${this.inputClasses}
+        .internals=${this.internals}
+        .strings=${this.strings}
+        @toggle-calendar=${e=>this.toggleCalendar(e.detail)}
+        @input-change=${()=>this.onInput()}
+        @input-focus=${()=>this.onFocus()}
+        @input-blur=${e=>{var t;(t=this.calRef.value)!=null&&t.contains(e.detail.relatedTarget)||this.onBlur()}}
+        @manage-validity=${e=>this.manageValidity(e.detail)}
+        @value-change=${e=>{this.value=e.detail}}
+        @input-changed=${()=>{this.touched=!0}}
+        ${p.n(this.singleInputRef)}
+      ></pkt-datepicker-single>
+    `}renderRangeInput(){return l.x`
+      <pkt-datepicker-range
+        .value=${this._value}
+        .inputType=${this.inputType}
+        .id=${this.id}
+        .min=${this.min}
+        .max=${this.max}
+        .placeholder=${this.placeholder}
+        .readonly=${this.readonly}
+        .disabled=${this.disabled}
+        .showRangeLabels=${this.showRangeLabels}
+        .inputClasses=${this.inputClasses}
+        .internals=${this.internals}
+        .strings=${this.strings}
+        @toggle-calendar=${e=>this.toggleCalendar(e.detail)}
+        @input-change=${()=>this.onInput()}
+        @input-focus=${()=>this.onFocus()}
+        @input-blur=${e=>{var t;(t=this.calRef.value)!=null&&t.contains(e.detail.relatedTarget)||this.onBlur()}}
+        @range-blur=${e=>{const t=this.currentInputElement,a=this.currentInputElementTo;if(t&&a){const i=t.value,n=a.value;if(i&&n&&i>n)a.value="",this._value=[i],this.value=i;else{const r=[i,n].filter(Boolean);r.length>0&&(r[0]!==this._value[0]||r[1]!==this._value[1])&&(this._value=r,this.value=r.join(","))}}T.processRangeBlur(e.detail.event,e.detail.values,this.calRef,()=>this.clearInputValue(),i=>this.manageValidity(i))}}
+        @manage-validity=${e=>this.manageValidity(e.detail)}
+        @validate-date-input=${e=>{k.validateDateInput(e.detail,this.internals,this.min,this.max,this.strings)}}
+        @handle-date-select=${e=>{var a,i;const t=u.fromISOToDate(e.detail);if(t){const n=u.formatISODate(t);this._value[0]!==n&&this._value[1]!==n&&((i=(a=this.calRef)==null?void 0:a.value)==null||i.handleDateSelect(t))}}}
+        @input-changed=${()=>{this.touched=!0}}
+        ${p.n(this.rangeInputRef)}
+      ></pkt-datepicker-range>
+    `}renderMultipleInput(){return l.x`
+      <pkt-datepicker-multiple
+        .value=${this._value}
+        .inputType=${this.inputType}
+        .id=${this.id}
+        .min=${this.min}
+        .max=${this.max}
+        .placeholder=${this.placeholder}
+        .readonly=${this.readonly}
+        .disabled=${this.disabled}
+        .maxlength=${this.maxlength}
+        .inputClasses=${this.inputClasses}
+        .internals=${this.internals}
+        .strings=${this.strings}
+        @toggle-calendar=${e=>this.toggleCalendar(e.detail)}
+        @input-change=${()=>this.onInput()}
+        @input-focus=${()=>this.onFocus()}
+        @input-blur=${e=>{var t;(t=this.calRef.value)!=null&&t.contains(e.detail.relatedTarget)||this.onBlur()}}
+        @add-to-selected=${e=>this.addToSelected(e.detail)}
+        @input-changed=${()=>{this.touched=!0}}
+        ${p.n(this.multipleInputRef)}
+      ></pkt-datepicker-multiple>
+    `}renderCalendar(){return l.x`
+      <pkt-datepicker-popup
+        class="pkt-contents"
+        ?open=${this.calendarOpen}
+        ?multiple=${this.multiple}
+        ?range=${this.range}
+        ?weeknumbers=${this.weeknumbers}
+        ?withcontrols=${this.withcontrols}
+        .maxMultiple=${this.maxlength}
+        .selected=${this._value}
+        .earliest=${this.min}
+        .latest=${this.max}
+        .excludedates=${Array.isArray(this.excludedates)?this.excludedates:this.excludedates.split(",")}
+        .excludeweekdays=${this.excludeweekdays}
+        .currentmonth=${this.currentmonth?u.parseISODateString(this.currentmonth):null}
+        @date-selected=${e=>{this.value=T.processDateSelection(e.detail,this.multiple,this.range),this._value=e.detail,T.updateInputValues(this.inputRef,this.inputRefTo,this._value,this.range,this.multiple,t=>this.manageValidity(t))}}
+        @close=${()=>{this.onBlur(),this.hideCalendar()}}
+        ${p.n(this.datepickerPopupRef)}
+      ></pkt-datepicker-popup>
+    `}render(){return this.inputClasses=_.getInputClasses(this.fullwidth,this.showRangeLabels,this.multiple,this.range,this.readonly,this.inputType),l.x`
+      <pkt-input-wrapper
+        label="${this.label}"
+        forId="${this.id}-input"
+        ?counter=${this.multiple&&!!this.maxlength}
+        .counterCurrent=${this.value?this._value.length:0}
+        .counterMaxLength=${this.maxlength}
+        ?disabled=${this.disabled}
+        ?hasError=${this.hasError}
+        ?hasFieldset=${this.hasFieldset}
+        ?inline=${this.inline}
+        ?required=${this.required}
+        ?optionalTag=${this.optionalTag}
+        ?requiredTag=${this.requiredTag}
+        useWrapper=${this.useWrapper}
+        .optionalText=${this.optionalText}
+        .requiredText=${this.requiredText}
+        .tagText=${this.tagText}
+        .errorMessage=${this.errorMessage}
+        .helptext=${this.helptext}
+        .helptextDropdown=${this.helptextDropdown}
+        .helptextDropdownButton=${this.helptextDropdownButton}
+        .ariaDescribedBy=${this.ariaDescribedBy}
+        class="pkt-datepicker"
+      >
+        <div class="pkt-contents" ${p.n(this.helptextSlot)} name="helptext" slot="helptext"></div>
+        ${this.multiple?l.x`<pkt-date-tags
+              .dates=${this._value}
+              dateformat=${this.dateformat}
+              strings=${this.strings}
+              id-base=${this.id}
+              @date-tag-removed=${e=>{var i;const t=this.datepickerPopupRef.value,a=u.fromISOToDate(e.detail);t&&a&&typeof t.handleDateSelect=="function"?t.handleDateSelect(a):(i=this.calRef.value)==null||i.handleDateSelect(a)}}
+            ></pkt-date-tags>`:l.E}
+        <div
+          class="pkt-datepicker__inputs ${this.range&&this.showRangeLabels?"pkt-input__range-inputs":""}"
+        >
+          ${this.range?this.renderRangeInput():this.multiple?this.renderMultipleInput():this.renderInput()}
+        </div>
+      </pkt-input-wrapper>
+      ${this.renderCalendar()}
+    `}handleCalendarPosition(){const e=this.multiple&&!!this.maxlength;w.handleCalendarPosition(this.popupRef,this.inputRef,e)}async showCalendar(){var t;const e=this.datepickerPopupRef.value;if(this.calendarOpen=!0,e&&typeof e.show=="function"){e.show(),y()&&e.focusOnCurrentDate();return}await I.sleep(20),this.handleCalendarPosition(),y()&&((t=this.calRef.value)==null||t.focusOnCurrentDate())}hideCalendar(){const e=this.datepickerPopupRef.value;if(this.calendarOpen=!1,e&&typeof e.hide=="function")return e.hide()}async toggleCalendar(e){e.preventDefault();const t=this.datepickerPopupRef.value;if(t&&typeof t.toggle=="function"){const a=!!t.open;t.toggle(),this.calendarOpen=!a;return}this.calendarOpen?this.hideCalendar():this.showCalendar()}clearInputValue(){this._value=[],this.value="",this.internals.setFormValue(this.value),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("value-change",{detail:this._value,bubbles:!0,composed:!0}))}};o([l.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"value",1);o([l.n({type:Array})],exports.PktDatepicker.prototype,"_value",2);o([l.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"label",2);o([l.n({type:String})],exports.PktDatepicker.prototype,"dateformat",2);o([l.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"multiple",2);o([l.n({type:Number,reflect:!0})],exports.PktDatepicker.prototype,"maxlength",2);o([l.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"range",2);o([l.n({type:Boolean})],exports.PktDatepicker.prototype,"showRangeLabels",2);o([l.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"min",2);o([l.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"max",2);o([l.n({type:Boolean})],exports.PktDatepicker.prototype,"weeknumbers",2);o([l.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"withcontrols",2);o([l.n({converter:u.converters.csvToArray})],exports.PktDatepicker.prototype,"excludedates",2);o([l.n({converter:u.converters.csvToArray})],exports.PktDatepicker.prototype,"excludeweekdays",2);o([l.n({type:String})],exports.PktDatepicker.prototype,"currentmonth",2);o([l.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"calendarOpen",2);o([l.n({type:String})],exports.PktDatepicker.prototype,"timezone",2);o([B.r()],exports.PktDatepicker.prototype,"inputClasses",2);exports.PktDatepicker=o([l.t("pkt-datepicker")],exports.PktDatepicker);

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import { ReactiveController } from 'lit';
 import { ReactiveControllerHost } from 'lit';
 import { Ref } from 'lit/directives/ref.js';
 import { TemplateResult } from 'lit-html';
+import { TemplateResult as TemplateResult_2 } from 'lit';
 
 declare type Booleanish = boolean | 'true' | 'false';
 
@@ -75,6 +76,47 @@ declare interface IAriaAttributes {
     'aria-valuetext'?: string;
 }
 
+/**
+ * Type definitions for the datepicker component family
+ */
+/**
+ * Internationalization strings for the datepicker components
+ */
+declare interface IDatepickerStrings {
+    /** Calendar-related strings */
+    calendar?: {
+        /** Alt text for calendar button */
+        buttonAltText?: string;
+    };
+    /** Generic UI strings (used in range datepicker) */
+    generic?: {
+        /** Label for range start input */
+        from?: string;
+        /** Label for range end input */
+        to?: string;
+    };
+    /** Form validation messages */
+    forms?: {
+        messages?: {
+            /** Error message when date is before minimum */
+            rangeUnderflow?: string;
+            /** Error message when date is after maximum */
+            rangeOverflow?: string;
+            /** Error message for invalid date format */
+            badInput?: string;
+            /** Error message when required field is empty */
+            valueMissing?: string;
+        };
+    };
+    /** Date-related strings */
+    dates?: {
+        /** Month label */
+        month?: string;
+        /** Year label */
+        year?: string;
+    };
+}
+
 export declare interface IPktAccordion {
     compact?: boolean;
     skin?: TPktAccordionSkin;
@@ -515,76 +557,94 @@ export declare class PktButton extends PktElement<IPktButton> implements IPktBut
 }
 
 export declare class PktCalendar extends PktElement {
-    /**
-     * Element attributes
-     */
+    selected: string | string[];
     multiple: boolean;
     maxMultiple: number;
     range: boolean;
-    weeknumbers: boolean;
-    withcontrols: boolean;
-    selected: string | string[];
     earliest: string | null;
     latest: string | null;
     excludedates: Date[];
     excludeweekdays: string[];
+    weeknumbers: boolean;
+    withcontrols: boolean;
     currentmonth: Date | null;
-    /**
-     * Strings
-     */
     dayStrings: string[];
     dayStringsLong: string[];
     monthStrings: string[];
     weekString: string;
     prevMonthString: string;
     nextMonthString: string;
-    /**
-     * Private properties
-     */
     private _selected;
+    private inRange;
+    private rangeHovered;
     private year;
     private month;
     private week;
-    private rangeHovered;
-    private inRange;
+    private currentmonthtouched;
     private focusedDate;
     private selectableDates;
-    private currentmonthtouched;
     private tabIndexSet;
     /**
-     * Runs on mount, used to set up various values and whatever you need to run
+     * Lifecycle methods
      */
-    connectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
     disconnectedCallback(): void;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
     updated(changedProperties: PropertyValues): void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
-    convertSelected(): void;
-    setCurrentMonth(): void;
-    handleKeydown(e: KeyboardEvent): void;
-    handleArrowKey(e: KeyboardEvent, direction: number): void;
     /**
-     * Component functionality and render
+     * Date and selection management
      */
-    render(): TemplateResult<1>;
+    private convertSelected;
+    private setCurrentMonth;
+    /**
+     * Keyboard navigation
+     */
+    private handleKeydown;
+    private handleArrowKey;
+    /**
+     * Rendering methods
+     */
+    render(): TemplateResult_2<1>;
+    private renderMonthNavButton;
     private renderDayNames;
     private renderMonthNav;
+    private getDayViewData;
+    private getDateConstraints;
+    private isDayDisabled;
+    private calculateTabIndex;
+    private getDayCellClasses;
+    private getDayButtonClasses;
+    private handleDayFocus;
     private renderDayView;
+    private renderEmptyDayCell;
+    private renderWeekRow;
     private renderCalendarBody;
+    /**
+     * Date validation
+     */
     private isExcluded;
+    /**
+     * Month navigation
+     */
     isPrevMonthAllowed(): boolean;
     private prevMonth;
     isNextMonthAllowed(): boolean;
     private nextMonth;
     private changeMonth;
-    private isRangeAllowed;
+    /**
+     * Date selection logic
+     */
     private emptySelected;
+    private normalizeSelected;
     addToSelected(selectedDate: Date): void;
     removeFromSelected(selectedDate: Date): void;
     toggleSelected(selectedDate: Date): void;
+    private isRangeAllowed;
     private handleRangeSelect;
     private handleRangeHover;
-    handleDateSelect(selectedDate: Date | null): Promise<void> | undefined;
+    handleDateSelect(selectedDate: Date | null): Promise<void>;
+    /**
+     * Focus management and event handlers
+     */
     focusOnCurrentDate(): void;
     closeEvent(e: FocusEvent): void;
     close(): void;
@@ -852,8 +912,17 @@ export declare class PktDatepicker extends PktInputElement<Props_4> {
     clearInputValue(): void;
 }
 
-declare class PktDatepickerMultiple extends PktElement {
-    value: string[];
+/**
+ * Abstract base class for datepicker input components
+ *
+ * Consolidates shared properties, methods, and event dispatchers
+ * used by all three datepicker input types (single, multiple, range).
+ *
+ * Subclasses must implement:
+ * - `strings` property with component-specific defaults
+ * - `render()` method with component-specific template
+ */
+declare abstract class PktDatepickerBase extends PktElement {
     inputType: string;
     id: string;
     min?: string;
@@ -861,23 +930,30 @@ declare class PktDatepickerMultiple extends PktElement {
     placeholder?: string;
     readonly: boolean;
     disabled: boolean;
-    maxlength?: number;
     inputClasses: Record<string, boolean>;
-    internals?: any;
-    strings: any;
+    internals?: ElementInternals;
+    abstract strings: IDatepickerStrings;
     inputRef: Ref<HTMLInputElement>;
     btnRef: Ref<HTMLButtonElement>;
     get inputElement(): HTMLInputElement | undefined;
     get buttonElement(): HTMLButtonElement | undefined;
     get isInputReadonly(): boolean;
+    protected dispatchToggleCalendar(e: Event): void;
+    protected dispatchInput(e: Event): void;
+    protected dispatchFocus(): void;
+    protected dispatchBlur(e: FocusEvent): void;
+    protected dispatchChange(e: Event): void;
+    protected renderCalendarButton(): TemplateResult_2;
+    createRenderRoot(): this;
+    abstract render(): TemplateResult_2;
+}
+
+declare class PktDatepickerMultiple extends PktDatepickerBase {
+    value: string[];
+    maxlength?: number;
+    strings: IDatepickerStrings;
     get isInputDisabled(): boolean;
-    private dispatchToggleCalendar;
-    private dispatchInput;
-    private dispatchFocus;
-    private dispatchBlur;
-    private dispatchChange;
     private dispatchAddToSelected;
-    createRenderRoot(): this;
     render(): TemplateResult<1>;
 }
 
@@ -910,60 +986,19 @@ declare class PktDatepickerPopup extends PktElement {
     render(): TemplateResult<1>;
 }
 
-declare class PktDatepickerRange extends PktElement {
+declare class PktDatepickerRange extends PktDatepickerBase {
     value: string[];
-    inputType: string;
-    id: string;
-    min?: string;
-    max?: string;
-    placeholder?: string;
-    readonly: boolean;
-    disabled: boolean;
     showRangeLabels: boolean;
-    inputClasses: Record<string, boolean>;
-    internals?: any;
-    strings: any;
-    inputRef: Ref<HTMLInputElement>;
+    strings: IDatepickerStrings;
     inputRefTo: Ref<HTMLInputElement>;
-    btnRef: Ref<HTMLButtonElement>;
-    get inputElement(): HTMLInputElement | undefined;
     get inputElementTo(): HTMLInputElement | undefined;
-    get buttonElement(): HTMLButtonElement | undefined;
-    get isInputReadonly(): boolean;
-    private dispatchToggleCalendar;
-    private dispatchInput;
-    private dispatchFocus;
-    private dispatchBlur;
-    private dispatchChange;
-    private dispatchManageValidity;
-    createRenderRoot(): this;
     render(): TemplateResult<1>;
 }
 
-declare class PktDatepickerSingle extends PktElement {
+declare class PktDatepickerSingle extends PktDatepickerBase {
     value: string;
-    inputType: string;
-    id: string;
-    min?: string;
-    max?: string;
-    placeholder?: string;
-    readonly: boolean;
-    disabled: boolean;
-    inputClasses: Record<string, boolean>;
-    internals?: any;
-    strings: any;
-    inputRef: Ref<HTMLInputElement>;
-    btnRef: Ref<HTMLButtonElement>;
-    get inputElement(): HTMLInputElement | undefined;
-    get buttonElement(): HTMLButtonElement | undefined;
-    get isInputReadonly(): boolean;
-    private dispatchToggleCalendar;
-    private dispatchInput;
-    private dispatchFocus;
-    private dispatchBlur;
-    private dispatchChange;
+    strings: IDatepickerStrings;
     private dispatchManageValidity;
-    createRenderRoot(): this;
     render(): TemplateResult<1>;
 }
 

package/dist/pkt-calendar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./calendar-Dz1Cnzx5.cjs"),t=e.PktCalendar;Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>e.PktCalendar});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./calendar-BtShW7ER.cjs"),t=e.PktCalendar;Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>e.PktCalendar});exports.default=t;

package/dist/pkt-calendar.js

@@ -1,4 +1,4 @@
-import { P as a } from "./calendar-Bz27nuTP.js";
+import { P as a } from "./calendar-yxjSI4wd.js";
 const r = a;
 export {
   a as PktCalendar,

package/dist/pkt-datepicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-CnCOXI2x.cjs"),t=e.PktDatepicker;Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>e.PktDatepicker});Object.defineProperty(exports,"PktDatepickerMultiple",{enumerable:!0,get:()=>e.PktDatepickerMultiple});Object.defineProperty(exports,"PktDatepickerRange",{enumerable:!0,get:()=>e.PktDatepickerRange});Object.defineProperty(exports,"PktDatepickerSingle",{enumerable:!0,get:()=>e.PktDatepickerSingle});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./datepicker-DDV382Uu.cjs"),t=e.PktDatepicker;Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>e.PktDatepicker});Object.defineProperty(exports,"PktDatepickerMultiple",{enumerable:!0,get:()=>e.PktDatepickerMultiple});Object.defineProperty(exports,"PktDatepickerRange",{enumerable:!0,get:()=>e.PktDatepickerRange});Object.defineProperty(exports,"PktDatepickerSingle",{enumerable:!0,get:()=>e.PktDatepickerSingle});exports.default=t;

package/dist/pkt-datepicker.js

@@ -1,5 +1,5 @@
-import { a as e } from "./datepicker-DsqM01iU.js";
-import { d as p, c as i, b as c } from "./datepicker-DsqM01iU.js";
+import { a as e } from "./datepicker-D0q75U1Z.js";
+import { d as p, c as i, b as c } from "./datepicker-D0q75U1Z.js";
 const a = e;
 export {
   e as PktDatepicker,

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./alert-CCjoJo11.cjs"),P=require("./accordionitem-DCZrHVNR.cjs"),g=require("./backlink-BzEvli8m.cjs"),h=require("./button-abD9URn0.cjs"),k=require("./calendar-Dz1Cnzx5.cjs"),f=require("./card-BAoH1g6O.cjs"),y=require("./combobox-DYYCdlex.cjs"),O=require("./consent-B1N02CuT.cjs"),j=require("./checkbox-BP5zOlPy.cjs"),t=require("./element-CJ_QKaki.cjs"),q=require("./pkt-slot-controller-BzddBp7z.cjs"),a=require("./ref-BFa5Utho.cjs"),x=require("./class-map-C_erArZz.cjs"),d=require("./datepicker-CnCOXI2x.cjs"),l=require("./pkt-header.cjs"),C=require("./helptext-EPTR9AIl.cjs"),v=require("./heading-Dv_cH6N1.cjs"),S=require("./icon-BGuizDwk.cjs"),T=require("./input-wrapper-WEGSbIA6.cjs"),$=require("./link-Da3pZ_CW.cjs"),H=require("./linkcard-BM23gzhS.cjs"),L=require("./loader-Bo8RCbCJ.cjs"),_=require("./messagebox-C76IcXTl.cjs"),I=require("./modal-Cdz9JcCX.cjs"),A=require("./progressbar-8gzOtJyh.cjs"),p=require("./radiobutton-BuKXgQm_.cjs"),B=require("./tag-BkuJjOy7.cjs"),b=require("./tabitem-D5zyipN1.cjs"),M=require("./textarea-CcIQXCmC.cjs"),D=require("./textinput-Dn704gQw.cjs"),R=require("./select-BSnylWof.cjs");var w=Object.defineProperty,E=Object.getOwnPropertyDescriptor,o=(s,e,r,i)=>{for(var n=i>1?void 0:i?E(e,r):e,u=s.length-1,c;u>=0;u--)(c=s[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&w(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=a.e(),this.namedSlot=a.e(),this.slotController=new q.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./alert-CCjoJo11.cjs"),P=require("./accordionitem-DCZrHVNR.cjs"),g=require("./backlink-BzEvli8m.cjs"),h=require("./button-abD9URn0.cjs"),k=require("./calendar-BtShW7ER.cjs"),f=require("./card-BAoH1g6O.cjs"),y=require("./combobox-DYYCdlex.cjs"),O=require("./consent-B1N02CuT.cjs"),j=require("./checkbox-BP5zOlPy.cjs"),t=require("./element-CJ_QKaki.cjs"),q=require("./pkt-slot-controller-BzddBp7z.cjs"),a=require("./ref-BFa5Utho.cjs"),x=require("./class-map-C_erArZz.cjs"),d=require("./datepicker-DDV382Uu.cjs"),l=require("./pkt-header.cjs"),C=require("./helptext-EPTR9AIl.cjs"),v=require("./heading-Dv_cH6N1.cjs"),S=require("./icon-BGuizDwk.cjs"),T=require("./input-wrapper-WEGSbIA6.cjs"),$=require("./link-Da3pZ_CW.cjs"),H=require("./linkcard-BM23gzhS.cjs"),L=require("./loader-Bo8RCbCJ.cjs"),_=require("./messagebox-C76IcXTl.cjs"),I=require("./modal-Cdz9JcCX.cjs"),A=require("./progressbar-8gzOtJyh.cjs"),p=require("./radiobutton-BuKXgQm_.cjs"),B=require("./tag-BkuJjOy7.cjs"),b=require("./tabitem-D5zyipN1.cjs"),M=require("./textarea-CcIQXCmC.cjs"),D=require("./textinput-Dn704gQw.cjs"),R=require("./select-BSnylWof.cjs");var w=Object.defineProperty,E=Object.getOwnPropertyDescriptor,o=(s,e,r,i)=>{for(var n=i>1?void 0:i?E(e,r):e,u=s.length-1,c;u>=0;u--)(c=s[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&w(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=a.e(),this.namedSlot=a.e(),this.slotController=new q.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
       <div class="${x.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>