@oslokommune/punkt-elements 16.7.1 → 16.7.4

package/dist/messagebox-Bf-XMlvW.js

@@ -1,69 +0,0 @@
-import { P as d, s as m } from "./element-with-slot-Dqk6-TRR.js";
-import { A as u, b as n, n as p, t as h } from "./element-CPpT3rFQ.js";
-import { e as f } from "./class-map-CEnykyO_.js";
-import { r as k } from "./state-C_1EOo3D.js";
-import "./icon-BlKA8YuW.js";
-import { u as _ } from "./classutils-RQs1k6D9.js";
-const v = { skin: { default: "beige" }, compact: { default: !1 }, closable: { default: !1 } }, b = {
-  props: v
-};
-var g = Object.defineProperty, x = Object.getOwnPropertyDescriptor, o = (t, i, a, l) => {
-  for (var s = l > 1 ? void 0 : l ? x(i, a) : i, r = t.length - 1, c; r >= 0; r--)
-    (c = t[r]) && (s = (l ? c(i, a, s) : c(s)) || s);
-  return l && s && g(i, a, s), s;
-};
-let e = class extends d {
-  constructor() {
-    super(), this.closable = b.props.closable.default, this.compact = b.props.compact.default, this.title = "", this.skin = b.props.skin.default, this._isClosed = !1, this.close = (t) => {
-      this._isClosed = !0, this.dispatchEvent(new CustomEvent("close", { detail: { origin: t }, bubbles: !0 })), this.dispatchEvent(new CustomEvent("on-close", { detail: { origin: t }, bubbles: !0 }));
-    }, this._isClosed = !1;
-  }
-  // Lifecycle
-  updated(t) {
-    super.updated(t), t.has("_isClosed") && _(this, "pkt-hide", this._isClosed);
-  }
-  // Render
-  render() {
-    const t = {
-      "pkt-messagebox": !0,
-      "pkt-messagebox--compact": this.compact,
-      [`pkt-messagebox--${this.skin}`]: this.skin,
-      "pkt-messagebox--closable": this.closable,
-      "pkt-hide": this._isClosed
-    };
-    return n`<div class=${f(t)}>
-      ${this.closable ? n`<div class="pkt-messagebox__close">
-            <button
-              @click=${this.close}
-              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-              aria-label="Lukk"
-            >
-              <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
-            </button>
-          </div>` : u}
-      ${this.title ? n`<div class="pkt-messagebox__title">${this.title}</div>` : u}
-      <div class="pkt-messagebox__text">${m(this)}</div>
-    </div>`;
-  }
-};
-o([
-  p({ type: Boolean, reflect: !0 })
-], e.prototype, "closable", 2);
-o([
-  p({ type: Boolean, reflect: !0 })
-], e.prototype, "compact", 2);
-o([
-  p({ type: String, reflect: !0 })
-], e.prototype, "title", 2);
-o([
-  p({ type: String, reflect: !0 })
-], e.prototype, "skin", 2);
-o([
-  k()
-], e.prototype, "_isClosed", 2);
-e = o([
-  h("pkt-messagebox")
-], e);
-export {
-  e as P
-};

package/dist/messagebox-D67w71VX.cjs

@@ -1,13 +0,0 @@
-"use strict";const n=require("./element-with-slot-ZX-up7jO.cjs"),e=require("./element-gR_VtSiD.cjs"),b=require("./class-map-CsENJXf1.cjs"),u=require("./state-Dg-53wQ8.cjs");require("./icon-Bqj9oBbl.cjs");const k=require("./classutils-BwNK82ZQ.cjs"),d={skin:{default:"beige"},compact:{default:!1},closable:{default:!1}},r={props:d};var h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,o=(l,t,a,i)=>{for(var s=i>1?void 0:i?g(t,a):t,c=l.length-1,p;c>=0;c--)(p=l[c])&&(s=(i?p(t,a,s):p(s))||s);return i&&s&&h(t,a,s),s};exports.PktMessagebox=class extends n.PktElementWithSlot{constructor(){super(),this.closable=r.props.closable.default,this.compact=r.props.compact.default,this.title="",this.skin=r.props.skin.default,this._isClosed=!1,this.close=t=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:t},bubbles:!0}))},this._isClosed=!1}updated(t){super.updated(t),t.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const t={"pkt-messagebox":!0,"pkt-messagebox--compact":this.compact,[`pkt-messagebox--${this.skin}`]:this.skin,"pkt-messagebox--closable":this.closable,"pkt-hide":this._isClosed};return e.b`<div class=${b.e(t)}>
-      ${this.closable?e.b`<div class="pkt-messagebox__close">
-            <button
-              @click=${this.close}
-              class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-              aria-label="Lukk"
-            >
-              <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
-            </button>
-          </div>`:e.A}
-      ${this.title?e.b`<div class="pkt-messagebox__title">${this.title}</div>`:e.A}
-      <div class="pkt-messagebox__text">${n.slotContent(this)}</div>
-    </div>`}};o([e.n({type:Boolean,reflect:!0})],exports.PktMessagebox.prototype,"closable",2);o([e.n({type:Boolean,reflect:!0})],exports.PktMessagebox.prototype,"compact",2);o([e.n({type:String,reflect:!0})],exports.PktMessagebox.prototype,"title",2);o([e.n({type:String,reflect:!0})],exports.PktMessagebox.prototype,"skin",2);o([u.r()],exports.PktMessagebox.prototype,"_isClosed",2);exports.PktMessagebox=o([e.t("pkt-messagebox")],exports.PktMessagebox);

package/dist/modal-CyvEkbfQ.cjs

@@ -1,36 +0,0 @@
-"use strict";const d=require("./class-map-CsENJXf1.cjs"),o=require("./element-gR_VtSiD.cjs"),u=require("./state-Dg-53wQ8.cjs"),p=require("./element-with-slot-ZX-up7jO.cjs"),h=require("./ref-CL-Xk9Xm.cjs");require("./icon-Bqj9oBbl.cjs");const k={hideCloseButton:{default:!1},closeOnBackdropClick:{default:!1},size:{default:"medium"}},c={props:k};var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(r,e,t,i)=>{for(var s=i>1?void 0:i?v(e,t):e,l=r.length-1,a;l>=0;l--)(a=r[l])&&(s=(i?a(e,t,s):a(s))||s);return i&&s&&m(e,t,s),s};exports.PktModal=class extends p.PktElementWithSlot{constructor(){super(),this.open=!1,this.headingText="",this.removePadding=!1,this.hideCloseButton=c.props.hideCloseButton.default,this.closeOnBackdropClick=c.props.closeOnBackdropClick.default,this.closeButtonSkin="blue",this.size=c.props.size.default,this.variant="dialog",this.drawerPosition="right",this.transparentBackdrop=!1,this.dialogRef=h.e(),this._isOpen=!1,this.close=(e,t=!1)=>{var s;if(!this._isOpen)return;this._isOpen=!1,this.open=!1,document.body.classList.remove("pkt-modal--open");const i=document.activeElement;i&&!this.isElementInViewport(i)&&i.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),t||(s=this.dialogRef.value)==null||s.close(),this.requestUpdate()},this.showModal=(e=null)=>{var t;this._isOpen=!0,this.open=!0,(t=this.dialogRef.value)==null||t.showModal(),document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown.bind(this)),document.addEventListener("click",this.handleBackdropClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("click",this.handleBackdropClick)}updated(e){super.updated(e),e.has("open")&&(this.open&&!this._isOpen?this.showModal():!this.open&&this._isOpen&&this.close(new Event("close"),!1))}async firstUpdated(e){super.firstUpdated(e),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&("document"in window&&"createElement"in document&&(await Promise.resolve().then(()=>require("./dialog-polyfill.esm-CPKZe7AL.cjs")).then(i=>i.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener("close",()=>{this.close(new Event("close"),!0)}))}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--noShadow":this.closeButtonSkin==="yellow-filled","pkt-modal--transparentBackdrop":this.transparentBackdrop??!1,[`pkt-modal--${this.size}`]:this.size!==void 0,[`pkt-modal__${this.variant}`]:this.variant!==void 0,[`pkt-modal__drawer--${this.drawerPosition}`]:this.variant==="drawer"},t={"pkt-modal__headingText":!0,"pkt-txt-24":!0},i={"pkt-modal__content":!0,"pkt-txt-18-light":!0},s=this.closeButtonSkin==="blue",l={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0};return o.b`
-      <dialog
-        class=${d.e(e)}
-        ${h.n(this.dialogRef)}
-        aria-labelledby=${this.headingText?"pkt-modal__headingText":o.A}
-        aria-describedby="pkt-modal__content"
-        @close=${a=>this.close(a,!0)}
-      >
-        <div class="pkt-modal__wrapper">
-          ${this.headingText||!this.hideCloseButton?o.b`<div class="pkt-modal__header">
-                <div class="pkt-modal__header-background"></div>
-                ${this.headingText?o.b`<h1 id="pkt-modal__headingText" class=${d.e(t)}>
-                      ${this.headingText}
-                    </h1>`:o.b`<div class="pkt-modal__headingText"></div>`}
-                ${this.hideCloseButton?o.b`<div class="pkt-modal__noCloseButton"></div>`:o.b`<div class="${d.e(l)}">
-                      <pkt-button
-                        @click=${a=>this.close(a)}
-                        aria-label="close"
-                        iconname="close"
-                        variant="icon-only"
-                        size="medium"
-                        skin=${s?"tertiary":"primary"}
-                      >
-                        Lukk
-                      </pkt-button>
-                    </div>`}
-              </div>`:o.A}
-          <div class="pkt-modal__container">
-            <div
-              id="pkt-modal__content"
-              class=${d.e(i)}
-            >${p.slotContent(this)}</div>
-          </div>
-        </div>
-      </dialog>
-    `}};n([o.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"open",2);n([o.n({type:String})],exports.PktModal.prototype,"headingText",2);n([o.n({type:Boolean})],exports.PktModal.prototype,"removePadding",2);n([o.n({type:Boolean})],exports.PktModal.prototype,"hideCloseButton",2);n([o.n({type:Boolean})],exports.PktModal.prototype,"closeOnBackdropClick",2);n([o.n({type:String})],exports.PktModal.prototype,"closeButtonSkin",2);n([o.n({type:String})],exports.PktModal.prototype,"size",2);n([o.n({type:String})],exports.PktModal.prototype,"variant",2);n([o.n({type:String})],exports.PktModal.prototype,"drawerPosition",2);n([o.n({type:Boolean})],exports.PktModal.prototype,"transparentBackdrop",2);n([u.r()],exports.PktModal.prototype,"_isOpen",2);exports.PktModal=n([o.t("pkt-modal")],exports.PktModal);

package/dist/modal-DzGe1g8Z.js

@@ -1,154 +0,0 @@
-import { e as p } from "./class-map-CEnykyO_.js";
-import { A as u, b as r, n, t as m } from "./element-CPpT3rFQ.js";
-import { r as k } from "./state-C_1EOo3D.js";
-import { P as f, s as v } from "./element-with-slot-Dqk6-TRR.js";
-import { e as g, n as _ } from "./ref-Bg_Swj5w.js";
-import "./icon-BlKA8YuW.js";
-const y = { hideCloseButton: { default: !1 }, closeOnBackdropClick: { default: !1 }, size: { default: "medium" } }, h = {
-  props: y
-};
-var w = Object.defineProperty, B = Object.getOwnPropertyDescriptor, i = (e, t, s, a) => {
-  for (var l = a > 1 ? void 0 : a ? B(t, s) : t, d = e.length - 1, c; d >= 0; d--)
-    (c = e[d]) && (l = (a ? c(t, s, l) : c(l)) || l);
-  return a && l && w(t, s, l), l;
-};
-let o = class extends f {
-  constructor() {
-    super(), this.open = !1, this.headingText = "", this.removePadding = !1, this.hideCloseButton = h.props.hideCloseButton.default, this.closeOnBackdropClick = h.props.closeOnBackdropClick.default, this.closeButtonSkin = "blue", this.size = h.props.size.default, this.variant = "dialog", this.drawerPosition = "right", this.transparentBackdrop = !1, this.dialogRef = g(), this._isOpen = !1, this.close = (e, t = !1) => {
-      var a;
-      if (!this._isOpen) return;
-      this._isOpen = !1, this.open = !1, document.body.classList.remove("pkt-modal--open");
-      const s = document.activeElement;
-      s && !this.isElementInViewport(s) && s.scrollIntoView({ behavior: "smooth", block: "nearest" }), this.dispatchEvent(
-        new CustomEvent("close", { detail: { origin: e }, bubbles: !0, composed: !0 })
-      ), t || (a = this.dialogRef.value) == null || a.close(), this.requestUpdate();
-    }, this.showModal = (e = null) => {
-      var t;
-      this._isOpen = !0, this.open = !0, (t = this.dialogRef.value) == null || t.showModal(), document.body.classList.add("pkt-modal--open"), this.dispatchEvent(
-        new CustomEvent("showModal", { detail: { origin: e }, bubbles: !0, composed: !0 })
-      ), this.requestUpdate();
-    }, this._isOpen = !1;
-  }
-  async connectedCallback() {
-    super.connectedCallback(), document.addEventListener("keydown", this.handleKeyDown.bind(this)), document.addEventListener("click", this.handleBackdropClick.bind(this));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("click", this.handleBackdropClick);
-  }
-  updated(e) {
-    super.updated(e), e.has("open") && (this.open && !this._isOpen ? this.showModal() : !this.open && this._isOpen && this.close(new Event("close"), !1));
-  }
-  async firstUpdated(e) {
-    super.firstUpdated(e), this.dialogRef.value && !window.HTMLDialogElement && !this.dialogRef.value.showModal && ("document" in window && "createElement" in document && (await import("./dialog-polyfill.esm-CbjBMXAG.js").then((s) => s.default)).registerDialog(this.dialogRef.value), this.dialogRef.value.addEventListener("close", () => {
-      this.close(new Event("close"), !0);
-    }));
-  }
-  // P R I V A T E    M E T H O D S
-  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--noShadow": this.closeButtonSkin === "yellow-filled",
-      "pkt-modal--transparentBackdrop": this.transparentBackdrop ?? !1,
-      [`pkt-modal--${this.size}`]: this.size !== void 0,
-      [`pkt-modal__${this.variant}`]: this.variant !== void 0,
-      [`pkt-modal__drawer--${this.drawerPosition}`]: this.variant === "drawer"
-    }, t = {
-      "pkt-modal__headingText": !0,
-      "pkt-txt-24": !0
-    }, s = {
-      "pkt-modal__content": !0,
-      "pkt-txt-18-light": !0
-    }, a = this.closeButtonSkin === "blue", l = {
-      "pkt-modal__closeButton": !0,
-      [`pkt-modal__closeButton--${this.closeButtonSkin}`]: !0
-    };
-    return r`
-      <dialog
-        class=${p(e)}
-        ${_(this.dialogRef)}
-        aria-labelledby=${this.headingText ? "pkt-modal__headingText" : u}
-        aria-describedby="pkt-modal__content"
-        @close=${(d) => this.close(d, !0)}
-      >
-        <div class="pkt-modal__wrapper">
-          ${this.headingText || !this.hideCloseButton ? r`<div class="pkt-modal__header">
-                <div class="pkt-modal__header-background"></div>
-                ${this.headingText ? r`<h1 id="pkt-modal__headingText" class=${p(t)}>
-                      ${this.headingText}
-                    </h1>` : r`<div class="pkt-modal__headingText"></div>`}
-                ${this.hideCloseButton ? r`<div class="pkt-modal__noCloseButton"></div>` : r`<div class="${p(l)}">
-                      <pkt-button
-                        @click=${(d) => this.close(d)}
-                        aria-label="close"
-                        iconname="close"
-                        variant="icon-only"
-                        size="medium"
-                        skin=${a ? "tertiary" : "primary"}
-                      >
-                        Lukk
-                      </pkt-button>
-                    </div>`}
-              </div>` : u}
-          <div class="pkt-modal__container">
-            <div
-              id="pkt-modal__content"
-              class=${p(s)}
-            >${v(this)}</div>
-          </div>
-        </div>
-      </dialog>
-    `;
-  }
-};
-i([
-  n({ type: Boolean, reflect: !0 })
-], o.prototype, "open", 2);
-i([
-  n({ type: String })
-], o.prototype, "headingText", 2);
-i([
-  n({ type: Boolean })
-], o.prototype, "removePadding", 2);
-i([
-  n({ type: Boolean })
-], o.prototype, "hideCloseButton", 2);
-i([
-  n({ type: Boolean })
-], o.prototype, "closeOnBackdropClick", 2);
-i([
-  n({ type: String })
-], o.prototype, "closeButtonSkin", 2);
-i([
-  n({ type: String })
-], o.prototype, "size", 2);
-i([
-  n({ type: String })
-], o.prototype, "variant", 2);
-i([
-  n({ type: String })
-], o.prototype, "drawerPosition", 2);
-i([
-  n({ type: Boolean })
-], o.prototype, "transparentBackdrop", 2);
-i([
-  k()
-], o.prototype, "_isOpen", 2);
-o = i([
-  m("pkt-modal")
-], o);
-export {
-  o as P
-};

package/dist/pkt-options-controller-5LXbEzuk.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("./element-with-slot-ZX-up7jO.cjs");class a{constructor(t){this.nodes=[],this.options=[],this.generation=0,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.createOptions(),this.observer.observe(this.host,{childList:!0,subtree:!1,attributes:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.hasAttribute("hidden")&&!t.hasAttribute("data-skip")&&t.setAttribute("data-hidden","true"),!t.hasAttribute("hidden")&&t.hasAttribute("data-skip")&&t.hasAttribute("data-hidden")&&t.removeAttribute("data-hidden"),t.setAttribute("class","pkt-hide"),t.setAttribute("data-skip","true"),t.setAttribute("hidden","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.hasAttribute("value")?t.getAttribute("value")??"":t.textContent??"",label:t.textContent||t.getAttribute("value")||"",selected:t.hasAttribute("selected"),disabled:t.hasAttribute("disabled"),hidden:t.hasAttribute("data-hidden")})),this.generation++,this.host.requestUpdate()}handleMutations(t){let e=!1;t.forEach(s=>{s.type==="childList"&&(s.addedNodes.forEach(i=>{r.isOptionElement(i)&&(this.addNode(i),e=!0)}),s.removedNodes.forEach(i=>{r.isOptionElement(i)&&(this.nodes=this.nodes.filter(h=>h!==i),e=!0)})),s.type==="attributes"&&r.isOptionElement(s.target)&&(this.addNode(s.target),e=!0)}),e&&this.createOptions()}}exports.PktOptionsSlotController=a;

package/dist/pkt-options-controller-B5YalfCb.js

@@ -1,39 +0,0 @@
-import { i as r } from "./element-with-slot-Dqk6-TRR.js";
-class o {
-  constructor(t) {
-    this.nodes = [], this.options = [], this.generation = 0, 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.createOptions(), this.observer.observe(this.host, { childList: !0, subtree: !1, attributes: !0 });
-  }
-  hostDisconnected() {
-    this.observer.disconnect();
-  }
-  addNode(t) {
-    (t.nodeName === "OPTION" || t.nodeName === "DATA") && (t.hasAttribute("hidden") && !t.hasAttribute("data-skip") && t.setAttribute("data-hidden", "true"), !t.hasAttribute("hidden") && t.hasAttribute("data-skip") && t.hasAttribute("data-hidden") && t.removeAttribute("data-hidden"), t.setAttribute("class", "pkt-hide"), t.setAttribute("data-skip", "true"), t.setAttribute("hidden", "true"), this.nodes.push(t));
-  }
-  createOptions() {
-    this.options = this.nodes.map((t) => ({
-      value: t.hasAttribute("value") ? t.getAttribute("value") ?? "" : t.textContent ?? "",
-      label: t.textContent || t.getAttribute("value") || "",
-      selected: t.hasAttribute("selected"),
-      disabled: t.hasAttribute("disabled"),
-      hidden: t.hasAttribute("data-hidden")
-    })), this.generation++, this.host.requestUpdate();
-  }
-  handleMutations(t) {
-    let e = !1;
-    t.forEach((s) => {
-      s.type === "childList" && (s.addedNodes.forEach((i) => {
-        r(i) && (this.addNode(i), e = !0);
-      }), s.removedNodes.forEach((i) => {
-        r(i) && (this.nodes = this.nodes.filter((a) => a !== i), e = !0);
-      })), s.type === "attributes" && r(s.target) && (this.addNode(s.target), e = !0);
-    }), e && this.createOptions();
-  }
-}
-export {
-  o as P
-};

package/dist/progressbar-By7e0lEI.js

@@ -1,162 +0,0 @@
-import { e as n } from "./class-map-CEnykyO_.js";
-import { E as g, P as _, A as c, b, n as u, t as $ } from "./element-CPpT3rFQ.js";
-import { r as h } from "./state-C_1EOo3D.js";
-import { e as y, n as A } from "./ref-Bg_Swj5w.js";
-import { e as x, i as T, t as k } from "./directive-oAbCiebi.js";
-import { u as d } from "./utils-DznhwRXm.js";
-import "./icon-BlKA8YuW.js";
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const v = "important", C = " !" + v, M = x(class extends T {
-  constructor(t) {
-    var e;
-    if (super(t), t.type !== k.ATTRIBUTE || t.name !== "style" || ((e = t.strings) == null ? void 0 : e.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
-  }
-  render(t) {
-    return Object.keys(t).reduce((e, a) => {
-      const s = t[a];
-      return s == null ? e : e + `${a = a.includes("-") ? a : a.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
-    }, "");
-  }
-  update(t, [e]) {
-    const { style: a } = t.element;
-    if (this.ft === void 0) return this.ft = new Set(Object.keys(e)), this.render(e);
-    for (const s of this.ft) e[s] == null && (this.ft.delete(s), s.includes("-") ? a.removeProperty(s) : a[s] = null);
-    for (const s in e) {
-      const l = e[s];
-      if (l != null) {
-        this.ft.add(s);
-        const o = typeof l == "string" && l.endsWith(C);
-        s.includes("-") || o ? a.setProperty(s, o ? l.slice(0, -11) : l, o ? v : "") : a[s] = l;
-      }
-    }
-    return g;
-  }
-});
-var L = Object.defineProperty, S = Object.getOwnPropertyDescriptor, i = (t, e, a, s) => {
-  for (var l = s > 1 ? void 0 : s ? S(e, a) : e, o = t.length - 1, p; o >= 0; o--)
-    (p = t[o]) && (l = (s ? p(e, a, l) : p(l)) || l);
-  return s && l && L(e, a, l), l;
-};
-let r = class extends _ {
-  constructor() {
-    super(), this.ariaLabel = null, this.ariaLabelledby = null, this.ariaValueText = null, this.ariaLive = "polite", this.id = d(), this.role = "progressbar", this.skin = "dark-blue", this.statusPlacement = "following", this.statusType = "none", this.title = "", this.titlePosition = "left", this.valueCurrent = 0, this.valueMax = 100, this.valueMin = 0, this.labelWidth = 0, this.progressbarId = this.id, this.computedAriaLabelledby = null, this.computedAriaValueText = "", this.labelRef = y(), this.progressBarRef = y();
-  }
-  firstUpdated(t) {
-    super.firstUpdated(t), this.setComputedValues(), this.syncAttributes();
-  }
-  updated(t) {
-    super.updated(t), t.has("valueCurrent") && this.labelRef.value && (this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0), t.has("id") && this.id && (this.progressBarId = this.id), (t.has("statusType") || t.has("id") || t.has("ariaLabelledby")) && (this.progressbarId = this.id || d(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`), (t.has("ariaValueText") || t.has("valueCurrent") || t.has("valueMax")) && (this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || ""), this.syncAttributes();
-  }
-  render() {
-    const t = this.statusType !== "none", e = this.valueMax - this.valueMin, a = this.valueCurrent / e * 100, s = this.statusType === "fraction" ? Math.round(a) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), l = `${this.valueCurrent} av ${e}`, o = n({
-      "pkt-progressbar__bar": !0,
-      [`pkt-progressbar__bar--${this.skin}`]: !!this.skin
-    }), p = n({
-      "pkt-progressbar__title": !0,
-      "pkt-progressbar__title-center": this.titlePosition === "center"
-    }), f = n({
-      "pkt-progressbar__status": !0,
-      "pkt-progressbar__status--center": this.statusPlacement === "center"
-    }), m = n({
-      "pkt-progressbar__status-placement--following": this.statusPlacement === "following",
-      "pkt-progressbar__status-placement--center": this.statusPlacement === "center",
-      "pkt-progressbar__status-placement--left": this.statusPlacement === "left"
-    });
-    return b` <div
-      class="pkt-progressbar__container"
-      .ref=${this.progressBarRef}
-      style=${M({
-      "--pkt-progress-label-width": `${this.labelWidth}px`,
-      "--pkt-progress-width": `${s}%`
-    })}
-    >
-      ${this.title ? b`<p id=${`${this.progressBarId}-title`} class=${p}>${this.title}</p>` : c}
-
-      <div class="pkt-progressbar__bar-wrapper">
-        <div class=${o}></div>
-      </div>
-
-      ${t ? b`<div class=${f}>
-            <span class=${m} ${A(this.labelRef)}>
-              ${this.statusType === "percentage" ? `${s}%` : l}
-            </span>
-          </div>` : c}
-    </div>`;
-  }
-  // methods
-  setComputedValues() {
-    this.progressbarId = this.id || d(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`, this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || "";
-  }
-  syncAttributes() {
-    this._handleAttribute("aria-live", this.ariaLive), this._handleAttribute("aria-valuenow", this.valueCurrent), this._handleAttribute("aria-valuemin", this.valueMin), this._handleAttribute("aria-valuemax", this.valueMax), this._handleAttribute("aria-valuetext", this.computedAriaValueText), this._handleAttribute("aria-label", this.ariaLabel), this._handleAttribute("role", this.role), this._handleAttribute("aria-atomic", "true"), this._handleAttribute("id", this.progressbarId), this.ariaLabel || this._handleAttribute("aria-labelledby", this.computedAriaLabelledby);
-  }
-  _handleAttribute(t, e) {
-    e == null || e === "" ? this.removeAttribute(t) : this.setAttribute(t, String(e));
-  }
-};
-i([
-  u({ type: String })
-], r.prototype, "ariaLabel", 2);
-i([
-  u({ type: String, reflect: !0 })
-], r.prototype, "ariaLabelledby", 2);
-i([
-  u({ type: String, reflect: !0 })
-], r.prototype, "ariaValueText", 2);
-i([
-  u({ type: String })
-], r.prototype, "ariaLive", 2);
-i([
-  u({ type: String, reflect: !0 })
-], r.prototype, "id", 2);
-i([
-  u({ type: String })
-], r.prototype, "role", 2);
-i([
-  u({ type: String })
-], r.prototype, "skin", 2);
-i([
-  u({ type: String })
-], r.prototype, "statusPlacement", 2);
-i([
-  u({ type: String })
-], r.prototype, "statusType", 2);
-i([
-  u({ type: String, reflect: !0 })
-], r.prototype, "title", 2);
-i([
-  u({ type: String })
-], r.prototype, "titlePosition", 2);
-i([
-  u({ type: Number, reflect: !0 })
-], r.prototype, "valueCurrent", 2);
-i([
-  u({ type: Number })
-], r.prototype, "valueMax", 2);
-i([
-  u({ type: Number })
-], r.prototype, "valueMin", 2);
-i([
-  h()
-], r.prototype, "labelWidth", 2);
-i([
-  h()
-], r.prototype, "progressbarId", 2);
-i([
-  h()
-], r.prototype, "computedAriaLabelledby", 2);
-i([
-  h()
-], r.prototype, "computedAriaValueText", 2);
-r = i([
-  $("pkt-progressbar")
-], r);
-const W = r;
-export {
-  r as P,
-  W as a
-};

package/dist/progressbar-DsJ2B9Vm.cjs

@@ -1,21 +0,0 @@
-"use strict";const n=require("./class-map-CsENJXf1.cjs"),e=require("./element-gR_VtSiD.cjs"),p=require("./state-Dg-53wQ8.cjs"),h=require("./ref-CL-Xk9Xm.cjs"),b=require("./directive-C7oCP5Bh.cjs"),d=require("./utils-byXsEz1u.cjs");require("./icon-Bqj9oBbl.cjs");/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const c="important",v=" !"+c,f=b.e(class extends b.i{constructor(l){var t;if(super(l),l.type!==b.t.ATTRIBUTE||l.name!=="style"||((t=l.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(l){return Object.keys(l).reduce((t,s)=>{const r=l[s];return r==null?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(l,[t]){const{style:s}=l.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const r of this.ft)t[r]==null&&(this.ft.delete(r),r.includes("-")?s.removeProperty(r):s[r]=null);for(const r in t){const i=t[r];if(i!=null){this.ft.add(r);const u=typeof i=="string"&&i.endsWith(v);r.includes("-")||u?s.setProperty(r,u?i.slice(0,-11):i,u?c:""):s[r]=i}}return e.E}});var k=Object.defineProperty,m=Object.getOwnPropertyDescriptor,a=(l,t,s,r)=>{for(var i=r>1?void 0:r?m(t,s):t,u=l.length-1,o;u>=0;u--)(o=l[u])&&(i=(r?o(t,s,i):o(i))||i);return r&&i&&k(t,s,i),i};exports.PktProgressbar=class extends e.PktElement{constructor(){super(),this.ariaLabel=null,this.ariaLabelledby=null,this.ariaValueText=null,this.ariaLive="polite",this.id=d.uuidish(),this.role="progressbar",this.skin="dark-blue",this.statusPlacement="following",this.statusType="none",this.title="",this.titlePosition="left",this.valueCurrent=0,this.valueMax=100,this.valueMin=0,this.labelWidth=0,this.progressbarId=this.id,this.computedAriaLabelledby=null,this.computedAriaValueText="",this.labelRef=h.e(),this.progressBarRef=h.e()}firstUpdated(t){super.firstUpdated(t),this.setComputedValues(),this.syncAttributes()}updated(t){super.updated(t),t.has("valueCurrent")&&this.labelRef.value&&(this.labelWidth=this.labelRef.value.getBoundingClientRect().width||0),t.has("id")&&this.id&&(this.progressBarId=this.id),(t.has("statusType")||t.has("id")||t.has("ariaLabelledby"))&&(this.progressbarId=this.id||d.uuidish(),this.computedAriaLabelledby=this.ariaLabelledby||`${this.progressbarId}-title`),(t.has("ariaValueText")||t.has("valueCurrent")||t.has("valueMax"))&&(this.computedAriaValueText=this.statusType==="fraction"&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||""),this.syncAttributes()}render(){const t=this.statusType!=="none",s=this.valueMax-this.valueMin,r=this.valueCurrent/s*100,i=this.statusType==="fraction"?Math.round(r):Math.round((this.valueCurrent-this.valueMin)/(this.valueMax-this.valueMin)*100),u=`${this.valueCurrent} av ${s}`,o=n.e({"pkt-progressbar__bar":!0,[`pkt-progressbar__bar--${this.skin}`]:!!this.skin}),g=n.e({"pkt-progressbar__title":!0,"pkt-progressbar__title-center":this.titlePosition==="center"}),y=n.e({"pkt-progressbar__status":!0,"pkt-progressbar__status--center":this.statusPlacement==="center"}),P=n.e({"pkt-progressbar__status-placement--following":this.statusPlacement==="following","pkt-progressbar__status-placement--center":this.statusPlacement==="center","pkt-progressbar__status-placement--left":this.statusPlacement==="left"});return e.b` <div
-      class="pkt-progressbar__container"
-      .ref=${this.progressBarRef}
-      style=${f({"--pkt-progress-label-width":`${this.labelWidth}px`,"--pkt-progress-width":`${i}%`})}
-    >
-      ${this.title?e.b`<p id=${`${this.progressBarId}-title`} class=${g}>${this.title}</p>`:e.A}
-
-      <div class="pkt-progressbar__bar-wrapper">
-        <div class=${o}></div>
-      </div>
-
-      ${t?e.b`<div class=${y}>
-            <span class=${P} ${h.n(this.labelRef)}>
-              ${this.statusType==="percentage"?`${i}%`:u}
-            </span>
-          </div>`:e.A}
-    </div>`}setComputedValues(){this.progressbarId=this.id||d.uuidish(),this.computedAriaLabelledby=this.ariaLabelledby||`${this.progressbarId}-title`,this.computedAriaValueText=this.statusType==="fraction"&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||""}syncAttributes(){this._handleAttribute("aria-live",this.ariaLive),this._handleAttribute("aria-valuenow",this.valueCurrent),this._handleAttribute("aria-valuemin",this.valueMin),this._handleAttribute("aria-valuemax",this.valueMax),this._handleAttribute("aria-valuetext",this.computedAriaValueText),this._handleAttribute("aria-label",this.ariaLabel),this._handleAttribute("role",this.role),this._handleAttribute("aria-atomic","true"),this._handleAttribute("id",this.progressbarId),this.ariaLabel||this._handleAttribute("aria-labelledby",this.computedAriaLabelledby)}_handleAttribute(t,s){s==null||s===""?this.removeAttribute(t):this.setAttribute(t,String(s))}};a([e.n({type:String})],exports.PktProgressbar.prototype,"ariaLabel",2);a([e.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"ariaLabelledby",2);a([e.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"ariaValueText",2);a([e.n({type:String})],exports.PktProgressbar.prototype,"ariaLive",2);a([e.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"id",2);a([e.n({type:String})],exports.PktProgressbar.prototype,"role",2);a([e.n({type:String})],exports.PktProgressbar.prototype,"skin",2);a([e.n({type:String})],exports.PktProgressbar.prototype,"statusPlacement",2);a([e.n({type:String})],exports.PktProgressbar.prototype,"statusType",2);a([e.n({type:String,reflect:!0})],exports.PktProgressbar.prototype,"title",2);a([e.n({type:String})],exports.PktProgressbar.prototype,"titlePosition",2);a([e.n({type:Number,reflect:!0})],exports.PktProgressbar.prototype,"valueCurrent",2);a([e.n({type:Number})],exports.PktProgressbar.prototype,"valueMax",2);a([e.n({type:Number})],exports.PktProgressbar.prototype,"valueMin",2);a([p.r()],exports.PktProgressbar.prototype,"labelWidth",2);a([p.r()],exports.PktProgressbar.prototype,"progressbarId",2);a([p.r()],exports.PktProgressbar.prototype,"computedAriaLabelledby",2);a([p.r()],exports.PktProgressbar.prototype,"computedAriaValueText",2);exports.PktProgressbar=a([e.t("pkt-progressbar")],exports.PktProgressbar);const _=exports.PktProgressbar;exports.PktProgressbar$1=_;

package/dist/radiobutton-6frNG9J_.js

@@ -1,111 +0,0 @@
-import { b as h, A as n, n as s, t as d } from "./element-CPpT3rFQ.js";
-import { r as k } from "./state-C_1EOo3D.js";
-import { P as f } from "./input-element-8nLwuQS4.js";
-import { e as g, n as b } from "./ref-Bg_Swj5w.js";
-import { e as u } from "./class-map-CEnykyO_.js";
-var y = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, i = (e, a, c, l) => {
-  for (var p = l > 1 ? void 0 : l ? $(a, c) : a, r = e.length - 1, o; r >= 0; r--)
-    (o = e[r]) && (p = (l ? o(a, c, p) : o(p)) || p);
-  return l && p && y(a, c, p), p;
-};
-let t = class extends f {
-  constructor() {
-    super(...arguments), this.inputRef = g(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = null, this.type = "radio", this.tagText = null, this.optionalTag = !1, this.optionalText = "Valgfritt", this.requiredTag = !1, this.requiredText = "Må fylles ut", this._checked = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  attributeChangedCallback(e, a, c) {
-    e === "defaultChecked" && (this._checked = this.defaultChecked), e === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(e, a, c);
-  }
-  render() {
-    const e = u({
-      "pkt-input-check__input": !0,
-      "pkt-input-check__input--tile": this.hasTile,
-      "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-    }), a = u({
-      "pkt-input-check__input-checkbox": !0,
-      "pkt-input-check__input-checkbox--error": this.hasError
-    }), c = u({
-      "pkt-input-check__input-label": !0,
-      "pkt-input-check__input-label--disabled": this.disabled,
-      "pkt-sr-only": this.hideLabel
-    }), l = "pkt-tag pkt-tag--small pkt-tag--thin-text", p = () => h`
-        ${this.tagText ? h`<span class=${l + " pkt-tag--gray"}>${this.tagText}</span>` : n}
-        ${this.optionalTag ? h`<span class=${l + " pkt-tag--blue-light"}>${this.optionalText}</span>` : n}
-        ${this.requiredTag ? h`<span class=${l + " pkt-tag--beige"}>${this.requiredText}</span>` : n}
-      `, r = () => h`
-        <label class=${c} for=${this.id + "-internal"}>
-          ${this.label} ${p()}
-          ${this.checkHelptext ? h`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : n}
-        </label>
-      `;
-    return h`
-      <div class="pkt-input-check">
-        <div class=${e}>
-          <input
-            id=${this.id + "-internal"}
-            class=${a}
-            type="radio"
-            role="radio"
-            ?disabled=${this.disabled}
-            form=""
-            name=${this.name + "-internal"}
-            ${b(this.inputRef)}
-            @change=${this.toggleChecked}
-            @input=${this.onInput}
-            @blur=${this.onBlur}
-            @focus=${this.onFocus}
-            ?checked=${this.checked}
-          />
-          ${r()}
-        </div>
-      </div>
-    `;
-  }
-  toggleChecked(e = null) {
-    e && e.preventDefault(), e && e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
-  }
-};
-i([
-  s({ type: String, reflect: !0 })
-], t.prototype, "value", 2);
-i([
-  s({ type: String })
-], t.prototype, "checkHelptext", 2);
-i([
-  s({ type: Boolean })
-], t.prototype, "defaultChecked", 2);
-i([
-  s({ type: Boolean })
-], t.prototype, "hasTile", 2);
-i([
-  s({ type: Boolean, reflect: !0 })
-], t.prototype, "checked", 2);
-i([
-  s({ type: String, reflect: !0 })
-], t.prototype, "type", 2);
-i([
-  s({ type: String })
-], t.prototype, "tagText", 2);
-i([
-  s({ type: Boolean })
-], t.prototype, "optionalTag", 2);
-i([
-  s({ type: String })
-], t.prototype, "optionalText", 2);
-i([
-  s({ type: Boolean })
-], t.prototype, "requiredTag", 2);
-i([
-  s({ type: String })
-], t.prototype, "requiredText", 2);
-i([
-  k()
-], t.prototype, "_checked", 2);
-t = i([
-  d("pkt-radiobutton")
-], t);
-export {
-  t as P
-};