@oslokommune/punkt-elements 12.26.2 → 12.27.0

package/dist/{alert-MKb7NX3r.js → alert-BvN80UkI.js}

@@ -1,7 +1,7 @@
 import { e as k } from "./class-map-CQzsZCwS.js";
 import { P as m, x as n, E as u, n as r, t as h } from "./element-BKrU5soj.js";
 import { r as f } from "./state-C36ZmZgt.js";
-import { P as v } from "./pkt-slot-controller-DhwCJd_0.js";
+import { P as v } from "./pkt-slot-controller-Clbye6cM.js";
 import { e as b, n as y } from "./ref-D5qG7OFB.js";
 import "./icon-Bsb0MB2h.js";
 const _ = "pkt-alert", g = !0, C = {

package/dist/{alert-3DZNN48_.cjs → alert-uNzcOJR9.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("./class-map-aeZWY44S.cjs"),t=require("./element-B0UgldHm.cjs"),k=require("./state-CG-binsl.cjs"),u=require("./pkt-slot-controller-BEDVscvU.cjs"),c=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");const h="pkt-alert",v=!0,f={onClose:{description:"React: Klikk-event for 'Lukk'-knappen"},close:{description:"Vue: Klikk-event for 'Lukk'-knappen"}},m={title:{name:"Tittel",description:"Tittelen som vises øverst i på meldingen",type:"string"},skin:{name:"Utseende",description:"Hvordan type melding er dette?",type:["info","success","warning","error"],default:"info"},date:{name:"Sist oppdatert",description:"Dato som vises nederst i på meldingen",type:"string"},ariaLive:{name:"aria-live",description:"Hvordan skal skjermleseren lese opp meldingen?",type:["off","polite","assertive"],default:"polite"},compact:{name:"Kompakt",description:"Gjør meldingen mindre",type:"boolean",default:!1},closeAlert:{name:"Vis 'Lukk'-knapp",description:"Viser 'Lukk'-knappen",type:"boolean",default:!1}},b={default:{description:"Innholdet i meldingen"}},n={name:h,"css-class":"pkt-alert","dark-mode":!0,isElement:v,events:f,props:m,slots:b};var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(a,e,l,s)=>{for(var r=s>1?void 0:s?_(e,l):e,o=a.length-1,p;o>=0;o--)(p=a[o])&&(r=(s?p(e,l,r):p(r))||r);return s&&r&&y(e,l,r),r};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.compact=n.props.compact.default,this.title="",this.skin=n.props.skin.default,this.ariaLive=n.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=n.props.closeAlert.default,this.date=null,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0,composed:!0}))},this.slotController=new u.PktSlotController(this,this.defaultSlot),this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(e,l,s){e==="ariaLive"&&(this["aria-live"]=s),super.attributeChangedCallback(e,l,s)}updated(e){super.updated(e),e.has("ariaLive")&&(this["aria-live"]=this.ariaLive)}render(){const e={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed};return t.x`
+"use strict";const d=require("./class-map-aeZWY44S.cjs"),t=require("./element-B0UgldHm.cjs"),k=require("./state-CG-binsl.cjs"),u=require("./pkt-slot-controller-Oc32unDk.cjs"),c=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");const h="pkt-alert",v=!0,f={onClose:{description:"React: Klikk-event for 'Lukk'-knappen"},close:{description:"Vue: Klikk-event for 'Lukk'-knappen"}},m={title:{name:"Tittel",description:"Tittelen som vises øverst i på meldingen",type:"string"},skin:{name:"Utseende",description:"Hvordan type melding er dette?",type:["info","success","warning","error"],default:"info"},date:{name:"Sist oppdatert",description:"Dato som vises nederst i på meldingen",type:"string"},ariaLive:{name:"aria-live",description:"Hvordan skal skjermleseren lese opp meldingen?",type:["off","polite","assertive"],default:"polite"},compact:{name:"Kompakt",description:"Gjør meldingen mindre",type:"boolean",default:!1},closeAlert:{name:"Vis 'Lukk'-knapp",description:"Viser 'Lukk'-knappen",type:"boolean",default:!1}},b={default:{description:"Innholdet i meldingen"}},n={name:h,"css-class":"pkt-alert","dark-mode":!0,isElement:v,events:f,props:m,slots:b};var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(a,e,l,s)=>{for(var r=s>1?void 0:s?_(e,l):e,o=a.length-1,p;o>=0;o--)(p=a[o])&&(r=(s?p(e,l,r):p(r))||r);return s&&r&&y(e,l,r),r};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.compact=n.props.compact.default,this.title="",this.skin=n.props.skin.default,this.ariaLive=n.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=n.props.closeAlert.default,this.date=null,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0,composed:!0}))},this.slotController=new u.PktSlotController(this,this.defaultSlot),this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(e,l,s){e==="ariaLive"&&(this["aria-live"]=s),super.attributeChangedCallback(e,l,s)}updated(e){super.updated(e),e.has("ariaLive")&&(this["aria-live"]=this.ariaLive)}render(){const e={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed};return t.x`
       <div class=${d.e(e)}>
         <pkt-icon
           class="pkt-alert__icon"

package/dist/{card-CtipjQuP.cjs → card-BaxqXP-k.cjs}

@@ -1,4 +1,4 @@
-"use strict";const g=require("./class-map-aeZWY44S.cjs"),d=require("./if-defined-Br3lDE5v.cjs"),t=require("./element-B0UgldHm.cjs"),k=require("./pkt-slot-controller-BEDVscvU.cjs"),l=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");require("./tag-nAMwKi6B.cjs");const u="pkt-card",h=!0,m={heading:{type:"string",name:"Heading",description:"Tittel på kortet"},subheading:{type:"string",name:"Subheading",description:"Undertittel på kortet"},skin:{type:["outlined","gray","blue","beige","green"],name:"Skin",description:"Farge på kortet",default:"outlined"},direction:{type:["landscape","portrait"],name:"Direction",description:"Retningen innholdet skal ligge i forhold til kortet",default:"portrait"},tags:{type:"array",description:"Liste av tags på kortet. Tar inn en array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text",name:"Tags",items:{type:"object",properties:{skin:{type:["blue","green","red","yellow"],description:"Farge på tag"},iconName:{type:"icon",description:"Id på ikonet du ønsker å bruke til tag"},ariaLabel:{type:"string",description:"Tekst for aria-label"},text:{type:"string",description:"Tekst på tag",required:!0}}}},image:{type:"object",name:"Bilde",description:"Bilde på kortet. Tar inn et objekt av typen {src: string, alt: string}. src er stien til bildet, og alt er tekst for aria-label.",properties:{src:{type:"string",description:"Bilde på kortet",required:!0},alt:{type:"string",description:"Tekst for aria-label",required:!0}}}},y={default:{description:"Innholdet i kortet"}},c={name:u,"css-class":"pkt-card",isElement:h,props:m,slots:y};var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(a,s,e,n)=>{for(var r=n>1?void 0:n?b(s,e):s,o=a.length-1,p;o>=0;o--)(p=a[o])&&(r=(n?p(s,e,r):p(r))||r);return n&&r&&f(s,e,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=l.e(),this.skin=c.props.skin.default,this.direction=c.props.direction.default,this.image={src:"",alt:""},this.heading="",this.subheading="",this.tags=[],this.slotController=new k.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){const s={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction};return t.x`
+"use strict";const g=require("./class-map-aeZWY44S.cjs"),d=require("./if-defined-Br3lDE5v.cjs"),t=require("./element-B0UgldHm.cjs"),k=require("./pkt-slot-controller-Oc32unDk.cjs"),l=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");require("./tag-DGywzHJ5.cjs");const u="pkt-card",h=!0,m={heading:{type:"string",name:"Heading",description:"Tittel på kortet"},subheading:{type:"string",name:"Subheading",description:"Undertittel på kortet"},skin:{type:["outlined","gray","blue","beige","green"],name:"Skin",description:"Farge på kortet",default:"outlined"},direction:{type:["landscape","portrait"],name:"Direction",description:"Retningen innholdet skal ligge i forhold til kortet",default:"portrait"},tags:{type:"array",description:"Liste av tags på kortet. Tar inn en array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text",name:"Tags",items:{type:"object",properties:{skin:{type:["blue","green","red","yellow"],description:"Farge på tag"},iconName:{type:"icon",description:"Id på ikonet du ønsker å bruke til tag"},ariaLabel:{type:"string",description:"Tekst for aria-label"},text:{type:"string",description:"Tekst på tag",required:!0}}}},image:{type:"object",name:"Bilde",description:"Bilde på kortet. Tar inn et objekt av typen {src: string, alt: string}. src er stien til bildet, og alt er tekst for aria-label.",properties:{src:{type:"string",description:"Bilde på kortet",required:!0},alt:{type:"string",description:"Tekst for aria-label",required:!0}}}},y={default:{description:"Innholdet i kortet"}},c={name:u,"css-class":"pkt-card",isElement:h,props:m,slots:y};var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(a,s,e,n)=>{for(var r=n>1?void 0:n?b(s,e):s,o=a.length-1,p;o>=0;o--)(p=a[o])&&(r=(n?p(s,e,r):p(r))||r);return n&&r&&f(s,e,r),r};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=l.e(),this.skin=c.props.skin.default,this.direction=c.props.direction.default,this.image={src:"",alt:""},this.heading="",this.subheading="",this.tags=[],this.slotController=new k.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){const s={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction};return t.x`
       <div class=${g.e(s)}>
         ${this.image.src&&t.x`
           <div class="pkt-card__image">

package/dist/{card-ClWsCQfD.js → card-Br6A74Q1.js}

@@ -1,10 +1,10 @@
 import { e as h } from "./class-map-CQzsZCwS.js";
 import { o as c } from "./if-defined-f3M1y6S-.js";
 import { P as m, x as r, E as k, n as a, t as u } from "./element-BKrU5soj.js";
-import { P as y } from "./pkt-slot-controller-DhwCJd_0.js";
+import { P as y } from "./pkt-slot-controller-Clbye6cM.js";
 import { e as f, n as b } from "./ref-D5qG7OFB.js";
 import "./icon-Bsb0MB2h.js";
-import "./tag-CPLBzyiV.js";
+import "./tag-W9Lf1doW.js";
 const $ = "pkt-card", v = !0, _ = {
   heading: {
     type: "string",

package/dist/{datepicker-B2W8ra1B.cjs → datepicker-BC0e34ws.cjs}

@@ -1,8 +1,8 @@
-"use strict";const $=require("./class-map-aeZWY44S.cjs"),k=require("./if-defined-Br3lDE5v.cjs"),s=require("./element-B0UgldHm.cjs"),T=require("./state-CG-binsl.cjs"),g=require("./calendar-CPEJ1enc.cjs"),S=require("./input-element-Dnda8hac.cjs"),r=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");require("./input-wrapper-nvacN4EY.cjs");require("./tag-nAMwKi6B.cjs");/**
+"use strict";const $=require("./class-map-aeZWY44S.cjs"),k=require("./if-defined-Br3lDE5v.cjs"),a=require("./element-B0UgldHm.cjs"),T=require("./state-CG-binsl.cjs"),g=require("./calendar-CPEJ1enc.cjs"),S=require("./input-element-Dnda8hac.cjs"),r=require("./ref-DDYBJ4EB.cjs");require("./icon-PWn7rnfg.cjs");require("./input-wrapper-DeCY6nta.cjs");require("./tag-DGywzHJ5.cjs");const P=require("./pkt-slot-controller-Oc32unDk.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const R=(o,e,t)=>{const i=new Map;for(let a=e;a<=t;a++)i.set(o[a],a);return i},P=s.e(class extends s.i{constructor(o){if(super(o),o.type!==s.t$1.CHILD)throw Error("repeat() can only be used in text expressions")}dt(o,e,t){let i;t===void 0?t=e:e!==void 0&&(i=e);const a=[],n=[];let l=0;for(const c of o)a[l]=i?i(c,l):l,n[l]=t(c,l),l++;return{values:n,keys:a}}render(o,e,t){return this.dt(o,e,t).values}update(o,[e,t,i]){const a=r.p(o),{values:n,keys:l}=this.dt(e,t,i);if(!Array.isArray(a))return this.ut=l,n;const c=this.ut??(this.ut=[]),m=[];let b,w,u=0,h=a.length-1,d=0,f=n.length-1;for(;u<=h&&d<=f;)if(a[u]===null)u++;else if(a[h]===null)h--;else if(c[u]===l[d])m[d]=r.v(a[u],n[d]),u++,d++;else if(c[h]===l[f])m[f]=r.v(a[h],n[f]),h--,f--;else if(c[u]===l[f])m[f]=r.v(a[u],n[f]),r.r(o,m[f+1],a[u]),u++,f--;else if(c[h]===l[d])m[d]=r.v(a[h],n[d]),r.r(o,a[u],a[h]),h--,d++;else if(b===void 0&&(b=R(l,d,f),w=R(c,u,h)),b.has(c[u]))if(b.has(c[h])){const v=w.get(l[d]),x=v!==void 0?a[v]:null;if(x===null){const D=r.r(o,a[u]);r.v(D,n[d]),m[d]=D}else m[d]=r.v(x,n[d]),r.r(o,a[u],x),a[v]=null;d++}else r.M(a[h]),h--;else r.M(a[u]),u++;for(;d<=f;){const v=r.r(o,m[f+1]);r.v(v,n[d]),m[d++]=v}for(;u<=h;){const v=a[u++];v!==null&&r.M(v)}return this.ut=l,r.m(o,m),s.T}}),I="pkt-datepicker",_=!0,O={name:{type:"string",name:"Navn",description:"Navn som sendes brukes i skjema ved innsending"},label:{type:"string",name:"Etikett",description:"Tekst som vises over datovelgeren"},helptext:{type:"string",name:"Hjelpetekst",description:"Hjelpetekst som vises over datovelgeren"},helptextDropdown:{type:"string",name:"Utvidet hjelpetekst",description:"Hjelpetekst som vises i en lukket boks man kan åpne"},helptextDropdownButton:{type:"string",name:"Knappetekst for hjelpetekst",description:"Tekst som vises på knappen for å åpne/lukke utvidet hjelpetekst",default:"Les mer"},dateformat:{name:"Datoformat",description:"Datoformat for valgte datoer i flervalgsmodus",type:"string",default:"dd.MM.yyyy"},currentmonth:{name:"Nåværende måned",type:"ISOdatestring",description:"Måneden som skal vises i datovelgeren"},value:{name:"Verdi",type:"ISOdatestring",variant:"multiple",reflect:!0,description:"Kommaseparert liste av valgte datoer"},excludeweekdays:{name:"Utelat ukedager",type:"string",description:"Kommaseparert liste over ukedager (1-7) som skal ekskluderes"},excludedates:{name:"Utelat datoer",type:"ISOdatestring",variant:"multiple",description:"Kommaseparert liste over datoer som skal ekskluderes"},min:{name:"Tidligst tillatt",type:"ISOdatestring",default:null,description:"Første tillate dato i datovelgeren"},max:{name:"Senest tillatt",type:"ISOdatestring",default:null,description:"Siste tillate dato i datovelgeren"},weeknumbers:{name:"Vis ukenummer",type:"boolean",reflect:!0,default:!1,description:"Vis ukedager i datovelgerens kalender"},withcontrols:{name:"Med kontroller",type:"boolean",reflect:!0,default:!1,description:"Vis avanserte velgere for måned og år"},multiple:{name:"Flervalg",type:"boolean",reflect:!0,default:!1,description:"Tillat valg av flere enn én dato i samme velger"},maxlength:{name:"Maks antall",description:"Maks valgte datoer i flervalgsmodus",type:"number"},range:{name:"Datotidsrom",type:"boolean",reflect:!0,default:!1,description:"Tillat å velge et tidsrom mellom to datoer i samme velger"},hasError:{type:"boolean",name:"Feil",default:!1,description:"Viser feiltilstand for datovelgeren"},errorMessage:{type:"string",name:"Feilmelding",description:"Tekst som vises under datovelgeren ved feiltilstand"},disabled:{type:"boolean",name:"Deaktivert",default:!1,reflect:!0,description:"Er datovelgeren deaktivert?"},fullwidth:{type:"boolean",name:"Full bredde",default:!1,reflect:!0,description:"Skal datovelgeren ta opp hele bredden?"},required:{type:"boolean",name:"Påkrevd",default:!1,reflect:!0,description:"Er datovelgeren påkrevd?"},requiredTag:{type:"boolean",name:"Vise påkrevd-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er påkrevd"},requiredText:{type:"string",name:"Påkrevd-tekst",default:"Må fylles ut",description:"Tekst som vises i påkrevd-merkingen"},optionalTag:{type:"boolean",name:"Vise valgfritt-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er valgfri"},optionalText:{type:"string",name:"Valgfritt-tekst",default:"Valgfritt",description:"Tekst som vises i valgfritt-merkingen"},useWrapper:{type:"boolean",name:"Bruk wrapper",description:"Indikerer at feltet skal ha synlig label og hjelpetekst",displayAsFalse:!0,default:!0},id:{type:"string",name:"ID",description:"Unik identifikasjon for datovelgeren"}},E={change:{type:"Event",description:"Returnerer valgt dato som streng i ISO-format"},"value-change":{type:"CustomEvent",description:"Returnerer en <code>array</code> med valgte datoer i ISO-format"},toggleHelpText:{type:"CustomEvent",description:"Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes"}},y={name:I,"css-class":"pkt-datepicker",isElement:_,props:O,events:E};var M=Object.defineProperty,B=Object.getOwnPropertyDescriptor,p=(o,e,t,i)=>{for(var a=i>1?void 0:i?B(e,t):e,n=o.length-1,l;n>=0;n--)(l=o[n])&&(a=(i?l(e,t,a):l(a))||a);return i&&a&&M(e,t,a),a};const C=o=>new Promise(e=>setTimeout(e,o));exports.PktDatepicker=class extends S.PktInputElement{constructor(){super(...arguments),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=y.props.dateformat.default,this.multiple=y.props.multiple.default,this.maxlength=null,this.range=y.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=y.props.weeknumbers.default,this.withcontrols=y.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=r.e(),this.inputRefTo=r.e(),this.btnRef=r.e(),this.calRef=r.e(),this.popupRef=r.e(),this.addToSelected=e=>{const t=e.target;if(!t.value)return;const i=this.min?g.newDate(this.min):null,a=this.max?g.newDate(this.max):null,n=g.newDate(t.value.split(",")[0]);n&&!isNaN(n.getTime())&&(!i||n>=i)&&(!a||n<=a)&&this.calRef.value&&this.calRef.value.handleDateSelect(n),t.value=""}}async connectedCallback(){super.connectedCallback(),this.isMobileSafari=/iP(ad|od|hone)/i.test(window.navigator.userAgent)&&!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/),this.inputType=this.isMobileSafari?"text":"date",document&&document.body.addEventListener("click",e=>{var t,i;(t=this.inputRef)!=null&&t.value&&((i=this.btnRef)!=null&&i.value)&&!this.inputRef.value.contains(e.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(e.target))&&!this.btnRef.value.contains(e.target)&&!e.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||y.props.min.default,this.max=this.max||y.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await C(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",e=>{var t,i;(t=this.inputRef)!=null&&t.value&&((i=this.btnRef)!=null&&i.value)&&!this.inputRef.value.contains(e.target)&&!this.btnRef.value.contains(e.target)&&this.hideCalendar()})}attributeChangedCallback(e,t,i){if(e==="value"){if(this.range&&(i==null?void 0:i.split(",").length)===1)return;this.value!==t&&this.valueChanged(i,t)}e==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(i==null?void 0:i.split(","))??[]),e==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(i==null?void 0:i.split(","))??[]),super.attributeChangedCallback(e,t,i)}updated(e){if(e.has("value")){if(this.range&&this.value.length===1)return;this.valueChanged(this.value,e.get("value"))}super.updated(e)}renderInput(){return s.x`
+ */const R=(o,e,t)=>{const i=new Map;for(let s=e;s<=t;s++)i.set(o[s],s);return i},I=a.e(class extends a.i{constructor(o){if(super(o),o.type!==a.t$1.CHILD)throw Error("repeat() can only be used in text expressions")}dt(o,e,t){let i;t===void 0?t=e:e!==void 0&&(i=e);const s=[],n=[];let l=0;for(const c of o)s[l]=i?i(c,l):l,n[l]=t(c,l),l++;return{values:n,keys:s}}render(o,e,t){return this.dt(o,e,t).values}update(o,[e,t,i]){const s=r.p(o),{values:n,keys:l}=this.dt(e,t,i);if(!Array.isArray(s))return this.ut=l,n;const c=this.ut??(this.ut=[]),m=[];let b,w,u=0,h=s.length-1,d=0,f=n.length-1;for(;u<=h&&d<=f;)if(s[u]===null)u++;else if(s[h]===null)h--;else if(c[u]===l[d])m[d]=r.v(s[u],n[d]),u++,d++;else if(c[h]===l[f])m[f]=r.v(s[h],n[f]),h--,f--;else if(c[u]===l[f])m[f]=r.v(s[u],n[f]),r.r(o,m[f+1],s[u]),u++,f--;else if(c[h]===l[d])m[d]=r.v(s[h],n[d]),r.r(o,s[u],s[h]),h--,d++;else if(b===void 0&&(b=R(l,d,f),w=R(c,u,h)),b.has(c[u]))if(b.has(c[h])){const v=w.get(l[d]),x=v!==void 0?s[v]:null;if(x===null){const D=r.r(o,s[u]);r.v(D,n[d]),m[d]=D}else m[d]=r.v(x,n[d]),r.r(o,s[u],x),s[v]=null;d++}else r.M(s[h]),h--;else r.M(s[u]),u++;for(;d<=f;){const v=r.r(o,m[f+1]);r.v(v,n[d]),m[d++]=v}for(;u<=h;){const v=s[u++];v!==null&&r.M(v)}return this.ut=l,r.m(o,m),a.T}}),_="pkt-datepicker",O=!0,E={name:{type:"string",name:"Navn",description:"Navn som sendes brukes i skjema ved innsending"},label:{type:"string",name:"Etikett",description:"Tekst som vises over datovelgeren"},helptext:{type:"string",name:"Hjelpetekst",description:"Hjelpetekst som vises over datovelgeren"},helptextDropdown:{type:"string",name:"Utvidet hjelpetekst",description:"Hjelpetekst som vises i en lukket boks man kan åpne"},helptextDropdownButton:{type:"string",name:"Knappetekst for hjelpetekst",description:"Tekst som vises på knappen for å åpne/lukke utvidet hjelpetekst",default:"Les mer"},dateformat:{name:"Datoformat",description:"Datoformat for valgte datoer i flervalgsmodus",type:"string",default:"dd.MM.yyyy"},currentmonth:{name:"Nåværende måned",type:"ISOdatestring",description:"Måneden som skal vises i datovelgeren"},value:{name:"Verdi",type:"ISOdatestring",variant:"multiple",reflect:!0,description:"Kommaseparert liste av valgte datoer"},excludeweekdays:{name:"Utelat ukedager",type:"string",description:"Kommaseparert liste over ukedager (1-7) som skal ekskluderes"},excludedates:{name:"Utelat datoer",type:"ISOdatestring",variant:"multiple",description:"Kommaseparert liste over datoer som skal ekskluderes"},min:{name:"Tidligst tillatt",type:"ISOdatestring",default:null,description:"Første tillate dato i datovelgeren"},max:{name:"Senest tillatt",type:"ISOdatestring",default:null,description:"Siste tillate dato i datovelgeren"},weeknumbers:{name:"Vis ukenummer",type:"boolean",reflect:!0,default:!1,description:"Vis ukedager i datovelgerens kalender"},withcontrols:{name:"Med kontroller",type:"boolean",reflect:!0,default:!1,description:"Vis avanserte velgere for måned og år"},multiple:{name:"Flervalg",type:"boolean",reflect:!0,default:!1,description:"Tillat valg av flere enn én dato i samme velger"},maxlength:{name:"Maks antall",description:"Maks valgte datoer i flervalgsmodus",type:"number"},range:{name:"Datotidsrom",type:"boolean",reflect:!0,default:!1,description:"Tillat å velge et tidsrom mellom to datoer i samme velger"},hasError:{type:"boolean",name:"Feil",default:!1,description:"Viser feiltilstand for datovelgeren"},errorMessage:{type:"string",name:"Feilmelding",description:"Tekst som vises under datovelgeren ved feiltilstand"},disabled:{type:"boolean",name:"Deaktivert",default:!1,reflect:!0,description:"Er datovelgeren deaktivert?"},fullwidth:{type:"boolean",name:"Full bredde",default:!1,reflect:!0,description:"Skal datovelgeren ta opp hele bredden?"},required:{type:"boolean",name:"Påkrevd",default:!1,reflect:!0,description:"Er datovelgeren påkrevd?"},requiredTag:{type:"boolean",name:"Vise påkrevd-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er påkrevd"},requiredText:{type:"string",name:"Påkrevd-tekst",default:"Må fylles ut",description:"Tekst som vises i påkrevd-merkingen"},optionalTag:{type:"boolean",name:"Vise valgfritt-merking",default:!1,description:"Viser en merking som indikerer at datovelgeren er valgfri"},optionalText:{type:"string",name:"Valgfritt-tekst",default:"Valgfritt",description:"Tekst som vises i valgfritt-merkingen"},useWrapper:{type:"boolean",name:"Bruk wrapper",description:"Indikerer at feltet skal ha synlig label og hjelpetekst",displayAsFalse:!0,default:!0},id:{type:"string",name:"ID",description:"Unik identifikasjon for datovelgeren"}},M={change:{type:"Event",description:"Returnerer valgt dato som streng i ISO-format"},"value-change":{type:"CustomEvent",description:"Returnerer en <code>array</code> med valgte datoer i ISO-format"},toggleHelpText:{type:"CustomEvent",description:"Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes"}},y={name:_,"css-class":"pkt-datepicker",isElement:O,props:E,events:M};var B=Object.defineProperty,q=Object.getOwnPropertyDescriptor,p=(o,e,t,i)=>{for(var s=i>1?void 0:i?q(e,t):e,n=o.length-1,l;n>=0;n--)(l=o[n])&&(s=(i?l(e,t,s):l(s))||s);return i&&s&&B(e,t,s),s};const C=o=>new Promise(e=>setTimeout(e,o));exports.PktDatepicker=class extends S.PktInputElement{constructor(){super(),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=y.props.dateformat.default,this.multiple=y.props.multiple.default,this.maxlength=null,this.range=y.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=y.props.weeknumbers.default,this.withcontrols=y.props.withcontrols.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputClasses={},this.buttonClasses={},this.inputRef=r.e(),this.inputRefTo=r.e(),this.btnRef=r.e(),this.calRef=r.e(),this.popupRef=r.e(),this.helptextSlot=r.e(),this.addToSelected=e=>{const t=e.target;if(!t.value)return;const i=this.min?g.newDate(this.min):null,s=this.max?g.newDate(this.max):null,n=g.newDate(t.value.split(",")[0]);n&&!isNaN(n.getTime())&&(!i||n>=i)&&(!s||n<=s)&&this.calRef.value&&this.calRef.value.handleDateSelect(n),t.value=""},this.slotController=new P.PktSlotController(this,this.helptextSlot)}async connectedCallback(){super.connectedCallback(),this.isMobileSafari=/iP(ad|od|hone)/i.test(window.navigator.userAgent)&&!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/),this.inputType=this.isMobileSafari?"text":"date",document&&document.body.addEventListener("click",e=>{var t,i;(t=this.inputRef)!=null&&t.value&&((i=this.btnRef)!=null&&i.value)&&!this.inputRef.value.contains(e.target)&&!(this.inputRefTo.value&&this.inputRefTo.value.contains(e.target))&&!this.btnRef.value.contains(e.target)&&!e.target.closest(".pkt-calendar-popup")&&this.calendarOpen&&(this.onBlur(),this.hideCalendar())}),this.value.length&&this._value.length===0&&(this._value=Array.isArray(this.value)?this.value:this.value.split(",")),this.min=this.min||y.props.min.default,this.max=this.max||y.props.max.default,typeof this.excludedates=="string"&&(this.excludedates=this.excludedates.split(",")),typeof this.excludeweekdays=="string"&&(this.excludeweekdays=this.excludeweekdays.split(",")),(this.multiple||this.range)&&this.name&&!this.name.endsWith("[]")&&(this.name=this.name+"[]"),this.calendarOpen&&(await C(20),this.handleCalendarPosition())}disconnectedCallback(){super.disconnectedCallback(),document&&document.body.removeEventListener("click",e=>{var t,i;(t=this.inputRef)!=null&&t.value&&((i=this.btnRef)!=null&&i.value)&&!this.inputRef.value.contains(e.target)&&!this.btnRef.value.contains(e.target)&&this.hideCalendar()})}attributeChangedCallback(e,t,i){if(e==="value"){if(this.range&&(i==null?void 0:i.split(",").length)===1)return;this.value!==t&&this.valueChanged(i,t)}e==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(i==null?void 0:i.split(","))??[]),e==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(i==null?void 0:i.split(","))??[]),super.attributeChangedCallback(e,t,i)}updated(e){if(e.has("value")){if(this.range&&this.value.length===1)return;this.valueChanged(this.value,e.get("value"))}super.updated(e)}renderInput(){return a.x`
       <input
         class="${$.e(this.inputClasses)}"
         .type=${this.inputType}
@@ -19,8 +19,8 @@
         @change=${e=>{e.stopImmediatePropagation()}}
         ${r.n(this.inputRef)}
       />
-    `}renderRangeInput(){const e={"pkt-input-prefix":this.showRangeLabels,"pkt-hide":!this.showRangeLabels};return s.x`
-      ${this.showRangeLabels?s.x` <div class="pkt-input-prefix">${this.strings.generic.from}</div> `:s.E}
+    `}renderRangeInput(){const e={"pkt-input-prefix":this.showRangeLabels,"pkt-hide":!this.showRangeLabels};return a.x`
+      ${this.showRangeLabels?a.x` <div class="pkt-input-prefix">${this.strings.generic.from}</div> `:a.E}
       <input
         class=${$.e(this.inputClasses)}
         .type=${this.inputType}
@@ -33,14 +33,14 @@
         @keydown=${t=>{var i;(t.key===","||t.key==="Enter")&&((i=this.inputRef.value)==null||i.blur()),(t.key==="Space"||t.key===" ")&&(t.preventDefault(),this.toggleCalendar(t))}}
         @input=${t=>{this.onInput(),t.stopImmediatePropagation()}}
         @focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
-        @blur=${t=>{var i,a;if(t.target.value){this.manageValidity(t.target);const n=g.fromISOToDate(t.target.value);n&&this._value[0]!==t.target.value&&this._value[1]&&(this.clearInputValue(),(a=(i=this.calRef)==null?void 0:i.value)==null||a.handleDateSelect(n))}else this._value[0]&&this.clearInputValue()}}
+        @blur=${t=>{var i,s;if(t.target.value){this.manageValidity(t.target);const n=g.fromISOToDate(t.target.value);n&&this._value[0]!==t.target.value&&this._value[1]&&(this.clearInputValue(),(s=(i=this.calRef)==null?void 0:i.value)==null||s.handleDateSelect(n))}else this._value[0]&&this.clearInputValue()}}
         @change=${t=>{t.stopImmediatePropagation()}}
         ${r.n(this.inputRef)}
       />
       <div class="${$.e(e)}" id="${this.id}-to-label">
         ${this.strings.generic.to}
       </div>
-      ${this.showRangeLabels?s.E:s.x` <div class="pkt-input-separator">–</div> `}
+      ${this.showRangeLabels?a.E:a.x` <div class="pkt-input-separator">–</div> `}
       <input
         class=${$.e(this.inputClasses)}
         .type=${this.inputType}
@@ -54,11 +54,11 @@
         @keydown=${t=>{var i;(t.key===","||t.key==="Enter")&&((i=this.inputRefTo.value)==null||i.blur()),(t.key==="Space"||t.key===" ")&&(t.preventDefault(),this.toggleCalendar(t))}}
         @input=${t=>{this.onInput(),t.stopImmediatePropagation()}}
         @focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
-        @blur=${t=>{var i,a,n;if((i=this.calRef.value)!=null&&i.contains(t.relatedTarget)||this.onBlur(),t.target.value){this.manageValidity(t.target);const l=t.target.value;this.min&&this.min>l?this.internals.setValidity({rangeUnderflow:!0},this.strings.forms.messages.rangeUnderflow,t.target):this.max&&this.max<l&&this.internals.setValidity({rangeOverflow:!0},this.strings.forms.messages.rangeOverflow,t.target);const c=g.fromISOToDate(t.target.value);c&&this._value[1]!==g.formatISODate(c)&&((n=(a=this.calRef)==null?void 0:a.value)==null||n.handleDateSelect(c))}}}
+        @blur=${t=>{var i,s,n;if((i=this.calRef.value)!=null&&i.contains(t.relatedTarget)||this.onBlur(),t.target.value){this.manageValidity(t.target);const l=t.target.value;this.min&&this.min>l?this.internals.setValidity({rangeUnderflow:!0},this.strings.forms.messages.rangeUnderflow,t.target):this.max&&this.max<l&&this.internals.setValidity({rangeOverflow:!0},this.strings.forms.messages.rangeOverflow,t.target);const c=g.fromISOToDate(t.target.value);c&&this._value[1]!==g.formatISODate(c)&&((n=(s=this.calRef)==null?void 0:s.value)==null||n.handleDateSelect(c))}}}
         @change=${t=>{t.stopImmediatePropagation()}}
         ${r.n(this.inputRefTo)}
       />
-    `}renderMultipleInput(){return s.x`
+    `}renderMultipleInput(){return a.x`
       <input
         class=${$.e(this.inputClasses)}
         .type=${this.inputType}
@@ -74,9 +74,9 @@
         @change=${e=>{e.stopImmediatePropagation()}}
         ${r.n(this.inputRef)}
       />
-    `}renderTags(){return s.x`
+    `}renderTags(){return a.x`
       <div class="pkt-datepicker__tags" aria-live="polite">
-        ${this._value[0]?P(this._value??[],e=>e,e=>s.x`
+        ${this._value[0]?I(this._value??[],e=>e,e=>a.x`
                 <pkt-tag
                   .id="${this.id+e+"-tag"}"
                   closeTag
@@ -84,9 +84,9 @@
                   @close=${()=>{var t;return(t=this.calRef.value)==null?void 0:t.handleDateSelect(g.fromISOToDate(e))}}
                   ><time datetime="${e}">${g.fromISOtoLocal(e,this.dateformat)}</time></pkt-tag
                 >
-              `):s.E}
+              `):a.E}
       </div>
-    `}renderCalendar(){return s.x`<div
+    `}renderCalendar(){return a.x`<div
       class="pkt-calendar-popup pkt-${this.calendarOpen?"show":"hide"}"
       @focusout=${e=>{this.calendarOpen&&this.handleFocusOut(e)}}
       id="${this.id}-popup"
@@ -109,7 +109,7 @@
         @close=${()=>{this.onBlur(),this.hideCalendar()}}
         ${r.n(this.calRef)}
       ></pkt-calendar>
-    </div>`}render(){return this.inputClasses={"pkt-input":!0,"pkt-datepicker__input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-datepicker--hasrangelabels":this.showRangeLabels,"pkt-datepicker--multiple":this.multiple,"pkt-datepicker--range":this.range},this.buttonClasses={"pkt-input-icon":!0,"pkt-btn":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":!0},s.x`
+    </div>`}render(){return this.inputClasses={"pkt-input":!0,"pkt-datepicker__input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-datepicker--hasrangelabels":this.showRangeLabels,"pkt-datepicker--multiple":this.multiple,"pkt-datepicker--range":this.range},this.buttonClasses={"pkt-input-icon":!0,"pkt-btn":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":!0},a.x`
       <pkt-input-wrapper
         label="${this.label}"
         forId="${this.id}-input"
@@ -131,7 +131,8 @@
         .ariaDescribedBy=${this.ariaDescribedBy}
         class="pkt-datepicker"
       >
-        ${this.multiple?this.renderTags():s.E}
+        <div class="pkt-contents" ${r.n(this.helptextSlot)} name="helptext" slot="helptext"></div>
+        ${this.multiple?this.renderTags():a.E}
         <div
           class="pkt-datepicker__inputs ${this.range&&this.showRangeLabels?"pkt-input__range-inputs":""}"
         >
@@ -151,4 +152,4 @@
         </div>
       </pkt-input-wrapper>
       ${this.renderCalendar()}
-    `}handleCalendarPosition(){var e;if(this.popupRef.value&&this.inputRef.value){const t=this.multiple&&!!this.maxlength,i=((e=this.inputRef.value.parentElement)==null?void 0:e.getBoundingClientRect())||this.inputRef.value.getBoundingClientRect(),a=t?i.height+30:i.height,n=this.popupRef.value.getBoundingClientRect().height;let l=t?"calc(100% - 30px)":"100%";i&&i.top+n>window.innerHeight&&i.top-n>0&&(l=`calc(100% - ${a}px - ${n}px)`),this.popupRef.value.style.top=l}}handleFocusOut(e){this.contains(e.target)||(this.onBlur(),this.hideCalendar())}async showCalendar(){var e;this.calendarOpen=!0,await C(20),this.handleCalendarPosition(),this.isMobileSafari&&((e=this.calRef.value)==null||e.focusOnCurrentDate())}hideCalendar(){this.calendarOpen=!1}async toggleCalendar(e){e.preventDefault(),this.calendarOpen?this.hideCalendar():this.showCalendar()}};p([s.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"value",2);p([s.n({type:Array})],exports.PktDatepicker.prototype,"_value",2);p([s.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"label",2);p([s.n({type:String})],exports.PktDatepicker.prototype,"dateformat",2);p([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"multiple",2);p([s.n({type:Number,reflect:!0})],exports.PktDatepicker.prototype,"maxlength",2);p([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"range",2);p([s.n({type:Boolean})],exports.PktDatepicker.prototype,"showRangeLabels",2);p([s.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"min",2);p([s.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"max",2);p([s.n({type:Boolean})],exports.PktDatepicker.prototype,"weeknumbers",2);p([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"withcontrols",2);p([s.n({converter:g.converters.csvToArray})],exports.PktDatepicker.prototype,"excludedates",2);p([s.n({converter:g.converters.csvToArray})],exports.PktDatepicker.prototype,"excludeweekdays",2);p([s.n({type:String})],exports.PktDatepicker.prototype,"currentmonth",2);p([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"calendarOpen",2);p([s.n({type:String})],exports.PktDatepicker.prototype,"timezone",2);p([T.r()],exports.PktDatepicker.prototype,"inputClasses",2);p([T.r()],exports.PktDatepicker.prototype,"buttonClasses",2);exports.PktDatepicker=p([s.t("pkt-datepicker")],exports.PktDatepicker);
+    `}handleCalendarPosition(){var e;if(this.popupRef.value&&this.inputRef.value){const t=this.multiple&&!!this.maxlength,i=((e=this.inputRef.value.parentElement)==null?void 0:e.getBoundingClientRect())||this.inputRef.value.getBoundingClientRect(),s=t?i.height+30:i.height,n=this.popupRef.value.getBoundingClientRect().height;let l=t?"calc(100% - 30px)":"100%";i&&i.top+n>window.innerHeight&&i.top-n>0&&(l=`calc(100% - ${s}px - ${n}px)`),this.popupRef.value.style.top=l}}handleFocusOut(e){this.contains(e.target)||(this.onBlur(),this.hideCalendar())}async showCalendar(){var e;this.calendarOpen=!0,await C(20),this.handleCalendarPosition(),this.isMobileSafari&&((e=this.calRef.value)==null||e.focusOnCurrentDate())}hideCalendar(){this.calendarOpen=!1}async toggleCalendar(e){e.preventDefault(),this.calendarOpen?this.hideCalendar():this.showCalendar()}};p([a.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"value",2);p([a.n({type:Array})],exports.PktDatepicker.prototype,"_value",2);p([a.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"label",2);p([a.n({type:String})],exports.PktDatepicker.prototype,"dateformat",2);p([a.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"multiple",2);p([a.n({type:Number,reflect:!0})],exports.PktDatepicker.prototype,"maxlength",2);p([a.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"range",2);p([a.n({type:Boolean})],exports.PktDatepicker.prototype,"showRangeLabels",2);p([a.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"min",2);p([a.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"max",2);p([a.n({type:Boolean})],exports.PktDatepicker.prototype,"weeknumbers",2);p([a.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"withcontrols",2);p([a.n({converter:g.converters.csvToArray})],exports.PktDatepicker.prototype,"excludedates",2);p([a.n({converter:g.converters.csvToArray})],exports.PktDatepicker.prototype,"excludeweekdays",2);p([a.n({type:String})],exports.PktDatepicker.prototype,"currentmonth",2);p([a.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"calendarOpen",2);p([a.n({type:String})],exports.PktDatepicker.prototype,"timezone",2);p([T.r()],exports.PktDatepicker.prototype,"inputClasses",2);p([T.r()],exports.PktDatepicker.prototype,"buttonClasses",2);exports.PktDatepicker=p([a.t("pkt-datepicker")],exports.PktDatepicker);

package/dist/{datepicker-BVI4szRk.js → datepicker-ONV4HuJt.js}

@@ -2,59 +2,60 @@ import { e as x } from "./class-map-CQzsZCwS.js";
 import { o as k } from "./if-defined-f3M1y6S-.js";
 import { e as L, i as j, a as F, T as q, x as v, E as T, n as u, t as H } from "./element-BKrU5soj.js";
 import { r as V } from "./state-C36ZmZgt.js";
-import { n as D, f as _, a as N, b as E, d as A } from "./calendar-DB_8j4en.js";
+import { n as S, f as _, a as N, b as P, d as A } from "./calendar-DB_8j4en.js";
 import { P as U } from "./input-element-URKBm_vS.js";
-import { p as K, v as y, r as w, M as I, m as W, e as R, n as $ } from "./ref-D5qG7OFB.js";
+import { p as K, v as $, r as R, M as I, m as W, e as w, n as y } from "./ref-D5qG7OFB.js";
 import "./icon-Bsb0MB2h.js";
-import "./input-wrapper-CWvzXs6X.js";
-import "./tag-CPLBzyiV.js";
+import "./input-wrapper-Df18_PvD.js";
+import "./tag-W9Lf1doW.js";
+import { P as z } from "./pkt-slot-controller-Clbye6cM.js";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const B = (e, t, i) => {
+const E = (e, t, i) => {
   const a = /* @__PURE__ */ new Map();
   for (let s = t; s <= i; s++) a.set(e[s], s);
   return a;
-}, z = L(class extends j {
+}, G = L(class extends j {
   constructor(e) {
     if (super(e), e.type !== F.CHILD) throw Error("repeat() can only be used in text expressions");
   }
   dt(e, t, i) {
     let a;
     i === void 0 ? i = t : t !== void 0 && (a = t);
-    const s = [], r = [];
+    const s = [], l = [];
     let n = 0;
-    for (const f of e) s[n] = a ? a(f, n) : n, r[n] = i(f, n), n++;
-    return { values: r, keys: s };
+    for (const f of e) s[n] = a ? a(f, n) : n, l[n] = i(f, n), n++;
+    return { values: l, keys: s };
   }
   render(e, t, i) {
     return this.dt(e, t, i).values;
   }
   update(e, [t, i, a]) {
-    const s = K(e), { values: r, keys: n } = this.dt(t, i, a);
-    if (!Array.isArray(s)) return this.ut = n, r;
+    const s = K(e), { values: l, keys: n } = this.dt(t, i, a);
+    if (!Array.isArray(s)) return this.ut = n, l;
     const f = this.ut ?? (this.ut = []), m = [];
-    let C, O, p = 0, h = s.length - 1, d = 0, c = r.length - 1;
+    let C, O, p = 0, h = s.length - 1, d = 0, c = l.length - 1;
     for (; p <= h && d <= c; ) if (s[p] === null) p++;
     else if (s[h] === null) h--;
-    else if (f[p] === n[d]) m[d] = y(s[p], r[d]), p++, d++;
-    else if (f[h] === n[c]) m[c] = y(s[h], r[c]), h--, c--;
-    else if (f[p] === n[c]) m[c] = y(s[p], r[c]), w(e, m[c + 1], s[p]), p++, c--;
-    else if (f[h] === n[d]) m[d] = y(s[h], r[d]), w(e, s[p], s[h]), h--, d++;
-    else if (C === void 0 && (C = B(n, d, c), O = B(f, p, h)), C.has(f[p])) if (C.has(f[h])) {
-      const g = O.get(n[d]), S = g !== void 0 ? s[g] : null;
-      if (S === null) {
-        const M = w(e, s[p]);
-        y(M, r[d]), m[d] = M;
-      } else m[d] = y(S, r[d]), w(e, s[p], S), s[g] = null;
+    else if (f[p] === n[d]) m[d] = $(s[p], l[d]), p++, d++;
+    else if (f[h] === n[c]) m[c] = $(s[h], l[c]), h--, c--;
+    else if (f[p] === n[c]) m[c] = $(s[p], l[c]), R(e, m[c + 1], s[p]), p++, c--;
+    else if (f[h] === n[d]) m[d] = $(s[h], l[d]), R(e, s[p], s[h]), h--, d++;
+    else if (C === void 0 && (C = E(n, d, c), O = E(f, p, h)), C.has(f[p])) if (C.has(f[h])) {
+      const g = O.get(n[d]), D = g !== void 0 ? s[g] : null;
+      if (D === null) {
+        const M = R(e, s[p]);
+        $(M, l[d]), m[d] = M;
+      } else m[d] = $(D, l[d]), R(e, s[p], D), s[g] = null;
       d++;
     } else I(s[h]), h--;
     else I(s[p]), p++;
     for (; d <= c; ) {
-      const g = w(e, m[c + 1]);
-      y(g, r[d]), m[d++] = g;
+      const g = R(e, m[c + 1]);
+      $(g, l[d]), m[d++] = g;
     }
     for (; p <= h; ) {
       const g = s[p++];
@@ -62,7 +63,7 @@ const B = (e, t, i) => {
     }
     return this.ut = n, W(e, m), q;
   }
-}), G = "pkt-datepicker", J = !0, Q = {
+}), J = "pkt-datepicker", Q = !0, X = {
   name: {
     type: "string",
     name: "Navn",
@@ -231,7 +232,7 @@ const B = (e, t, i) => {
     name: "ID",
     description: "Unik identifikasjon for datovelgeren"
   }
-}, X = {
+}, Y = {
   change: {
     type: "Event",
     description: "Returnerer valgt dato som streng i ISO-format"
@@ -245,35 +246,35 @@ const B = (e, t, i) => {
     description: "Returnerer <code>event.detail { isOpen: true }</code> eller <code>event.detail { isOpen: false }</code> når hjelpeteksten åpnes eller lukkes"
   }
 }, b = {
-  name: G,
+  name: J,
   "css-class": "pkt-datepicker",
-  isElement: J,
-  props: Q,
-  events: X
+  isElement: Q,
+  props: X,
+  events: Y
 };
-var Y = Object.defineProperty, Z = Object.getOwnPropertyDescriptor, o = (e, t, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Z(t, i) : t, r = e.length - 1, n; r >= 0; r--)
-    (n = e[r]) && (s = (a ? n(t, i, s) : n(s)) || s);
-  return a && s && Y(t, i, s), s;
+var Z = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, o = (e, t, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ee(t, i) : t, l = e.length - 1, n; l >= 0; l--)
+    (n = e[l]) && (s = (a ? n(t, i, s) : n(s)) || s);
+  return a && s && Z(t, i, s), s;
 };
-const P = (e) => new Promise((t) => setTimeout(t, e));
-let l = class extends U {
+const B = (e) => new Promise((t) => setTimeout(t, e));
+let r = class extends U {
+  /**
+   * Housekeeping / lifecycle methods
+   */
   constructor() {
-    super(...arguments), this.value = "", this._value = this.value ? Array.isArray(this.value) ? this.value : this.value.split(",") : [], this.label = "Datovelger", this.dateformat = b.props.dateformat.default, this.multiple = b.props.multiple.default, this.maxlength = null, this.range = b.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = b.props.weeknumbers.default, this.withcontrols = b.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.buttonClasses = {}, this.inputRef = R(), this.inputRefTo = R(), this.btnRef = R(), this.calRef = R(), this.popupRef = R(), this.addToSelected = (e) => {
+    super(), this.value = "", this._value = this.value ? Array.isArray(this.value) ? this.value : this.value.split(",") : [], this.label = "Datovelger", this.dateformat = b.props.dateformat.default, this.multiple = b.props.multiple.default, this.maxlength = null, this.range = b.props.range.default, this.showRangeLabels = !1, this.min = null, this.max = null, this.weeknumbers = b.props.weeknumbers.default, this.withcontrols = b.props.withcontrols.default, this.excludedates = [], this.excludeweekdays = [], this.currentmonth = null, this.calendarOpen = !1, this.timezone = "Europe/Oslo", this.inputClasses = {}, this.buttonClasses = {}, this.inputRef = w(), this.inputRefTo = w(), this.btnRef = w(), this.calRef = w(), this.popupRef = w(), this.helptextSlot = w(), this.addToSelected = (e) => {
       const t = e.target;
       if (!t.value) return;
-      const i = this.min ? D(this.min) : null, a = this.max ? D(this.max) : null, s = D(t.value.split(",")[0]);
+      const i = this.min ? S(this.min) : null, a = this.max ? S(this.max) : null, s = S(t.value.split(",")[0]);
       s && !isNaN(s.getTime()) && (!i || s >= i) && (!a || s <= a) && this.calRef.value && this.calRef.value.handleDateSelect(s), t.value = "";
-    };
+    }, this.slotController = new z(this, this.helptextSlot);
   }
-  /**
-   * Housekeeping / lifecycle methods
-   */
   async connectedCallback() {
     super.connectedCallback(), this.isMobileSafari = /iP(ad|od|hone)/i.test(window.navigator.userAgent) && !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/), this.inputType = this.isMobileSafari ? "text" : "date", document && document.body.addEventListener("click", (e) => {
       var t, i;
       (t = this.inputRef) != null && t.value && ((i = this.btnRef) != null && i.value) && !this.inputRef.value.contains(e.target) && !(this.inputRefTo.value && this.inputRefTo.value.contains(e.target)) && !this.btnRef.value.contains(e.target) && !e.target.closest(".pkt-calendar-popup") && this.calendarOpen && (this.onBlur(), this.hideCalendar());
-    }), this.value.length && this._value.length === 0 && (this._value = Array.isArray(this.value) ? this.value : this.value.split(",")), this.min = this.min || b.props.min.default, this.max = this.max || b.props.max.default, typeof this.excludedates == "string" && (this.excludedates = this.excludedates.split(",")), typeof this.excludeweekdays == "string" && (this.excludeweekdays = this.excludeweekdays.split(",")), (this.multiple || this.range) && this.name && !this.name.endsWith("[]") && (this.name = this.name + "[]"), this.calendarOpen && (await P(20), this.handleCalendarPosition());
+    }), this.value.length && this._value.length === 0 && (this._value = Array.isArray(this.value) ? this.value : this.value.split(",")), this.min = this.min || b.props.min.default, this.max = this.max || b.props.max.default, typeof this.excludedates == "string" && (this.excludedates = this.excludedates.split(",")), typeof this.excludeweekdays == "string" && (this.excludeweekdays = this.excludeweekdays.split(",")), (this.multiple || this.range) && this.name && !this.name.endsWith("[]") && (this.name = this.name + "[]"), this.calendarOpen && (await B(20), this.handleCalendarPosition());
   }
   disconnectedCallback() {
     super.disconnectedCallback(), document && document.body.removeEventListener("click", (e) => {
@@ -328,7 +329,7 @@ let l = class extends U {
         @change=${(e) => {
       e.stopImmediatePropagation();
     }}
-        ${$(this.inputRef)}
+        ${y(this.inputRef)}
       />
     `;
   }
@@ -371,7 +372,7 @@ let l = class extends U {
         @change=${(t) => {
       t.stopImmediatePropagation();
     }}
-        ${$(this.inputRef)}
+        ${y(this.inputRef)}
       />
       <div class="${x(e)}" id="${this.id}-to-label">
         ${this.strings.generic.to}
@@ -403,12 +404,12 @@ let l = class extends U {
       var i, a, s;
       if ((i = this.calRef.value) != null && i.contains(t.relatedTarget) || this.onBlur(), t.target.value) {
         this.manageValidity(t.target);
-        const r = t.target.value;
-        this.min && this.min > r ? this.internals.setValidity(
+        const l = t.target.value;
+        this.min && this.min > l ? this.internals.setValidity(
           { rangeUnderflow: !0 },
           this.strings.forms.messages.rangeUnderflow,
           t.target
-        ) : this.max && this.max < r && this.internals.setValidity(
+        ) : this.max && this.max < l && this.internals.setValidity(
           { rangeOverflow: !0 },
           this.strings.forms.messages.rangeOverflow,
           t.target
@@ -420,7 +421,7 @@ let l = class extends U {
         @change=${(t) => {
       t.stopImmediatePropagation();
     }}
-        ${$(this.inputRefTo)}
+        ${y(this.inputRefTo)}
       />
     `;
   }
@@ -452,21 +453,21 @@ let l = class extends U {
         @change=${(e) => {
       e.stopImmediatePropagation();
     }}
-        ${$(this.inputRef)}
+        ${y(this.inputRef)}
       />
     `;
   }
   renderTags() {
     return v`
       <div class="pkt-datepicker__tags" aria-live="polite">
-        ${this._value[0] ? z(
+        ${this._value[0] ? G(
       this._value ?? [],
       (e) => e,
       (e) => v`
                 <pkt-tag
                   .id="${this.id + e + "-tag"}"
                   closeTag
-                  ariaLabel="${this.strings.calendar.deleteDate} ${E(
+                  ariaLabel="${this.strings.calendar.deleteDate} ${P(
         e,
         this.dateformat
       )}"
@@ -474,7 +475,7 @@ let l = class extends U {
         var t;
         return (t = this.calRef.value) == null ? void 0 : t.handleDateSelect(_(e));
       }}
-                  ><time datetime="${e}">${E(e, this.dateformat)}</time></pkt-tag
+                  ><time datetime="${e}">${P(e, this.dateformat)}</time></pkt-tag
                 >
               `
     ) : T}
@@ -488,7 +489,7 @@ let l = class extends U {
       this.calendarOpen && this.handleFocusOut(e);
     }}
       id="${this.id}-popup"
-      ${$(this.popupRef)}
+      ${y(this.popupRef)}
     >
       <pkt-calendar
         id="${this.id}-calendar"
@@ -502,14 +503,14 @@ let l = class extends U {
         .latest=${this.max}
         .excludedates=${Array.isArray(this.excludedates) ? this.excludedates : this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
-        .currentmonth=${this.currentmonth ? D(this.currentmonth) : null}
+        .currentmonth=${this.currentmonth ? S(this.currentmonth) : null}
         @date-selected=${(e) => {
       this.value = !this.multiple && !this.range ? e.detail[0] : e.detail, this._value = e.detail, this.inputRef.value && (this.range && this.inputRefTo.value ? (this.inputRef.value.value = this._value[0] ?? "", this.inputRefTo.value.value = this._value[1] ?? "") : this.multiple || (this.inputRef.value.value = this._value.length ? this._value[0] : ""));
     }}
         @close=${() => {
       this.onBlur(), this.hideCalendar();
     }}
-        ${$(this.calRef)}
+        ${y(this.calRef)}
       ></pkt-calendar>
     </div>`;
   }
@@ -548,6 +549,7 @@ let l = class extends U {
         .ariaDescribedBy=${this.ariaDescribedBy}
         class="pkt-datepicker"
       >
+        <div class="pkt-contents" ${y(this.helptextSlot)} name="helptext" slot="helptext"></div>
         ${this.multiple ? this.renderTags() : T}
         <div
           class="pkt-datepicker__inputs ${this.range && this.showRangeLabels ? "pkt-input__range-inputs" : ""}"
@@ -559,7 +561,7 @@ let l = class extends U {
               type="button"
               @click=${this.toggleCalendar}
               ?disabled=${this.disabled}
-              ${$(this.btnRef)}
+              ${y(this.btnRef)}
             >
               <pkt-icon name="calendar"></pkt-icon>
               <span class="pkt-btn__text">${this.strings.calendar.buttonAltText}</span>
@@ -577,8 +579,8 @@ let l = class extends U {
     var e;
     if (this.popupRef.value && this.inputRef.value) {
       const t = this.multiple && !!this.maxlength, i = ((e = this.inputRef.value.parentElement) == null ? void 0 : e.getBoundingClientRect()) || this.inputRef.value.getBoundingClientRect(), a = t ? i.height + 30 : i.height, s = this.popupRef.value.getBoundingClientRect().height;
-      let r = t ? "calc(100% - 30px)" : "100%";
-      i && i.top + s > window.innerHeight && i.top - s > 0 && (r = `calc(100% - ${a}px - ${s}px)`), this.popupRef.value.style.top = r;
+      let l = t ? "calc(100% - 30px)" : "100%";
+      i && i.top + s > window.innerHeight && i.top - s > 0 && (l = `calc(100% - ${a}px - ${s}px)`), this.popupRef.value.style.top = l;
     }
   }
   handleFocusOut(e) {
@@ -586,7 +588,7 @@ let l = class extends U {
   }
   async showCalendar() {
     var e;
-    this.calendarOpen = !0, await P(20), this.handleCalendarPosition(), this.isMobileSafari && ((e = this.calRef.value) == null || e.focusOnCurrentDate());
+    this.calendarOpen = !0, await B(20), this.handleCalendarPosition(), this.isMobileSafari && ((e = this.calRef.value) == null || e.focusOnCurrentDate());
   }
   hideCalendar() {
     this.calendarOpen = !1;
@@ -597,64 +599,64 @@ let l = class extends U {
 };
 o([
   u({ type: String, reflect: !0 })
-], l.prototype, "value", 2);
+], r.prototype, "value", 2);
 o([
   u({ type: Array })
-], l.prototype, "_value", 2);
+], r.prototype, "_value", 2);
 o([
   u({ type: String, reflect: !0 })
-], l.prototype, "label", 2);
+], r.prototype, "label", 2);
 o([
   u({ type: String })
-], l.prototype, "dateformat", 2);
+], r.prototype, "dateformat", 2);
 o([
   u({ type: Boolean, reflect: !0 })
-], l.prototype, "multiple", 2);
+], r.prototype, "multiple", 2);
 o([
   u({ type: Number, reflect: !0 })
-], l.prototype, "maxlength", 2);
+], r.prototype, "maxlength", 2);
 o([
   u({ type: Boolean, reflect: !0 })
-], l.prototype, "range", 2);
+], r.prototype, "range", 2);
 o([
   u({ type: Boolean })
-], l.prototype, "showRangeLabels", 2);
+], r.prototype, "showRangeLabels", 2);
 o([
   u({ type: String, reflect: !0 })
-], l.prototype, "min", 2);
+], r.prototype, "min", 2);
 o([
   u({ type: String, reflect: !0 })
-], l.prototype, "max", 2);
+], r.prototype, "max", 2);
 o([
   u({ type: Boolean })
-], l.prototype, "weeknumbers", 2);
+], r.prototype, "weeknumbers", 2);
 o([
   u({ type: Boolean, reflect: !0 })
-], l.prototype, "withcontrols", 2);
+], r.prototype, "withcontrols", 2);
 o([
   u({ converter: A.csvToArray })
-], l.prototype, "excludedates", 2);
+], r.prototype, "excludedates", 2);
 o([
   u({ converter: A.csvToArray })
-], l.prototype, "excludeweekdays", 2);
+], r.prototype, "excludeweekdays", 2);
 o([
   u({ type: String })
-], l.prototype, "currentmonth", 2);
+], r.prototype, "currentmonth", 2);
 o([
   u({ type: Boolean, reflect: !0 })
-], l.prototype, "calendarOpen", 2);
+], r.prototype, "calendarOpen", 2);
 o([
   u({ type: String })
-], l.prototype, "timezone", 2);
+], r.prototype, "timezone", 2);
 o([
   V()
-], l.prototype, "inputClasses", 2);
+], r.prototype, "inputClasses", 2);
 o([
   V()
-], l.prototype, "buttonClasses", 2);
-l = o([
+], r.prototype, "buttonClasses", 2);
+r = o([
   H("pkt-datepicker")
-], l);
+], r);
 export {
-  l as P
+  r as P
 };