@oslokommune/punkt-elements 12.42.4 → 12.42.6

package/CHANGELOG.md

@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.42.6](https://github.com/oslokommune/punkt/compare/12.42.5...12.42.6) (2025-06-18)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [12.42.5](https://github.com/oslokommune/punkt/compare/12.42.4...12.42.5) (2025-06-18)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Consent: Oppdater UKE cookie banner og legg til nye features (#2641). Bonus: Kvitte oss med avhengighet til CookieEvents fra CookieManager
+  Bonus 2: Kjapp fiks på Safari 15-problemer med Combobox…
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.42.4](https://github.com/oslokommune/punkt/compare/12.42.3...12.42.4) (2025-06-17)
 
 ### ⚠ BREAKING CHANGES

package/dist/{combobox-BxW5wREE.cjs → combobox-CZJrOopi.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./element-90YeMNbV.cjs"),c=require("./if-defined-C8eotHpL.cjs"),d=require("./state-D-Recv7U.cjs"),r=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),I=require("./repeat-CxQA3AeF.cjs"),$=require("./input-element-CInrWeac.cjs"),y=require("./pkt-options-controller-Ay9ELZTV.cjs"),w=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");require("./icon-B1_BRNqf.cjs");require("./tag-lU4vz70a.cjs");require("./listbox-AjDNhDsQ.cjs");const C={displayValueAs:{default:"label"}},R={props:C};var V=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(b,e,t,i)=>{for(var s=i>1?void 0:i?S(e,t):e,l=b.length-1,n;l>=0;l--)(n=b[l])&&(s=(i?n(e,t,s):n(s))||s);return i&&s&&V(e,t,s),s};exports.PktCombobox=class extends $.PktInputElement{constructor(){super(),this.helptextSlot=r.e(),this.value="",this.options=[],this.defaultOptions=[],this.allowUserInput=!1,this.typeahead=!1,this.includeSearch=!1,this.searchPlaceholder="",this.multiple=!1,this.maxlength=null,this.displayValueAs=R.props.displayValueAs.default,this.tagPlacement=null,this._options=[],this._isOptionsOpen=!1,this._value=[],this._userInfoMessage="",this._addValueText=null,this._maxIsReached=!1,this._search="",this._inputFocus=!1,this._editingSingleValue=!1,this.inputRef=r.e(),this.arrowRef=r.e(),this.listboxRef=r.e(),this.focusRef=r.e(),this.optionTagRef=r.e(),this.optionsController=new y.PktOptionsSlotController(this),this.slotController=new w.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){var e;if(super.connectedCallback(),document&&document.body.addEventListener("click",t=>{this._isOptionsOpen&&!this.contains(t.target)&&this.handleFocusOut(t)}),this._options=[],this.defaultOptions&&this.defaultOptions.length){const t=((e=this.options)==null?void 0:e.filter(i=>i.userAdded))||[];this.options=[...t,...structuredClone(this.defaultOptions)],this._options=[...this.options]}if(this.optionsController.nodes.length){const t=[];this.optionsController.nodes.forEach(i=>{if(!i.textContent&&!i.getAttribute("value"))return null;const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||""};i.getAttribute("data-prefix")&&(s.prefix=i.getAttribute("data-prefix")||void 0),i.getAttribute("tagskincolor")&&(s.tagSkinColor=i.getAttribute("tagskincolor")),i.getAttribute("description")&&(s.description=i.getAttribute("description")||void 0),s.fulltext=s.value+s.label+(s.prefix||""),t.push(s)}),t.length&&(this.options=[...t],this._options=[...t])}}updated(e){var t;if(e.has("_value")&&this.valueChanged(this._value,e.get("_value")),e.has("value")&&(this._value=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]]),this.isMaxItemsReached()),e.has("defaultOptions")&&this.defaultOptions.length){const i=((t=this.options)==null?void 0:t.filter(s=>s.userAdded))||[];this.options=[...i,...structuredClone(this.defaultOptions)],this._options=[...this.options]}if(e.has("options")&&this.options.length){const s=this._options.filter(l=>l.userAdded).filter(l=>!this.options.some(n=>n.value===l.value));this._options=[...s,...this.options],this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const n=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,n)}l.fulltext=l.value+l.label+(l.prefix||""),l.selected=l.selected||this._value.includes(l.value)})}e.has("_search")&&this.dispatchEvent(new CustomEvent("search",{detail:this._search,bubbles:!1})),super.updated(e)}attributeChangedCallback(e,t,i){e==="value"&&(this._value=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]])),e==="options"&&(this._options=this.options,this._options.forEach(s=>{s.value&&!s.label&&(s.label=s.value),s.selected&&!this._value.includes(s.value)&&(this._value=[...this._value,s.value]),s.fulltext=s.value+s.label+(s.prefix||"")}),this._search=""),super.attributeChangedCallback(e,t,i)}render(){return a.x`
+"use strict";const a=require("./element-90YeMNbV.cjs"),c=require("./if-defined-C8eotHpL.cjs"),d=require("./state-D-Recv7U.cjs"),r=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),I=require("./repeat-CxQA3AeF.cjs"),$=require("./input-element-CInrWeac.cjs"),y=require("./pkt-options-controller-ftMgG5DP.cjs"),w=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");require("./icon-B1_BRNqf.cjs");require("./tag-lU4vz70a.cjs");require("./listbox-AjDNhDsQ.cjs");const C={displayValueAs:{default:"label"}},R={props:C};var V=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(b,e,t,i)=>{for(var s=i>1?void 0:i?S(e,t):e,l=b.length-1,n;l>=0;l--)(n=b[l])&&(s=(i?n(e,t,s):n(s))||s);return i&&s&&V(e,t,s),s};exports.PktCombobox=class extends $.PktInputElement{constructor(){super(),this.helptextSlot=r.e(),this.value="",this.options=[],this.defaultOptions=[],this.allowUserInput=!1,this.typeahead=!1,this.includeSearch=!1,this.searchPlaceholder="",this.multiple=!1,this.maxlength=null,this.displayValueAs=R.props.displayValueAs.default,this.tagPlacement=null,this._options=[],this._isOptionsOpen=!1,this._value=[],this._userInfoMessage="",this._addValueText=null,this._maxIsReached=!1,this._search="",this._inputFocus=!1,this._editingSingleValue=!1,this.inputRef=r.e(),this.arrowRef=r.e(),this.listboxRef=r.e(),this.focusRef=r.e(),this.optionTagRef=r.e(),this.optionsController=new y.PktOptionsSlotController(this),this.slotController=new w.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){var e;if(super.connectedCallback(),document&&document.body.addEventListener("click",t=>{this._isOptionsOpen&&!this.contains(t.target)&&this.handleFocusOut(t)}),this._options=[],this.defaultOptions&&this.defaultOptions.length){const t=((e=this.options)==null?void 0:e.filter(i=>i.userAdded))||[];this.options=[...t,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=[...this.options]}if(this.optionsController.nodes.length){const t=[];this.optionsController.nodes.forEach(i=>{if(!i.textContent&&!i.getAttribute("value"))return null;const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||""};i.getAttribute("data-prefix")&&(s.prefix=i.getAttribute("data-prefix")||void 0),i.getAttribute("tagskincolor")&&(s.tagSkinColor=i.getAttribute("tagskincolor")),i.getAttribute("description")&&(s.description=i.getAttribute("description")||void 0),s.fulltext=s.value+s.label+(s.prefix||""),t.push(s)}),t.length&&(this.options=[...t],this._options=[...t])}}updated(e){var t;if(e.has("_value")&&this.valueChanged(this._value,e.get("_value")),e.has("value")&&(this._value=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]]),this.isMaxItemsReached()),e.has("defaultOptions")&&this.defaultOptions.length){const i=((t=this.options)==null?void 0:t.filter(s=>s.userAdded))||[];this.options=[...i,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=[...this.options]}if(e.has("options")&&this.options.length){const s=this._options.filter(l=>l.userAdded).filter(l=>!this.options.some(n=>n.value===l.value));this._options=[...s,...this.options],this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const n=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,n)}l.fulltext=l.value+l.label+(l.prefix||""),l.selected=l.selected||this._value.includes(l.value)})}e.has("_search")&&this.dispatchEvent(new CustomEvent("search",{detail:this._search,bubbles:!1})),super.updated(e)}attributeChangedCallback(e,t,i){e==="value"&&(this._value=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]])),e==="options"&&(this._options=this.options,this._options.forEach(s=>{s.value&&!s.label&&(s.label=s.value),s.selected&&!this._value.includes(s.value)&&(this._value=[...this._value,s.value]),s.fulltext=s.value+s.label+(s.prefix||"")}),this._search=""),super.attributeChangedCallback(e,t,i)}render(){return a.x`
       <pkt-input-wrapper
         .label=${this.label}
         .helptext=${this.helptext}

package/dist/{combobox-C57pmfdV.js → combobox-hYeZxIku.js}

@@ -5,18 +5,18 @@ import { e as _, n as v } from "./ref-DnSbnXsj.js";
 import { e as w } from "./class-map-m7ZCZ49w.js";
 import { c as R } from "./repeat-lUFq9w5d.js";
 import { P as V } from "./input-element-BEvaQK4g.js";
-import { P as C } from "./pkt-options-controller-DepYQBqb.js";
-import { P as A } from "./pkt-slot-controller-DtDaD9q_.js";
+import { P as S } from "./pkt-options-controller-C_Yl_3P6.js";
+import { P as C } from "./pkt-slot-controller-DtDaD9q_.js";
 import "./input-wrapper-DnyRiuHR.js";
 import "./icon-CO1TLSs5.js";
 import "./tag-CX-zbR-7.js";
 import "./listbox-DCWdrjFp.js";
-const S = {
+const A = {
   displayValueAs: {
     default: "label"
   }
 }, T = {
-  props: S
+  props: A
 };
 var M = Object.defineProperty, F = Object.getOwnPropertyDescriptor, o = (t, e, i, s) => {
   for (var l = s > 1 ? void 0 : s ? F(e, i) : e, n = t.length - 1, a; n >= 0; n--)
@@ -25,7 +25,7 @@ var M = Object.defineProperty, F = Object.getOwnPropertyDescriptor, o = (t, e, i
 };
 let h = class extends V {
   constructor() {
-    super(), this.helptextSlot = _(), this.value = "", this.options = [], this.defaultOptions = [], this.allowUserInput = !1, this.typeahead = !1, this.includeSearch = !1, this.searchPlaceholder = "", this.multiple = !1, this.maxlength = null, this.displayValueAs = T.props.displayValueAs.default, this.tagPlacement = null, this._options = [], this._isOptionsOpen = !1, this._value = [], this._userInfoMessage = "", this._addValueText = null, this._maxIsReached = !1, this._search = "", this._inputFocus = !1, this._editingSingleValue = !1, this.inputRef = _(), this.arrowRef = _(), this.listboxRef = _(), this.focusRef = _(), this.optionTagRef = _(), this.optionsController = new C(this), this.slotController = new A(this, this.helptextSlot), this.slotController.skipOptions = !0;
+    super(), this.helptextSlot = _(), this.value = "", this.options = [], this.defaultOptions = [], this.allowUserInput = !1, this.typeahead = !1, this.includeSearch = !1, this.searchPlaceholder = "", this.multiple = !1, this.maxlength = null, this.displayValueAs = T.props.displayValueAs.default, this.tagPlacement = null, this._options = [], this._isOptionsOpen = !1, this._value = [], this._userInfoMessage = "", this._addValueText = null, this._maxIsReached = !1, this._search = "", this._inputFocus = !1, this._editingSingleValue = !1, this.inputRef = _(), this.arrowRef = _(), this.listboxRef = _(), this.focusRef = _(), this.optionTagRef = _(), this.optionsController = new S(this), this.slotController = new C(this, this.helptextSlot), this.slotController.skipOptions = !0;
   }
   // Lifecycle methods
   connectedCallback() {
@@ -34,7 +34,7 @@ let h = class extends V {
       this._isOptionsOpen && !this.contains(e.target) && this.handleFocusOut(e);
     }), this._options = [], this.defaultOptions && this.defaultOptions.length) {
       const e = ((t = this.options) == null ? void 0 : t.filter((i) => i.userAdded)) || [];
-      this.options = [...e, ...structuredClone(this.defaultOptions)], this._options = [...this.options];
+      this.options = [...e, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = [...this.options];
     }
     if (this.optionsController.nodes.length) {
       const e = [];
@@ -52,7 +52,7 @@ let h = class extends V {
     var e;
     if (t.has("_value") && this.valueChanged(this._value, t.get("_value")), t.has("value") && (this._value = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [], !this.multiple && this._value.length > 1 && (this._value = [this._value[0]]), this.isMaxItemsReached()), t.has("defaultOptions") && this.defaultOptions.length) {
       const i = ((e = this.options) == null ? void 0 : e.filter((s) => s.userAdded)) || [];
-      this.options = [...i, ...structuredClone(this.defaultOptions)], this._options = [...this.options];
+      this.options = [...i, ...JSON.parse(JSON.stringify(this.defaultOptions))], this._options = [...this.options];
     }
     if (t.has("options") && this.options.length) {
       const s = this._options.filter((l) => l.userAdded).filter(
@@ -371,12 +371,12 @@ let h = class extends V {
     return t ? this._maxIsReached = !0 : this._maxIsReached = !1, t;
   }
   toggleValue(t) {
-    var I, O;
+    var $, I;
     if (this.disabled) return;
     this.touched = !0, this._userInfoMessage = "", this._addValueText = null;
-    const e = ((I = this.findValueInOptions(t)) == null ? void 0 : I.value) || null, i = this._value.includes(t || e || ""), s = !!e, l = ((O = this._options.find((m) => m.value === t)) == null ? void 0 : O.disabled) || !1, n = !(t != null && t.trim()), a = !this.multiple, u = this.multiple, $ = this.isMaxItemsReached();
+    const e = (($ = this.findValueInOptions(t)) == null ? void 0 : $.value) || null, i = this._value.includes(t || e || ""), s = !!e, l = ((I = this._options.find((m) => m.value === t)) == null ? void 0 : I.disabled) || !1, n = !(t != null && t.trim()), a = !this.multiple, u = this.multiple, O = this.isMaxItemsReached();
     let p = !1, b = !0, g = "", x = "";
-    l || (!s && this.allowUserInput && !n ? (this.addNewUserValue(t), g = "Ny verdi lagt til", p = !u) : !s && !this.allowUserInput ? (a && this._value[0] && this.removeValue(this._value[0]), b = !1, p = !0, g = "Ingen treff i søket") : i ? (this.removeValue(e), p = !0) : n && a ? (this.removeAllSelected(), p = !0) : a ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(e), p = !1, this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "", this.inputRef.value.blur())) : u && !$ ? (this.setSelected(e), p = !0) : u && $ ? (this._userInfoMessage = "Maks antall valg nådd", b = !1, x = t) : (a && this.removeAllSelected(), this._userInfoMessage = "Ingen gyldig verdi valgt", b = !1, p = !0, x = t), this._isOptionsOpen = p, p || window.setTimeout(() => {
+    l || (!s && this.allowUserInput && !n ? (this.addNewUserValue(t), g = "Ny verdi lagt til", p = !u) : !s && !this.allowUserInput ? (a && this._value[0] && this.removeValue(this._value[0]), b = !1, p = !0, g = "Ingen treff i søket") : i ? (this.removeValue(e), p = !0) : n && a ? (this.removeAllSelected(), p = !0) : a ? (this._value[0] && this.removeSelected(this._value[0]), this.setSelected(e), p = !1, this.inputRef.value && this.inputRef.value.type !== "hidden" && (this.inputRef.value.value = "", this.inputRef.value.blur())) : u && !O ? (this.setSelected(e), p = !0) : u && O ? (this._userInfoMessage = "Maks antall valg nådd", b = !1, x = t) : (a && this.removeAllSelected(), this._userInfoMessage = "Ingen gyldig verdi valgt", b = !1, p = !0, x = t), this._isOptionsOpen = p, p || window.setTimeout(() => {
       var m;
       (m = this.focusRef.value) == null || m.focus();
     }, 0), this._userInfoMessage = g, this._search = x || "", this.resetComboboxInput(b), u && this.isMaxItemsReached());

package/dist/consent-B7w1--m7.cjs

@@ -0,0 +1,11 @@
+"use strict";const o=require("./element-90YeMNbV.cjs");require("./button-KzBZ-Bff.cjs");require("./icon-B1_BRNqf.cjs");const k={i18n:{nb:{contentPresentation:{title:"Oslo kommune bruker informasjonskapsler",description:["For at nettstedet skal fungere og være trygt, bruker Oslo kommune informasjonskapsler. Noen er teknisk nødvendige, mens andre sikrer ulik funksjonalitet.","Godtar du alle informasjonskapsler, tillater du også at vi samler inn data om statistikk og brukeradferd. Da hjelper du oss med å lage et bedre nettsted uten at du trenger å dele noe personlig informasjon med oss."],buttons:{accept:"Godta alle",reject:"Kun nødvendige",settings:"Innstillinger for informasjonskapsler"}},contentSettings:{title:"Innstillinger for informasjonskapsler",description:["Her kan du velge hvilke typer informasjonskapsler du vil tillate. Tillatelsen gjelder i 90 dager. Husk at nødvendige informasjonskapsler ikke kan velges bort.","Du kan når som helst endre innstillingene og finne mer informasjon nederst på nettstedet under «Innstillinger for informasjonskapsler» og «Personvern og informasjonskapsler»."],buttons:{back:"Tilbake",save:"Lagre innstillinger"}}},en:{contentPresentation:{title:"Before you visit Oslo kommune ...",description:["This website uses cookies to make improvements. In this context, we need your consent to measure the traffic on the website in relation to statistics and feedback.","To read more about what we use cookies for, go to our privacy declaration which you will find at the bottom of our websites."],buttons:{accept:"Yes, I accept",reject:"Only necessary",settings:"Go to settings"}},contentSettings:{title:"Her kan du aktivt velge mellom ulike informasjonskapsler",description:["For å lese mer om hva vi bruker informasjonskapsler til gå til vår personvernserklering som du finner på våre nettsider"],buttons:{back:"Back",save:"Save settings"}}}}};var d=Object.defineProperty,p=Object.getOwnPropertyDescriptor,s=(r,e,t,n)=>{for(var i=n>1?void 0:n?p(e,t):e,a=r.length-1,l;a>=0;a--)(l=r[a])&&(i=(n?l(e,t,i):l(i))||i);return n&&i&&d(e,t,i),i};let c=null;function u(){return c||(c=new Promise((r,e)=>{if(document.querySelector("#oslo-consent-script")){r();return}const t=document.createElement("script");t.src="https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.js",t.id="oslo-consent-script",t.onload=()=>r(),t.onerror=e,document.head.appendChild(t);const n=document.createElement("link");n.href="https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.css",n.type="text/css",n.rel="stylesheet",n.id="oslo-consent-styles",document.head.appendChild(n)}),c)}exports.PktConsent=class extends o.PktElement{constructor(){super(),this.devMode=!1,this.hotjarId=null,this.googleAnalyticsId=null,this.cookieDomain=null,this.cookieSecure=null,this.cookieExpiryDays=null,this.triggerType="button",this.triggerText=null,this.i18nLanguage="nb"}connectedCallback(){super.connectedCallback(),this.triggerText=this.triggerText||k.i18n[this.i18nLanguage].contentPresentation.buttons.settings}disconnectedCallback(){var e;super.disconnectedCallback(),this._cookieEventHandler&&((e=window.__cookieEvents)==null||e.off("CookieManager.setCookie",this._cookieEventHandler))}returnJsonOrObject(e){let t;try{t=JSON.parse(e)}catch{t=e}return t}emitCookieConsents(e){const n=this.returnJsonOrObject(e.value).items.reduce((i,a)=>(i[a.name]=a.consent,i),{});this.dispatchEvent(new CustomEvent("toggle-consent",{detail:n,bubbles:!0,cancelable:!1}))}async firstUpdated(e){window.cookieBanner_googleAnalyticsId=this.googleAnalyticsId,window.cookieBanner_hotjarId=this.hotjarId,this.cookieDomain&&(window.cookieBanner_cookieDomain=this.cookieDomain),this.cookieSecure&&(window.cookieBanner_cookieSecure=this.cookieSecure),this.cookieExpiryDays&&(window.cookieBanner_cookieExpiryDays=this.cookieExpiryDays),this.devMode&&(window.cookieBanner_devMode=this.devMode),await u(),this.triggerInit()}triggerInit(){window.document.dispatchEvent(new Event("CookieBannerReady",{bubbles:!0,cancelable:!0})),window.cookieBanner.cookieConsent.validateConsentCookie().then(e=>{if(e){const n={value:window.cookieBanner.cookieConsent.getConsentCookie()};window.setTimeout(()=>this.emitCookieConsents(n),0),this._cookieEventHandler&&window.__cookieEvents.off("CookieManager.setCookie",this._cookieEventHandler),this._cookieEventHandler=i=>{this.emitCookieConsents(i)},window.__cookieEvents.on("CookieManager.setCookie",this._cookieEventHandler)}})}openModal(e){var t;e.preventDefault(),(t=window.cookieBanner)!=null&&t.cookieConsent||this.triggerInit(),setTimeout(()=>window.cookieBanner.openCookieModal())}render(){return this.triggerType==="link"?o.x`<a href="#" class="pkt-link" @click=${this.openModal}>${this.triggerText}</a>`:this.triggerType==="footerlink"?o.x`<a href="#" class="pkt-footer__link" @click=${this.openModal}>
+        <pkt-icon name="chevron-right" class="pkt-footer__link-icon"></pkt-icon>
+        ${this.triggerText}
+      </a>`:this.triggerType==="icon"?o.x`<pkt-button
+        skin="tertiary"
+        variant="icon-only"
+        iconName="cookie"
+        @click=${this.openModal}
+      >
+        >${this.triggerText}</pkt-button
+      >`:o.x`<pkt-button @click=${this.openModal}>${this.triggerText}</pkt-button>`}};s([o.n({type:Boolean})],exports.PktConsent.prototype,"devMode",2);s([o.n({type:String})],exports.PktConsent.prototype,"hotjarId",2);s([o.n({type:String})],exports.PktConsent.prototype,"googleAnalyticsId",2);s([o.n({type:String})],exports.PktConsent.prototype,"cookieDomain",2);s([o.n({type:String})],exports.PktConsent.prototype,"cookieSecure",2);s([o.n({type:String})],exports.PktConsent.prototype,"cookieExpiryDays",2);s([o.n({type:String})],exports.PktConsent.prototype,"triggerType",2);s([o.n({type:String})],exports.PktConsent.prototype,"triggerText",2);s([o.n({type:String})],exports.PktConsent.prototype,"i18nLanguage",2);exports.PktConsent=s([o.t("pkt-consent")],exports.PktConsent);

package/dist/{consent-a09DlJZT.js → consent-ChCTj6FB.js}

@@ -1,7 +1,7 @@
-import { P as k, x as l, n as a, a as u } from "./element-gAd63VwC.js";
+import { P as p, x as c, n as a, a as g } from "./element-gAd63VwC.js";
 import "./button-OLSvT2Im.js";
 import "./icon-CO1TLSs5.js";
-const h = {
+const u = {
   i18n: {
     nb: {
       contentPresentation: {
@@ -53,39 +53,35 @@ const h = {
       }
     }
   }
-}, g = globalThis, p = g.__cookieEvents || {
-  events: {},
-  on(e, t) {
-    this.events[e] || (this.events[e] = []), this.events[e].push(t);
-  },
-  off(e, t) {
-    this.events[e] && (this.events[e] = this.events[e].filter((n) => n !== t));
-  },
-  once(e, t) {
-    const n = (s) => {
-      this.off(e, n), t(s);
-    };
-    this.on(e, n);
-  },
-  emit(e, t) {
-    this.events[e] && this.events[e].forEach((n) => n(t));
-  }
 };
-g.__cookieEvents = p;
-const m = p;
-var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, r = (e, t, n, s) => {
-  for (var o = s > 1 ? void 0 : s ? v(t, n) : t, c = e.length - 1, d; c >= 0; c--)
-    (d = e[c]) && (o = (s ? d(t, n, o) : d(o)) || o);
-  return s && o && f(t, n, o), o;
+var h = Object.defineProperty, m = Object.getOwnPropertyDescriptor, r = (e, t, n, o) => {
+  for (var s = o > 1 ? void 0 : o ? m(t, n) : t, k = e.length - 1, d; k >= 0; k--)
+    (d = e[k]) && (s = (o ? d(t, n, s) : d(s)) || s);
+  return o && s && h(t, n, s), s;
 };
-let i = class extends k {
+let l = null;
+function f() {
+  return l || (l = new Promise((e, t) => {
+    if (document.querySelector("#oslo-consent-script")) {
+      e();
+      return;
+    }
+    const n = document.createElement("script");
+    n.src = "https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.js", n.id = "oslo-consent-script", n.onload = () => e(), n.onerror = t, document.head.appendChild(n);
+    const o = document.createElement("link");
+    o.href = "https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.css", o.type = "text/css", o.rel = "stylesheet", o.id = "oslo-consent-styles", document.head.appendChild(o);
+  }), l);
+}
+let i = class extends p {
   constructor() {
-    super(), this.hotjarId = null, this.googleAnalyticsId = null, this.triggerType = "button", this.triggerText = null, this.i18nLanguage = "nb";
+    super(), this.devMode = !1, this.hotjarId = null, this.googleAnalyticsId = null, this.cookieDomain = null, this.cookieSecure = null, this.cookieExpiryDays = null, this.triggerType = "button", this.triggerText = null, this.i18nLanguage = "nb";
   }
   connectedCallback() {
-    super.connectedCallback(), this.triggerText = this.triggerText || h.i18n[this.i18nLanguage].contentPresentation.buttons.settings, this.googleAnalyticsId && (window.googleAnalyticsId = this.googleAnalyticsId), this.hotjarId && (window.hotjarId = this.hotjarId), m.on("CookieManager.setCookie", (e) => {
-      this.emitCookieConsents(e);
-    });
+    super.connectedCallback(), this.triggerText = this.triggerText || u.i18n[this.i18nLanguage].contentPresentation.buttons.settings;
+  }
+  disconnectedCallback() {
+    var e;
+    super.disconnectedCallback(), this._cookieEventHandler && ((e = window.__cookieEvents) == null || e.off("CookieManager.setCookie", this._cookieEventHandler));
   }
   returnJsonOrObject(e) {
     let t;
@@ -97,62 +93,69 @@ let i = class extends k {
     return t;
   }
   emitCookieConsents(e) {
-    const n = this.returnJsonOrObject(e.value).items.reduce((s, o) => (s[o.name] = o.consent, s), {});
+    const n = this.returnJsonOrObject(e.value).items.reduce((o, s) => (o[s.name] = s.consent, o), {});
     this.dispatchEvent(
       new CustomEvent("toggle-consent", {
         detail: n,
         bubbles: !0,
-        composed: !0
+        cancelable: !1
       })
     );
   }
-  firstUpdated(e) {
-    if (!document.querySelector("#oslo-consent-script") && window.location.hostname.toLowerCase().includes("oslo.kommune.no")) {
-      window.googleAnalyticsId = this.googleAnalyticsId, window.hotjarId = this.hotjarId;
-      const t = document.createElement("script");
-      t.src = "https://cdn.web.oslo.kommune.no/cb/cb-v1.0.0.js", t.id = "oslo-consent-script", t.onload = () => {
-        this.triggerInit();
-      }, document.head.appendChild(t);
-      const n = document.createElement("link");
-      n.href = "https://cdn.web.oslo.kommune.no/cb/cb-v1.0.0.css", n.type = "text/css", n.rel = "stylesheet", n.id = "oslo-consent-styles", document.head.appendChild(n);
-    }
+  async firstUpdated(e) {
+    window.cookieBanner_googleAnalyticsId = this.googleAnalyticsId, window.cookieBanner_hotjarId = this.hotjarId, this.cookieDomain && (window.cookieBanner_cookieDomain = this.cookieDomain), this.cookieSecure && (window.cookieBanner_cookieSecure = this.cookieSecure), this.cookieExpiryDays && (window.cookieBanner_cookieExpiryDays = this.cookieExpiryDays), this.devMode && (window.cookieBanner_devMode = this.devMode), await f(), this.triggerInit();
   }
   triggerInit() {
     window.document.dispatchEvent(
-      new Event("DOMContentLoaded", {
+      new Event("CookieBannerReady", {
         bubbles: !0,
         cancelable: !0
       })
     ), window.cookieBanner.cookieConsent.validateConsentCookie().then((e) => {
       if (e) {
         const n = { value: window.cookieBanner.cookieConsent.getConsentCookie() };
-        this.emitCookieConsents(n);
+        window.setTimeout(() => this.emitCookieConsents(n), 0), this._cookieEventHandler && window.__cookieEvents.off("CookieManager.setCookie", this._cookieEventHandler), this._cookieEventHandler = (o) => {
+          this.emitCookieConsents(o);
+        }, window.__cookieEvents.on("CookieManager.setCookie", this._cookieEventHandler);
       }
     });
   }
   openModal(e) {
-    e.preventDefault(), window.cookieBanner.cookieConsent || this.triggerInit(), setTimeout(() => window.cookieBanner.openCookieModal());
+    var t;
+    e.preventDefault(), (t = window.cookieBanner) != null && t.cookieConsent || this.triggerInit(), setTimeout(() => window.cookieBanner.openCookieModal());
   }
   render() {
-    return this.triggerType === "link" ? l`<a href="#" class="pkt-link" @click=${this.openModal}>${this.triggerText}</a>` : this.triggerType === "footerlink" ? l`<a href="#" class="pkt-footer__link" @click=${this.openModal}>
+    return this.triggerType === "link" ? c`<a href="#" class="pkt-link" @click=${this.openModal}>${this.triggerText}</a>` : this.triggerType === "footerlink" ? c`<a href="#" class="pkt-footer__link" @click=${this.openModal}>
         <pkt-icon name="chevron-right" class="pkt-footer__link-icon"></pkt-icon>
         ${this.triggerText}
-      </a>` : this.triggerType === "icon" ? l`<pkt-button
+      </a>` : this.triggerType === "icon" ? c`<pkt-button
         skin="tertiary"
         variant="icon-only"
         iconName="cookie"
         @click=${this.openModal}
       >
         >${this.triggerText}</pkt-button
-      >` : l`<pkt-button @click=${this.openModal}>${this.triggerText}</pkt-button>`;
+      >` : c`<pkt-button @click=${this.openModal}>${this.triggerText}</pkt-button>`;
   }
 };
+r([
+  a({ type: Boolean })
+], i.prototype, "devMode", 2);
 r([
   a({ type: String })
 ], i.prototype, "hotjarId", 2);
 r([
   a({ type: String })
 ], i.prototype, "googleAnalyticsId", 2);
+r([
+  a({ type: String })
+], i.prototype, "cookieDomain", 2);
+r([
+  a({ type: String })
+], i.prototype, "cookieSecure", 2);
+r([
+  a({ type: String })
+], i.prototype, "cookieExpiryDays", 2);
 r([
   a({ type: String })
 ], i.prototype, "triggerType", 2);
@@ -163,7 +166,7 @@ r([
   a({ type: String })
 ], i.prototype, "i18nLanguage", 2);
 i = r([
-  u("pkt-consent")
+  g("pkt-consent")
 ], i);
 export {
   i as P

package/dist/index.d.ts

@@ -187,8 +187,13 @@ export declare interface IPktComboboxOption {
 }
 
 export declare interface IPktConsent {
+    devMode?: boolean;
+    cookieDomain?: string | null;
+    cookieSecure?: string | null;
+    cookieExpiryDays?: string | null;
     hotjarId?: string | null;
     googleAnalyticsId?: string | null;
+    i18nLanguage?: string;
     triggerType?: 'button' | 'link' | 'footerlink' | 'icon' | null;
     triggerText?: string | null;
 }
@@ -615,16 +620,22 @@ export declare class PktComponent extends PktElement {
 }
 
 export declare class PktConsent extends PktElement<IPktConsent> implements IPktConsent {
+    private _cookieEventHandler?;
+    devMode: boolean;
     hotjarId: string | null;
     googleAnalyticsId: string | null;
+    cookieDomain: string | null;
+    cookieSecure: string | null;
+    cookieExpiryDays: string | null;
     triggerType: 'button' | 'link' | 'footerlink' | 'icon' | null;
     triggerText: string | null;
     i18nLanguage: string;
     constructor();
     connectedCallback(): void;
+    disconnectedCallback(): void;
     returnJsonOrObject(obj: any): any;
     emitCookieConsents(consent: any): void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected firstUpdated(_changedProperties: PropertyValues): Promise<void>;
     triggerInit(): void;
     openModal(e: Event): void;
     render(): TemplateResult<1>;
@@ -1234,6 +1245,7 @@ export declare type TSelectOption = {
     label: string;
     selected?: boolean;
     disabled?: boolean;
+    hidden?: boolean;
 };
 
 export declare type TTagSkin = 'blue' | 'blue-dark' | 'blue-light' | 'green' | 'red' | 'yellow' | 'beige' | 'gray' | 'grey';

package/dist/pkt-combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-BxW5wREE.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./combobox-CZJrOopi.cjs"),o=e.PktCombobox;Object.defineProperty(exports,"PktCombobox",{enumerable:!0,get:()=>e.PktCombobox});exports.default=o;

package/dist/pkt-combobox.js

@@ -1,4 +1,4 @@
-import { P as o } from "./combobox-C57pmfdV.js";
+import { P as o } from "./combobox-hYeZxIku.js";
 const b = o;
 export {
   o as PktCombobox,

package/dist/pkt-consent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./consent-D1r9LYda.cjs"),t=e.PktConsent;Object.defineProperty(exports,"PktConsent",{enumerable:!0,get:()=>e.PktConsent});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./consent-B7w1--m7.cjs"),t=e.PktConsent;Object.defineProperty(exports,"PktConsent",{enumerable:!0,get:()=>e.PktConsent});exports.default=t;

package/dist/pkt-consent.js

@@ -1,4 +1,4 @@
-import { P as t } from "./consent-a09DlJZT.js";
+import { P as t } from "./consent-ChCTj6FB.js";
 const o = t;
 export {
   t as PktConsent,

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./alert-BY97zZYx.cjs"),l=require("./accordionitem-Dz6jwPpb.cjs"),d=require("./backlink-CcAZfB1d.cjs"),b=require("./button-KzBZ-Bff.cjs"),k=require("./calendar-D4qfcRtv.cjs"),m=require("./card-CmdIb2X9.cjs"),g=require("./combobox-BxW5wREE.cjs"),h=require("./consent-D1r9LYda.cjs"),f=require("./checkbox-CiXWukkL.cjs"),t=require("./element-90YeMNbV.cjs"),y=require("./pkt-slot-controller-Da-RgXfS.cjs"),s=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),j=require("./datepicker-CE5oM9D3.cjs"),q=require("./helptext-AqNI_oFG.cjs"),x=require("./heading-CxJ0IqpU.cjs"),C=require("./icon-B1_BRNqf.cjs"),v=require("./input-wrapper-Uw7_cZ4w.cjs"),S=require("./link-BWJrqWi7.cjs"),$=require("./linkcard-0KLDuaGM.cjs"),L=require("./loader--5h6NKGl.cjs"),_=require("./messagebox-IJOkv427.cjs"),A=require("./modal-CBURcXBd.cjs"),B=require("./progressbar-BrXtjUvh.cjs"),p=require("./radiobutton-x10h-JEh.cjs"),T=require("./tag-lU4vz70a.cjs"),I=require("./textarea-DcpZnWkt.cjs"),M=require("./textinput-DcES1ibY.cjs"),R=require("./select-BkwZL7mg.cjs");var H=Object.defineProperty,w=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?w(e,r):e,u=a.length-1,c;u>=0;u--)(c=a[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&H(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=s.e(),this.namedSlot=s.e(),this.slotController=new y.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./alert-BY97zZYx.cjs"),l=require("./accordionitem-Dz6jwPpb.cjs"),d=require("./backlink-CcAZfB1d.cjs"),b=require("./button-KzBZ-Bff.cjs"),k=require("./calendar-D4qfcRtv.cjs"),m=require("./card-CmdIb2X9.cjs"),g=require("./combobox-CZJrOopi.cjs"),h=require("./consent-B7w1--m7.cjs"),f=require("./checkbox-CiXWukkL.cjs"),t=require("./element-90YeMNbV.cjs"),y=require("./pkt-slot-controller-Da-RgXfS.cjs"),s=require("./ref-B-w1vCo8.cjs"),O=require("./class-map-DWDPOqjO.cjs"),j=require("./datepicker-CE5oM9D3.cjs"),q=require("./helptext-AqNI_oFG.cjs"),x=require("./heading-CxJ0IqpU.cjs"),C=require("./icon-B1_BRNqf.cjs"),v=require("./input-wrapper-Uw7_cZ4w.cjs"),S=require("./link-BWJrqWi7.cjs"),$=require("./linkcard-0KLDuaGM.cjs"),L=require("./loader--5h6NKGl.cjs"),_=require("./messagebox-IJOkv427.cjs"),A=require("./modal-CBURcXBd.cjs"),B=require("./progressbar-BrXtjUvh.cjs"),p=require("./radiobutton-x10h-JEh.cjs"),T=require("./tag-lU4vz70a.cjs"),I=require("./textarea-DcpZnWkt.cjs"),M=require("./textinput-DcES1ibY.cjs"),R=require("./select-BNGnC2U9.cjs");var H=Object.defineProperty,w=Object.getOwnPropertyDescriptor,o=(a,e,r,i)=>{for(var n=i>1?void 0:i?w(e,r):e,u=a.length-1,c;u>=0;u--)(c=a[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&H(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=s.e(),this.namedSlot=s.e(),this.slotController=new y.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
       <div class="${O.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-index.js

@@ -5,8 +5,8 @@ import { P as T } from "./button-OLSvT2Im.js";
 import { c as f } from "./calendar-Df6-FDRW.js";
 import { P as D } from "./calendar-Df6-FDRW.js";
 import { P as G } from "./card-BxHlJq4J.js";
-import { P as K } from "./combobox-C57pmfdV.js";
-import { P as U } from "./consent-a09DlJZT.js";
+import { P as K } from "./combobox-hYeZxIku.js";
+import { P as U } from "./consent-ChCTj6FB.js";
 import { P as q } from "./checkbox-B67_cfqW.js";
 import { P as k, t as h, x as P, n, a as c } from "./element-gAd63VwC.js";
 import { P as x } from "./pkt-slot-controller-DtDaD9q_.js";
@@ -27,7 +27,7 @@ import { P as ht, P as ct } from "./radiobutton-BaIDDCwK.js";
 import { P as ut } from "./tag-CX-zbR-7.js";
 import { P as vt } from "./textarea-CctE69uw.js";
 import { P as bt } from "./textinput-BAPxDvKu.js";
-import { P as $t } from "./select-BIej9f9R.js";
+import { P as $t } from "./select-Drl_8-OU.js";
 var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (t, e, i, a) => {
   for (var r = a > 1 ? void 0 : a ? v(e, i) : e, p = t.length - 1, l; p >= 0; p--)
     (l = t[p]) && (r = (a ? l(e, i, r) : l(r)) || r);

package/dist/{pkt-options-controller-DepYQBqb.js → pkt-options-controller-C_Yl_3P6.js}

@@ -1,5 +1,5 @@
 import { i as o } from "./pkt-slot-controller-DtDaD9q_.js";
-class a {
+class d {
   constructor(t) {
     this.nodes = [], this.options = [], this.host = t, this.host.addController(this), this.nodes = [], this.options = [], this.observer = new MutationObserver((e) => this.handleMutations(e));
   }
@@ -12,14 +12,15 @@ class a {
     this.observer.disconnect();
   }
   addNode(t) {
-    (t.nodeName === "OPTION" || t.nodeName === "DATA") && (t.setAttribute("class", "pkt-hide"), t.setAttribute("hidden", "true"), t.setAttribute("data-skip", "true"), this.nodes.push(t));
+    (t.nodeName === "OPTION" || t.nodeName === "DATA") && (t.setAttribute("class", "pkt-hide"), t.setAttribute("role", "presentation"), t.setAttribute("aria-hidden", "true"), t.setAttribute("data-skip", "true"), this.nodes.push(t));
   }
   createOptions() {
     this.options = this.nodes.map((t) => ({
-      value: t.getAttribute("value") || t.textContent || "",
+      value: t.hasAttribute("value") ? t.getAttribute("value") ?? "" : t.textContent ?? "",
       label: t.textContent || t.getAttribute("value") || "",
-      selected: !!t.getAttribute("selected"),
-      disabled: !!t.getAttribute("disabled")
+      selected: t.hasAttribute("selected"),
+      disabled: t.hasAttribute("disabled"),
+      hidden: t.hasAttribute("hidden")
     })), this.host.setAttribute("options", JSON.stringify(this.options));
   }
   handleMutations(t) {
@@ -34,5 +35,5 @@ class a {
   }
 }
 export {
-  a as P
+  d as P
 };

package/dist/pkt-options-controller-ftMgG5DP.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./pkt-slot-controller-Da-RgXfS.cjs");class h{constructor(t){this.nodes=[],this.options=[],this.host=t,this.host.addController(this),this.nodes=[],this.options=[],this.observer=new MutationObserver(e=>this.handleMutations(e))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.observer.observe(this.host,{childList:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.setAttribute("class","pkt-hide"),t.setAttribute("role","presentation"),t.setAttribute("aria-hidden","true"),t.setAttribute("data-skip","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.hasAttribute("value")?t.getAttribute("value")??"":t.textContent??"",label:t.textContent||t.getAttribute("value")||"",selected:t.hasAttribute("selected"),disabled:t.hasAttribute("disabled"),hidden:t.hasAttribute("hidden")})),this.host.setAttribute("options",JSON.stringify(this.options))}handleMutations(t){let e=!1;t.forEach(i=>{i.type==="childList"&&(i.addedNodes.forEach(s=>{o.isOptionElement(s)&&(this.addNode(s),e=!0)}),i.removedNodes.forEach(s=>{o.isOptionElement(s)&&(this.nodes=this.nodes.filter(r=>r!==s),e=!0)}))}),e&&this.createOptions()}}exports.PktOptionsSlotController=h;

package/dist/pkt-select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-BkwZL7mg.cjs"),t=e.PktSelect;Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>e.PktSelect});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select-BNGnC2U9.cjs"),t=e.PktSelect;Object.defineProperty(exports,"PktSelect",{enumerable:!0,get:()=>e.PktSelect});exports.default=t;

package/dist/pkt-select.js

@@ -1,4 +1,4 @@
-import { P as t } from "./select-BIej9f9R.js";
+import { P as t } from "./select-Drl_8-OU.js";
 const a = t;
 export {
   t as PktSelect,

package/dist/{select-BkwZL7mg.cjs → select-BNGnC2U9.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./element-90YeMNbV.cjs"),p=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),o=require("./if-defined-C8eotHpL.cjs"),d=require("./input-element-CInrWeac.cjs"),c=require("./pkt-options-controller-Ay9ELZTV.cjs"),v=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(u,t,e,s)=>{for(var i=s>1?void 0:s?b(t,e):t,l=u.length-1,n;l>=0;l--)(n=u[l])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&f(t,e,i),i};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.options=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new v.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const t=this.options.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.getAttribute("value")||s.textContent||"",label:s.textContent||s.getAttribute("value")||"",disabled:!!s.getAttribute("disabled")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):(this._options=this.options,this._options.forEach(s=>{s.selected&&!this.value&&(this.value=s.value)}))}add(t,e){var s,i,l;(s=this.inputRef.value)==null||s.add(t,e),this._options.push({value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled}),t.selected&&(this.value=t.value||t.text,this.selectedIndex=this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions),this.requestUpdate()}remove(t){var e,s;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),(s=this.inputRef.value)==null||s.remove(t))}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){var t;(t=this.inputRef.value)==null||t.showPicker()}attributeChangedCallback(t,e,s){var i,l;t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex):this.options.findIndex(n=>n.value===s),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions,this.valueChanged(s,e)),super.attributeChangedCallback(t,e,s)}update(t){var e,s;super.update(t),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this.options.findIndex(i=>i.value===this.value),this.selectedOptions=(s=this.inputRef.value)==null?void 0:s.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;super.firstUpdated(t),this.options.length&&(this._options=this.options),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(s=>s.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
+"use strict";const r=require("./element-90YeMNbV.cjs"),p=require("./state-D-Recv7U.cjs"),h=require("./ref-B-w1vCo8.cjs"),o=require("./if-defined-C8eotHpL.cjs"),d=require("./input-element-CInrWeac.cjs"),c=require("./pkt-options-controller-ftMgG5DP.cjs"),v=require("./pkt-slot-controller-Da-RgXfS.cjs");require("./input-wrapper-Uw7_cZ4w.cjs");var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(u,t,e,s)=>{for(var i=s>1?void 0:s?b(t,e):t,l=u.length-1,n;l>=0;l--)(n=u[l])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&f(t,e,i),i};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.options=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new v.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const t=this.options.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.hasAttribute("value")?s.getAttribute("value")??"":s.textContent??"",label:s.textContent||s.getAttribute("value")||"",disabled:s.hasAttribute("disabled"),hidden:s.hasAttribute("hidden")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):(this._options=this.options,this._options.forEach(s=>{s.selected&&!this.value&&(this.value=s.value)}))}add(t,e){var s,i,l;(s=this.inputRef.value)==null||s.add(t,e),this._options.push({value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled}),t.selected&&(this.value=t.value||t.text,this.selectedIndex=this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions),this.requestUpdate()}remove(t){var e,s;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),(s=this.inputRef.value)==null||s.remove(t))}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){var t;(t=this.inputRef.value)==null||t.showPicker()}attributeChangedCallback(t,e,s){var i,l;t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex):this.options.findIndex(n=>n.value===s),this.selectedOptions=(l=this.inputRef.value)==null?void 0:l.selectedOptions,this.valueChanged(s,e)),super.attributeChangedCallback(t,e,s)}update(t){var e,s;super.update(t),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this.options.findIndex(i=>i.value===this.value),this.selectedOptions=(s=this.inputRef.value)==null?void 0:s.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;super.firstUpdated(t),this.options.length&&(this._options=this.options),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(s=>s.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}
@@ -38,6 +38,7 @@
                 value=${e.value}
                 ?selected=${this.value==e.value||e.selected}
                 ?disabled=${e.disabled}
+                ?hidden=${e.hidden}
               >
                 ${e.label}
               </option>`)}

package/dist/{select-BIej9f9R.js → select-Drl_8-OU.js}

@@ -3,15 +3,15 @@ import { r as f } from "./state-BxrO4zNJ.js";
 import { e as u, n as d } from "./ref-DnSbnXsj.js";
 import { o } from "./if-defined-Cj-3Kdsr.js";
 import { P as b } from "./input-element-BEvaQK4g.js";
-import { P as $ } from "./pkt-options-controller-DepYQBqb.js";
+import { P as $ } from "./pkt-options-controller-C_Yl_3P6.js";
 import { P as x } from "./pkt-slot-controller-DtDaD9q_.js";
 import "./input-wrapper-DnyRiuHR.js";
-var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, r = (t, e, s, i) => {
-  for (var l = i > 1 ? void 0 : i ? g(e, s) : e, n = t.length - 1, h; n >= 0; n--)
-    (h = t[n]) && (l = (i ? h(e, s, l) : h(l)) || l);
+var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, a = (t, e, s, i) => {
+  for (var l = i > 1 ? void 0 : i ? g(e, s) : e, n = t.length - 1, r; n >= 0; n--)
+    (r = t[n]) && (l = (i ? r(e, s, l) : r(l)) || l);
   return i && l && m(e, s, l), l;
 };
-let a = class extends b {
+let h = class extends b {
   constructor() {
     super(), this.inputRef = u(), this.helptextSlot = u(), this.options = [], this.value = "", this._options = [], this.selectedIndex = -1, this.selectedOptions = void 0, this.optionsController = new $(this), this.slotController = new x(this, this.helptextSlot), this.slotController.skipOptions = !0;
   }
@@ -21,9 +21,10 @@ let a = class extends b {
     const t = this.options.length > 0, e = this.optionsController.nodes.length && this.optionsController.nodes.length > 0;
     !t && e ? this.optionsController.nodes.forEach((s) => {
       const i = {
-        value: s.getAttribute("value") || s.textContent || "",
+        value: s.hasAttribute("value") ? s.getAttribute("value") ?? "" : s.textContent ?? "",
         label: s.textContent || s.getAttribute("value") || "",
-        disabled: !!s.getAttribute("disabled")
+        disabled: s.hasAttribute("disabled"),
+        hidden: s.hasAttribute("hidden")
       };
       s.getAttribute("selected") && !this.value && (this.value = i.value), this._options.push(i);
     }) : (this._options = this.options, this._options.forEach((s) => {
@@ -123,6 +124,7 @@ let a = class extends b {
                 value=${e.value}
                 ?selected=${this.value == e.value || e.selected}
                 ?disabled=${e.disabled}
+                ?hidden=${e.hidden}
               >
                 ${e.label}
               </option>`
@@ -136,18 +138,18 @@ let a = class extends b {
     return t == null || isNaN(t) ? null : t;
   }
 };
-r([
+a([
   c({ type: Array })
-], a.prototype, "options", 2);
-r([
+], h.prototype, "options", 2);
+a([
   c({ type: String })
-], a.prototype, "value", 2);
-r([
+], h.prototype, "value", 2);
+a([
   f()
-], a.prototype, "_options", 2);
-a = r([
+], h.prototype, "_options", 2);
+h = a([
   v("pkt-select")
-], a);
+], h);
 export {
-  a as P
+  h as P
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.42.4",
+  "version": "12.42.6",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -23,7 +23,6 @@
   "dependencies": {
     "@date-fns/tz": "^1.2.0",
     "@lit-labs/router": "^0.1.3",
-    "@oslokommune/cookie-manager": "^1.1.0",
     "date-fns": "^4.1.0",
     "dialog-polyfill": "^0.5.6",
     "lit": "^3.3.0",
@@ -32,7 +31,7 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^12.39.2",
-    "@oslokommune/punkt-css": "^12.42.4",
+    "@oslokommune/punkt-css": "^12.42.5",
     "sass": "^1.78.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.18",
@@ -59,5 +58,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "c1841153a3aec61d53b50b34c69ca74dd022d1ef"
+  "gitHead": "1d82a7a76a25908e1453c48520da98dfeeae19c2"
 }

package/src/components/combobox/combobox.ts

@@ -124,7 +124,7 @@ export class PktCombobox extends PktInputElement implements IPktCombobox {
     // Deep clone defaultOptions into options, preserving userAdded options
     if (this.defaultOptions && this.defaultOptions.length) {
       const userAdded = this.options?.filter((opt) => opt.userAdded) || []
-      this.options = [...userAdded, ...structuredClone(this.defaultOptions)]
+      this.options = [...userAdded, ...JSON.parse(JSON.stringify(this.defaultOptions))]
       this._options = [...this.options]
     }
 
@@ -171,7 +171,7 @@ export class PktCombobox extends PktInputElement implements IPktCombobox {
     // If defaultOptions changed, update options (preserving userAdded)
     if (changedProperties.has('defaultOptions') && this.defaultOptions.length) {
       const userAdded = this.options?.filter((opt) => opt.userAdded) || []
-      this.options = [...userAdded, ...structuredClone(this.defaultOptions)]
+      this.options = [...userAdded, ...JSON.parse(JSON.stringify(this.defaultOptions))]
       this._options = [...this.options]
     }
 

package/src/components/consent/consent.ts

@@ -2,30 +2,74 @@ import { customElement, property } from 'lit/decorators.js'
 import { html, PropertyValues } from 'lit'
 import { PktElement } from '@/base-elements/element'
 import { consentStrings } from './strings'
-import { CookieEvents } from '@oslokommune/cookie-manager'
 import '../button'
 import '../icon'
 
+let consentScriptPromise: Promise<void> | null = null
+
+function loadConsentScript(): Promise<void> {
+  if (consentScriptPromise) return consentScriptPromise
+
+  consentScriptPromise = new Promise((resolve, reject) => {
+    if (document.querySelector('#oslo-consent-script')) {
+      resolve()
+      return
+    }
+    const script = document.createElement('script')
+    script.src = 'https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.js'
+    script.id = 'oslo-consent-script'
+    script.onload = () => resolve()
+    script.onerror = reject
+    document.head.appendChild(script)
+
+    const styles = document.createElement('link')
+    styles.href = 'https://cdn.web.oslo.kommune.no/cb/cb-v1.1.0.css'
+    styles.type = 'text/css'
+    styles.rel = 'stylesheet'
+    styles.id = 'oslo-consent-styles'
+    document.head.appendChild(styles)
+  })
+
+  return consentScriptPromise
+}
 // Extend the Window interface to include googleAnalyticsId
 declare global {
   interface Window {
-    googleAnalyticsId?: string | null
-    hotjarId?: string | null
+    cookieBanner_devMode?: boolean
+    cookieBanner_cookieDomain?: string | null
+    cookieBanner_cookieSecure?: string | null
+    cookieBanner_cookieExpiryDays?: string | null
+    cookieBanner_googleAnalyticsId?: string | null
+    cookieBanner_hotjarId?: string | null
     cookieBanner?: any
+    __cookieEvents?: any
   }
 }
 
 export interface IPktConsent {
+  devMode?: boolean
+  cookieDomain?: string | null
+  cookieSecure?: string | null
+  cookieExpiryDays?: string | null
   hotjarId?: string | null
   googleAnalyticsId?: string | null
+  i18nLanguage?: string
   triggerType?: 'button' | 'link' | 'footerlink' | 'icon' | null
   triggerText?: string | null
 }
 
 @customElement('pkt-consent')
 export class PktConsent extends PktElement<IPktConsent> implements IPktConsent {
+  private _cookieEventHandler?: (consent: any) => void
+
+  @property({ type: Boolean }) devMode: boolean = false
+
   @property({ type: String }) hotjarId: string | null = null
   @property({ type: String }) googleAnalyticsId: string | null = null
+  @property({ type: String }) cookieDomain: string | null = null
+  @property({ type: String }) cookieSecure: string | null = null
+  @property({ type: String }) cookieExpiryDays: string | null = null
+
   @property({ type: String }) triggerType: 'button' | 'link' | 'footerlink' | 'icon' | null =
     'button'
   @property({ type: String }) triggerText: string | null = null
@@ -41,17 +85,13 @@ export class PktConsent extends PktElement<IPktConsent> implements IPktConsent {
       this.triggerText ||
       consentStrings.i18n[this.i18nLanguage as keyof typeof consentStrings.i18n].contentPresentation
         .buttons.settings
+  }
 
-    if (this.googleAnalyticsId) {
-      window.googleAnalyticsId = this.googleAnalyticsId
+  disconnectedCallback() {
+    super.disconnectedCallback()
+    if (this._cookieEventHandler) {
+      window.__cookieEvents?.off('CookieManager.setCookie', this._cookieEventHandler)
     }
-    if (this.hotjarId) {
-      window.hotjarId = this.hotjarId
-    }
-
-    CookieEvents.on('CookieManager.setCookie', (consent: any) => {
-      this.emitCookieConsents(consent)
-    })
   }
 
   returnJsonOrObject(obj: any) {
@@ -71,44 +111,31 @@ export class PktConsent extends PktElement<IPktConsent> implements IPktConsent {
       acc[item.name] = item.consent
       return acc
     }, {})
+
     this.dispatchEvent(
       new CustomEvent('toggle-consent', {
         detail: consentDetails,
         bubbles: true,
-        composed: true,
+        cancelable: false,
       }),
     )
   }
 
-  protected firstUpdated(_changedProperties: PropertyValues): void {
-    if (
-      !document.querySelector('#oslo-consent-script') &&
-      window.location.hostname.toLowerCase().includes('oslo.kommune.no')
-    ) {
-      window.googleAnalyticsId = this.googleAnalyticsId
-      window.hotjarId = this.hotjarId
-
-      const script = document.createElement('script')
-      script.src = 'https://cdn.web.oslo.kommune.no/cb/cb-v1.0.0.js'
-      script.id = 'oslo-consent-script'
-      script.onload = () => {
-        this.triggerInit()
-      }
-      document.head.appendChild(script)
-
-      const styles = document.createElement('link')
-      styles.href = 'https://cdn.web.oslo.kommune.no/cb/cb-v1.0.0.css'
-      styles.type = 'text/css'
-      styles.rel = 'stylesheet'
-      styles.id = 'oslo-consent-styles'
-      document.head.appendChild(styles)
-    }
+  protected async firstUpdated(_changedProperties: PropertyValues): Promise<void> {
+    window.cookieBanner_googleAnalyticsId = this.googleAnalyticsId
+    window.cookieBanner_hotjarId = this.hotjarId
+    if (this.cookieDomain) window.cookieBanner_cookieDomain = this.cookieDomain
+    if (this.cookieSecure) window.cookieBanner_cookieSecure = this.cookieSecure
+    if (this.cookieExpiryDays) window.cookieBanner_cookieExpiryDays = this.cookieExpiryDays
+    if (this.devMode) window.cookieBanner_devMode = this.devMode
+
+    await loadConsentScript()
+    this.triggerInit()
   }
 
   triggerInit() {
-    // Slight hack since we can't access the right methods to do this “properly”
     window.document.dispatchEvent(
-      new Event('DOMContentLoaded', {
+      new Event('CookieBannerReady', {
         bubbles: true,
         cancelable: true,
       }),
@@ -118,14 +145,22 @@ export class PktConsent extends PktElement<IPktConsent> implements IPktConsent {
       if (response) {
         const cookie = window.cookieBanner.cookieConsent.getConsentCookie()
         const consents = { value: cookie }
-        this.emitCookieConsents(consents)
+        window.setTimeout(() => this.emitCookieConsents(consents), 0)
+
+        if (this._cookieEventHandler) {
+          window.__cookieEvents.off('CookieManager.setCookie', this._cookieEventHandler)
+        }
+        this._cookieEventHandler = (consent: any) => {
+          this.emitCookieConsents(consent)
+        }
+        window.__cookieEvents.on('CookieManager.setCookie', this._cookieEventHandler)
       }
     })
   }
 
   openModal(e: Event) {
     e.preventDefault()
-    if (!window.cookieBanner.cookieConsent) {
+    if (!window.cookieBanner?.cookieConsent) {
       this.triggerInit()
     }
     setTimeout(() => window.cookieBanner.openCookieModal())

package/src/components/select/select.ts

@@ -12,6 +12,7 @@ export type TSelectOption = {
   label: string
   selected?: boolean
   disabled?: boolean
+  hidden?: boolean
 }
 
 export interface IPktSelect {
@@ -68,9 +69,12 @@ export class PktSelect extends PktInputElement implements IPktSelect {
     if (!optionsReceivedFromProps && checkIfOptionNodesInSlot) {
       this.optionsController.nodes.forEach((node: Element) => {
         const option: TSelectOption = {
-          value: node.getAttribute('value') || node.textContent || '',
+          value: node.hasAttribute('value')
+            ? (node.getAttribute('value') ?? '')
+            : (node.textContent ?? ''),
           label: node.textContent || node.getAttribute('value') || '',
-          disabled: !!node.getAttribute('disabled'),
+          disabled: node.hasAttribute('disabled'),
+          hidden: node.hasAttribute('hidden'),
         }
         if (node.getAttribute('selected') && !this.value) {
           this.value = option.value
@@ -231,6 +235,7 @@ export class PktSelect extends PktInputElement implements IPktSelect {
                 value=${option.value}
                 ?selected=${this.value == option.value || option.selected}
                 ?disabled=${option.disabled}
+                ?hidden=${option.hidden}
               >
                 ${option.label}
               </option>`,

package/dist/consent-D1r9LYda.cjs

@@ -1,11 +0,0 @@
-"use strict";const s=require("./element-90YeMNbV.cjs");require("./button-KzBZ-Bff.cjs");require("./icon-B1_BRNqf.cjs");const g={i18n:{nb:{contentPresentation:{title:"Oslo kommune bruker informasjonskapsler",description:["For at nettstedet skal fungere og være trygt, bruker Oslo kommune informasjonskapsler. Noen er teknisk nødvendige, mens andre sikrer ulik funksjonalitet.","Godtar du alle informasjonskapsler, tillater du også at vi samler inn data om statistikk og brukeradferd. Da hjelper du oss med å lage et bedre nettsted uten at du trenger å dele noe personlig informasjon med oss."],buttons:{accept:"Godta alle",reject:"Kun nødvendige",settings:"Innstillinger for informasjonskapsler"}},contentSettings:{title:"Innstillinger for informasjonskapsler",description:["Her kan du velge hvilke typer informasjonskapsler du vil tillate. Tillatelsen gjelder i 90 dager. Husk at nødvendige informasjonskapsler ikke kan velges bort.","Du kan når som helst endre innstillingene og finne mer informasjon nederst på nettstedet under «Innstillinger for informasjonskapsler» og «Personvern og informasjonskapsler»."],buttons:{back:"Tilbake",save:"Lagre innstillinger"}}},en:{contentPresentation:{title:"Before you visit Oslo kommune ...",description:["This website uses cookies to make improvements. In this context, we need your consent to measure the traffic on the website in relation to statistics and feedback.","To read more about what we use cookies for, go to our privacy declaration which you will find at the bottom of our websites."],buttons:{accept:"Yes, I accept",reject:"Only necessary",settings:"Go to settings"}},contentSettings:{title:"Her kan du aktivt velge mellom ulike informasjonskapsler",description:["For å lese mer om hva vi bruker informasjonskapsler til gå til vår personvernserklering som du finner på våre nettsider"],buttons:{back:"Back",save:"Save settings"}}}}},c=globalThis,d=c.__cookieEvents||{events:{},on(n,e){this.events[n]||(this.events[n]=[]),this.events[n].push(e)},off(n,e){this.events[n]&&(this.events[n]=this.events[n].filter(t=>t!==e))},once(n,e){const t=o=>{this.off(n,t),e(o)};this.on(n,t)},emit(n,e){this.events[n]&&this.events[n].forEach(t=>t(e))}};c.__cookieEvents=d;const k=d;var u=Object.defineProperty,p=Object.getOwnPropertyDescriptor,a=(n,e,t,o)=>{for(var i=o>1?void 0:o?p(e,t):e,r=n.length-1,l;r>=0;r--)(l=n[r])&&(i=(o?l(e,t,i):l(i))||i);return o&&i&&u(e,t,i),i};exports.PktConsent=class extends s.PktElement{constructor(){super(),this.hotjarId=null,this.googleAnalyticsId=null,this.triggerType="button",this.triggerText=null,this.i18nLanguage="nb"}connectedCallback(){super.connectedCallback(),this.triggerText=this.triggerText||g.i18n[this.i18nLanguage].contentPresentation.buttons.settings,this.googleAnalyticsId&&(window.googleAnalyticsId=this.googleAnalyticsId),this.hotjarId&&(window.hotjarId=this.hotjarId),k.on("CookieManager.setCookie",e=>{this.emitCookieConsents(e)})}returnJsonOrObject(e){let t;try{t=JSON.parse(e)}catch{t=e}return t}emitCookieConsents(e){const o=this.returnJsonOrObject(e.value).items.reduce((i,r)=>(i[r.name]=r.consent,i),{});this.dispatchEvent(new CustomEvent("toggle-consent",{detail:o,bubbles:!0,composed:!0}))}firstUpdated(e){if(!document.querySelector("#oslo-consent-script")&&window.location.hostname.toLowerCase().includes("oslo.kommune.no")){window.googleAnalyticsId=this.googleAnalyticsId,window.hotjarId=this.hotjarId;const t=document.createElement("script");t.src="https://cdn.web.oslo.kommune.no/cb/cb-v1.0.0.js",t.id="oslo-consent-script",t.onload=()=>{this.triggerInit()},document.head.appendChild(t);const o=document.createElement("link");o.href="https://cdn.web.oslo.kommune.no/cb/cb-v1.0.0.css",o.type="text/css",o.rel="stylesheet",o.id="oslo-consent-styles",document.head.appendChild(o)}}triggerInit(){window.document.dispatchEvent(new Event("DOMContentLoaded",{bubbles:!0,cancelable:!0})),window.cookieBanner.cookieConsent.validateConsentCookie().then(e=>{if(e){const o={value:window.cookieBanner.cookieConsent.getConsentCookie()};this.emitCookieConsents(o)}})}openModal(e){e.preventDefault(),window.cookieBanner.cookieConsent||this.triggerInit(),setTimeout(()=>window.cookieBanner.openCookieModal())}render(){return this.triggerType==="link"?s.x`<a href="#" class="pkt-link" @click=${this.openModal}>${this.triggerText}</a>`:this.triggerType==="footerlink"?s.x`<a href="#" class="pkt-footer__link" @click=${this.openModal}>
-        <pkt-icon name="chevron-right" class="pkt-footer__link-icon"></pkt-icon>
-        ${this.triggerText}
-      </a>`:this.triggerType==="icon"?s.x`<pkt-button
-        skin="tertiary"
-        variant="icon-only"
-        iconName="cookie"
-        @click=${this.openModal}
-      >
-        >${this.triggerText}</pkt-button
-      >`:s.x`<pkt-button @click=${this.openModal}>${this.triggerText}</pkt-button>`}};a([s.n({type:String})],exports.PktConsent.prototype,"hotjarId",2);a([s.n({type:String})],exports.PktConsent.prototype,"googleAnalyticsId",2);a([s.n({type:String})],exports.PktConsent.prototype,"triggerType",2);a([s.n({type:String})],exports.PktConsent.prototype,"triggerText",2);a([s.n({type:String})],exports.PktConsent.prototype,"i18nLanguage",2);exports.PktConsent=a([s.t("pkt-consent")],exports.PktConsent);

package/dist/pkt-options-controller-Ay9ELZTV.cjs

@@ -1 +0,0 @@
-"use strict";const o=require("./pkt-slot-controller-Da-RgXfS.cjs");class h{constructor(t){this.nodes=[],this.options=[],this.host=t,this.host.addController(this),this.nodes=[],this.options=[],this.observer=new MutationObserver(e=>this.handleMutations(e))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.observer.observe(this.host,{childList:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.setAttribute("class","pkt-hide"),t.setAttribute("hidden","true"),t.setAttribute("data-skip","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.getAttribute("value")||t.textContent||"",label:t.textContent||t.getAttribute("value")||"",selected:!!t.getAttribute("selected"),disabled:!!t.getAttribute("disabled")})),this.host.setAttribute("options",JSON.stringify(this.options))}handleMutations(t){let e=!1;t.forEach(i=>{i.type==="childList"&&(i.addedNodes.forEach(s=>{o.isOptionElement(s)&&(this.addNode(s),e=!0)}),i.removedNodes.forEach(s=>{o.isOptionElement(s)&&(this.nodes=this.nodes.filter(r=>r!==s),e=!0)}))}),e&&this.createOptions()}}exports.PktOptionsSlotController=h;