@oslokommune/punkt-elements 20.1.0 → 20.1.3

package/dist/datepicker-Cnrbqm62.cjs

@@ -1,294 +0,0 @@
-const e=require("./element-CEarCnHH.cjs"),t=require("./converters-Dp64-kF1.cjs"),n=require("./input-element-CfZIyfon.cjs"),r=require("./ref-C6VUWwmF.cjs");require("./calendar-xYEsKilS.cjs"),require("./icon-5A378_yh.cjs"),require("./input-wrapper-CbYMk21W.cjs");const i=require("./class-map-C82GtM1w.cjs"),a=require("./repeat-CjvNrcUr.cjs");require("./tag-BAikRN2Y.cjs");const o=require("./utils-63cRpWut.cjs"),s=require("./if-defined-Ci4ZQsgL.cjs"),c=require("./element-with-slot-D_8fAzCW.cjs");var l=class extends e.t{constructor(...e){super(...e),this.dates=[],this.dateformat=`dd.MM.yyyy`,this.className=`pkt-datepicker__tags`,this.idBase=o.n()}render(){return this.classes={"pkt-date-tags":!0,[this.className]:!0},e._`
-      <div class=${i.t(this.classes)} aria-live="polite">
-        ${Array.isArray(this.dates)&&this.dates[0]?a.t(t.h((this.dates??[]).filter(Boolean)),e=>e,n=>e._` <pkt-tag
-                  id=${this.idBase+n+`-tag`}
-                  closeTag
-                  @close=${()=>{this.dispatchEvent(new CustomEvent(`date-tag-removed`,{detail:n}))}}
-                  .ariaLabel=${`${this.pktStrings.get(`datepicker`).deleteDate} ${t.c(n,this.dateformat)}`}
-                >
-                  <time datetime=${n}>${t.c(n,this.dateformat)}</time>
-                </pkt-tag>`):e.h}
-      </div>
-    `}};e.n([e.u({type:Array})],l.prototype,`dates`,void 0),e.n([e.u({type:String})],l.prototype,`dateformat`,void 0),e.n([e.u({type:String,attribute:`class`})],l.prototype,`className`,void 0),e.n([e.u({type:String,attribute:`id-base`})],l.prototype,`idBase`,void 0);try{e.d(`pkt-date-tags`)(l)}catch{console.warn(`Forsøker å definere <pkt-date-tags>, men den er allerede definert`)}var u={name:`pkt-datepicker`,react:`PktDatepicker`,"css-class":`pkt-datepicker`,isElement:!0,isPureReact:!0,"dark-mode":!0,props:{name:{type:`string`,name:`Navn for innsending`,category:`tech`},form:{name:`Skjema`,description:`ID-en til skjemaet feltet hører til, når feltet ligger utenfor skjemaet`,type:`string`,required:!1,category:`tech`},label:{type:`string`,name:`Tekst/label`,category:`contents`},helptext:{type:`string`,name:`Hjelpetekst`,category:`contents`},helptextDropdown:{type:`string`,name:`Utvidet hjelpetekst`,description:`Hjelpetekst som vises i en lukket boks man kan åpne`,category:`contents`},helptextDropdownButton:{type:`string`,name:`Knappetekst for utvidet hjelpetekst`,default:`Les mer`,category:`contents`},dateformat:{name:`Datoformat for tags i flervalg`,type:`string`,default:`dd.MM.yyyy`,category:`tech`},currentmonth:{name:`Måned som vises i datovelgeren`,type:`ISOdatestring`,category:`tech`},value:{name:`Verdi (kommaseparert ved flervalg)`,type:`ISOdatestring`,variant:`multiple`,category:`tech`},excludeweekdays:{name:`Utelat ukedager`,type:`string`,description:`Kommaseparert liste over ukedager (1-7) som skal ekskluderes`,category:`functionality`},excludedates:{name:`Utelat datoer (Kommaseparerte ISO-datoer)`,type:`ISOdatestring`,variant:`multiple`,category:`functionality`},min:{name:`Tidligst tillatte dato`,type:`ISOdatestring`,default:null,category:`functionality`},max:{name:`Senest tillatte dato`,type:`ISOdatestring`,default:null,category:`functionality`},weeknumbers:{name:`Vis ukenummer`,type:`boolean`,reflect:!0,default:!1,category:`ui`},withcontrols:{name:`Med velgere for måned/år`,type:`boolean`,reflect:!0,default:!1,category:`ui`},multiple:{name:`Flervalg`,type:`boolean`,reflect:!0,default:!1,category:`functionality`,exclusiveGroup:`selectionMode`},maxlength:{name:`Maks antall datoer i flervalg`,type:`number`,category:`functionality`,showIf:{multiple:!0}},range:{name:`Datotidsrom (fra og til)`,type:`boolean`,reflect:!0,default:!1,category:`functionality`,exclusiveGroup:`selectionMode`},showRangeLabels:{attribute:`show-range-labels`,name:`Vis fra/til-etiketter`,type:`boolean`,default:!1,category:`ui`,showIf:{range:!0}},today:{name:`Dagens dato (overstyring)`,type:`ISOdatestring`,description:`ISO-datostreng som overstyrer dagens dato i kalenderen. Nyttig for snapshot-tester.`,category:`tech`},calendarOpen:{attribute:`calendar-open`,name:`Kalender åpen`,type:`boolean`,reflect:!0,default:!1,category:`ui`},hasError:{type:`boolean`,name:`Feil`,default:!1,category:`ui`},errorMessage:{type:`string`,name:`Feilmelding ved feil`,category:`contents`},disabled:{type:`boolean`,name:`Deaktivert`,default:!1,reflect:!0,category:`tech`},fullwidth:{type:`boolean`,name:`Full bredde`,default:!1,reflect:!0,category:`ui`},inputSize:{attribute:`input-size`,name:`Størrelse`,description:`Størrelsen på komponenten`,type:[`medium`,`small`,`xsmall`],default:`medium`,category:`ui`},required:{type:`boolean`,name:`Påkrevd`,default:!1,reflect:!0,category:`tech`},requiredTag:{type:`boolean`,name:`Vise påkrevd-merking`,default:!1,category:`ui`},requiredText:{type:`string`,name:`Påkrevd-tekst`,default:`Må fylles ut`,category:`contents`},optionalTag:{type:`boolean`,name:`Vise valgfritt-merking`,default:!1,category:`ui`},optionalText:{type:`string`,name:`Valgfritt-tekst`,default:`Valgfritt`,category:`contents`},tagText:{type:`string`,name:`Tag-tekst`,description:`Tekst som vises i en tag ved siden av label`,category:`ui`},useWrapper:{type:`boolean`,name:`Bruk wrapper`,description:`Indikerer at feltet skal ha synlig label og hjelpetekst`,displayAsFalse:!0,default:!0,category:`ui`},id:{type:`string`,name:`ID`,description:`Unik identifikasjon for datovelgeren`,category:`tech`},ariaDescribedby:{attribute:`aria-describedby`,name:`aria-describedby`,description:`Spesifiserer ID-en til elementet som beskriver feltet.`,type:`string`,category:`accessibility`},inline:{name:`Inline`,type:`boolean`,required:!1,default:!1,description:`Angir om feltet skal flyte med teksten`,category:`ui`},hasFieldset:{name:`Bruk fieldset`,type:`boolean`,required:!1,default:null,description:`Bruk fieldset og legend i stedet for label. Utledes automatisk når feltet består av flere kontroller.`,category:`ui`},counter:{name:`Teller`,type:`boolean`,required:!1,default:null,description:`Viser teller under feltet. Slås på av seg selv når det finnes en grense å telle mot; sett til false for å skru den av.`,category:`ui`}},events:{change:{type:`Event`,name:`change (Elements)`,description:`Returnerer valgt dato som streng i ISO-format. I range-modus utløses kun når begge datoer er valgt.`},"value-change":{type:`CustomEvent`,name:`value-change (Elements)`,description:`Returnerer en <code>array</code> med valgte datoer i ISO-format. I range-modus utløses kun når begge datoer er valgt.`},toggleHelpText:{type:`CustomEvent`,description:`Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes`},onChange:{type:`Event`,name:`onChange (React)`,reactOnly:!0,description:`Utløses når en dato velges. <code>e.target.value</code> inneholder kommaseparerte ISO-datoer. I range-modus utløses kun når begge datoer er valgt.`},onValueChange:{type:`string[]`,name:`onValueChange (React)`,reactOnly:!0,description:`Returnerer en <code>string[]</code> med valgte datoer i ISO-format. I range-modus utløses kun når begge datoer er valgt.`}}},d=()=>{let e=navigator.userAgent;return!!(/iP(hone|od|ad)/.test(e)||/Macintosh/.test(e)&&`ontouchend`in document)},f=()=>d()?`text`:`date`,p=e=>!e||e.length!==2||t.u(e[0],e[1]),m=e=>t.h(e),h=(e,n,r,i,a)=>t.i(e,n,r,i,a),g=(e,t,n,r,i,a,o=`medium`)=>({"pkt-input":!0,"pkt-datepicker__input":!0,[`pkt-input--${o}`]:!0,"pkt-input--fullwidth":e,"pkt-datepicker--hasrangelabels":t,"pkt-datepicker--multiple":n,"pkt-datepicker--range":r,"ios-readonly-hack":i===!1&&a===`text`}),_=(e=`medium`)=>({"pkt-input-icon":!0,"pkt-btn":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":!0,[`pkt-btn--${e}`]:!0,"pkt-datepicker__calendar-button":!0}),v=e=>({"pkt-input-prefix":e,"pkt-hide":!e}),y=(e,t,n)=>!t&&!n?Array.isArray(e)?e[0]||``:e:Array.isArray(e)?e.join(`,`):e,b=(e,t,n=!1)=>{if(!e||!t)return;let r=t.parentElement?.getBoundingClientRect()||t.getBoundingClientRect(),i=n?r.height+30:r.height,a=e.getBoundingClientRect().height,o=n?`calc(100% - 30px)`:`100%`;r&&typeof window<`u`&&r.top+a>window.innerHeight&&r.top-a>0&&(o=`calc(100% - ${i}px - ${a}px)`),e.style.top=o},x=(e,t,n,r,i,a)=>{let{key:o}=e;o===`,`&&(e.preventDefault(),a?a(e):i&&i()),(o===`Space`||o===` `)&&(e.preventDefault(),t(e)),o===`Enter`&&(e.preventDefault(),n?n():r?r():i&&i())},S=(e,t)=>{let{key:n}=e;(n===`Enter`||n===` `||n===`Space`)&&(e.preventDefault(),t(e))},C={validateRangeOrder:p,sortDates:m,filterSelectableDates:h},w={getInputType:f},T={submitForm(e){let t=e.internals?.form;t&&t.requestSubmit()},submitFormOrFallback(e,t){let n=e?.form;n?n.requestSubmit():t()},validateDateInput(t,n,r,i,a){let o=t.value;if(!o)return;let s={...e.s.validation,...a};r&&r>o?n.setValidity({rangeUnderflow:!0},s.dateUnderflow,t):i&&i<o&&n.setValidity({rangeOverflow:!0},s.dateOverflow,t)}},E={addToSelected(e,n,r,i){let a=e.target;if(!a.value)return;let o=r?t.d(r):null,s=i?t.d(i):null,c=t.d(a.value.split(`,`)[0]);c&&!isNaN(c.getTime())&&(!o||c>=o)&&(!s||c<=s)&&n.value&&n.value.handleDateSelect(c),a.value=``},handleCalendarPosition(e,t,n=!1){b(e.value??null,t.value??null,n)}},D={getInputClasses:g,getButtonClasses:_,getRangeLabelClasses:v},O={processDateSelection:y,updateInputValues(e,t,n,r,i,a){e.value&&(r&&t?.value?(e.value.value=n[0]??``,t.value.value=n[1]??``,a(e.value),a(t.value)):i||(e.value.value=n.length?n[0]:``,a(e.value)))},processRangeBlur(e,n,r,i,a){let o=e.target;if(o.value){a(o);let e=t.s(o.value);e&&r?.value?.handleDateSelect(e)}else n[0]&&i()}},k={handleInputKeydown:x,handleButtonKeydown:S},A=class extends e.t{constructor(...e){super(...e),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=r.t(),this.calendarRef=r.t(),this.handleDocumentClick=e=>{if(!this.open)return;let t=e.composedPath(),n=this.parentElement,r=this.popupRef.value;t.includes(this)||t.includes(r)||n&&t.includes(n)||(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}willUpdate(e){super.willUpdate(e),e.has(`open`)&&this.open&&(this._hasBeenOpened=!0)}updated(e){super.updated(e),e.has(`open`)&&(this.open?(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(){this.open=!0,this.calendarRef.value?.focus()}hide(){this.open=!1}toggle(){this.open?this.hide():this.show()}contains(e){return!!e&&!!this.popupRef.value?.contains(e)}focusOnCurrentDate(){let e=this.calendarRef.value;e&&typeof e.focusOnCurrentDate==`function`&&e.focusOnCurrentDate()}addToSelected(e,n,r){if(this.calendarRef.value&&typeof E.addToSelected==`function`)return E.addToSelected(e,this.calendarRef,n,r);let i=e.target;if(!i.value)return;let a=n?t.d(n):null,o=r?t.d(r):null,s=t.d(i.value.split(`,`)[0]);s&&!isNaN(s.getTime())&&(!a||s>=a)&&(!o||s<=o)&&this.handleDateSelect(s),i.value=``}handleDateSelect(e){let n=this.calendarRef.value;if(n&&typeof n.handleDateSelect==`function`)return n.handleDateSelect(e);let r=t.a(e),i=this.selected.indexOf(r)>=0?this.selected.filter(e=>e!==r):[...this.selected,r];this.selected=i,this.dispatchEvent(new CustomEvent(`date-selected`,{detail:i,bubbles:!0,composed:!0}))}render(){let t={"pkt-calendar-popup":!0,show:this.open,hide:!this.open};return e._`
-      <div
-        class="${i.t(t)}"
-        ${r.n(this.popupRef)}
-        id="date-popup"
-        ?hidden=${!this.open}
-        aria-hidden="${!this.open}"
-      >
-        ${this.open||this._hasBeenOpened?e._`<pkt-calendar
-              ${r.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=${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>`:e.h}
-      </div>
-    `}};e.n([e.u({type:Boolean,reflect:!0})],A.prototype,`open`,void 0),e.n([e.u({type:Boolean})],A.prototype,`multiple`,void 0),e.n([e.u({type:Boolean})],A.prototype,`range`,void 0),e.n([e.u({type:Boolean})],A.prototype,`weeknumbers`,void 0),e.n([e.u({type:Boolean})],A.prototype,`withcontrols`,void 0),e.n([e.u({type:Number})],A.prototype,`maxMultiple`,void 0),e.n([e.u({type:Array})],A.prototype,`selected`,void 0),e.n([e.u({type:String})],A.prototype,`earliest`,void 0),e.n([e.u({type:String})],A.prototype,`latest`,void 0),e.n([e.u({type:Array})],A.prototype,`excludedates`,void 0),e.n([e.u({type:Array})],A.prototype,`excludeweekdays`,void 0),e.n([e.u({type:String})],A.prototype,`currentmonth`,void 0),e.n([e.u({type:String})],A.prototype,`today`,void 0),e.n([e.l()],A.prototype,`_hasBeenOpened`,void 0);try{e.d(`pkt-datepicker-popup`)(A)}catch{console.warn(`Forsøker å definere <pkt-datepicker-popup>, men den er allerede definert`)}var j=class extends e.t{constructor(...e){super(...e),this.inputType=`date`,this.id=``,this.readonly=!1,this.disabled=!1,this.inputClasses={},this.inputSize=`medium`,this.hasError=!1,this.hasHelptext=!1,this.inputRef=r.t(),this.btnRef=r.t()}get describedBy(){return this.hasHelptext?`${this.id}-input-helptext`:void 0}get errorMessageId(){return this.hasError?`${this.id}-input-error`:void 0}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(){return e._`
-      <button
-        class="${i.t(D.getButtonClasses(this.inputSize))}"
-        type="button"
-        @click=${e=>this.dispatchToggleCalendar(e)}
-        @keydown=${e=>{let{key:t}=e;(t===`Enter`||t===` `||t===`Space`)&&(e.preventDefault(),this.dispatchToggleCalendar(e))}}
-        ?disabled=${this.disabled}
-        ${this.btnRef}
-      >
-        <pkt-icon name="calendar"></pkt-icon>
-        <span class="pkt-btn__text">${this.pktStrings.get(`datepicker`).openPicker}</span>
-      </button>
-    `}createRenderRoot(){return this}};e.n([e.u({type:String})],j.prototype,`inputType`,void 0),e.n([e.u({type:String})],j.prototype,`id`,void 0),e.n([e.u({type:String})],j.prototype,`min`,void 0),e.n([e.u({type:String})],j.prototype,`max`,void 0),e.n([e.u({type:String})],j.prototype,`placeholder`,void 0),e.n([e.u({type:Boolean})],j.prototype,`readonly`,void 0),e.n([e.u({type:Boolean})],j.prototype,`disabled`,void 0),e.n([e.u({type:Object})],j.prototype,`inputClasses`,void 0),e.n([e.u({type:String})],j.prototype,`inputSize`,void 0),e.n([e.u({type:Object})],j.prototype,`internals`,void 0),e.n([e.u({type:Boolean})],j.prototype,`hasError`,void 0),e.n([e.u({type:Boolean})],j.prototype,`hasHelptext`,void 0);var M=class extends j{constructor(...e){super(...e),this.value=``}dispatchManageValidity(e){this.dispatchEvent(new CustomEvent(`manage-validity`,{detail:e,bubbles:!0,composed:!0}))}render(){return e._`
-      <div class="pkt-input__container">
-        <input
-          class="${i.t(this.inputClasses)}"
-          .type=${this.inputType}
-          id="${this.id}-input"
-          .value=${this.value}
-          min=${s.t(this.min)}
-          max=${s.t(this.max)}
-          placeholder=${s.t(this.placeholder)}
-          ?readonly=${this.isInputReadonly}
-          aria-describedby=${s.t(this.describedBy)}
-          aria-invalid=${this.hasError}
-          aria-errormessage=${s.t(this.errorMessageId)}
-          @click=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
-          @touchend=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
-          ?disabled=${this.disabled}
-          @keydown=${e=>k.handleInputKeydown(e,e=>this.dispatchToggleCalendar(e),()=>T.submitFormOrFallback(this.internals,()=>this.inputRef.value?.blur()),void 0,()=>this.inputRef.value?.blur())}
-          @input=${e=>{this.dispatchInput(e),e.stopImmediatePropagation()}}
-          @focus=${()=>{this.dispatchFocus(),d()&&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()}}
-          ${r.n(this.inputRef)}
-        />
-        ${this.renderCalendarButton()}
-      </div>
-    `}};e.n([e.u({type:String})],M.prototype,`value`,void 0);try{e.d(`pkt-datepicker-single`)(M)}catch{console.warn(`Forsøker å definere <pkt-datepicker-single>, men den er allerede definert`)}var N=class extends j{constructor(...e){super(...e),this.value=[],this.label=``,this.showRangeLabels=!1,this.inputRefTo=r.t()}get inputElementTo(){return this.inputRefTo.value}render(){let t=D.getRangeLabelClasses(this.showRangeLabels);return e._`
-      <div class="pkt-input__container">
-        ${this.showRangeLabels?e._` <div class="pkt-input-prefix">${this.pktStrings.get(`generic`).from}</div> `:e.h}
-        <input
-          aria-describedby=${s.t(this.describedBy)}
-          aria-invalid=${this.hasError}
-          aria-errormessage=${s.t(this.errorMessageId)}
-          class=${i.t(this.inputClasses)}
-          .type=${this.inputType}
-          id="${this.id}-input"
-          aria-label="${this.label} ${this.pktStrings.get(`generic`).from}"
-          .value=${this.value[0]??``}
-          min=${s.t(this.min)}
-          max=${s.t(this.max)}
-          placeholder=${s.t(this.placeholder)}
-          ?readonly=${this.isInputReadonly}
-          ?disabled=${this.disabled}
-          @click=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
-          @touchend=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
-          @keydown=${e=>k.handleInputKeydown(e,e=>this.dispatchToggleCalendar(e),()=>T.submitFormOrFallback(this.internals,()=>this.inputRefTo.value?.focus()),()=>this.inputRefTo.value?.focus(),()=>this.inputRef.value?.blur())}
-          @input=${e=>{this.dispatchInput(e),e.stopImmediatePropagation()}}
-          @focus=${()=>{this.dispatchFocus(),d()&&this.dispatchToggleCalendar(new Event(`focus`))}}
-          @blur=${e=>{this.dispatchBlur(e),this.dispatchEvent(new CustomEvent(`range-blur`,{detail:{event:e,values:this.value,inputType:`from`},bubbles:!0,composed:!0}))}}
-          @change=${e=>{this.dispatchChange(e),e.stopImmediatePropagation()}}
-          ${r.n(this.inputRef)}
-        />
-        <div class="${i.t(t)}" id="${this.id}-to-label">
-          ${this.pktStrings.get(`generic`).to}
-        </div>
-        ${this.showRangeLabels?e.h:e._` <div class="pkt-input-separator">–</div> `}
-        <input
-          aria-describedby=${s.t(this.describedBy)}
-          aria-invalid=${this.hasError}
-          aria-errormessage=${s.t(this.errorMessageId)}
-          class=${i.t(this.inputClasses)}
-          .type=${this.inputType}
-          id="${this.id}-to"
-          aria-label="${this.label} ${this.pktStrings.get(`generic`).to}"
-          .value=${this.value[1]??``}
-          min=${s.t(this.min)}
-          max=${s.t(this.max)}
-          placeholder=${s.t(this.placeholder)}
-          ?readonly=${this.isInputReadonly}
-          ?disabled=${this.disabled}
-          @click=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
-          @touchend=${e=>{e.preventDefault(),this.dispatchToggleCalendar(e)}}
-          @keydown=${e=>k.handleInputKeydown(e,e=>this.dispatchToggleCalendar(e),()=>T.submitFormOrFallback(this.internals,()=>this.inputRefTo.value?.blur()),void 0,()=>this.inputRefTo.value?.blur())}
-          @input=${e=>{this.dispatchInput(e),e.stopImmediatePropagation()}}
-          @focus=${()=>{this.dispatchFocus(),d()&&this.dispatchToggleCalendar(new Event(`focus`))}}
-          @blur=${e=>{this.dispatchBlur(e),this.dispatchEvent(new CustomEvent(`range-blur`,{detail:{event:e,values:this.value,inputType:`to`},bubbles:!0,composed:!0}))}}
-          @change=${e=>{this.dispatchChange(e),e.stopImmediatePropagation()}}
-          ${r.n(this.inputRefTo)}
-        />
-        ${this.renderCalendarButton()}
-      </div>
-    `}};e.n([e.u({type:Array})],N.prototype,`value`,void 0),e.n([e.u({type:String})],N.prototype,`label`,void 0),e.n([e.u({type:Boolean})],N.prototype,`showRangeLabels`,void 0);try{e.d(`pkt-datepicker-range`)(N)}catch{console.warn(`Forsøker å definere <pkt-datepicker-range>, men den er allerede definert`)}var P=class extends j{constructor(...e){super(...e),this.value=[]}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 e._`
-      <div class="pkt-input__container">
-        <input
-          aria-describedby=${s.t(this.describedBy)}
-          aria-invalid=${this.hasError}
-          aria-errormessage=${s.t(this.errorMessageId)}
-          class=${i.t(this.inputClasses)}
-          .type=${this.inputType}
-          id="${this.id}-input"
-          min=${s.t(this.min)}
-          max=${s.t(this.max)}
-          placeholder=${s.t(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(),d()&&this.dispatchToggleCalendar(new Event(`focus`))}}
-          @keydown=${e=>k.handleInputKeydown(e,e=>this.dispatchToggleCalendar(e),()=>T.submitFormOrFallback(this.internals,()=>this.inputRef.value?.blur()),void 0,void 0,e=>this.dispatchAddToSelected(e))}
-          @change=${e=>{this.dispatchChange(e),e.stopImmediatePropagation()}}
-          ${r.n(this.inputRef)}
-        />
-        ${this.renderCalendarButton()}
-      </div>
-    `}};e.n([e.u({type:Array})],P.prototype,`value`,void 0),e.n([e.u({type:Number})],P.prototype,`maxlength`,void 0);try{e.d(`pkt-datepicker-multiple`)(P)}catch{console.warn(`Forsøker å definere <pkt-datepicker-multiple>, men den er allerede definert`)}var F,I=class i extends n.t{constructor(...e){super(...e),this._valueProperty=``,this.datepickerPopupRef=r.t(),this._value=[],this.label=`Datovelger`,this.dateformat=u.props.dateformat.default,this.multiple=u.props.multiple.default,this.maxlength=null,this.range=u.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=u.props.weeknumbers.default,this.withcontrols=u.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.today=null,this.calendarOpen=!1,this.timezone=`Europe/Oslo`,this.inputClasses={},this.calRef=r.t(),this.popupRef=r.t(),this.singleInputRef=r.t(),this.rangeInputRef=r.t(),this.multipleInputRef=r.t(),this.addToSelected=e=>{let t=this.datepickerPopupRef.value;return t&&typeof t.addToSelected==`function`?t.addToSelected(e,this.min,this.max):E.addToSelected(e,this.calRef,this.min,this.max)}}get value(){return this._valueProperty}set value(e){let t=this._valueProperty,n=Array.isArray(e)?e.join(`,`):e||``;n!==t&&(this._valueProperty=n,this.requestUpdate(`value`,t))}get inputType(){return w.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){e!==t&&(this.value=e??``,this.deriveValue(t))}deriveValue(e){let n=t.r(this._valueProperty),r=this.multiple&&n.length>1?C.filterSelectableDates(n,this.min,this.max,this.excludedates,this.excludeweekdays):n;this.range&&!C.validateRangeOrder(r)?(this._valueProperty=``,this.getAttribute(`value`)&&this.setAttribute(`value`,``),super.valueChanged(``,e),this._value=[]):(this._valueProperty=t.n(r),this.range&&r.length===1||super.valueChanged(this._valueProperty,e),this._value=r)}attributeChangedCallback(e,n,r){e===`excludedates`&&typeof this.excludedates==`string`&&(this.excludedates=t.r(r||``)),e===`excludeweekdays`&&typeof this.excludeweekdays==`string`&&(this.excludeweekdays=t.r(r||``)),super.attributeChangedCallback(e,n,r)}willUpdate(e){if(super.willUpdate(e),i.DERIVED_FROM.some(t=>e.has(t))){let t=e.get(`value`);this.deriveValue(Array.isArray(t)?t.join(`,`):t??null)}}updated(e){this.classList.add(`pkt-datepicker`),this.classList.toggle(`pkt-datepicker--fullwidth`,this.fullwidth),this.classList.toggle(`pkt-datepicker--medium`,this.inputSize===`medium`),this.classList.toggle(`pkt-datepicker--small`,this.inputSize===`small`),this.classList.toggle(`pkt-datepicker--xsmall`,this.inputSize===`xsmall`),super.updated(e)}get inputRef(){return{value:this.currentInputElement}}get inputRefTo(){return{value:this.currentInputElementTo}}get currentInputElement(){return this.multiple?this.multipleInputRef.value?.inputElement:this.range?this.rangeInputRef.value?.inputElement:this.singleInputRef.value?.inputElement}get currentInputElementTo(){if(this.range)return this.rangeInputRef.value?.inputElementTo}get currentButtonElement(){return this.multiple?this.multipleInputRef.value?.buttonElement:this.range?this.rangeInputRef.value?.buttonElement:this.singleInputRef.value?.buttonElement}get btnRef(){return{value:this.currentButtonElement}}renderInput(){return e._`
-      <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.isDisabled}
-        .inputClasses=${this.inputClasses}
-        .inputSize=${this.inputSize}
-        .internals=${this.internals}
-        .hasError=${this.hasError}
-        .hasHelptext=${!!(this.helptext||this.helptextDropdown||this.hasSlotContent(`helptext`))}
-        .strings=${this.strings}
-        @toggle-calendar=${e=>this.toggleCalendar(e.detail)}
-        @input-change=${()=>this.onInput()}
-        @input-focus=${()=>this.onFocus()}
-        @input-blur=${e=>{this.calRef.value?.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}}
-        ${r.n(this.singleInputRef)}
-      ></pkt-datepicker-single>
-    `}renderRangeInput(){return e._`
-      <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.isDisabled}
-        .showRangeLabels=${this.showRangeLabels}
-        .inputClasses=${this.inputClasses}
-        .inputSize=${this.inputSize}
-        .internals=${this.internals}
-        .hasError=${this.hasError}
-        .hasHelptext=${!!(this.helptext||this.helptextDropdown||this.hasSlotContent(`helptext`))}
-        .strings=${this.strings}
-        @toggle-calendar=${e=>this.toggleCalendar(e.detail)}
-        @input-change=${()=>this.onInput()}
-        @input-focus=${()=>this.onFocus()}
-        @input-blur=${e=>{this.calRef.value?.contains(e.detail.relatedTarget)||this.onBlur()}}
-        @range-blur=${e=>{let t=this.currentInputElement,n=this.currentInputElementTo;if(t&&n){let e=t.value,r=n.value;if(e&&r&&e>r)n.value=``,this._value=[e],this.value=e;else{let t=[e,r].filter(Boolean);t.length>0&&(t[0]!==this._value[0]||t[1]!==this._value[1])&&(this._value=t,this.value=t.join(`,`))}}O.processRangeBlur(e.detail.event,e.detail.values,this.calRef,()=>this.clearInputValue(),e=>this.manageValidity(e))}}
-        @manage-validity=${e=>this.manageValidity(e.detail)}
-        @validate-date-input=${e=>{T.validateDateInput(e.detail,this.internals,this.min,this.max,this.pktStrings.get(`validation`))}}
-        @handle-date-select=${e=>{let n=t.s(e.detail);if(n){let e=t.a(n);this._value[0]!==e&&this._value[1]!==e&&this.calRef?.value?.handleDateSelect(n)}}}
-        @input-changed=${()=>{this.touched=!0}}
-        ${r.n(this.rangeInputRef)}
-      ></pkt-datepicker-range>
-    `}renderMultipleInput(){return e._`
-      <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.isDisabled}
-        .maxlength=${this.maxlength}
-        .inputClasses=${this.inputClasses}
-        .inputSize=${this.inputSize}
-        .internals=${this.internals}
-        .hasError=${this.hasError}
-        .hasHelptext=${!!(this.helptext||this.helptextDropdown||this.hasSlotContent(`helptext`))}
-        .strings=${this.strings}
-        @toggle-calendar=${e=>this.toggleCalendar(e.detail)}
-        @input-change=${()=>this.onInput()}
-        @input-focus=${()=>this.onFocus()}
-        @input-blur=${e=>{this.calRef.value?.contains(e.detail.relatedTarget)||this.onBlur()}}
-        @add-to-selected=${e=>this.addToSelected(e.detail)}
-        @input-changed=${()=>{this.touched=!0}}
-        ${r.n(this.multipleInputRef)}
-      ></pkt-datepicker-multiple>
-    `}renderCalendar(){return e._`
-      <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?t.m(this.currentmonth):null}
-        .today=${this.today}
-        @date-selected=${e=>{this.value=O.processDateSelection(e.detail,this.multiple,this.range),this._value=e.detail,O.updateInputValues(this.inputRef,this.inputRefTo,this._value,this.range,this.multiple,e=>this.manageValidity(e))}}
-        @close=${()=>{this.onBlur(),this.hideCalendar()}}
-        ${r.n(this.datepickerPopupRef)}
-      ></pkt-datepicker-popup>
-    `}render(){return this.inputClasses=D.getInputClasses(this.fullwidth,this.showRangeLabels,this.multiple,this.range,this.readonly,this.inputType,this.inputSize),e._`
-      <pkt-input-wrapper
-        ${c.n(this,[`helptext`])}
-        .strings=${this.strings}
-        label="${this.label}"
-        forId="${this.id}-input"
-        ?counter=${this.multiple&&!!this.maxlength}
-        .counterCurrent=${this.value?this._value.length:0}
-        .counterMaxLength=${this.maxlength}
-        ?disabled=${this.isDisabled}
-        ?hasError=${this.hasError}
-        ?hasFieldset=${this.effectiveHasFieldset(!1)}
-        ?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}
-        .size=${this.inputSize}
-      >
-        ${this.multiple?e._`<pkt-date-tags
-              .dates=${this._value}
-              dateformat=${this.dateformat}
-              strings=${this.strings}
-              id-base=${this.id}
-              @date-tag-removed=${e=>{let n=this.datepickerPopupRef.value,r=t.s(e.detail);n&&r&&typeof n.handleDateSelect==`function`?n.handleDateSelect(r):this.calRef.value?.handleDateSelect(r)}}
-            ></pkt-date-tags>`:e.h}
-        <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(){let e=this.multiple&&!!this.maxlength;E.handleCalendarPosition(this.popupRef,this.inputRef,e)}async showCalendar(){let e=this.datepickerPopupRef.value;this.calendarOpen=!0,e&&typeof e.show==`function`?(e.show(),d()&&e.focusOnCurrentDate()):(await o.t(20),this.handleCalendarPosition(),d()&&this.calRef.value?.focusOnCurrentDate())}hideCalendar(){let e=this.datepickerPopupRef.value;if(this.calendarOpen=!1,e&&typeof e.hide==`function`)return e.hide()}async toggleCalendar(e){e.preventDefault();let t=this.datepickerPopupRef.value;if(t&&typeof t.toggle==`function`){let e=!!t.open;t.toggle(),this.calendarOpen=!e}else this.calendarOpen?this.hideCalendar():this.showCalendar()}clearInputValue(){this._value=[],this.value=``,this.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}))}};F=I,F.DERIVED_FROM=[`value`,`multiple`,`range`,`min`,`max`,`excludedates`,`excludeweekdays`],e.n([e.u({type:String,reflect:!0})],I.prototype,`value`,null),e.n([e.l()],I.prototype,`_value`,void 0),e.n([e.u({type:String,reflect:!0})],I.prototype,`label`,void 0),e.n([e.u({type:String})],I.prototype,`dateformat`,void 0),e.n([e.u({type:Boolean,reflect:!0})],I.prototype,`multiple`,void 0),e.n([e.u({type:Number,reflect:!0})],I.prototype,`maxlength`,void 0),e.n([e.u({type:Boolean,reflect:!0})],I.prototype,`range`,void 0),e.n([e.u({type:Boolean,attribute:`show-range-labels`})],I.prototype,`showRangeLabels`,void 0),e.n([e.u({type:String,reflect:!0})],I.prototype,`min`,void 0),e.n([e.u({type:String,reflect:!0})],I.prototype,`max`,void 0),e.n([e.u({type:Boolean})],I.prototype,`weeknumbers`,void 0),e.n([e.u({type:Boolean,reflect:!0})],I.prototype,`withcontrols`,void 0),e.n([e.u({converter:t.t.csvToArray})],I.prototype,`excludedates`,void 0),e.n([e.u({converter:t.t.csvToArray})],I.prototype,`excludeweekdays`,void 0),e.n([e.u({type:String})],I.prototype,`currentmonth`,void 0),e.n([e.u({type:String})],I.prototype,`today`,void 0),e.n([e.u({type:Boolean,reflect:!0,attribute:`calendar-open`})],I.prototype,`calendarOpen`,void 0),e.n([e.u({type:String})],I.prototype,`timezone`,void 0),e.n([e.l()],I.prototype,`inputClasses`,void 0);try{e.d(`pkt-datepicker`)(I)}catch{console.warn(`Forsøker å definere <pkt-datepicker>, men den er allerede definert`)}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return I}});

package/dist/utils-63cRpWut.cjs

@@ -1 +0,0 @@
-var e=()=>(`00000000000000000`+(Math.random()*0x10000000000000000).toString(16)).slice(-16),t=e=>new Promise(t=>setTimeout(t,e)),n=()=>{let t=e(),n=e();return t.slice(0,8)+`-`+t.slice(8,12)+`-4`+t.slice(13)+`-a`+n.slice(1,4)+`-`+n.slice(4)};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});