@oslokommune/punkt-elements 14.0.4 → 14.1.0

package/dist/{textarea-CcIQXCmC.cjs → textarea-zeFp1hxO.cjs}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./element-CJ_QKaki.cjs"),p=require("./if-defined-Bc9-_I01.cjs"),c=require("./state-DSjcvzDN.cjs"),l=require("./ref-BFa5Utho.cjs"),$=require("./class-map-C_erArZz.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-4oOjKnGY.cjs"),x=require("./input-element-BmXkhljw.cjs"),T=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-WEGSbIA6.cjs");require("./icon-BGuizDwk.cjs");/**
+"use strict";const s=require("./element-CJ_QKaki.cjs"),p=require("./if-defined-Bc9-_I01.cjs"),c=require("./state-DSjcvzDN.cjs"),l=require("./ref-BFa5Utho.cjs"),$=require("./class-map-C_erArZz.cjs"),a=require("./directive-C7oCP5Bh.cjs"),d=require("./directive-helpers-4oOjKnGY.cjs"),x=require("./input-element-BmXkhljw.cjs"),T=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-DXg2N3wx.cjs");require("./icon-MRx-m0Or.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{textinput-B3Q13J8H.js → textinput-Cddq4eF_.js}

@@ -5,8 +5,8 @@ import { e as d, n as m } from "./ref-Xa5dbh--.js";
 import { e as g } from "./class-map-wy7PUk0P.js";
 import { P as x } from "./input-element-B0VPRK_E.js";
 import { P as v } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-CnYj-xNE.js";
-import "./icon-1dy7UZcu.js";
+import "./input-wrapper-CAwzMR9o.js";
+import "./icon-BB7e5iQN.js";
 var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (i, e, r, t) => {
   for (var n = t > 1 ? void 0 : t ? b(e, r) : e, l = i.length - 1, c; l >= 0; l--)
     (c = i[l]) && (n = (t ? c(e, r, n) : c(n)) || n);

package/dist/{textinput-Dn704gQw.cjs → textinput-DFFL5v-U.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-CJ_QKaki.cjs"),a=require("./if-defined-Bc9-_I01.cjs"),l=require("./state-DSjcvzDN.cjs"),h=require("./ref-BFa5Utho.cjs"),c=require("./class-map-C_erArZz.cjs"),d=require("./input-element-BmXkhljw.cjs"),x=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-WEGSbIA6.cjs");require("./icon-BGuizDwk.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(u,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=u.length-1,p;o>=0;o--)(p=u[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new x.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,s=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
+"use strict";const t=require("./element-CJ_QKaki.cjs"),a=require("./if-defined-Bc9-_I01.cjs"),l=require("./state-DSjcvzDN.cjs"),h=require("./ref-BFa5Utho.cjs"),c=require("./class-map-C_erArZz.cjs"),d=require("./input-element-BmXkhljw.cjs"),x=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-DXg2N3wx.cjs");require("./icon-MRx-m0Or.cjs");var $=Object.defineProperty,f=Object.getOwnPropertyDescriptor,r=(u,i,s,n)=>{for(var e=n>1?void 0:n?f(i,s):i,o=u.length-1,p;o>=0;o--)(p=u[o])&&(e=(n?p(i,s,e):p(e))||e);return n&&e&&$(i,s,e),e};exports.PktTextinput=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.slotController=new x.PktSlotController(this,this.helptextSlot)}attributeChangedCallback(i,s,n){i==="value"&&this.value!==s&&(this.counterCurrent=n?n.length:0,this.valueChanged(n,s)),super.attributeChangedCallback(i,s,n)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,s=c.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),n=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}

package/package.json

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

package/src/components/icon/icon.test.ts

@@ -34,8 +34,8 @@ export const createIconTest = async (config: IconTestConfig = {}) => {
 // Cleanup after each test
 afterEach(() => {
   document.body.innerHTML = ''
-  // Clean up localStorage after tests
-  localStorage.clear()
+  // Clean up sessionStorage after tests
+  sessionStorage.clear()
   // Reset global variables
   delete (window as any).pktFetch
   delete (window as any).pktIconPath
@@ -145,7 +145,7 @@ describe('PktIcon', () => {
       expect(mockFetch).toHaveBeenCalledWith('https://test-cdn.example.com/icons/arrow-right.svg')
     })
 
-    test('caches loaded icons in localStorage', async () => {
+    test('caches loaded icons in sessionStorage', async () => {
       const { icon } = await createIconTest({
         name: 'arrow-right',
       })
@@ -154,13 +154,13 @@ describe('PktIcon', () => {
       // Wait for icon to load
       await new Promise((resolve) => setTimeout(resolve, 100))
 
-      const cachedIcon = localStorage.getItem('https://test-cdn.example.com/icons/arrow-right.svg')
+      const cachedIcon = sessionStorage.getItem('https://test-cdn.example.com/icons/arrow-right.svg')
       expect(cachedIcon).toBe(mockSvgContent)
     })
 
     test('uses cached icon when available', async () => {
       // Pre-populate cache
-      localStorage.setItem('https://test-cdn.example.com/icons/cached-icon.svg', mockSvgContent)
+      sessionStorage.setItem('https://test-cdn.example.com/icons/cached-icon.svg', mockSvgContent)
 
       const { icon } = await createIconTest({
         name: 'cached-icon',

package/src/components/icon/icon.ts

@@ -28,12 +28,12 @@ const downloadIconOrGetFromCache = async (
     await sleep(50)
   }
 
-  // Check if localStorage is available before using it
-  const isLocalStorageAvailable =
-    typeof Storage !== 'undefined' && typeof localStorage !== 'undefined'
+  // Check if sessionStorage is available before using it
+  const isSessionStorageAvailable =
+    typeof Storage !== 'undefined' && typeof sessionStorage !== 'undefined'
 
-  if (isLocalStorageAvailable && localStorage.getItem(path + name + '.svg')) {
-    return Promise.resolve(localStorage.getItem(path + name + '.svg'))
+  if (isSessionStorageAvailable && sessionStorage.getItem(path + name + '.svg')) {
+    return Promise.resolve(sessionStorage.getItem(path + name + '.svg'))
   } else if (typeof window !== 'undefined' && typeof window.pktFetch === 'function') {
     dlStatus[path + name + '.svg'] = 'fetching'
     return Promise.resolve(
@@ -49,8 +49,8 @@ const downloadIconOrGetFromCache = async (
           }
         })
         .then((text) => {
-          if (text !== errorSvg && isLocalStorageAvailable) {
-            localStorage.setItem(path + name + '.svg', text)
+          if (text !== errorSvg && isSessionStorageAvailable) {
+            sessionStorage.setItem(path + name + '.svg', text)
           }
           dlStatus[path + name + '.svg'] = 'fetched'
           return text

package/dist/icon-BGuizDwk.cjs

@@ -1,9 +0,0 @@
-"use strict";const o=require("./element-CJ_QKaki.cjs"),a=require("./directive-C7oCP5Bh.cjs");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */class d extends a.i{constructor(t){if(super(t),this.it=o.E,t.type!==a.t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===o.E||t==null)return this._t=void 0,this.it=t;if(t===o.T)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const n=[t];return n.raw=n,this._t={_$litType$:this.constructor.resultType,strings:n,values:[]}}}d.directiveName="unsafeHTML",d.resultType=1;const g=a.e(d);/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */class h extends d{}h.directiveName="unsafeSVG",h.resultType=2;const w=a.e(h);var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(e,t,n,i)=>{for(var s=i>1?void 0:i?y(t,n):t,l=e.length-1,p;l>=0;l--)(p=e[l])&&(s=(i?p(t,n,s):p(s))||s);return i&&s&&v(t,n,s),s};const f="https://punkt-cdn.oslo.kommune.no/latest/icons/";typeof window<"u"&&(window.pktFetch=window.pktFetch===void 0?fetch:window.pktFetch,window.pktIconPath=window.pktIconPath||f);const P=e=>new Promise(t=>setTimeout(t,e)),c='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>',u={},k=async(e,t)=>{let n=0;for(;u[t+e+".svg"]==="fetching"&&(n++,!(n>50));)await P(50);const i=typeof Storage<"u"&&typeof localStorage<"u";return i&&localStorage.getItem(t+e+".svg")?Promise.resolve(localStorage.getItem(t+e+".svg")):typeof window<"u"&&typeof window.pktFetch=="function"?(u[t+e+".svg"]="fetching",Promise.resolve(window.pktFetch(t+e+".svg").then(s=>s.ok?s.text():(console.error("Missing icon: "+t+e+".svg"),c)).then(s=>(s!==c&&i&&localStorage.setItem(t+e+".svg",s),u[t+e+".svg"]="fetched",s)))):Promise.resolve(c)};exports.PktIcon=class extends o.PktElement{constructor(){super(...arguments),this.path=typeof window<"u"?window.pktIconPath:f,this.name="",this.icon=w(c),this._updatedProps=[]}connectedCallback(){super.connectedCallback(),this.classList.add("pkt-icon")}async attributeChangedCallback(t,n,i){super.attributeChangedCallback(t,n,i),(t==="name"||t==="path")&&this.getIcon(this.name)}async updated(t){super.updated(t),(t.has("name")||t.has("path"))&&this.getIcon(this.name)}async getIcon(t=""){this._updatedProps.length>0?(this.path||(this.path=typeof window<"u"?window.pktIconPath:f),this.icon=w(await k(this.name||"",this.path).then(n=>n)),this._updatedProps=[]):this._updatedProps.includes(t)||this._updatedProps.push(t)}render(){return o.x`${this.name&&this.icon}`}};r([o.n({type:String,reflect:!1})],exports.PktIcon.prototype,"path",2);r([o.n({type:String,reflect:!0})],exports.PktIcon.prototype,"name",2);r([o.n({type:SVGElement})],exports.PktIcon.prototype,"icon",2);r([o.n({type:Array,noAccessor:!0})],exports.PktIcon.prototype,"_updatedProps",2);exports.PktIcon=r([o.t("pkt-icon")],exports.PktIcon);exports.o=g;