@oslokommune/punkt-elements 12.3.1 → 12.3.2

package/dist/pkt-element.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BJ_4AGO3.cjs");exports.PktElement=e.PktElement;exports.PktInputElement=e.PktInputElement;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CkBUiPHx.cjs");exports.PktElement=e.PktElement;exports.PktInputElement=e.PktInputElement;

package/dist/pkt-element.js

@@ -1,4 +1,4 @@
-import { P as a, a as m } from "./index-BHzxfdBK.js";
+import { P as a, a as m } from "./index-CINnuWkG.js";
 export {
   a as PktElement,
   m as PktInputElement

package/dist/pkt-icon.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-BJ_4AGO3.cjs");require("./directive-19_ixLKS.cjs");const e=require("./index-DSplpVWQ.cjs");Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>e.PktIcon});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-CkBUiPHx.cjs");require("./directive-19_ixLKS.cjs");const e=require("./index-BCVyjeWS.cjs");Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>e.PktIcon});

package/dist/pkt-icon.js

@@ -1,6 +1,6 @@
-import "./index-BHzxfdBK.js";
+import "./index-CINnuWkG.js";
 import "./directive-DA0-wdk7.js";
-import { P as p } from "./index-BlHnvy7v.js";
+import { P as p } from "./index-C7OaW8f8.js";
 export {
   p as PktIcon
 };

package/dist/pkt-index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DkGcZra2.cjs"),t=require("./pkt-card.cjs"),r=require("./pkt-component-template.cjs"),n=require("./pkt-datepicker.cjs"),o=require("./index-DSplpVWQ.cjs"),a=require("./pkt-input-wrapper.cjs"),u=require("./pkt-link.cjs"),c=require("./pkt-messagebox.cjs"),i=require("./pkt-tag.cjs");Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>e.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>t.PktCard});Object.defineProperty(exports,"PktComponent",{enumerable:!0,get:()=>r.PktComponent});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>n.PktDatepicker});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>o.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>a.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>u.PktLink});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>c.PktMessagebox});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>i.PktTag});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BkqOsymS.cjs"),t=require("./pkt-card.cjs"),r=require("./pkt-component-template.cjs"),n=require("./pkt-datepicker.cjs"),o=require("./index-BCVyjeWS.cjs"),a=require("./pkt-input-wrapper.cjs"),u=require("./pkt-link.cjs"),c=require("./pkt-messagebox.cjs"),i=require("./pkt-tag.cjs");Object.defineProperty(exports,"PktCalendar",{enumerable:!0,get:()=>e.PktCalendar});Object.defineProperty(exports,"PktCard",{enumerable:!0,get:()=>t.PktCard});Object.defineProperty(exports,"PktComponent",{enumerable:!0,get:()=>r.PktComponent});Object.defineProperty(exports,"PktDatepicker",{enumerable:!0,get:()=>n.PktDatepicker});Object.defineProperty(exports,"PktIcon",{enumerable:!0,get:()=>o.PktIcon});Object.defineProperty(exports,"PktInputWrapper",{enumerable:!0,get:()=>a.PktInputWrapper});Object.defineProperty(exports,"PktLink",{enumerable:!0,get:()=>u.PktLink});Object.defineProperty(exports,"PktMessagebox",{enumerable:!0,get:()=>c.PktMessagebox});Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>i.PktTag});

package/dist/pkt-index.js

@@ -1,8 +1,8 @@
-import { P as t } from "./index-CPvZ03uX.js";
+import { P as t } from "./index-BkKs8Yam.js";
 import { PktCard as p } from "./pkt-card.js";
 import { PktComponent as P } from "./pkt-component-template.js";
 import { PktDatepicker as x } from "./pkt-datepicker.js";
-import { P as f } from "./index-BlHnvy7v.js";
+import { P as f } from "./index-C7OaW8f8.js";
 import { PktInputWrapper as s } from "./pkt-input-wrapper.js";
 import { PktLink as c } from "./pkt-link.js";
 import { PktMessagebox as g } from "./pkt-messagebox.js";

package/dist/pkt-input-wrapper.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BJ_4AGO3.cjs"),f=require("./ref-Bk590hog.cjs"),c=require("./index-DSplpVWQ.cjs"),u=require("./class-map-CA8wadiN.cjs"),$=require("./directive-19_ixLKS.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CkBUiPHx.cjs"),f=require("./ref-BkUqMgQu.cjs"),c=require("./index-BCVyjeWS.cjs"),u=require("./class-map-DfznHRRW.cjs"),$=require("./directive-19_ixLKS.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/pkt-input-wrapper.js

@@ -1,7 +1,7 @@
-import { P as w, v as T, D as o, k as i, n as r } from "./index-BHzxfdBK.js";
-import { i as _, P as D, K as I } from "./ref-Co_S0Cgj.js";
-import { a as f } from "./index-BlHnvy7v.js";
-import { R as c } from "./class-map-DiT0qP3E.js";
+import { P as w, v as T, D as o, k as i, n as r } from "./index-CINnuWkG.js";
+import { i as _, P as D, K as I } from "./ref-Cau3ksvI.js";
+import { a as f } from "./index-C7OaW8f8.js";
+import { R as c } from "./class-map-CEzmgstO.js";
 import { t as S } from "./directive-DA0-wdk7.js";
 /**
  * @license

package/dist/pkt-link.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-BJ_4AGO3.cjs"),k=require("./ref-Bk590hog.cjs"),p=require("./class-map-CA8wadiN.cjs"),h=require("./directive-19_ixLKS.cjs");require("./index-DSplpVWQ.cjs");const f="pkt-link",u=!0,d={href:{name:"URL",description:"URL til lenken",type:"string",default:"#"},iconName:{name:"Ikon",description:"Ikon som skal vises ved siden av lenketeksten",type:"icon"},iconPosition:{name:"Ikonposisjon",description:"Posisjonen til ikonet i forhold til lenketeksten",type:["left","right"]},external:{name:"Ekstern lenke",description:"Vis ikon for ekstern lenke",type:"boolean",default:!1}},m={default:{description:"Innholdet i lenken"}},a={name:f,"css-class":"pkt-link","dark-mode":!0,isElement:u,props:d,slots:m};var P=Object.defineProperty,v=Object.getOwnPropertyDescriptor,i=(s,n,r,o)=>{for(var e=o>1?void 0:o?v(n,r):n,l=s.length-1,c;l>=0;l--)(c=s[l])&&(e=(o?c(n,r,e):c(e))||e);return o&&e&&P(n,r,e),e};exports.PktLink=class extends t.PktElement{constructor(){super(),this.defaultSlot=k.ii(),this.href=a.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=a.props.external.default,this.slotController=new k.PktSlotController(this,this.defaultSlot)}render(){const n={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return t.ke`<a class=${p.Rt(n)} href=${this.href} @click=${this.handleClick}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CkBUiPHx.cjs"),k=require("./ref-BkUqMgQu.cjs"),p=require("./class-map-DfznHRRW.cjs"),h=require("./directive-19_ixLKS.cjs");require("./index-BCVyjeWS.cjs");const f="pkt-link",u=!0,d={href:{name:"URL",description:"URL til lenken",type:"string",default:"#"},iconName:{name:"Ikon",description:"Ikon som skal vises ved siden av lenketeksten",type:"icon"},iconPosition:{name:"Ikonposisjon",description:"Posisjonen til ikonet i forhold til lenketeksten",type:["left","right"]},external:{name:"Ekstern lenke",description:"Vis ikon for ekstern lenke",type:"boolean",default:!1}},m={default:{description:"Innholdet i lenken"}},a={name:f,"css-class":"pkt-link","dark-mode":!0,isElement:u,props:d,slots:m};var P=Object.defineProperty,v=Object.getOwnPropertyDescriptor,i=(s,n,r,o)=>{for(var e=o>1?void 0:o?v(n,r):n,l=s.length-1,c;l>=0;l--)(c=s[l])&&(e=(o?c(n,r,e):c(e))||e);return o&&e&&P(n,r,e),e};exports.PktLink=class extends t.PktElement{constructor(){super(),this.defaultSlot=k.ii(),this.href=a.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=a.props.external.default,this.slotController=new k.PktSlotController(this,this.defaultSlot)}render(){const n={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return t.ke`<a class=${p.Rt(n)} href=${this.href} @click=${this.handleClick}
       >${this.iconName?t.ke`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:""} <span ${k.Kt(this.defaultSlot)}>Link</span></a
     >`}handleClick(){this.dispatchEvent(new CustomEvent("click",{detail:"pkt-link-clicked",bubbles:!0}))}};i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"href",2);i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconName",2);i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconPosition",2);i([t.n({type:Boolean,reflect:!0})],exports.PktLink.prototype,"external",2);exports.PktLink=i([h.t("pkt-link")],exports.PktLink);

package/dist/pkt-link.js

@@ -1,8 +1,8 @@
-import { P as h, k as c, n as r } from "./index-BHzxfdBK.js";
-import { i as f, P as m, K as d } from "./ref-Co_S0Cgj.js";
-import { R as u } from "./class-map-DiT0qP3E.js";
+import { P as h, k as c, n as r } from "./index-CINnuWkG.js";
+import { i as f, P as m, K as d } from "./ref-Cau3ksvI.js";
+import { R as u } from "./class-map-CEzmgstO.js";
 import { t as P } from "./directive-DA0-wdk7.js";
-import "./index-BlHnvy7v.js";
+import "./index-C7OaW8f8.js";
 const v = "pkt-link", y = !0, x = {
   href: {
     name: "URL",

package/dist/pkt-messagebox.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BJ_4AGO3.cjs"),c=require("./ref-Bk590hog.cjs"),p=require("./class-map-CA8wadiN.cjs"),b=require("./directive-19_ixLKS.cjs");require("./index-DSplpVWQ.cjs");var k=Object.defineProperty,u=Object.getOwnPropertyDescriptor,s=(i,o,r,l)=>{for(var t=l>1?void 0:l?u(o,r):o,a=i.length-1,n;a>=0;a--)(n=i[a])&&(t=(l?n(o,r,t):n(t))||t);return l&&t&&k(o,r,t),t};exports.PktMessagebox=class extends e.PktElement{constructor(){super(),this.defaultSlot=c.ii(),this.closable=!1,this.compact=!1,this.title="",this.skin="beige",this.isDisplayed=!0,this.slotController=new c.PktSlotController(this,this.defaultSlot)}handleClose(){this.isDisplayed=!1,this.onClose&&this.onClose()}render(){const o={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable};return this.isDisplayed?e.ke`<div class=${p.Rt(o)}>
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CkBUiPHx.cjs"),c=require("./ref-BkUqMgQu.cjs"),p=require("./class-map-DfznHRRW.cjs"),b=require("./directive-19_ixLKS.cjs");require("./index-BCVyjeWS.cjs");var k=Object.defineProperty,u=Object.getOwnPropertyDescriptor,s=(i,o,r,l)=>{for(var t=l>1?void 0:l?u(o,r):o,a=i.length-1,n;a>=0;a--)(n=i[a])&&(t=(l?n(o,r,t):n(t))||t);return l&&t&&k(o,r,t),t};exports.PktMessagebox=class extends e.PktElement{constructor(){super(),this.defaultSlot=c.ii(),this.closable=!1,this.compact=!1,this.title="",this.skin="beige",this.isDisplayed=!0,this.slotController=new c.PktSlotController(this,this.defaultSlot)}handleClose(){this.isDisplayed=!1,this.onClose&&this.onClose()}render(){const o={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable};return this.isDisplayed?e.ke`<div class=${p.Rt(o)}>
       ${this.closable?e.ke`<div class="pkt-messagebox__close">
             <button
               @click=${this.handleClose}

package/dist/pkt-messagebox.js

@@ -1,8 +1,8 @@
-import { P as m, D as c, k as h, n as o } from "./index-BHzxfdBK.js";
-import { i as b, P as f, K as k } from "./ref-Co_S0Cgj.js";
-import { R as u } from "./class-map-DiT0qP3E.js";
+import { P as m, D as c, k as h, n as o } from "./index-CINnuWkG.js";
+import { i as b, P as f, K as k } from "./ref-Cau3ksvI.js";
+import { R as u } from "./class-map-CEzmgstO.js";
 import { t as y } from "./directive-DA0-wdk7.js";
-import "./index-BlHnvy7v.js";
+import "./index-C7OaW8f8.js";
 var d = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (l, i, p, r) => {
   for (var e = r > 1 ? void 0 : r ? v(i, p) : i, a = l.length - 1, n; a >= 0; a--)
     (n = l[a]) && (e = (r ? n(i, p, e) : n(e)) || e);

package/dist/pkt-tag.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./class-map-CA8wadiN.cjs"),g=require("./directive-19_ixLKS.cjs"),t=require("./index-BJ_4AGO3.cjs"),h=require("./state-D2tUtTi6.cjs"),o=require("./ref-Bk590hog.cjs");require("./index-DSplpVWQ.cjs");const k="pkt-tag",f={closeTag:{type:"boolean",required:!1,default:!1},size:{required:!1,default:"medium",type:["small","medium","large"]},iconName:{type:"string",required:!1},skin:{required:!1,default:"blue",type:["blue","green","red","beige","yellow","gray","blue-light"]},textStyle:{required:!1,default:"normal-text",type:["thin-text","normal-text"]},type:{required:!1,default:"button",type:["button","submit","reset"]},ariaLabel:{type:"string",required:!1,default:"close"}},d={default:{description:"Teksten til tag"}},a={name:k,"css-class":"pkt-tag",props:f,slots:d};var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,e=(n,s,r,l)=>{for(var i=l>1?void 0:l?b(s,r):s,p=n.length-1,c;p>=0;p--)(c=n[p])&&(i=(l?c(s,r,i):c(i))||i);return l&&i&&y(s,r,i),i};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=o.ii(),this.closeTag=a.props.closeTag.default,this.size=a.props.size.default,this.skin=a.props.skin.default,this.textStyle=a.props.textStyle.default,this.iconName=void 0,this.type=a.props.type.default,this.ariaLabel=a.props.ariaLabel.default,this._isClosed=!1,this.close=s=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("onClose",{detail:{origin:s},bubbles:!0,composed:!0}))},this.slotController=new o.PktSlotController(this,this.defaultSlot),this._isClosed=!1}render(){const s={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},r={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName};return this.closeTag?this._isClosed?t.D:t.ke`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./class-map-DfznHRRW.cjs"),g=require("./directive-19_ixLKS.cjs"),t=require("./index-CkBUiPHx.cjs"),o=require("./ref-BkUqMgQu.cjs");require("./index-BCVyjeWS.cjs");const h="pkt-tag",k={closeTag:{type:"boolean",required:!1,default:!1},size:{required:!1,default:"medium",type:["small","medium","large"]},iconName:{type:"string",required:!1},skin:{required:!1,default:"blue",type:["blue","green","red","beige","yellow","gray","blue-light"]},textStyle:{required:!1,default:"normal-text",type:["thin-text","normal-text"]},type:{required:!1,default:"button",type:["button","submit","reset"]},ariaLabel:{type:"string",required:!1,default:"close"}},f={default:{description:"Teksten til tag"}},a={name:h,"css-class":"pkt-tag",props:k,slots:f};var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,e=(n,s,r,l)=>{for(var i=l>1?void 0:l?y(s,r):s,p=n.length-1,c;p>=0;p--)(c=n[p])&&(i=(l?c(s,r,i):c(i))||i);return l&&i&&d(s,r,i),i};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=o.ii(),this.closeTag=a.props.closeTag.default,this.size=a.props.size.default,this.skin=a.props.skin.default,this.textStyle=a.props.textStyle.default,this.iconName=void 0,this.type=a.props.type.default,this.ariaLabel=a.props.ariaLabel.default,this._isClosed=!1,this.close=s=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("onClose",{detail:{origin:s},bubbles:!0,composed:!0}))},this.slotController=new o.PktSlotController(this,this.defaultSlot),this._isClosed=!1}render(){const s={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},r={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName};return this.closeTag?this._isClosed?t.D:t.ke`
             <button
               class=${u.Rt(r)}
               type=${this.type}
@@ -14,4 +14,4 @@
           ${this.iconName&&t.ke` <pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon> `}
           <span ${o.Kt(this.defaultSlot)}> </span>
         </span>
-      `}};e([t.n({type:Boolean,reflect:!0})],exports.PktTag.prototype,"closeTag",2);e([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"size",2);e([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"skin",2);e([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"textStyle",2);e([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"iconName",2);e([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"type",2);e([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"ariaLabel",2);e([h.r()],exports.PktTag.prototype,"_isClosed",2);exports.PktTag=e([g.t("pkt-tag")],exports.PktTag);
+      `}};e([t.n({type:Boolean,reflect:!0})],exports.PktTag.prototype,"closeTag",2);e([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"size",2);e([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"skin",2);e([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"textStyle",2);e([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"iconName",2);e([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"type",2);e([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"ariaLabel",2);e([t.r()],exports.PktTag.prototype,"_isClosed",2);exports.PktTag=e([g.t("pkt-tag")],exports.PktTag);

package/dist/pkt-tag.js

@@ -1,9 +1,8 @@
-import { R as f } from "./class-map-DiT0qP3E.js";
+import { R as h } from "./class-map-CEzmgstO.js";
 import { t as y } from "./directive-DA0-wdk7.js";
-import { P as d, k as p, D as g, n as i } from "./index-BHzxfdBK.js";
-import { r as m } from "./state-BRgFbJX9.js";
-import { i as k, P as b, K as h } from "./ref-Co_S0Cgj.js";
-import "./index-BlHnvy7v.js";
+import { r as d, P as g, k as p, D as k, n as i } from "./index-CINnuWkG.js";
+import { i as m, P as b, K as f } from "./ref-Cau3ksvI.js";
+import "./index-C7OaW8f8.js";
 const S = "pkt-tag", _ = {
   closeTag: {
     type: "boolean",
@@ -62,20 +61,20 @@ const S = "pkt-tag", _ = {
   default: {
     description: "Teksten til tag"
   }
-}, l = {
+}, r = {
   name: S,
   "css-class": "pkt-tag",
   props: _,
   slots: $
 };
-var x = Object.defineProperty, C = Object.getOwnPropertyDescriptor, e = (a, r, n, o) => {
-  for (var s = o > 1 ? void 0 : o ? C(r, n) : r, c = a.length - 1, u; c >= 0; c--)
-    (u = a[c]) && (s = (o ? u(r, n, s) : u(s)) || s);
-  return o && s && x(r, n, s), s;
+var x = Object.defineProperty, C = Object.getOwnPropertyDescriptor, e = (a, l, n, o) => {
+  for (var s = o > 1 ? void 0 : o ? C(l, n) : l, c = a.length - 1, u; c >= 0; c--)
+    (u = a[c]) && (s = (o ? u(l, n, s) : u(s)) || s);
+  return o && s && x(l, n, s), s;
 };
-let t = class extends d {
+let t = class extends g {
   constructor() {
-    super(), this.defaultSlot = k(), this.closeTag = l.props.closeTag.default, this.size = l.props.size.default, this.skin = l.props.skin.default, this.textStyle = l.props.textStyle.default, this.iconName = void 0, this.type = l.props.type.default, this.ariaLabel = l.props.ariaLabel.default, this._isClosed = !1, this.close = (a) => {
+    super(), this.defaultSlot = m(), this.closeTag = r.props.closeTag.default, this.size = r.props.size.default, this.skin = r.props.skin.default, this.textStyle = r.props.textStyle.default, this.iconName = void 0, this.type = r.props.type.default, this.ariaLabel = r.props.ariaLabel.default, this._isClosed = !1, this.close = (a) => {
       this._isClosed = !0, this.dispatchEvent(
         new CustomEvent("onClose", {
           detail: { origin: a },
@@ -91,7 +90,7 @@ let t = class extends d {
       [`pkt-tag--${this.size}`]: !!this.size,
       [`pkt-tag--${this.skin}`]: !!this.skin,
       [`pkt-tag--${this.textStyle}`]: !!this.textStyle
-    }, r = {
+    }, l = {
       "pkt-tag": !0,
       "pkt-btn": !0,
       "pkt-btn--tertiary": !0,
@@ -100,21 +99,21 @@ let t = class extends d {
       [`pkt-tag--${this.textStyle}`]: !!this.textStyle,
       "pkt-btn--icons-right-and-left": this.closeTag && !!this.iconName
     };
-    return this.closeTag ? this._isClosed ? g : p`
+    return this.closeTag ? this._isClosed ? k : p`
             <button
-              class=${f(r)}
+              class=${h(l)}
               type=${this.type}
               aria-label=${this.ariaLabel}
               @click=${this.close}
             >
               ${this.iconName && p`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
-              <span ${h(this.defaultSlot)}></span>
+              <span ${f(this.defaultSlot)}></span>
               <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
             </button>
           ` : p`
-        <span class=${f(a)}>
+        <span class=${h(a)}>
           ${this.iconName && p` <pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon> `}
-          <span ${h(this.defaultSlot)}> </span>
+          <span ${f(this.defaultSlot)}> </span>
         </span>
       `;
   }
@@ -141,7 +140,7 @@ e([
   i({ type: String, reflect: !0 })
 ], t.prototype, "ariaLabel", 2);
 e([
-  m()
+  d()
 ], t.prototype, "_isClosed", 2);
 t = e([
   y("pkt-tag")

package/dist/{ref-Bk590hog.cjs → ref-BkUqMgQu.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./index-BJ_4AGO3.cjs"),$=require("./directive-19_ixLKS.cjs");class p{constructor(e,...s){this.nodes=[],this.host=e,this.host.addController(this),this.slots=s,this.nodes=[]}hostConnected(){Array.from(this.host.childNodes).forEach(e=>{var s;if(e.nodeName==="#text"){if((s=e.nodeValue)!=null&&s.trim()){const i=document==null?void 0:document.createElement("template");i.content.appendChild(e),this.nodes.push(i)}}else this.nodes.push(e)})}hostUpdated(){this.slots.forEach(e=>{if(!e.value)return;const s=e.value.getAttribute("name"),i=this.nodes.flatMap(n=>n.getAttribute&&n.getAttribute("slot")==s?this.nodeFromElement(n,e):[]);i.length&&e.value.replaceChildren(...i)})}nodeFromElement(e,s){var i;return e===((i=s.value)==null?void 0:i.parentNode)?[]:e instanceof HTMLTemplateElement?Array.from(e.content.childNodes):e}}/**
+"use strict";const a=require("./index-CkBUiPHx.cjs"),$=require("./directive-19_ixLKS.cjs");class p{constructor(e,...s){this.nodes=[],this.host=e,this.host.addController(this),this.slots=s,this.nodes=[]}hostConnected(){Array.from(this.host.childNodes).forEach(e=>{var s;if(e.nodeName==="#text"){if((s=e.nodeValue)!=null&&s.trim()){const i=document==null?void 0:document.createElement("template");i.content.appendChild(e),this.nodes.push(i)}}else this.nodes.push(e)})}hostUpdated(){this.slots.forEach(e=>{if(!e.value)return;const s=e.value.getAttribute("name"),i=this.nodes.flatMap(n=>n.getAttribute&&n.getAttribute("slot")==s?this.nodeFromElement(n,e):[]);i.length&&e.value.replaceChildren(...i)})}nodeFromElement(e,s){var i;return e===((i=s.value)==null?void 0:i.parentNode)?[]:e instanceof HTMLTemplateElement?Array.from(e.content.childNodes):e}}/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{ref-Co_S0Cgj.js → ref-Cau3ksvI.js}

@@ -1,4 +1,4 @@
-import { s as p, D as _ } from "./index-BHzxfdBK.js";
+import { s as p, D as _ } from "./index-CINnuWkG.js";
 import { i as v, a as m, e as g } from "./directive-DA0-wdk7.js";
 class H {
   constructor(e, ...s) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.3.1",
+  "version": "12.3.2",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -55,5 +55,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "5c075db46ab29ba4ee522cfbd380e9c54933c36b"
+  "gitHead": "ddf44abc8eb8a4087967b433ecd7a8a72aeaed9a"
 }

package/src/components/datepicker/index.ts

@@ -29,19 +29,19 @@ export class PktDatepicker extends PktInputElement {
       : this.value
     : []
 
-  @property({ type: String, reflect: true })
+  @property({ type: String })
   label: string = 'Datovelger'
 
-  @property({ type: String, reflect: true })
+  @property({ type: String })
   helptext: string = ''
 
-  @property({ type: String, reflect: true })
+  @property({ type: String })
   helptextDropdown: string = ''
 
-  @property({ type: String, reflect: true })
+  @property({ type: String })
   helptextDropdownButton: string = specs.props.helptextDropdownButton.default
 
-  @property({ type: String, reflect: true })
+  @property({ type: String })
   dateformat: string = specs.props.dateformat.default
 
   @property({ type: Boolean, reflect: true })
@@ -53,13 +53,13 @@ export class PktDatepicker extends PktInputElement {
   @property({ type: Boolean, reflect: true })
   range: boolean = specs.props.range.default
 
-  @property({ type: Boolean, reflect: true })
+  @property({ type: Boolean })
   weeknumbers: boolean = specs.props.weeknumbers.default
 
-  @property({ type: Boolean, reflect: true })
+  @property({ type: Boolean })
   withcontrols: boolean = specs.props.withcontrols.default
 
-  @property({ type: Boolean, reflect: true })
+  @property({ type: Boolean })
   fullwidth: boolean = false
 
   @property({ converter: converters.csvToArray })
@@ -68,7 +68,7 @@ export class PktDatepicker extends PktInputElement {
   @property({ converter: converters.csvToArray })
   excludeweekdays: string[] = []
 
-  @property({ type: String, reflect: true })
+  @property({ type: String })
   currentmonth: string = this.formatISODate(new Date())
 
   @property({ type: Boolean, reflect: true }) calendarOpen: boolean = false
@@ -145,8 +145,6 @@ export class PktDatepicker extends PktInputElement {
           }
         }
       }
-
-      this.requestUpdate('value')
     }
 
     if (name === 'excludedates' && typeof this.excludedates === 'string') {
@@ -158,6 +156,10 @@ export class PktDatepicker extends PktInputElement {
     }
   }
 
+  protected firstUpdated(_changedProperties: PropertyValues): void {
+    super.firstUpdated(_changedProperties)
+  }
+
   updated(changedProperties: PropertyValues): void {
     super.updated(changedProperties)
     if (changedProperties.has('value')) {

package/src/components/element/index.ts

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValues } from 'lit'
-import { property } from 'lit/decorators.js'
+import { property, state } from 'lit/decorators.js'
 import { v4 as uuidv4 } from 'uuid'
 import strings from '../../translations/no.json'
 
@@ -98,6 +98,8 @@ export class PktInputElement extends PktElement {
   @property({ type: String, reflect: true })
   errorMessage: string = ''
 
+  @state() touched: boolean = false
+
   constructor() {
     super()
     this.internals = this.attachInternals()
@@ -157,6 +159,10 @@ export class PktInputElement extends PktElement {
 
   // Trigger this when you want to set the value of the input out to the form
   protected onInput(value: string | string[]): void {
+    if (!this.touched) {
+      this.touched = true
+      return
+    }
     console.log('onInput', value)
     if (typeof value !== 'string' && !Array.isArray(value)) {
       console.log('Value must be a string or an array')

package/dist/index-DkGcZra2.cjs

@@ -1,90 +0,0 @@
-"use strict";const r=require("./index-BJ_4AGO3.cjs"),w=require("./converters-DhM11VlY.cjs"),$=require("./directive-19_ixLKS.cjs"),x=require("./state-D2tUtTi6.cjs"),P=require("./class-map-CA8wadiN.cjs");require("./index-DSplpVWQ.cjs");function k(i){const e=Object.prototype.toString.call(i);return i instanceof Date||typeof i=="object"&&e==="[object Date]"?new i.constructor(+i):typeof i=="number"||e==="[object Number]"||typeof i=="string"||e==="[object String]"?new Date(i):new Date(NaN)}function D(i,e){return i instanceof Date?new i.constructor(e):new Date(e)}const M=6048e5,_=864e5;let A={};function v(){return A}function m(i,e){var h,c,d,p;const t=v(),s=(e==null?void 0:e.weekStartsOn)??((c=(h=e==null?void 0:e.locale)==null?void 0:h.options)==null?void 0:c.weekStartsOn)??t.weekStartsOn??((p=(d=t.locale)==null?void 0:d.options)==null?void 0:p.weekStartsOn)??0,n=k(i),a=n.getDay(),l=(a<s?7:0)+a-s;return n.setDate(n.getDate()-l),n.setHours(0,0,0,0),n}function b(i,e){const t=k(i.start),s=k(i.end);let n=+t>+s;const a=n?+t:+s,l=n?s:t;l.setHours(0,0,0,0);let h=1;const c=[];for(;+l<=a;)c.push(k(l)),l.setDate(l.getDate()+h),l.setHours(0,0,0,0);return n?c.reverse():c}function O(i,e){var p,u,f,y;const t=k(i),s=t.getFullYear(),n=v(),a=(e==null?void 0:e.firstWeekContainsDate)??((u=(p=e==null?void 0:e.locale)==null?void 0:p.options)==null?void 0:u.firstWeekContainsDate)??n.firstWeekContainsDate??((y=(f=n.locale)==null?void 0:f.options)==null?void 0:y.firstWeekContainsDate)??1,l=D(i,0);l.setFullYear(s+1,0,a),l.setHours(0,0,0,0);const h=m(l,e),c=D(i,0);c.setFullYear(s,0,a),c.setHours(0,0,0,0);const d=m(c,e);return t.getTime()>=h.getTime()?s+1:t.getTime()>=d.getTime()?s:s-1}function I(i,e){var h,c,d,p;const t=v(),s=(e==null?void 0:e.firstWeekContainsDate)??((c=(h=e==null?void 0:e.locale)==null?void 0:h.options)==null?void 0:c.firstWeekContainsDate)??t.firstWeekContainsDate??((p=(d=t.locale)==null?void 0:d.options)==null?void 0:p.firstWeekContainsDate)??1,n=O(i,e),a=D(i,0);return a.setFullYear(n,0,s),a.setHours(0,0,0,0),m(a,e)}function S(i,e){const t=k(i),s=+m(t,e)-+I(t,e);return Math.round(s/M)+1}function T(i){let t=k(i).getDay();return t===0&&(t=7),t}const E="pkt-calendar",R={id:{type:"string",name:"ID",description:"Unique identifier for the calendar"},currentmonth:{type:"date",converter:"stringToDate",description:"The current month to display"},selected:{type:"array",converter:"csvToArray",reflect:!0,items:{type:"date"},description:"Array of selected dates"},excludeweekdays:{type:"array",converter:"csvToArray",items:{type:"string"},description:"Array of weekdays (1-7) to exclude"},excludedates:{type:"array",converter:"stringsToDate",items:{type:"date"},description:"Array of specific dates to exclude"},earliest:{type:"date",converter:"stringToDate",default:null,description:"Earliest selectable date"},latest:{type:"date",converter:"stringToDate",default:null,description:"Latest selectable date"},weeknumbers:{type:"boolean",reflect:!0,default:!1,description:"Show week numbers in calendar"},withcontrols:{type:"boolean",reflect:!0,default:!1,description:"Show month and year navigation controls"},multiple:{type:"boolean",reflect:!0,default:!1,description:"Allow multiple date selection"},maxMultiple:{type:"number",default:4,description:"Maximum number of dates that can be selected"},range:{type:"boolean",reflect:!0,default:!1,description:"Allow date range selection"}},W={"date-selected":{description:"Returns ISO formatted date string"}},g={name:E,"css-class":"pkt-calendar",props:R,events:W};var H=Object.defineProperty,N=Object.getOwnPropertyDescriptor,o=(i,e,t,s)=>{for(var n=s>1?void 0:s?N(e,t):e,a=i.length-1,l;a>=0;a--)(l=i[a])&&(n=(s?l(e,t,n):l(n))||n);return s&&n&&H(e,t,n),n};exports.PktCalendar=class extends r.PktElement{constructor(){super(),this.multiple=g.props.multiple.default,this.maxMultiple=g.props.maxMultiple.default,this.range=g.props.range.default,this.weeknumbers=g.props.weeknumbers.default,this.withcontrols=g.props.withcontrols.default,this.focused=!1,this.selected=[],this.earliest=g.props.earliest.default,this.latest=g.props.latest.default,this.excludedates=[],this.excludeweekdays=[],this.currentmonth=new Date,this.dayStrings=this.strings.dates.daysShort,this.monthStrings=this.strings.dates.months,this.weekString=this.strings.dates.week,this.prevMonthString=this.strings.dates.prevMonth,this.nextMonthString=this.strings.dates.nextMonth,this._selected=[],this.year=0,this.month=0,this.week=0,this.rangeHovered=null,this.inRange={},this.focusedDate=null,this.selectableDates=[]}connectedCallback(){const e=this.currentmonth;this.year=e.getFullYear(),this.month=e.getMonth(),this.week=S(new Date(this.year,this.month,1,12)),this.selected&&this.selected.length&&this.selected.forEach(t=>{this._selected.push(new Date(t))}),super.connectedCallback()}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback()}updated(e){if(e.has("selected")&&this.selected.length===2){const t=b({start:new Date(this.selected[0]),end:new Date(this.selected[1])});if(this.inRange={},Array.isArray(t)&&t.length){const s={};for(let n=0;n<t.length;n++)s[this.formatISODate(t[n])]=this.isInRange(t[n]);this.inRange=s}}super.updated(e)}firstUpdated(e){this.addEventListener("keydown",this.handleKeydown)}handleKeydown(e){switch(e.key){case"ArrowLeft":this.handleArrowKey(e,-1);break;case"ArrowRight":this.handleArrowKey(e,1);break;case"ArrowUp":this.handleArrowKey(e,-7);break;case"ArrowDown":this.handleArrowKey(e,7);break}}handleArrowKey(e,t){if(e.preventDefault(),!this.focusedDate)return;const s=new Date(this.focusedDate);let n=new Date(s.setDate(s.getDate()+t));if(n){let a=this.querySelector(`div[data-date="${this.formatISODate(n)}"]`);if(a instanceof HTMLDivElement){if(a.dataset.disabled){let l=new Date(s.setDate(s.getDate()+t)),h=this.querySelector(`div[data-date="${this.formatISODate(l)}"]`);for(;h&&h instanceof HTMLDivElement&&h.dataset.disabled;)l=new Date(l.setDate(l.getDate()+t)),h=this.querySelector(`div[data-date="${this.formatISODate(l)}"]`);a=h}a instanceof HTMLDivElement&&!a.dataset.disabled&&a.focus()}}}render(){return r.ke`
-      <div
-        class="pkt-calendar ${this.weeknumbers?"pkt-cal-weeknumbers":r.D}"
-        @focusout=${this.closeEvent}
-        @keydown=${e=>{e.key==="Escape"&&(e.preventDefault(),this.close())}}
-      >
-        <nav class="pkt-cal-month-nav">
-          <div
-            @click=${this.isPrevMonthAllowed()&&this.prevMonth}
-            @keydown=${e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.isNextMonthAllowed()&&this.prevMonth())}}
-            class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-            .data-disabled=${this.isPrevMonthAllowed()?r.D:"disabled"}
-            ?aria-disabled=${!this.isPrevMonthAllowed()}
-            tabindex="0"
-          >
-            <pkt-icon class="pkt-btn__icon" name="chevron-thin-left"></pkt-icon>
-            <span class="pkt-btn__text">${this.prevMonthString}</span>
-          </div>
-          ${this.renderMonthNav()}
-          <div
-            @click=${this.isNextMonthAllowed()&&this.nextMonth}
-            @keydown=${e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.isNextMonthAllowed()&&this.nextMonth())}}
-            class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-            .data-disabled=${this.isNextMonthAllowed()?r.D:"disabled"}
-            ?aria-disabled=${!this.isNextMonthAllowed()}
-            tabindex="0"
-          >
-            <pkt-icon class="pkt-btn__icon" name="chevron-thin-right"></pkt-icon>
-            <span class="pkt-btn__text">${this.nextMonthString}</span>
-          </div>
-        </nav>
-        <table
-          class="pkt-cal-days pkt-txt-12-medium"
-          role="grid"
-          ?aria-multiselectable=${this.range||this.multiple}
-        >
-          ${this.renderDayNames()} ${this.renderCalendarBody()}
-        </table>
-      </div>
-    `}renderDayNames(){const e=[];this.weeknumbers&&e.push(r.ke`<td><div>${this.weekString}<div></td>`);for(let t=0;t<this.dayStrings.length;t++)e.push(r.ke`<td><div>${this.dayStrings[t]}</div></td>`);return r.ke`<tr class="pkt-cal-week-row" role="presentation">
-      ${e}
-    </tr>`}renderMonthNav(){let e=[];return this.withcontrols?e.push(r.ke`<div class="pkt-cal-month-picker">
-          <select
-            class="pkt-input pkt-input-compact"
-            @change=${t=>{this.changeMonth(this.year,t.target.value)}}
-          >
-            ${this.monthStrings.map((t,s)=>r.ke`<option value=${s} ?selected=${this.month===s}>${t}</option>`)}
-          </select>
-          <input
-            class="pkt-input pkt-cal-input-year pkt-input-compact"
-            type="number"
-            size="4"
-            placeholder="0000"
-            @change=${t=>{this.changeMonth(t.target.value,this.month)}}
-            value="${this.year}"
-          />
-        </div> `):e.push(r.ke`<div class="pkt-txt-16-medium" aria-live="polite">
-          ${this.monthStrings[this.month]} ${this.year}
-        </div>`),e}renderDayView(e,t,s){const n=new Date(this.year,this.month,e,12),a=this.formatISODate(n),l=a===this.formatISODate(t),h=this.selected.includes(a),c=this.isExcluded(s,n)||!h&&this.multiple&&this.maxMultiple>0&&this.selected.length>=this.maxMultiple,d=this.focusedDate?this.focusedDate===a?"0":"-1":e===1?"0":"-1";this.selectableDates.push({currentDateISO:a,isDisabled:c});const p={"pkt-cal-today":l,"pkt-cal-selected":h,"pkt-cal-in-range":this.inRange[a],"pkt-cal-excluded":this.isExcluded(s,n),"pkt-cal-in-range-first":this.range&&(this.selected.length===2||this.rangeHovered!==null)&&a===this.selected[0],"pkt-cal-in-range-last":this.range&&this.selected.length===2&&a===this.selected[1],"pkt-cal-range-hover":this.rangeHovered!==null&&a===this.formatISODate(this.rangeHovered)};return r.ke`<td class=${P.Rt(p)}>
-      <div
-        ?aria-selected=${h}
-        role="gridcell"
-        class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
-        @mouseover=${()=>this.range&&!this.isExcluded(s,n)&&this.handleRangeHover(n)}
-        @focus=${()=>{this.range&&!this.isExcluded(s,n)&&this.handleRangeHover(n),this.focusedDate=a}}
-        tabindex=${d}
-        data-disabled=${c?"disabled":r.D}
-        data-date=${a}
-        @keydown=${u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),this.handleDateSelect(n))}}
-        @click=${u=>{c||(u.preventDefault(),this.handleDateSelect(n))}}
-      >
-        <span class="pkt-btn__text pkt-txt-14-light">${e}</span>
-      </div>
-    </td>`}renderCalendarBody(){const e=new Date,t=new Date(this.year,this.month,1,12),s=new Date(this.year,this.month+1,0,12),n=(t.getDay()+6)%7,a=s.getDate(),l=Math.ceil((a+n)/7),c=new Date(this.year,this.month,0,12).getDate();let d=1;this.week=S(new Date(this.year,this.month,1,12));const p=[];for(let u=0;u<l;u++){const f=[];this.weeknumbers&&f.push(r.ke`<td class="pkt-cal-week">${this.week}</td>`),this.week++;for(let y=1;y<8;y++)if(u===0&&y<n+1){const C=c-(n-y-1);f.push(r.ke`<td class="pkt-cal-other">
-              <div
-                class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
-                data-disabled="disabled"
-              >
-                <span class="pkt-btn__text pkt-txt-14-light">${C}</span>
-              </div>
-            </td>`)}else d>a?(f.push(r.ke`<td class="pkt-cal-other">
-              <div
-                class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--label-only"
-                data-disabled="disabled"
-              >
-                <span class="pkt-btn__text pkt-txt-14-light">${d-a}</span>
-              </div>
-            </td>`),d++):(f.push(this.renderDayView(d,e,y)),d++);p.push(r.ke`<tr class="pkt-cal-week-row" role="row">
-          ${f}
-        </tr>`)}return p}isExcluded(e,t){return this.excludeweekdays.includes(e.toString())||this.earliest&&t<new Date(this.earliest)||this.latest&&t>new Date(this.latest)?!0:this.excludedates.some(s=>typeof s=="string"?s===this.formatISODate(t):s.toDateString()===t.toDateString())}formatISODate(e){return e.toISOString().split("T")[0]}isPrevMonthAllowed(){const e=new Date(this.year,this.month,0,12);return!(this.earliest&&new Date(this.earliest)>e)}prevMonth(){const e=this.month===0?11:this.month-1,t=this.month===0?this.year-1:this.year;this.changeMonth(t,e)}isNextMonthAllowed(){const e=new Date(this.year,this.month===11?0:this.month+1,1,12);return!(this.latest&&new Date(this.latest)<e)}nextMonth(){const e=this.month===11?0:this.month+1,t=this.month===11?this.year+1:this.year;this.changeMonth(t,e)}changeMonth(e,t){this.year=e,this.month=t,this.selectableDates=[],this.requestUpdate("currentmonth")}isInRange(e){if(this.range&&this.selected.length===2){if(e>new Date(this.selected[0])&&e<new Date(this.selected[1]))return!0}else if(this.range&&this.selected.length===1&&this.rangeHovered&&e>new Date(this.selected[0])&&e<this.rangeHovered)return!0;return!1}isRangeAllowed(e){let t=!0;if(this._selected.length===1){const s=b({start:this._selected[0],end:e});if(Array.isArray(s)&&s.length)for(let n=0;n<s.length;n++)this.excludedates.forEach(a=>{a>this._selected[0]&&a<e&&(t=!1)}),this.excludeweekdays.includes(T(s[n]).toString())&&(t=!1)}return t}emptySelected(){this.selected=[],this._selected=[],this.inRange={}}addToSelected(e){this.selected.includes(this.formatISODate(e))||(this.selected=[...this.selected,this.formatISODate(e)],this._selected=[...this._selected,e])}removeFromSelected(e){if(this.selected.length===1)this.emptySelected();else{const t=this.selected.indexOf(this.formatISODate(e)),s=[...this.selected],n=[...this._selected];s.splice(t,1),n.splice(t,1),this.selected=s,this._selected=n}}toggleSelected(e){const t=this.formatISODate(e);this.selected.includes(t)?this.removeFromSelected(e):this.maxMultiple&&this.selected.length>=this.maxMultiple||this.addToSelected(e)}handleRangeSelect(e){const t=this.formatISODate(e);return this.selected.includes(t)?this.selected.indexOf(t)===0?this.emptySelected():this.removeFromSelected(e):this.selected.length>1?(this.emptySelected(),this.addToSelected(e)):(this.selected.length===1&&!this.isRangeAllowed(e)&&this.emptySelected(),this.selected.length===1&&this._selected[0]>e&&this.emptySelected(),this.addToSelected(e)),Promise.resolve()}handleRangeHover(e){if(this.range&&this._selected.length===1&&this.isRangeAllowed(e)&&this._selected[0]<e){this.rangeHovered=e,this.inRange={};const t=b({start:this._selected[0],end:e});if(Array.isArray(t)&&t.length)for(let s=0;s<t.length;s++)this.inRange[this.formatISODate(t[s])]=this.isInRange(t[s])}else this.rangeHovered=null}handleDateSelect(e){if(e)return this.range?this.handleRangeSelect(e):this.multiple?this.toggleSelected(e):(this.selected.includes(this.formatISODate(e))?this.emptySelected():(this.emptySelected(),this.addToSelected(e)),this.close()),this.dispatchEvent(new CustomEvent("date-selected",{detail:this.selected,bubbles:!0,composed:!0})),Promise.resolve()}closeEvent(e){this.contains(e.relatedTarget)||this.close()}close(){this.dispatchEvent(new CustomEvent("close",{detail:!0,bubbles:!0,composed:!0}))}};o([r.n({type:Boolean,reflect:!0})],exports.PktCalendar.prototype,"multiple",2);o([r.n({type:Number})],exports.PktCalendar.prototype,"maxMultiple",2);o([r.n({type:Boolean,reflect:!0})],exports.PktCalendar.prototype,"range",2);o([r.n({type:Boolean,reflect:!0})],exports.PktCalendar.prototype,"weeknumbers",2);o([r.n({type:Boolean,reflect:!0})],exports.PktCalendar.prototype,"withcontrols",2);o([r.n({type:Boolean,reflect:!0})],exports.PktCalendar.prototype,"focused",2);o([r.n({converter:w.converters.csvToArray})],exports.PktCalendar.prototype,"selected",2);o([r.n({type:String,reflect:!0})],exports.PktCalendar.prototype,"earliest",2);o([r.n({type:String,reflect:!0})],exports.PktCalendar.prototype,"latest",2);o([r.n({converter:w.converters.stringsToDate})],exports.PktCalendar.prototype,"excludedates",2);o([r.n({converter:w.converters.csvToArray})],exports.PktCalendar.prototype,"excludeweekdays",2);o([r.n({converter:w.converters.stringToDate})],exports.PktCalendar.prototype,"currentmonth",2);o([r.n({type:Array})],exports.PktCalendar.prototype,"dayStrings",2);o([r.n({type:Array})],exports.PktCalendar.prototype,"monthStrings",2);o([r.n({type:String})],exports.PktCalendar.prototype,"weekString",2);o([r.n({type:String})],exports.PktCalendar.prototype,"prevMonthString",2);o([r.n({type:String})],exports.PktCalendar.prototype,"nextMonthString",2);o([r.n({type:Array})],exports.PktCalendar.prototype,"_selected",2);o([r.n({type:Number})],exports.PktCalendar.prototype,"year",2);o([r.n({type:Number})],exports.PktCalendar.prototype,"month",2);o([r.n({type:Number})],exports.PktCalendar.prototype,"week",2);o([r.n({type:Date})],exports.PktCalendar.prototype,"rangeHovered",2);o([x.r()],exports.PktCalendar.prototype,"inRange",2);o([x.r()],exports.PktCalendar.prototype,"focusedDate",2);o([x.r()],exports.PktCalendar.prototype,"selectableDates",2);exports.PktCalendar=o([$.t("pkt-calendar")],exports.PktCalendar);exports.constructFrom=D;exports.getDefaultOptions=v;exports.getWeek=S;exports.getWeekYear=O;exports.millisecondsInDay=_;exports.millisecondsInWeek=M;exports.startOfWeek=m;exports.toDate=k;

package/dist/state-BRgFbJX9.js

@@ -1,12 +0,0 @@
-import { n as r } from "./index-BHzxfdBK.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function n(t) {
-  return r({ ...t, state: !0, attribute: !1 });
-}
-export {
-  n as r
-};

package/dist/state-D2tUtTi6.cjs

@@ -1,5 +0,0 @@
-"use strict";const e=require("./index-BJ_4AGO3.cjs");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function r(t){return e.n({...t,state:!0,attribute:!1})}exports.r=r;