@oslokommune/punkt-elements 12.17.2 → 12.18.0

package/dist/ref-Dzme4zb6.js

@@ -0,0 +1,143 @@
+import { Z as u, E as d } from "./index-CFDwiDTU.js";
+import { i as p, a as g, e as Y } from "./custom-element-CWfU4dcr.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/{textarea-BTpJjEhO.js → textarea-BXzQA_ub.js}

@@ -1,8 +1,8 @@
 import { T as l, E as h, r as c, a as $, x as g, n as p } from "./index-CFDwiDTU.js";
 import { e as m, i as f, a as n, t as b } from "./custom-element-CWfU4dcr.js";
-import { f as v, m as x, e as T, n as y } from "./ref-CaiKp3S2.js";
+import { f as v, m as x, e as T, n as y } from "./ref-Dzme4zb6.js";
 import { e as w } from "./class-map-CBvUV2N3.js";
-import "./input-wrapper-6vTrKtsW.js";
+import "./input-wrapper-DVXNuxVu.js";
 import "./index-RwtTBIhT.js";
 /**
  * @license

package/dist/{textarea-B45ZZYpx.cjs → textarea-D_ud1Mpa.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./index-CR7t1zY9.cjs"),s=require("./custom-element-B-TlBwRu.cjs"),u=require("./ref-C2yPtMJA.cjs"),p=require("./class-map-a5HUzP83.cjs");require("./input-wrapper-DX41tnbj.cjs");require("./index-CmTjXoAb.cjs");/**
+"use strict";const a=require("./index-CR7t1zY9.cjs"),s=require("./custom-element-B-TlBwRu.cjs"),u=require("./ref-CA2-0S_W.cjs"),p=require("./class-map-a5HUzP83.cjs");require("./input-wrapper-tJE-X4Ac.cjs");require("./index-CmTjXoAb.cjs");/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/{textinput-BIhQEr8z.cjs → textinput-52G3CfwA.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./index-CR7t1zY9.cjs"),h=require("./custom-element-B-TlBwRu.cjs"),o=require("./ref-C2yPtMJA.cjs"),l=require("./class-map-a5HUzP83.cjs");require("./input-wrapper-DX41tnbj.cjs");require("./index-CmTjXoAb.cjs");var c=Object.defineProperty,d=Object.getOwnPropertyDescriptor,r=(p,i,n,s)=>{for(var e=s>1?void 0:s?d(i,n):i,a=p.length-1,u;a>=0;a--)(u=p[a])&&(e=(s?u(i,n,e):u(e))||e);return s&&e&&c(i,n,e),e};exports.PktTextinput=class extends t.PktInputElement{constructor(){super(...arguments),this.value="",this.type="text",this.size=null,this.autocomplete="off",this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.inputRef=o.e()}attributeChangedCallback(i,n,s){i==="value"&&this.value!==n&&(this.counterCurrent=s?s.length:0,this.valueChanged(s,n)),super.attributeChangedCallback(i,n,s)}updated(i){var n;super.updated(i),i.has("value")&&(this.counterCurrent=((n=this.value)==null?void 0:n.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,n=l.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),s=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
+"use strict";const t=require("./index-CR7t1zY9.cjs"),h=require("./custom-element-B-TlBwRu.cjs"),o=require("./ref-CA2-0S_W.cjs"),l=require("./class-map-a5HUzP83.cjs");require("./input-wrapper-tJE-X4Ac.cjs");require("./index-CmTjXoAb.cjs");var c=Object.defineProperty,d=Object.getOwnPropertyDescriptor,r=(p,i,n,s)=>{for(var e=s>1?void 0:s?d(i,n):i,a=p.length-1,u;a>=0;a--)(u=p[a])&&(e=(s?u(i,n,e):u(e))||e);return s&&e&&c(i,n,e),e};exports.PktTextinput=class extends t.PktInputElement{constructor(){super(...arguments),this.value="",this.type="text",this.size=null,this.autocomplete="off",this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0,this.inputRef=o.e()}attributeChangedCallback(i,n,s){i==="value"&&this.value!==n&&(this.counterCurrent=s?s.length:0,this.valueChanged(s,n)),super.attributeChangedCallback(i,n,s)}updated(i){var n;super.updated(i),i.has("value")&&(this.counterCurrent=((n=this.value)==null?void 0:n.length)||0,this.valueChanged(this.value,i.get("value"))),i.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const i=this.type==="search"&&!this.iconNameRight&&!this.omitSearchIcon,n=l.e({"pkt-input":!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":this.counter&&this.counterMaxLength&&this.value.length&&this.value.length>this.counterMaxLength}),s=this.ariaLabelledby||`${this.id}-input-label`;return t.x`
       <pkt-input-wrapper
         label="${this.label}"
         ?counter=${this.counter}

package/dist/{textinput-CVo5wG14.js → textinput-CTNWiIaP.js}

@@ -1,8 +1,8 @@
 import { r as c, a as d, x as h, E as n, n as p } from "./index-CFDwiDTU.js";
 import { t as $ } from "./custom-element-CWfU4dcr.js";
-import { e as g, n as m } from "./ref-CaiKp3S2.js";
+import { e as g, n as m } from "./ref-Dzme4zb6.js";
 import { e as f } from "./class-map-CBvUV2N3.js";
-import "./input-wrapper-6vTrKtsW.js";
+import "./input-wrapper-DVXNuxVu.js";
 import "./index-RwtTBIhT.js";
 var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (i, e, r, t) => {
   for (var o = t > 1 ? void 0 : t ? y(e, r) : e, u = i.length - 1, l; u >= 0; u--)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.17.2",
+  "version": "12.18.0",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -57,5 +57,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "998cf96281840a47cba5ba3e0c76e6fa1d2ed10e"
+  "gitHead": "ceaac8e8aac119c09de9e77927150022aa6e316d"
 }

package/src/components/index.ts

@@ -10,6 +10,16 @@ export { PktLink } from './link'
 export { PktLinkCard } from './linkcard'
 export { PktMessagebox } from './messagebox'
 export { PktModal } from './modal'
+export { PktProgressbar } from './progressbar'
 export { PktTag } from './tag'
 export { PktTextarea } from './textarea'
 export { PktTextinput } from './textinput'
+
+export type {
+  IPktProgressbar,
+  TProgressbarRole,
+  TProgressbarSkin,
+  TProgressbarStatusPlacement,
+  TProgressbarStatusType,
+  TProgressbarTitlePosition,
+} from './progressbar'

package/src/components/progressbar/index.ts

@@ -0,0 +1,12 @@
+import PktProgressbar from './progressbar'
+
+export { PktProgressbar } from './progressbar'
+export type {
+  IPktProgressbar,
+  TProgressbarRole,
+  TProgressbarSkin,
+  TProgressbarStatusPlacement,
+  TProgressbarStatusType,
+  TProgressbarTitlePosition,
+} from './progressbar'
+export default PktProgressbar

package/src/components/progressbar/progressbar.ts

@@ -0,0 +1,144 @@
+import { ifDefined } from 'lit/directives/if-defined.js'
+import { classMap } from 'lit/directives/class-map.js'
+import { customElement, property, state } from 'lit/decorators.js'
+import { html } from 'lit'
+import { PktElement } from '../element'
+import { Ref, createRef, ref } from 'lit/directives/ref.js'
+import { styleMap } from 'lit/directives/style-map.js'
+import { uuidish } from '@/utils/stringutils'
+
+import '../icon'
+
+export type TProgressbarRole = 'progressbar' | 'meter'
+export type TProgressbarSkin = 'dark-blue' | 'light-blue' | 'green' | 'red'
+export type TProgressbarStatusPlacement = 'center' | 'left' | 'following'
+export type TProgressbarStatusType = 'none' | 'percentage' | 'fraction'
+export type TProgressbarTitlePosition = 'left' | 'center'
+
+export interface IPktProgressbar {
+  valueCurrent: number
+  valueMax?: number
+  valueMin?: number
+  ariaValueText?: string
+  skin?: TProgressbarSkin
+  title?: string
+  titlePosition?: TProgressbarTitlePosition
+  statusType?: TProgressbarStatusType
+  statusPlacement?: TProgressbarStatusPlacement
+  ariaLabel?: string
+  ariaLabelledby?: string
+  role?: TProgressbarRole
+}
+
+@customElement('pkt-progressbar')
+export class PktProgressbar extends PktElement implements IPktProgressbar {
+  // Public properties
+  @property({ type: Number, reflect: true }) valueCurrent: number = 0
+  @property({ type: Number, reflect: true }) valueMax: number = 100
+  @property({ type: Number, reflect: true }) valueMin: number = 0
+  @property({ type: String, reflect: true }) skin: TProgressbarSkin = 'dark-blue'
+  @property({ type: String, reflect: true }) title: string = ''
+  @property({ type: String, reflect: true }) titlePosition: TProgressbarTitlePosition = 'left'
+  @property({ type: String, reflect: true }) statusType: TProgressbarStatusType = 'none'
+  @property({ type: String, reflect: true }) statusPlacement: TProgressbarStatusPlacement =
+    'following'
+  @property({ type: String, reflect: true }) ariaLabel: string = ''
+  @property({ type: String, reflect: true }) ariaLabelledby: string = ''
+  @property({ type: String, reflect: true }) ariaValueText: string = ''
+  @property({ type: String, reflect: true }) role: TProgressbarRole = 'progressbar'
+
+  // State
+  @state() private labelWidth: number = 0
+  @state() private progressBarId: string = this.id
+
+  // Private properties
+  private labelRef: Ref<HTMLSpanElement> = createRef()
+  private progressBarRef: Ref<HTMLDivElement> = createRef()
+
+  firstUpdated(changedProperties: Map<string | number | symbol, unknown>) {
+    super.firstUpdated(changedProperties)
+    if (!this.id) {
+      this.progressBarId = uuidish()
+    } else {
+      this.progressBarId = this.id
+    }
+  }
+
+  updated(changedProperties: Map<string | number | symbol, unknown>) {
+    super.updated(changedProperties)
+    if (changedProperties.has('valueCurrent') && this.labelRef.value) {
+      this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0
+    }
+    if (changedProperties.has('id') && this.id) {
+      this.progressBarId = this.id
+    }
+  }
+
+  render() {
+    const totalSteps = this.valueMax - this.valueMin
+    const percentageOfSteps = (this.valueCurrent / totalSteps) * 100
+    const currentPercentage =
+      this.valueMax !== 100 || this.valueMin !== 0
+        ? Math.round(percentageOfSteps)
+        : this.valueCurrent
+    const formattedTitle = `${this.valueCurrent} av ${this.valueMax}`
+    const hasStatus = this.statusType !== 'none'
+
+    const ariaLabelledbyText =
+      this.ariaLabelledby || (this.progressBarId && `${this.progressBarId}-title`)
+
+    const barClasses = classMap({
+      'pkt-progressbar__bar': true,
+      [`pkt-progressbar__bar--${this.skin}`]: !!this.skin,
+    })
+    const titleClasses = classMap({
+      'pkt-progressbar__title': true,
+      [`pkt-progressbar__title-center`]: this.titlePosition === 'center',
+    })
+    const statusClasses = classMap({
+      'pkt-progressbar__status': true,
+      [`pkt-progressbar__status--center`]: this.statusPlacement === 'center',
+    })
+    const placementClasses = classMap({
+      [`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 html` <div
+      id=${this.progressBarId}
+      class="pkt-progressbar__container"
+      .ref=${this.progressBarRef}
+      style=${styleMap({
+        '--pkt-progress-label-width': `${this.labelWidth}px`,
+        '--pkt-progress-width': `${currentPercentage}%`,
+      })}
+    >
+      ${this.title &&
+      html`<p id=${`${this.progressBarId}-title`} class=${titleClasses}>${this.title}</p>`}
+
+      <div
+        .id=${this.progressBarId}
+        role=${this.role as any}
+        class="pkt-progressbar__bar-wrapper"
+        aria-valuemin=${this.valueMin}
+        aria-valuemax=${this.valueMax}
+        aria-valuenow=${this.valueCurrent}
+        aria-labelledby=${ifDefined(ariaLabelledbyText)}
+        aria-label=${ifDefined(this.ariaLabel)}
+        aria-valuetext=${ifDefined(this.ariaValueText)}
+      >
+        <div class=${barClasses}></div>
+      </div>
+
+      ${hasStatus &&
+      html`<div class=${statusClasses}>
+        <span class=${placementClasses} ${ref(this.labelRef)}>
+          ${this.statusType === 'percentage' ? `${currentPercentage}%` : formattedTitle}
+        </span>
+      </div>`}
+    </div>`
+  }
+}
+
+export default PktProgressbar

package/dist/modal-DYTVJjYh.cjs

@@ -1,30 +0,0 @@
-"use strict";const c=require("./class-map-a5HUzP83.cjs"),k=require("./custom-element-B-TlBwRu.cjs"),n=require("./index-CR7t1zY9.cjs"),a=require("./ref-C2yPtMJA.cjs");require("./index-CmTjXoAb.cjs");const m="pkt-modal",u=!0,h={"background-click":{description:"Event som trigges når bakgrunnen trykkes på"},close:{description:"Event som trigges når meldingsboksen lukkes"}},g={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},size:{name:"Størrelse",description:"Størrelsen på modalen",type:["small","medium","large"],default:"medium"}},f={default:{description:"Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen."}},p={name:m,"css-class":"pkt-modal",isElements:u,events:h,props:g,slots:f};var v=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(d,e,t,o)=>{for(var s=o>1?void 0:o?b(e,t):e,l=d.length-1,r;l>=0;l--)(r=d[l])&&(s=(o?r(e,t,s):r(s))||s);return o&&s&&v(e,t,s),s};exports.PktModal=class extends n.PktElement{constructor(){super(),this.headingText="",this.removePadding=!1,this.hideCloseButton=p.props.hideCloseButton.default,this.closeOnBackdropClick=p.props.closeOnBackdropClick.default,this.size=p.props.size.default,this.defaultSlot=a.e(),this.dialogRef=a.e(),this._isOpen=!1,this.close=(e,t=!1)=>{var l;this._isOpen=!1,t||(l=this.dialogRef.value)==null||l.close();const o=document.activeElement;o&&!this.isElementInViewport(o)&&o.scrollIntoView({behavior:"smooth",block:"nearest"}),this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),document.querySelector(".pkt-modal")&&document.body.classList.remove("pkt-modal--open"),this.requestUpdate()},this.showModal=e=>{var o;this._isOpen=!0,(o=this.dialogRef.value)==null||o.showModal(),document.querySelector(".pkt-modal")&&document.body.classList.add("pkt-modal--open"),this.dispatchEvent(new CustomEvent("showModal",{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this.slotController=new a.PktSlotController(this,this.defaultSlot),this._isOpen=!1}async connectedCallback(){var e;super.connectedCallback(),document.addEventListener("keydown",this.handleKeyDown.bind(this)),document.addEventListener("click",this.handleBackdropClick.bind(this)),(e=this.dialogRef.value)==null||e.addEventListener("submit",t=>this.close(t,!0))}disconnectedCallback(){var e;super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeyDown.bind(this)),document.removeEventListener("click",this.handleBackdropClick.bind(this)),(e=this.dialogRef.value)==null||e.removeEventListener("submit",t=>this.close(t,!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--${this.size}`]:this.size!==void 0},t={"pkt-modal__headingText":!0,"pkt-txt-24":!0},o={"pkt-modal__content":!0,"pkt-txt-18-light":!0};return n.x`
-      <dialog
-        class=${c.e(e)}
-        aria-modal=${this._isOpen}
-        ${a.n(this.dialogRef)}
-        aria-labelledby="pkt-modal__headingText"
-        aria-describedby="pkt-modal__content"
-        autofocus
-      >
-        <div class="pkt-modal__header">
-          ${this.headingText?n.x`<h1 id="pkt-modal__headingText" class=${c.e(t)}>
-                ${this.headingText}
-              </h1>`:n.E}
-          ${this.hideCloseButton?n.E:n.x`<div class="pkt-modal__closeButton">
-                <button
-                  @click=${s=>this.close(s)}
-                  class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
-                  aria-label="close"
-                >
-                  <pkt-icon name="close" class="pkt-link__icon"></pkt-icon>
-                </button>
-              </div>`}
-        </div>
-        <div
-          id="pkt-modal__content"
-          class=${c.e(o)}
-          ${a.n(this.defaultSlot)}
-        ></div>
-      </dialog>
-    `}};i([n.n({type:String,reflect:!0})],exports.PktModal.prototype,"headingText",2);i([n.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"removePadding",2);i([n.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"hideCloseButton",2);i([n.n({type:Boolean,reflect:!0})],exports.PktModal.prototype,"closeOnBackdropClick",2);i([n.n({type:String,reflect:!0})],exports.PktModal.prototype,"size",2);i([n.r()],exports.PktModal.prototype,"_isOpen",2);exports.PktModal=i([k.t("pkt-modal")],exports.PktModal);

package/dist/ref-C2yPtMJA.cjs

@@ -1,13 +0,0 @@
-"use strict";const A=require("./index-CR7t1zY9.cjs"),$=require("./custom-element-B-TlBwRu.cjs");class N{constructor(e,...t){this.nodes=[],this.host=e,this.host.addController(this),this.slots=t,this.nodes=[],this.observer=new MutationObserver(i=>this.handleMutations(i))}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 i;if(t.nodeType===Node.TEXT_NODE&&((i=t.nodeValue)!=null&&i.trim())){const o=document==null?void 0:document.createElement("template");o.content.appendChild(t),this.nodes.push(o)}else this.isSlotElement(t)||this.nodes.push(t)})}updateSlots(){this.slots.forEach(e=>{if(!e.value)return;const t=e.value.getAttribute("name"),o=this.nodes.flatMap(n=>n.getAttribute&&n.getAttribute("slot")==t?this.nodeFromElement(n,e):[]).filter(n=>e.value&&!e.value.contains(n)&&!n.contains(e.value));o.length>0&&e.value.replaceChildren(...o)})}handleMutations(e){let t=!1;e.forEach(i=>{i.type==="childList"&&(i.addedNodes.forEach(o=>{var h;const n=o.nodeType===Node.ELEMENT_NODE&&!this.isSlotElement(o),l=o.nodeType===Node.TEXT_NODE&&((h=o.nodeValue)==null?void 0:h.trim());if(n)this.nodes.push(o),t=!0;else if(l){const d=document==null?void 0:document.createElement("template");d.content.appendChild(o),this.nodes.push(d),t=!0}}),i.removedNodes.forEach(o=>{this.nodes=this.nodes.filter(n=>n!==o),t=!0}))}),t&&this.updateSlots()}isSlotElement(e){return this.slots.some(t=>t.value===e)}nodeFromElement(e,t){var i;return e===((i=t.value)==null?void 0:i.parentNode)?[]:e instanceof HTMLTemplateElement?Array.from(e.content.childNodes):[e]}}/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const{I:m}=A.Z,f=s=>s.strings===void 0,_=()=>document.createComment(""),E=(s,e,t)=>{var n;const i=s._$AA.parentNode,o=e===void 0?s._$AB:e._$AA;if(t===void 0){const l=i.insertBefore(_(),o),h=i.insertBefore(_(),o);t=new m(l,h,s,s.options)}else{const l=t._$AB.nextSibling,h=t._$AM,d=h!==s;if(d){let r;(n=t._$AQ)==null||n.call(t,s),t._$AM=s,t._$AP!==void 0&&(r=s._$AU)!==h._$AU&&t._$AP(r)}if(l!==o||d){let r=t._$AA;for(;r!==l;){const v=r.nextSibling;i.insertBefore(r,o),r=v}}}return t},g=(s,e,t=s)=>(s._$AI(e,t),s),C={},b=(s,e=C)=>s._$AH=e,M=s=>s._$AH,S=s=>{var i;(i=s._$AP)==null||i.call(s,!1,!0);let e=s._$AA;const t=s._$AB.nextSibling;for(;e!==t;){const o=e.nextSibling;e.remove(),e=o}};/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const c=(s,e)=>{var i;const t=s._$AN;if(t===void 0)return!1;for(const o of t)(i=o._$AO)==null||i.call(o,e,!1),c(o,e);return!0},a=s=>{let e,t;do{if((e=s._$AM)===void 0)break;t=e._$AN,t.delete(s),s=e}while((t==null?void 0:t.size)===0)},p=s=>{for(let e;e=s._$AM;s=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(s))break;t.add(s),Y(e)}};function T(s){this._$AN!==void 0?(a(this),this._$AM=s,p(this)):this._$AM=s}function y(s,e=!1,t=0){const i=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(i))for(let n=t;n<i.length;n++)c(i[n],!1),a(i[n]);else i!=null&&(c(i,!1),a(i));else c(this,s)}const Y=s=>{s.type==$.t$1.CHILD&&(s._$AP??(s._$AP=y),s._$AQ??(s._$AQ=T))};class w extends $.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,i){super._$AT(e,t,i),p(this),this.isConnected=e._$AU}_$AO(e,t=!0){var i,o;e!==this.isConnected&&(this.isConnected=e,e?(i=this.reconnected)==null||i.call(this):(o=this.disconnected)==null||o.call(this)),t&&(c(this,e),a(this))}setValue(e){if(f(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}}/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const x=()=>new k;class k{}const u=new WeakMap,B=$.e(class extends w{render(s){return A.E}update(s,[e]){var i;const t=e!==this.Y;return t&&this.Y!==void 0&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.Y=e,this.ht=(i=s.options)==null?void 0:i.host,this.rt(this.ct=s.element)),A.E}rt(s){if(this.isConnected||(s=void 0),typeof this.Y=="function"){const e=this.ht??globalThis;let t=u.get(e);t===void 0&&(t=new WeakMap,u.set(e,t)),t.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),t.set(this.Y,s),s!==void 0&&this.Y.call(this.ht,s)}else this.Y.value=s}get lt(){var s,e;return typeof this.Y=="function"?(s=u.get(this.ht??globalThis))==null?void 0:s.get(this.Y):(e=this.Y)==null?void 0:e.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});exports.M=S;exports.PktSlotController=N;exports.e=x;exports.f=f;exports.m=b;exports.n=B;exports.p=M;exports.r=E;exports.v=g;

package/dist/ref-CaiKp3S2.js

@@ -1,202 +0,0 @@
-import { Z as p, E as A } from "./index-CFDwiDTU.js";
-import { i as v, a as N, e as m } from "./custom-element-CWfU4dcr.js";
-class w {
-  constructor(e, ...t) {
-    this.nodes = [], this.host = e, this.host.addController(this), this.slots = t, this.nodes = [], this.observer = new MutationObserver((i) => this.handleMutations(i));
-  }
-  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 i;
-      if (t.nodeType === Node.TEXT_NODE && ((i = t.nodeValue) != null && i.trim())) {
-        const o = document == null ? void 0 : document.createElement("template");
-        o.content.appendChild(t), this.nodes.push(o);
-      } else this.isSlotElement(t) || this.nodes.push(t);
-    });
-  }
-  updateSlots() {
-    this.slots.forEach((e) => {
-      if (!e.value) return;
-      const t = e.value.getAttribute("name"), o = this.nodes.flatMap(
-        (n) => n.getAttribute && n.getAttribute("slot") == t ? this.nodeFromElement(n, e) : []
-      ).filter(
-        (n) => e.value && !e.value.contains(n) && !n.contains(e.value)
-      );
-      o.length > 0 && e.value.replaceChildren(...o);
-    });
-  }
-  handleMutations(e) {
-    let t = !1;
-    e.forEach((i) => {
-      i.type === "childList" && (i.addedNodes.forEach((o) => {
-        var h;
-        const n = o.nodeType === Node.ELEMENT_NODE && !this.isSlotElement(o), d = o.nodeType === Node.TEXT_NODE && ((h = o.nodeValue) == null ? void 0 : h.trim());
-        if (n)
-          this.nodes.push(o), t = !0;
-        else if (d) {
-          const l = document == null ? void 0 : document.createElement("template");
-          l.content.appendChild(o), this.nodes.push(l), t = !0;
-        }
-      }), i.removedNodes.forEach((o) => {
-        this.nodes = this.nodes.filter((n) => n !== o), t = !0;
-      }));
-    }), t && this.updateSlots();
-  }
-  isSlotElement(e) {
-    return this.slots.some((t) => t.value === e);
-  }
-  nodeFromElement(e, t) {
-    var i;
-    return e === ((i = t.value) == null ? void 0 : i.parentNode) ? [] : e instanceof HTMLTemplateElement ? Array.from(e.content.childNodes) : [e];
-  }
-}
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { I: E } = p, g = (s) => s.strings === void 0, $ = () => document.createComment(""), B = (s, e, t) => {
-  var n;
-  const i = s._$AA.parentNode, o = e === void 0 ? s._$AB : e._$AA;
-  if (t === void 0) {
-    const d = i.insertBefore($(), o), h = i.insertBefore($(), o);
-    t = new E(d, h, s, s.options);
-  } else {
-    const d = t._$AB.nextSibling, h = t._$AM, l = h !== s;
-    if (l) {
-      let r;
-      (n = t._$AQ) == null || n.call(t, s), t._$AM = s, t._$AP !== void 0 && (r = s._$AU) !== h._$AU && t._$AP(r);
-    }
-    if (d !== o || l) {
-      let r = t._$AA;
-      for (; r !== d; ) {
-        const _ = r.nextSibling;
-        i.insertBefore(r, o), r = _;
-      }
-    }
-  }
-  return t;
-}, H = (s, e, t = s) => (s._$AI(e, t), s), C = {}, O = (s, e = C) => s._$AH = e, P = (s) => s._$AH, k = (s) => {
-  var i;
-  (i = s._$AP) == null || i.call(s, !1, !0);
-  let e = s._$AA;
-  const t = s._$AB.nextSibling;
-  for (; e !== t; ) {
-    const o = e.nextSibling;
-    e.remove(), e = o;
-  }
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const c = (s, e) => {
-  var i;
-  const t = s._$AN;
-  if (t === void 0) return !1;
-  for (const o of t) (i = o._$AO) == null || i.call(o, e, !1), c(o, e);
-  return !0;
-}, a = (s) => {
-  let e, t;
-  do {
-    if ((e = s._$AM) === void 0) break;
-    t = e._$AN, t.delete(s), s = e;
-  } while ((t == null ? void 0 : t.size) === 0);
-}, f = (s) => {
-  for (let e; e = s._$AM; s = e) {
-    let t = e._$AN;
-    if (t === void 0) e._$AN = t = /* @__PURE__ */ new Set();
-    else if (t.has(s)) break;
-    t.add(s), T(e);
-  }
-};
-function b(s) {
-  this._$AN !== void 0 ? (a(this), this._$AM = s, f(this)) : this._$AM = s;
-}
-function M(s, e = !1, t = 0) {
-  const i = this._$AH, o = this._$AN;
-  if (o !== void 0 && o.size !== 0) if (e) if (Array.isArray(i)) for (let n = t; n < i.length; n++) c(i[n], !1), a(i[n]);
-  else i != null && (c(i, !1), a(i));
-  else c(this, s);
-}
-const T = (s) => {
-  s.type == N.CHILD && (s._$AP ?? (s._$AP = M), s._$AQ ?? (s._$AQ = b));
-};
-class S extends v {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(e, t, i) {
-    super._$AT(e, t, i), f(this), this.isConnected = e._$AU;
-  }
-  _$AO(e, t = !0) {
-    var i, o;
-    e !== this.isConnected && (this.isConnected = e, e ? (i = this.reconnected) == null || i.call(this) : (o = this.disconnected) == null || o.call(this)), t && (c(this, e), a(this));
-  }
-  setValue(e) {
-    if (g(this._$Ct)) this._$Ct._$AI(e, this);
-    else {
-      const t = [...this._$Ct._$AH];
-      t[this._$Ci] = e, this._$Ct._$AI(t, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-}
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const D = () => new y();
-class y {
-}
-const u = /* @__PURE__ */ new WeakMap(), I = m(class extends S {
-  render(s) {
-    return A;
-  }
-  update(s, [e]) {
-    var i;
-    const t = e !== this.Y;
-    return t && this.Y !== void 0 && this.rt(void 0), (t || this.lt !== this.ct) && (this.Y = e, this.ht = (i = s.options) == null ? void 0 : i.host, this.rt(this.ct = s.element)), A;
-  }
-  rt(s) {
-    if (this.isConnected || (s = void 0), typeof this.Y == "function") {
-      const e = this.ht ?? globalThis;
-      let t = u.get(e);
-      t === void 0 && (t = /* @__PURE__ */ new WeakMap(), u.set(e, t)), t.get(this.Y) !== void 0 && this.Y.call(this.ht, void 0), t.set(this.Y, s), s !== void 0 && this.Y.call(this.ht, s);
-    } else this.Y.value = s;
-  }
-  get lt() {
-    var s, e;
-    return typeof this.Y == "function" ? (s = u.get(this.ht ?? globalThis)) == null ? void 0 : s.get(this.Y) : (e = this.Y) == null ? void 0 : e.value;
-  }
-  disconnected() {
-    this.lt === this.ct && this.rt(void 0);
-  }
-  reconnected() {
-    this.rt(this.ct);
-  }
-});
-export {
-  k as M,
-  w as P,
-  D as e,
-  g as f,
-  O as m,
-  I as n,
-  P as p,
-  B as r,
-  H as v
-};