@oslokommune/punkt-elements 17.1.3 → 18.1.0

package/src/components/helptext/helptext.test.ts

@@ -103,7 +103,7 @@ describe('PktHelptext', () => {
       expect(helptext.forId).toBeTruthy() // Should have a generated ID
       expect(helptext.helptext).toBe('')
       expect(helptext.helptextDropdown).toBe('')
-      expect(helptext.helptextDropdownButton).toBeTruthy() // Should have default from specs
+      expect(helptext.helptextDropdownButton).toBeUndefined()
       expect(helptext.isHelpTextOpen).toBe(false)
     })
 

package/src/components/helptext/helptext.ts

@@ -4,7 +4,6 @@ import { unsafeHTML } from 'lit/directives/unsafe-html.js'
 import { classMap } from 'lit/directives/class-map.js'
 import { customElement, property, state } from 'lit/decorators.js'
 import { uuidish } from 'shared-utils/utils'
-import specs from 'componentSpecs/input-wrapper.json'
 import '@/components/icon'
 import { slotContent } from '@/directives/slot-content'
 
@@ -18,8 +17,9 @@ export class PktHelptext extends PktElementWithSlot {
   @property({ type: String })
   helptextDropdown: string = ''
 
+  /** @deprecated Bruk `strings={{ forms: { readMore: '…' } }}` eller `setPktStrings()`. */
   @property({ type: String })
-  helptextDropdownButton: string = specs.props.helptextDropdownButton.default
+  helptextDropdownButton?: string
 
   @state() isHelpTextOpen: boolean = false
 
@@ -55,7 +55,7 @@ export class PktHelptext extends PktElementWithSlot {
               class="pkt-btn__icon"
               name="${this.isHelpTextOpen ? 'chevron-thin-up' : 'chevron-thin-down'}"
             ></pkt-icon>
-            <span class="pkt-btn__text">${unsafeHTML(this.helptextDropdownButton)}</span>
+            <span class="pkt-btn__text">${unsafeHTML(this.helptextDropdownButton ?? this.pktStrings.get('forms').readMore)}</span>
           </button>
           <div
             id="${this.forId}-helptext-expandable"

package/src/components/index.ts

@@ -97,7 +97,7 @@ export type { IPktSelectOption, TSelectOption } from '@/components/select'
 
 export type { IPktBackLink } from '@/components/backlink'
 
-export type { IPktBreadcrumbs, IBreadcrumbItem } from '@/components/breadcrumbs'
+export type { IPktBreadcrumbs, IBreadcrumb, IBreadcrumbItem } from '@/components/breadcrumbs'
 
 export type { IPktLoader, TPktLoaderVariant } from '@/components/loader'
 
@@ -132,3 +132,12 @@ export type {
   TPktSearchInputAppearance,
   TPktSearchInputMethod,
 } from '@/components/searchinput'
+
+export {
+  getPktStrings,
+  nb as pktStringsNb,
+  resetPktStrings,
+  setPktStrings,
+  subscribePktStrings,
+} from 'shared-strings'
+export type { TPktStrings, TPktStringsNamespace, TPktStringsOverride, IPktStringsProps } from 'shared-strings'

package/src/components/input-wrapper/input-wrapper.ts

@@ -1,7 +1,7 @@
 import { PktElementWithSlot } from '@/base-elements/element-with-slot'
 import { slotContent } from '@/directives/slot-content'
 import { counterStatusId, isCounterExceeded } from 'shared-utils/forms/described-by'
-import strings from '@/translations/no.json'
+import { formatString } from 'shared-strings'
 import { ifDefined } from 'lit/directives/if-defined.js'
 import { html, nothing, PropertyValues } from 'lit'
 import { unsafeHTML } from 'lit/directives/unsafe-html.js'
@@ -58,9 +58,11 @@ export class PktInputWrapper extends PktElementWithSlot<Props> {
   @property({ type: String }) counterError: string | null = null
   @property({ type: String, reflect: false }) counterPosition: TCounterPosition = 'bottom'
   @property({ type: Boolean }) optionalTag: boolean = specs.props.optionalTag.default
-  @property({ type: String }) optionalText: string = specs.props.optionalText.default
+  /** @deprecated Bruk `strings={{ forms: { optional: '…' } }}` eller `setPktStrings()`. */
+  @property({ type: String }) optionalText?: string
   @property({ type: Boolean }) requiredTag: boolean = specs.props.requiredTag.default
-  @property({ type: String }) requiredText: string = specs.props.requiredText.default
+  /** @deprecated Bruk `strings={{ forms: { required: '…' } }}` eller `setPktStrings()`. */
+  @property({ type: String }) requiredText?: string
   @property({ type: String }) tagText: string | null = null
   @property({ type: Boolean }) hasError: boolean = specs.props.hasError.default
   @property({ type: String }) errorMessage: string = ''
@@ -102,16 +104,22 @@ export class PktInputWrapper extends PktElementWithSlot<Props> {
         ? `${this.forId}-helptext`
         : nothing
 
+    const formStrings = this.pktStrings.get('forms')
+
     const tagElement = () => {
       return html`
         ${this.tagText
           ? html`<span class=${tagClasses + ' pkt-tag--gray'}>${this.tagText}</span>`
           : nothing}
         ${this.optionalTag
-          ? html`<span class=${tagClasses + ' pkt-tag--blue-light'}>${this.optionalText}</span>`
+          ? html`<span class=${tagClasses + ' pkt-tag--blue-light'}
+              >${this.optionalText ?? formStrings.optional}</span
+            >`
           : nothing}
         ${this.requiredTag
-          ? html`<span class=${tagClasses + ' pkt-tag--beige'}>${this.requiredText}</span>`
+          ? html`<span class=${tagClasses + ' pkt-tag--beige'}
+              >${this.requiredText ?? formStrings.required}</span
+            >`
           : nothing}
       `
     }
@@ -149,8 +157,7 @@ export class PktInputWrapper extends PktElementWithSlot<Props> {
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton ||
-          specs.props.helptextDropdownButton.default}
+          .helptextDropdownButton=${this.helptextDropdownButton ?? formStrings.readMore}
           @toggleHelpText=${(e: CustomEvent) => {
             this.toggleDropdown(e)
           }}
@@ -170,9 +177,10 @@ export class PktInputWrapper extends PktElementWithSlot<Props> {
         </div>
         <div class="pkt-sr-only" id=${counterStatusId(this.forId)} aria-live="polite">
           ${exceeded
-            ? strings.forms.messages.counterExceeded
-                .replace('{current}', String(this.counterCurrent ?? 0))
-                .replace('{max}', String(this.counterMaxLength))
+            ? formatString(this.pktStrings.get('validation').counterExceeded, {
+                current: this.counterCurrent ?? 0,
+                max: this.counterMaxLength,
+              })
             : ''}
         </div>`
     }

package/src/components/link/link.ts

@@ -3,18 +3,23 @@ import { slotContent } from '@/directives/slot-content'
 import { html, nothing } from 'lit'
 import { classMap } from 'lit/directives/class-map.js'
 import { customElement, property } from 'lit/decorators.js'
-import specs from 'componentSpecs/link.json'
+import specs from 'componentSpecs/link.spec'
+import type { TPropObject } from 'componentSpecs/lib/define-component-spec'
 import '@/components/icon'
 
+/** Spec defaults — narrow cast for `@property` initializers. */
+const specDefaults = specs.props! as Record<string, TPropObject>
+
 export class PktLink extends PktElementWithSlot {
   /**
    * Element attributes
    */
-  @property({ type: String, reflect: true }) href: string = specs.props.href.default
+  @property({ type: String, reflect: true }) href: string = specDefaults.href.default as string
   @property({ type: String, reflect: true }) iconName: string | undefined = undefined
   @property({ type: String, reflect: true }) iconPosition: string | undefined = undefined
   @property({ type: Boolean, reflect: true }) external: boolean = false
-  @property({ type: String, reflect: true }) target: string | null = specs.props.target.default
+  @property({ type: String, reflect: true }) target: string | null =
+    specDefaults.target.default as string
 
   render() {
     const classes = {

package/src/components/listbox/listbox.ts

@@ -1,7 +1,6 @@
 import { html, nothing, PropertyValues } from 'lit'
 import { customElement, property, state } from 'lit/decorators.js'
 import { ifDefined } from 'lit/directives/if-defined.js'
-import strings from '@/translations/no.json'
 import { PktElement } from '@/base-elements/element'
 import { repeat } from 'lit/directives/repeat.js'
 import { classMap } from 'lit/directives/class-map.js'
@@ -263,6 +262,7 @@ export class PktListbox extends PktElement implements IPktListbox {
   }
 
   private renderSearch() {
+    const listboxStrings = this.pktStrings.get('listbox')
     return this.includeSearch
       ? html`
           <div class="pkt-listbox__search">
@@ -272,9 +272,9 @@ export class PktListbox extends PktElement implements IPktListbox {
             <input
               class="pkt-txt-16-light"
               type="text"
-              aria-label="Søk i listen"
+              aria-label=${listboxStrings.searchLabel}
               form=""
-              placeholder=${this.searchPlaceholder || strings.forms.search.placeholder}
+              placeholder=${this.searchPlaceholder ?? listboxStrings.searchPlaceholder}
               @input=${this.handleSearchInput}
               @keydown=${this.handleSearchKeydown}
               .value=${this.searchValue}

package/src/components/radiobutton/radiobutton.ts

@@ -29,9 +29,11 @@ export class PktRadioButton extends PktInputElement<Props> {
   @property({ type: String, reflect: true }) type: string = 'radio'
   @property({ type: String }) tagText: string | null = null
   @property({ type: Boolean }) optionalTag: boolean = false
-  @property({ type: String }) optionalText: string = 'Valgfritt'
+  /** @deprecated Bruk `strings={{ forms: { optional: '…' } }}` eller `setPktStrings()`. */
+  @property({ type: String }) optionalText?: string
   @property({ type: Boolean }) requiredTag: boolean = false
-  @property({ type: String }) requiredText: string = 'Må fylles ut'
+  /** @deprecated Bruk `strings={{ forms: { required: '…' } }}` eller `setPktStrings()`. */
+  @property({ type: String }) requiredText?: string
 
   @state() _checked: boolean = false
 
@@ -69,16 +71,18 @@ export class PktRadioButton extends PktInputElement<Props> {
 
     const tagClasses = 'pkt-tag pkt-tag--small pkt-tag--thin-text'
 
+    const formStrings = this.pktStrings.get('forms')
+
     const tags = () => {
       return html`
         ${this.tagText
           ? html`<span class=${tagClasses + ' pkt-tag--gray'}>${this.tagText}</span>`
           : nothing}
         ${this.optionalTag
-          ? html`<span class=${tagClasses + ' pkt-tag--blue-light'}>${this.optionalText}</span>`
+          ? html`<span class=${tagClasses + ' pkt-tag--blue-light'}>${this.optionalText ?? formStrings.optional}</span>`
           : nothing}
         ${this.requiredTag
-          ? html`<span class=${tagClasses + ' pkt-tag--beige'}>${this.requiredText}</span>`
+          ? html`<span class=${tagClasses + ' pkt-tag--beige'}>${this.requiredText ?? formStrings.required}</span>`
           : nothing}
       `
     }

package/src/components/searchinput/searchinput.ts

@@ -30,7 +30,8 @@ export class PktSearchInput extends PktElement<IPktSearchInput> implements IPktS
   @property({ type: String, reflect: true }) id: string = ''
   @property({ type: String }) label: string | undefined
   @property({ type: String }) name: string | undefined
-  @property({ type: String }) placeholder: string = 'Søk…'
+  /** @deprecated Bruk `strings={{ searchinput: { placeholder: '…' } }}` eller `setPktStrings()`. */
+  @property({ type: String }) placeholder?: string
   @property({ type: String }) value: string = ''
   @property({ type: Array }) suggestions: IPktSearchInputSuggestion[] | undefined
   @property({ type: String }) action: string | undefined
@@ -135,6 +136,7 @@ export class PktSearchInput extends PktElement<IPktSearchInput> implements IPktS
   }
 
   render() {
+    const searchStrings = this.pktStrings.get('searchinput')
     const wrapperClasses = classMap({
       'pkt-searchinput': true,
       [`pkt-searchinput--${this.appearance}`]: true,
@@ -173,7 +175,7 @@ export class PktSearchInput extends PktElement<IPktSearchInput> implements IPktS
           type="search"
           name=${this.name || this.id}
           id=${this.id}
-          placeholder=${this.placeholder || 'Søk…'}
+          placeholder=${this.placeholder || searchStrings.placeholder}
           .value=${this.value}
           ?disabled=${this.disabled}
           autocomplete="off"
@@ -190,7 +192,7 @@ export class PktSearchInput extends PktElement<IPktSearchInput> implements IPktS
           @click=${this.onSearchClick}
         >
           <pkt-icon class="pkt-btn__icon" name="magnifying-glass-big"></pkt-icon>
-          <span class="pkt-btn__text">${this.label || this.placeholder || 'Søk…'}</span>
+          <span class="pkt-btn__text">${this.label || this.placeholder || searchStrings.placeholder}</span>
         </button>
       </div>
       ${this.suggestions

package/src/components/select/select.ts

@@ -182,6 +182,7 @@ export class PktSelect extends PktOptionsInputElement<{}, TSelectOption> impleme
 
     return html`
       <pkt-input-wrapper
+        .strings=${this.strings}
         .size=${this.inputSize}
         ?disabled=${this.disabled}
         ?hasError=${this.hasError}

package/src/components/tag/tag.ts

@@ -10,6 +10,7 @@ import '@/components/icon'
 import type { IAriaAttributes, THTMLButtonType } from 'shared-types'
 import { PktIconName } from '@oslokommune/punkt-assets/dist/icons/icon'
 import { ifDefined } from 'lit/directives/if-defined.js'
+import { formatString } from 'shared-strings'
 
 export type TTagSkin =
   | 'blue'
@@ -68,7 +69,7 @@ export class PktTag extends PktElementWithSlot<IPktTag> implements IPktTag {
     if (this.closeTag && !this.ariaLabel) {
       const label = this.querySelector('button span, .pkt-tag > span')?.textContent?.trim()
       if (label) {
-        this._ariaDescription = `Klikk for å fjerne ${label}`
+        this._ariaDescription = formatString(this.pktStrings.get('tag').remove, { label })
       }
     }
   }

package/src/components/textarea/textarea.ts

@@ -55,6 +55,7 @@ export class PktTextarea extends PktInputElement<Props> {
     const labelledBy = this.ariaLabelledby || `${this.id}-input-label`
 
     return html`<pkt-input-wrapper
+      .strings=${this.strings}
       label=${this.label}
       ?counter=${showCounter}
       ?hasFieldset=${this.effectiveHasFieldset(false)}

package/src/components/textinput/textinput.ts

@@ -71,6 +71,7 @@ export class PktTextinput extends PktInputElement<Props> {
 
     return html`
       <pkt-input-wrapper
+        .strings=${this.strings}
         label="${this.label}"
         ?counter=${showCounter}
         ?hasFieldset=${this.effectiveHasFieldset(false)}

package/src/components/timepicker/timepicker.ts

@@ -6,7 +6,7 @@ import { classMap } from 'lit/directives/class-map.js'
 import { PktInputElement } from '@/base-elements/input-element'
 import { slotContent } from '@/directives/slot-content'
 import { ElementProps } from '@/types/typeUtils'
-import strings from '@/translations/no.json'
+import { formatString } from 'shared-strings'
 import { isValidTimeString, timeToMinutes } from 'shared-utils/timepicker/time-utils'
 import { getMinuteStep, getHourOptions, getMinuteOptions } from 'shared-utils/timepicker/options'
 import { stepTime } from 'shared-utils/timepicker/stepper'
@@ -71,8 +71,10 @@ export class PktTimepicker extends PktInputElement<Props> {
     const anchor = this.hoursInputRef.value
     if (!anchor) return
 
+    const messages = this.pktStrings.get('validation')
+
     if (this.required && !this.value) {
-      this.internals.setValidity({ valueMissing: true }, strings.forms.messages.required, anchor)
+      this.internals.setValidity({ valueMissing: true }, messages.valueMissing, anchor)
       this._setAriaInvalid(true)
       return
     }
@@ -89,7 +91,7 @@ export class PktTimepicker extends PktInputElement<Props> {
     if (this.min && totalMinutes < timeToMinutes(String(this.min))) {
       this.internals.setValidity(
         { rangeUnderflow: true },
-        strings.forms.messages.rangeUnderflowMin.replace('{min}', String(this.min)),
+        formatString(messages.rangeUnderflowMin, { min: String(this.min) }),
         anchor,
       )
       this._setAriaInvalid(true)
@@ -99,7 +101,7 @@ export class PktTimepicker extends PktInputElement<Props> {
     if (this.max && totalMinutes > timeToMinutes(String(this.max))) {
       this.internals.setValidity(
         { rangeOverflow: true },
-        strings.forms.messages.rangeOverflowMax.replace('{max}', String(this.max)),
+        formatString(messages.rangeOverflowMax, { max: String(this.max) }),
         anchor,
       )
       this._setAriaInvalid(true)
@@ -109,13 +111,12 @@ export class PktTimepicker extends PktInputElement<Props> {
     if (this.step && totalMinutes % minuteStep !== 0) {
       const stepMessage =
         minuteStep === 60
-          ? strings.forms.messages.timeStepMismatchHour
+          ? messages.timeStepMismatchHour
           : minuteStep === 30
-            ? strings.forms.messages.timeStepMismatchHalfHour
-            : strings.forms.messages.timeStepMismatch.replace(
-                '{step}',
-                `${minuteStep}, ${minuteStep * 2}, ${minuteStep * 3}`,
-              )
+            ? messages.timeStepMismatchHalfHour
+            : formatString(messages.timeStepMismatch, {
+                step: `${minuteStep}, ${minuteStep * 2}, ${minuteStep * 3}`,
+              })
       this.internals.setValidity({ stepMismatch: true }, stepMessage, anchor)
       this._setAriaInvalid(true)
       return
@@ -583,7 +584,7 @@ export class PktTimepicker extends PktInputElement<Props> {
         id=${this.id + '-popup'}
         ?hidden=${!this._isOpen}
         role="group"
-        aria-label=${this.strings.timepicker?.selectTime ?? 'Velg tidspunkt'}
+        aria-label=${this.pktStrings.get('timepicker').selectTime}
         @keydown=${this._handlePopupKeydown}
         @focusout=${(e: FocusEvent) => {
           if (!this.querySelector('.pkt-timepicker-popup')?.contains(e.relatedTarget as Node)) {
@@ -594,7 +595,7 @@ export class PktTimepicker extends PktInputElement<Props> {
         <div
           class="pkt-timepicker-popup__col"
           role="listbox"
-          aria-label=${this.strings.timepicker?.hours ?? 'Timer'}
+          aria-label=${this.pktStrings.get('timepicker').hours}
           aria-orientation="vertical"
         >
           ${this._hourOptions.map((h) => this._renderOption(h, 'hour'))}
@@ -602,7 +603,7 @@ export class PktTimepicker extends PktInputElement<Props> {
         <div
           class="pkt-timepicker-popup__col"
           role="listbox"
-          aria-label=${this.strings.timepicker?.minutes ?? 'Minutter'}
+          aria-label=${this.pktStrings.get('timepicker').minutes}
           aria-orientation="vertical"
         >
           ${this._minuteOptions.map((m) => this._renderOption(m, 'minute'))}
@@ -612,8 +613,8 @@ export class PktTimepicker extends PktInputElement<Props> {
   }
 
   private _renderContainer() {
-    const hoursLabel = this.strings.timepicker?.hours ?? 'Timer'
-    const minutesLabel = this.strings.timepicker?.minutes ?? 'Minutter'
+    const hoursLabel = this.pktStrings.get('timepicker').hours
+    const minutesLabel = this.pktStrings.get('timepicker').minutes
     const hoursAriaLabel = this.label ? `${hoursLabel}, ${this.label}` : hoursLabel
     const minutesAriaLabel = this.label ? `${minutesLabel}, ${this.label}` : minutesLabel
     return html`
@@ -631,13 +632,13 @@ export class PktTimepicker extends PktInputElement<Props> {
                 class="pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-btn--${this
                   .inputSize} pkt-timepicker__button pkt-timepicker__button--prev"
                 type="button"
-                aria-label=${this.strings.timepicker?.prevTime ?? 'Forrige tidspunkt'}
+                aria-label=${this.pktStrings.get('timepicker').prevTime}
                 ?disabled=${this.disabled}
                 @click=${() => this._stepTime(-1)}
               >
                 <pkt-icon name="chevron-thin-left"></pkt-icon>
                 <span class="pkt-btn__text"
-                  >${this.strings.timepicker?.prevTime ?? 'Forrige tidspunkt'}</span
+                  >${this.pktStrings.get('timepicker').prevTime}</span
                 >
               </button>
             `
@@ -719,7 +720,7 @@ export class PktTimepicker extends PktInputElement<Props> {
                 class="pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-btn--${this
                   .inputSize} pkt-timepicker__button"
                 type="button"
-                aria-label=${this.strings.timepicker?.openPicker ?? 'Åpne tidspunkt-velger'}
+                aria-label=${this.pktStrings.get('timepicker').openPicker}
                 aria-haspopup="listbox"
                 aria-expanded=${this._isOpen ? 'true' : 'false'}
                 aria-controls=${this.id + '-popup'}
@@ -728,7 +729,7 @@ export class PktTimepicker extends PktInputElement<Props> {
               >
                 <pkt-icon name="clock"></pkt-icon>
                 <span class="pkt-btn__text"
-                  >${this.strings.timepicker?.openPicker ?? 'Åpne tidspunkt-velger'}</span
+                  >${this.pktStrings.get('timepicker').openPicker}</span
                 >
               </button>
             `
@@ -739,13 +740,13 @@ export class PktTimepicker extends PktInputElement<Props> {
                 class="pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-btn--${this
                   .inputSize} pkt-timepicker__button pkt-timepicker__button--next"
                 type="button"
-                aria-label=${this.strings.timepicker?.nextTime ?? 'Neste tidspunkt'}
+                aria-label=${this.pktStrings.get('timepicker').nextTime}
                 ?disabled=${this.disabled}
                 @click=${() => this._stepTime(1)}
               >
                 <pkt-icon name="chevron-thin-right"></pkt-icon>
                 <span class="pkt-btn__text"
-                  >${this.strings.timepicker?.nextTime ?? 'Neste tidspunkt'}</span
+                  >${this.pktStrings.get('timepicker').nextTime}</span
                 >
               </button>
             `
@@ -771,6 +772,7 @@ export class PktTimepicker extends PktInputElement<Props> {
   render() {
     return html`
       <pkt-input-wrapper
+        .strings=${this.strings}
         label="${this.label}"
         ?disabled=${this.disabled}
         ?fullwidth=${this.fullwidth}

package/dist/alert-Cs4Rmq_J.cjs

@@ -1,33 +0,0 @@
-const e=require("./element-BA8v6S7z.cjs"),t=require("./class-map-BeimMvPv.cjs"),n=require("./element-with-slot-Bj7nm7fO.cjs"),r=require("./classutils-CbklAJDe.cjs");require("./icon-9iwd2F2l.cjs"),require("./button-CE97NQIk.cjs");var i={name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{description:`React: Klikk-event for 'Lukk'-knappen`},close:{description:`Vue: Klikk-event for 'Lukk'-knappen`}},props:{title:{name:`Tittel`,description:`Tittelen som vises øverst i på meldingen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Hvordan type melding er dette?`,type:[`info`,`success`,`warning`,`error`],default:`info`,category:`ui`},date:{name:`Sist oppdatert`,description:`Dato som vises nederst i på meldingen`,type:`string`,category:`contents`},ariaLive:{name:`aria-live`,description:`Hvordan skal skjermleseren lese opp meldingen?`,type:[`off`,`polite`,`assertive`],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[`medium`,`small`,`xsmall`],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`}},slots:{default:{description:`Innholdet i meldingen`}},deprecated:{compact:{name:`Kompakt (deprecated)`,description:`Bruk size i stedet; uten eksplisitt size gir compact størrelsen 'small'.`,type:`boolean`,category:`ui`,default:!1}}},a=class extends n.t{constructor(){super(),this.compact=i.deprecated.compact.default,this.title=``,this.skin=i.props.skin.default,this.ariaLive=i.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=i.props.closeAlert.default,this.date=null,this.role=`status`,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0,composed:!0}))},this._isClosed=!1}connectedCallback(){super.connectedCallback(),this.ariaLiveAttr=this.getAttribute(`aria-live`)||this.ariaLive}attributeChangedCallback(e,t,n){e===`ariaLive`&&(this.ariaLiveAttr=n),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`ariaLive`)&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&r.t(this,`pkt-hide`,this._isClosed)}render(){let r=this.size??(this.compact?`small`:`medium`),i={"pkt-alert":!0,[`pkt-alert--${r}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},a={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e.p`
-      <div class=${t.t(i)} aria-live=${this.ariaLiveAttr}>
-        <div class=${t.t(a)}>
-          <pkt-icon
-            class="pkt-alert__icon"
-            aria-hidden="true"
-            name=${this.skin===`info`?`alert-information`:`alert-${this.skin}`}
-          ></pkt-icon>
-
-          ${this.closeAlert?e.p`
-                <div class="pkt-alert__close">
-                  <pkt-button
-                    tabindex="0"
-                    aria-label="close"
-                    size=${r}
-                    type="button"
-                    skin="tertiary"
-                    iconName="close"
-                    variant="icon-only"
-                    @click=${this.close}
-                  >
-                    <span class="sr-only">Lukk</span>
-                  </pkt-button>
-                </div>
-              `:e.d}
-          ${this.title?e.p`<div class="pkt-alert__title">${this.title}</div>`:e.d}
-
-          <div class="pkt-alert__text">${n.n(this)}</div>
-
-          ${this.date?e.p`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:e.d}
-        </div>
-      </div>
-    `}};e.n([e.o({type:Boolean,reflect:!1})],a.prototype,`compact`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`title`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`skin`,void 0),e.n([e.o({type:String})],a.prototype,`ariaLive`,void 0),e.n([e.o({type:String,reflect:!0,attribute:`aria-live`})],a.prototype,`ariaLiveAttr`,void 0),e.n([e.o({type:Boolean,reflect:!0})],a.prototype,`closeAlert`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`date`,void 0),e.n([e.o({type:String,reflect:!0})],a.prototype,`role`,void 0),e.n([e.o({type:String,attribute:`size`})],a.prototype,`size`,void 0),e.n([e.a()],a.prototype,`_isClosed`,void 0);try{e.s(`pkt-alert`)(a)}catch{console.warn(`Forsøker å definere <pkt-alert>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/element-BA8v6S7z.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.3`);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={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ie=e=>(...t)=>({_$litDirective$:e,values:t}),ae=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)}},oe=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,se=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}},ce=e=>new se(typeof e==`string`?e:e+``,void 0,z),le=(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 ce(t)})(e):e,{is:ue,defineProperty:de,getOwnPropertyDescriptor:fe,getOwnPropertyNames:pe,getOwnPropertySymbols:me,getPrototypeOf:he}=Object,H=globalThis,U=H.trustedTypes,ge=U?U.emptyScript:``,_e=H.reactiveElementPolyfillSupport,W=(e,t)=>e,G={toAttribute(e,t){switch(t){case Boolean:e=e?ge: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)=>!ue(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&&de(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=fe(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=he(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=[...pe(e),...me(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 le(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,_e?.({ReactiveElement:J}),(H.reactiveElementVersions??=[]).push(`2.1.2`);var ve={attribute:!0,type:String,converter:G,reflect:!1,hasChanged:K},ye=(e=ve,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`?ye(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 be(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 xe=X.litElementPolyfillSupport;xe?.({LitElement:Z}),(X.litElementVersions??=[]).push(`4.2.2`);var Se={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`,counterExceeded:`Du har brukt {current} av {max}`},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=Se,this.role=null}hotReplacedCallback(){this.requestUpdate()}};Q([Y({type:Object})],$.prototype,`strings`,void 0),Q([Y({type:String})],$.prototype,`role`,void 0);var Ce=class extends ${createRenderRoot(){return this}};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return be}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return ae}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return ee}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return Se}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return oe}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Ce}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return re}});