@oslokommune/punkt-elements 16.7.3 → 16.7.7

package/dist/datepicker-BEWl9iz3.cjs

@@ -1,273 +0,0 @@
-"use strict";const l=require("./element-gR_VtSiD.cjs"),F=require("./state-Dg-53wQ8.cjs"),u=require("./calendar-B2pji2zn.cjs"),V=require("./input-element-DdVhUvva.cjs"),p=require("./ref-CL-Xk9Xm.cjs");require("./icon-q81vqPK_.cjs");require("./input-wrapper-Bv9aqqVq.cjs");const $=require("./class-map-CsENJXf1.cjs"),j=require("./repeat-Cfq8CDlf.cjs");require("./tag-CbwO8yvD.cjs");const q=require("./utils-byXsEz1u.cjs"),g=require("./if-defined-BOW3ODSj.cjs"),K=require("./element-with-slot-ZX-up7jO.cjs"),L={calendar:{buttonAltText:"Åpne kalender"}},U={calendar:{buttonAltText:"Åpne kalender"},generic:{from:"Fra",to:"Til"}};var N=Object.defineProperty,R=(i,e,t,a)=>{for(var s=void 0,r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=n(e,t,s)||s);return s&&N(e,t,s),s};class k extends l.PktElement{constructor(){super(...arguments),this.dates=[],this.dateformat="dd.MM.yyyy",this.className="pkt-datepicker__tags",this.idBase=q.uuidish()}render(){return this.classes={"pkt-date-tags":!0,[this.className]:!0},l.b`
-      <div class=${$.e(this.classes)} aria-live="polite">
-        ${Array.isArray(this.dates)&&this.dates[0]?j.c(u.sortDateStrings((this.dates??[]).filter(Boolean)),e=>e,e=>{var t;return l.b` <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.A}
-      </div>
-    `}}R([l.n({type:Array})],k.prototype,"dates");R([l.n({type:String})],k.prototype,"dateformat");R([l.n({type:String,attribute:"class"})],k.prototype,"className");R([l.n({type:String,attribute:"id-base"})],k.prototype,"idBase");try{l.t("pkt-date-tags")(k)}catch{console.warn("Forsøker å definere <pkt-date-tags>, men den er allerede definert")}const z={dateformat:{default:"dd.MM.yyyy"},weeknumbers:{default:!1},withcontrols:{default:!1},multiple:{default:!1},range:{default:!1}},C={props:z},b=()=>{const i=navigator.userAgent;return!!(/iP(hone|od|ad)/.test(i)||/Macintosh/.test(i)&&"ontouchend"in document)},W=()=>b()?"text":"date",H=i=>!i||i.length!==2?!0:u.isValidDateRange(i[0],i[1]),G=i=>u.sortDateStrings(i),J=(i,e,t,a,s)=>u.filterSelectableDates(i,e,t,a,s),Q=(i,e,t,a,s,r)=>({"pkt-input":!0,"pkt-datepicker__input":!0,"pkt-input--fullwidth":i,"pkt-datepicker--hasrangelabels":e,"pkt-datepicker--multiple":t,"pkt-datepicker--range":a,"ios-readonly-hack":s===!1&&r==="text"}),X=()=>({"pkt-input-icon":!0,"pkt-btn":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":!0,"pkt-datepicker__calendar-button":!0}),Y=i=>({"pkt-input-prefix":i,"pkt-hide":!i}),Z=(i,e,t)=>!e&&!t?Array.isArray(i)?i[0]||"":i:Array.isArray(i)?i.join(","):i,ee=(i,e,t=!1)=>{var o;if(!i||!e)return;const a=((o=e.parentElement)==null?void 0:o.getBoundingClientRect())||e.getBoundingClientRect(),s=t?a.height+30:a.height,r=i.getBoundingClientRect().height;let n=t?"calc(100% - 30px)":"100%";a&&a.top+r>window.innerHeight&&a.top-r>0&&(n=`calc(100% - ${s}px - ${r}px)`),i.style.top=n},te=(i,e,t,a,s,r)=>{const{key:n}=i;n===","&&(i.preventDefault(),r?r(i):s&&s()),(n==="Space"||n===" ")&&(i.preventDefault(),e(i)),n==="Enter"&&(i.preventDefault(),t?t():a?a():s&&s())},se=(i,e)=>{const{key:t}=i;(t==="Enter"||t===" "||t==="Space")&&(i.preventDefault(),e(i))},A={validateRangeOrder:H,sortDates:G,filterSelectableDates:J},ie={getInputType:W},x={submitForm(i){var t;const e=(t=i.internals)==null?void 0:t.form;e&&e.requestSubmit()},submitFormOrFallback(i,e){const t=i==null?void 0:i.form;t?t.requestSubmit():e()},validateDateInput(i,e,t,a,s){var n,o,y,O;const r=i.value;r&&(t&&t>r?e.setValidity({rangeUnderflow:!0},((o=(n=s==null?void 0:s.forms)==null?void 0:n.messages)==null?void 0:o.rangeUnderflow)||"Value is below minimum",i):a&&a<r&&e.setValidity({rangeOverflow:!0},((O=(y=s==null?void 0:s.forms)==null?void 0:y.messages)==null?void 0:O.rangeOverflow)||"Value is above maximum",i))}},T={addToSelected(i,e,t,a){const s=i.target;if(!s.value)return;const r=t?u.newDate(t):null,n=a?u.newDate(a):null,o=u.newDate(s.value.split(",")[0]);o&&!isNaN(o.getTime())&&(!r||o>=r)&&(!n||o<=n)&&e.value&&e.value.handleDateSelect(o),s.value=""},handleCalendarPosition(i,e,t=!1){ee(i.value??null,e.value??null,t)}},P={getInputClasses:Q,getButtonClasses:X,getRangeLabelClasses:Y},I={processDateSelection:Z,updateInputValues(i,e,t,a,s,r){i.value&&(a&&(e!=null&&e.value)?(i.value.value=t[0]??"",e.value.value=t[1]??"",r(i.value),r(e.value)):s||(i.value.value=t.length?t[0]:"",r(i.value)))},processRangeBlur(i,e,t,a,s){var n;const r=i.target;if(r.value){s(r);const o=u.fromISOToDate(r.value);o&&((n=t==null?void 0:t.value)==null||n.handleDateSelect(o))}else e[0]&&a()}},_={handleInputKeydown:te,handleButtonKeydown:se};var ae=Object.defineProperty,f=(i,e,t,a)=>{for(var s=void 0,r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=n(e,t,s)||s);return s&&ae(e,t,s),s};class c 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.today=null,this._hasBeenOpened=!1,this.popupRef=p.e(),this.calendarRef=p.e(),this.handleDocumentClick=e=>{if(!this.open)return;const t=e.composedPath(),a=this.parentElement,s=this.popupRef.value;!t.includes(this)&&!t.includes(s)&&!(a&&t.includes(a))&&(this.hide(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))},this.handleDocumentKeydown=e=>{this.open&&e.key==="Escape"&&(this.hide(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))}}firstUpdated(){this.calRef=this.calendarRef}updated(e){super.updated(e),e.has("open")&&(this.open?(this._hasBeenOpened=!0,document.addEventListener("keydown",this.handleDocumentKeydown),document.addEventListener("click",this.handleDocumentClick)):(document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleDocumentKeydown)))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleDocumentKeydown)}show(){var e;this.open=!0,(e=this.calendarRef.value)==null||e.focus()}hide(){this.open=!1}toggle(){this.open?this.hide():this.show()}contains(e){var t;return!!e&&!!((t=this.popupRef.value)!=null&&t.contains(e))}focusOnCurrentDate(){const e=this.calendarRef.value;e&&typeof e.focusOnCurrentDate=="function"&&e.focusOnCurrentDate()}addToSelected(e,t,a){if(this.calendarRef.value&&typeof T.addToSelected=="function")return T.addToSelected(e,this.calendarRef,t,a);const r=e.target;if(!r.value)return;const n=t?u.newDate(t):null,o=a?u.newDate(a):null,y=u.newDate(r.value.split(",")[0]);y&&!isNaN(y.getTime())&&(!n||y>=n)&&(!o||y<=o)&&this.handleDateSelect(y),r.value=""}handleDateSelect(e){const t=this.calendarRef.value;if(t&&typeof t.handleDateSelect=="function")return t.handleDateSelect(e);const a=u.formatISODate(e),r=this.selected.indexOf(a)>=0?this.selected.filter(n=>n!==a):[...this.selected,a];this.selected=r,this.dispatchEvent(new CustomEvent("date-selected",{detail:r,bubbles:!0,composed:!0}))}render(){const e={"pkt-calendar-popup":!0,show:this.open,hide:!this.open};return l.b`
-      <div
-        class="${$.e(e)}"
-        ${p.n(this.popupRef)}
-        id="date-popup"
-        ?hidden=${!this.open}
-        aria-hidden="${!this.open}"
-      >
-        ${this.open||this._hasBeenOpened?l.b`<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}
-              .today=${this.today}
-              @date-selected=${t=>{this.selected=t.detail,this.dispatchEvent(new CustomEvent("date-selected",{detail:t.detail,bubbles:!0,composed:!0}))}}
-              @close=${()=>{this.hide(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}
-            ></pkt-calendar>`:l.A}
-      </div>
-    `}}f([l.n({type:Boolean,reflect:!0})],c.prototype,"open");f([l.n({type:Boolean})],c.prototype,"multiple");f([l.n({type:Boolean})],c.prototype,"range");f([l.n({type:Boolean})],c.prototype,"weeknumbers");f([l.n({type:Boolean})],c.prototype,"withcontrols");f([l.n({type:Number})],c.prototype,"maxMultiple");f([l.n({type:Array})],c.prototype,"selected");f([l.n({type:String})],c.prototype,"earliest");f([l.n({type:String})],c.prototype,"latest");f([l.n({type:Array})],c.prototype,"excludedates");f([l.n({type:Array})],c.prototype,"excludeweekdays");f([l.n({type:String})],c.prototype,"currentmonth");f([l.n({type:String})],c.prototype,"today");f([F.r()],c.prototype,"_hasBeenOpened");try{l.t("pkt-datepicker-popup")(c)}catch{console.warn("Forsøker å definere <pkt-datepicker-popup>, men den er allerede definert")}var ne=Object.defineProperty,m=(i,e,t,a)=>{for(var s=void 0,r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=n(e,t,s)||s);return s&&ne(e,t,s),s};class v 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.b`
-      <button
-        class="${$.e(P.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}}m([l.n({type:String})],v.prototype,"inputType");m([l.n({type:String})],v.prototype,"id");m([l.n({type:String})],v.prototype,"min");m([l.n({type:String})],v.prototype,"max");m([l.n({type:String})],v.prototype,"placeholder");m([l.n({type:Boolean})],v.prototype,"readonly");m([l.n({type:Boolean})],v.prototype,"disabled");m([l.n({type:Object})],v.prototype,"inputClasses");m([l.n({type:Object})],v.prototype,"internals");var le=Object.defineProperty,M=(i,e,t,a)=>{for(var s=void 0,r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=n(e,t,s)||s);return s&&le(e,t,s),s};class E extends v{constructor(){super(...arguments),this.value="",this.strings=L}dispatchManageValidity(e){this.dispatchEvent(new CustomEvent("manage-validity",{detail:e,bubbles:!0,composed:!0}))}render(){return l.b`
-      <div class="pkt-input__container">
-        <input
-          class="${$.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=>_.handleInputKeydown(e,t=>this.dispatchToggleCalendar(t),()=>x.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(),b()&&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>
-    `}}M([l.n({type:String})],E.prototype,"value");M([l.n({type:Object})],E.prototype,"strings");try{l.t("pkt-datepicker-single")(E)}catch{console.warn("Forsøker å definere <pkt-datepicker-single>, men den er allerede definert")}var re=Object.defineProperty,S=(i,e,t,a)=>{for(var s=void 0,r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=n(e,t,s)||s);return s&&re(e,t,s),s};class w extends v{constructor(){super(...arguments),this.value=[],this.label="",this.showRangeLabels=!1,this.strings=U,this.inputRefTo=p.e()}get inputElementTo(){return this.inputRefTo.value}render(){var t,a,s,r;const e=P.getRangeLabelClasses(this.showRangeLabels);return l.b`
-      <div class="pkt-input__container">
-        ${this.showRangeLabels?l.b` <div class="pkt-input-prefix">${(t=this.strings.generic)==null?void 0:t.from}</div> `:l.A}
-        <input
-          class=${$.e(this.inputClasses)}
-          .type=${this.inputType}
-          id="${this.id}-input"
-          aria-label="${this.label} ${((a=this.strings.generic)==null?void 0:a.from)??"Fra"}"
-          .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=${n=>{n.preventDefault(),this.dispatchToggleCalendar(n)}}
-          @touchend=${n=>{n.preventDefault(),this.dispatchToggleCalendar(n)}}
-          @keydown=${n=>_.handleInputKeydown(n,o=>this.dispatchToggleCalendar(o),()=>x.submitFormOrFallback(this.internals,()=>{var o;return(o=this.inputRefTo.value)==null?void 0:o.focus()}),()=>{var o;return(o=this.inputRefTo.value)==null?void 0:o.focus()},()=>{var o;return(o=this.inputRef.value)==null?void 0:o.blur()})}
-          @input=${n=>{this.dispatchInput(n),n.stopImmediatePropagation()}}
-          @focus=${()=>{this.dispatchFocus(),b()&&this.dispatchToggleCalendar(new Event("focus"))}}
-          @blur=${n=>{this.dispatchBlur(n),this.dispatchEvent(new CustomEvent("range-blur",{detail:{event:n,values:this.value,inputType:"from"},bubbles:!0,composed:!0}))}}
-          @change=${n=>{this.dispatchChange(n),n.stopImmediatePropagation()}}
-          ${p.n(this.inputRef)}
-        />
-        <div class="${$.e(e)}" id="${this.id}-to-label">
-          ${(s=this.strings.generic)==null?void 0:s.to}
-        </div>
-        ${this.showRangeLabels?l.A:l.b` <div class="pkt-input-separator">–</div> `}
-        <input
-          class=${$.e(this.inputClasses)}
-          .type=${this.inputType}
-          id="${this.id}-to"
-          aria-label="${this.label} ${((r=this.strings.generic)==null?void 0:r.to)??"Til"}"
-          .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=${n=>{n.preventDefault(),this.dispatchToggleCalendar(n)}}
-          @touchend=${n=>{n.preventDefault(),this.dispatchToggleCalendar(n)}}
-          @keydown=${n=>_.handleInputKeydown(n,o=>this.dispatchToggleCalendar(o),()=>x.submitFormOrFallback(this.internals,()=>{var o;return(o=this.inputRefTo.value)==null?void 0:o.blur()}),void 0,()=>{var o;return(o=this.inputRefTo.value)==null?void 0:o.blur()})}
-          @input=${n=>{this.dispatchInput(n),n.stopImmediatePropagation()}}
-          @focus=${()=>{this.dispatchFocus(),b()&&this.dispatchToggleCalendar(new Event("focus"))}}
-          @blur=${n=>{this.dispatchBlur(n),this.dispatchEvent(new CustomEvent("range-blur",{detail:{event:n,values:this.value,inputType:"to"},bubbles:!0,composed:!0}))}}
-          @change=${n=>{this.dispatchChange(n),n.stopImmediatePropagation()}}
-          ${p.n(this.inputRefTo)}
-        />
-        ${this.renderCalendarButton()}
-      </div>
-    `}}S([l.n({type:Array})],w.prototype,"value");S([l.n({type:String})],w.prototype,"label");S([l.n({type:Boolean})],w.prototype,"showRangeLabels");S([l.n({type:Object})],w.prototype,"strings");try{l.t("pkt-datepicker-range")(w)}catch{console.warn("Forsøker å definere <pkt-datepicker-range>, men den er allerede definert")}var oe=Object.defineProperty,B=(i,e,t,a)=>{for(var s=void 0,r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=n(e,t,s)||s);return s&&oe(e,t,s),s};class D extends v{constructor(){super(...arguments),this.value=[],this.strings=L}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.b`
-      <div class="pkt-input__container">
-        <input
-          class=${$.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(),b()&&this.dispatchToggleCalendar(new Event("focus"))}}
-          @keydown=${e=>_.handleInputKeydown(e,t=>this.dispatchToggleCalendar(t),()=>x.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>
-    `}}B([l.n({type:Array})],D.prototype,"value");B([l.n({type:Number})],D.prototype,"maxlength");B([l.n({type:Object})],D.prototype,"strings");try{l.t("pkt-datepicker-multiple")(D)}catch{console.warn("Forsøker å definere <pkt-datepicker-multiple>, men den er allerede definert")}var ue=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,d=(i,e,t,a)=>{for(var s=a>1?void 0:a?pe(e,t):e,r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=(a?n(e,t,s):n(s))||s);return a&&s&&ue(e,t,s),s};class h extends V.PktInputElement{constructor(){super(...arguments),this._valueProperty="",this._valueProcessing=!1,this.datepickerPopupRef=p.e(),this._value=[],this.label="Datovelger",this.dateformat=C.props.dateformat.default,this.multiple=C.props.multiple.default,this.maxlength=null,this.range=C.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=C.props.weeknumbers.default,this.withcontrols=C.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.today=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.calRef=p.e(),this.popupRef=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):T.addToSelected(e,this.calRef,this.min,this.max)}}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 ie.getInputType()}connectedCallback(){super.connectedCallback(),this.timezone&&this.timezone!==window.pktTz&&(window.pktTz=this.timezone)}disconnectedCallback(){super.disconnectedCallback()}onInput(){this.dispatchEvent(new Event("input",{bubbles:!0}))}valueChanged(e,t){if(!(this._valueProcessing||e===t)){this._valueProcessing=!0;try{const a=u.valueToArray(e),s=this.multiple&&a.length>1?A.filterSelectableDates(a,this.min,this.max,this.excludedates,this.excludeweekdays):a;if(this.range&&!A.validateRangeOrder(s)){this._value=[],this._valueProperty="",super.valueChanged("",t);return}this._value=s;const r=u.arrayToCsv(s);if(this._valueProperty!==r&&(this._valueProperty=r),this.range&&s.length<2)return;super.valueChanged(r,t)}finally{this._valueProcessing=!1}}}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")&&(e.has("multiple")||e.has("range"))){const t=Array.isArray(this.value)?this.value.join(","):this.value,a=e.get("value"),s=Array.isArray(a)?a.join(","):a;this.valueChanged(t,s)}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.b`
-      <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.b`
-      <pkt-datepicker-range
-        .value=${this._value}
-        .inputType=${this.inputType}
-        .id=${this.id}
-        .label=${this.label}
-        .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 s=t.value,r=a.value;if(s&&r&&s>r)a.value="",this._value=[s],this.value=s;else{const n=[s,r].filter(Boolean);n.length>0&&(n[0]!==this._value[0]||n[1]!==this._value[1])&&(this._value=n,this.value=n.join(","))}}I.processRangeBlur(e.detail.event,e.detail.values,this.calRef,()=>this.clearInputValue(),s=>this.manageValidity(s))}}
-        @manage-validity=${e=>this.manageValidity(e.detail)}
-        @validate-date-input=${e=>{x.validateDateInput(e.detail,this.internals,this.min,this.max,this.strings)}}
-        @handle-date-select=${e=>{var a,s;const t=u.fromISOToDate(e.detail);if(t){const r=u.formatISODate(t);this._value[0]!==r&&this._value[1]!==r&&((s=(a=this.calRef)==null?void 0:a.value)==null||s.handleDateSelect(t))}}}
-        @input-changed=${()=>{this.touched=!0}}
-        ${p.n(this.rangeInputRef)}
-      ></pkt-datepicker-range>
-    `}renderMultipleInput(){return l.b`
-      <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.b`
-      <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}
-        .today=${this.today}
-        @date-selected=${e=>{this.value=I.processDateSelection(e.detail,this.multiple,this.range),this._value=e.detail,I.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=P.getInputClasses(this.fullwidth,this.showRangeLabels,this.multiple,this.range,this.readonly,this.inputType),l.b`
-      <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" slot="helptext">${K.slotContent(this,"helptext")}</div>
-        ${this.multiple?l.b`<pkt-date-tags
-              .dates=${this._value}
-              dateformat=${this.dateformat}
-              strings=${this.strings}
-              id-base=${this.id}
-              @date-tag-removed=${e=>{var s;const t=this.datepickerPopupRef.value,a=u.fromISOToDate(e.detail);t&&a&&typeof t.handleDateSelect=="function"?t.handleDateSelect(a):(s=this.calRef.value)==null||s.handleDateSelect(a)}}
-            ></pkt-date-tags>`:l.A}
-        <div class="pkt-datepicker__inputs ${this.range?"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;T.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(),b()&&e.focusOnCurrentDate();return}await q.sleep(20),this.handleCalendarPosition(),b()&&((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}))}}d([l.n({type:String,reflect:!0})],h.prototype,"value",1);d([l.n({type:String,reflect:!0})],h.prototype,"label",2);d([l.n({type:String})],h.prototype,"dateformat",2);d([l.n({type:Boolean,reflect:!0})],h.prototype,"multiple",2);d([l.n({type:Number,reflect:!0})],h.prototype,"maxlength",2);d([l.n({type:Boolean,reflect:!0})],h.prototype,"range",2);d([l.n({type:Boolean,attribute:"show-range-labels"})],h.prototype,"showRangeLabels",2);d([l.n({type:String,reflect:!0})],h.prototype,"min",2);d([l.n({type:String,reflect:!0})],h.prototype,"max",2);d([l.n({type:Boolean})],h.prototype,"weeknumbers",2);d([l.n({type:Boolean,reflect:!0})],h.prototype,"withcontrols",2);d([l.n({converter:u.converters.csvToArray})],h.prototype,"excludedates",2);d([l.n({converter:u.converters.csvToArray})],h.prototype,"excludeweekdays",2);d([l.n({type:String})],h.prototype,"currentmonth",2);d([l.n({type:String})],h.prototype,"today",2);d([l.n({type:Boolean,reflect:!0,attribute:"calendar-open"})],h.prototype,"calendarOpen",2);d([l.n({type:String})],h.prototype,"timezone",2);d([F.r()],h.prototype,"inputClasses",2);try{l.t("pkt-datepicker")(h)}catch{console.warn("Forsøker å definere <pkt-datepicker>, men den er allerede definert")}exports.PktDateTags=k;exports.PktDatepicker=h;exports.PktDatepickerMultiple=D;exports.PktDatepickerRange=w;exports.PktDatepickerSingle=E;