@oslokommune/punkt-elements 12.32.0 → 12.32.7

package/dist/input-wrapper-Bw9tARAD.js

@@ -1,125 +0,0 @@
-const e = "pkt-inputwrapper";
-const t = {
-  toggleHelpText: {
-    description: "Event for å vise eller skjule hjelpetekst i dropdown"
-  }
-}, n = {
-  forId: {
-    name: "For ID",
-    description: "Id-en til skjemaelementet som dette wrapper rundt",
-    type: "string",
-    required: !0
-  },
-  label: {
-    name: "Merkelapp",
-    description: "Merkelapp for skjemaelementet",
-    type: "string",
-    required: !0
-  },
-  helptext: {
-    name: "Hjelpetekst",
-    description: "Hjelpetekst for skjemaelementet",
-    type: "string"
-  },
-  helptextDropdown: {
-    name: "Hjelpetekst i dropdown",
-    description: "Hjelpetekst som vises i ekspanderende felt",
-    type: "string"
-  },
-  helptextDropdownButton: {
-    name: "Tekst i hjelpetekst-knapp",
-    description: "Tekst som vises i knappen for å vise hjelpetekst i dropdown",
-    default: "Les mer <span class='pkt-sr-only'>om feltet</span>",
-    type: "string"
-  },
-  ariaDescribedby: {
-    name: "aria-describedby",
-    description: "Id-en til elementet som beskriver skjemaelementet",
-    type: "string"
-  },
-  counter: {
-    name: "Teller",
-    description: "Teller for antall tegn i skjemaelementet",
-    type: "boolean",
-    default: !1
-  },
-  counterCurrent: {
-    name: "Tellerverdi",
-    description: "Tellerens nåværende verdi",
-    type: "number"
-  },
-  counterMaxLength: {
-    name: "Maks tegn i teller",
-    description: "Maks antall tegn som kan skrives i skjemaelementet",
-    type: "number"
-  },
-  optionalTag: {
-    name: "Vise valgfritt-merking",
-    description: "Viser en merking som indikerer at feltet er valgfritt",
-    type: "boolean",
-    default: !1
-  },
-  optionalText: {
-    name: "Valgfritt-tekst",
-    description: "Tekst som vises i valgfritt-merkingen",
-    type: "string",
-    default: "Valgfritt"
-  },
-  requiredTag: {
-    name: "Vise påkrevd-merking",
-    description: "Viser en merking som indikerer at feltet er påkrevd",
-    type: "boolean",
-    default: !1
-  },
-  requiredText: {
-    name: "Påkrevd-tekst",
-    description: "Tekst som vises i påkrevd-merkingen",
-    type: "string",
-    default: "Må fylles ut"
-  },
-  hasError: {
-    name: "Feil",
-    description: "Indikerer at skjemaelementet har en feil",
-    type: "boolean",
-    default: !1
-  },
-  errorMessage: {
-    name: "Feilmelding",
-    description: "Feilmelding som vises i tilknytning til skjemaelementet",
-    type: "string"
-  },
-  disabled: {
-    name: "Deaktivert",
-    description: "Indikerer at skjemaelementet er deaktivert",
-    type: "boolean",
-    default: !1
-  },
-  inline: {
-    name: "Inline",
-    description: "Indikerer at skjemaelementet skal flyte sammen med sidens innhold",
-    type: "boolean",
-    default: !1
-  },
-  hasFieldset: {
-    name: "Har fieldset",
-    description: "Indikerer at skjemaelementet er en del av et fieldset",
-    type: "boolean",
-    default: !1
-  },
-  useWrapper: {
-    name: "Bruk wrapper",
-    description: "Indikerer om skjemaelementet skal bruke en wrapper",
-    type: "boolean",
-    displayAsFalse: !0,
-    default: !0
-  }
-}, r = {
-  name: e,
-  "css-class": "pkt-inputwrapper",
-  isElement: !0,
-  events: t,
-  props: n
-};
-export {
-  r as s
-};

package/dist/input-wrapper-jPnKsfEC.cjs

@@ -1 +0,0 @@
-"use strict";const e="pkt-inputwrapper";const t={toggleHelpText:{description:"Event for å vise eller skjule hjelpetekst i dropdown"}},n={forId:{name:"For ID",description:"Id-en til skjemaelementet som dette wrapper rundt",type:"string",required:!0},label:{name:"Merkelapp",description:"Merkelapp for skjemaelementet",type:"string",required:!0},helptext:{name:"Hjelpetekst",description:"Hjelpetekst for skjemaelementet",type:"string"},helptextDropdown:{name:"Hjelpetekst i dropdown",description:"Hjelpetekst som vises i ekspanderende felt",type:"string"},helptextDropdownButton:{name:"Tekst i hjelpetekst-knapp",description:"Tekst som vises i knappen for å vise hjelpetekst i dropdown",default:"Les mer <span class='pkt-sr-only'>om feltet</span>",type:"string"},ariaDescribedby:{name:"aria-describedby",description:"Id-en til elementet som beskriver skjemaelementet",type:"string"},counter:{name:"Teller",description:"Teller for antall tegn i skjemaelementet",type:"boolean",default:!1},counterCurrent:{name:"Tellerverdi",description:"Tellerens nåværende verdi",type:"number"},counterMaxLength:{name:"Maks tegn i teller",description:"Maks antall tegn som kan skrives i skjemaelementet",type:"number"},optionalTag:{name:"Vise valgfritt-merking",description:"Viser en merking som indikerer at feltet er valgfritt",type:"boolean",default:!1},optionalText:{name:"Valgfritt-tekst",description:"Tekst som vises i valgfritt-merkingen",type:"string",default:"Valgfritt"},requiredTag:{name:"Vise påkrevd-merking",description:"Viser en merking som indikerer at feltet er påkrevd",type:"boolean",default:!1},requiredText:{name:"Påkrevd-tekst",description:"Tekst som vises i påkrevd-merkingen",type:"string",default:"Må fylles ut"},hasError:{name:"Feil",description:"Indikerer at skjemaelementet har en feil",type:"boolean",default:!1},errorMessage:{name:"Feilmelding",description:"Feilmelding som vises i tilknytning til skjemaelementet",type:"string"},disabled:{name:"Deaktivert",description:"Indikerer at skjemaelementet er deaktivert",type:"boolean",default:!1},inline:{name:"Inline",description:"Indikerer at skjemaelementet skal flyte sammen med sidens innhold",type:"boolean",default:!1},hasFieldset:{name:"Har fieldset",description:"Indikerer at skjemaelementet er en del av et fieldset",type:"boolean",default:!1},useWrapper:{name:"Bruk wrapper",description:"Indikerer om skjemaelementet skal bruke en wrapper",type:"boolean",displayAsFalse:!0,default:!0}},r={name:e,"css-class":"pkt-inputwrapper",isElement:!0,events:t,props:n};exports.specs=r;

package/dist/link-C3lW3z8X.js

@@ -1,109 +0,0 @@
-import { P as f, x as k, E as h, n as i, a as m } from "./element-G8JoS0Lj.js";
-import { P as d } from "./pkt-slot-controller-D1DakVrU.js";
-import { e as u, n as P } from "./ref-cRTOoM4R.js";
-import { e as y } from "./class-map-ChuDQU5C.js";
-import "./icon-BJnwW0eh.js";
-const g = "pkt-link", v = !0, _ = {
-  href: {
-    name: "URL",
-    description: "URL til lenken",
-    type: "string",
-    default: "#"
-  },
-  target: {
-    name: "Mål",
-    description: "Mål for lenken",
-    type: [
-      "_blank",
-      "_self",
-      "_parent",
-      "_top"
-    ],
-    default: "_self"
-  },
-  iconName: {
-    name: "Ikon",
-    description: "Ikon som skal vises ved siden av lenketeksten",
-    type: "icon"
-  },
-  iconPosition: {
-    name: "Ikonposisjon",
-    description: "Posisjonen til ikonet i forhold til lenketeksten",
-    type: [
-      "left",
-      "right"
-    ]
-  },
-  external: {
-    name: "Ekstern lenke",
-    description: "Vis ikon for ekstern lenke",
-    type: "boolean",
-    default: !1
-  }
-}, x = {
-  default: {
-    description: "Innholdet i lenken"
-  }
-}, c = {
-  name: g,
-  "css-class": "pkt-link",
-  "dark-mode": !0,
-  isElement: v,
-  props: _,
-  slots: x
-};
-var $ = Object.defineProperty, N = Object.getOwnPropertyDescriptor, n = (o, s, l, r) => {
-  for (var t = r > 1 ? void 0 : r ? N(s, l) : s, a = o.length - 1, p; a >= 0; a--)
-    (p = o[a]) && (t = (r ? p(s, l, t) : p(t)) || t);
-  return r && t && $(s, l, t), t;
-};
-let e = class extends f {
-  constructor() {
-    super(), this.defaultSlot = u(), this.href = c.props.href.default, this.iconName = void 0, this.iconPosition = void 0, this.external = c.props.external.default, this.target = c.props.target.default, this.slotController = new d(this, this.defaultSlot);
-  }
-  render() {
-    const o = {
-      "pkt-link": !0,
-      "pkt-link--icon-left": !!this.iconName && this.iconPosition === "left" || !!(this.iconName && !this.iconPosition),
-      "pkt-link--icon-right": !!this.iconName && this.iconPosition === "right",
-      "pkt-link--external": this.external
-    };
-    return k`<a
-      class=${y(o)}
-      href=${this.href}
-      @click=${this.handleClick}
-      .target=${this.target}
-      .rel=${this.external ? "noopener noreferrer" : h}
-      >${this.iconName ? k`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""} <span ${P(this.defaultSlot)}>Link</span></a
-    >`;
-  }
-  handleClick() {
-    this.dispatchEvent(
-      new CustomEvent("click", {
-        detail: "pkt-link-clicked",
-        bubbles: !0
-      })
-    );
-  }
-};
-n([
-  i({ type: String, reflect: !0 })
-], e.prototype, "href", 2);
-n([
-  i({ type: String, reflect: !0 })
-], e.prototype, "iconName", 2);
-n([
-  i({ type: String, reflect: !0 })
-], e.prototype, "iconPosition", 2);
-n([
-  i({ type: Boolean, reflect: !0 })
-], e.prototype, "external", 2);
-n([
-  i({ type: String, reflect: !0 })
-], e.prototype, "target", 2);
-e = n([
-  m("pkt-link")
-], e);
-export {
-  e as P
-};

package/dist/link-DOVlsg2S.cjs

@@ -1,8 +0,0 @@
-"use strict";const e=require("./element-BBo3JZk5.cjs"),k=require("./pkt-slot-controller-CqNvEpFd.cjs"),p=require("./ref-DsoUUoPU.cjs"),h=require("./class-map-D4rXyUxT.cjs");require("./icon-BTUCDPN5.cjs");const f="pkt-link",u=!0,d={href:{name:"URL",description:"URL til lenken",type:"string",default:"#"},target:{name:"Mål",description:"Mål for lenken",type:["_blank","_self","_parent","_top"],default:"_self"},iconName:{name:"Ikon",description:"Ikon som skal vises ved siden av lenketeksten",type:"icon"},iconPosition:{name:"Ikonposisjon",description:"Posisjonen til ikonet i forhold til lenketeksten",type:["left","right"]},external:{name:"Ekstern lenke",description:"Vis ikon for ekstern lenke",type:"boolean",default:!1}},m={default:{description:"Innholdet i lenken"}},c={name:f,"css-class":"pkt-link","dark-mode":!0,isElement:u,props:d,slots:m};var P=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(s,n,r,o)=>{for(var t=o>1?void 0:o?y(n,r):n,l=s.length-1,a;l>=0;l--)(a=s[l])&&(t=(o?a(n,r,t):a(t))||t);return o&&t&&P(n,r,t),t};exports.PktLink=class extends e.PktElement{constructor(){super(),this.defaultSlot=p.e(),this.href=c.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=c.props.external.default,this.target=c.props.target.default,this.slotController=new k.PktSlotController(this,this.defaultSlot)}render(){const n={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return e.x`<a
-      class=${h.e(n)}
-      href=${this.href}
-      @click=${this.handleClick}
-      .target=${this.target}
-      .rel=${this.external?"noopener noreferrer":e.E}
-      >${this.iconName?e.x`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:""} <span ${p.n(this.defaultSlot)}>Link</span></a
-    >`}handleClick(){this.dispatchEvent(new CustomEvent("click",{detail:"pkt-link-clicked",bubbles:!0}))}};i([e.n({type:String,reflect:!0})],exports.PktLink.prototype,"href",2);i([e.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconName",2);i([e.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconPosition",2);i([e.n({type:Boolean,reflect:!0})],exports.PktLink.prototype,"external",2);i([e.n({type:String,reflect:!0})],exports.PktLink.prototype,"target",2);exports.PktLink=i([e.t("pkt-link")],exports.PktLink);

package/dist/messagebox-8GwnNqb0.cjs

@@ -1,12 +0,0 @@
-"use strict";const s=require("./element-BBo3JZk5.cjs"),b=require("./pkt-slot-controller-CqNvEpFd.cjs"),c=require("./ref-DsoUUoPU.cjs"),d=require("./class-map-D4rXyUxT.cjs"),k=require("./state-BILlRnrD.cjs");require("./icon-BTUCDPN5.cjs");const u=require("./classutils-BwNK82ZQ.cjs"),m="pkt-messagebox",g=!0,h={onClose:{description:"React: Event som trigges når meldingsboksen lukkes"},"on-close":{description:"Vue: Event som trigges når meldingsboksen lukkes"}},f={title:{name:"Tittel",description:"Tittelen på meldingsboksen",type:"string"},skin:{name:"Utseende",description:"Velg farge på meldingsboksen",type:["beige","blue","red","green"],default:"beige"},compact:{name:"Kompakt",description:"Gjør meldingsboksen mindre",type:"boolean",default:!1},closable:{name:"Kan lukkes",description:"Viser lukkeknapp",type:"boolean",default:!1}},x={default:{description:"Innholdet i meldingsboksen"}},p={name:m,"css-class":"pkt-messagebox",isElement:g,events:h,props:f,slots:x};var v=Object.defineProperty,_=Object.getOwnPropertyDescriptor,o=(i,e,n,l)=>{for(var t=l>1?void 0:l?_(e,n):e,a=i.length-1,r;a>=0;a--)(r=i[a])&&(t=(l?r(e,n,t):r(t))||t);return l&&t&&v(e,n,t),t};exports.PktMessagebox=class extends s.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closable=p.props.closable.default,this.compact=p.props.compact.default,this.title="",this.skin=p.props.skin.default,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0}))},this.slotController=new b.PktSlotController(this,this.defaultSlot),this._isClosed=!1}updated(e){super.updated(e),e.has("_isClosed")&&u.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const e={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return s.x`<div class=${d.e(e)}>
-      ${this.closable?s.x`<div class="pkt-messagebox__close">
-            <button
-              @click=${this.close}
-              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-            >
-              <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
-            </button>
-          </div>`:s.E}
-      ${this.title?s.x`<div class="pkt-messagebox__title">${this.title}</div>`:s.E}
-      <div class="pkt-messagebox__text" ${c.n(this.defaultSlot)}></div>
-    </div>`}};o([s.n({type:Boolean,reflect:!0})],exports.PktMessagebox.prototype,"closable",2);o([s.n({type:Boolean,reflect:!0})],exports.PktMessagebox.prototype,"compact",2);o([s.n({type:String,reflect:!0})],exports.PktMessagebox.prototype,"title",2);o([s.n({type:String,reflect:!0})],exports.PktMessagebox.prototype,"skin",2);o([k.r()],exports.PktMessagebox.prototype,"_isClosed",2);exports.PktMessagebox=o([s.t("pkt-messagebox")],exports.PktMessagebox);

package/dist/messagebox-D6uexEhg.js

@@ -1,114 +0,0 @@
-import { P as b, x as c, E as m, n, a as u } from "./element-G8JoS0Lj.js";
-import { P as k } from "./pkt-slot-controller-D1DakVrU.js";
-import { e as h, n as f } from "./ref-cRTOoM4R.js";
-import { e as g } from "./class-map-ChuDQU5C.js";
-import { r as v } from "./state-gfUuUqVg.js";
-import "./icon-BJnwW0eh.js";
-import { u as _ } from "./classutils-RQs1k6D9.js";
-const x = "pkt-messagebox", y = !0, C = {
-  onClose: {
-    description: "React: Event som trigges når meldingsboksen lukkes"
-  },
-  "on-close": {
-    description: "Vue: Event som trigges når meldingsboksen lukkes"
-  }
-}, E = {
-  title: {
-    name: "Tittel",
-    description: "Tittelen på meldingsboksen",
-    type: "string"
-  },
-  skin: {
-    name: "Utseende",
-    description: "Velg farge på meldingsboksen",
-    type: [
-      "beige",
-      "blue",
-      "red",
-      "green"
-    ],
-    default: "beige"
-  },
-  compact: {
-    name: "Kompakt",
-    description: "Gjør meldingsboksen mindre",
-    type: "boolean",
-    default: !1
-  },
-  closable: {
-    name: "Kan lukkes",
-    description: "Viser lukkeknapp",
-    type: "boolean",
-    default: !1
-  }
-}, P = {
-  default: {
-    description: "Innholdet i meldingsboksen"
-  }
-}, d = {
-  name: x,
-  "css-class": "pkt-messagebox",
-  isElement: y,
-  events: C,
-  props: E,
-  slots: P
-};
-var $ = Object.defineProperty, S = Object.getOwnPropertyDescriptor, o = (e, i, p, l) => {
-  for (var t = l > 1 ? void 0 : l ? S(i, p) : i, a = e.length - 1, r; a >= 0; a--)
-    (r = e[a]) && (t = (l ? r(i, p, t) : r(t)) || t);
-  return l && t && $(i, p, t), t;
-};
-let s = class extends b {
-  constructor() {
-    super(), this.defaultSlot = h(), this.closable = d.props.closable.default, this.compact = d.props.compact.default, this.title = "", this.skin = d.props.skin.default, this._isClosed = !1, this.close = (e) => {
-      this._isClosed = !0, this.dispatchEvent(new CustomEvent("close", { detail: { origin: e }, bubbles: !0 })), this.dispatchEvent(new CustomEvent("on-close", { detail: { origin: e }, bubbles: !0 }));
-    }, this.slotController = new k(this, this.defaultSlot), this._isClosed = !1;
-  }
-  // Lifecycle
-  updated(e) {
-    super.updated(e), e.has("_isClosed") && _(this, "pkt-hide", this._isClosed);
-  }
-  // Render
-  render() {
-    const e = {
-      "pkt-messagebox": !0,
-      "pkt-messagebox--compact": this.compact,
-      [`pkt-messagebox--${this.skin}`]: this.skin,
-      "pkt-messagebox--closable": this.closable,
-      "pkt-hide": this._isClosed
-    };
-    return c`<div class=${g(e)}>
-      ${this.closable ? c`<div class="pkt-messagebox__close">
-            <button
-              @click=${this.close}
-              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-            >
-              <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
-            </button>
-          </div>` : m}
-      ${this.title ? c`<div class="pkt-messagebox__title">${this.title}</div>` : m}
-      <div class="pkt-messagebox__text" ${f(this.defaultSlot)}></div>
-    </div>`;
-  }
-};
-o([
-  n({ type: Boolean, reflect: !0 })
-], s.prototype, "closable", 2);
-o([
-  n({ type: Boolean, reflect: !0 })
-], s.prototype, "compact", 2);
-o([
-  n({ type: String, reflect: !0 })
-], s.prototype, "title", 2);
-o([
-  n({ type: String, reflect: !0 })
-], s.prototype, "skin", 2);
-o([
-  v()
-], s.prototype, "_isClosed", 2);
-s = o([
-  u("pkt-messagebox")
-], s);
-export {
-  s as P
-};

package/dist/modal-CLixB4Dz.cjs

@@ -1,33 +0,0 @@
-"use strict";const d=require("./class-map-D4rXyUxT.cjs"),s=require("./element-BBo3JZk5.cjs"),k=require("./state-BILlRnrD.cjs"),m=require("./pkt-slot-controller-CqNvEpFd.cjs"),r=require("./ref-DsoUUoPU.cjs");require("./icon-BTUCDPN5.cjs");const h="pkt-modal",g=!0,f={"background-click":{description:"Event som trigges når bakgrunnen trykkes på"},close:{description:"Event som trigges når meldingsboksen lukkes"}},v={headingText:{name:"Heading text",description:"Heading tekst på modalen",type:"string"},hideCloseButton:{name:"Gjem 'Lukk'-knapp",description:"Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.",type:"boolean",default:!1},closeOnBackdropClick:{name:"Lukk modalen når bakgrunnen trykkes på",description:"Lukk modalen når bakgrunnen trykkes på",type:"boolean",default:!1},closeButtonSkin:{name:"Stil på lukkeknappen",description:"Stil på lukkeknappen",type:["blue","yellow-filled"],default:"blue"},size:{name:"Størrelse",description:"Størrelsen på modalen",type:["small","medium","large"],default:"medium"}},b={default:{description:"Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen."}},u={name:h,"css-class":"pkt-modal",isElements:g,events:f,props:v,slots:b};var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,l=(c,e,t,n)=>{for(var o=n>1?void 0:n?_(e,t):e,i=c.length-1,a;i>=0;i--)(a=c[i])&&(o=(n?a(e,t,o):a(o))||o);return n&&o&&y(e,t,o),o};exports.PktModal=class extends s.PktElement{constructor(){super(),this.headingText="",this.removePadding=!1,this.hideCloseButton=u.props.hideCloseButton.default,this.closeOnBackdropClick=u.props.closeOnBackdropClick.default,this.closeButtonSkin="blue",this.size=u.props.size.default,this.defaultSlot=r.e(),this.dialogRef=r.e(),this._isOpen=!1,this.close=(e,t=!1)=>{var o;if(!this._isOpen)return;this._isOpen=!1,document.body.classList.remove("pkt-modal--open");const n=document.activeElement;n&&!this.isElementInViewport(n)&&n.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),t||(o=this.dialogRef.value)==null||o.close(),this.requestUpdate()},this.showModal=e=>{var n;this._isOpen=!0,(n=this.dialogRef.value)==null||n.showModal();const t=document.querySelector(".pkt-modal");requestAnimationFrame(()=>{var o;this.dialogRef.value&&((o=this.dialogRef.value)==null||o.focus())}),t&&document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this.slotController=new m.PktSlotController(this,this.defaultSlot),this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("click",this.handleBackdropClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("click",this.handleBackdropClick)}handleKeyDown(e){e.key==="Escape"&&this.close(e)}handleBackdropClick(e){var t;this.closeOnBackdropClick&&e.target===((t=this.dialogRef)==null?void 0:t.value)&&this.close(e)}isElementInViewport(e){const t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){const e={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===""||this.headingText===void 0,[`pkt-modal--${this.size}`]:this.size!==void 0},t={"pkt-modal__headingText":!0,"pkt-txt-24":!0},n={"pkt-modal__content":!0,"pkt-txt-18-light":!0},o=this.closeButtonSkin==="blue",i={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0},a={"pkt-btn":!0,[`pkt-btn--${o?"tertiary":"primary"}`]:!0,"pkt-btn--icon-only":!0,"pkt-btn--medium":!0};return s.x`
-      <dialog
-        class=${d.e(e)}
-        ${r.n(this.dialogRef)}
-        aria-labelledby="pkt-modal__headingText"
-        aria-describedby="pkt-modal__content"
-        @close=${p=>this.close(p,!0)}
-      >
-        <div class="pkt-modal__header">
-          <div class="pkt-modal__header-background"></div>
-          ${this.headingText?s.x`<h1 id="pkt-modal__headingText" class=${d.e(t)}>
-                ${this.headingText}
-              </h1>`:s.E}
-          ${this.hideCloseButton?s.E:s.x`<div class="${d.e(i)}">
-                <pkt-button
-                  @click=${p=>this.close(p)}
-                  class=${d.e(a)}
-                  aria-label="close"
-                  iconname="close"
-                  variant="icon-only"
-                >
-                </pkt-button>
-              </div>`}
-        </div>
-        <div class="pkt-modal__container">
-          <div
-            id="pkt-modal__content"
-            class=${d.e(n)}
-            ${r.n(this.defaultSlot)}
-          ></div>
-        </div>
-      </dialog>
-    `}};l([s.n({type:String,reflect:!0})],exports.PktModal.prototype,"headingText",2);l([s.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"removePadding",2);l([s.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"hideCloseButton",2);l([s.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"closeOnBackdropClick",2);l([s.n({type:String,reflect:!0})],exports.PktModal.prototype,"closeButtonSkin",2);l([s.n({type:String,reflect:!0})],exports.PktModal.prototype,"size",2);l([k.r()],exports.PktModal.prototype,"_isOpen",2);exports.PktModal=l([s.t("pkt-modal")],exports.PktModal);

package/dist/pkt-slot-controller-CqNvEpFd.cjs

@@ -1 +0,0 @@
-"use strict";function a(s,e){return e.some(t=>t.value===s)}function d(s,e){var t;return s.hasAttribute("data-skip")?[]:s===((t=e.value)==null?void 0:t.parentNode)?[]:s instanceof HTMLTemplateElement?Array.from(s.content.childNodes):[s]}function h(s){return typeof s.hasAttribute=="function"&&s.hasAttribute("data-skip")}function r(s){return s.nodeName==="OPTION"||s.nodeName==="DATA"}function u(s,e){return s.nodeType===Node.ELEMENT_NODE&&!a(s,e)}function f(s){var e;return s.nodeType===Node.TEXT_NODE&&((e=s.nodeValue)==null?void 0:e.trim())!==""}class c{constructor(e,...t){this.nodes=[],this.filledSlots=new Set,this.skipOptions=!1,this.updatingSlots=!1,this.host=e,this.host.addController(this),this.slots=t,this.nodes=[],this.observer=new MutationObserver(o=>this.handleMutations(o)),this.contentObserver=new MutationObserver(o=>this.handleSlotMutations(o))}hostConnected(){this.updateNodes(),this.observer.observe(this.host,{childList:!0}),this.contentObserver.observe(this.host,{childList:!0,subtree:!0})}hostDisconnected(){this.observer.disconnect(),this.contentObserver.disconnect()}hostUpdated(){this.updateSlots()}updateNodes(){this.nodes=[],Array.from(this.host.childNodes).forEach(t=>{var o;if(!h(t)&&!(r(t)&&this.skipOptions))if(t.nodeType===Node.TEXT_NODE&&((o=t.nodeValue)!=null&&o.trim())){const i=document==null?void 0:document.createElement("template");i.content.appendChild(t),this.nodes.push(i)}else a(t,this.slots)||this.nodes.push(t)})}updateSlots(){if(this.updatingSlots)return;this.updatingSlots=!0;const e=new Set;this.slots.forEach(t=>{if(!t.value)return;const o=t.value.getAttribute("name"),l=this.nodes.flatMap(n=>n.getAttribute&&n.getAttribute("slot")==o&&!n.hasAttribute("data-skip")?d(n,t):[]).filter(n=>t.value&&!t.value.contains(n)&&!n.contains(t.value));if(l.length>0)if(e.add(o),typeof t.value.replaceChildren!="function"){for(;t.value.firstChild;)t.value.removeChild(t.value.firstChild);t.value.append(...l)}else t.value.replaceChildren(...l)}),(this.filledSlots.size!==e.size||![...this.filledSlots].every(t=>e.has(t)))&&(this.filledSlots=e,Array.from(this.filledSlots).length&&!(Array.from(this.filledSlots).length===1&&Array.from(this.filledSlots)[0]!==null)&&this.host.requestUpdate()),this.updatingSlots=!1}handleMutations(e){let t=!1;e.forEach(o=>{o.type==="childList"&&(o.addedNodes.forEach(i=>{if(!h(i)&&!(r(i)&&this.skipOptions)){if(u(i,this.slots))this.nodes.push(i),t=!0;else if(f(i)){const l=document==null?void 0:document.createElement("template");l.content.appendChild(i),this.nodes.push(l),t=!0}}}),o.removedNodes.forEach(i=>{h(i)||r(i)&&this.skipOptions||(this.nodes=this.nodes.filter(l=>l!==i),t=!0)}))}),t&&this.updateSlots()}handleSlotMutations(e){let t=!1;e.forEach(o=>{const i=o.target.parentElement;if(i!=null&&i.hasAttribute("slot")){const l=i.getAttribute("slot"),n=i.hasChildNodes();n&&!this.filledSlots.has(l)?(this.filledSlots.add(l),t=!0):!n&&this.filledSlots.has(l)&&(this.filledSlots.delete(l),t=!0)}}),t&&typeof this.host.updateSlots=="function"&&this.host.updateSlots(this.filledSlots)}}exports.PktSlotController=c;exports.isOptionElement=r;

package/dist/pkt-slot-controller-D1DakVrU.js

@@ -1,95 +0,0 @@
-function a(s, e) {
-  return e.some((t) => t.value === s);
-}
-function d(s, e) {
-  var t;
-  return s.hasAttribute("data-skip") ? [] : s === ((t = e.value) == null ? void 0 : t.parentNode) ? [] : s instanceof HTMLTemplateElement ? Array.from(s.content.childNodes) : [s];
-}
-function r(s) {
-  return typeof s.hasAttribute == "function" && s.hasAttribute("data-skip");
-}
-function h(s) {
-  return s.nodeName === "OPTION" || s.nodeName === "DATA";
-}
-function u(s, e) {
-  return s.nodeType === Node.ELEMENT_NODE && !a(s, e);
-}
-function f(s) {
-  var e;
-  return s.nodeType === Node.TEXT_NODE && ((e = s.nodeValue) == null ? void 0 : e.trim()) !== "";
-}
-class c {
-  constructor(e, ...t) {
-    this.nodes = [], this.filledSlots = /* @__PURE__ */ new Set(), this.skipOptions = !1, this.updatingSlots = !1, this.host = e, this.host.addController(this), this.slots = t, this.nodes = [], this.observer = new MutationObserver((o) => this.handleMutations(o)), this.contentObserver = new MutationObserver((o) => this.handleSlotMutations(o));
-  }
-  hostConnected() {
-    this.updateNodes(), this.observer.observe(this.host, { childList: !0 }), this.contentObserver.observe(this.host, { childList: !0, subtree: !0 });
-  }
-  hostDisconnected() {
-    this.observer.disconnect(), this.contentObserver.disconnect();
-  }
-  hostUpdated() {
-    this.updateSlots();
-  }
-  updateNodes() {
-    this.nodes = [], Array.from(this.host.childNodes).forEach((t) => {
-      var o;
-      if (!r(t) && !(h(t) && this.skipOptions))
-        if (t.nodeType === Node.TEXT_NODE && ((o = t.nodeValue) != null && o.trim())) {
-          const i = document == null ? void 0 : document.createElement("template");
-          i.content.appendChild(t), this.nodes.push(i);
-        } else a(t, this.slots) || this.nodes.push(t);
-    });
-  }
-  updateSlots() {
-    if (this.updatingSlots) return;
-    this.updatingSlots = !0;
-    const e = /* @__PURE__ */ new Set();
-    this.slots.forEach((t) => {
-      if (!t.value) return;
-      const o = t.value.getAttribute("name"), l = this.nodes.flatMap(
-        (n) => n.getAttribute && n.getAttribute("slot") == o && !n.hasAttribute("data-skip") ? d(n, t) : []
-      ).filter(
-        (n) => t.value && !t.value.contains(n) && !n.contains(t.value)
-      );
-      if (l.length > 0)
-        if (e.add(o), typeof t.value.replaceChildren != "function") {
-          for (; t.value.firstChild; )
-            t.value.removeChild(t.value.firstChild);
-          t.value.append(...l);
-        } else
-          t.value.replaceChildren(...l);
-    }), (this.filledSlots.size !== e.size || ![...this.filledSlots].every((t) => e.has(t))) && (this.filledSlots = e, Array.from(this.filledSlots).length && !(Array.from(this.filledSlots).length === 1 && Array.from(this.filledSlots)[0] !== null) && this.host.requestUpdate()), this.updatingSlots = !1;
-  }
-  handleMutations(e) {
-    let t = !1;
-    e.forEach((o) => {
-      o.type === "childList" && (o.addedNodes.forEach((i) => {
-        if (!r(i) && !(h(i) && this.skipOptions)) {
-          if (u(i, this.slots))
-            this.nodes.push(i), t = !0;
-          else if (f(i)) {
-            const l = document == null ? void 0 : document.createElement("template");
-            l.content.appendChild(i), this.nodes.push(l), t = !0;
-          }
-        }
-      }), o.removedNodes.forEach((i) => {
-        r(i) || h(i) && this.skipOptions || (this.nodes = this.nodes.filter((l) => l !== i), t = !0);
-      }));
-    }), t && this.updateSlots();
-  }
-  handleSlotMutations(e) {
-    let t = !1;
-    e.forEach((o) => {
-      const i = o.target.parentElement;
-      if (i != null && i.hasAttribute("slot")) {
-        const l = i.getAttribute("slot"), n = i.hasChildNodes();
-        n && !this.filledSlots.has(l) ? (this.filledSlots.add(l), t = !0) : !n && this.filledSlots.has(l) && (this.filledSlots.delete(l), t = !0);
-      }
-    }), t && typeof this.host.updateSlots == "function" && this.host.updateSlots(this.filledSlots);
-  }
-}
-export {
-  c as P,
-  h as i
-};

package/dist/tag-DThwKsrg.cjs

@@ -1,18 +0,0 @@
-"use strict";const u=require("./class-map-D4rXyUxT.cjs"),t=require("./element-BBo3JZk5.cjs"),g=require("./state-BILlRnrD.cjs"),d=require("./pkt-slot-controller-CqNvEpFd.cjs"),c=require("./ref-DsoUUoPU.cjs");require("./icon-BTUCDPN5.cjs");const h=require("./if-defined-C1ZDVzYn.cjs"),k="pkt-tag",f=!0,y={closeTag:{type:"boolean",required:!1,default:!1},size:{required:!1,default:"medium",type:["small","medium","large"]},iconName:{type:"icon",required:!1},skin:{required:!1,default:"blue",type:["blue","blue-light","blue-dark","green","red","beige","yellow","gray"]},textStyle:{required:!1,default:"normal-text",type:["thin-text","normal-text"]},type:{required:!1,default:"button",type:["button","submit","reset"]},ariaLabel:{type:"string",required:!1}},b={default:{description:"Teksten til tag"}},l={name:k,"css-class":"pkt-tag",isElement:f,props:y,slots:b};var m=Object.defineProperty,T=Object.getOwnPropertyDescriptor,i=(o,e,a,r)=>{for(var s=r>1?void 0:r?T(e,a):e,n=o.length-1,p;n>=0;n--)(p=o[n])&&(s=(r?p(e,a,s):p(s))||s);return r&&s&&m(e,a,s),s};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=l.props.closeTag.default,this.size=l.props.size.default,this.skin=l.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=l.props.type.default,this.ariaLabel=null,this._isClosed=!1,this._ariaDescription=null,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.slotController=new d.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var a,r;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const s=(r=(a=this.defaultSlot.value)==null?void 0:a.textContent)==null?void 0:r.trim();s&&(this._ariaDescription=`Klikk for å fjerne ${s}`)}}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},a={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
-        <button
-          class=${u.e(a)}
-          type=${this.type}
-          @click=${this.close}
-          aria-label=${h.o(this.ariaLabel||void 0)}
-          aria-description=${h.o(this._ariaDescription||void 0)}
-        >
-          ${this.iconName&&t.x`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
-          <span ${c.n(this.defaultSlot)}></span>
-          <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
-        </button>
-      `:t.x`
-        <span class=${u.e(e)}>
-          ${this.iconName&&t.x`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
-          <span ${c.n(this.defaultSlot)}></span>
-        </span>
-      `}};i([t.n({type:Boolean,reflect:!0})],exports.PktTag.prototype,"closeTag",2);i([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"size",2);i([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"skin",2);i([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"textStyle",2);i([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"iconName",2);i([t.n({type:String})],exports.PktTag.prototype,"type",2);i([t.n({type:String})],exports.PktTag.prototype,"ariaLabel",2);i([g.r()],exports.PktTag.prototype,"_isClosed",2);i([g.r()],exports.PktTag.prototype,"_ariaDescription",2);exports.PktTag=i([t.t("pkt-tag")],exports.PktTag);