@oslokommune/punkt-elements 16.7.1 → 16.7.4

package/dist/tabitem-CB8wkKmv.js

@@ -1,332 +0,0 @@
-import { P as k, s as $ } from "./element-with-slot-Dqk6-TRR.js";
-import { b as p, n as h, t as y } from "./element-CPpT3rFQ.js";
-import { r as f } from "./state-C_1EOo3D.js";
-import { e as _, n as w } from "./ref-Bg_Swj5w.js";
-import { o as u } from "./if-defined-B0krMLad.js";
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let C = class extends Event {
-  constructor(t, s, i, e) {
-    super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.contextTarget = s, this.callback = i, this.subscribe = e ?? !1;
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let m = class {
-  constructor(t, s, i, e) {
-    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (n, r) => {
-      this.unsubscribe && (this.unsubscribe !== r && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = n, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(n, r)), this.unsubscribe = r;
-    }, this.host = t, s.context !== void 0) {
-      const n = s;
-      this.context = n.context, this.callback = n.callback, this.subscribe = n.subscribe ?? !1;
-    } else this.context = s, this.callback = i, this.subscribe = e ?? !1;
-    this.host.addController(this);
-  }
-  hostConnected() {
-    this.dispatchRequest();
-  }
-  hostDisconnected() {
-    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
-  }
-  dispatchRequest() {
-    this.host.dispatchEvent(new C(this.context, this.host, this.t, this.subscribe));
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class N {
-  get value() {
-    return this.o;
-  }
-  set value(t) {
-    this.setValue(t);
-  }
-  setValue(t, s = !1) {
-    const i = s || !Object.is(t, this.o);
-    this.o = t, i && this.updateObservers();
-  }
-  constructor(t) {
-    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
-      for (const [s, { disposer: i }] of this.subscriptions) s(this.o, i);
-    }, t !== void 0 && (this.value = t);
-  }
-  addCallback(t, s, i) {
-    if (!i) return void t(this.value);
-    this.subscriptions.has(t) || this.subscriptions.set(t, { disposer: () => {
-      this.subscriptions.delete(t);
-    }, consumerHost: s });
-    const { disposer: e } = this.subscriptions.get(t);
-    t(this.value, e);
-  }
-  clearCallbacks() {
-    this.subscriptions.clear();
-  }
-}
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let R = class extends Event {
-  constructor(t, s) {
-    super("context-provider", { bubbles: !0, composed: !0 }), this.context = t, this.contextTarget = s;
-  }
-};
-class g extends N {
-  constructor(t, s, i) {
-    var e, n;
-    super(s.context !== void 0 ? s.initialValue : i), this.onContextRequest = (r) => {
-      if (r.context !== this.context) return;
-      const a = r.contextTarget ?? r.composedPath()[0];
-      a !== this.host && (r.stopPropagation(), this.addCallback(r.callback, a, r.subscribe));
-    }, this.onProviderRequest = (r) => {
-      if (r.context !== this.context || (r.contextTarget ?? r.composedPath()[0]) === this.host) return;
-      const a = /* @__PURE__ */ new Set();
-      for (const [v, { consumerHost: x }] of this.subscriptions) a.has(v) || (a.add(v), x.dispatchEvent(new C(this.context, x, v, !0)));
-      r.stopPropagation();
-    }, this.host = t, s.context !== void 0 ? this.context = s.context : this.context = s, this.attachListeners(), (n = (e = this.host).addController) == null || n.call(e, this);
-  }
-  attachListeners() {
-    this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
-  }
-  hostConnected() {
-    this.host.dispatchEvent(new R(this.context, this.host));
-  }
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function A({ context: o }) {
-  return (t, s) => {
-    const i = /* @__PURE__ */ new WeakMap();
-    if (typeof s == "object") return { get() {
-      return t.get.call(this);
-    }, set(e) {
-      return i.get(this).setValue(e), t.set.call(this, e);
-    }, init(e) {
-      return i.set(this, new g(this, { context: o, initialValue: e })), e;
-    } };
-    {
-      t.constructor.addInitializer(((r) => {
-        i.set(r, new g(r, { context: o }));
-      }));
-      const e = Object.getOwnPropertyDescriptor(t, s);
-      let n;
-      if (e === void 0) {
-        const r = /* @__PURE__ */ new WeakMap();
-        n = { get() {
-          return r.get(this);
-        }, set(a) {
-          i.get(this).setValue(a), r.set(this, a);
-        }, configurable: !0, enumerable: !0 };
-      } else {
-        const r = e.set;
-        n = { ...e, set(a) {
-          i.get(this).setValue(a), r == null || r.call(this, a);
-        } };
-      }
-      return void Object.defineProperty(t, s, n);
-    }
-  };
-}
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function O({ context: o, subscribe: t }) {
-  return (s, i) => {
-    typeof i == "object" ? i.addInitializer((function() {
-      new m(this, { context: o, callback: (e) => {
-        s.set.call(this, e);
-      }, subscribe: t });
-    })) : s.constructor.addInitializer(((e) => {
-      new m(e, { context: o, callback: (n) => {
-        e[i] = n;
-      }, subscribe: t });
-    }));
-  };
-}
-const P = Symbol("pkt-tabs-context");
-var S = Object.defineProperty, T = Object.getOwnPropertyDescriptor, d = (o, t, s, i) => {
-  for (var e = i > 1 ? void 0 : i ? T(t, s) : t, n = o.length - 1, r; n >= 0; n--)
-    (r = o[n]) && (e = (i ? r(t, s, e) : r(e)) || e);
-  return i && e && S(t, s, e), e;
-};
-let b = class extends k {
-  constructor() {
-    super(...arguments), this.arrowNav = !0, this.disableArrowNav = !1, this.tabRefs = [], this.tabCount = 0, this.context = {
-      useArrowNav: this.useArrowNav,
-      registerTab: this.registerTab.bind(this),
-      handleClick: this.handleClick.bind(this),
-      handleKeyUp: this.handleKeyUp.bind(this)
-    };
-  }
-  get useArrowNav() {
-    return this.arrowNav && !this.disableArrowNav;
-  }
-  // Update context when properties change
-  updated(o) {
-    (o.has("arrowNav") || o.has("disableArrowNav")) && (this.context = {
-      ...this.context,
-      useArrowNav: this.useArrowNav
-    });
-  }
-  registerTab(o, t) {
-    this.tabRefs[t] = o, this.tabCount = Math.max(this.tabCount, t + 1);
-  }
-  handleClick(o) {
-    this.dispatchEvent(
-      new CustomEvent("tab-selected", {
-        detail: { index: o },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  handleKeyUp(o, t) {
-    var s, i;
-    this.useArrowNav && (o.code === "ArrowLeft" && t !== 0 && ((s = this.tabRefs[t - 1]) == null || s.focus()), o.code === "ArrowRight" && t < this.tabCount - 1 && ((i = this.tabRefs[t + 1]) == null || i.focus()), (o.code === "ArrowDown" || o.code === "Space") && this.dispatchEvent(
-      new CustomEvent("tab-selected", {
-        detail: { index: t },
-        bubbles: !0,
-        composed: !0
-      })
-    ));
-  }
-  render() {
-    const o = this.useArrowNav ? "tablist" : "navigation";
-    return p`
-      <div class="pkt-tabs">
-        <div class="pkt-tabs__list" role=${o}>${$(this)}</div>
-      </div>
-    `;
-  }
-};
-d([
-  h({ type: Boolean, reflect: !0, attribute: "arrow-nav" })
-], b.prototype, "arrowNav", 2);
-d([
-  h({ type: Boolean, reflect: !0, attribute: "disable-arrow-nav" })
-], b.prototype, "disableArrowNav", 2);
-d([
-  f()
-], b.prototype, "tabRefs", 2);
-d([
-  f()
-], b.prototype, "tabCount", 2);
-d([
-  A({ context: P }),
-  f()
-], b.prototype, "context", 2);
-b = d([
-  y("pkt-tabs")
-], b);
-const M = b;
-var j = Object.defineProperty, q = Object.getOwnPropertyDescriptor, l = (o, t, s, i) => {
-  for (var e = i > 1 ? void 0 : i ? q(t, s) : t, n = o.length - 1, r; n >= 0; n--)
-    (r = o[n]) && (e = (i ? r(t, s, e) : r(e)) || e);
-  return i && e && j(t, s, e), e;
-};
-let c = class extends k {
-  constructor() {
-    super(), this.active = !1, this.href = "", this.icon = "", this.controls = "", this.tag = "", this.tagSkin = "blue", this.index = 0, this.elementRef = _();
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.updateComplete.then(() => {
-      this.elementRef.value && this.context && this.context.registerTab(this.elementRef.value, this.index);
-    });
-  }
-  handleClick() {
-    this.context && this.context.handleClick(this.index);
-  }
-  handleKeyUp(o) {
-    this.context && this.context.handleKeyUp(o, this.index);
-  }
-  render() {
-    var r;
-    const o = ((r = this.context) == null ? void 0 : r.useArrowNav) ?? !0, t = this.active ? "active" : "", s = o ? "tab" : void 0, i = o ? this.active : void 0, e = this.active || !o ? void 0 : -1, n = p`
-      ${this.icon ? p`<pkt-icon name=${this.icon} class="pkt-icon--small"></pkt-icon>` : ""}
-      <span>${$(this)}</span>
-      ${this.tag ? p`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>` : ""}
-    `;
-    return this.href ? p`
-        <a
-          ${w(this.elementRef)}
-          href=${this.href}
-          class="pkt-tabs__link ${t}"
-          role=${u(s)}
-          aria-selected=${u(i)}
-          aria-controls=${u(this.controls || void 0)}
-          tabindex=${u(e)}
-          @click=${this.handleClick}
-          @keyup=${this.handleKeyUp}
-        >
-          ${n}
-        </a>
-      ` : p`
-      <button
-        ${w(this.elementRef)}
-        type="button"
-        class="pkt-tabs__button pkt-link-button ${t}"
-        role=${u(s)}
-        aria-selected=${u(i)}
-        aria-controls=${u(this.controls || void 0)}
-        tabindex=${u(e)}
-        @click=${this.handleClick}
-        @keyup=${this.handleKeyUp}
-      >
-        ${n}
-      </button>
-    `;
-  }
-};
-l([
-  h({ type: Boolean, reflect: !0 })
-], c.prototype, "active", 2);
-l([
-  h({ type: String, reflect: !0 })
-], c.prototype, "href", 2);
-l([
-  h({ type: String, reflect: !0 })
-], c.prototype, "icon", 2);
-l([
-  h({ type: String, reflect: !0 })
-], c.prototype, "controls", 2);
-l([
-  h({ type: String, reflect: !0 })
-], c.prototype, "tag", 2);
-l([
-  h({ type: String, reflect: !0, attribute: "tag-skin" })
-], c.prototype, "tagSkin", 2);
-l([
-  h({ type: Number, reflect: !0 })
-], c.prototype, "index", 2);
-l([
-  O({ context: P, subscribe: !0 }),
-  h({ attribute: !1 })
-], c.prototype, "context", 2);
-c = l([
-  y("pkt-tab-item")
-], c);
-const B = c;
-export {
-  B as P,
-  M as a
-};

package/dist/tabitem-DZpspU4Q.cjs

@@ -1,65 +0,0 @@
-"use strict";const d=require("./element-with-slot-ZX-up7jO.cjs"),a=require("./element-gR_VtSiD.cjs"),x=require("./state-Dg-53wQ8.cjs"),f=require("./ref-CL-Xk9Xm.cjs"),u=require("./if-defined-BOW3ODSj.cjs");/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */let m=class extends Event{constructor(t,e,i,s){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=e,this.callback=i,this.subscribe=s??!1}};/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- *//**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */let w=class{constructor(t,e,i,s){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(r,o)=>{this.unsubscribe&&(this.unsubscribe!==o&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=r,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(r,o)),this.unsubscribe=o},this.host=t,e.context!==void 0){const r=e;this.context=r.context,this.callback=r.callback,this.subscribe=r.subscribe??!1}else this.context=e,this.callback=i,this.subscribe=s??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new m(this.context,this.host,this.t,this.subscribe))}};/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */class C{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){const i=e||!Object.is(t,this.o);this.o=t,i&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[e,{disposer:i}]of this.subscriptions)e(this.o,i)},t!==void 0&&(this.value=t)}addCallback(t,e,i){if(!i)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});const{disposer:s}=this.subscriptions.get(t);t(this.value,s)}clearCallbacks(){this.subscriptions.clear()}}/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */let $=class extends Event{constructor(t,e){super("context-provider",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=e}};class g extends C{constructor(t,e,i){var s,r;super(e.context!==void 0?e.initialValue:i),this.onContextRequest=o=>{if(o.context!==this.context)return;const c=o.contextTarget??o.composedPath()[0];c!==this.host&&(o.stopPropagation(),this.addCallback(o.callback,c,o.subscribe))},this.onProviderRequest=o=>{if(o.context!==this.context||(o.contextTarget??o.composedPath()[0])===this.host)return;const c=new Set;for(const[v,{consumerHost:k}]of this.subscriptions)c.has(v)||(c.add(v),k.dispatchEvent(new m(this.context,k,v,!0)));o.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(r=(s=this.host).addController)==null||r.call(s,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new $(this.context,this.host))}}/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function P({context:n}){return(t,e)=>{const i=new WeakMap;if(typeof e=="object")return{get(){return t.get.call(this)},set(s){return i.get(this).setValue(s),t.set.call(this,s)},init(s){return i.set(this,new g(this,{context:n,initialValue:s})),s}};{t.constructor.addInitializer((o=>{i.set(o,new g(o,{context:n}))}));const s=Object.getOwnPropertyDescriptor(t,e);let r;if(s===void 0){const o=new WeakMap;r={get(){return o.get(this)},set(c){i.get(this).setValue(c),o.set(this,c)},configurable:!0,enumerable:!0}}else{const o=s.set;r={...s,set(c){i.get(this).setValue(c),o==null||o.call(this,c)}}}return void Object.defineProperty(t,e,r)}}}/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function _({context:n,subscribe:t}){return(e,i)=>{typeof i=="object"?i.addInitializer((function(){new w(this,{context:n,callback:s=>{e.set.call(this,s)},subscribe:t})})):e.constructor.addInitializer((s=>{new w(s,{context:n,callback:r=>{s[i]=r},subscribe:t})}))}}const y=Symbol("pkt-tabs-context");var N=Object.defineProperty,R=Object.getOwnPropertyDescriptor,p=(n,t,e,i)=>{for(var s=i>1?void 0:i?R(t,e):t,r=n.length-1,o;r>=0;r--)(o=n[r])&&(s=(i?o(t,e,s):o(s))||s);return i&&s&&N(t,e,s),s};let b=class extends d.PktElementWithSlot{constructor(){super(...arguments),this.arrowNav=!0,this.disableArrowNav=!1,this.tabRefs=[],this.tabCount=0,this.context={useArrowNav:this.useArrowNav,registerTab:this.registerTab.bind(this),handleClick:this.handleClick.bind(this),handleKeyUp:this.handleKeyUp.bind(this)}}get useArrowNav(){return this.arrowNav&&!this.disableArrowNav}updated(t){(t.has("arrowNav")||t.has("disableArrowNav"))&&(this.context={...this.context,useArrowNav:this.useArrowNav})}registerTab(t,e){this.tabRefs[e]=t,this.tabCount=Math.max(this.tabCount,e+1)}handleClick(t){this.dispatchEvent(new CustomEvent("tab-selected",{detail:{index:t},bubbles:!0,composed:!0}))}handleKeyUp(t,e){var i,s;this.useArrowNav&&(t.code==="ArrowLeft"&&e!==0&&((i=this.tabRefs[e-1])==null||i.focus()),t.code==="ArrowRight"&&e<this.tabCount-1&&((s=this.tabRefs[e+1])==null||s.focus()),(t.code==="ArrowDown"||t.code==="Space")&&this.dispatchEvent(new CustomEvent("tab-selected",{detail:{index:e},bubbles:!0,composed:!0})))}render(){const t=this.useArrowNav?"tablist":"navigation";return a.b`
-      <div class="pkt-tabs">
-        <div class="pkt-tabs__list" role=${t}>${d.slotContent(this)}</div>
-      </div>
-    `}};p([a.n({type:Boolean,reflect:!0,attribute:"arrow-nav"})],b.prototype,"arrowNav",2);p([a.n({type:Boolean,reflect:!0,attribute:"disable-arrow-nav"})],b.prototype,"disableArrowNav",2);p([x.r()],b.prototype,"tabRefs",2);p([x.r()],b.prototype,"tabCount",2);p([P({context:y}),x.r()],b.prototype,"context",2);b=p([a.t("pkt-tabs")],b);const A=b;var S=Object.defineProperty,T=Object.getOwnPropertyDescriptor,l=(n,t,e,i)=>{for(var s=i>1?void 0:i?T(t,e):t,r=n.length-1,o;r>=0;r--)(o=n[r])&&(s=(i?o(t,e,s):o(s))||s);return i&&s&&S(t,e,s),s};let h=class extends d.PktElementWithSlot{constructor(){super(),this.active=!1,this.href="",this.icon="",this.controls="",this.tag="",this.tagSkin="blue",this.index=0,this.elementRef=f.e()}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.elementRef.value&&this.context&&this.context.registerTab(this.elementRef.value,this.index)})}handleClick(){this.context&&this.context.handleClick(this.index)}handleKeyUp(n){this.context&&this.context.handleKeyUp(n,this.index)}render(){var o;const n=((o=this.context)==null?void 0:o.useArrowNav)??!0,t=this.active?"active":"",e=n?"tab":void 0,i=n?this.active:void 0,s=this.active||!n?void 0:-1,r=a.b`
-      ${this.icon?a.b`<pkt-icon name=${this.icon} class="pkt-icon--small"></pkt-icon>`:""}
-      <span>${d.slotContent(this)}</span>
-      ${this.tag?a.b`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>`:""}
-    `;return this.href?a.b`
-        <a
-          ${f.n(this.elementRef)}
-          href=${this.href}
-          class="pkt-tabs__link ${t}"
-          role=${u.o(e)}
-          aria-selected=${u.o(i)}
-          aria-controls=${u.o(this.controls||void 0)}
-          tabindex=${u.o(s)}
-          @click=${this.handleClick}
-          @keyup=${this.handleKeyUp}
-        >
-          ${r}
-        </a>
-      `:a.b`
-      <button
-        ${f.n(this.elementRef)}
-        type="button"
-        class="pkt-tabs__button pkt-link-button ${t}"
-        role=${u.o(e)}
-        aria-selected=${u.o(i)}
-        aria-controls=${u.o(this.controls||void 0)}
-        tabindex=${u.o(s)}
-        @click=${this.handleClick}
-        @keyup=${this.handleKeyUp}
-      >
-        ${r}
-      </button>
-    `}};l([a.n({type:Boolean,reflect:!0})],h.prototype,"active",2);l([a.n({type:String,reflect:!0})],h.prototype,"href",2);l([a.n({type:String,reflect:!0})],h.prototype,"icon",2);l([a.n({type:String,reflect:!0})],h.prototype,"controls",2);l([a.n({type:String,reflect:!0})],h.prototype,"tag",2);l([a.n({type:String,reflect:!0,attribute:"tag-skin"})],h.prototype,"tagSkin",2);l([a.n({type:Number,reflect:!0})],h.prototype,"index",2);l([_({context:y,subscribe:!0}),a.n({attribute:!1})],h.prototype,"context",2);h=l([a.t("pkt-tab-item")],h);const q=h;exports.PktTabItem_default=q;exports.PktTabs=A;

package/dist/tag-BuCpqaks.js

@@ -1,115 +0,0 @@
-import { e as d } from "./class-map-CEnykyO_.js";
-import { b as n, n as o, t as y } from "./element-CPpT3rFQ.js";
-import { r as f } from "./state-C_1EOo3D.js";
-import { P as k, s as b } from "./element-with-slot-Dqk6-TRR.js";
-import "./icon-BlKA8YuW.js";
-import { o as u } from "./if-defined-B0krMLad.js";
-const g = { size: { default: "medium" }, skin: { default: "blue" }, closeTag: { default: !1 }, type: { default: "button" } }, l = {
-  props: g
-};
-var m = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (s, i, p, a) => {
-  for (var r = a > 1 ? void 0 : a ? _(i, p) : i, c = s.length - 1, h; c >= 0; c--)
-    (h = s[c]) && (r = (a ? h(i, p, r) : h(r)) || r);
-  return a && r && m(i, p, r), r;
-};
-let t = class extends k {
-  constructor() {
-    super(), this.closeTag = l.props.closeTag.default, this.size = l.props.size.default, this.skin = l.props.skin.default, this.textStyle = null, this.iconName = void 0, this.type = l.props.type.default, this.ariaLabel = null, this.buttonTabindex = void 0, this._isClosed = !1, this._ariaDescription = null, this.close = (s) => {
-      this._isClosed = !0, this.dispatchEvent(
-        new CustomEvent("close", { detail: { origin: s }, bubbles: !1, composed: !0 })
-      ), this.dispatchEvent(
-        new CustomEvent("on-close", { detail: { origin: s }, bubbles: !1, composed: !0 })
-      );
-    }, this._isClosed = !1;
-  }
-  /**
-   * Lifecycle
-   */
-  firstUpdated(s) {
-    var i, p;
-    if (super.firstUpdated(s), this.closeTag && !this.ariaLabel) {
-      const a = (p = (i = this.querySelector("button span, .pkt-tag > span")) == null ? void 0 : i.textContent) == null ? void 0 : p.trim();
-      a && (this._ariaDescription = `Klikk for å fjerne ${a}`);
-    }
-  }
-  render() {
-    const s = {
-      "pkt-tag": !0,
-      [`pkt-tag--${this.size}`]: !!this.size,
-      [`pkt-tag--${this.skin}`]: !!this.skin,
-      [`pkt-tag--${this.textStyle}`]: !!this.textStyle
-    }, i = {
-      "pkt-tag": !0,
-      "pkt-btn": !0,
-      "pkt-btn--tertiary": !0,
-      [`pkt-tag--${this.textStyle}`]: !!this.textStyle,
-      [`pkt-tag--${this.size}`]: !!this.size,
-      [`pkt-tag--${this.skin}`]: !!this.skin,
-      "pkt-btn--icons-right-and-left": this.closeTag && !!this.iconName,
-      "pkt-hide": this._isClosed
-    };
-    return this.closeTag ? n`
-        <button
-          class=${d(i)}
-          type=${this.type}
-          tabindex=${u(this.buttonTabindex)}
-          @click=${this.close}
-          aria-label=${u(this.ariaLabel || void 0)}
-          aria-description=${u(this._ariaDescription || void 0)}
-        >
-          ${this.iconName && n`<pkt-icon
-            class="pkt-tag__icon"
-            name=${this.iconName}
-            aria-hidden="true"
-          ></pkt-icon>`}
-          <span>${b(this)}</span>
-          <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
-        </button>
-      ` : n`
-        <span class=${d(s)}>
-          ${this.iconName && n`<pkt-icon
-            class="pkt-tag__icon"
-            name=${this.iconName}
-            aria-hidden="true"
-          ></pkt-icon>`}
-          <span>${b(this)}</span>
-        </span>
-      `;
-  }
-};
-e([
-  o({ type: Boolean, reflect: !0 })
-], t.prototype, "closeTag", 2);
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "size", 2);
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "skin", 2);
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "textStyle", 2);
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "iconName", 2);
-e([
-  o({ type: String })
-], t.prototype, "type", 2);
-e([
-  o({ type: String })
-], t.prototype, "ariaLabel", 2);
-e([
-  o({ type: Number, attribute: "button-tabindex" })
-], t.prototype, "buttonTabindex", 2);
-e([
-  f()
-], t.prototype, "_isClosed", 2);
-e([
-  f()
-], t.prototype, "_ariaDescription", 2);
-t = e([
-  y("pkt-tag")
-], t);
-export {
-  t as P
-};

package/dist/tag-X6xdjR0N.cjs

@@ -1,27 +0,0 @@
-"use strict";const h=require("./class-map-CsENJXf1.cjs"),t=require("./element-gR_VtSiD.cjs"),k=require("./state-Dg-53wQ8.cjs"),c=require("./element-with-slot-ZX-up7jO.cjs");require("./icon-Bqj9oBbl.cjs");const u=require("./if-defined-BOW3ODSj.cjs"),g={size:{default:"medium"},skin:{default:"blue"},closeTag:{default:!1},type:{default:"button"}},o={props:g};var d=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(r,e,a,n)=>{for(var i=n>1?void 0:n?b(e,a):e,p=r.length-1,l;p>=0;p--)(l=r[p])&&(i=(n?l(e,a,i):l(i))||i);return n&&i&&d(e,a,i),i};exports.PktTag=class extends c.PktElementWithSlot{constructor(){super(),this.closeTag=o.props.closeTag.default,this.size=o.props.size.default,this.skin=o.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=o.props.type.default,this.ariaLabel=null,this.buttonTabindex=void 0,this._isClosed=!1,this._ariaDescription=null,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!1,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!1,composed:!0}))},this._isClosed=!1}firstUpdated(e){var a,n;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const i=(n=(a=this.querySelector("button span, .pkt-tag > span"))==null?void 0:a.textContent)==null?void 0:n.trim();i&&(this._ariaDescription=`Klikk for å fjerne ${i}`)}}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},a={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.b`
-        <button
-          class=${h.e(a)}
-          type=${this.type}
-          tabindex=${u.o(this.buttonTabindex)}
-          @click=${this.close}
-          aria-label=${u.o(this.ariaLabel||void 0)}
-          aria-description=${u.o(this._ariaDescription||void 0)}
-        >
-          ${this.iconName&&t.b`<pkt-icon
-            class="pkt-tag__icon"
-            name=${this.iconName}
-            aria-hidden="true"
-          ></pkt-icon>`}
-          <span>${c.slotContent(this)}</span>
-          <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
-        </button>
-      `:t.b`
-        <span class=${h.e(e)}>
-          ${this.iconName&&t.b`<pkt-icon
-            class="pkt-tag__icon"
-            name=${this.iconName}
-            aria-hidden="true"
-          ></pkt-icon>`}
-          <span>${c.slotContent(this)}</span>
-        </span>
-      `}};s([t.n({type:Boolean,reflect:!0})],exports.PktTag.prototype,"closeTag",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"size",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"skin",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"textStyle",2);s([t.n({type:String,reflect:!0})],exports.PktTag.prototype,"iconName",2);s([t.n({type:String})],exports.PktTag.prototype,"type",2);s([t.n({type:String})],exports.PktTag.prototype,"ariaLabel",2);s([t.n({type:Number,attribute:"button-tabindex"})],exports.PktTag.prototype,"buttonTabindex",2);s([k.r()],exports.PktTag.prototype,"_isClosed",2);s([k.r()],exports.PktTag.prototype,"_ariaDescription",2);exports.PktTag=s([t.t("pkt-tag")],exports.PktTag);

package/dist/textarea-Bzuymclz.js

@@ -1,131 +0,0 @@
-import { E as l, A as c, b as m, n as d, t as g } from "./element-CPpT3rFQ.js";
-import { o as u } 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 a } 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-B2JpK016.js";
-import "./icon-BlKA8YuW.js";
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const P = b(class extends T {
-  constructor(t) {
-    if (super(t), t.type !== a.PROPERTY && t.type !== a.ATTRIBUTE && t.type !== a.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
-    if (!y(t)) throw Error("`live` bindings can only contain a single expression");
-  }
-  render(t) {
-    return t;
-  }
-  update(t, [r]) {
-    if (r === l || r === c) return r;
-    const e = t.element, i = t.name;
-    if (t.type === a.PROPERTY) {
-      if (r === e[i]) return l;
-    } else if (t.type === a.BOOLEAN_ATTRIBUTE) {
-      if (!!r === e.hasAttribute(i)) return l;
-    } else if (t.type === a.ATTRIBUTE && e.getAttribute(i) === r + "") return l;
-    return w(t), r;
-  }
-});
-var B = Object.defineProperty, I = Object.getOwnPropertyDescriptor, n = (t, r, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? I(r, e) : r, h = t.length - 1, p; h >= 0; h--)
-    (p = t[h]) && (s = (i ? p(r, e, s) : p(s)) || s);
-  return i && s && B(r, e, s), s;
-};
-let o = class extends C {
-  constructor() {
-    super(...arguments), this.inputRef = f(), this.value = "", this.autocomplete = "off", this.rows = null, this.counterCurrent = 0;
-  }
-  attributeChangedCallback(t, r, e) {
-    t === "value" && this.value !== r && (this.counterCurrent = e ? e.length : 0, this.valueChanged(e, r)), super.attributeChangedCallback(t, r, e);
-  }
-  updated(t) {
-    var r;
-    super.updated(t), t.has("value") && (this.counterCurrent = ((r = this.value) == null ? void 0 : r.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
-    }), r = this.ariaLabelledby || `${this.id}-input-label`;
-    return m`<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=${u(this.placeholder)}
-        .value=${P(this.value)}
-        minlength=${u(this.minlength)}
-        maxlength=${u(this.maxlength)}
-        ?readonly=${this.readonly}
-        autocomplete=${this.autocomplete}
-        aria-labelledby=${r}
-        aria-invalid=${this.hasError}
-        aria-errormessage=${`${this.id}-error`}
-        rows=${this.rows}
-        ?disabled=${this.disabled}
-        @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();
-    }}
-      ></textarea>
-    </pkt-input-wrapper>`;
-  }
-};
-n([
-  d({ type: String, reflect: !0 })
-], o.prototype, "value", 2);
-n([
-  d({ type: String })
-], o.prototype, "autocomplete", 2);
-n([
-  d({ type: Number })
-], o.prototype, "rows", 2);
-n([
-  $()
-], o.prototype, "counterCurrent", 2);
-o = n([
-  g("pkt-textarea")
-], o);
-export {
-  o as P
-};