@oslokommune/punkt-elements 12.31.2 → 12.32.7

package/dist/modal-ytIJwfr3.cjs

@@ -1,33 +0,0 @@
-"use strict";const d=require("./class-map-Dj5mbCUg.cjs"),s=require("./element-CzFXQBoS.cjs"),k=require("./state-HNj0_316.cjs"),m=require("./pkt-slot-controller-Oc32unDk.cjs"),r=require("./ref-2anvRHT4.cjs");require("./icon-BOKusjAA.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-Clbye6cM.js

@@ -1,85 +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 p(s) {
-  var e;
-  return s.nodeType === Node.TEXT_NODE && ((e = s.nodeValue) == null ? void 0 : e.trim()) !== "";
-}
-class f {
-  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));
-  }
-  hostConnected() {
-    this.updateNodes(), this.observer.observe(this.host, { childList: !0 });
-  }
-  hostDisconnected() {
-    this.observer.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 (p(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();
-  }
-}
-export {
-  f as P,
-  h as i
-};

package/dist/pkt-slot-controller-Oc32unDk.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 p(s){var e;return s.nodeType===Node.TEXT_NODE&&((e=s.nodeValue)==null?void 0:e.trim())!==""}class f{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))}hostConnected(){this.updateNodes(),this.observer.observe(this.host,{childList:!0})}hostDisconnected(){this.observer.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(p(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()}}exports.PktSlotController=f;exports.isOptionElement=r;

package/dist/ref-2anvRHT4.cjs

@@ -1,13 +0,0 @@
-"use strict";const l=require("./element-CzFXQBoS.cjs"),d=require("./directive-C_VV3qwo.cjs");/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const{I:p}=l.Z,u=t=>t.strings===void 0,a=()=>document.createComment(""),Y=(t,s,e)=>{var h;const i=t._$AA.parentNode,n=s===void 0?t._$AB:s._$AA;if(e===void 0){const c=i.insertBefore(a(),n),$=i.insertBefore(a(),n);e=new p(c,$,t,t.options)}else{const c=e._$AB.nextSibling,$=e._$AM,f=$!==t;if(f){let o;(h=e._$AQ)==null||h.call(e,t),e._$AM=t,e._$AP!==void 0&&(o=t._$AU)!==$._$AU&&e._$AP(o)}if(c!==n||f){let o=e._$AA;for(;o!==c;){const g=o.nextSibling;i.insertBefore(o,n),o=g}}}return e},C=(t,s,e=t)=>(t._$AI(s,e),t),M={},m=(t,s=M)=>t._$AH=s,b=t=>t._$AH,N=t=>{var i;(i=t._$AP)==null||i.call(t,!1,!0);let s=t._$AA;const e=t._$AB.nextSibling;for(;s!==e;){const n=s.nextSibling;s.remove(),s=n}};/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const r=(t,s)=>{var i;const e=t._$AN;if(e===void 0)return!1;for(const n of e)(i=n._$AO)==null||i.call(n,s,!1),r(n,s);return!0},A=t=>{let s,e;do{if((s=t._$AM)===void 0)break;e=s._$AN,e.delete(t),t=s}while((e==null?void 0:e.size)===0)},v=t=>{for(let s;s=t._$AM;t=s){let e=s._$AN;if(e===void 0)s._$AN=e=new Set;else if(e.has(t))break;e.add(t),B(s)}};function w(t){this._$AN!==void 0?(A(this),this._$AM=t,v(this)):this._$AM=t}function x(t,s=!1,e=0){const i=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(s)if(Array.isArray(i))for(let h=e;h<i.length;h++)r(i[h],!1),A(i[h]);else i!=null&&(r(i,!1),A(i));else r(this,t)}const B=t=>{t.type==d.t.CHILD&&(t._$AP??(t._$AP=x),t._$AQ??(t._$AQ=w))};class y extends d.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(s,e,i){super._$AT(s,e,i),v(this),this.isConnected=s._$AU}_$AO(s,e=!0){var i,n;s!==this.isConnected&&(this.isConnected=s,s?(i=this.reconnected)==null||i.call(this):(n=this.disconnected)==null||n.call(this)),e&&(r(this,s),A(this))}setValue(s){if(u(this._$Ct))this._$Ct._$AI(s,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=s,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const H=()=>new I;class I{}const _=new WeakMap,S=d.e(class extends y{render(t){return l.E}update(t,[s]){var i;const e=s!==this.Y;return e&&this.Y!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.Y=s,this.ht=(i=t.options)==null?void 0:i.host,this.rt(this.ct=t.element)),l.E}rt(t){if(this.isConnected||(t=void 0),typeof this.Y=="function"){const s=this.ht??globalThis;let e=_.get(s);e===void 0&&(e=new WeakMap,_.set(s,e)),e.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),e.set(this.Y,t),t!==void 0&&this.Y.call(this.ht,t)}else this.Y.value=t}get lt(){var t,s;return typeof this.Y=="function"?(t=_.get(this.ht??globalThis))==null?void 0:t.get(this.Y):(s=this.Y)==null?void 0:s.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});exports.M=N;exports.e=H;exports.f=u;exports.m=m;exports.n=S;exports.p=b;exports.r=Y;exports.v=C;

package/dist/ref-DbOSDQbk.js

@@ -1,143 +0,0 @@
-import { Z as u, E as d } from "./element-C7XjZtLU.js";
-import { i as p, t as g, e as Y } from "./directive-B76A7YXI.js";
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { I: m } = u, C = (t) => t.strings === void 0, f = () => document.createComment(""), I = (t, s, e) => {
-  var o;
-  const i = t._$AA.parentNode, n = s === void 0 ? t._$AB : s._$AA;
-  if (e === void 0) {
-    const c = i.insertBefore(f(), n), $ = i.insertBefore(f(), n);
-    e = new m(c, $, t, t.options);
-  } else {
-    const c = e._$AB.nextSibling, $ = e._$AM, l = $ !== t;
-    if (l) {
-      let h;
-      (o = e._$AQ) == null || o.call(e, t), e._$AM = t, e._$AP !== void 0 && (h = t._$AU) !== $._$AU && e._$AP(h);
-    }
-    if (c !== n || l) {
-      let h = e._$AA;
-      for (; h !== c; ) {
-        const v = h.nextSibling;
-        i.insertBefore(h, n), h = v;
-      }
-    }
-  }
-  return e;
-}, S = (t, s, e = t) => (t._$AI(s, e), t), M = {}, k = (t, s = M) => t._$AH = s, P = (t) => t._$AH, T = (t) => {
-  var i;
-  (i = t._$AP) == null || i.call(t, !1, !0);
-  let s = t._$AA;
-  const e = t._$AB.nextSibling;
-  for (; s !== e; ) {
-    const n = s.nextSibling;
-    s.remove(), s = n;
-  }
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const r = (t, s) => {
-  var i;
-  const e = t._$AN;
-  if (e === void 0) return !1;
-  for (const n of e) (i = n._$AO) == null || i.call(n, s, !1), r(n, s);
-  return !0;
-}, A = (t) => {
-  let s, e;
-  do {
-    if ((s = t._$AM) === void 0) break;
-    e = s._$AN, e.delete(t), t = s;
-  } while ((e == null ? void 0 : e.size) === 0);
-}, a = (t) => {
-  for (let s; s = t._$AM; t = s) {
-    let e = s._$AN;
-    if (e === void 0) s._$AN = e = /* @__PURE__ */ new Set();
-    else if (e.has(t)) break;
-    e.add(t), x(s);
-  }
-};
-function b(t) {
-  this._$AN !== void 0 ? (A(this), this._$AM = t, a(this)) : this._$AM = t;
-}
-function N(t, s = !1, e = 0) {
-  const i = this._$AH, n = this._$AN;
-  if (n !== void 0 && n.size !== 0) if (s) if (Array.isArray(i)) for (let o = e; o < i.length; o++) r(i[o], !1), A(i[o]);
-  else i != null && (r(i, !1), A(i));
-  else r(this, t);
-}
-const x = (t) => {
-  t.type == g.CHILD && (t._$AP ?? (t._$AP = N), t._$AQ ?? (t._$AQ = b));
-};
-class w extends p {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(s, e, i) {
-    super._$AT(s, e, i), a(this), this.isConnected = s._$AU;
-  }
-  _$AO(s, e = !0) {
-    var i, n;
-    s !== this.isConnected && (this.isConnected = s, s ? (i = this.reconnected) == null || i.call(this) : (n = this.disconnected) == null || n.call(this)), e && (r(this, s), A(this));
-  }
-  setValue(s) {
-    if (C(this._$Ct)) this._$Ct._$AI(s, this);
-    else {
-      const e = [...this._$Ct._$AH];
-      e[this._$Ci] = s, this._$Ct._$AI(e, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-}
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const U = () => new B();
-class B {
-}
-const _ = /* @__PURE__ */ new WeakMap(), z = Y(class extends w {
-  render(t) {
-    return d;
-  }
-  update(t, [s]) {
-    var i;
-    const e = s !== this.Y;
-    return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = s, this.ht = (i = t.options) == null ? void 0 : i.host, this.rt(this.ct = t.element)), d;
-  }
-  rt(t) {
-    if (this.isConnected || (t = void 0), typeof this.Y == "function") {
-      const s = this.ht ?? globalThis;
-      let e = _.get(s);
-      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), _.set(s, e)), e.get(this.Y) !== void 0 && this.Y.call(this.ht, void 0), e.set(this.Y, t), t !== void 0 && this.Y.call(this.ht, t);
-    } else this.Y.value = t;
-  }
-  get lt() {
-    var t, s;
-    return typeof this.Y == "function" ? (t = _.get(this.ht ?? globalThis)) == null ? void 0 : t.get(this.Y) : (s = this.Y) == null ? void 0 : s.value;
-  }
-  disconnected() {
-    this.lt === this.ct && this.rt(void 0);
-  }
-  reconnected() {
-    this.rt(this.ct);
-  }
-});
-export {
-  T as M,
-  U as e,
-  C as f,
-  k as m,
-  z as n,
-  P as p,
-  I as r,
-  S as v
-};

package/dist/select-CzuxXKll.js

@@ -1,150 +0,0 @@
-import { x as p, n as b, a as f } from "./element-C7XjZtLU.js";
-import { r as v } from "./state-CDQk0DFQ.js";
-import { e as u, n as d } from "./ref-DbOSDQbk.js";
-import { o as r } from "./if-defined-eRX4e5zO.js";
-import { P as $ } from "./input-element-BK8UkQli.js";
-import { i as c, P as m } from "./pkt-slot-controller-Clbye6cM.js";
-import "./input-wrapper-DaZZq8c0.js";
-class g {
-  constructor(t) {
-    this.nodes = [], this.options = [], this.host = t, this.host.addController(this), this.nodes = [], this.options = [], this.observer = new MutationObserver((e) => this.handleMutations(e));
-  }
-  hostConnected() {
-    Array.from(this.host.childNodes).forEach((t) => {
-      (t.nodeName === "OPTION" || t.nodeName === "DATA") && this.addNode(t);
-    }), this.observer.observe(this.host, { childList: !0 });
-  }
-  hostDisconnected() {
-    this.observer.disconnect();
-  }
-  addNode(t) {
-    (t.nodeName === "OPTION" || t.nodeName === "DATA") && (t.setAttribute("class", "pkt-hide"), t.setAttribute("aria-hidden", "true"), t.setAttribute("data-skip", "true"), this.nodes.push(t));
-  }
-  createOptions() {
-    this.options = this.nodes.map((t) => ({
-      value: t.getAttribute("value") || t.textContent || "",
-      label: t.textContent || t.getAttribute("value") || "",
-      selected: !!t.getAttribute("selected"),
-      disabled: !!t.getAttribute("disabled")
-    })), this.host.setAttribute("options", JSON.stringify(this.options));
-  }
-  handleMutations(t) {
-    let e = !1;
-    t.forEach((o) => {
-      o.type === "childList" && (o.addedNodes.forEach((i) => {
-        c(i) && (this.addNode(i), e = !0);
-      }), o.removedNodes.forEach((i) => {
-        c(i) && (this.nodes = this.nodes.filter((a) => a !== i), e = !0);
-      }));
-    }), e && this.createOptions();
-  }
-}
-var C = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (s, t, e, o) => {
-  for (var i = o > 1 ? void 0 : o ? x(t, e) : t, a = s.length - 1, n; a >= 0; a--)
-    (n = s[a]) && (i = (o ? n(t, e, i) : n(i)) || i);
-  return o && i && C(t, e, i), i;
-};
-let h = class extends $ {
-  constructor() {
-    super(), this.inputRef = u(), this.helptextSlot = u(), this.options = [], this.value = "", this._options = [], this.optionsController = new g(this), this.slotController = new m(this, this.helptextSlot), this.slotController.skipOptions = !0;
-  }
-  // Used for initilization
-  connectedCallback() {
-    super.connectedCallback();
-    const s = this.options.length > 0, t = this.optionsController.nodes.length && this.optionsController.nodes.length > 0;
-    !s && t ? this.optionsController.nodes.forEach((e) => {
-      const o = {
-        value: e.getAttribute("value") || e.textContent || "",
-        label: e.textContent || e.getAttribute("value") || "",
-        disabled: !!e.getAttribute("disabled")
-      };
-      e.getAttribute("selected") && !this.value && (this.value = o.value), this._options.push(o);
-    }) : this._options = this.options;
-  }
-  attributeChangedCallback(s, t, e) {
-    s === "options" && (this._options = e ? JSON.parse(e) : []), s === "value" && this.value !== t && this.valueChanged(e, t), super.attributeChangedCallback(s, t, e);
-  }
-  updated(s) {
-    var t;
-    super.updated(s), s.has("value") && (this.counterCurrent = ((t = this.value) == null ? void 0 : t.length) || 0, this.valueChanged(this.value, s.get("value"))), s.has("id") && !this.name && this.id && (this.name = this.id);
-  }
-  firstUpdated(s) {
-    super.firstUpdated(s), this.options.length && (this._options = this.options);
-  }
-  render() {
-    const s = `pkt-input ${this.fullwidth ? "pkt-input--fullwidth" : ""}`;
-    return p`
-      <pkt-input-wrapper
-        ?counter=${this.counter}
-        ?disabled=${this.disabled}
-        ?hasError=${this.hasError}
-        ?inline=${this.inline}
-        ?optionalTag=${this.optionalTag}
-        ?requiredTag=${this.requiredTag}
-        ?useWrapper=${this.useWrapper}
-        ariaDescribedBy=${r(this.ariaDescribedBy)}
-        .counterCurrent=${this.counterCurrent}
-        .counterMaxLength=${this.counterMaxLength}
-        class="pkt-select"
-        errorMessage=${r(this.errorMessage)}
-        forId=${this.id + "-input"}
-        helptext=${r(this.helptext)}
-        helptextDropdown=${r(this.helptextDropdown)}
-        helptextDropdownButton=${r(this.helptextDropdownButton)}
-        label=${r(this.label)}
-        optionalText=${r(this.optionalText)}
-        requiredText=${r(this.requiredText)}
-      >
-        <select
-          class=${s}
-          aria-invalid=${this.hasError}
-          aria-errormessage=${`${this.id}-error`}
-          aria-labelledby=${r(this.ariaLabelledby)}
-          ?disabled=${this.disabled}
-          id=${this.id + "-input"}
-          name=${(this.name || this.id) + "-input"}
-          value=${this.value}
-          @change=${(t) => {
-      this.value = t.target.value, t.stopImmediatePropagation();
-    }}
-          @input=${(t) => {
-      this.onInput(), t.stopImmediatePropagation();
-    }}
-          @focus=${(t) => {
-      this.onFocus(), t.stopImmediatePropagation();
-    }}
-          @blur=${(t) => {
-      this.onBlur(), t.stopImmediatePropagation();
-    }}
-          ${d(this.inputRef)}
-        >
-          ${this._options.length > 0 && this._options.map(
-      (t) => p`<option
-                value=${t.value}
-                ?selected=${this.value == t.value}
-                ?disabled=${t.disabled}
-              >
-                ${t.label}
-              </option>`
-    )}
-        </select>
-        <div class="pkt-contents" ${d(this.helptextSlot)} name="helptext" slot="helptext"></div>
-      </pkt-input-wrapper>
-    `;
-  }
-};
-l([
-  b({ type: Array })
-], h.prototype, "options", 2);
-l([
-  b({ type: String, reflect: !0 })
-], h.prototype, "value", 2);
-l([
-  v()
-], h.prototype, "_options", 2);
-h = l([
-  f("pkt-select")
-], h);
-export {
-  h as P
-};

package/dist/select-DZL6aa2s.cjs

@@ -1,48 +0,0 @@
-"use strict";const l=require("./element-CzFXQBoS.cjs"),d=require("./state-HNj0_316.cjs"),a=require("./ref-2anvRHT4.cjs"),o=require("./if-defined-CpIkv1A4.cjs"),c=require("./input-element-Dtyuf6s8.cjs"),u=require("./pkt-slot-controller-Oc32unDk.cjs");require("./input-wrapper-Bo2_t6pA.cjs");class b{constructor(t){this.nodes=[],this.options=[],this.host=t,this.host.addController(this),this.nodes=[],this.options=[],this.observer=new MutationObserver(e=>this.handleMutations(e))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.observer.observe(this.host,{childList:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.setAttribute("class","pkt-hide"),t.setAttribute("aria-hidden","true"),t.setAttribute("data-skip","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.getAttribute("value")||t.textContent||"",label:t.textContent||t.getAttribute("value")||"",selected:!!t.getAttribute("selected"),disabled:!!t.getAttribute("disabled")})),this.host.setAttribute("options",JSON.stringify(this.options))}handleMutations(t){let e=!1;t.forEach(s=>{s.type==="childList"&&(s.addedNodes.forEach(i=>{u.isOptionElement(i)&&(this.addNode(i),e=!0)}),s.removedNodes.forEach(i=>{u.isOptionElement(i)&&(this.nodes=this.nodes.filter(r=>r!==i),e=!0)}))}),e&&this.createOptions()}}var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,h=(n,t,e,s)=>{for(var i=s>1?void 0:s?f(t,e):t,r=n.length-1,p;r>=0;r--)(p=n[r])&&(i=(s?p(t,e,i):p(i))||i);return s&&i&&v(t,e,i),i};exports.PktSelect=class extends c.PktInputElement{constructor(){super(),this.inputRef=a.e(),this.helptextSlot=a.e(),this.options=[],this.value="",this._options=[],this.optionsController=new b(this),this.slotController=new u.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const t=this.options.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.getAttribute("value")||s.textContent||"",label:s.textContent||s.getAttribute("value")||"",disabled:!!s.getAttribute("disabled")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):this._options=this.options}attributeChangedCallback(t,e,s){t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&this.valueChanged(s,e),super.attributeChangedCallback(t,e,s)}updated(t){var e;super.updated(t),t.has("value")&&(this.counterCurrent=((e=this.value)==null?void 0:e.length)||0,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){super.firstUpdated(t),this.options.length&&(this._options=this.options)}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return l.x`
-      <pkt-input-wrapper
-        ?counter=${this.counter}
-        ?disabled=${this.disabled}
-        ?hasError=${this.hasError}
-        ?inline=${this.inline}
-        ?optionalTag=${this.optionalTag}
-        ?requiredTag=${this.requiredTag}
-        ?useWrapper=${this.useWrapper}
-        ariaDescribedBy=${o.o(this.ariaDescribedBy)}
-        .counterCurrent=${this.counterCurrent}
-        .counterMaxLength=${this.counterMaxLength}
-        class="pkt-select"
-        errorMessage=${o.o(this.errorMessage)}
-        forId=${this.id+"-input"}
-        helptext=${o.o(this.helptext)}
-        helptextDropdown=${o.o(this.helptextDropdown)}
-        helptextDropdownButton=${o.o(this.helptextDropdownButton)}
-        label=${o.o(this.label)}
-        optionalText=${o.o(this.optionalText)}
-        requiredText=${o.o(this.requiredText)}
-      >
-        <select
-          class=${t}
-          aria-invalid=${this.hasError}
-          aria-errormessage=${`${this.id}-error`}
-          aria-labelledby=${o.o(this.ariaLabelledby)}
-          ?disabled=${this.disabled}
-          id=${this.id+"-input"}
-          name=${(this.name||this.id)+"-input"}
-          value=${this.value}
-          @change=${e=>{this.value=e.target.value,e.stopImmediatePropagation()}}
-          @input=${e=>{this.onInput(),e.stopImmediatePropagation()}}
-          @focus=${e=>{this.onFocus(),e.stopImmediatePropagation()}}
-          @blur=${e=>{this.onBlur(),e.stopImmediatePropagation()}}
-          ${a.n(this.inputRef)}
-        >
-          ${this._options.length>0&&this._options.map(e=>l.x`<option
-                value=${e.value}
-                ?selected=${this.value==e.value}
-                ?disabled=${e.disabled}
-              >
-                ${e.label}
-              </option>`)}
-        </select>
-        <div class="pkt-contents" ${a.n(this.helptextSlot)} name="helptext" slot="helptext"></div>
-      </pkt-input-wrapper>
-    `}};h([l.n({type:Array})],exports.PktSelect.prototype,"options",2);h([l.n({type:String,reflect:!0})],exports.PktSelect.prototype,"value",2);h([d.r()],exports.PktSelect.prototype,"_options",2);exports.PktSelect=h([l.t("pkt-select")],exports.PktSelect);

package/dist/tag-BeLSOjNh.cjs

@@ -1,18 +0,0 @@
-"use strict";const u=require("./class-map-Dj5mbCUg.cjs"),t=require("./element-CzFXQBoS.cjs"),g=require("./state-HNj0_316.cjs"),d=require("./pkt-slot-controller-Oc32unDk.cjs"),c=require("./ref-2anvRHT4.cjs");require("./icon-BOKusjAA.cjs");const h=require("./if-defined-CpIkv1A4.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);