@oslokommune/punkt-elements 12.17.2 → 12.18.1

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
-};

package/dist/textarea-B45ZZYpx.cjs

@@ -1,48 +0,0 @@
-"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");/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const d=s.e(class extends s.i{constructor(r){if(super(r),r.type!==s.t$1.PROPERTY&&r.type!==s.t$1.ATTRIBUTE&&r.type!==s.t$1.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!u.f(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(r,[e]){if(e===a.T||e===a.E)return e;const i=r.element,t=r.name;if(r.type===s.t$1.PROPERTY){if(e===i[t])return a.T}else if(r.type===s.t$1.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(t))return a.T}else if(r.type===s.t$1.ATTRIBUTE&&i.getAttribute(t)===e+"")return a.T;return u.m(r),e}});var c=Object.defineProperty,$=Object.getOwnPropertyDescriptor,o=(r,e,i,t)=>{for(var n=t>1?void 0:t?$(e,i):e,l=r.length-1,h;l>=0;l--)(h=r[l])&&(n=(t?h(e,i,n):h(n))||n);return t&&n&&c(e,i,n),n};exports.PktTextarea=class extends a.PktInputElement{constructor(){super(...arguments),this.value="",this.autocomplete="off",this.placeholder="",this.rows=null,this.counterCurrent=0,this.inputRef=u.e()}attributeChangedCallback(e,i,t){e==="value"&&this.value!==i&&(this.counterCurrent=t?t.length:0,this.valueChanged(t,i)),super.attributeChangedCallback(e,i,t)}updated(e){var i;super.updated(e),e.has("value")&&(this.counterCurrent=((i=this.value)==null?void 0:i.length)||0,this.valueChanged(this.value,e.get("value"))),e.has("id")&&!this.name&&this.id&&(this.name=this.id)}render(){const e=p.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}),i=this.ariaLabelledby||`${this.id}-input-label`;return a.x`<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}
-      class="pkt-textarea"
-    >
-      <textarea
-        ${u.n(this.inputRef)}
-        class=${e}
-        id=${this.id+"-input"}
-        name=${(this.name||this.id)+"-input"}
-        placeholder=${this.placeholder??a.E}
-        .value=${d(this.value)}
-        minlength=${this.minlength||a.E}
-        maxlength=${this.maxlength||a.E}
-        ?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=${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()}}
-      ></textarea>
-    </pkt-input-wrapper>`}};o([a.n({type:String,reflect:!0})],exports.PktTextarea.prototype,"value",2);o([a.n({type:String})],exports.PktTextarea.prototype,"autocomplete",2);o([a.n({type:String})],exports.PktTextarea.prototype,"placeholder",2);o([a.n({type:Number})],exports.PktTextarea.prototype,"rows",2);o([a.r()],exports.PktTextarea.prototype,"counterCurrent",2);exports.PktTextarea=o([s.t("pkt-textarea")],exports.PktTextarea);

package/src/components/component-template/index.ts

@@ -1,129 +0,0 @@
-import { html } from 'lit'
-import { customElement, property } from 'lit/decorators.js'
-import { PktElement } from '../element'
-import { PktSlotController } from '@/controllers/pkt-slot-controller'
-import { ref, Ref, createRef } from 'lit/directives/ref.js'
-
-// If you need to convert an object to a list of classes, use classMap
-import { classMap } from 'lit/directives/class-map.js'
-
-// If you need text strings add them in this file and include it
-import translations from '../../translations/no.json'
-
-// If you need to convert attribute strings to JavaScript objects,
-// use helpers from converters.ts
-import { csvToArray } from '../../helpers/converters'
-
-@customElement('pkt-component')
-export class PktComponent extends PktElement {
-  /**
-   * Element attributes => props
-   * Example:
-   * <pkt-component string="hei" strings="hei,og,hallo" darkmode>
-   *  Hei!
-   * </pkt-component>
-   */
-
-  @property({ type: String })
-  string: string = ''
-
-  @property({ converter: csvToArray })
-  strings: string[] = []
-
-  @property({ type: Boolean })
-  darkmode: boolean = false
-
-  /**
-   * Private properties, for internal use only
-   */
-
-  @property({ type: Array }) private _list: string[] = []
-
-  /**
-   * Runs on mount, used to set up various values and whatever you need to run
-   */
-  connectedCallback() {
-    this.strings.length &&
-      this.strings.forEach((string) => {
-        this._list.push(string.toUpperCase())
-      })
-    super.connectedCallback()
-  }
-
-  /**
-   * Set up slot support for Light DOM
-   */
-  slotController: PktSlotController
-  defaultSlot: Ref<HTMLElement> = createRef()
-  namedSlot: Ref<HTMLElement> = createRef()
-
-  constructor() {
-    super()
-    this.slotController = new PktSlotController(this, this.defaultSlot, this.namedSlot)
-  }
-
-  /**
-   * Render functions
-   */
-  render() {
-    const classes = {
-      'pkt-component': true,
-      'pkt-component--has-list': this.strings.length > 0,
-      'pkt-darkmode': this.darkmode,
-    }
-
-    return html`
-      <div class="${classMap(classes)}">
-        <h1 class="pkt-txt-28">${this.string}</h1>
-
-        <h2 class="pkt-txt-22">Innhold fra attributter og funksjoner</h2>
-        <div>${this.renderList(this.strings)}</div>
-        <div>${this.renderList(this.doStuff(this._list))}</div>
-
-        <h2 class="pkt-txt-22">Slot</h2>
-        <div ${ref(this.defaultSlot)}>defaultSlotRef</div>
-        <h2 class="pkt-txt-22">Named slot</h2>
-        <select
-          name="named-slot"
-          ${ref(this.namedSlot)}
-          @change=${(e: Event) => alert((e.target as HTMLSelectElement).value)}
-        >
-          namedSlotRef
-        </select>
-
-        <h2 class="pkt-txt-22">Knapp som emitter en event</h2>
-        <button type="button" @click=${() => this.handleGreeting()}>
-          Si ${translations.example.hi}
-        </button>
-      </div>
-    `
-  }
-
-  private renderList(list: string[]) {
-    return html`
-      <ul>
-        ${list.map((i) => html`<li>${i}</li>`)}
-      </ul>
-    `
-  }
-
-  /**
-   * Add other functionality under here
-   */
-
-  private doStuff(val: string[]) {
-    return val.reverse()
-  }
-
-  /**
-   * Handlers for returning data from the component
-   */
-
-  private handleGreeting() {
-    this.dispatchEvent(
-      new CustomEvent('pkt-greeting', {
-        detail: 'Hei på deg!',
-      }),
-    )
-  }
-}