@oslokommune/punkt-elements 16.7.1 → 16.7.3

package/dist/helptext-5Mzp65-F.cjs

@@ -1,24 +0,0 @@
-"use strict";const x=require("./element-with-slot-ZX-up7jO.cjs"),e=require("./element-gR_VtSiD.cjs"),h=require("./icon-Bqj9oBbl.cjs"),c=require("./class-map-CsENJXf1.cjs"),u=require("./state-Dg-53wQ8.cjs"),a=require("./utils-byXsEz1u.cjs"),d=require("./input-wrapper-EoSAbU-U.cjs");var k=Object.defineProperty,_=Object.getOwnPropertyDescriptor,r=(o,p,l,n)=>{for(var t=n>1?void 0:n?_(p,l):p,s=o.length-1,i;s>=0;s--)(i=o[s])&&(t=(n?i(p,l,t):i(t))||t);return n&&t&&k(p,l,t),t};exports.PktHelptext=class extends x.PktElementWithSlot{constructor(){super(...arguments),this.forId=a.uuidish(),this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=d.specs.props.helptextDropdownButton.default,this.isHelpTextOpen=!1}render(){const p=()=>{const s=!this.isHelpTextOpen;this.isHelpTextOpen=s,this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!0,detail:{isOpen:s}}))},l=c.e({"pkt-inputwrapper__helptext-container":!0,"pkt-inputwrapper__has-helptext":this.helptext||this.helptextDropdown||this.hasSlotContent()}),n=()=>this.helptextDropdown?e.b`<div class="pkt-inputwrapper__helptext-expandable">
-          <button
-            class="pkt-link pkt-link--icon-right pkt-btn pkt-btn--small pkt-btn--tertiary pkt-btn--icon-right"
-            type="button"
-            @click=${p}
-          >
-            <pkt-icon
-              class="pkt-btn__icon"
-              name="${this.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down"}"
-            ></pkt-icon>
-            <span class="pkt-btn__text">${h.o(this.helptextDropdownButton)}</span>
-          </button>
-          <div
-            class="${c.e({"pkt-inputwrapper__helptext":!0,"pkt-inputwrapper__helptext-expandable-open":this.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!this.isHelpTextOpen})}"
-          >
-            ${h.o(this.helptextDropdown)}
-          </div>
-        </div>`:e.A,t=()=>e.b`<div class="${l}">
-        <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
-          <div class="pkt-contents" name="helptext">${x.slotContent(this)}</div>
-          ${this.helptext&&h.o(this.helptext)}
-        </div>
-        ${n()}
-      </div>`;return e.b`${t()}`}};r([e.n({type:String,reflect:!0})],exports.PktHelptext.prototype,"forId",2);r([e.n({type:String})],exports.PktHelptext.prototype,"helptext",2);r([e.n({type:String})],exports.PktHelptext.prototype,"helptextDropdown",2);r([e.n({type:String})],exports.PktHelptext.prototype,"helptextDropdownButton",2);r([u.r()],exports.PktHelptext.prototype,"isHelpTextOpen",2);exports.PktHelptext=r([e.t("pkt-helptext")],exports.PktHelptext);

package/dist/helptext-jIoWRcCF.js

@@ -1,80 +0,0 @@
-import { P as u, s as c } from "./element-with-slot-Dqk6-TRR.js";
-import { b as a, A as _, n as i, t as m } from "./element-CPpT3rFQ.js";
-import { o as x } from "./icon-BlKA8YuW.js";
-import { e as d } from "./class-map-CEnykyO_.js";
-import { r as w } from "./state-C_1EOo3D.js";
-import { u as v } from "./utils-DznhwRXm.js";
-import { s as f } from "./input-wrapper-CDgenrYA.js";
-var k = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (s, p, r, o) => {
-  for (var t = o > 1 ? void 0 : o ? b(p, r) : p, l = s.length - 1, h; l >= 0; l--)
-    (h = s[l]) && (t = (o ? h(p, r, t) : h(t)) || t);
-  return o && t && k(p, r, t), t;
-};
-let e = class extends u {
-  constructor() {
-    super(...arguments), this.forId = v(), this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = f.props.helptextDropdownButton.default, this.isHelpTextOpen = !1;
-  }
-  render() {
-    const s = () => {
-      const t = !this.isHelpTextOpen;
-      this.isHelpTextOpen = t, this.dispatchEvent(
-        new CustomEvent("toggleHelpText", {
-          bubbles: !0,
-          detail: { isOpen: t }
-        })
-      );
-    }, p = d({
-      "pkt-inputwrapper__helptext-container": !0,
-      "pkt-inputwrapper__has-helptext": this.helptext || this.helptextDropdown || this.hasSlotContent()
-    }), r = () => this.helptextDropdown ? a`<div class="pkt-inputwrapper__helptext-expandable">
-          <button
-            class="pkt-link pkt-link--icon-right pkt-btn pkt-btn--small pkt-btn--tertiary pkt-btn--icon-right"
-            type="button"
-            @click=${s}
-          >
-            <pkt-icon
-              class="pkt-btn__icon"
-              name="${this.isHelpTextOpen ? "chevron-thin-up" : "chevron-thin-down"}"
-            ></pkt-icon>
-            <span class="pkt-btn__text">${x(this.helptextDropdownButton)}</span>
-          </button>
-          <div
-            class="${d({
-      "pkt-inputwrapper__helptext": !0,
-      "pkt-inputwrapper__helptext-expandable-open": this.isHelpTextOpen,
-      "pkt-inputwrapper__helptext-expandable-closed": !this.isHelpTextOpen
-    })}"
-          >
-            ${x(this.helptextDropdown)}
-          </div>
-        </div>` : _;
-    return a`${a`<div class="${p}">
-        <div class="pkt-inputwrapper__helptext" id="${this.forId}-helptext">
-          <div class="pkt-contents" name="helptext">${c(this)}</div>
-          ${this.helptext && x(this.helptext)}
-        </div>
-        ${r()}
-      </div>`}`;
-  }
-};
-n([
-  i({ type: String, reflect: !0 })
-], e.prototype, "forId", 2);
-n([
-  i({ type: String })
-], e.prototype, "helptext", 2);
-n([
-  i({ type: String })
-], e.prototype, "helptextDropdown", 2);
-n([
-  i({ type: String })
-], e.prototype, "helptextDropdownButton", 2);
-n([
-  w()
-], e.prototype, "isHelpTextOpen", 2);
-e = n([
-  m("pkt-helptext")
-], e);
-export {
-  e as P
-};

package/dist/icon-BlKA8YuW.js

@@ -1,103 +0,0 @@
-import { A as y, E as P, P as k, b as I, n as p, t as _ } from "./element-CPpT3rFQ.js";
-import { e as m, i as S, t as b } from "./directive-oAbCiebi.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class h extends S {
-  constructor(t) {
-    if (super(t), this.it = y, t.type !== b.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(t) {
-    if (t === y || t == null) return this._t = void 0, this.it = t;
-    if (t === P) return t;
-    if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (t === this.it) return this._t;
-    this.it = t;
-    const n = [t];
-    return n.raw = n, this._t = { _$litType$: this.constructor.resultType, strings: n, values: [] };
-  }
-}
-h.directiveName = "unsafeHTML", h.resultType = 1;
-const R = m(h);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class l extends h {
-}
-l.directiveName = "unsafeSVG", l.resultType = 2;
-const f = m(l);
-var C = Object.defineProperty, E = Object.getOwnPropertyDescriptor, c = (e, t, n, s) => {
-  for (var o = s > 1 ? void 0 : s ? E(t, n) : t, d = e.length - 1, u; d >= 0; d--)
-    (u = e[d]) && (o = (s ? u(t, n, o) : u(o)) || o);
-  return s && o && C(t, n, o), o;
-};
-const w = "https://punkt-cdn.oslo.kommune.no/latest/icons/";
-typeof window < "u" && (window.pktFetch = window.pktFetch === void 0 ? fetch : window.pktFetch, window.pktIconPath = window.pktIconPath || w);
-const a = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>', r = {}, T = 2, F = 1500, g = typeof Storage < "u" && typeof sessionStorage < "u", $ = (e) => window.pktFetch(e).then((t) => {
-  if (!t.ok)
-    throw new Error("Missing icon: " + e);
-  return t.text();
-}), v = async (e, t = T) => {
-  try {
-    return await $(e);
-  } catch {
-    return t > 0 ? (await new Promise((s) => setTimeout(s, F)), v(e, t - 1)) : (console.error("Failed to fetch icon: " + e), a);
-  }
-}, A = async (e, t) => {
-  const n = t + e + ".svg";
-  return g && sessionStorage.getItem(n) ? sessionStorage.getItem(n) : n in r ? r[n] : typeof window < "u" && typeof window.pktFetch == "function" ? (r[n] = v(n).then((s) => (s !== a && g && sessionStorage.setItem(n, s), delete r[n], s)), r[n]) : a;
-};
-let i = class extends k {
-  constructor() {
-    super(...arguments), this.path = typeof window < "u" ? window.pktIconPath : w, this.name = "", this.icon = f(a), this._updatedProps = [];
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("pkt-icon");
-  }
-  async attributeChangedCallback(e, t, n) {
-    super.attributeChangedCallback(e, t, n), (e === "name" || e === "path") && this.getIcon(this.name);
-  }
-  async updated(e) {
-    super.updated(e), (e.has("name") || e.has("path")) && this.getIcon(this.name);
-  }
-  async getIcon(e = "") {
-    if (this._updatedProps.length > 0) {
-      this.path || (this.path = typeof window < "u" ? window.pktIconPath : w);
-      try {
-        this.icon = f(
-          await A(this.name || "", this.path)
-        );
-      } catch {
-        this.icon = f(a);
-      }
-      this._updatedProps = [];
-    } else
-      this._updatedProps.includes(e) || this._updatedProps.push(e);
-  }
-  render() {
-    return I`${this.name && this.icon}`;
-  }
-};
-c([
-  p({ type: String, reflect: !1 })
-], i.prototype, "path", 2);
-c([
-  p({ type: String, reflect: !0 })
-], i.prototype, "name", 2);
-c([
-  p({ type: SVGElement })
-], i.prototype, "icon", 2);
-c([
-  p({ type: Array, noAccessor: !0 })
-], i.prototype, "_updatedProps", 2);
-i = c([
-  _("pkt-icon")
-], i);
-export {
-  i as P,
-  R as o
-};

package/dist/icon-Bqj9oBbl.cjs

@@ -1,9 +0,0 @@
-"use strict";const s=require("./element-gR_VtSiD.cjs"),h=require("./directive-C7oCP5Bh.cjs");/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */class p extends h.i{constructor(t){if(super(t),this.it=s.A,t.type!==h.t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===s.A||t==null)return this._t=void 0,this.it=t;if(t===s.E)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}p.directiveName="unsafeHTML",p.resultType=1;const k=h.e(p);/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */class l extends p{}l.directiveName="unsafeSVG",l.resultType=2;const f=h.e(l);var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,a=(n,t,e,o)=>{for(var i=o>1?void 0:o?P(t,e):t,d=n.length-1,u;d>=0;d--)(u=n[d])&&(i=(o?u(t,e,i):u(i))||i);return o&&i&&I(t,e,i),i};const w="https://punkt-cdn.oslo.kommune.no/latest/icons/";typeof window<"u"&&(window.pktFetch=window.pktFetch===void 0?fetch:window.pktFetch,window.pktIconPath=window.pktIconPath||w);const c='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>',r={},m=2,v=1500,y=typeof Storage<"u"&&typeof sessionStorage<"u",_=n=>window.pktFetch(n).then(t=>{if(!t.ok)throw new Error("Missing icon: "+n);return t.text()}),g=async(n,t=m)=>{try{return await _(n)}catch{return t>0?(await new Promise(o=>setTimeout(o,v)),g(n,t-1)):(console.error("Failed to fetch icon: "+n),c)}},S=async(n,t)=>{const e=t+n+".svg";return y&&sessionStorage.getItem(e)?sessionStorage.getItem(e):e in r?r[e]:typeof window<"u"&&typeof window.pktFetch=="function"?(r[e]=g(e).then(o=>(o!==c&&y&&sessionStorage.setItem(e,o),delete r[e],o)),r[e]):c};exports.PktIcon=class extends s.PktElement{constructor(){super(...arguments),this.path=typeof window<"u"?window.pktIconPath:w,this.name="",this.icon=f(c),this._updatedProps=[]}connectedCallback(){super.connectedCallback(),this.classList.add("pkt-icon")}async attributeChangedCallback(t,e,o){super.attributeChangedCallback(t,e,o),(t==="name"||t==="path")&&this.getIcon(this.name)}async updated(t){super.updated(t),(t.has("name")||t.has("path"))&&this.getIcon(this.name)}async getIcon(t=""){if(this._updatedProps.length>0){this.path||(this.path=typeof window<"u"?window.pktIconPath:w);try{this.icon=f(await S(this.name||"",this.path))}catch{this.icon=f(c)}this._updatedProps=[]}else this._updatedProps.includes(t)||this._updatedProps.push(t)}render(){return s.b`${this.name&&this.icon}`}};a([s.n({type:String,reflect:!1})],exports.PktIcon.prototype,"path",2);a([s.n({type:String,reflect:!0})],exports.PktIcon.prototype,"name",2);a([s.n({type:SVGElement})],exports.PktIcon.prototype,"icon",2);a([s.n({type:Array,noAccessor:!0})],exports.PktIcon.prototype,"_updatedProps",2);exports.PktIcon=a([s.t("pkt-icon")],exports.PktIcon);exports.o=k;

package/dist/input-wrapper-B0MkQ0IZ.cjs

@@ -1,54 +0,0 @@
-"use strict";const u=require("./element-with-slot-ZX-up7jO.cjs"),y=require("./if-defined-BOW3ODSj.cjs"),t=require("./element-gR_VtSiD.cjs"),k=require("./icon-Bqj9oBbl.cjs"),$=require("./class-map-CsENJXf1.cjs"),f=require("./utils-byXsEz1u.cjs"),x=require("./booleanish-BKVonob4.cjs"),r=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-5Mzp65-F.cjs");require("./alert-DFkFNTxh.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(l,p,n,o)=>{for(var s=o>1?void 0:o?P(p,n):p,i=l.length-1,a;i>=0;i--)(a=l[i])&&(s=(o?a(p,n,s):a(s))||s);return o&&s&&I(p,n,s),s};exports.PktInputWrapper=class extends u.PktElementWithSlot{constructor(){super(...arguments),this.forId=f.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=r.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=r.specs.props.optionalTag.default,this.optionalText=r.specs.props.optionalText.default,this.requiredTag=r.specs.props.requiredTag.default,this.requiredText=r.specs.props.requiredText.default,this.tagText=null,this.hasError=r.specs.props.hasError.default,this.errorMessage="",this.disabled=r.specs.props.disabled.default,this.inline=r.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=r.specs.props.hasFieldset.default,this.role="group",this.useWrapper=r.specs.props.useWrapper.default}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n="pkt-tag pkt-tag--small pkt-tag--thin-text",o=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.A,s=()=>t.b`
-        ${this.tagText?t.b`<span class=${n+" pkt-tag--gray"}>${this.tagText}</span>`:t.A}
-        ${this.optionalTag?t.b`<span class=${n+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.A}
-        ${this.requiredTag?t.b`<span class=${n+" pkt-tag--beige"}>${this.requiredText}</span>`:t.A}
-      `,i=()=>this.useWrapper?this.hasFieldset?t.b`<legend
-            class="pkt-inputwrapper__legend"
-            id="${this.forId}-label"
-            @click=${this.handleLabelClick}
-          >
-            ${this.label} ${s()}
-          </legend>`:t.b`<label
-            class="pkt-inputwrapper__label"
-            for="${this.forId}"
-            aria-describedby="${o}"
-            id="${this.forId}-label"
-            @click=${this.handleLabelClick}
-            >${this.label}${s()}</label
-          >`:t.b`<label
-          for="${this.forId}"
-          class="pkt-sr-only"
-          aria-describedby="${o}"
-          id="${this.forId}-label"
-        >
-          ${this.label}
-        </label>`,a=()=>t.b`
-        <pkt-helptext
-          class="${y.o(this.useWrapper?void 0:"pkt-hide")}"
-          .forId=${this.forId}
-          .helptext=${this.helptext}
-          .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton||r.specs.props.helptextDropdownButton.default}
-          @toggleHelpText=${g=>{this.toggleDropdown(g)}}
-        >${u.slotContent(this,"helptext")}</pkt-helptext>
-      `,h=()=>this.counter?t.b`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
-          ${this.counterError?this.counterError:t.A} ${this.counterCurrent||0}
-          ${this.counterMaxLength?`/${this.counterMaxLength}`:t.A}
-        </div>`:t.A,c=()=>this.hasError&&this.errorMessage?t.b`<pkt-alert
-          skin="error"
-          compact
-          id=${`${this.forId}-error`}
-          aria-live="assertive"
-          aria-atomic="true"
-        >
-          ${k.o(this.errorMessage)}
-        </pkt-alert>`:t.A,d=()=>t.b`
-        ${i()} 
-        ${a()}
-        ${this.counterPosition==="top"?h():t.A}
-        <div class="pkt-contents">${u.slotContent(this)}</div>
-        ${this.counterPosition==="bottom"?h():t.A} 
-        ${c()}
-      `,b=()=>this.hasFieldset?t.b`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${o}">
-            ${d()}
-          </fieldset>`:t.b`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.b`<div class=${$.e(p)}>${b()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(){this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"tagText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:x.booleanishConverter})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);

package/dist/input-wrapper-B2JpK016.js

@@ -1,179 +0,0 @@
-import { P as $, s as g } from "./element-with-slot-Dqk6-TRR.js";
-import { o as x } from "./if-defined-B0krMLad.js";
-import { A as s, b as o, n as r, t as m } from "./element-CPpT3rFQ.js";
-import { o as k } from "./icon-BlKA8YuW.js";
-import { e as v } from "./class-map-CEnykyO_.js";
-import { u as w } from "./utils-DznhwRXm.js";
-import { b as T } from "./booleanish-C9R0tdXH.js";
-import { s as p } from "./input-wrapper-CDgenrYA.js";
-import "./helptext-jIoWRcCF.js";
-import "./alert-BuAXrnKl.js";
-var E = Object.defineProperty, D = Object.getOwnPropertyDescriptor, e = (l, a, n, h) => {
-  for (var i = h > 1 ? void 0 : h ? D(a, n) : a, d = l.length - 1, u; d >= 0; d--)
-    (u = l[d]) && (i = (h ? u(a, n, i) : u(i)) || i);
-  return h && i && E(a, n, i), i;
-};
-let t = class extends $ {
-  constructor() {
-    super(...arguments), this.forId = w(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = p.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = p.props.optionalTag.default, this.optionalText = p.props.optionalText.default, this.requiredTag = p.props.requiredTag.default, this.requiredText = p.props.requiredText.default, this.tagText = null, this.hasError = p.props.hasError.default, this.errorMessage = "", this.disabled = p.props.disabled.default, this.inline = p.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = p.props.hasFieldset.default, this.role = "group", this.useWrapper = p.props.useWrapper.default;
-  }
-  updated(l) {
-    super.updated(l);
-  }
-  render() {
-    const l = {
-      "pkt-inputwrapper": !0,
-      "pkt-inputwrapper--error": this.hasError,
-      "pkt-inputwrapper--disabled": this.disabled,
-      "pkt-inputwrapper--inline": this.inline
-    }, a = "pkt-tag pkt-tag--small pkt-tag--thin-text", n = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : s, h = () => o`
-        ${this.tagText ? o`<span class=${a + " pkt-tag--gray"}>${this.tagText}</span>` : s}
-        ${this.optionalTag ? o`<span class=${a + " pkt-tag--blue-light"}>${this.optionalText}</span>` : s}
-        ${this.requiredTag ? o`<span class=${a + " pkt-tag--beige"}>${this.requiredText}</span>` : s}
-      `, i = () => this.useWrapper ? this.hasFieldset ? o`<legend
-            class="pkt-inputwrapper__legend"
-            id="${this.forId}-label"
-            @click=${this.handleLabelClick}
-          >
-            ${this.label} ${h()}
-          </legend>` : o`<label
-            class="pkt-inputwrapper__label"
-            for="${this.forId}"
-            aria-describedby="${n}"
-            id="${this.forId}-label"
-            @click=${this.handleLabelClick}
-            >${this.label}${h()}</label
-          >` : o`<label
-          for="${this.forId}"
-          class="pkt-sr-only"
-          aria-describedby="${n}"
-          id="${this.forId}-label"
-        >
-          ${this.label}
-        </label>`, d = () => o`
-        <pkt-helptext
-          class="${x(this.useWrapper ? void 0 : "pkt-hide")}"
-          .forId=${this.forId}
-          .helptext=${this.helptext}
-          .helptextDropdown=${this.helptextDropdown}
-          .helptextDropdownButton=${this.helptextDropdownButton || p.props.helptextDropdownButton.default}
-          @toggleHelpText=${(f) => {
-      this.toggleDropdown(f);
-    }}
-        >${g(this, "helptext")}</pkt-helptext>
-      `, u = () => this.counter ? o`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
-          ${this.counterError ? this.counterError : s} ${this.counterCurrent || 0}
-          ${this.counterMaxLength ? `/${this.counterMaxLength}` : s}
-        </div>` : s, b = () => this.hasError && this.errorMessage ? o`<pkt-alert
-          skin="error"
-          compact
-          id=${`${this.forId}-error`}
-          aria-live="assertive"
-          aria-atomic="true"
-        >
-          ${k(this.errorMessage)}
-        </pkt-alert>` : s, c = () => o`
-        ${i()} 
-        ${d()}
-        ${this.counterPosition === "top" ? u() : s}
-        <div class="pkt-contents">${g(this)}</div>
-        ${this.counterPosition === "bottom" ? u() : s} 
-        ${b()}
-      `, y = () => this.hasFieldset ? o`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
-            ${c()}
-          </fieldset>` : o`<div class="pkt-inputwrapper__fieldset">${c()}</div>`;
-    return o`<div class=${v(l)}>${y()}</div> `;
-  }
-  toggleDropdown(l) {
-    this.dispatchEvent(
-      new CustomEvent("toggleHelpText", {
-        bubbles: !1,
-        detail: { isOpen: l.detail.isOpen }
-      })
-    );
-  }
-  handleLabelClick() {
-    this.dispatchEvent(
-      new CustomEvent("labelClick", {
-        bubbles: !0,
-        composed: !0,
-        detail: "label clicked"
-      })
-    );
-  }
-};
-e([
-  r({ type: String })
-], t.prototype, "forId", 2);
-e([
-  r({ type: String })
-], t.prototype, "label", 2);
-e([
-  r({ type: String })
-], t.prototype, "helptext", 2);
-e([
-  r({ type: String })
-], t.prototype, "helptextDropdown", 2);
-e([
-  r({ type: String })
-], t.prototype, "helptextDropdownButton", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "counter", 2);
-e([
-  r({ type: Number })
-], t.prototype, "counterCurrent", 2);
-e([
-  r({ type: Number })
-], t.prototype, "counterMaxLength", 2);
-e([
-  r({ type: String })
-], t.prototype, "counterError", 2);
-e([
-  r({ type: String, reflect: !1 })
-], t.prototype, "counterPosition", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "optionalTag", 2);
-e([
-  r({ type: String })
-], t.prototype, "optionalText", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "requiredTag", 2);
-e([
-  r({ type: String })
-], t.prototype, "requiredText", 2);
-e([
-  r({ type: String })
-], t.prototype, "tagText", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "hasError", 2);
-e([
-  r({ type: String })
-], t.prototype, "errorMessage", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "disabled", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "inline", 2);
-e([
-  r({ type: String })
-], t.prototype, "ariaDescribedby", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "hasFieldset", 2);
-e([
-  r({ type: String, reflect: !0 })
-], t.prototype, "role", 2);
-e([
-  r({ type: Boolean, reflect: !0, converter: T })
-], t.prototype, "useWrapper", 2);
-t = e([
-  m("pkt-input-wrapper")
-], t);
-export {
-  t as P
-};

package/dist/link-R_lNhViF.cjs

@@ -1,7 +0,0 @@
-"use strict";const c=require("./element-with-slot-ZX-up7jO.cjs"),t=require("./element-gR_VtSiD.cjs"),h=require("./class-map-CsENJXf1.cjs");require("./icon-Bqj9oBbl.cjs");const k={href:{default:"#"},target:{default:"_self"}},a={props:k};var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,i=(o,n,s,r)=>{for(var e=r>1?void 0:r?u(n,s):n,l=o.length-1,p;l>=0;l--)(p=o[l])&&(e=(r?p(n,s,e):p(e))||e);return r&&e&&f(n,s,e),e};exports.PktLink=class extends c.PktElementWithSlot{constructor(){super(...arguments),this.href=a.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=a.props.target.default}render(){const n={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return t.b`<a
-      class=${h.e(n)}
-      href=${this.href}
-      .target=${this.target}
-      .rel=${this.external?"noopener noreferrer":t.A}
-      >${this.iconName?t.b`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:""} <span>${c.slotContent(this)}</span></a
-    >`}};i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"href",2);i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconName",2);i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconPosition",2);i([t.n({type:Boolean,reflect:!0})],exports.PktLink.prototype,"external",2);i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"target",2);exports.PktLink=i([t.t("pkt-link")],exports.PktLink);

package/dist/link-Z_GizclR.js

@@ -1,53 +0,0 @@
-import { P as h, s as m } from "./element-with-slot-Dqk6-TRR.js";
-import { A as u, b as c, n as i, t as g } from "./element-CPpT3rFQ.js";
-import { e as P } from "./class-map-CEnykyO_.js";
-import "./icon-BlKA8YuW.js";
-const k = { href: { default: "#" }, target: { default: "_self" } }, f = {
-  props: k
-};
-var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, r = (o, n, p, s) => {
-  for (var t = s > 1 ? void 0 : s ? _(n, p) : n, a = o.length - 1, l; a >= 0; a--)
-    (l = o[a]) && (t = (s ? l(n, p, t) : l(t)) || t);
-  return s && t && y(n, p, t), t;
-};
-let e = class extends h {
-  constructor() {
-    super(...arguments), this.href = f.props.href.default, this.iconName = void 0, this.iconPosition = void 0, this.external = !1, this.target = f.props.target.default;
-  }
-  render() {
-    const o = {
-      "pkt-link": !0,
-      "pkt-link--icon-left": !!this.iconName && this.iconPosition === "left" || !!(this.iconName && !this.iconPosition),
-      "pkt-link--icon-right": !!this.iconName && this.iconPosition === "right",
-      "pkt-link--external": this.external
-    };
-    return c`<a
-      class=${P(o)}
-      href=${this.href}
-      .target=${this.target}
-      .rel=${this.external ? "noopener noreferrer" : u}
-      >${this.iconName ? c`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>` : ""} <span>${m(this)}</span></a
-    >`;
-  }
-};
-r([
-  i({ type: String, reflect: !0 })
-], e.prototype, "href", 2);
-r([
-  i({ type: String, reflect: !0 })
-], e.prototype, "iconName", 2);
-r([
-  i({ type: String, reflect: !0 })
-], e.prototype, "iconPosition", 2);
-r([
-  i({ type: Boolean, reflect: !0 })
-], e.prototype, "external", 2);
-r([
-  i({ type: String, reflect: !0 })
-], e.prototype, "target", 2);
-e = r([
-  g("pkt-link")
-], e);
-export {
-  e as P
-};

package/dist/linkcard-BlQvdB1a.js

@@ -1,54 +0,0 @@
-import { b as c, n, t as f } from "./element-CPpT3rFQ.js";
-import { P as h, s as k } from "./element-with-slot-Dqk6-TRR.js";
-import "./icon-BlKA8YuW.js";
-import { o as m } from "./if-defined-B0krMLad.js";
-var _ = Object.defineProperty, u = Object.getOwnPropertyDescriptor, r = (o, i, l, s) => {
-  for (var e = s > 1 ? void 0 : s ? u(i, l) : i, p = o.length - 1, a; p >= 0; p--)
-    (a = o[p]) && (e = (s ? a(i, l, e) : a(e)) || e);
-  return s && e && _(i, l, e), e;
-};
-let t = class extends h {
-  constructor() {
-    super(...arguments), this.title = "", this.href = "#", this.iconName = "", this.external = !1, this.openInNewTab = !1, this.skin = "normal";
-  }
-  render() {
-    const o = ["pkt-linkcard", this.skin && `pkt-linkcard--${this.skin}`].filter(Boolean).join(" "), i = ["pkt-linkcard__title", this.external && "pkt-link pkt-link--external"].filter(Boolean).join(" ");
-    return c`
-      <a
-        href=${this.href}
-        class=${o}
-        target=${this.openInNewTab ? "_blank" : "_self"}
-        rel=${m(this.openInNewTab ? "noopener noreferrer" : void 0)}
-      >
-        ${this.iconName && c`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
-        ${this.title && c`<div class=${i}>${this.title}</div>`}
-
-        <div class="pkt-linkcard__text">${k(this)}</div>
-      </a>
-    `;
-  }
-};
-r([
-  n({ type: String, reflect: !0 })
-], t.prototype, "title", 2);
-r([
-  n({ type: String, reflect: !0 })
-], t.prototype, "href", 2);
-r([
-  n({ type: String, reflect: !0 })
-], t.prototype, "iconName", 2);
-r([
-  n({ type: Boolean, reflect: !0 })
-], t.prototype, "external", 2);
-r([
-  n({ type: Boolean, reflect: !0 })
-], t.prototype, "openInNewTab", 2);
-r([
-  n({ type: String, reflect: !0 })
-], t.prototype, "skin", 2);
-t = r([
-  f("pkt-linkcard")
-], t);
-export {
-  t as P
-};

package/dist/linkcard-C7HbSLlX.cjs

@@ -1,13 +0,0 @@
-"use strict";const t=require("./element-gR_VtSiD.cjs"),k=require("./element-with-slot-ZX-up7jO.cjs");require("./icon-Bqj9oBbl.cjs");const p=require("./if-defined-BOW3ODSj.cjs");var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,r=(l,n,i,s)=>{for(var e=s>1?void 0:s?h(n,i):n,o=l.length-1,a;o>=0;o--)(a=l[o])&&(e=(s?a(n,i,e):a(e))||e);return s&&e&&c(n,i,e),e};exports.PktLinkCard=class extends k.PktElementWithSlot{constructor(){super(...arguments),this.title="",this.href="#",this.iconName="",this.external=!1,this.openInNewTab=!1,this.skin="normal"}render(){const n=["pkt-linkcard",this.skin&&`pkt-linkcard--${this.skin}`].filter(Boolean).join(" "),i=["pkt-linkcard__title",this.external&&"pkt-link pkt-link--external"].filter(Boolean).join(" ");return t.b`
-      <a
-        href=${this.href}
-        class=${n}
-        target=${this.openInNewTab?"_blank":"_self"}
-        rel=${p.o(this.openInNewTab?"noopener noreferrer":void 0)}
-      >
-        ${this.iconName&&t.b`<pkt-icon class="pkt-link__icon" name="${this.iconName}" />`}
-        ${this.title&&t.b`<div class=${i}>${this.title}</div>`}
-
-        <div class="pkt-linkcard__text">${k.slotContent(this)}</div>
-      </a>
-    `}};r([t.n({type:String,reflect:!0})],exports.PktLinkCard.prototype,"title",2);r([t.n({type:String,reflect:!0})],exports.PktLinkCard.prototype,"href",2);r([t.n({type:String,reflect:!0})],exports.PktLinkCard.prototype,"iconName",2);r([t.n({type:Boolean,reflect:!0})],exports.PktLinkCard.prototype,"external",2);r([t.n({type:Boolean,reflect:!0})],exports.PktLinkCard.prototype,"openInNewTab",2);r([t.n({type:String,reflect:!0})],exports.PktLinkCard.prototype,"skin",2);exports.PktLinkCard=r([t.t("pkt-linkcard")],exports.PktLinkCard);