@oslokommune/punkt-elements 12.11.2 → 12.11.4

package/dist/{modal-D6J8TqCp.js → modal-CYx_wrz1.js}

@@ -1,8 +1,8 @@
-import { e as u } from "./class-map-DpN1m5lh.js";
+import { e as u } from "./class-map-BQ3-MseA.js";
 import { t as f } from "./custom-element-CWfU4dcr.js";
-import { r as g, P as b, x as c, E as m, n as a } from "./index-Dw-V4--g.js";
-import { e as k, P as v, n as h } from "./ref-D5FOI49b.js";
-import "./index-DkLa0YLm.js";
+import { r as g, P as b, x as c, E as m, n as a } from "./index-BQ9BMXel.js";
+import { e as k, P as v, n as h } from "./ref-BjO0bKwt.js";
+import "./index-BfUPq43a.js";
 const y = "pkt-modal", _ = !0, C = {
   "background-click": {
     description: "Event som trigges når bakgrunnen trykkes på"

package/dist/pkt-alert.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./class-map-B9m-NycN.cjs"),k=require("./custom-element-B-TlBwRu.cjs"),t=require("./index-CBFF6OHE.cjs"),c=require("./ref-3QXuhm6y.cjs");require("./index-CqWQt14b.cjs");const u="pkt-alert",m=!0,f={onClose:{description:"React: Klikk-event for 'Lukk'-knappen"},close:{description:"Vue: Klikk-event for 'Lukk'-knappen"}},v={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}},h={default:{description:"Innholdet i meldingen"}},l={name:u,"css-class":"pkt-alert","dark-mode":!0,isElement:m,events:f,props:v,slots:h};var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,s=(n,e,o,r)=>{for(var i=r>1?void 0:r?_(e,o):e,a=n.length-1,p;a>=0;a--)(p=n[a])&&(i=(r?p(e,o,i):p(i))||i);return r&&i&&y(e,o,i),i};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.compact=l.props.compact.default,this.title="",this.skin=l.props.skin.default,this.ariaLive=l.props.ariaLive.default,this.closeAlert=l.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 c.PktSlotController(this,this.defaultSlot),this._isClosed=!1}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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./class-map-DLFPHEre.cjs"),k=require("./custom-element-B-TlBwRu.cjs"),t=require("./index-BVbNUNAa.cjs"),c=require("./ref-CIjJrMxp.cjs");require("./index-DYiD-o1w.cjs");const u="pkt-alert",m=!0,f={onClose:{description:"React: Klikk-event for 'Lukk'-knappen"},close:{description:"Vue: Klikk-event for 'Lukk'-knappen"}},v={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}},h={default:{description:"Innholdet i meldingen"}},l={name:u,"css-class":"pkt-alert","dark-mode":!0,isElement:m,events:f,props:v,slots:h};var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,s=(n,e,o,r)=>{for(var i=r>1?void 0:r?_(e,o):e,a=n.length-1,p;a>=0;a--)(p=n[a])&&(i=(r?p(e,o,i):p(i))||i);return r&&i&&y(e,o,i),i};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.compact=l.props.compact.default,this.title="",this.skin=l.props.skin.default,this.ariaLive=l.props.ariaLive.default,this.closeAlert=l.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 c.PktSlotController(this,this.defaultSlot),this._isClosed=!1}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)} aria-live=${this.ariaLive}>
         <pkt-icon
           class="pkt-alert__icon"

package/dist/pkt-alert.js

@@ -1,8 +1,8 @@
-import { e as m } from "./class-map-DpN1m5lh.js";
+import { e as m } from "./class-map-BQ3-MseA.js";
 import { t as u } from "./custom-element-CWfU4dcr.js";
-import { r as f, P as h, x as n, E as k, n as o } from "./index-Dw-V4--g.js";
-import { e as v, P as y, n as _ } from "./ref-D5FOI49b.js";
-import "./index-DkLa0YLm.js";
+import { r as f, P as h, x as n, E as k, n as o } from "./index-BQ9BMXel.js";
+import { e as v, P as y, n as _ } from "./ref-BjO0bKwt.js";
+import "./index-BfUPq43a.js";
 const b = "pkt-alert", g = !0, $ = {
   onClose: {
     description: "React: Klikk-event for 'Lukk'-knappen"

package/dist/pkt-calendar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-CBFF6OHE.cjs");require("./converters-DhM11VlY.cjs");require("./custom-element-B-TlBwRu.cjs");require("./class-map-B9m-NycN.cjs");const e=require("./index-aLVFdclF.cjs");require("./index-CqWQt14b.cjs");Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>e.PktCalendar});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-BVbNUNAa.cjs");require("./converters-DhM11VlY.cjs");require("./custom-element-B-TlBwRu.cjs");require("./class-map-DLFPHEre.cjs");const e=require("./index-DyL6sqFY.cjs");require("./index-DYiD-o1w.cjs");Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>e.PktCalendar});

package/dist/pkt-calendar.js

@@ -1,9 +1,9 @@
-import "./index-Dw-V4--g.js";
+import "./index-BQ9BMXel.js";
 import "./converters-DNCwIFwr.js";
 import "./custom-element-CWfU4dcr.js";
-import "./class-map-DpN1m5lh.js";
-import { P as e } from "./index-DmedytuY.js";
-import "./index-DkLa0YLm.js";
+import "./class-map-BQ3-MseA.js";
+import { P as e } from "./index-BR7EVgX9.js";
+import "./index-BfUPq43a.js";
 export {
   e as PktCalendar
 };

package/dist/pkt-card.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./class-map-B9m-NycN.cjs"),g=require("./custom-element-B-TlBwRu.cjs"),t=require("./index-CBFF6OHE.cjs"),d=require("./ref-3QXuhm6y.cjs");require("./index-CqWQt14b.cjs");require("./pkt-tag.cjs");const k="pkt-card",u=!0,h={heading:{type:"string",name:"Heading",description:"Tittel på kortet"},subheading:{type:"string",name:"Subheading",description:"Undertittel på kortet"},tags:{type:"IPktTag[]",description:"Liste av tags på kortet. Tar inn en array med IPktTag-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:"string",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:["text"]}},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"},image:{type:"object",image:"Image",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.",items:{type:"object",properties:{src:{type:"string",description:"Bilde på kortet"},alt:{type:"string",description:"Tekst for aria-label"}},required:["src","alt"]}}},m={default:{description:"Innholdet i kortet"}},l={name:k,"css-class":"pkt-card",isElement:u,props:h,slots:m};var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,r=(n,i,s,a)=>{for(var e=a>1?void 0:a?b(i,s):i,o=n.length-1,p;o>=0;o--)(p=n[o])&&(e=(a?p(i,s,e):p(e))||e);return a&&e&&y(i,s,e),e};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=d.e(),this.skin=l.props.skin.default,this.direction=l.props.direction.default,this.image={src:"",alt:""},this.heading="",this.subheading="",this.tags=[],this.slotController=new d.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){const i={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction};return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./class-map-DLFPHEre.cjs"),g=require("./custom-element-B-TlBwRu.cjs"),t=require("./index-BVbNUNAa.cjs"),d=require("./ref-CIjJrMxp.cjs");require("./index-DYiD-o1w.cjs");require("./pkt-tag.cjs");const k="pkt-card",u=!0,h={heading:{type:"string",name:"Heading",description:"Tittel på kortet"},subheading:{type:"string",name:"Subheading",description:"Undertittel på kortet"},tags:{type:"IPktTag[]",description:"Liste av tags på kortet. Tar inn en array med IPktTag-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:"string",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:["text"]}},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"},image:{type:"object",image:"Image",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.",items:{type:"object",properties:{src:{type:"string",description:"Bilde på kortet"},alt:{type:"string",description:"Tekst for aria-label"}},required:["src","alt"]}}},m={default:{description:"Innholdet i kortet"}},l={name:k,"css-class":"pkt-card",isElement:u,props:h,slots:m};var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,r=(n,i,s,a)=>{for(var e=a>1?void 0:a?b(i,s):i,o=n.length-1,p;o>=0;o--)(p=n[o])&&(e=(a?p(i,s,e):p(e))||e);return a&&e&&y(i,s,e),e};exports.PktCard=class extends t.PktElement{constructor(){super(),this.defaultSlot=d.e(),this.skin=l.props.skin.default,this.direction=l.props.direction.default,this.image={src:"",alt:""},this.heading="",this.subheading="",this.tags=[],this.slotController=new d.PktSlotController(this,this.defaultSlot)}connectedCallback(){super.connectedCallback()}render(){const i={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.direction}`]:this.direction};return t.x`
       <div class=${c.e(i)}>
         ${this.image.src&&t.x`
           <div class="pkt-card__image">

package/dist/pkt-card.js

@@ -1,8 +1,8 @@
-import { e as g } from "./class-map-DpN1m5lh.js";
+import { e as g } from "./class-map-BQ3-MseA.js";
 import { t as k } from "./custom-element-CWfU4dcr.js";
-import { P as h, x as r, E as m, n as a } from "./index-Dw-V4--g.js";
-import { e as u, P as y, n as f } from "./ref-D5FOI49b.js";
-import "./index-DkLa0YLm.js";
+import { P as h, x as r, E as m, n as a } from "./index-BQ9BMXel.js";
+import { e as u, P as y, n as f } from "./ref-BjO0bKwt.js";
+import "./index-BfUPq43a.js";
 import "./pkt-tag.js";
 const b = "pkt-card", v = !0, $ = {
   heading: {

package/dist/pkt-component-template.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CBFF6OHE.cjs"),h=require("./custom-element-B-TlBwRu.cjs"),r=require("./ref-3QXuhm6y.cjs"),c=require("./class-map-B9m-NycN.cjs"),d=require("./converters-DhM11VlY.cjs");var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(l,t,s,i)=>{for(var n=i>1?void 0:i?m(t,s):t,a=l.length-1,p;a>=0;a--)(p=l[a])&&(n=(i?p(t,s,n):p(n))||n);return i&&n&&u(t,s,n),n};exports.PktComponent=class extends e.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=r.e(),this.namedSlot=r.e(),this.slotController=new r.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(t=>{this._list.push(t.toUpperCase())}),super.connectedCallback()}render(){const t={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return e.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BVbNUNAa.cjs"),h=require("./custom-element-B-TlBwRu.cjs"),r=require("./ref-CIjJrMxp.cjs"),c=require("./class-map-DLFPHEre.cjs"),d=require("./converters-DhM11VlY.cjs");var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(l,t,s,i)=>{for(var n=i>1?void 0:i?m(t,s):t,a=l.length-1,p;a>=0;a--)(p=l[a])&&(n=(i?p(t,s,n):p(n))||n);return i&&n&&u(t,s,n),n};exports.PktComponent=class extends e.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=r.e(),this.namedSlot=r.e(),this.slotController=new r.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(t=>{this._list.push(t.toUpperCase())}),super.connectedCallback()}render(){const t={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return e.x`
       <div class="${c.e(t)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-component-template.js

@@ -1,7 +1,7 @@
-import { P as m, x as h, t as u, n as i } from "./index-Dw-V4--g.js";
+import { P as m, x as h, t as u, n as i } from "./index-BQ9BMXel.js";
 import { t as f } from "./custom-element-CWfU4dcr.js";
-import { e as d, P as v, n as c } from "./ref-D5FOI49b.js";
-import { e as g } from "./class-map-DpN1m5lh.js";
+import { e as d, P as v, n as c } from "./ref-BjO0bKwt.js";
+import { e as g } from "./class-map-BQ3-MseA.js";
 import { c as k } from "./converters-DNCwIFwr.js";
 var S = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, n = (t, e, l, o) => {
   for (var s = o > 1 ? void 0 : o ? $(e, l) : e, a = t.length - 1, p; a >= 0; a--)

package/dist/pkt-datepicker.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CBFF6OHE.cjs"),b=require("./custom-element-B-TlBwRu.cjs"),n=require("./ref-3QXuhm6y.cjs"),y=require("./class-map-B9m-NycN.cjs"),T=require("./converters-DhM11VlY.cjs"),g=require("./index-aLVFdclF.cjs");require("./pkt-input-wrapper.cjs");require("./index-CqWQt14b.cjs");require("./pkt-tag.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-BVbNUNAa.cjs"),b=require("./custom-element-B-TlBwRu.cjs"),r=require("./ref-CIjJrMxp.cjs"),y=require("./class-map-DLFPHEre.cjs"),T=require("./converters-DhM11VlY.cjs"),m=require("./index-DyL6sqFY.cjs");require("./pkt-input-wrapper.cjs");require("./index-DYiD-o1w.cjs");require("./pkt-tag.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const R=(o,e,t)=>{const a=new Map;for(let i=e;i<=t;i++)a.set(o[i],i);return a},S=b.e(class extends b.i{constructor(o){if(super(o),o.type!==b.t$1.CHILD)throw Error("repeat() can only be used in text expressions")}dt(o,e,t){let a;t===void 0?t=e:e!==void 0&&(a=e);const i=[],s=[];let l=0;for(const f of o)i[l]=a?a(f,l):l,s[l]=t(f,l),l++;return{values:s,keys:i}}render(o,e,t){return this.dt(o,e,t).values}update(o,[e,t,a]){const i=n.p(o),{values:s,keys:l}=this.dt(e,t,a);if(!Array.isArray(i))return this.ut=l,s;const f=this.ut??(this.ut=[]),m=[];let $,w,p=0,h=i.length-1,u=0,c=s.length-1;for(;p<=h&&u<=c;)if(i[p]===null)p++;else if(i[h]===null)h--;else if(f[p]===l[u])m[u]=n.v(i[p],s[u]),p++,u++;else if(f[h]===l[c])m[c]=n.v(i[h],s[c]),h--,c--;else if(f[p]===l[c])m[c]=n.v(i[p],s[c]),n.r(o,m[c+1],i[p]),p++,c--;else if(f[h]===l[u])m[u]=n.v(i[h],s[u]),n.r(o,i[p],i[h]),h--,u++;else if($===void 0&&($=R(l,u,c),w=R(f,p,h)),$.has(f[p]))if($.has(f[h])){const v=w.get(l[u]),x=v!==void 0?i[v]:null;if(x===null){const D=n.r(o,i[p]);n.v(D,s[u]),m[u]=D}else m[u]=n.v(x,s[u]),n.r(o,i[p],x),i[v]=null;u++}else n.M(i[h]),h--;else n.M(i[p]),p++;for(;u<=c;){const v=n.r(o,m[c+1]);n.v(v,s[u]),m[u++]=v}for(;p<=h;){const v=i[p++];v!==null&&n.M(v)}return this.ut=l,n.m(o,m),r.T}}),P="pkt-datepicker",_=!0,I={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",default:4},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",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",default:!0},id:{type:"string",name:"ID",description:"Unik identifikasjon for datovelgeren"}},O={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"}},k={name:P,"css-class":"pkt-datepicker",isElement:_,props:I,events:O};var M=Object.defineProperty,E=Object.getOwnPropertyDescriptor,d=(o,e,t,a)=>{for(var i=a>1?void 0:a?E(e,t):e,s=o.length-1,l;s>=0;s--)(l=o[s])&&(i=(a?l(e,t,i):l(i))||i);return a&&i&&M(e,t,i),i};const C=o=>new Promise(e=>setTimeout(e,o));exports.PktDatepicker=class extends r.PktInputElement{constructor(){super(...arguments),this.value="",this._value=this.value?Array.isArray(this.value)?this.value:this.value.split(","):[],this.label="Datovelger",this.dateformat=k.props.dateformat.default,this.multiple=k.props.multiple.default,this.maxlength=k.props.maxlength.default,this.range=k.props.range.default,this.min=null,this.max=null,this.weeknumbers=k.props.weeknumbers.default,this.withcontrols=k.props.withcontrols.default,this.fullwidth=!1,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.useWrapper=!0,this.calendarOpen=!1,this.timezone="Europe/Oslo",this.inputRef=n.e(),this.inputRefTo=n.e(),this.btnRef=n.e(),this.calRef=n.e(),this.popupRef=n.e(),this.inputClasses={"pkt-input":!0,"pkt-datepicker__input":!0,"pkt-input--fullwidth":this.fullwidth},this.buttonClasses={"pkt-input-icon":!0,"pkt-btn":!0,"pkt-btn--icon-only":!0,"pkt-btn--tertiary":!0},this.addToSelected=e=>{const t=e.target;if(!t.value)return;const a=this.min?g.newDate(this.min):null,i=this.max?g.newDate(this.max):null,s=g.newDate(t.value.split(",")[0]);s&&!isNaN(s.getTime())&&(!a||s>=a)&&(!i||s<=i)&&this.calRef.value&&this.calRef.value.handleDateSelect(s),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,a;(t=this.inputRef)!=null&&t.value&&((a=this.btnRef)!=null&&a.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||k.props.min.default,this.max=this.max||k.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,a;(t=this.inputRef)!=null&&t.value&&((a=this.btnRef)!=null&&a.value)&&!this.inputRef.value.contains(e.target)&&!this.btnRef.value.contains(e.target)&&this.hideCalendar()})}attributeChangedCallback(e,t,a){e==="value"&&this.valueChanged(this.value,t),e==="excludedates"&&typeof this.excludedates=="string"&&(this.excludedates=(a==null?void 0:a.split(","))??[]),e==="excludeweekdays"&&typeof this.excludeweekdays=="string"&&(this.excludeweekdays=(a==null?void 0:a.split(","))??[]),super.attributeChangedCallback(e,t,a)}firstUpdated(e){super.firstUpdated(e)}updated(e){if(super.updated(e),e.has("value")){if(this.range&&this._value.length===1)return;this.valueChanged(this.value,e.get("value"))}}renderInput(){return r.x`
+ */const R=(o,e,t)=>{const i=new Map;for(let a=e;a<=t;a++)i.set(o[a],a);return i},P=b.e(class extends b.i{constructor(o){if(super(o),o.type!==b.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=[]),g=[];let $,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])g[d]=r.v(a[u],n[d]),u++,d++;else if(c[h]===l[f])g[f]=r.v(a[h],n[f]),h--,f--;else if(c[u]===l[f])g[f]=r.v(a[u],n[f]),r.r(o,g[f+1],a[u]),u++,f--;else if(c[h]===l[d])g[d]=r.v(a[h],n[d]),r.r(o,a[u],a[h]),h--,d++;else if($===void 0&&($=R(l,d,f),w=R(c,u,h)),$.has(c[u]))if($.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]),g[d]=D}else g[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,g[f+1]);r.v(v,n[d]),g[d++]=v}for(;u<=h;){const v=a[u++];v!==null&&r.M(v)}return this.ut=l,r.m(o,g),s.T}}),S="pkt-datepicker",I=!0,_={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",default:4},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",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",default:!0},id:{type:"string",name:"ID",description:"Unik identifikasjon for datovelgeren"}},O={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"}},k={name:S,"css-class":"pkt-datepicker",isElement:I,props:_,events:O};var E=Object.defineProperty,M=Object.getOwnPropertyDescriptor,p=(o,e,t,i)=>{for(var a=i>1?void 0:i?M(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&&E(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=k.props.dateformat.default,this.multiple=k.props.multiple.default,this.maxlength=k.props.maxlength.default,this.range=k.props.range.default,this.showRangeLabels=!1,this.min=null,this.max=null,this.weeknumbers=k.props.weeknumbers.default,this.withcontrols=k.props.withcontrols.default,this.fullwidth=!1,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=null,this.useWrapper=!0,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?m.newDate(this.min):null,a=this.max?m.newDate(this.max):null,n=m.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||k.props.min.default,this.max=this.max||k.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){e==="value"&&this.valueChanged(this.value,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)}firstUpdated(e){super.firstUpdated(e)}updated(e){if(super.updated(e),e.has("value")){if(this.range&&this._value.length===1)return;this.valueChanged(this.value,e.get("value"))}}renderInput(){return s.x`
       <input
         class="${y.e(this.inputClasses)}"
         .type=${this.inputType}
@@ -17,10 +17,10 @@
         @focus=${()=>{this.onFocus(),this.isMobileSafari&&this.showCalendar()}}
         @blur=${e=>{var t;(t=this.calRef.value)!=null&&t.contains(e.relatedTarget)||this.onBlur(),this.manageValidity(e.target),this.value=e.target.value}}
         @change=${e=>{e.stopImmediatePropagation()}}
-        ${n.n(this.inputRef)}
+        ${r.n(this.inputRef)}
       />
-    `}renderRangeInput(){return r.x`
-      <div class="pkt-input-prefix">Fra</div>
+    `}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}
       <input
         class=${y.e(this.inputClasses)}
         .type=${this.inputType}
@@ -28,16 +28,19 @@
         .value=${this._value[0]??""}
         min=${this.min}
         max=${this.max}
-        @click=${e=>{e.preventDefault(),this.showCalendar()}}
+        @click=${t=>{t.preventDefault(),this.showCalendar()}}
         ?disabled=${this.disabled}
-        @keydown=${e=>{var t;(e.key===","||e.key==="Enter")&&((t=this.inputRef.value)==null||t.blur()),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e))}}
-        @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
+        @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=${e=>{var t,a;if(e.target.value){this.manageValidity(e.target);const i=g.fromISOToDate(e.target.value);i&&this._value[0]!==e.target.value&&this._value[1]&&(this.clearInputValue(),(a=(t=this.calRef)==null?void 0:t.value)==null||a.handleDateSelect(i))}else this._value[0]&&this.clearInputValue()}}
-        @change=${e=>{e.stopImmediatePropagation()}}
-        ${n.n(this.inputRef)}
+        @blur=${t=>{var i,a;if(t.target.value){this.manageValidity(t.target);const n=m.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()}}
+        @change=${t=>{t.stopImmediatePropagation()}}
+        ${r.n(this.inputRef)}
       />
-      <div class="pkt-input-prefix" id="${this.id}-to-label">Til</div>
+      <div class="${y.e(e)}" id="${this.id}-to-label">
+        ${this.strings.generic.to}
+      </div>
+      ${this.showRangeLabels?s.E:s.x` <div class="pkt-input-separator">–</div> `}
       <input
         class=${y.e(this.inputClasses)}
         .type=${this.inputType}
@@ -46,22 +49,22 @@
         .value=${this._value[1]??""}
         min=${this.min}
         max=${this.max}
-        @click=${e=>{e.preventDefault(),this.showCalendar()}}
+        @click=${t=>{t.preventDefault(),this.showCalendar()}}
         ?disabled=${this.disabled}
-        @keydown=${e=>{var t;(e.key===","||e.key==="Enter")&&((t=this.inputRefTo.value)==null||t.blur()),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e))}}
-        @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
+        @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=${e=>{var t,a,i;if((t=this.calRef.value)!=null&&t.contains(e.relatedTarget)||this.onBlur(),e.target.value){this.manageValidity(e.target);const s=e.target.value;this.min&&this.min>s?this.internals.setValidity({rangeUnderflow:!0},this.strings.forms.messages.rangeUnderflow,e.target):this.max&&this.max<s&&this.internals.setValidity({rangeOverflow:!0},this.strings.forms.messages.rangeOverflow,e.target);const l=g.fromISOToDate(e.target.value);l&&this._value[1]!==g.formatISODate(l)&&((i=(a=this.calRef)==null?void 0:a.value)==null||i.handleDateSelect(l))}}}
-        @change=${e=>{e.stopImmediatePropagation()}}
-        ${n.n(this.inputRefTo)}
+        @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=m.fromISOToDate(t.target.value);c&&this._value[1]!==m.formatISODate(c)&&((n=(a=this.calRef)==null?void 0:a.value)==null||n.handleDateSelect(c))}}}
+        @change=${t=>{t.stopImmediatePropagation()}}
+        ${r.n(this.inputRefTo)}
       />
-    `}renderMultipleInput(){return r.x`
+    `}renderMultipleInput(){return console.log("renderMultipleInput",this.inputClasses,this.multiple),s.x`
       <input
         class=${y.e(this.inputClasses)}
         .type=${this.inputType}
         id="${this.id}-input"
-        min=${this.min}
-        max=${this.max}
+        .min=${this.min||s.E}
+        .max=${this.max||s.E}
         @click=${e=>{e.preventDefault(),this.showCalendar()}}
         @blur=${e=>{var t;(t=this.calRef.value)!=null&&t.contains(e.relatedTarget)||this.onBlur(),this.addToSelected(e)}}
         @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
@@ -69,25 +72,25 @@
         @keydown=${e=>{(e.key===","||e.key==="Enter")&&(e.preventDefault(),this.addToSelected(e)),(e.key==="Space"||e.key===" ")&&(e.preventDefault(),this.toggleCalendar(e))}}
         ?disabled=${this.disabled||this.maxlength&&this._value.length>=this.maxlength}
         @change=${e=>{e.stopImmediatePropagation()}}
-        ${n.n(this.inputRef)}
+        ${r.n(this.inputRef)}
       />
-    `}renderTags(){return r.x`
+    `}renderTags(){return s.x`
       <div class="pkt-datepicker__tags" aria-live="polite">
-        ${this._value[0]?S(this._value??[],e=>e,e=>r.x`
+        ${this._value[0]?P(this._value??[],e=>e,e=>s.x`
                 <pkt-tag
                   .id="${this.id+e+"-tag"}"
                   closeTag
-                  ariaLabel="${this.strings.calendar.deleteDate} ${g.fromISOtoLocal(e,this.dateformat)}"
-                  @close=${()=>{var t;return(t=this.calRef.value)==null?void 0:t.handleDateSelect(g.fromISOToDate(e))}}
-                  >${g.fromISOtoLocal(e,this.dateformat)}</pkt-tag
+                  ariaLabel="${this.strings.calendar.deleteDate} ${m.fromISOtoLocal(e,this.dateformat)}"
+                  @close=${()=>{var t;return(t=this.calRef.value)==null?void 0:t.handleDateSelect(m.fromISOToDate(e))}}
+                  >${m.fromISOtoLocal(e,this.dateformat)}</pkt-tag
                 >
-              `):r.E}
+              `):s.E}
       </div>
-    `}renderCalendar(){return r.x`<div
+    `}renderCalendar(){return s.x`<div
       class="pkt-calendar-popup pkt-${this.calendarOpen?"show":"hide"}"
       @focusout=${e=>{this.calendarOpen&&this.handleFocusOut(e)}}
       id="${this.id}-popup"
-      ${n.n(this.popupRef)}
+      ${r.n(this.popupRef)}
     >
       <pkt-calendar
         id="${this.id}-calendar"
@@ -101,12 +104,12 @@
         .latest=${this.max}
         .excludedates=${Array.isArray(this.excludedates)?this.excludedates:this.excludedates.split(",")}
         .excludeweekdays=${this.excludeweekdays}
-        .currentmonth=${this.currentmonth?g.newDate(this.currentmonth):null}
+        .currentmonth=${this.currentmonth?m.newDate(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()}}
-        ${n.n(this.calRef)}
+        ${r.n(this.calRef)}
       ></pkt-calendar>
-    </div>`}render(){return r.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},s.x`
       <pkt-input-wrapper
         label="${this.label}"
         forId="${this.id}-input"
@@ -127,8 +130,10 @@
         .helptextDropdownButton=${this.helptextDropdownButton}
         class="pkt-datepicker"
       >
-        ${this.multiple?this.renderTags():r.E}
-        <div class="pkt-datepicker__inputs ${this.range?"pkt-input__range-inputs":""}">
+        ${this.multiple?this.renderTags():s.E}
+        <div
+          class="pkt-datepicker__inputs ${this.range&&this.showRangeLabels?"pkt-input__range-inputs":""}"
+        >
           <div class="pkt-input__container">
             ${this.range?this.renderRangeInput():this.multiple?this.renderMultipleInput():this.renderInput()}
             <button
@@ -136,7 +141,7 @@
               type="button"
               @click=${this.toggleCalendar}
               ?disabled=${this.disabled}
-              ${n.n(this.btnRef)}
+              ${r.n(this.btnRef)}
             >
               <pkt-icon name="calendar"></pkt-icon>
               <span class="pkt-btn__text">${this.strings.calendar.buttonAltText}</span>
@@ -145,4 +150,4 @@
         </div>
       </pkt-input-wrapper>
       ${this.renderCalendar()}
-    `}handleCalendarPosition(){var e;if(this.popupRef.value&&this.inputRef.value){const t=this.multiple&&!!this.maxlength,a=((e=this.inputRef.value.parentElement)==null?void 0:e.getBoundingClientRect())||this.inputRef.value.getBoundingClientRect(),i=t?a.height+30:a.height,s=this.popupRef.value.getBoundingClientRect().height;let l=t?"calc(100% - 30px)":"100%";a&&a.top+s>window.innerHeight&&a.top-s>0&&(l=`calc(100% - ${i}px - ${s}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()}};d([r.n({type:String,reflect:!0})],exports.PktDatepicker.prototype,"value",2);d([r.n({type:Array})],exports.PktDatepicker.prototype,"_value",2);d([r.n({type:String})],exports.PktDatepicker.prototype,"label",2);d([r.n({type:String})],exports.PktDatepicker.prototype,"dateformat",2);d([r.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"multiple",2);d([r.n({type:Number})],exports.PktDatepicker.prototype,"maxlength",2);d([r.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"range",2);d([r.n({type:String})],exports.PktDatepicker.prototype,"min",2);d([r.n({type:String})],exports.PktDatepicker.prototype,"max",2);d([r.n({type:Boolean})],exports.PktDatepicker.prototype,"weeknumbers",2);d([r.n({type:Boolean})],exports.PktDatepicker.prototype,"withcontrols",2);d([r.n({type:Boolean})],exports.PktDatepicker.prototype,"fullwidth",2);d([r.n({converter:T.converters.csvToArray})],exports.PktDatepicker.prototype,"excludedates",2);d([r.n({converter:T.converters.csvToArray})],exports.PktDatepicker.prototype,"excludeweekdays",2);d([r.n({type:String})],exports.PktDatepicker.prototype,"currentmonth",2);d([r.n({type:Boolean})],exports.PktDatepicker.prototype,"useWrapper",2);d([r.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"calendarOpen",2);d([r.n({type:String})],exports.PktDatepicker.prototype,"timezone",2);exports.PktDatepicker=d([b.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(),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})],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})],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})],exports.PktDatepicker.prototype,"min",2);p([s.n({type:String})],exports.PktDatepicker.prototype,"max",2);p([s.n({type:Boolean})],exports.PktDatepicker.prototype,"weeknumbers",2);p([s.n({type:Boolean})],exports.PktDatepicker.prototype,"withcontrols",2);p([s.n({type:Boolean})],exports.PktDatepicker.prototype,"fullwidth",2);p([s.n({converter:T.converters.csvToArray})],exports.PktDatepicker.prototype,"excludedates",2);p([s.n({converter:T.converters.csvToArray})],exports.PktDatepicker.prototype,"excludeweekdays",2);p([s.n({type:String})],exports.PktDatepicker.prototype,"currentmonth",2);p([s.n({type:Boolean})],exports.PktDatepicker.prototype,"useWrapper",2);p([s.n({type:Boolean,reflect:!0})],exports.PktDatepicker.prototype,"calendarOpen",2);p([s.n({type:String})],exports.PktDatepicker.prototype,"timezone",2);p([s.r()],exports.PktDatepicker.prototype,"inputClasses",2);p([s.r()],exports.PktDatepicker.prototype,"buttonClasses",2);exports.PktDatepicker=p([b.t("pkt-datepicker")],exports.PktDatepicker);