@oslokommune/punkt-elements 19.0.5 → 19.3.0

package/CHANGELOG.md

@@ -5,6 +5,16 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [19.3.0](https://github.com/oslokommune/punkt/compare/19.2.0...19.3.0) (2026-09-29)
+
+---
+
+
+## [19.2.0](https://github.com/oslokommune/punkt/compare/19.1.0...19.2.0) (2026-09-28)
+
+---
+
+
 ## [19.0.5](https://github.com/oslokommune/punkt/compare/19.0.4...19.0.5) (2026-09-22)
 
 ### ⚠ BREAKING CHANGES

package/dist/alert-DsGNGcgd.cjs

@@ -0,0 +1,40 @@
+const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),n=require("./if-defined-CjRKmMQs.cjs"),r=require("./format-B8meU8Tm.cjs"),i=require("./element-with-slot-MCvSBwUv.cjs"),a=require("./classutils-CbklAJDe.cjs"),o=require("./define-component-spec-DBNd2FJY.cjs");require("./icon-Clz68-Kz.cjs"),require("./button-CCR4eyt_.cjs");var s=[`off`,`polite`,`assertive`],c=[`info`,`success`,`warning`,`error`],l=[`medium`,`small`,`xsmall`],u={compact:!1},d=o.t({name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{reactOnly:!0,description:`React: Klikk-event for 'Lukk'-knappen`},close:{elementsOnly:!0,description:`Elements: Klikk-event for 'Lukk'-knappen`}},props:{title:{name:`Tittel`,description:`Tittelen som vises øverst i på meldingen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Hvordan type melding er dette?`,type:[...c],default:`info`,category:`ui`},date:{name:`Sist oppdatert`,description:`Dato som vises nederst i på meldingen`,type:`string`,category:`contents`},ariaLive:{name:`aria-live`,description:`Hvordan skal skjermleseren lese opp meldingen?`,type:[...s],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[...l],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`},compact:{name:`Kompakt`,description:`Kompakt visning av alerten.`,deprecated:"Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",type:`boolean`,category:`ui`,default:u.compact}},slots:{default:{description:`Innholdet i meldingen`}}}),f=class extends i.t{constructor(){super(),this.compact=u.compact,this.title=``,this.skin=d.props.skin.default,this.ariaLive=d.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=d.props.closeAlert.default,this.date=null,this.role=`status`,this._hostId=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._isClosed=!1}connectedCallback(){super.connectedCallback(),this.ariaLiveAttr=this.getAttribute(`aria-live`)||this.ariaLive}willUpdate(e){super.willUpdate(e);let t=this.getAttribute(`id`);t&&(this._hostId=t,this.removeAttribute(`id`))}attributeChangedCallback(e,t,n){e===`ariaLive`&&(this.ariaLiveAttr=n),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`ariaLive`)&&e.get(`ariaLive`)!==void 0&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&a.t(this,`pkt-hide`,this._isClosed)}render(){let a=this.size??(this.compact?`small`:`medium`),o={"pkt-alert":!0,[`pkt-alert--${a}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},s={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e._`
+      <div
+        class=${t.t(o)}
+        id=${n.t(this._hostId||void 0)}
+        aria-live=${this.ariaLiveAttr}
+        role=${this.role}
+      >
+        <div class=${t.t(s)}>
+          <pkt-icon
+            class="pkt-alert__icon"
+            aria-hidden="true"
+            name=${this.skin===`info`?`alert-information`:`alert-${this.skin}`}
+          ></pkt-icon>
+
+          ${this.closeAlert?e._`
+                <div class="pkt-alert__close">
+                  <pkt-button
+                    tabindex="0"
+                    aria-label="close"
+                    size=${a}
+                    type="button"
+                    skin="tertiary"
+                    iconName="close"
+                    variant="icon-only"
+                    @click=${this.close}
+                  >
+                    <span class="sr-only">${this.pktStrings.get(`generic`).close}</span>
+                  </pkt-button>
+                </div>
+              `:e.h}
+          ${this.title?e._`<div class="pkt-alert__title">${this.title}</div>`:e.h}
+
+          <div class="pkt-alert__text">${i.r(this)}</div>
+
+          ${this.date?e._`<div class="pkt-alert__date">
+                ${r.t(this.pktStrings.get(`alert`).lastUpdated,{date:this.date})}
+              </div>`:e.h}
+        </div>
+      </div>
+    `}};e.n([e.u({type:Boolean,reflect:!1})],f.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0})],f.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],f.prototype,`skin`,void 0),e.n([e.u({type:String})],f.prototype,`ariaLive`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`aria-live`})],f.prototype,`ariaLiveAttr`,void 0),e.n([e.u({type:Boolean,reflect:!0})],f.prototype,`closeAlert`,void 0),e.n([e.u({type:String,reflect:!0})],f.prototype,`date`,void 0),e.n([e.u({type:String})],f.prototype,`role`,void 0),e.n([e.l()],f.prototype,`_hostId`,void 0),e.n([e.u({type:String,attribute:`size`})],f.prototype,`size`,void 0),e.n([e.l()],f.prototype,`_isClosed`,void 0);try{e.d(`pkt-alert`)(f)}catch{console.warn(`Forsøker å definere <pkt-alert>, men den er allerede definert`)}var p=f;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});

package/dist/{alert-DaXpwnzT.js → alert-vIaasUjb.js}

@@ -21,7 +21,7 @@ var p = [
 	"medium",
 	"small",
 	"xsmall"
-], g = f({
+], g = { compact: !1 }, _ = f({
 	name: "pkt-alert",
 	react: "PktAlert",
 	"css-class": "pkt-alert",
@@ -35,7 +35,7 @@ var p = [
 		},
 		close: {
 			elementsOnly: !0,
-			description: "Vue: Klikk-event for 'Lukk'-knappen"
+			description: "Elements: Klikk-event for 'Lukk'-knappen"
 		}
 	},
 	props: {
@@ -78,19 +78,20 @@ var p = [
 			type: "boolean",
 			default: !1,
 			category: "ui"
+		},
+		compact: {
+			name: "Kompakt",
+			description: "Kompakt visning av alerten.",
+			deprecated: "Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",
+			type: "boolean",
+			category: "ui",
+			default: g.compact
 		}
 	},
-	slots: { default: { description: "Innholdet i meldingen" } },
-	deprecated: { compact: {
-		name: "Kompakt (deprecated)",
-		description: "Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",
-		type: "boolean",
-		category: "ui",
-		default: !1
-	} }
-}), _ = class extends u {
+	slots: { default: { description: "Innholdet i meldingen" } }
+}), v = class extends u {
 	constructor() {
-		super(), this.compact = g.deprecated.compact.default, this.title = "", this.skin = g.props.skin.default, this.ariaLive = g.props.ariaLive.default, this.ariaLiveAttr = null, this.closeAlert = g.props.closeAlert.default, this.date = null, this.role = "status", this._hostId = null, this._isClosed = !1, this.close = (e) => {
+		super(), this.compact = g.compact, this.title = "", this.skin = _.props.skin.default, this.ariaLive = _.props.ariaLive.default, this.ariaLiveAttr = null, this.closeAlert = _.props.closeAlert.default, this.date = null, this.role = "status", this._hostId = null, this._isClosed = !1, this.close = (e) => {
 			this._isClosed = !0, this.dispatchEvent(new CustomEvent("close", {
 				detail: { origin: e },
 				bubbles: !0,
@@ -172,33 +173,33 @@ var p = [
 i([a({
 	type: Boolean,
 	reflect: !1
-})], _.prototype, "compact", void 0), i([a({
+})], v.prototype, "compact", void 0), i([a({
 	type: String,
 	reflect: !0
-})], _.prototype, "title", void 0), i([a({
+})], v.prototype, "title", void 0), i([a({
 	type: String,
 	reflect: !0
-})], _.prototype, "skin", void 0), i([a({ type: String })], _.prototype, "ariaLive", void 0), i([a({
+})], v.prototype, "skin", void 0), i([a({ type: String })], v.prototype, "ariaLive", void 0), i([a({
 	type: String,
 	reflect: !0,
 	attribute: "aria-live"
-})], _.prototype, "ariaLiveAttr", void 0), i([a({
+})], v.prototype, "ariaLiveAttr", void 0), i([a({
 	type: Boolean,
 	reflect: !0
-})], _.prototype, "closeAlert", void 0), i([a({
+})], v.prototype, "closeAlert", void 0), i([a({
 	type: String,
 	reflect: !0
-})], _.prototype, "date", void 0), i([a({ type: String })], _.prototype, "role", void 0), i([r()], _.prototype, "_hostId", void 0), i([a({
+})], v.prototype, "date", void 0), i([a({ type: String })], v.prototype, "role", void 0), i([r()], v.prototype, "_hostId", void 0), i([a({
 	type: String,
 	attribute: "size"
-})], _.prototype, "size", void 0), i([r()], _.prototype, "_isClosed", void 0);
+})], v.prototype, "size", void 0), i([r()], v.prototype, "_isClosed", void 0);
 try {
-	t("pkt-alert")(_);
+	t("pkt-alert")(v);
 } catch {
 	console.warn("Forsøker å definere <pkt-alert>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/alert/index.ts
-var v = _;
+var y = v;
 //#endregion
-export { _ as n, v as t };
+export { v as n, y as t };

package/dist/{calendar-BuSfyUR9.cjs → calendar-CtfdBqJN.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs");require("./icon-Clz68-Kz.cjs");const n=require("./converters-BJ9Fe0kW.cjs");function r(e,t,r){let i=n.y(e,r?.in);return isNaN(t)?n.b(r?.in||e,NaN):(t&&i.setDate(i.getDate()+t),i)}function i(e,t){let[r,i]=n.v(e,t.start,t.end);return{start:r,end:i}}function a(e,t){let{start:r,end:a}=i(t?.in,e),o=+r>+a,s=o?+r:+a,c=o?a:r;c.setHours(0,0,0,0);let l=t?.step??1;if(!l)return[];l<0&&(l=-l,o=!o);let u=[];for(;+c<=s;)u.push(n.b(r,c)),c.setDate(c.getDate()+l),c.setHours(0,0,0,0);return o?u.reverse():u}function o(e,t){let r=n.y(e,t?.in).getDay();return r===0?7:r}var s={multiple:!1,maxMultiple:0,range:!1,earliest:null,latest:null,weeknumbers:!1,withcontrols:!1};function c(e,t){let r=(t.excludedates??[]).map(e=>typeof e==`string`?e:n.a(e));return!n.l(e,t.earliest,t.latest,r,t.excludeweekdays??[])}function l(e,t,n,r){return!!(c(e,n)||!t&&r.multiple&&r.maxMultiple>0&&r.selectedCount>=r.maxMultiple)}function u(e,t,r){let i=n.p(e,t,0);return!(r&&n.d(r)>i)}function d(e,t,r){let i=n.p(t===11?e+1:e,t===11?0:t+1,1);return!(r&&n.d(r)<i)}function f(e,t){let r=n.p(e,t,1),i=n.p(e,t+1,0),a=(r.getDay()+6)%7,o=i.getDate();return{firstDayOfMonth:r,lastDayOfMonth:i,startingDay:a,numDays:o,numRows:Math.ceil((o+a)/7),numDaysPrevMonth:n.p(e,t,0).getDate(),initialWeek:n._(r)}}function p(e,t,n,r){let{startingDay:i,numDays:a}=r;return e===0&&t<i?`prev-month`:n>a?`next-month`:`current-month`}function m(e,t,n,r){let{startingDay:i,numDaysPrevMonth:a,numDays:o}=r;return e===`prev-month`?a-(i-t-1):e===`next-month`?n-o:n}function h(e){return typeof e==`string`&&(e=e.split(`,`)),e.length===1&&e[0]===``?[]:e.map(e=>n.m(e))}function g(e,t){let r=a({start:e,end:t}),i={};if(Array.isArray(r)&&r.length)for(let a=0;a<r.length;a++){let o=r[a],s=o>e&&o<t;i[n.a(o)]=s}return i}function _(e,t,n,r){if(t.length!==1)return!0;let i=a({start:t[0],end:e});if(!Array.isArray(i)||!i.length)return!0;for(let a=0;a<i.length;a++){for(let r of n??[])if(r>t[0]&&r<e)return!1;if((r??[]).includes(o(i[a]).toString()))return!1}return!0}function v(e,t){let r=n.a(e);return t.includes(r)?t:[...t,r]}function y(e,t){let r=n.a(e),i=t.indexOf(r);if(i===-1)return t;if(t.length===1)return[];let a=[...t];return a.splice(i,1),a}function b(e,t,r){let i=n.a(e);return t.includes(i)?y(e,t):r>0&&t.length>=r?t:v(e,t)}function x(e,t,r){let i=n.a(e),a=h(t);return t.includes(i)?t.indexOf(i)===0?[]:y(e,t):t.length>1||t.length===1&&(!_(e,a,r.excludedates,r.excludeweekdays)||a[0]>e)?[i]:v(e,t)}var S={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};function C(e){let t=e.nodeName;return t===`INPUT`||t===`SELECT`||t===`BUTTON`&&!e.dataset?.date}function w(e,t,i){let a=r(e,t);if(!a)return null;let o=i(`button[data-date="${n.a(a)}"]`);for(;o instanceof HTMLButtonElement&&o.dataset.disabled;)if(a=r(a,t),o=i(`button[data-date="${n.a(a)}"]`),!o)return null;return a}function T(e){return S[e]??null}var E=class extends e.t{constructor(...e){super(...e),this.selected=[],this.multiple=s.multiple,this.maxMultiple=s.maxMultiple,this.range=s.range,this.earliest=s.earliest,this.latest=s.latest,this.excludedates=[],this.excludeweekdays=[],this.weeknumbers=s.weeknumbers,this.withcontrols=s.withcontrols,this.currentmonth=null,this.today=null,this._selected=[],this.inRange={},this.rangeHovered=null,this.year=0,this.month=0,this.week=0,this.currentmonthtouched=!1,this.focusedDate=null,this.selectableDates=[],this.tabIndexSet=0}get calendarStrings(){let e=this.pktStrings.get(`dates`),t=this.pktStrings.get(`calendar`);return{daysShort:this.dayStrings??e.daysShort,days:this.dayStringsLong??e.days,months:this.monthStrings??e.months,week:this.weekString??e.week,prevMonth:this.prevMonthString??t.prevMonth,nextMonth:this.nextMonthString??t.nextMonth}}get todayDate(){return this.today?n.m(this.today):n.g()}firstUpdated(e){this.addEventListener(`keydown`,this.handleKeydown)}disconnectedCallback(){this.removeEventListener(`keydown`,this.handleKeydown),super.disconnectedCallback()}updated(e){super.updated(e),e.has(`selected`)&&this.convertSelected()}convertSelected(){typeof this.selected==`string`&&(this.selected=this.selected.split(`,`)),this.selected.length===1&&this.selected[0]===``&&(this.selected=[]),this._selected=h(this.selected),this.range&&this.selected.length===2&&(this.inRange=g(this._selected[0],this._selected[1])),this.setCurrentMonth()}setCurrentMonth(){if(this.currentmonth===null&&!this.currentmonthtouched&&(this.currentmonthtouched=!0),this.selected.length&&this.selected[0]!==``){let e=n.m(this.selected[this.selected.length-1]);this.currentmonth=isNaN(e.getTime())?n.f(this.todayDate):e}else this.currentmonth===null&&(this.currentmonth=n.f(this.todayDate));(!this.currentmonth||isNaN(this.currentmonth.getTime()))&&(this.currentmonth=n.f(this.todayDate)),this.year=this.currentmonth.getFullYear(),this.month=this.currentmonth.getMonth()}handleKeydown(e){let t=T(e.key);t!==null&&this.handleArrowKey(e,t)}handleArrowKey(e,t){let r=e.target;if(C(r))return;if(e.preventDefault(),!this.focusedDate){this.focusOnCurrentDate();return}let i=w(this.focusedDate?n.d(this.focusedDate):n.p(this.year,this.month,1),t,this.querySelector.bind(this));if(i){let e=this.querySelector(`button[data-date="${n.a(i)}"]`);e instanceof HTMLButtonElement&&!e.dataset.disabled&&(this.focusedDate=n.a(i),e.focus())}}render(){return e._`
+const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs");require("./icon-Clz68-Kz.cjs");const n=require("./converters-BJ9Fe0kW.cjs");var r={multiple:!1,maxMultiple:0,range:!1,earliest:null,latest:null,weeknumbers:!1,withcontrols:!1};function i(e,t,r){let i=n.y(e,r?.in);return isNaN(t)?n.b(r?.in||e,NaN):(t&&i.setDate(i.getDate()+t),i)}function a(e,t){let[r,i]=n.v(e,t.start,t.end);return{start:r,end:i}}function o(e,t){let{start:r,end:i}=a(t?.in,e),o=+r>+i,s=o?+r:+i,c=o?i:r;c.setHours(0,0,0,0);let l=t?.step??1;if(!l)return[];l<0&&(l=-l,o=!o);let u=[];for(;+c<=s;)u.push(n.b(r,c)),c.setDate(c.getDate()+l),c.setHours(0,0,0,0);return o?u.reverse():u}function s(e,t){let r=n.y(e,t?.in).getDay();return r===0?7:r}function c(e,t){let r=(t.excludedates??[]).map(e=>typeof e==`string`?e:n.a(e));return!n.l(e,t.earliest,t.latest,r,t.excludeweekdays??[])}function l(e,t,n,r){return!!(c(e,n)||!t&&r.multiple&&r.maxMultiple>0&&r.selectedCount>=r.maxMultiple)}function u(e,t,r){let i=n.p(e,t,0);return!(r&&n.d(r)>i)}function d(e,t,r){let i=n.p(t===11?e+1:e,t===11?0:t+1,1);return!(r&&n.d(r)<i)}function f(e,t){let r=n.p(e,t,1),i=n.p(e,t+1,0),a=(r.getDay()+6)%7,o=i.getDate();return{firstDayOfMonth:r,lastDayOfMonth:i,startingDay:a,numDays:o,numRows:Math.ceil((o+a)/7),numDaysPrevMonth:n.p(e,t,0).getDate(),initialWeek:n._(r)}}function p(e,t,n,r){let{startingDay:i,numDays:a}=r;return e===0&&t<i?`prev-month`:n>a?`next-month`:`current-month`}function m(e,t,n,r){let{startingDay:i,numDaysPrevMonth:a,numDays:o}=r;return e===`prev-month`?a-(i-t-1):e===`next-month`?n-o:n}function h(e){return typeof e==`string`&&(e=e.split(`,`)),e.length===1&&e[0]===``?[]:e.map(e=>n.m(e))}function g(e,t){let r=o({start:e,end:t}),i={};if(Array.isArray(r)&&r.length)for(let a=0;a<r.length;a++){let o=r[a],s=o>e&&o<t;i[n.a(o)]=s}return i}function _(e,t,n,r){if(t.length!==1)return!0;let i=o({start:t[0],end:e});if(!Array.isArray(i)||!i.length)return!0;for(let a=0;a<i.length;a++){for(let r of n??[])if(r>t[0]&&r<e)return!1;if((r??[]).includes(s(i[a]).toString()))return!1}return!0}function v(e,t){let r=n.a(e);return t.includes(r)?t:[...t,r]}function y(e,t){let r=n.a(e),i=t.indexOf(r);if(i===-1)return t;if(t.length===1)return[];let a=[...t];return a.splice(i,1),a}function b(e,t,r){let i=n.a(e);return t.includes(i)?y(e,t):r>0&&t.length>=r?t:v(e,t)}function x(e,t,r){let i=n.a(e),a=h(t);return t.includes(i)?t.indexOf(i)===0?[]:y(e,t):t.length>1||t.length===1&&(!_(e,a,r.excludedates,r.excludeweekdays)||a[0]>e)?[i]:v(e,t)}var S={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};function C(e){let t=e.nodeName;return t===`INPUT`||t===`SELECT`||t===`BUTTON`&&!e.dataset?.date}function w(e,t,r){let a=i(e,t);if(!a)return null;let o=r(`button[data-date="${n.a(a)}"]`);for(;o instanceof HTMLButtonElement&&o.dataset.disabled;)if(a=i(a,t),o=r(`button[data-date="${n.a(a)}"]`),!o)return null;return a}function T(e){return S[e]??null}var E=class extends e.t{constructor(...e){super(...e),this.selected=[],this.multiple=r.multiple,this.maxMultiple=r.maxMultiple,this.range=r.range,this.earliest=r.earliest,this.latest=r.latest,this.excludedates=[],this.excludeweekdays=[],this.weeknumbers=r.weeknumbers,this.withcontrols=r.withcontrols,this.currentmonth=null,this.today=null,this._selected=[],this.inRange={},this.rangeHovered=null,this.year=0,this.month=0,this.week=0,this.currentmonthtouched=!1,this.focusedDate=null,this.selectableDates=[],this.tabIndexSet=0}get calendarStrings(){let e=this.pktStrings.get(`dates`),t=this.pktStrings.get(`calendar`);return{daysShort:this.dayStrings??e.daysShort,days:this.dayStringsLong??e.days,months:this.monthStrings??e.months,week:this.weekString??e.week,prevMonth:this.prevMonthString??t.prevMonth,nextMonth:this.nextMonthString??t.nextMonth}}get todayDate(){return this.today?n.m(this.today):n.g()}firstUpdated(e){this.addEventListener(`keydown`,this.handleKeydown)}disconnectedCallback(){this.removeEventListener(`keydown`,this.handleKeydown),super.disconnectedCallback()}updated(e){super.updated(e),e.has(`selected`)&&this.convertSelected()}convertSelected(){typeof this.selected==`string`&&(this.selected=this.selected.split(`,`)),this.selected.length===1&&this.selected[0]===``&&(this.selected=[]),this._selected=h(this.selected),this.range&&this.selected.length===2&&(this.inRange=g(this._selected[0],this._selected[1])),this.setCurrentMonth()}setCurrentMonth(){if(this.currentmonth===null&&!this.currentmonthtouched&&(this.currentmonthtouched=!0),this.selected.length&&this.selected[0]!==``){let e=n.m(this.selected[this.selected.length-1]);this.currentmonth=isNaN(e.getTime())?n.f(this.todayDate):e}else this.currentmonth===null&&(this.currentmonth=n.f(this.todayDate));(!this.currentmonth||isNaN(this.currentmonth.getTime()))&&(this.currentmonth=n.f(this.todayDate)),this.year=this.currentmonth.getFullYear(),this.month=this.currentmonth.getMonth()}handleKeydown(e){let t=T(e.key);t!==null&&this.handleArrowKey(e,t)}handleArrowKey(e,t){let r=e.target;if(C(r))return;if(e.preventDefault(),!this.focusedDate){this.focusOnCurrentDate();return}let i=w(this.focusedDate?n.d(this.focusedDate):n.p(this.year,this.month,1),t,this.querySelector.bind(this));if(i){let e=this.querySelector(`button[data-date="${n.a(i)}"]`);e instanceof HTMLButtonElement&&!e.dataset.disabled&&(this.focusedDate=n.a(i),e.focus())}}render(){return e._`
       <div
         class="pkt-calendar ${this.weeknumbers?`pkt-cal-weeknumbers`:``}"
         @focusout=${this.closeEvent}

package/dist/{calendar-KUQ1dFeX.js → calendar-DWSW_GeN.js}

@@ -2,14 +2,25 @@ import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./elemen
 import { t as s } from "./class-map-D5GHsely.js";
 import "./icon-B2v30QUk.js";
 import { _ as c, a as l, b as u, d, f, g as p, l as m, m as h, o as g, p as _, t as v, v as y, y as b } from "./converters-CkjLSYpa.js";
+//#region ../../shared-types/calendar.ts
+var x = {
+	multiple: !1,
+	maxMultiple: 0,
+	range: !1,
+	earliest: null,
+	latest: null,
+	weeknumbers: !1,
+	withcontrols: !1
+};
+//#endregion
 //#region ../../node_modules/date-fns/addDays.js
-function x(e, t, n) {
+function S(e, t, n) {
 	let r = b(e, n?.in);
 	return isNaN(t) ? u(n?.in || e, NaN) : (t && r.setDate(r.getDate() + t), r);
 }
 //#endregion
 //#region ../../node_modules/date-fns/_lib/normalizeInterval.js
-function S(e, t) {
+function C(e, t) {
 	let [n, r] = y(e, t.start, t.end);
 	return {
 		start: n,
@@ -18,8 +29,8 @@ function S(e, t) {
 }
 //#endregion
 //#region ../../node_modules/date-fns/eachDayOfInterval.js
-function C(e, t) {
-	let { start: n, end: r } = S(t?.in, e), i = +n > +r, a = i ? +n : +r, o = i ? r : n;
+function w(e, t) {
+	let { start: n, end: r } = C(t?.in, e), i = +n > +r, a = i ? +n : +r, o = i ? r : n;
 	o.setHours(0, 0, 0, 0);
 	let s = t?.step ?? 1;
 	if (!s) return [];
@@ -30,22 +41,11 @@ function C(e, t) {
 }
 //#endregion
 //#region ../../node_modules/date-fns/getISODay.js
-function w(e, t) {
+function T(e, t) {
 	let n = b(e, t?.in).getDay();
 	return n === 0 ? 7 : n;
 }
 //#endregion
-//#region ../../shared-types/calendar.ts
-var T = {
-	multiple: !1,
-	maxMultiple: 0,
-	range: !1,
-	earliest: null,
-	latest: null,
-	weeknumbers: !1,
-	withcontrols: !1
-};
-//#endregion
 //#region ../../shared-utils/calendar/date-validation.ts
 function E(e, t) {
 	let n = (t.excludedates ?? []).map((e) => typeof e == "string" ? e : l(e));
@@ -88,7 +88,7 @@ function N(e) {
 	return typeof e == "string" && (e = e.split(",")), e.length === 1 && e[0] === "" ? [] : e.map((e) => h(e));
 }
 function P(e, t) {
-	let n = C({
+	let n = w({
 		start: e,
 		end: t
 	}), r = {};
@@ -100,14 +100,14 @@ function P(e, t) {
 }
 function F(e, t, n, r) {
 	if (t.length !== 1) return !0;
-	let i = C({
+	let i = w({
 		start: t[0],
 		end: e
 	});
 	if (!Array.isArray(i) || !i.length) return !0;
 	for (let a = 0; a < i.length; a++) {
 		for (let r of n ?? []) if (r > t[0] && r < e) return !1;
-		if ((r ?? []).includes(w(i[a]).toString())) return !1;
+		if ((r ?? []).includes(T(i[a]).toString())) return !1;
 	}
 	return !0;
 }
@@ -143,10 +143,10 @@ function V(e) {
 	return t === "INPUT" || t === "SELECT" || t === "BUTTON" && !e.dataset?.date;
 }
 function H(e, t, n) {
-	let r = x(e, t);
+	let r = S(e, t);
 	if (!r) return null;
 	let i = n(`button[data-date="${l(r)}"]`);
-	for (; i instanceof HTMLButtonElement && i.dataset.disabled;) if (r = x(r, t), i = n(`button[data-date="${l(r)}"]`), !i) return null;
+	for (; i instanceof HTMLButtonElement && i.dataset.disabled;) if (r = S(r, t), i = n(`button[data-date="${l(r)}"]`), !i) return null;
 	return r;
 }
 function U(e) {
@@ -156,7 +156,7 @@ function U(e) {
 //#region src/components/calendar/calendar.ts
 var W = class extends a {
 	constructor(...e) {
-		super(...e), this.selected = [], this.multiple = T.multiple, this.maxMultiple = T.maxMultiple, this.range = T.range, this.earliest = T.earliest, this.latest = T.latest, this.excludedates = [], this.excludeweekdays = [], this.weeknumbers = T.weeknumbers, this.withcontrols = T.withcontrols, this.currentmonth = null, this.today = null, this._selected = [], this.inRange = {}, this.rangeHovered = null, this.year = 0, this.month = 0, this.week = 0, this.currentmonthtouched = !1, this.focusedDate = null, this.selectableDates = [], this.tabIndexSet = 0;
+		super(...e), this.selected = [], this.multiple = x.multiple, this.maxMultiple = x.maxMultiple, this.range = x.range, this.earliest = x.earliest, this.latest = x.latest, this.excludedates = [], this.excludeweekdays = [], this.weeknumbers = x.weeknumbers, this.withcontrols = x.withcontrols, this.currentmonth = null, this.today = null, this._selected = [], this.inRange = {}, this.rangeHovered = null, this.year = 0, this.month = 0, this.week = 0, this.currentmonthtouched = !1, this.focusedDate = null, this.selectableDates = [], this.tabIndexSet = 0;
 	}
 	get calendarStrings() {
 		let e = this.pktStrings.get("dates"), t = this.pktStrings.get("calendar");

package/dist/{checkbox-CTf4GatI.js → checkbox-B-ejHbFP.js}

@@ -2,10 +2,21 @@ import { _ as e, d as t, h as n, n as r, u as i } from "./element-CqC-sGuC.js";
 import { t as a } from "./class-map-D5GHsely.js";
 import { n as o, t as s } from "./ref-37-yxmc4.js";
 import { t as c } from "./input-element-BTzuDh4h.js";
-//#region src/components/checkbox/checkbox.ts
-var l = class extends c {
+//#region ../../shared-types/checkbox.ts
+var l = {
+	defaultChecked: !1,
+	indeterminate: !1,
+	hasTile: !1,
+	disabled: !1,
+	hasError: !1,
+	isSwitch: !1,
+	hideLabel: !1,
+	labelPosition: "right",
+	requiredTag: !1,
+	optionalTag: !1
+}, u = class extends c {
 	constructor(...e) {
-		super(...e), this.inputRef = s(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.isSwitch = !1, this.labelPosition = "right", this.hideLabel = !1, this.checked = null, this.indeterminate = !1, this.type = "checkbox", this.tagText = null, this.optionalTag = !1, this.requiredTag = !1;
+		super(...e), this.inputRef = s(), this.value = "", this.checkHelptext = null, this.defaultChecked = l.defaultChecked, this.hasTile = l.hasTile, this.isSwitch = l.isSwitch, this.labelPosition = l.labelPosition, this.hideLabel = l.hideLabel, this.checked = null, this.indeterminate = l.indeterminate, this.type = "checkbox", this.tagText = null, this.optionalTag = l.optionalTag, this.requiredTag = l.requiredTag;
 	}
 	connectedCallback() {
 		super.connectedCallback();
@@ -104,23 +115,23 @@ var l = class extends c {
 r([i({
 	type: String,
 	reflect: !0
-})], l.prototype, "value", void 0), r([i({ type: String })], l.prototype, "checkHelptext", void 0), r([i({ type: Boolean })], l.prototype, "defaultChecked", void 0), r([i({ type: Boolean })], l.prototype, "hasTile", void 0), r([i({ type: Boolean })], l.prototype, "isSwitch", void 0), r([i({ type: String })], l.prototype, "labelPosition", void 0), r([i({ type: Boolean })], l.prototype, "hideLabel", void 0), r([i({
+})], u.prototype, "value", void 0), r([i({ type: String })], u.prototype, "checkHelptext", void 0), r([i({ type: Boolean })], u.prototype, "defaultChecked", void 0), r([i({ type: Boolean })], u.prototype, "hasTile", void 0), r([i({ type: Boolean })], u.prototype, "isSwitch", void 0), r([i({ type: String })], u.prototype, "labelPosition", void 0), r([i({ type: Boolean })], u.prototype, "hideLabel", void 0), r([i({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "checked", void 0), r([i({
+})], u.prototype, "checked", void 0), r([i({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "indeterminate", void 0), r([i({
+})], u.prototype, "indeterminate", void 0), r([i({
 	type: String,
 	reflect: !0
-})], l.prototype, "type", void 0), r([i({ type: String })], l.prototype, "tagText", void 0), r([i({ type: Boolean })], l.prototype, "optionalTag", void 0), r([i({ type: String })], l.prototype, "optionalText", void 0), r([i({ type: Boolean })], l.prototype, "requiredTag", void 0), r([i({ type: String })], l.prototype, "requiredText", void 0);
+})], u.prototype, "type", void 0), r([i({ type: String })], u.prototype, "tagText", void 0), r([i({ type: Boolean })], u.prototype, "optionalTag", void 0), r([i({ type: String })], u.prototype, "optionalText", void 0), r([i({ type: Boolean })], u.prototype, "requiredTag", void 0), r([i({ type: String })], u.prototype, "requiredText", void 0);
 try {
-	t("pkt-checkbox")(l);
+	t("pkt-checkbox")(u);
 } catch {
 	console.warn("Forsøker å definere <pkt-checkbox>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/checkbox/index.ts
-var u = l;
+var d = u;
 //#endregion
-export { l as n, u as t };
+export { u as n, d as t };

package/dist/checkbox-B2G_B_bg.cjs

@@ -0,0 +1,40 @@
+const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),n=require("./ref-HT6KRjxp.cjs"),r=require("./input-element-BdIWsDl-.cjs");var i={defaultChecked:!1,indeterminate:!1,hasTile:!1,disabled:!1,hasError:!1,isSwitch:!1,hideLabel:!1,labelPosition:`right`,requiredTag:!1,optionalTag:!1},a=class extends r.t{constructor(...e){super(...e),this.inputRef=n.t(),this.value=``,this.checkHelptext=null,this.defaultChecked=i.defaultChecked,this.hasTile=i.hasTile,this.isSwitch=i.isSwitch,this.labelPosition=i.labelPosition,this.hideLabel=i.hideLabel,this.checked=null,this.indeterminate=i.indeterminate,this.type=`checkbox`,this.tagText=null,this.optionalTag=i.optionalTag,this.requiredTag=i.requiredTag}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,n){e===`defaultChecked`&&!this.checked&&(this.checked=this.defaultChecked),e===`checked`&&(this.checked=this.checked===``||this.checked===`true`||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e===`indeterminate`&&(this.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,t,n)}firstUpdated(e){this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.firstUpdated(e)}willUpdate(e){super.willUpdate(e),e.has(`defaultChecked`)&&!this.checked&&(this.checked=this.defaultChecked)}updated(e){e.has(`checked`)&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===``||this.checked===`true`||this.checked===!0),e.has(`indeterminate`)&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===``||this.indeterminate===`true`||this.indeterminate===!0),super.updated(e)}render(){let r=t.t({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),i=t.t({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=t.t({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-input-check__input-label--left":this.labelPosition===`left`,"pkt-input-check__input-label--right":this.labelPosition===`right`,"pkt-sr-only":this.hideLabel}),o=`pkt-tag pkt-tag--small pkt-tag--thin-text`,s=this.pktStrings.get(`forms`),c=()=>e._`
+        ${this.tagText?e._`<span class=${o+` pkt-tag--gray`}>${this.tagText}</span>`:e.h}
+        ${this.optionalTag?e._`<span class=${o+` pkt-tag--blue-light`}
+                >${this.optionalText??s.optional}</span
+              >`:e.h}
+        ${this.requiredTag?e._`<span class=${o+` pkt-tag--beige`}
+                >${this.requiredText??s.required}</span
+              >`:e.h}
+      `,l=this.id+`-check-label`,u=this.id+`-check-helptext`,d=()=>e._`
+        <label class=${a} for=${this.id+`-internal`}>
+          <span id=${l}>${this.label} ${c()}</span>
+          ${this.checkHelptext?e._`<div id=${u} class="pkt-input-check__input-helptext">
+                  ${this.checkHelptext}
+                </div>`:e.h}
+        </label>
+      `;return e._`
+      <div class="pkt-input-check">
+        <div class=${r}>
+          ${this.labelPosition===`left`?d():e.h}
+          <input
+            id=${this.id+`-internal`}
+            class=${i}
+            type="checkbox"
+            ?disabled=${this.disabled}
+            name=${this.name+`-internal`}
+            ${n.n(this.inputRef)}
+            @change=${this.handleChange}
+            @input=${this.handleInput}
+            @click=${this.handleClick}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+            role=${this.isSwitch?`switch`:`checkbox`}
+            aria-labelledby=${this.label?l:e.h}
+            aria-describedby=${this.checkHelptext?u:e.h}
+          />
+          ${this.labelPosition===`right`?d():e.h}
+        </div>
+      </div>
+    `}handleInput(e){e.stopImmediatePropagation(),this.onInput()}handleClick(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),!1}handleChange(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),!1;this.toggleChecked(e)}toggleChecked(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}let t=e.target;if(t&&t.disabled){e.preventDefault(),e.stopImmediatePropagation();return}e.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this.checked=this.inputRef.value.matches(`:checked`),this.valueChecked(this.checked))}};e.n([e.u({type:String,reflect:!0})],a.prototype,`value`,void 0),e.n([e.u({type:String})],a.prototype,`checkHelptext`,void 0),e.n([e.u({type:Boolean})],a.prototype,`defaultChecked`,void 0),e.n([e.u({type:Boolean})],a.prototype,`hasTile`,void 0),e.n([e.u({type:Boolean})],a.prototype,`isSwitch`,void 0),e.n([e.u({type:String})],a.prototype,`labelPosition`,void 0),e.n([e.u({type:Boolean})],a.prototype,`hideLabel`,void 0),e.n([e.u({type:Boolean,reflect:!0})],a.prototype,`checked`,void 0),e.n([e.u({type:Boolean,reflect:!0})],a.prototype,`indeterminate`,void 0),e.n([e.u({type:String,reflect:!0})],a.prototype,`type`,void 0),e.n([e.u({type:String})],a.prototype,`tagText`,void 0),e.n([e.u({type:Boolean})],a.prototype,`optionalTag`,void 0),e.n([e.u({type:String})],a.prototype,`optionalText`,void 0),e.n([e.u({type:Boolean})],a.prototype,`requiredTag`,void 0),e.n([e.u({type:String})],a.prototype,`requiredText`,void 0);try{e.d(`pkt-checkbox`)(a)}catch{console.warn(`Forsøker å definere <pkt-checkbox>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/{combobox-Bg98cVwV.js → combobox-DHL_CGYv.js}

@@ -10,7 +10,7 @@ import { t as f } from "./repeat-DntD73oB.js";
 import { a as p, c as m, i as h, l as g, o as _, r as v, s as y } from "./listbox-7pQ0UjKV.js";
 import { t as b } from "./input-element-BTzuDh4h.js";
 import { t as x } from "./pkt-options-controller-v2bPM9iU.js";
-import { r as S } from "./input-wrapper-CvFMiqIt.js";
+import { r as S } from "./input-wrapper-B5GdwzAM.js";
 //#region ../../shared-utils/combobox/input-utils.ts
 var C = (e, t, n) => {
 	switch (e) {
@@ -113,6 +113,7 @@ var C = (e, t, n) => {
 	"css-class": "pkt-combobox",
 	isElement: !0,
 	isPureReact: !0,
+	"dark-mode": !0,
 	props: {
 		name: {
 			type: "string",
@@ -319,7 +320,7 @@ var C = (e, t, n) => {
 			attribute: "default-options",
 			name: "Initielle valg (default options)",
 			description: "Liste over valg som kan velges, om options sendes inn som array med objekter (denne vil ikke modifiseres ved endring innad i komponenten)",
-			type: "array",
+			type: "IPktComboboxOption[]",
 			default: [],
 			previewDefault: [
 				{
@@ -387,7 +388,7 @@ var C = (e, t, n) => {
 		},
 		options: {
 			name: "Valg",
-			type: "array",
+			type: "IPktComboboxOption[]",
 			description: "Liste over valg som kan velges, om options sendes inn som array med objekter",
 			default: [],
 			items: {