@oslokommune/punkt-elements 16.18.0 → 16.21.0

package/src/components/heading/heading.test.ts

@@ -22,6 +22,9 @@ const createHeading = async (headingProps = '', content = 'Test Heading') => {
   return container
 }
 
+const innerHeading = (host: PktHeading): HTMLHeadingElement | null =>
+  host.querySelector('h1, h2, h3, h4, h5, h6')
+
 // Cleanup after each test
 afterEach(() => {
   document.body.innerHTML = ''
@@ -34,7 +37,7 @@ describe('PktHeading', () => {
       const heading = container.querySelector('pkt-heading') as PktHeading
 
       expect(heading).toBeInTheDocument()
-      expect(heading.shadowRoot).toBeTruthy()
+      expect(heading.shadowRoot).toBeNull()
     })
 
     test('renders with default properties', async () => {
@@ -47,19 +50,33 @@ describe('PktHeading', () => {
       expect(heading.align).toBe(undefined)
     })
 
-    test('renders content in shadow DOM slot', async () => {
+    test('renders content inside a semantic heading element', async () => {
       const container = await createHeading('', 'Custom Heading Text')
       const heading = container.querySelector('pkt-heading') as PktHeading
       await heading.updateComplete
 
-      const slot = heading.shadowRoot?.querySelector('slot')
-      expect(slot).toBeInTheDocument()
-      expect(heading.textContent).toContain('Custom Heading Text')
+      const inner = innerHeading(heading)
+      expect(inner).toBeInTheDocument()
+      expect(inner?.tagName).toBe('H2')
+      expect(inner?.textContent).toContain('Custom Heading Text')
+    })
+
+    test('uses the matching h-tag for the given level', async () => {
+      const levels: TPktHeadingLevel[] = [1, 2, 3, 4, 5, 6]
+
+      for (const level of levels) {
+        const container = await createHeading(`level="${level}"`)
+        const heading = container.querySelector('pkt-heading') as PktHeading
+        await heading.updateComplete
+
+        expect(innerHeading(heading)?.tagName).toBe(`H${level}`)
+        document.body.innerHTML = ''
+      }
     })
   })
 
   describe('Properties and attributes', () => {
-    test('applies default properties correctly', async () => {
+    test('applies default reflected attributes correctly', async () => {
       const container = await createHeading()
       const heading = container.querySelector('pkt-heading') as PktHeading
       await heading.updateComplete
@@ -104,7 +121,7 @@ describe('PktHeading', () => {
       await heading.updateComplete
 
       expect(heading.visuallyHidden).toBe(true)
-      expect(heading.hasAttribute('visuallyHidden')).toBe(true)
+      expect(heading.hasAttribute('visuallyhidden')).toBe(true)
     })
 
     test('sets align property correctly', async () => {
@@ -123,17 +140,16 @@ describe('PktHeading', () => {
   })
 
   describe('CSS classes and styling', () => {
-    test('applies default CSS classes', async () => {
+    test('applies pkt-heading class to the inner heading element, not the host', async () => {
       const container = await createHeading()
       const heading = container.querySelector('pkt-heading') as PktHeading
       await heading.updateComplete
 
-      expect(heading.classList.contains('pkt-heading')).toBe(true)
-      expect(heading.classList.contains('pkt-heading--medium')).toBe(false)
-      expect(heading.classList.contains('pkt-heading--start')).toBe(false)
+      expect(heading.classList.contains('pkt-heading')).toBe(false)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading')).toBe(true)
     })
 
-    test('applies size-specific CSS classes', async () => {
+    test('applies size-specific class to the inner heading', async () => {
       const sizes: TPktHeadingSize[] = ['xsmall', 'small', 'medium', 'large', 'xlarge']
 
       for (const size of sizes) {
@@ -141,20 +157,20 @@ describe('PktHeading', () => {
         const heading = container.querySelector('pkt-heading') as PktHeading
         await heading.updateComplete
 
-        expect(heading.classList.contains(`pkt-heading--${size}`)).toBe(true)
+        expect(innerHeading(heading)?.classList.contains(`pkt-heading--${size}`)).toBe(true)
         document.body.innerHTML = ''
       }
     })
 
-    test('applies visually hidden class when enabled', async () => {
+    test('applies visually hidden class to the inner heading when enabled', async () => {
       const container = await createHeading('visuallyHidden="true"')
       const heading = container.querySelector('pkt-heading') as PktHeading
       await heading.updateComplete
 
-      expect(heading.classList.contains('pkt-sr-only')).toBe(true)
+      expect(innerHeading(heading)?.classList.contains('pkt-sr-only')).toBe(true)
     })
 
-    test('applies alignment-specific CSS classes', async () => {
+    test('applies alignment-specific class to the inner heading', async () => {
       const alignments = ['start', 'center', 'end'] as const
 
       for (const align of alignments) {
@@ -162,7 +178,7 @@ describe('PktHeading', () => {
         const heading = container.querySelector('pkt-heading') as PktHeading
         await heading.updateComplete
 
-        expect(heading.classList.contains(`pkt-heading--${align}`)).toBe(true)
+        expect(innerHeading(heading)?.classList.contains(`pkt-heading--${align}`)).toBe(true)
         document.body.innerHTML = ''
       }
     })
@@ -172,55 +188,47 @@ describe('PktHeading', () => {
       const heading = container.querySelector('pkt-heading') as PktHeading
       await heading.updateComplete
 
-      expect(heading.classList.contains('pkt-heading--small')).toBe(true)
-      expect(heading.classList.contains('pkt-heading--center')).toBe(true)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading--small')).toBe(true)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading--center')).toBe(true)
 
-      // Change properties
       heading.size = 'large'
       heading.align = 'end'
       await heading.updateComplete
 
-      expect(heading.classList.contains('pkt-heading--small')).toBe(false)
-      expect(heading.classList.contains('pkt-heading--center')).toBe(false)
-      expect(heading.classList.contains('pkt-heading--large')).toBe(true)
-      expect(heading.classList.contains('pkt-heading--end')).toBe(true)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading--small')).toBe(false)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading--center')).toBe(false)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading--large')).toBe(true)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading--end')).toBe(true)
     })
   })
 
-  describe('ARIA and accessibility attributes', () => {
-    test('sets role and aria-level attributes on connection', async () => {
-      const container = await createHeading('level="3"')
-      const heading = container.querySelector('pkt-heading') as PktHeading
-      await heading.updateComplete
-
-      expect(heading.getAttribute('role')).toBe('heading')
-      expect(heading.getAttribute('aria-level')).toBe('3')
-    })
-
-    test('updates aria-level when level property changes', async () => {
-      const container = await createHeading('level="2"')
+  describe('Dynamic level changes', () => {
+    test('swaps the inner heading tag when the level changes via property', async () => {
+      const container = await createHeading('level="2"', 'Dynamic')
       const heading = container.querySelector('pkt-heading') as PktHeading
       await heading.updateComplete
 
-      expect(heading.getAttribute('aria-level')).toBe('2')
+      expect(innerHeading(heading)?.tagName).toBe('H2')
+      expect(innerHeading(heading)?.textContent).toContain('Dynamic')
 
       heading.level = 4
       await heading.updateComplete
 
-      expect(heading.getAttribute('aria-level')).toBe('4')
+      expect(innerHeading(heading)?.tagName).toBe('H4')
+      expect(innerHeading(heading)?.textContent).toContain('Dynamic')
     })
 
-    test('updates aria-level when level attribute changes', async () => {
+    test('swaps the inner heading tag when the level attribute changes', async () => {
       const container = await createHeading('level="1"')
       const heading = container.querySelector('pkt-heading') as PktHeading
       await heading.updateComplete
 
-      expect(heading.getAttribute('aria-level')).toBe('1')
+      expect(innerHeading(heading)?.tagName).toBe('H1')
 
       heading.setAttribute('level', '5')
       await heading.updateComplete
 
-      expect(heading.getAttribute('aria-level')).toBe('5')
+      expect(innerHeading(heading)?.tagName).toBe('H5')
       expect(heading.level).toBe(5)
     })
   })
@@ -235,28 +243,27 @@ describe('PktHeading', () => {
         await heading.updateComplete
 
         expect(heading.level).toBe(level)
-        expect(heading.getAttribute('aria-level')).toBe(String(level))
+        expect(innerHeading(heading)?.tagName).toBe(`H${level}`)
         document.body.innerHTML = ''
       }
     })
 
-    test('handles invalid levels gracefully', async () => {
+    test('warns and falls back to h2 for invalid levels', async () => {
       const consoleSpy = vi.spyOn(console, 'warn').mockImplementation(() => {})
 
       const container = await createHeading()
       const heading = container.querySelector('pkt-heading') as PktHeading
       await heading.updateComplete
 
-      // Test invalid level via property
       heading.level = 0 as TPktHeadingLevel
       await heading.updateComplete
-
       expect(consoleSpy).toHaveBeenCalledWith('Invalid heading level: 0. Must be between 1 and 6.')
+      expect(innerHeading(heading)?.tagName).toBe('H2')
 
       heading.level = 7 as TPktHeadingLevel
       await heading.updateComplete
-
       expect(consoleSpy).toHaveBeenCalledWith('Invalid heading level: 7. Must be between 1 and 6.')
+      expect(innerHeading(heading)?.tagName).toBe('H2')
 
       consoleSpy.mockRestore()
     })
@@ -268,13 +275,13 @@ describe('PktHeading', () => {
       const heading = container.querySelector('pkt-heading') as PktHeading
       await heading.updateComplete
 
-      expect(heading.classList.contains('pkt-heading--small')).toBe(true)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading--small')).toBe(true)
 
       heading.size = 'xlarge'
       await heading.updateComplete
 
-      expect(heading.classList.contains('pkt-heading--small')).toBe(false)
-      expect(heading.classList.contains('pkt-heading--xlarge')).toBe(true)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading--small')).toBe(false)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading--xlarge')).toBe(true)
     })
 
     test('updates classes when visuallyHidden property changes', async () => {
@@ -282,12 +289,12 @@ describe('PktHeading', () => {
       const heading = container.querySelector('pkt-heading') as PktHeading
       await heading.updateComplete
 
-      expect(heading.classList.contains('pkt-sr-only')).toBe(false)
+      expect(innerHeading(heading)?.classList.contains('pkt-sr-only')).toBe(false)
 
       heading.visuallyHidden = true
       await heading.updateComplete
 
-      expect(heading.classList.contains('pkt-sr-only')).toBe(true)
+      expect(innerHeading(heading)?.classList.contains('pkt-sr-only')).toBe(true)
     })
 
     test('updates classes when align property changes', async () => {
@@ -295,34 +302,37 @@ describe('PktHeading', () => {
       const heading = container.querySelector('pkt-heading') as PktHeading
       await heading.updateComplete
 
-      expect(heading.classList.contains('pkt-heading--start')).toBe(true)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading--start')).toBe(true)
 
       heading.align = 'center'
       await heading.updateComplete
 
-      expect(heading.classList.contains('pkt-heading--start')).toBe(false)
-      expect(heading.classList.contains('pkt-heading--center')).toBe(true)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading--start')).toBe(false)
+      expect(innerHeading(heading)?.classList.contains('pkt-heading--center')).toBe(true)
     })
   })
 
   describe('Content rendering', () => {
-    test('renders simple text content', async () => {
+    test('renders simple text content inside the h-tag', async () => {
       const container = await createHeading('', 'Simple Heading')
       const heading = container.querySelector('pkt-heading') as PktHeading
+      await heading.updateComplete
 
-      expect(heading.textContent).toContain('Simple Heading')
+      expect(innerHeading(heading)?.textContent).toContain('Simple Heading')
     })
 
-    test('renders HTML content safely', async () => {
+    test('renders nested HTML content inside the h-tag', async () => {
       const container = await createHeading('', '<strong>Bold</strong> heading')
       const heading = container.querySelector('pkt-heading') as PktHeading
+      await heading.updateComplete
 
-      expect(heading.innerHTML).toContain('<strong>Bold</strong>')
-      expect(heading.innerHTML).toContain('heading')
-      expect(heading.querySelector('strong')).toBeInTheDocument()
+      const inner = innerHeading(heading)
+      expect(inner?.querySelector('strong')).toBeInTheDocument()
+      expect(inner?.textContent).toContain('Bold')
+      expect(inner?.textContent).toContain('heading')
     })
 
-    test('renders multiple child elements', async () => {
+    test('renders multiple child elements inside the h-tag', async () => {
       const container = document.createElement('div')
       container.innerHTML = `
         <pkt-heading>
@@ -336,10 +346,11 @@ describe('PktHeading', () => {
       const heading = container.querySelector('pkt-heading') as PktHeading
       await heading.updateComplete
 
-      expect(heading.querySelector('span')).toBeInTheDocument()
-      expect(heading.querySelector('em')).toBeInTheDocument()
-      expect(heading.textContent).toContain('Part 1')
-      expect(heading.textContent).toContain('Part 2')
+      const inner = innerHeading(heading)
+      expect(inner?.querySelector('span')).toBeInTheDocument()
+      expect(inner?.querySelector('em')).toBeInTheDocument()
+      expect(inner?.textContent).toContain('Part 1')
+      expect(inner?.textContent).toContain('Part 2')
     })
   })
 
@@ -423,11 +434,11 @@ describe('PktHeading', () => {
       await Promise.all([...headings].map((h) => h.updateComplete))
 
       expect(headings[0].level).toBe(1)
-      expect(headings[0].size).toBe('xlarge')
+      expect(innerHeading(headings[0])?.tagName).toBe('H1')
       expect(headings[1].level).toBe(2)
-      expect(headings[1].size).toBe('large')
+      expect(innerHeading(headings[1])?.tagName).toBe('H2')
       expect(headings[2].level).toBe(3)
-      expect(headings[2].size).toBe('medium')
+      expect(innerHeading(headings[2])?.tagName).toBe('H3')
     })
 
     test('maintains independence between multiple instances', async () => {
@@ -443,12 +454,10 @@ describe('PktHeading', () => {
       const heading2 = container.querySelector('#h2') as PktHeading
       await Promise.all([heading1.updateComplete, heading2.updateComplete])
 
-      // Change properties on first heading
       heading1.size = 'xlarge'
       heading1.align = 'center'
       await heading1.updateComplete
 
-      // Verify second heading is unaffected
       expect(heading2.size).toBe('small')
       expect(heading2.align).toBe(undefined)
       expect(heading1.size).toBe('xlarge')

package/src/components/heading/heading.ts

@@ -1,5 +1,6 @@
-import { PktShadowElement } from '@/base-elements/element'
-import { html, PropertyValues } from 'lit'
+import { PktElementWithSlot } from '@/base-elements/element-with-slot'
+import { slotContent } from '@/directives/slot-content'
+import { html, PropertyValues, TemplateResult } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
 import type { THeadingLevel, THeadingSize, THeadingWeight } from 'shared-types'
 
@@ -15,7 +16,7 @@ export interface IPktHeading {
   align?: 'start' | 'center' | 'end'
 }
 
-export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHeading {
+export class PktHeading extends PktElementWithSlot<IPktHeading> implements IPktHeading {
   @property({ type: String, reflect: true }) size: TPktHeadingSize | undefined = undefined
   @property({ type: Number, reflect: true }) level: TPktHeadingLevel = 2
   @property({ type: String, reflect: true }) weight: TPktHeadingWeight | undefined = undefined
@@ -23,32 +24,13 @@ export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHea
   @property({ type: String, reflect: true }) align: 'start' | 'center' | 'end' | undefined =
     undefined
 
-  connectedCallback(): void {
-    super.connectedCallback()
-    this.setAttribute('role', 'heading')
-    this.setAttribute('aria-level', String(this.level))
-
-    this.updateHostClasses()
-  }
-
-  attributeChangedCallback(name: string, _old: string | null, value: string | null): void {
-    super.attributeChangedCallback(name, _old, value)
-    if (name === 'level' && value) {
-      this.setLevel(Number(value) as TPktHeadingLevel)
-    }
-    if (name === 'visuallyHidden') {
-      this.visuallyHidden = value !== null && value !== 'false'
-    }
-    if (name === 'size' || name === 'visuallyHidden' || name === 'align' || name === 'weight') {
-      this.updateHostClasses()
-    }
-  }
-
   protected updated(_changedProperties: PropertyValues): void {
     super.updated(_changedProperties)
-    if (_changedProperties.has('level')) {
-      this.setLevel(this.level)
 
+    if (_changedProperties.has('level')) {
+      if (this.level < 1 || this.level > 6) {
+        console.warn(`Invalid heading level: ${this.level}. Must be between 1 and 6.`)
+      }
       if (!this.hasAttribute('size')) {
         this.size = this.defaultSizeForLevel
       }
@@ -56,29 +38,9 @@ export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHea
         this.weight = this.defaultWeightForLevel
       }
     }
-    if (
-      !this.hasAttribute('size') &&
-      (_changedProperties.has('level') || this.size === undefined)
-    ) {
-      this.size = this.defaultSizeForLevel
-    }
-
-    if (
-      _changedProperties.has('size') ||
-      _changedProperties.has('visuallyHidden') ||
-      _changedProperties.has('align') ||
-      _changedProperties.has('weight')
-    ) {
-      this.updateHostClasses()
-    }
-  }
 
-  private setLevel(level: TPktHeadingLevel): void {
-    if (level >= 1 && level <= 6) {
-      this.level = level
-      this.setAttribute('aria-level', String(level))
-    } else {
-      console.warn(`Invalid heading level: ${level}. Must be between 1 and 6.`)
+    if (!this.hasAttribute('size') && this.size === undefined) {
+      this.size = this.defaultSizeForLevel
     }
   }
 
@@ -93,7 +55,6 @@ export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHea
       case 4:
         return 'small'
       case 5:
-        return 'xsmall'
       case 6:
         return 'xsmall'
       default:
@@ -104,15 +65,11 @@ export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHea
   private get defaultWeightForLevel(): TPktHeadingWeight {
     switch (this.level) {
       case 1:
-        return 'regular'
       case 2:
         return 'regular'
       case 3:
-        return 'medium'
       case 4:
-        return 'medium'
       case 5:
-        return 'medium'
       case 6:
         return 'medium'
       default:
@@ -120,34 +77,39 @@ export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHea
     }
   }
 
-  private updateHostClasses() {
-    // Remove all possible classes first
-    this.classList.remove(
+  private get headingClasses(): string {
+    return [
       'pkt-heading',
-      'pkt-heading--xsmall',
-      'pkt-heading--small',
-      'pkt-heading--medium',
-      'pkt-heading--large',
-      'pkt-heading--xlarge',
-      'pkt-sr-only',
-      'pkt-heading--start',
-      'pkt-heading--center',
-      'pkt-heading--end',
-      'pkt-heading--light',
-      'pkt-heading--regular',
-      'pkt-heading--medium',
-      'pkt-heading--bold',
-    )
-    // Add current classes
-    this.classList.add('pkt-heading')
-    if (this.size) this.classList.add(`pkt-heading--${this.size}`)
-    if (this.weight) this.classList.add(`pkt-heading--fw-${this.weight}`)
-    if (this.visuallyHidden) this.classList.add('pkt-sr-only')
-    if (this.align) this.classList.add(`pkt-heading--${this.align}`)
+      this.size && `pkt-heading--${this.size}`,
+      this.weight && `pkt-heading--fw-${this.weight}`,
+      this.visuallyHidden && 'pkt-sr-only',
+      this.align && `pkt-heading--${this.align}`,
+    ]
+      .filter(Boolean)
+      .join(' ')
   }
 
-  render() {
-    return html`<slot></slot>`
+  render(): TemplateResult {
+    const classes = this.headingClasses
+    const content = slotContent(this)
+    const safeLevel = this.level >= 1 && this.level <= 6 ? this.level : 2
+
+    switch (safeLevel) {
+      case 1:
+        return html`<h1 class=${classes}>${content}</h1>`
+      case 2:
+        return html`<h2 class=${classes}>${content}</h2>`
+      case 3:
+        return html`<h3 class=${classes}>${content}</h3>`
+      case 4:
+        return html`<h4 class=${classes}>${content}</h4>`
+      case 5:
+        return html`<h5 class=${classes}>${content}</h5>`
+      case 6:
+        return html`<h6 class=${classes}>${content}</h6>`
+      default:
+        return html`<h2 class=${classes}>${content}</h2>`
+    }
   }
 }
 

package/dist/async-directive-B9P1Qa0k.cjs

@@ -1 +0,0 @@
-const e=require(`./directive-CJ2giQBZ.cjs`),t=require(`./directive-helpers-D1QSxY17.cjs`);var n=(e,t)=>{let r=e._$AN;if(r===void 0)return!1;for(let e of r)e._$AO?.(t,!1),n(e,t);return!0},r=e=>{let t,n;do{if((t=e._$AM)===void 0)break;n=t._$AN,n.delete(e),e=t}while(n?.size===0)},i=e=>{for(let t;t=e._$AM;e=t){let n=t._$AN;if(n===void 0)t._$AN=n=new Set;else if(n.has(e))break;n.add(e),s(t)}};function a(e){this._$AN===void 0?this._$AM=e:(r(this),this._$AM=e,i(this))}function o(e,t=!1,i=0){let a=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(a))for(let e=i;e<a.length;e++)n(a[e],!1),r(a[e]);else a!=null&&(n(a,!1),r(a));else n(this,e)}var s=t=>{t.type==e.r.CHILD&&(t._$AP??=o,t._$AQ??=a)},c=class extends e.n{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,n){super._$AT(e,t,n),i(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(n(this,e),r(this))}setValue(e){if(t.i(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});

package/dist/class-map-CJ-msbHs.cjs

@@ -1 +0,0 @@
-const e=require(`./element-DjtxO-1r.cjs`),t=require(`./directive-CJ2giQBZ.cjs`);var n=t.t(class extends t.n{constructor(e){if(super(e),e.type!==t.r.ATTRIBUTE||e.name!==`class`||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(t,[n]){if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in n)n[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(n)}let r=t.element.classList;for(let e of this.st)e in n||(r.remove(e),this.st.delete(e));for(let e in n){let t=!!n[e];t===this.st.has(e)||this.nt?.has(e)||(t?(r.add(e),this.st.add(e)):(r.remove(e),this.st.delete(e)))}return e.u}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/dist/directive-3THFsVew.js

@@ -1,28 +0,0 @@
-//#region ../../node_modules/lit-html/directive.js
-var e = {
-	ATTRIBUTE: 1,
-	CHILD: 2,
-	PROPERTY: 3,
-	BOOLEAN_ATTRIBUTE: 4,
-	EVENT: 5,
-	ELEMENT: 6
-}, t = (e) => (...t) => ({
-	_$litDirective$: e,
-	values: t
-}), n = class {
-	constructor(e) {}
-	get _$AU() {
-		return this._$AM._$AU;
-	}
-	_$AT(e, t, n) {
-		this._$Ct = e, this._$AM = t, this._$Ci = n;
-	}
-	_$AS(e, t) {
-		return this.update(e, t);
-	}
-	update(e, t) {
-		return this.render(...t);
-	}
-};
-//#endregion
-export { n, e as r, t };

package/dist/directive-CJ2giQBZ.cjs

@@ -1 +0,0 @@
-var e={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},t=e=>(...t)=>({_$litDirective$:e,values:t}),n=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/element-DjtxO-1r.cjs

@@ -1,2 +0,0 @@
-var e=globalThis,t=e=>e,n=e.trustedTypes,r=n?n.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,i=`$lit$`,a=`lit$${Math.random().toFixed(9).slice(2)}$`,o=`?`+a,s=`<${o}>`,c=document,l=()=>c.createComment(``),u=e=>e===null||typeof e!=`object`&&typeof e!=`function`,d=Array.isArray,f=e=>d(e)||typeof e?.[Symbol.iterator]==`function`,p=`[ 	
-\f\r]`,m=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,h=/-->/g,g=/>/g,_=RegExp(`>|${p}(?:([^\\s"'>=/]+)(${p}*=${p}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,`g`),v=/'/g,y=/"/g,b=/^(?:script|style|textarea|title)$/i,x=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),S=Symbol.for(`lit-noChange`),C=Symbol.for(`lit-nothing`),w=new WeakMap,T=c.createTreeWalker(c,129);function E(e,t){if(!d(e)||!e.hasOwnProperty(`raw`))throw Error(`invalid template strings array`);return r===void 0?t:r.createHTML(t)}var D=(e,t)=>{let n=e.length-1,r=[],o,c=t===2?`<svg>`:t===3?`<math>`:``,l=m;for(let t=0;t<n;t++){let n=e[t],u,d,f=-1,p=0;for(;p<n.length&&(l.lastIndex=p,d=l.exec(n),d!==null);)p=l.lastIndex,l===m?d[1]===`!--`?l=h:d[1]===void 0?d[2]===void 0?d[3]!==void 0&&(l=_):(b.test(d[2])&&(o=RegExp(`</`+d[2],`g`)),l=_):l=g:l===_?d[0]===`>`?(l=o??m,f=-1):d[1]===void 0?f=-2:(f=l.lastIndex-d[2].length,u=d[1],l=d[3]===void 0?_:d[3]===`"`?y:v):l===y||l===v?l=_:l===h||l===g?l=m:(l=_,o=void 0);let x=l===_&&e[t+1].startsWith(`/>`)?` `:``;c+=l===m?n+s:f>=0?(r.push(u),n.slice(0,f)+i+n.slice(f)+a+x):n+a+(f===-2?t:x)}return[E(e,c+(e[n]||`<?>`)+(t===2?`</svg>`:t===3?`</math>`:``)),r]},O=class e{constructor({strings:t,_$litType$:r},s){let c;this.parts=[];let u=0,d=0,f=t.length-1,p=this.parts,[m,h]=D(t,r);if(this.el=e.createElement(m,s),T.currentNode=this.el.content,r===2||r===3){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;(c=T.nextNode())!==null&&p.length<f;){if(c.nodeType===1){if(c.hasAttributes())for(let e of c.getAttributeNames())if(e.endsWith(i)){let t=h[d++],n=c.getAttribute(e).split(a),r=/([.?@])?(.*)/.exec(t);p.push({type:1,index:u,name:r[2],strings:n,ctor:r[1]===`.`?N:r[1]===`?`?P:r[1]===`@`?F:M}),c.removeAttribute(e)}else e.startsWith(a)&&(p.push({type:6,index:u}),c.removeAttribute(e));if(b.test(c.tagName)){let e=c.textContent.split(a),t=e.length-1;if(t>0){c.textContent=n?n.emptyScript:``;for(let n=0;n<t;n++)c.append(e[n],l()),T.nextNode(),p.push({type:2,index:++u});c.append(e[t],l())}}}else if(c.nodeType===8)if(c.data===o)p.push({type:2,index:u});else{let e=-1;for(;(e=c.data.indexOf(a,e+1))!==-1;)p.push({type:7,index:u}),e+=a.length-1}u++}}static createElement(e,t){let n=c.createElement(`template`);return n.innerHTML=e,n}};function k(e,t,n=e,r){if(t===S)return t;let i=r===void 0?n._$Cl:n._$Co?.[r],a=u(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(e),i._$AT(e,n,r)),r===void 0?n._$Cl=i:(n._$Co??=[])[r]=i),i!==void 0&&(t=k(e,i._$AS(e,t.values),i,r)),t}var A=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:n}=this._$AD,r=(e?.creationScope??c).importNode(t,!0);T.currentNode=r;let i=T.nextNode(),a=0,o=0,s=n[0];for(;s!==void 0;){if(a===s.index){let t;s.type===2?t=new j(i,i.nextSibling,this,e):s.type===1?t=new s.ctor(i,s.name,s.strings,this,e):s.type===6&&(t=new I(i,this,e)),this._$AV.push(t),s=n[++o]}a!==s?.index&&(i=T.nextNode(),a++)}return T.currentNode=c,r}p(e){let t=0;for(let n of this._$AV)n!==void 0&&(n.strings===void 0?n._$AI(e[t]):(n._$AI(e,n,t),t+=n.strings.length-2)),t++}},j=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,r){this.type=2,this._$AH=C,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=k(this,e,t),u(e)?e===C||e==null||e===``?(this._$AH!==C&&this._$AR(),this._$AH=C):e!==this._$AH&&e!==S&&this._(e):e._$litType$===void 0?e.nodeType===void 0?f(e)?this.k(e):this._(e):this.T(e):this.$(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==C&&u(this._$AH)?this._$AA.nextSibling.data=e:this.T(c.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:n}=e,r=typeof n==`number`?this._$AC(e):(n.el===void 0&&(n.el=O.createElement(E(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(t);else{let e=new A(r,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=w.get(e.strings);return t===void 0&&w.set(e.strings,t=new O(e)),t}k(t){d(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,r,i=0;for(let a of t)i===n.length?n.push(r=new e(this.O(l()),this.O(l()),this,this.options)):r=n[i],r._$AI(a),i++;i<n.length&&(this._$AR(r&&r._$AB.nextSibling,i),n.length=i)}_$AR(e=this._$AA.nextSibling,n){for(this._$AP?.(!1,!0,n);e!==this._$AB;){let n=t(e).nextSibling;t(e).remove(),e=n}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},M=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,r,i){this.type=1,this._$AH=C,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=i,n.length>2||n[0]!==``||n[1]!==``?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=C}_$AI(e,t=this,n,r){let i=this.strings,a=!1;if(i===void 0)e=k(this,e,t,0),a=!u(e)||e!==this._$AH&&e!==S,a&&(this._$AH=e);else{let r=e,o,s;for(e=i[0],o=0;o<i.length-1;o++)s=k(this,r[n+o],t,o),s===S&&(s=this._$AH[o]),a||=!u(s)||s!==this._$AH[o],s===C?e=C:e!==C&&(e+=(s??``)+i[o+1]),this._$AH[o]=s}a&&!r&&this.j(e)}j(e){e===C?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??``)}},N=class extends M{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===C?void 0:e}},P=class extends M{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==C)}},F=class extends M{constructor(e,t,n,r,i){super(e,t,n,r,i),this.type=5}_$AI(e,t=this){if((e=k(this,e,t,0)??C)===S)return;let n=this._$AH,r=e===C&&n!==C||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==C&&(n===C||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH==`function`?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},I=class{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){k(this,e)}},ee={M:i,P:a,A:o,C:1,L:D,R:A,D:f,V:k,I:j,H:M,N:P,U:F,B:N,F:I},te=e.litHtmlPolyfillSupport;te?.(O,j),(e.litHtmlVersions??=[]).push(`3.3.2`);var ne=(e,t,n)=>{let r=n?.renderBefore??t,i=r._$litPart$;if(i===void 0){let e=n?.renderBefore??null;r._$litPart$=i=new j(t.insertBefore(l(),e),e,void 0,n??{})}return i._$AI(e),i},re=e=>(t,n)=>{n===void 0?customElements.define(e,t):n.addInitializer(()=>{customElements.define(e,t)})},L=globalThis,R=L.ShadowRoot&&(L.ShadyCSS===void 0||L.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,z=Symbol(),B=new WeakMap,ie=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==z)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(R&&e===void 0){let n=t!==void 0&&t.length===1;n&&(e=B.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&B.set(t,e))}return e}toString(){return this.cssText}},ae=e=>new ie(typeof e==`string`?e:e+``,void 0,z),oe=(e,t)=>{if(R)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let n of t){let t=document.createElement(`style`),r=L.litNonce;r!==void 0&&t.setAttribute(`nonce`,r),t.textContent=n.cssText,e.appendChild(t)}},V=R?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t=``;for(let n of e.cssRules)t+=n.cssText;return ae(t)})(e):e,{is:se,defineProperty:ce,getOwnPropertyDescriptor:le,getOwnPropertyNames:ue,getOwnPropertySymbols:de,getPrototypeOf:fe}=Object,H=globalThis,U=H.trustedTypes,pe=U?U.emptyScript:``,me=H.reactiveElementPolyfillSupport,W=(e,t)=>e,G={toAttribute(e,t){switch(t){case Boolean:e=e?pe:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=e!==null;break;case Number:n=e===null?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch{n=null}}return n}},K=(e,t)=>!se(e,t),q={attribute:!0,type:String,converter:G,reflect:!1,useDefault:!1,hasChanged:K};Symbol.metadata??=Symbol(`metadata`),H.litPropertyMetadata??=new WeakMap;var J=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=q){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let n=Symbol(),r=this.getPropertyDescriptor(e,n,t);r!==void 0&&ce(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=le(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){let a=r?.call(this);i?.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??q}static _$Ei(){if(this.hasOwnProperty(W(`elementProperties`)))return;let e=fe(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(W(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(W(`properties`))){let e=this.properties,t=[...ue(e),...de(e)];for(let n of t)this.createProperty(n,e[n])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let n=this._$Eu(e,t);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let n=new Set(e.flat(1/0).reverse());for(let e of n)t.unshift(V(e))}else e!==void 0&&t.push(V(e));return t}static _$Eu(e,t){let n=t.attribute;return!1===n?void 0:typeof n==`string`?n:typeof e==`string`?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return oe(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){let n=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,n);if(r!==void 0&&!0===n.reflect){let i=(n.converter?.toAttribute===void 0?G:n.converter).toAttribute(t,n.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){let n=this.constructor,r=n._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let e=n.getPropertyOptions(r),i=typeof e.converter==`function`?{fromAttribute:e.converter}:e.converter?.fromAttribute===void 0?G:e.converter;this._$Em=r;let a=i.fromAttribute(t,e.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(e,t,n,r=!1,i){if(e!==void 0){let a=this.constructor;if(!1===r&&(i=this[e]),n??=a.getPropertyOptions(e),!((n.hasChanged??K)(i,t)||n.useDefault&&n.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:r,wrapped:i},a){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==i||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,n]of e){let{wrapped:e}=n,r=this[t];!0!==e||this._$AL.has(t)||r===void 0||this.C(t,void 0,n,r)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};J.elementStyles=[],J.shadowRootOptions={mode:`open`},J[W(`elementProperties`)]=new Map,J[W(`finalized`)]=new Map,me?.({ReactiveElement:J}),(H.reactiveElementVersions??=[]).push(`2.1.2`);var he={attribute:!0,type:String,converter:G,reflect:!1,hasChanged:K},ge=(e=he,t,n)=>{let{kind:r,metadata:i}=n,a=globalThis.litPropertyMetadata.get(i);if(a===void 0&&globalThis.litPropertyMetadata.set(i,a=new Map),r===`setter`&&((e=Object.create(e)).wrapped=!0),a.set(n.name,e),r===`accessor`){let{name:r}=n;return{set(n){let i=t.get.call(this);t.set.call(this,n),this.requestUpdate(r,i,e,!0,n)},init(t){return t!==void 0&&this.C(r,void 0,e,t),t}}}if(r===`setter`){let{name:r}=n;return function(n){let i=this[r];t.call(this,n),this.requestUpdate(r,i,e,!0,n)}}throw Error(`Unsupported decorator location: `+r)};function Y(e){return(t,n)=>typeof n==`object`?ge(e,t,n):((e,t,n)=>{let r=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),r?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}function _e(e){return Y({...e,state:!0,attribute:!1})}var X=globalThis,Z=class extends J{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=ne(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return S}};Z._$litElement$=!0,Z.finalized=!0,X.litElementHydrateSupport?.({LitElement:Z});var ve=X.litElementPolyfillSupport;ve?.({LitElement:Z}),(X.litElementVersions??=[]).push(`4.2.2`);var ye={example:{hi:`Hei!`},generic:{from:`Fra`,to:`Til`},calendar:{buttonAltText:`Åpne kalender`,deleteDate:`Fjern dato`},dates:{month:`Måned`,year:`År`,days:[`Mandag`,`Tirsdag`,`Onsdag`,`Torsdag`,`Fredag`,`Lørdag`,`Søndag`],daysShort:[`Man`,`Tir`,`Ons`,`Tor`,`Fre`,`Lør`,`Søn`],months:[`Januar`,`Februar`,`Mars`,`April`,`Mai`,`Juni`,`Juli`,`August`,`September`,`Oktober`,`November`,`Desember`],monthsShort:[`Jan`,`Feb`,`Mar`,`Apr`,`Mai`,`Jun`,`Jul`,`Aug`,`Sep`,`Okt`,`Nov`,`Des`],week:`Uke`,prevMonth:`Forrige måned`,nextMonth:`Neste måned`},timepicker:{hours:`Timer`,minutes:`Minutter`,openPicker:`Åpne tidspunkt-velger`,prevTime:`Forrige tidspunkt`,nextTime:`Neste tidspunkt`,selectTime:`Velg tidspunkt`},forms:{search:{placeholder:`Søk…`},labels:{optional:`Valgfritt`,required:`Må fylles ut`},messages:{required:`Dette feltet er påkrevd`,invalid:`Ugyldig verdi`,invalidPattern:`Ugyldig format`,tooShort:`For kort`,tooLong:`For lang`,rangeUnderflow:`For lav verdi`,rangeOverflow:`For høy verdi`,stepMismatch:`Må treffe på steget som er definert i elementet`,timeStepMismatch:`Må treffe på et steg, for eksempel 0, {step} minutter`,timeStepMismatchHour:`Må treffe på hver hele time`,timeStepMismatchHalfHour:`Må treffe på hver hele eller halve time`,rangeUnderflowMin:`Verdien må være større enn eller lik {min}.`,rangeOverflowMax:`Verdien må være mindre enn eller lik {max}.`,dateUnderflow:`For tidlig dato`,dateOverflow:`For sen dato`},helptext:{helptextDropdownButton:`Les mer`},date:{multiple:`Her kan du velge flere datoer. Trykk komma eller enter når du har skrevet inn en dato.`}}};function Q(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var $=class extends Z{constructor(...e){super(...e),this.strings=ye,this.role=null}hotReplacedCallback(){this.requestUpdate()}};Q([Y({type:Object})],$.prototype,`strings`,void 0),Q([Y({type:String})],$.prototype,`role`,void 0);var be=class extends ${createRenderRoot(){return this}};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return ee}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return ye}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return _e}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return be}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return S}});

package/dist/element-with-slot-CWoTGA1B.cjs

@@ -1 +0,0 @@
-const e=require(`./element-DjtxO-1r.cjs`),t=require(`./directive-CJ2giQBZ.cjs`),n=require(`./async-directive-B9P1Qa0k.cjs`);function r(e){return e.classList&&(e.classList.contains(`_dialog_overlay`)||e.classList.contains(`backdrop`))?!0:typeof e.hasAttribute==`function`&&e.hasAttribute(`data-skip`)}function i(e){return e.nodeName===`OPTION`||e.nodeName===`DATA`}function a(e){return e.nodeType===Node.TEXT_NODE&&e.nodeValue?.trim()!==``}var o=new WeakMap;function s(e){let t=o.get(e);return t||(t=new f(e),o.set(e,t)),t}var c=Symbol(`default`);function l(e){return e===void 0?c:e}function u(e,t){if(e.nodeType===Node.COMMENT_NODE)return!1;if(e.nodeType===Node.TEXT_NODE)return a(e)?(d(t,c,e),!0):!1;if(e.nodeType===Node.ELEMENT_NODE){let n=e;if(r(n)||i(n))return!1;if(n instanceof HTMLTemplateElement){let e=Array.from(n.content.childNodes),r=l(n.getAttribute(`slot`)??void 0);for(let n of e)d(t,r,n);return!0}let a=n.getAttribute(`slot`);return d(t,a===null?c:l(a),e),!0}return!1}function d(e,t,n){let r=e.get(t);r||(r=[],e.set(t,r)),r.push(n)}var f=class e{static{this.PLACEHOLDER_PREFIX=`pkt-slot`}constructor(e){this.observer=null,this.nodesBySlot=new Map,this.directives=new Set,this.observing=!1,this.trackedNodes=new Set,this.generation=0,this.initialCollectionDone=!1,this.processingMutations=!1,this.placeholderToNode=new Map,this.nodeToPlaceholder=new Map,this.host=e}collectNodes(){if(this.initialCollectionDone)return;this.initialCollectionDone=!0,this.generation++;let e=Array.from(this.host.childNodes);for(let t of e)u(t,this.nodesBySlot)&&this.trackedNodes.add(t)}addDirective(e){this.directives.add(e),this.startObserving()}removeDirective(e){this.directives.delete(e),this.directives.size===0&&this.stopObserving()}getNodes(e){return this.nodesBySlot.get(l(e))??[]}hasContent(e){return this.getNodes(e).length>0}ensurePlaceholder(t){if(this.nodeToPlaceholder.has(t)||t.parentNode!==this.host)return;let n=document.createComment(e.PLACEHOLDER_PREFIX);this.host.insertBefore(n,t),this.placeholderToNode.set(n,t),this.nodeToPlaceholder.set(t,n)}startObserving(){this.observing||(this.observing=!0,setTimeout(()=>{this.observing&&(this.observer=new MutationObserver(e=>{this.handleMutations(e)}),this.observer.observe(this.host,{childList:!0}))},0))}stopObserving(){this.observing&&(this.observing=!1,this.observer?.disconnect(),this.observer=null)}handleMutations(e){if(this.processingMutations)return;this.processingMutations=!0;let t=!1;for(let n of e)if(n.target===this.host){for(let e of n.removedNodes){let n=this.placeholderToNode.get(e);if(n){n.parentNode?.removeChild(n),this.trackedNodes.delete(n),this.removeFromSlots(n),this.placeholderToNode.delete(e),this.nodeToPlaceholder.delete(n),t=!0;continue}if(this.trackedNodes.has(e)){this.trackedNodes.delete(e),this.removeFromSlots(e);let n=this.nodeToPlaceholder.get(e);n&&(n.parentNode?.removeChild(n),this.placeholderToNode.delete(n),this.nodeToPlaceholder.delete(e)),t=!0}}for(let e of n.addedNodes)this.placeholderToNode.has(e)||!this.trackedNodes.has(e)&&this.isUserContent(e)&&u(e,this.nodesBySlot)&&(this.trackedNodes.add(e),t=!0)}t&&(this.generation++,this.notifyDirectives()),this.observer?.takeRecords(),this.processingMutations=!1}isUserContent(e){if(e.nodeType===Node.COMMENT_NODE)return!1;if(e.nodeType===Node.TEXT_NODE)return a(e);if(e.nodeType===Node.ELEMENT_NODE){let t=e;return!(r(t)||i(t))}return!1}removeFromSlots(e){for(let[t,n]of this.nodesBySlot){let r=n.indexOf(e);if(r!==-1){n.splice(r,1),n.length===0&&this.nodesBySlot.delete(t);return}}}notifyDirectives(){for(let e of this.directives)e.handleNodesChanged()}},p=class extends n.t{constructor(e){if(super(e),this.manager=null,this.lastGeneration=-1,e.type!==t.r.CHILD)throw Error(`slotContent() can only be used in child expressions`)}render(t,n){return e.u}update(e,[t,n]){return this.slotName=n,this.manager||(this.manager=s(t),this.manager.collectNodes(),this.manager.addDirective(this)),this.ensurePlaceholders(),this.getNodesOrNoChange()}handleNodesChanged(){if(!this.isConnected||!this.manager)return;this.ensurePlaceholders();let t=this.getNodesOrNoChange();t!==e.u&&this.setValue(t)}ensurePlaceholders(){if(!this.manager)return;let e=this.manager.getNodes(this.slotName);for(let t of e)this.manager.ensurePlaceholder(t)}disconnected(){this.manager?.removeDirective(this),this.manager=null,this.lastGeneration=-1}reconnected(){}getNodesOrNoChange(){if(!this.manager)return e.u;let t=this.manager.generation;return t===this.lastGeneration?e.u:(this.lastGeneration=t,this.manager.getNodes(this.slotName))}},m=t.t(p),h=class extends e.t{connectedCallback(){s(this).collectNodes(),super.connectedCallback()}hasSlotContent(e){return s(this).hasContent(e)}};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});