@oslokommune/punkt-elements 16.7.3 → 16.7.7

package/dist/textarea-CMiSJaYL.js

@@ -1,133 +0,0 @@
-import { E as o, A as c, t as m, b as g, n as u } from "./element-CPpT3rFQ.js";
-import { o as p } from "./if-defined-B0krMLad.js";
-import { r as $ } from "./state-C_1EOo3D.js";
-import { e as f, n as x } from "./ref-Bg_Swj5w.js";
-import { e as v } from "./class-map-CEnykyO_.js";
-import { e as b, i as T, t as s } from "./directive-oAbCiebi.js";
-import { r as y, p as w } from "./directive-helpers-rm-28gIj.js";
-import { P as C } from "./input-element-8nLwuQS4.js";
-import { s as E } from "./element-with-slot-Dqk6-TRR.js";
-import "./input-wrapper-Bs4CRNst.js";
-import "./icon-CxQcIa5F.js";
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const k = b(class extends T {
-  constructor(e) {
-    if (super(e), e.type !== s.PROPERTY && e.type !== s.ATTRIBUTE && e.type !== s.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
-    if (!y(e)) throw Error("`live` bindings can only contain a single expression");
-  }
-  render(e) {
-    return e;
-  }
-  update(e, [t]) {
-    if (t === o || t === c) return t;
-    const i = e.element, r = e.name;
-    if (e.type === s.PROPERTY) {
-      if (t === i[r]) return o;
-    } else if (e.type === s.BOOLEAN_ATTRIBUTE) {
-      if (!!t === i.hasAttribute(r)) return o;
-    } else if (e.type === s.ATTRIBUTE && i.getAttribute(r) === t + "") return o;
-    return w(e), t;
-  }
-});
-var B = Object.defineProperty, l = (e, t, i, r) => {
-  for (var a = void 0, h = e.length - 1, d; h >= 0; h--)
-    (d = e[h]) && (a = d(t, i, a) || a);
-  return a && B(t, i, a), a;
-};
-class n extends C {
-  constructor() {
-    super(...arguments), this.inputRef = f(), this.value = "", this.autocomplete = "off", this.rows = null, this.counterCurrent = 0;
-  }
-  attributeChangedCallback(t, i, r) {
-    t === "value" && this.value !== i && (this.counterCurrent = r ? r.length : 0, this.valueChanged(r, i)), super.attributeChangedCallback(t, i, r);
-  }
-  updated(t) {
-    var i;
-    super.updated(t), t.has("value") && (this.counterCurrent = ((i = this.value) == null ? void 0 : i.length) || 0, this.valueChanged(this.value, t.get("value"))), t.has("id") && !this.name && this.id && (this.name = this.id);
-  }
-  render() {
-    const t = v({
-      "pkt-input": !0,
-      "pkt-input--fullwidth": this.fullwidth,
-      "pkt-input--counter-error": this.counter && this.counterMaxLength && this.value.length && this.value.length > this.counterMaxLength
-    }), i = this.ariaLabelledby || `${this.id}-input-label`;
-    return g`<pkt-input-wrapper
-      label=${this.label}
-      ?counter=${this.counter}
-      ?disabled=${this.disabled}
-      ?hasError=${this.hasError}
-      ?inline=${this.inline}
-      ?optionalTag=${this.optionalTag}
-      ?required=${this.required}
-      ?requiredTag=${this.requiredTag}
-      useWrapper=${this.useWrapper}
-      .ariaDescribedBy=${this.ariaDescribedBy}
-      .counterCurrent=${this.counterCurrent}
-      .counterMaxLength=${this.counterMaxLength}
-      .errorMessage=${this.errorMessage}
-      .forId="${this.id + "-input"}"
-      .helptext=${this.helptext}
-      .helptextDropdown=${this.helptextDropdown}
-      .helptextDropdownButton=${this.helptextDropdownButton}
-      .optionalText=${this.optionalText}
-      .requiredText=${this.requiredText}
-      .tagText=${this.tagText}
-      class="pkt-textarea"
-    >
-      <div class="pkt-contents" slot="helptext">${E(this, "helptext")}</div>
-      <textarea
-        ${x(this.inputRef)}
-        class=${t}
-        id=${this.id + "-input"}
-        name=${(this.name || this.id) + "-input"}
-        placeholder=${p(this.placeholder)}
-        .value=${k(this.value)}
-        minlength=${p(this.minlength)}
-        maxlength=${p(this.maxlength)}
-        ?readonly=${this.readonly}
-        autocomplete=${this.autocomplete}
-        aria-labelledby=${i}
-        aria-invalid=${this.hasError}
-        aria-errormessage=${`${this.id}-error`}
-        rows=${this.rows}
-        ?disabled=${this.disabled}
-        @input=${(r) => {
-      this.value = r.target.value, this.onInput(), r.stopImmediatePropagation();
-    }}
-        @change=${(r) => {
-      r.stopImmediatePropagation();
-    }}
-        @focus=${(r) => {
-      this.onFocus(), r.stopImmediatePropagation();
-    }}
-        @blur=${(r) => {
-      this.value = r.target.value, this.onBlur(), r.stopImmediatePropagation();
-    }}
-      ></textarea>
-    </pkt-input-wrapper>`;
-  }
-}
-l([
-  u({ type: String, reflect: !0 })
-], n.prototype, "value");
-l([
-  u({ type: String })
-], n.prototype, "autocomplete");
-l([
-  u({ type: Number })
-], n.prototype, "rows");
-l([
-  $()
-], n.prototype, "counterCurrent");
-try {
-  m("pkt-textarea")(n);
-} catch {
-  console.warn("Forsøker å definere <pkt-textarea>, men den er allerede definert");
-}
-export {
-  n as P
-};

package/dist/textinput-em9y4yrL.cjs

@@ -1,70 +0,0 @@
-"use strict";const t=require("./element-gR_VtSiD.cjs"),h=require("./if-defined-BOW3ODSj.cjs"),c=require("./state-Dg-53wQ8.cjs"),l=require("./ref-CL-Xk9Xm.cjs"),d=require("./class-map-CsENJXf1.cjs"),$=require("./input-element-DdVhUvva.cjs"),f=require("./element-with-slot-ZX-up7jO.cjs");require("./input-wrapper-Bv9aqqVq.cjs");require("./icon-q81vqPK_.cjs");var g=Object.defineProperty,r=(u,i,s,a)=>{for(var e=void 0,o=u.length-1,p;o>=0;o--)(p=u[o])&&(e=p(i,s,e)||e);return e&&g(i,s,e),e};class n extends $.PktInputElement{constructor(){super(...arguments),this.inputRef=l.e(),this.value="",this.type="text",this.size=null,this.autocomplete=null,this.iconNameRight=null,this.prefix=null,this.suffix=null,this.omitSearchIcon=!1,this.counterCurrent=0}attributeChangedCallback(i,s,a){i==="value"&&this.value!==s&&(this.counterCurrent=a?a.length:0,this.valueChanged(a,s)),super.attributeChangedCallback(i,s,a)}updated(i){var s;super.updated(i),i.has("value")&&(this.counterCurrent=((s=this.value)==null?void 0:s.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,s=d.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}),a=this.ariaLabelledby||`${this.id}-input-label`;return t.b`
-      <pkt-input-wrapper
-        label="${this.label}"
-        ?counter=${this.counter}
-        ?disabled=${this.disabled}
-        ?hasError=${this.hasError}
-        ?hasFieldset=${this.hasFieldset}
-        ?inline=${this.inline}
-        ?optionalTag=${this.optionalTag}
-        ?required=${this.required}
-        ?requiredTag=${this.requiredTag}
-        useWrapper=${this.useWrapper}
-        .ariaDescribedBy=${this.ariaDescribedBy}
-        .counterCurrent=${this.counterCurrent}
-        .counterMaxLength=${this.counterMaxLength}
-        .errorMessage=${this.errorMessage}
-        .forId="${this.id+"-input"}"
-        .helptext=${this.helptext}
-        .helptextDropdown=${this.helptextDropdown}
-        .helptextDropdownButton=${this.helptextDropdownButton}
-        .optionalText=${this.optionalText}
-        .requiredText=${this.requiredText}
-        .tagText=${this.tagText}
-        class="pkt-textinput"
-      >
-        <div class="pkt-contents" slot="helptext">${f.slotContent(this,"helptext")}</div>
-        <div class="pkt-input__container">
-          ${this.prefix?t.b`<div class="pkt-input-prefix">${this.prefix}</div>`:t.A}
-          <input
-            ${l.n(this.inputRef)}
-            class=${s}
-            type=${this.type}
-            name=${(this.name||this.id)+"-input"}
-            id=${this.id+"-input"}
-            placeholder=${h.o(this.placeholder)}
-            aria-labelledby=${a}
-            autocomplete=${this.autocomplete||"off"}
-            minlength=${h.o(this.minlength||void 0)}
-            maxlength=${h.o(this.maxlength||void 0)}
-            min=${h.o(this.min||void 0)}
-            max=${h.o(this.max||void 0)}
-            step=${h.o(this.step||void 0)}
-            ?readonly=${this.readonly}
-            size=${this.size||t.A}
-            .value=${this.value}
-            ?disabled=${this.disabled}
-            aria-invalid=${this.hasError}
-            aria-errormessage=${`${this.id}-error`}
-            @input=${e=>{this.value=e.target.value,this.onInput(),e.stopImmediatePropagation()}}
-            @change=${e=>{e.stopImmediatePropagation()}}
-            @focus=${e=>{this.onFocus(),e.stopImmediatePropagation()}}
-            @blur=${e=>{this.value=e.target.value,this.onBlur(),e.stopImmediatePropagation()}}
-            @keydown=${e=>{var o;if(e.key==="Enter"){const p=this.internals.form;p?p.requestSubmit():(o=this.inputRef.value)==null||o.blur()}}}
-          />
-          ${this.suffix?t.b`<div class="pkt-input-suffix">
-                ${this.suffix}
-                ${this.iconNameRight?t.b`<pkt-icon
-                      class="pkt-input-suffix-icon"
-                      name=${this.iconNameRight}
-                    ></pkt-icon>`:t.A}
-                ${i?t.b`<pkt-icon
-                      class="pkt-input-suffix-icon"
-                      name="magnifying-glass-big"
-                    ></pkt-icon>`:t.A}
-              </div>`:t.A}
-          ${!this.suffix&&this.iconNameRight?t.b`<pkt-icon class="pkt-input-icon" name=${this.iconNameRight}></pkt-icon>`:t.A}
-          ${!this.suffix&&i?t.b`<pkt-icon class="pkt-input-icon" name="magnifying-glass-big"></pkt-icon>`:t.A}
-        </div>
-      </pkt-input-wrapper>
-    `}}r([t.n({type:String,reflect:!0})],n.prototype,"value");r([t.n({type:String})],n.prototype,"type");r([t.n({type:Number})],n.prototype,"size");r([t.n({type:String})],n.prototype,"autocomplete");r([t.n({type:String})],n.prototype,"iconNameRight");r([t.n({type:String})],n.prototype,"prefix");r([t.n({type:String})],n.prototype,"suffix");r([t.n({type:Boolean})],n.prototype,"omitSearchIcon");r([c.r()],n.prototype,"counterCurrent");try{t.t("pkt-textinput")(n)}catch{console.warn("Forsøker å definere <pkt-textinput>, men den er allerede definert")}exports.PktTextinput=n;

package/dist/textinput-r8udK0IX.js

@@ -1,152 +0,0 @@
-import { t as d, A as a, b as p, n } from "./element-CPpT3rFQ.js";
-import { o as l } from "./if-defined-B0krMLad.js";
-import { r as m } from "./state-C_1EOo3D.js";
-import { e as $, n as f } from "./ref-Bg_Swj5w.js";
-import { e as g } from "./class-map-CEnykyO_.js";
-import { P as x } from "./input-element-8nLwuQS4.js";
-import { s as v } from "./element-with-slot-Dqk6-TRR.js";
-import "./input-wrapper-Bs4CRNst.js";
-import "./icon-CxQcIa5F.js";
-var y = Object.defineProperty, r = (c, i, e, o) => {
-  for (var t = void 0, h = c.length - 1, u; h >= 0; h--)
-    (u = c[h]) && (t = u(i, e, t) || t);
-  return t && y(i, e, t), t;
-};
-class s extends x {
-  constructor() {
-    super(...arguments), this.inputRef = $(), this.value = "", this.type = "text", this.size = null, this.autocomplete = null, this.iconNameRight = null, this.prefix = null, this.suffix = null, this.omitSearchIcon = !1, this.counterCurrent = 0;
-  }
-  attributeChangedCallback(i, e, o) {
-    i === "value" && this.value !== e && (this.counterCurrent = o ? o.length : 0, this.valueChanged(o, e)), super.attributeChangedCallback(i, e, o);
-  }
-  updated(i) {
-    var e;
-    super.updated(i), i.has("value") && (this.counterCurrent = ((e = this.value) == null ? void 0 : e.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, e = g({
-      "pkt-input": !0,
-      "pkt-input--fullwidth": this.fullwidth,
-      "pkt-input--counter-error": this.counter && this.counterMaxLength && this.value.length && this.value.length > this.counterMaxLength
-    }), o = this.ariaLabelledby || `${this.id}-input-label`;
-    return p`
-      <pkt-input-wrapper
-        label="${this.label}"
-        ?counter=${this.counter}
-        ?disabled=${this.disabled}
-        ?hasError=${this.hasError}
-        ?hasFieldset=${this.hasFieldset}
-        ?inline=${this.inline}
-        ?optionalTag=${this.optionalTag}
-        ?required=${this.required}
-        ?requiredTag=${this.requiredTag}
-        useWrapper=${this.useWrapper}
-        .ariaDescribedBy=${this.ariaDescribedBy}
-        .counterCurrent=${this.counterCurrent}
-        .counterMaxLength=${this.counterMaxLength}
-        .errorMessage=${this.errorMessage}
-        .forId="${this.id + "-input"}"
-        .helptext=${this.helptext}
-        .helptextDropdown=${this.helptextDropdown}
-        .helptextDropdownButton=${this.helptextDropdownButton}
-        .optionalText=${this.optionalText}
-        .requiredText=${this.requiredText}
-        .tagText=${this.tagText}
-        class="pkt-textinput"
-      >
-        <div class="pkt-contents" slot="helptext">${v(this, "helptext")}</div>
-        <div class="pkt-input__container">
-          ${this.prefix ? p`<div class="pkt-input-prefix">${this.prefix}</div>` : a}
-          <input
-            ${f(this.inputRef)}
-            class=${e}
-            type=${this.type}
-            name=${(this.name || this.id) + "-input"}
-            id=${this.id + "-input"}
-            placeholder=${l(this.placeholder)}
-            aria-labelledby=${o}
-            autocomplete=${this.autocomplete || "off"}
-            minlength=${l(this.minlength || void 0)}
-            maxlength=${l(this.maxlength || void 0)}
-            min=${l(this.min || void 0)}
-            max=${l(this.max || void 0)}
-            step=${l(this.step || void 0)}
-            ?readonly=${this.readonly}
-            size=${this.size || a}
-            .value=${this.value}
-            ?disabled=${this.disabled}
-            aria-invalid=${this.hasError}
-            aria-errormessage=${`${this.id}-error`}
-            @input=${(t) => {
-      this.value = t.target.value, this.onInput(), t.stopImmediatePropagation();
-    }}
-            @change=${(t) => {
-      t.stopImmediatePropagation();
-    }}
-            @focus=${(t) => {
-      this.onFocus(), t.stopImmediatePropagation();
-    }}
-            @blur=${(t) => {
-      this.value = t.target.value, this.onBlur(), t.stopImmediatePropagation();
-    }}
-            @keydown=${(t) => {
-      var h;
-      if (t.key === "Enter") {
-        const u = this.internals.form;
-        u ? u.requestSubmit() : (h = this.inputRef.value) == null || h.blur();
-      }
-    }}
-          />
-          ${this.suffix ? p`<div class="pkt-input-suffix">
-                ${this.suffix}
-                ${this.iconNameRight ? p`<pkt-icon
-                      class="pkt-input-suffix-icon"
-                      name=${this.iconNameRight}
-                    ></pkt-icon>` : a}
-                ${i ? p`<pkt-icon
-                      class="pkt-input-suffix-icon"
-                      name="magnifying-glass-big"
-                    ></pkt-icon>` : a}
-              </div>` : a}
-          ${!this.suffix && this.iconNameRight ? p`<pkt-icon class="pkt-input-icon" name=${this.iconNameRight}></pkt-icon>` : a}
-          ${!this.suffix && i ? p`<pkt-icon class="pkt-input-icon" name="magnifying-glass-big"></pkt-icon>` : a}
-        </div>
-      </pkt-input-wrapper>
-    `;
-  }
-}
-r([
-  n({ type: String, reflect: !0 })
-], s.prototype, "value");
-r([
-  n({ type: String })
-], s.prototype, "type");
-r([
-  n({ type: Number })
-], s.prototype, "size");
-r([
-  n({ type: String })
-], s.prototype, "autocomplete");
-r([
-  n({ type: String })
-], s.prototype, "iconNameRight");
-r([
-  n({ type: String })
-], s.prototype, "prefix");
-r([
-  n({ type: String })
-], s.prototype, "suffix");
-r([
-  n({ type: Boolean })
-], s.prototype, "omitSearchIcon");
-r([
-  m()
-], s.prototype, "counterCurrent");
-try {
-  d("pkt-textinput")(s);
-} catch {
-  console.warn("Forsøker å definere <pkt-textinput>, men den er allerede definert");
-}
-export {
-  s as P
-};

package/dist/utils-DznhwRXm.js

@@ -1,8 +0,0 @@
-const t = () => ("00000000000000000" + (Math.random() * 18446744073709552e3).toString(16)).slice(-16), c = (e) => new Promise((s) => setTimeout(s, e)), i = () => {
-  const e = t(), s = t();
-  return e.slice(0, 8) + "-" + e.slice(8, 12) + "-4" + e.slice(13) + "-a" + s.slice(1, 4) + "-" + s.slice(4);
-};
-export {
-  c as s,
-  i as u
-};

package/dist/utils-byXsEz1u.cjs

@@ -1 +0,0 @@
-"use strict";const i=()=>("00000000000000000"+(Math.random()*18446744073709552e3).toString(16)).slice(-16),t=e=>new Promise(s=>setTimeout(s,e)),c=()=>{const e=i(),s=i();return e.slice(0,8)+"-"+e.slice(8,12)+"-4"+e.slice(13)+"-a"+s.slice(1,4)+"-"+s.slice(4)};exports.sleep=t;exports.uuidish=c;