@oslokommune/punkt-elements 16.7.1 → 16.7.3

package/dist/{textinput-9lHjs4ce.js → textinput-r8udK0IX.js}

@@ -1,23 +1,23 @@
-import { A as p, b as h, n as a, t as d } from "./element-CPpT3rFQ.js";
+import { t as d, A as a, b as p, n } from "./element-CPpT3rFQ.js";
 import { o as l } from "./if-defined-B0krMLad.js";
 import { r as m } from "./state-C_1EOo3D.js";
 import { e as $, n as f } from "./ref-Bg_Swj5w.js";
 import { e as g } from "./class-map-CEnykyO_.js";
 import { P as x } from "./input-element-8nLwuQS4.js";
 import { s as v } from "./element-with-slot-Dqk6-TRR.js";
-import "./input-wrapper-B2JpK016.js";
-import "./icon-BlKA8YuW.js";
-var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (i, e, r, t) => {
-  for (var n = t > 1 ? void 0 : t ? b(e, r) : e, u = i.length - 1, c; u >= 0; u--)
-    (c = i[u]) && (n = (t ? c(e, r, n) : c(n)) || n);
-  return t && n && y(e, r, n), n;
+import "./input-wrapper-Bs4CRNst.js";
+import "./icon-CxQcIa5F.js";
+var y = Object.defineProperty, r = (c, i, e, o) => {
+  for (var t = void 0, h = c.length - 1, u; h >= 0; h--)
+    (u = c[h]) && (t = u(i, e, t) || t);
+  return t && y(i, e, t), t;
 };
-let s = class extends x {
+class s extends x {
   constructor() {
     super(...arguments), this.inputRef = $(), this.value = "", this.type = "text", this.size = null, this.autocomplete = null, this.iconNameRight = null, this.prefix = null, this.suffix = null, this.omitSearchIcon = !1, this.counterCurrent = 0;
   }
-  attributeChangedCallback(i, e, r) {
-    i === "value" && this.value !== e && (this.counterCurrent = r ? r.length : 0, this.valueChanged(r, e)), super.attributeChangedCallback(i, e, r);
+  attributeChangedCallback(i, e, o) {
+    i === "value" && this.value !== e && (this.counterCurrent = o ? o.length : 0, this.valueChanged(o, e)), super.attributeChangedCallback(i, e, o);
   }
   updated(i) {
     var e;
@@ -28,8 +28,8 @@ let s = class extends x {
       "pkt-input": !0,
       "pkt-input--fullwidth": this.fullwidth,
       "pkt-input--counter-error": this.counter && this.counterMaxLength && this.value.length && this.value.length > this.counterMaxLength
-    }), r = this.ariaLabelledby || `${this.id}-input-label`;
-    return h`
+    }), o = this.ariaLabelledby || `${this.id}-input-label`;
+    return p`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}
@@ -56,7 +56,7 @@ let s = class extends x {
       >
         <div class="pkt-contents" slot="helptext">${v(this, "helptext")}</div>
         <div class="pkt-input__container">
-          ${this.prefix ? h`<div class="pkt-input-prefix">${this.prefix}</div>` : p}
+          ${this.prefix ? p`<div class="pkt-input-prefix">${this.prefix}</div>` : a}
           <input
             ${f(this.inputRef)}
             class=${e}
@@ -64,7 +64,7 @@ let s = class extends x {
             name=${(this.name || this.id) + "-input"}
             id=${this.id + "-input"}
             placeholder=${l(this.placeholder)}
-            aria-labelledby=${r}
+            aria-labelledby=${o}
             autocomplete=${this.autocomplete || "off"}
             minlength=${l(this.minlength || void 0)}
             maxlength=${l(this.maxlength || void 0)}
@@ -72,7 +72,7 @@ let s = class extends x {
             max=${l(this.max || void 0)}
             step=${l(this.step || void 0)}
             ?readonly=${this.readonly}
-            size=${this.size || p}
+            size=${this.size || a}
             .value=${this.value}
             ?disabled=${this.disabled}
             aria-invalid=${this.hasError}
@@ -90,61 +90,63 @@ let s = class extends x {
       this.value = t.target.value, this.onBlur(), t.stopImmediatePropagation();
     }}
             @keydown=${(t) => {
-      var n;
+      var h;
       if (t.key === "Enter") {
         const u = this.internals.form;
-        u ? u.requestSubmit() : (n = this.inputRef.value) == null || n.blur();
+        u ? u.requestSubmit() : (h = this.inputRef.value) == null || h.blur();
       }
     }}
           />
-          ${this.suffix ? h`<div class="pkt-input-suffix">
+          ${this.suffix ? p`<div class="pkt-input-suffix">
                 ${this.suffix}
-                ${this.iconNameRight ? h`<pkt-icon
+                ${this.iconNameRight ? p`<pkt-icon
                       class="pkt-input-suffix-icon"
                       name=${this.iconNameRight}
-                    ></pkt-icon>` : p}
-                ${i ? h`<pkt-icon
+                    ></pkt-icon>` : a}
+                ${i ? p`<pkt-icon
                       class="pkt-input-suffix-icon"
                       name="magnifying-glass-big"
-                    ></pkt-icon>` : p}
-              </div>` : p}
-          ${!this.suffix && this.iconNameRight ? h`<pkt-icon class="pkt-input-icon" name=${this.iconNameRight}></pkt-icon>` : p}
-          ${!this.suffix && i ? h`<pkt-icon class="pkt-input-icon" name="magnifying-glass-big"></pkt-icon>` : p}
+                    ></pkt-icon>` : a}
+              </div>` : a}
+          ${!this.suffix && this.iconNameRight ? p`<pkt-icon class="pkt-input-icon" name=${this.iconNameRight}></pkt-icon>` : a}
+          ${!this.suffix && i ? p`<pkt-icon class="pkt-input-icon" name="magnifying-glass-big"></pkt-icon>` : a}
         </div>
       </pkt-input-wrapper>
     `;
   }
-};
-o([
-  a({ type: String, reflect: !0 })
-], s.prototype, "value", 2);
-o([
-  a({ type: String })
-], s.prototype, "type", 2);
-o([
-  a({ type: Number })
-], s.prototype, "size", 2);
-o([
-  a({ type: String })
-], s.prototype, "autocomplete", 2);
-o([
-  a({ type: String })
-], s.prototype, "iconNameRight", 2);
-o([
-  a({ type: String })
-], s.prototype, "prefix", 2);
-o([
-  a({ type: String })
-], s.prototype, "suffix", 2);
-o([
-  a({ type: Boolean })
-], s.prototype, "omitSearchIcon", 2);
-o([
+}
+r([
+  n({ type: String, reflect: !0 })
+], s.prototype, "value");
+r([
+  n({ type: String })
+], s.prototype, "type");
+r([
+  n({ type: Number })
+], s.prototype, "size");
+r([
+  n({ type: String })
+], s.prototype, "autocomplete");
+r([
+  n({ type: String })
+], s.prototype, "iconNameRight");
+r([
+  n({ type: String })
+], s.prototype, "prefix");
+r([
+  n({ type: String })
+], s.prototype, "suffix");
+r([
+  n({ type: Boolean })
+], s.prototype, "omitSearchIcon");
+r([
   m()
-], s.prototype, "counterCurrent", 2);
-s = o([
-  d("pkt-textinput")
-], s);
+], s.prototype, "counterCurrent");
+try {
+  d("pkt-textinput")(s);
+} catch {
+  console.warn("Forsøker å definere <pkt-textinput>, men den er allerede definert");
+}
 export {
   s as P
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "16.7.1",
+  "version": "16.7.3",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -78,5 +78,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "f03ecd48c2bc6097584f3a3f1d45848578bf524d"
+  "gitHead": "0f6fe32d4c462b5b2931a2dd042123552cec77fa"
 }

package/src/components/accordion/accordion.ts

@@ -15,7 +15,6 @@ export interface IPktAccordion {
    */
 }
 
-@customElement('pkt-accordion')
 export class PktAccordion extends LitElement implements IPktAccordion {
   // Properties
   @property({ type: String, reflect: true, attribute: 'aria-labelledby' }) ariaLabelledBy: string =
@@ -81,3 +80,9 @@ export class PktAccordion extends LitElement implements IPktAccordion {
 }
 
 export default PktAccordion
+
+try {
+  customElement('pkt-accordion')(PktAccordion)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-accordion>, men den er allerede definert')
+}

package/src/components/accordion/accordionitem.ts

@@ -24,7 +24,6 @@ export interface IPktAccordionItem {
   name?: string | undefined
 }
 
-@customElement('pkt-accordion-item')
 export class PktAccordionItem extends PktElementWithSlot implements IPktAccordionItem {
   @property({ type: Boolean }) defaultOpen: boolean = false
   @property({ type: String }) title: string = ''
@@ -81,3 +80,9 @@ export class PktAccordionItem extends PktElementWithSlot implements IPktAccordio
 }
 
 export default PktAccordionItem
+
+try {
+  customElement('pkt-accordion-item')(PktAccordionItem)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-accordion-item>, men den er allerede definert')
+}

package/src/components/alert/alert.ts

@@ -22,7 +22,6 @@ export interface IPktAlert {
   compact?: boolean
   role?: string
 }
-@customElement('pkt-alert')
 export class PktAlert extends PktElementWithSlot implements IPktAlert {
   constructor() {
     super()
@@ -135,3 +134,9 @@ export class PktAlert extends PktElementWithSlot implements IPktAlert {
     )
   }
 }
+
+try {
+  customElement('pkt-alert')(PktAlert)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-alert>, men den er allerede definert')
+}

package/src/components/backlink/backlink.ts

@@ -11,7 +11,6 @@ export interface IPktBackLink {
   ariaLabel?: string
 }
 
-@customElement('pkt-backlink')
 export class PktBackLink extends PktElement<IPktBackLink> implements IPktBackLink {
   // Properties
 
@@ -52,3 +51,9 @@ export class PktBackLink extends PktElement<IPktBackLink> implements IPktBackLin
 }
 
 export default PktBackLink
+
+try {
+  customElement('pkt-backlink')(PktBackLink)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-backlink>, men den er allerede definert')
+}

package/src/components/breadcrumbs/breadcrumbs.ts

@@ -13,7 +13,6 @@ export interface IPktBreadcrumbs {
   breadcrumbs: IBreadcrumbItem[]
 }
 
-@customElement('pkt-breadcrumbs')
 export class PktBreadcrumbs extends PktElement implements IPktBreadcrumbs {
   @property({ type: Array }) breadcrumbs: IBreadcrumbItem[] = []
 
@@ -93,3 +92,9 @@ export class PktBreadcrumbs extends PktElement implements IPktBreadcrumbs {
 }
 
 export default PktBreadcrumbs
+
+try {
+  customElement('pkt-breadcrumbs')(PktBreadcrumbs)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-breadcrumbs>, men den er allerede definert')
+}

package/src/components/button/button.ts

@@ -55,7 +55,6 @@ export interface IPktButton {
   disabled?: Booleanish
   loadingAnimationPath?: string
 }
-@customElement('pkt-button')
 export class PktButton extends PktElementWithSlot<IPktButton> implements IPktButton {
 
   // Properties
@@ -183,3 +182,9 @@ export class PktButton extends PktElementWithSlot<IPktButton> implements IPktBut
 }
 
 export default PktButton
+
+try {
+  customElement('pkt-button')(PktButton)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-button>, men den er allerede definert')
+}

package/src/components/calendar/calendar.ts

@@ -54,7 +54,6 @@ type TDayViewData = {
   tabindex: string
 }
 
-@customElement('pkt-calendar')
 export class PktCalendar extends PktElement {
   // Selection properties
   @property({ converter: converters.csvToArray })
@@ -718,3 +717,9 @@ export class PktCalendar extends PktElement {
     )
   }
 }
+
+try {
+  customElement('pkt-calendar')(PktCalendar)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-calendar>, men den er allerede definert')
+}

package/src/components/card/card.ts

@@ -36,7 +36,6 @@ export interface IPktCard {
   tags?: (Omit<IPktTag, 'closeTag'> & { text: string })[]
 }
 
-@customElement('pkt-card')
 export class PktCard extends PktElementWithSlot implements IPktCard {
   // Properties
 
@@ -260,3 +259,9 @@ export class PktCard extends PktElementWithSlot implements IPktCard {
     `
   }
 }
+
+try {
+  customElement('pkt-card')(PktCard)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-card>, men den er allerede definert')
+}

package/src/components/checkbox/checkbox.ts

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

package/src/components/combobox/combobox.ts

@@ -62,7 +62,6 @@ declare global {
   }
 }
 
-@customElement('pkt-combobox')
 export class PktCombobox extends ComboboxHandlers implements IPktCombobox {
   // Bound handler for body click — stored for cleanup in disconnectedCallback
   private handleBodyClick = (e: MouseEvent) => {
@@ -498,3 +497,9 @@ export class PktCombobox extends ComboboxHandlers implements IPktCombobox {
 }
 
 export default PktCombobox
+
+try {
+  customElement('pkt-combobox')(PktCombobox)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-combobox>, men den er allerede definert')
+}

package/src/components/consent/consent.ts

@@ -58,7 +58,6 @@ export interface IPktConsent {
   triggerText?: string | null
 }
 
-@customElement('pkt-consent')
 export class PktConsent extends PktElement<IPktConsent> implements IPktConsent {
   private _cookieEventHandler?: (consent: any) => void
 
@@ -189,3 +188,9 @@ export class PktConsent extends PktElement<IPktConsent> implements IPktConsent {
     return html`<pkt-button @click=${this.openModal}>${this.triggerText}</pkt-button>`
   }
 }
+
+try {
+  customElement('pkt-consent')(PktConsent)
+} catch (e) {
+  console.warn('Forsøker å definere <pkt-consent>, men den er allerede definert')
+}

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')
+}