@oslokommune/punkt-elements 16.7.1 → 16.7.4

package/dist/card-CyeH6l1c.cjs

@@ -1,87 +0,0 @@
-"use strict";const l=require("./class-map-CsENJXf1.cjs"),h=require("./if-defined-BOW3ODSj.cjs"),t=require("./element-gR_VtSiD.cjs"),g=require("./element-with-slot-ZX-up7jO.cjs");require("./icon-Bqj9oBbl.cjs");require("./tag-X6xdjR0N.cjs");require("./heading-Cvz8m1xL.cjs");const c={layout:{default:"vertical"},skin:{type:["outlined","outlined-beige","gray","blue","beige","green"],default:"outlined"},padding:{default:"default"}},p={props:c};var k=Object.defineProperty,u=Object.getOwnPropertyDescriptor,e=(i,a,n,s)=>{for(var r=s>1?void 0:s?u(a,n):a,d=i.length-1,o;d>=0;d--)(o=i[d])&&(r=(s?o(a,n,r):o(r))||r);return s&&r&&k(a,n,r),r};exports.PktCard=class extends g.PktElementWithSlot{constructor(){super(...arguments),this.ariaLabel="",this.metaLead=null,this.borderOnHover=!0,this.clickCardLink=null,this.metaTrail=null,this.layout=p.props.layout.default,this.heading="",this.headinglevel=3,this.image={src:"",alt:""},this.imageShape="square",this.openLinkInNewTab=!1,this.padding=p.props.padding.default,this.skin=p.props.skin.default,this.subheading="",this.tagPosition="top",this.tags=[]}connectedCallback(){super.connectedCallback()}render(){var r,d;const a={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover},n=((r=this.ariaLabel)==null?void 0:r.trim())||(this.heading?`${this.heading} lenkekort`:"lenkekort"),s=((d=this.ariaLabel)==null?void 0:d.trim())||(this.heading?this.heading:"kort");return t.b`
-      <article
-        class=${l.e(a)}
-        aria-label=${h.o(this.clickCardLink?n:s)}
-      >
-        ${this.renderImage()}
-        <div class="pkt-card__wrapper">
-          ${this.tagPosition==="top"?this.renderTags():t.A} 
-          ${this.renderHeader()}
-          ${this.renderSlot()} 
-          ${this.tagPosition==="bottom"?this.renderTags():t.A}
-          ${this.renderMetadata()}
-        </div>
-      </article>
-    `}renderImage(){const a={"pkt-card__image":!0,[`pkt-card__image-${this.imageShape}`]:this.imageShape};return t.b`
-      ${this.image.src&&t.b`
-        <div class=${l.e(a)}>
-          <img src=${this.image.src} alt=${this.image.alt||""} />
-        </div>
-      `}
-    `}renderHeading(){return t.b`
-      ${this.heading&&!this.clickCardLink?t.b`
-            <pkt-heading
-              class="pkt-card__heading"
-              .level=${this.headinglevel||3}
-              size="medium"
-              nospacing
-              weight="regular"
-            >
-              ${this.heading}
-            </pkt-heading>
-          `:t.A}
-    `}renderLinkHeading(){return t.b`
-      ${this.clickCardLink?t.b`
-            <pkt-heading
-              class="pkt-card__link-heading pkt-card__heading"
-              .level=${this.headinglevel||3}
-              size="medium"
-              weight="regular"
-              nospacing
-            >
-              <a
-                class="pkt-card__link"
-                href=${this.clickCardLink}
-                target=${this.openLinkInNewTab?"_blank":"_self"}
-                >${this.heading}</a
-              >
-            </pkt-heading>
-          `:t.A}
-    `}renderSubheading(){return t.b`
-      ${this.subheading?t.b` <p class="pkt-card__subheading ">${this.subheading}</p> `:t.A}
-    `}renderHeader(){const a=!!this.heading||!!this.subheading;return t.b`
-      ${a?t.b`
-            <header class="pkt-card__header">
-              ${this.renderHeading()} 
-              ${this.renderLinkHeading()} 
-              ${this.renderSubheading()}
-            </header>
-          `:t.A}
-    `}renderTags(){const a={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return t.b`
-      ${this.tags.length>0?t.b`
-            <div
-              class=${l.e(a)}
-              role="list"
-              aria-label=${this.tags.length>1?"merkelapper":"merkelapp"}
-            >
-              ${this.tags.map(n=>t.b`
-                  <pkt-tag
-                    role="listitem"
-                    textStyle="normal-text"
-                    size="medium"
-                    skin=${h.o(n.skin)}
-                    iconName=${h.o(n.iconName)}
-                  >
-                    <span>${n.text}</span>
-                  </pkt-tag>
-                `)}
-            </div>
-          `:t.A}
-    `}renderSlot(){return t.b`<section class="pkt-card__content">${g.slotContent(this)}</section>`}renderMetadata(){return t.b`
-      ${this.metaLead||this.metaTrail?t.b`
-            <footer class="pkt-card__metadata">
-              ${this.metaLead?t.b`<span class="pkt-card__metadata-lead">${this.metaLead}</span>`:t.A}
-              ${this.metaTrail?t.b`<span class="pkt-card__metadata-trail">${this.metaTrail}</span>`:t.A}
-            </footer>
-          `:t.A}
-    `}};e([t.n({type:String})],exports.PktCard.prototype,"ariaLabel",2);e([t.n({type:String})],exports.PktCard.prototype,"metaLead",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"borderOnHover",2);e([t.n({type:String,reflect:!0})],exports.PktCard.prototype,"clickCardLink",2);e([t.n({type:String})],exports.PktCard.prototype,"metaTrail",2);e([t.n({type:String})],exports.PktCard.prototype,"layout",2);e([t.n({type:String})],exports.PktCard.prototype,"heading",2);e([t.n({type:Number})],exports.PktCard.prototype,"headinglevel",2);e([t.n({type:Object})],exports.PktCard.prototype,"image",2);e([t.n({type:String})],exports.PktCard.prototype,"imageShape",2);e([t.n({type:Boolean})],exports.PktCard.prototype,"openLinkInNewTab",2);e([t.n({type:String})],exports.PktCard.prototype,"padding",2);e([t.n({type:String,converter:{fromAttribute:i=>{const a=p.props.skin.type;return i&&a.includes(i)?i:(i&&!a.includes(i)&&console.warn(`Invalid skin value "${i}". Using default skin "${p.props.skin.default}".`),p.props.skin.default)},toAttribute:i=>i}})],exports.PktCard.prototype,"skin",2);e([t.n({type:String})],exports.PktCard.prototype,"subheading",2);e([t.n({type:String})],exports.PktCard.prototype,"tagPosition",2);e([t.n({type:Array})],exports.PktCard.prototype,"tags",2);exports.PktCard=e([t.t("pkt-card")],exports.PktCard);

package/dist/card-DDiLfuO4.js

@@ -1,231 +0,0 @@
-import { e as c } from "./class-map-CEnykyO_.js";
-import { o as k } from "./if-defined-B0krMLad.js";
-import { A as d, b as e, n as r, t as u } from "./element-CPpT3rFQ.js";
-import { P as m, s as $ } from "./element-with-slot-Dqk6-TRR.js";
-import "./icon-BlKA8YuW.js";
-import "./tag-BuCpqaks.js";
-import "./heading-CKt7cVn7.js";
-const y = { layout: { default: "vertical" }, skin: { type: ["outlined", "outlined-beige", "gray", "blue", "beige", "green"], default: "outlined" }, padding: { default: "default" } }, o = {
-  props: y
-};
-var _ = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (t, s, l, p) => {
-  for (var n = p > 1 ? void 0 : p ? b(s, l) : s, h = t.length - 1, g; h >= 0; h--)
-    (g = t[h]) && (n = (p ? g(s, l, n) : g(n)) || n);
-  return p && n && _(s, l, n), n;
-};
-let a = class extends m {
-  constructor() {
-    super(...arguments), this.ariaLabel = "", this.metaLead = null, this.borderOnHover = !0, this.clickCardLink = null, this.metaTrail = null, this.layout = o.props.layout.default, this.heading = "", this.headinglevel = 3, this.image = {
-      src: "",
-      alt: ""
-    }, this.imageShape = "square", this.openLinkInNewTab = !1, this.padding = o.props.padding.default, this.skin = o.props.skin.default, this.subheading = "", this.tagPosition = "top", this.tags = [];
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  // Render methods
-  // Main render method
-  // prettier-ignore
-  render() {
-    var p, n;
-    const t = {
-      "pkt-card": !0,
-      [`pkt-card--${this.skin}`]: this.skin,
-      [`pkt-card--${this.layout}`]: this.layout,
-      [`pkt-card--padding-${this.padding}`]: this.padding,
-      "pkt-card--border-on-hover": this.borderOnHover
-    }, s = ((p = this.ariaLabel) == null ? void 0 : p.trim()) || (this.heading ? `${this.heading} lenkekort` : "lenkekort"), l = ((n = this.ariaLabel) == null ? void 0 : n.trim()) || (this.heading ? this.heading : "kort");
-    return e`
-      <article
-        class=${c(t)}
-        aria-label=${k(this.clickCardLink ? s : l)}
-      >
-        ${this.renderImage()}
-        <div class="pkt-card__wrapper">
-          ${this.tagPosition === "top" ? this.renderTags() : d} 
-          ${this.renderHeader()}
-          ${this.renderSlot()} 
-          ${this.tagPosition === "bottom" ? this.renderTags() : d}
-          ${this.renderMetadata()}
-        </div>
-      </article>
-    `;
-  }
-  // Render methods for different parts of the card
-  renderImage() {
-    const t = {
-      "pkt-card__image": !0,
-      [`pkt-card__image-${this.imageShape}`]: this.imageShape
-    };
-    return e`
-      ${this.image.src && e`
-        <div class=${c(t)}>
-          <img src=${this.image.src} alt=${this.image.alt || ""} />
-        </div>
-      `}
-    `;
-  }
-  // Do not render heading if link is present, render link heading instead
-  // Combine the rendering for headings into a renderHeader method
-  renderHeading() {
-    return e`
-      ${this.heading && !this.clickCardLink ? e`
-            <pkt-heading
-              class="pkt-card__heading"
-              .level=${this.headinglevel || 3}
-              size="medium"
-              nospacing
-              weight="regular"
-            >
-              ${this.heading}
-            </pkt-heading>
-          ` : d}
-    `;
-  }
-  renderLinkHeading() {
-    return e`
-      ${this.clickCardLink ? e`
-            <pkt-heading
-              class="pkt-card__link-heading pkt-card__heading"
-              .level=${this.headinglevel || 3}
-              size="medium"
-              weight="regular"
-              nospacing
-            >
-              <a
-                class="pkt-card__link"
-                href=${this.clickCardLink}
-                target=${this.openLinkInNewTab ? "_blank" : "_self"}
-                >${this.heading}</a
-              >
-            </pkt-heading>
-          ` : d}
-    `;
-  }
-  renderSubheading() {
-    return e`
-      ${this.subheading ? e` <p class="pkt-card__subheading ">${this.subheading}</p> ` : d}
-    `;
-  }
-  // Render header
-  // prettier-ignore
-  renderHeader() {
-    const t = !!this.heading || !!this.subheading;
-    return e`
-      ${t ? e`
-            <header class="pkt-card__header">
-              ${this.renderHeading()} 
-              ${this.renderLinkHeading()} 
-              ${this.renderSubheading()}
-            </header>
-          ` : d}
-    `;
-  }
-  renderTags() {
-    const t = {
-      "pkt-card__tags": !0,
-      [`pkt-card__tags-${this.tagPosition}`]: this.tagPosition
-    };
-    return e`
-      ${this.tags.length > 0 ? e`
-            <div
-              class=${c(t)}
-              role="list"
-              aria-label=${this.tags.length > 1 ? "merkelapper" : "merkelapp"}
-            >
-              ${this.tags.map(
-      (s) => e`
-                  <pkt-tag
-                    role="listitem"
-                    textStyle="normal-text"
-                    size="medium"
-                    skin=${k(s.skin)}
-                    iconName=${k(s.iconName)}
-                  >
-                    <span>${s.text}</span>
-                  </pkt-tag>
-                `
-    )}
-            </div>
-          ` : d}
-    `;
-  }
-  renderSlot() {
-    return e`<section class="pkt-card__content">${$(this)}</section>`;
-  }
-  renderMetadata() {
-    return e`
-      ${this.metaLead || this.metaTrail ? e`
-            <footer class="pkt-card__metadata">
-              ${this.metaLead ? e`<span class="pkt-card__metadata-lead">${this.metaLead}</span>` : d}
-              ${this.metaTrail ? e`<span class="pkt-card__metadata-trail">${this.metaTrail}</span>` : d}
-            </footer>
-          ` : d}
-    `;
-  }
-};
-i([
-  r({ type: String })
-], a.prototype, "ariaLabel", 2);
-i([
-  r({ type: String })
-], a.prototype, "metaLead", 2);
-i([
-  r({ type: Boolean })
-], a.prototype, "borderOnHover", 2);
-i([
-  r({ type: String, reflect: !0 })
-], a.prototype, "clickCardLink", 2);
-i([
-  r({ type: String })
-], a.prototype, "metaTrail", 2);
-i([
-  r({ type: String })
-], a.prototype, "layout", 2);
-i([
-  r({ type: String })
-], a.prototype, "heading", 2);
-i([
-  r({ type: Number })
-], a.prototype, "headinglevel", 2);
-i([
-  r({ type: Object })
-], a.prototype, "image", 2);
-i([
-  r({ type: String })
-], a.prototype, "imageShape", 2);
-i([
-  r({ type: Boolean })
-], a.prototype, "openLinkInNewTab", 2);
-i([
-  r({ type: String })
-], a.prototype, "padding", 2);
-i([
-  r({
-    type: String,
-    converter: {
-      fromAttribute: (t) => {
-        const s = o.props.skin.type;
-        return t && s.includes(t) ? t : (t && !s.includes(t) && console.warn(
-          `Invalid skin value "${t}". Using default skin "${o.props.skin.default}".`
-        ), o.props.skin.default);
-      },
-      toAttribute: (t) => t
-    }
-  })
-], a.prototype, "skin", 2);
-i([
-  r({ type: String })
-], a.prototype, "subheading", 2);
-i([
-  r({ type: String })
-], a.prototype, "tagPosition", 2);
-i([
-  r({ type: Array })
-], a.prototype, "tags", 2);
-a = i([
-  u("pkt-card")
-], a);
-export {
-  a as P
-};

package/dist/checkbox-BLlwTABj.cjs

@@ -1,31 +0,0 @@
-"use strict";const t=require("./element-gR_VtSiD.cjs"),o=require("./input-element-DdVhUvva.cjs"),r=require("./ref-CL-Xk9Xm.cjs"),p=require("./class-map-CsENJXf1.cjs");var u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,i=(l,e,h,a)=>{for(var s=a>1?void 0:a?d(e,h):e,c=l.length-1,n;c>=0;c--)(n=l[c])&&(s=(a?n(e,h,s):n(s))||s);return a&&s&&u(e,h,s),s};exports.PktCheckbox=class extends o.PktInputElement{constructor(){super(...arguments),this.inputRef=r.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.isSwitch=!1,this.labelPosition="right",this.hideLabel=!1,this.checked=null,this.indeterminate=!1,this.type="checkbox",this.tagText=null,this.optionalTag=!1,this.optionalText="Valgfritt",this.requiredTag=!1,this.requiredText="Må fylles ut"}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,h,a){e==="defaultChecked"&&!this.checked&&(this.checked=this.defaultChecked),e==="checked"&&(this.checked=this.checked===""||this.checked==="true"||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e==="indeterminate"&&(this.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,h,a)}firstUpdated(e){e.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0),super.firstUpdated(e)}updated(e){e.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),e.has("checked")&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===""||this.checked==="true"||this.checked===!0),e.has("indeterminate")&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0),super.updated(e)}render(){const e=p.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),h=p.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=p.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-input-check__input-label--left":this.labelPosition==="left","pkt-input-check__input-label--right":this.labelPosition==="right","pkt-sr-only":this.hideLabel}),s="pkt-tag pkt-tag--small pkt-tag--thin-text",c=()=>t.b`
-        ${this.tagText?t.b`<span class=${s+" pkt-tag--gray"}>${this.tagText}</span>`:t.A}
-        ${this.optionalTag?t.b`<span class=${s+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.A}
-        ${this.requiredTag?t.b`<span class=${s+" pkt-tag--beige"}>${this.requiredText}</span>`:t.A}
-      `,n=()=>t.b`
-        <label class=${a} for=${this.id+"-internal"}>
-          ${this.label} ${c()}
-          ${this.checkHelptext?t.b`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:t.A}
-        </label>
-      `;return t.b`
-      <div class="pkt-input-check">
-        <div class=${e}>
-          ${this.labelPosition==="left"?n():t.A}
-          <input
-            id=${this.id+"-internal"}
-            class=${h}
-            type="checkbox"
-            ?disabled=${this.disabled}
-            name=${this.name+"-internal"}
-            ${r.n(this.inputRef)}
-            @change=${this.handleChange}
-            @click=${this.handleClick}
-            @blur=${this.onBlur}
-            @focus=${this.onFocus}
-            ?checked=${this.checked}
-            role=${this.isSwitch?"switch":"checkbox"}
-          />
-          ${this.labelPosition==="right"?n():t.A}
-        </div>
-      </div>
-    `}handleClick(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),!1}handleChange(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),!1;this.toggleChecked(e)}toggleChecked(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}const h=e.target;if(h&&h.disabled){e.preventDefault(),e.stopImmediatePropagation();return}e.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this.checked=this.inputRef.value.matches(":checked"),this.valueChecked(this.checked))}};i([t.n({type:String,reflect:!0})],exports.PktCheckbox.prototype,"value",2);i([t.n({type:String})],exports.PktCheckbox.prototype,"checkHelptext",2);i([t.n({type:Boolean})],exports.PktCheckbox.prototype,"defaultChecked",2);i([t.n({type:Boolean})],exports.PktCheckbox.prototype,"hasTile",2);i([t.n({type:Boolean})],exports.PktCheckbox.prototype,"isSwitch",2);i([t.n({type:String})],exports.PktCheckbox.prototype,"labelPosition",2);i([t.n({type:Boolean})],exports.PktCheckbox.prototype,"hideLabel",2);i([t.n({type:Boolean,reflect:!0})],exports.PktCheckbox.prototype,"checked",2);i([t.n({type:Boolean,reflect:!0})],exports.PktCheckbox.prototype,"indeterminate",2);i([t.n({type:String,reflect:!0})],exports.PktCheckbox.prototype,"type",2);i([t.n({type:String})],exports.PktCheckbox.prototype,"tagText",2);i([t.n({type:Boolean})],exports.PktCheckbox.prototype,"optionalTag",2);i([t.n({type:String})],exports.PktCheckbox.prototype,"optionalText",2);i([t.n({type:Boolean})],exports.PktCheckbox.prototype,"requiredTag",2);i([t.n({type:String})],exports.PktCheckbox.prototype,"requiredText",2);exports.PktCheckbox=i([t.t("pkt-checkbox")],exports.PktCheckbox);

package/dist/checkbox-ejBUa5qQ.js

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

package/dist/class-map-CEnykyO_.js

@@ -1,34 +0,0 @@
-import { E as a } from "./element-CPpT3rFQ.js";
-import { e as h, i as d, t as c } from "./directive-oAbCiebi.js";
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const u = h(class extends d {
-  constructor(s) {
-    var e;
-    if (super(s), s.type !== c.ATTRIBUTE || s.name !== "class" || ((e = s.strings) == null ? void 0 : e.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(s) {
-    return " " + Object.keys(s).filter((e) => s[e]).join(" ") + " ";
-  }
-  update(s, [e]) {
-    var n, i;
-    if (this.st === void 0) {
-      this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((t) => t !== "")));
-      for (const t in e) e[t] && !((n = this.nt) != null && n.has(t)) && this.st.add(t);
-      return this.render(e);
-    }
-    const r = s.element.classList;
-    for (const t of this.st) t in e || (r.remove(t), this.st.delete(t));
-    for (const t in e) {
-      const o = !!e[t];
-      o === this.st.has(t) || (i = this.nt) != null && i.has(t) || (o ? (r.add(t), this.st.add(t)) : (r.remove(t), this.st.delete(t)));
-    }
-    return a;
-  }
-});
-export {
-  u as e
-};

package/dist/class-map-CsENJXf1.cjs

@@ -1,5 +0,0 @@
-"use strict";const a=require("./element-gR_VtSiD.cjs"),r=require("./directive-C7oCP5Bh.cjs");/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const c=r.e(class extends r.i{constructor(s){var e;if(super(s),s.type!==r.t.ATTRIBUTE||s.name!=="class"||((e=s.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(e=>s[e]).join(" ")+" "}update(s,[e]){var i,o;if(this.st===void 0){this.st=new Set,s.strings!==void 0&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(t=>t!=="")));for(const t in e)e[t]&&!((i=this.nt)!=null&&i.has(t))&&this.st.add(t);return this.render(e)}const n=s.element.classList;for(const t of this.st)t in e||(n.remove(t),this.st.delete(t));for(const t in e){const h=!!e[t];h===this.st.has(t)||(o=this.nt)!=null&&o.has(t)||(h?(n.add(t),this.st.add(t)):(n.remove(t),this.st.delete(t)))}return a.E}});exports.e=c;

package/dist/classutils-BwNK82ZQ.cjs

@@ -1 +0,0 @@
-"use strict";function a(s,e,i){const r=s.getAttribute("class")||"",t=new Set(r.split(/\s+/).filter(Boolean));i?t.add(e):t.delete(e),s.setAttribute("class",Array.from(t).join(" "))}exports.updateClassAttribute=a;

package/dist/classutils-RQs1k6D9.js

@@ -1,7 +0,0 @@
-function a(s, e, r) {
-  const i = s.getAttribute("class") || "", t = new Set(i.split(/\s+/).filter(Boolean));
-  r ? t.add(e) : t.delete(e), s.setAttribute("class", Array.from(t).join(" "));
-}
-export {
-  a as u
-};