@oslokommune/punkt-elements 16.7.0 → 16.7.3

package/src/components/datepicker/date-tags.ts

@@ -22,7 +22,6 @@ export type TISODate = `${TYear}-${TMonth}-${TDay}`
  * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
  */
 
-@customElement('pkt-date-tags')
 export class PktDateTags extends PktElement {
   @property({ type: Array }) dates: TISODate[] = []
   @property({ type: String }) dateformat: string = 'dd.MM.yyyy' // se kommentar over
@@ -58,3 +57,9 @@ export class PktDateTags extends PktElement {
     `
   }
 }
+
+try {
+  customElement('pkt-date-tags')(PktDateTags)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-date-tags>, men den er allerede definert')
+}

package/src/components/datepicker/datepicker-multiple.ts

@@ -9,7 +9,6 @@ import { IDatepickerStrings, defaultSingleStrings } from './datepicker-types'
 import { isIOS } from 'shared-utils/device-utils'
 import '@/components/icon'
 
-@customElement('pkt-datepicker-multiple')
 export class PktDatepickerMultiple extends PktDatepickerBase {
   @property({ type: Array })
   value: string[] = []
@@ -94,3 +93,9 @@ export class PktDatepickerMultiple extends PktDatepickerBase {
     `
   }
 }
+
+try {
+  customElement('pkt-datepicker-multiple')(PktDatepickerMultiple)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-datepicker-multiple>, men den er allerede definert')
+}

package/src/components/datepicker/datepicker-popup.ts

@@ -8,7 +8,6 @@ import { formatISODate, newDate } from 'shared-utils/date-utils'
 import { PktCalendar } from '../calendar/calendar'
 import { calendarUtils } from './datepicker-utils'
 
-@customElement('pkt-datepicker-popup')
 export class PktDatepickerPopup extends PktElement {
   @property({ type: Boolean, reflect: true }) open = false
   @property({ type: Boolean }) multiple = false
@@ -178,3 +177,9 @@ export class PktDatepickerPopup extends PktElement {
     `
   }
 }
+
+try {
+  customElement('pkt-datepicker-popup')(PktDatepickerPopup)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-datepicker-popup>, men den er allerede definert')
+}

package/src/components/datepicker/datepicker-range.ts

@@ -9,7 +9,6 @@ import { IDatepickerStrings, defaultRangeStrings } from './datepicker-types'
 import { isIOS } from 'shared-utils/device-utils'
 import '@/components/icon'
 
-@customElement('pkt-datepicker-range')
 export class PktDatepickerRange extends PktDatepickerBase {
   @property({ type: Array })
   value: string[] = []
@@ -164,3 +163,9 @@ export class PktDatepickerRange extends PktDatepickerBase {
     `
   }
 }
+
+try {
+  customElement('pkt-datepicker-range')(PktDatepickerRange)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-datepicker-range>, men den er allerede definert')
+}

package/src/components/datepicker/datepicker-single.ts

@@ -8,7 +8,6 @@ import { keyboardUtils, formUtils } from './datepicker-utils'
 import { IDatepickerStrings, defaultSingleStrings } from './datepicker-types'
 import { isIOS } from 'shared-utils/device-utils'
 
-@customElement('pkt-datepicker-single')
 export class PktDatepickerSingle extends PktDatepickerBase {
   @property({ type: String })
   value: string = ''
@@ -89,3 +88,9 @@ export class PktDatepickerSingle extends PktDatepickerBase {
     `
   }
 }
+
+try {
+  customElement('pkt-datepicker-single')(PktDatepickerSingle)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-datepicker-single>, men den er allerede definert')
+}

package/src/components/datepicker/datepicker.ts

@@ -51,7 +51,6 @@ type Props = ElementProps<
   | 'timezone'
 >
 
-@customElement('pkt-datepicker')
 export class PktDatepicker extends PktInputElement<Props> {
   /**
    * Element attributes and properties
@@ -609,3 +608,9 @@ export class PktDatepicker extends PktInputElement<Props> {
     )
   }
 }
+
+try {
+  customElement('pkt-datepicker')(PktDatepicker)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-datepicker>, men den er allerede definert')
+}

package/src/components/header/header-service.ts

@@ -27,7 +27,6 @@ import './header-user-menu'
 
 const CDN_LOGO_PATH = 'https://punkt-cdn.oslo.kommune.no/latest/logos/'
 
-@customElement('pkt-header-service')
 export class PktHeaderService extends PktElementWithSlot<IPktHeader> implements IPktHeader {
   @property({ type: String, attribute: 'service-name' }) serviceName?: string
   @property({ type: String, attribute: 'service-link' }) serviceLink?: string
@@ -756,3 +755,9 @@ declare global {
     'pkt-header-service': PktHeaderService
   }
 }
+
+try {
+  customElement('pkt-header-service')(PktHeaderService)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-header-service>, men den er allerede definert')
+}

package/src/components/header/header-user-menu.ts

@@ -24,7 +24,6 @@ export interface IPktHeaderUserMenu {
   logoutOnClick?: Booleanish
 }
 
-@customElement('pkt-header-user-menu')
 export class PktHeaderUserMenu
   extends PktElement<IPktHeaderUserMenu>
   implements IPktHeaderUserMenu
@@ -213,3 +212,9 @@ declare global {
     'pkt-header-user-menu': PktHeaderUserMenu
   }
 }
+
+try {
+  customElement('pkt-header-user-menu')(PktHeaderUserMenu)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-header-user-menu>, men den er allerede definert')
+}

package/src/components/header/header.ts

@@ -31,7 +31,6 @@ import './header-service'
  *
  * TODO: Add `type` prop to switch between `service` and `global` header types
  */
-@customElement('pkt-header')
 export class PktHeader extends PktElementWithSlot<IPktHeader> implements IPktHeader {
   @property({ type: String, attribute: 'service-name' }) serviceName?: string
   @property({ type: String, attribute: 'service-link' }) serviceLink?: string
@@ -140,3 +139,9 @@ declare global {
     'pkt-header': PktHeader
   }
 }
+
+try {
+  customElement('pkt-header')(PktHeader)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-header>, men den er allerede definert')
+}

package/src/components/heading/heading.ts

@@ -15,7 +15,6 @@ export interface IPktHeading {
   align?: 'start' | 'center' | 'end'
 }
 
-@customElement('pkt-heading')
 export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHeading {
   @property({ type: String, reflect: true }) size: TPktHeadingSize | undefined = undefined
   @property({ type: Number, reflect: true }) level: TPktHeadingLevel = 2
@@ -151,3 +150,9 @@ export class PktHeading extends PktShadowElement<IPktHeading> implements IPktHea
     return html`<slot></slot>`
   }
 }
+
+try {
+  customElement('pkt-heading')(PktHeading)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-heading>, men den er allerede definert')
+}

package/src/components/helptext/helptext.ts

@@ -8,7 +8,6 @@ import specs from 'componentSpecs/input-wrapper.json'
 import '@/components/icon'
 import { slotContent } from '@/directives/slot-content'
 
-@customElement('pkt-helptext')
 export class PktHelptext extends PktElementWithSlot {
   @property({ type: String, reflect: true })
   forId: string = uuidish()
@@ -84,3 +83,9 @@ export class PktHelptext extends PktElementWithSlot {
     return html`${helptextElement()}`
   }
 }
+
+try {
+  customElement('pkt-helptext')(PktHelptext)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-helptext>, men den er allerede definert')
+}

package/src/components/icon/icon.ts

@@ -75,7 +75,6 @@ const downloadIconOrGetFromCache = async (
 
 type Props = ElementProps<PktIcon, 'path' | 'name'>
 
-@customElement('pkt-icon')
 export class PktIcon extends PktElement<Props> {
   @property({ type: String, reflect: false })
   path: string | undefined = typeof window !== 'undefined' ? window.pktIconPath : defaultPath
@@ -133,3 +132,9 @@ declare global {
     'pkt-icon': PktIcon
   }
 }
+
+try {
+  customElement('pkt-icon')(PktIcon)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-icon>, men den er allerede definert')
+}

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

@@ -40,7 +40,6 @@ type Props = ElementProps<
   | 'role'
 >
 
-@customElement('pkt-input-wrapper')
 export class PktInputWrapper extends PktElementWithSlot<Props> {
   /**
    * Element attributes
@@ -222,3 +221,9 @@ export class PktInputWrapper extends PktElementWithSlot<Props> {
     )
   }
 }
+
+try {
+  customElement('pkt-input-wrapper')(PktInputWrapper)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-input-wrapper>, men den er allerede definert')
+}

package/src/components/link/link.ts

@@ -6,7 +6,6 @@ import { customElement, property } from 'lit/decorators.js'
 import specs from 'componentSpecs/link.json'
 import '@/components/icon'
 
-@customElement('pkt-link')
 export class PktLink extends PktElementWithSlot {
   /**
    * Element attributes
@@ -37,3 +36,9 @@ export class PktLink extends PktElementWithSlot {
     >`
   }
 }
+
+try {
+  customElement('pkt-link')(PktLink)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-link>, men den er allerede definert')
+}

package/src/components/linkcard/linkcard.ts

@@ -24,7 +24,6 @@ export interface IPktLinkCard {
   skin?: TLinkCardSkin
 }
 
-@customElement('pkt-linkcard')
 export class PktLinkCard extends PktElementWithSlot implements IPktLinkCard {
   @property({ type: String, reflect: true }) title: string = ''
   @property({ type: String, reflect: true }) href: string = '#'
@@ -57,3 +56,9 @@ export class PktLinkCard extends PktElementWithSlot implements IPktLinkCard {
     `
   }
 }
+
+try {
+  customElement('pkt-linkcard')(PktLinkCard)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-linkcard>, men den er allerede definert')
+}

package/src/components/listbox/listbox.ts

@@ -44,7 +44,6 @@ export interface IPktListbox {
   userMessage: string | null
 }
 
-@customElement('pkt-listbox')
 export class PktListbox extends PktElement implements IPktListbox {
   @property({ type: String }) id: string = uuidish()
   @property({ type: String }) label: string | null = null
@@ -463,3 +462,9 @@ export class PktListbox extends PktElement implements IPktListbox {
     }
   }
 }
+
+try {
+  customElement('pkt-listbox')(PktListbox)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-listbox>, men den er allerede definert')
+}

package/src/components/loader/loader.ts

@@ -47,7 +47,6 @@ export interface IPktLoader {
   loadingAnimationPath?: string
 }
 
-@customElement('pkt-loader')
 export class PktLoader extends PktElementWithSlot implements IPktLoader {
   @property({ type: Number }) delay: number = 0
   @property({ type: Boolean }) inline: boolean = false
@@ -129,3 +128,9 @@ export class PktLoader extends PktElementWithSlot implements IPktLoader {
 }
 
 export default PktLoader
+
+try {
+  customElement('pkt-loader')(PktLoader)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-loader>, men den er allerede definert')
+}

package/src/components/messagebox/messagebox.ts

@@ -18,7 +18,6 @@ export interface IPktMessagebox {
   closable?: boolean
 }
 
-@customElement('pkt-messagebox')
 export class PktMessagebox extends PktElementWithSlot implements IPktMessagebox {
   constructor() {
     super()
@@ -80,3 +79,9 @@ export class PktMessagebox extends PktElementWithSlot implements IPktMessagebox
     this.dispatchEvent(new CustomEvent('on-close', { detail: { origin: event }, bubbles: true }))
   }
 }
+
+try {
+  customElement('pkt-messagebox')(PktMessagebox)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-messagebox>, men den er allerede definert')
+}

package/src/components/modal/modal.ts

@@ -22,7 +22,6 @@ export interface IPktModal {
   transparentBackdrop?: boolean
 }
 
-@customElement('pkt-modal')
 export class PktModal extends PktElementWithSlot implements IPktModal {
   // Public properties
   @property({ type: Boolean, reflect: true }) open?: boolean = false
@@ -211,3 +210,9 @@ export class PktModal extends PktElementWithSlot implements IPktModal {
     `
   }
 }
+
+try {
+  customElement('pkt-modal')(PktModal)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-modal>, men den er allerede definert')
+}

package/src/components/progressbar/progressbar.ts

@@ -35,7 +35,6 @@ export interface IPktProgressbar {
   valueMin?: number
 }
 
-@customElement('pkt-progressbar')
 export class PktProgressbar extends PktElement implements IPktProgressbar {
   constructor() {
     super()
@@ -194,3 +193,9 @@ export class PktProgressbar extends PktElement implements IPktProgressbar {
 }
 
 export default PktProgressbar
+
+try {
+  customElement('pkt-progressbar')(PktProgressbar)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-progressbar>, men den er allerede definert')
+}

package/src/components/radiobutton/radiobutton.ts

@@ -18,7 +18,6 @@ type Props = ElementProps<
   | 'requiredText'
 >
 
-@customElement('pkt-radiobutton')
 export class PktRadioButton extends PktInputElement<Props> {
   inputRef: Ref<HTMLInputElement> = createRef()
 
@@ -129,3 +128,9 @@ export class PktRadioButton extends PktInputElement<Props> {
     }
   }
 }
+
+try {
+  customElement('pkt-radiobutton')(PktRadioButton)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-radiobutton>, men den er allerede definert')
+}

package/src/components/select/select.ts

@@ -38,7 +38,6 @@ declare global {
   }
 }
 
-@customElement('pkt-select')
 export class PktSelect extends PktOptionsInputElement<{}, TSelectOption> implements IPktSelect {
   inputRef: Ref<HTMLSelectElement> = createRef()
 
@@ -260,3 +259,9 @@ export class PktSelect extends PktOptionsInputElement<{}, TSelectOption> impleme
     return value
   }
 }
+
+try {
+  customElement('pkt-select')(PktSelect)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-select>, men den er allerede definert')
+}

package/src/components/tabs/tabitem.ts

@@ -19,7 +19,6 @@ export interface IPktTabItem {
   index?: number
 }
 
-@customElement('pkt-tab-item')
 export class PktTabItem extends PktElementWithSlot<IPktTabItem> implements IPktTabItem {
   @property({ type: Boolean, reflect: true }) active: boolean = false
   @property({ type: String, reflect: true }) href: string = ''
@@ -112,3 +111,9 @@ export class PktTabItem extends PktElementWithSlot<IPktTabItem> implements IPktT
 }
 
 export default PktTabItem
+
+try {
+  customElement('pkt-tab-item')(PktTabItem)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-tab-item>, men den er allerede definert')
+}

package/src/components/tabs/tabs.ts

@@ -10,7 +10,6 @@ export interface IPktTabs {
   disableArrowNav?: boolean
 }
 
-@customElement('pkt-tabs')
 export class PktTabs extends PktElementWithSlot<IPktTabs> implements IPktTabs {
   @property({ type: Boolean, reflect: true, attribute: 'arrow-nav' }) arrowNav: boolean = true
   @property({ type: Boolean, reflect: true, attribute: 'disable-arrow-nav' })
@@ -92,3 +91,9 @@ export class PktTabs extends PktElementWithSlot<IPktTabs> implements IPktTabs {
 }
 
 export default PktTabs
+
+try {
+  customElement('pkt-tabs')(PktTabs)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-tabs>, men den er allerede definert')
+}

package/src/components/tag/tag.ts

@@ -33,7 +33,6 @@ export interface IPktTag {
   ariaLabel?: IAriaAttributes['aria-label'] | null
 }
 
-@customElement('pkt-tag')
 export class PktTag extends PktElementWithSlot<IPktTag> implements IPktTag {
   constructor() {
     super()
@@ -142,3 +141,9 @@ export class PktTag extends PktElementWithSlot<IPktTag> implements IPktTag {
     }
   }
 }
+
+try {
+  customElement('pkt-tag')(PktTag)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-tag>, men den er allerede definert')
+}

package/src/components/textarea/textarea.ts

@@ -13,7 +13,6 @@ import { ElementProps } from '@/types/typeUtils'
 
 type Props = ElementProps<PktTextarea, 'autocomplete' | 'rows'>
 
-@customElement('pkt-textarea')
 export class PktTextarea extends PktInputElement<Props> {
   inputRef: Ref<HTMLTextAreaElement> = createRef()
 
@@ -115,3 +114,9 @@ export class PktTextarea extends PktInputElement<Props> {
     </pkt-input-wrapper>`
   }
 }
+
+try {
+  customElement('pkt-textarea')(PktTextarea)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-textarea>, men den er allerede definert')
+}

package/src/components/textinput/textinput.ts

@@ -22,7 +22,6 @@ type Props = ElementProps<
   | 'omitSearchIcon'
 >
 
-@customElement('pkt-textinput')
 export class PktTextinput extends PktInputElement<Props> {
   inputRef: Ref<HTMLTextAreaElement> = createRef()
 
@@ -174,3 +173,9 @@ export class PktTextinput extends PktInputElement<Props> {
     `
   }
 }
+
+try {
+  customElement('pkt-textinput')(PktTextinput)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-textinput>, men den er allerede definert')
+}

package/src/components/timepicker/timepicker.ts

@@ -41,7 +41,6 @@ export interface IPktTimepicker {
   inline?: boolean
 }
 
-@customElement('pkt-timepicker')
 export class PktTimepicker extends PktInputElement<Props> {
   hiddenInputRef: Ref<HTMLInputElement> = createRef()
   hoursInputRef: Ref<HTMLInputElement> = createRef()
@@ -612,7 +611,14 @@ export class PktTimepicker extends PktInputElement<Props> {
     const hoursAriaLabel = this.label ? `${hoursLabel}, ${this.label}` : hoursLabel
     const minutesAriaLabel = this.label ? `${minutesLabel}, ${this.label}` : minutesLabel
     return html`
-      <div class="pkt-input__container">
+      <div
+        class="pkt-input__container"
+        @click=${(e: Event) => {
+          const target = e.target as HTMLElement
+          if (target.closest('button, input')) return
+          this.hoursInputRef.value?.focus()
+        }}
+      >
         ${this.stepArrows
           ? html`
               <button
@@ -785,3 +791,9 @@ export class PktTimepicker extends PktInputElement<Props> {
     `
   }
 }
+
+try {
+  customElement('pkt-timepicker')(PktTimepicker)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-timepicker>, men den er allerede definert')
+}

package/dist/accordionitem-D1Agl1bB.cjs

@@ -1,34 +0,0 @@
-"use strict";const i=require("./element-gR_VtSiD.cjs"),h=require("./class-map-CsENJXf1.cjs"),m=require("./element-with-slot-ZX-up7jO.cjs"),u=require("./ref-CL-Xk9Xm.cjs"),f=require("./if-defined-BOW3ODSj.cjs");var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,l=(s,t,o,r)=>{for(var e=r>1?void 0:r?k(t,o):t,c=s.length-1,a;c>=0;c--)(a=s[c])&&(e=(r?a(t,o,e):a(e))||e);return r&&e&&y(t,o,e),e};let p=class extends i.i{constructor(){super(...arguments),this.ariaLabelledBy="",this.compact=!1,this.skin="borderless",this.name=""}updated(t){t.has("skin")&&this.requestUpdate(),t.has("name")&&this.updateAccordionItemNames()}updateAccordionItemNames(){var t;if(this.name){const o=(t=this.renderRoot)==null?void 0:t.querySelector("slot");o&&o.assignedElements().forEach(e=>{e.tagName.toLowerCase()==="pkt-accordion-item"&&(e.hasAttribute("name")||e.setAttribute("name",this.name))})}}firstUpdated(){var o;const t=(o=this.renderRoot)==null?void 0:o.querySelector("slot");t&&t.addEventListener("slotchange",()=>{this.updateAccordionItemNames()})}render(){const t={"pkt-accordion":!0,"pkt-accordion--compact":this.compact,[`pkt-accordion--${this.skin}`]:this.skin};return i.b`
-      <div
-        part="container"
-        class=${h.e(t)}
-        data-testid="pkt-accordion"
-        aria-labelledby=${this.ariaLabelledBy}
-      >
-        <slot></slot>
-      </div>
-    `}};l([i.n({type:String,reflect:!0,attribute:"aria-labelledby"})],p.prototype,"ariaLabelledBy",2);l([i.n({type:Boolean,reflect:!0,attribute:"compact"})],p.prototype,"compact",2);l([i.n({type:String,reflect:!0,attribute:"skin"})],p.prototype,"skin",2);l([i.n({type:String,reflect:!0,attribute:"name"})],p.prototype,"name",2);p=l([i.t("pkt-accordion")],p);const _=p;var v=Object.defineProperty,b=Object.getOwnPropertyDescriptor,d=(s,t,o,r)=>{for(var e=r>1?void 0:r?b(t,o):t,c=s.length-1,a;c>=0;c--)(a=s[c])&&(e=(r?a(t,o,e):a(e))||e);return r&&e&&v(t,o,e),e};let n=class extends m.PktElementWithSlot{constructor(){super(),this.defaultOpen=!1,this.title="",this.skin=void 0,this.compact=!1,this.isOpen=!1,this.name=void 0,this.accordionItemRef=u.e()}firstUpdated(s){this.defaultOpen&&(this.isOpen=!0)}render(){const s={"pkt-accordion-item":!0,"pkt-accordion-item--compact":this.compact,[`pkt-accordion-item--${this.skin}`]:!!this.skin};return i.b`
-      <details
-        class=${h.e(s)}
-        id=${this.id}
-        ?open=${this.isOpen}
-        ${u.n(this.accordionItemRef)}
-        name=${f.o(this.name)}
-      >
-        <summary class="pkt-accordion-item__title" id=${`pkt-accordion-item-summary-${this.id}`}>
-          ${this.title}
-          <pkt-icon
-            name="chevron-thin-down"
-            class="pkt-accordion-item__icon"
-            aria-hidden="true"
-          ></pkt-icon>
-        </summary>
-        <div
-          class="pkt-accordion-item__content"
-          id="pkt-accordion-item__content-${this.id}"
-          role="region"
-        >
-          <div class="pkt-accordion-item__content-inner">${m.slotContent(this)}</div>
-        </div>
-      </details>
-    `}};d([i.n({type:Boolean})],n.prototype,"defaultOpen",2);d([i.n({type:String})],n.prototype,"title",2);d([i.n({type:String,reflect:!0})],n.prototype,"skin",2);d([i.n({type:Boolean,reflect:!0})],n.prototype,"compact",2);d([i.n({type:Boolean,reflect:!0})],n.prototype,"isOpen",2);d([i.n({type:String,reflect:!0})],n.prototype,"name",2);n=d([i.t("pkt-accordion-item")],n);const $=n;exports.PktAccordion=_;exports.PktAccordionItem_default=$;

package/dist/alert-DFkFNTxh.cjs

@@ -1,33 +0,0 @@
-"use strict";const c=require("./class-map-CsENJXf1.cjs"),e=require("./element-gR_VtSiD.cjs"),d=require("./state-Dg-53wQ8.cjs"),u=require("./element-with-slot-ZX-up7jO.cjs"),h=require("./classutils-BwNK82ZQ.cjs");require("./icon-Bqj9oBbl.cjs");require("./button-DYv5Dg4M.cjs");const k={skin:{default:"info"},ariaLive:{default:"polite"},compact:{default:!1},closeAlert:{default:!1}},a={props:k};var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,i=(o,t,s,r)=>{for(var l=r>1?void 0:r?f(t,s):t,p=o.length-1,n;p>=0;p--)(n=o[p])&&(l=(r?n(t,s,l):n(l))||l);return r&&l&&v(t,s,l),l};exports.PktAlert=class extends u.PktElementWithSlot{constructor(){super(),this.compact=a.props.compact.default,this.title="",this.skin=a.props.skin.default,this.ariaLive=a.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=a.props.closeAlert.default,this.date=null,this.role="status",this._isClosed=!1,this.close=t=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:t},bubbles:!0,composed:!0}))},this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(t,s,r){t==="ariaLive"&&(this["aria-live"]=r),super.attributeChangedCallback(t,s,r)}updated(t){super.updated(t),t.has("ariaLive")&&(this["aria-live"]=this.ariaLive),t.has("_isClosed")&&h.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const t={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed},s={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e.b`
-      <div class=${c.e(t)} aria-live=${this["aria-live"]}>
-        <div class=${c.e(s)}>
-          <pkt-icon
-            class="pkt-alert__icon"
-            aria-hidden="true"
-            name=${this.skin==="info"?"alert-information":`alert-${this.skin}`}
-          ></pkt-icon>
-
-          ${this.closeAlert?e.b`
-                <div class="pkt-alert__close">
-                  <pkt-button
-                    tabindex="0"
-                    aria-label="close"
-                    size=${this.compact?"small":"medium"}
-                    type="button"
-                    skin="tertiary"
-                    iconName="close"
-                    variant="icon-only"
-                    @click=${this.close}
-                  >
-                    <span class="sr-only">Lukk</span>
-                  </pkt-button>
-                </div>
-              `:e.A}
-          ${this.title?e.b`<div class="pkt-alert__title">${this.title}</div>`:e.A}
-
-          <div class="pkt-alert__text">${u.slotContent(this)}</div>
-
-          ${this.date?e.b`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:e.A}
-        </div>
-      </div>
-    `}};i([e.n({type:Boolean,reflect:!1})],exports.PktAlert.prototype,"compact",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"title",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"skin",2);i([e.n({type:String})],exports.PktAlert.prototype,"ariaLive",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"aria-live",2);i([e.n({type:Boolean,reflect:!0})],exports.PktAlert.prototype,"closeAlert",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"date",2);i([e.n({type:String,reflect:!0})],exports.PktAlert.prototype,"role",2);i([d.r()],exports.PktAlert.prototype,"_isClosed",2);exports.PktAlert=i([e.t("pkt-alert")],exports.PktAlert);

package/dist/backlink-EiAXUUZP.cjs

@@ -1,13 +0,0 @@
-"use strict";const r=require("./element-gR_VtSiD.cjs"),c=require("./if-defined-BOW3ODSj.cjs");require("./icon-Bqj9oBbl.cjs");var p=Object.defineProperty,o=Object.getOwnPropertyDescriptor,n=(k,t,a,i)=>{for(var e=i>1?void 0:i?o(t,a):t,s=k.length-1,l;s>=0;s--)(l=k[s])&&(e=(i?l(t,a,e):l(e))||e);return i&&e&&p(t,a,e),e};exports.PktBackLink=class extends r.PktElement{constructor(){super(...arguments),this.href="",this.text="Forsiden",this.ariaLabel=""}attributeChangedCallback(t,a,i){t==="arialabel"&&this.removeAttribute("arialabel"),t==="href"&&this.removeAttribute("href"),t==="text"&&this.removeAttribute("text"),super.attributeChangedCallback(t,a,i)}render(){return r.b`<nav
-      class="pkt-back-link"
-      aria-label=${this.ariaLabel||"Gå tilbake til forrige side"}
-    >
-      <a href=${c.o(this.href||"/")} class="pkt-link pkt-link--icon-left"
-        ><pkt-icon
-          class="pkt-back-link__icon pkt-icon pkt-link__icon"
-          name="chevron-thin-left"
-          aria-hidden="true"
-        ></pkt-icon
-        ><span class="pkt-back-link__text">${this.text}</span></a
-      >
-    </nav>`}};n([r.n({type:String})],exports.PktBackLink.prototype,"href",2);n([r.n({type:String})],exports.PktBackLink.prototype,"text",2);n([r.n({type:String})],exports.PktBackLink.prototype,"ariaLabel",2);exports.PktBackLink=n([r.t("pkt-backlink")],exports.PktBackLink);