@oslokommune/punkt-elements 16.7.1 → 16.7.3

package/dist/tabitem-BnhzqfW3.cjs

@@ -0,0 +1,65 @@
+"use strict";const p=require("./element-with-slot-ZX-up7jO.cjs"),a=require("./element-gR_VtSiD.cjs"),x=require("./state-Dg-53wQ8.cjs"),v=require("./ref-CL-Xk9Xm.cjs"),l=require("./if-defined-BOW3ODSj.cjs");/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let m=class extends Event{constructor(t,e,r,s){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=e,this.callback=r,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 g=class{constructor(t,e,r,s){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(o,i)=>{this.unsubscribe&&(this.unsubscribe!==i&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=o,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(o,i)),this.unsubscribe=i},this.host=t,e.context!==void 0){const o=e;this.context=o.context,this.callback=o.callback,this.subscribe=o.subscribe??!1}else this.context=e,this.callback=r,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 r=e||!Object.is(t,this.o);this.o=t,r&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[e,{disposer:r}]of this.subscriptions)e(this.o,r)},t!==void 0&&(this.value=t)}addCallback(t,e,r){if(!r)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 w extends C{constructor(t,e,r){var s,o;super(e.context!==void 0?e.initialValue:r),this.onContextRequest=i=>{if(i.context!==this.context)return;const c=i.contextTarget??i.composedPath()[0];c!==this.host&&(i.stopPropagation(),this.addCallback(i.callback,c,i.subscribe))},this.onProviderRequest=i=>{if(i.context!==this.context||(i.contextTarget??i.composedPath()[0])===this.host)return;const c=new Set;for(const[f,{consumerHost:k}]of this.subscriptions)c.has(f)||(c.add(f),k.dispatchEvent(new m(this.context,k,f,!0)));i.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(o=(s=this.host).addController)==null||o.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 N({context:n}){return(t,e)=>{const r=new WeakMap;if(typeof e=="object")return{get(){return t.get.call(this)},set(s){return r.get(this).setValue(s),t.set.call(this,s)},init(s){return r.set(this,new w(this,{context:n,initialValue:s})),s}};{t.constructor.addInitializer((i=>{r.set(i,new w(i,{context:n}))}));const s=Object.getOwnPropertyDescriptor(t,e);let o;if(s===void 0){const i=new WeakMap;o={get(){return i.get(this)},set(c){r.get(this).setValue(c),i.set(this,c)},configurable:!0,enumerable:!0}}else{const i=s.set;o={...s,set(c){r.get(this).setValue(c),i==null||i.call(this,c)}}}return void Object.defineProperty(t,e,o)}}}/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function P({context:n,subscribe:t}){return(e,r)=>{typeof r=="object"?r.addInitializer((function(){new g(this,{context:n,callback:s=>{e.set.call(this,s)},subscribe:t})})):e.constructor.addInitializer((s=>{new g(s,{context:n,callback:o=>{s[r]=o},subscribe:t})}))}}const y=Symbol("pkt-tabs-context");var R=Object.defineProperty,d=(n,t,e,r)=>{for(var s=void 0,o=n.length-1,i;o>=0;o--)(i=n[o])&&(s=i(t,e,s)||s);return s&&R(t,e,s),s};class b extends p.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 r,s;this.useArrowNav&&(t.code==="ArrowLeft"&&e!==0&&((r=this.tabRefs[e-1])==null||r.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}>${p.slotContent(this)}</div>
+      </div>
+    `}}d([a.n({type:Boolean,reflect:!0,attribute:"arrow-nav"})],b.prototype,"arrowNav");d([a.n({type:Boolean,reflect:!0,attribute:"disable-arrow-nav"})],b.prototype,"disableArrowNav");d([x.r()],b.prototype,"tabRefs");d([x.r()],b.prototype,"tabCount");d([N({context:y}),x.r()],b.prototype,"context");try{a.t("pkt-tabs")(b)}catch{console.warn("Forsøker å definere <pkt-tabs>, men den er allerede definert")}var A=Object.defineProperty,u=(n,t,e,r)=>{for(var s=void 0,o=n.length-1,i;o>=0;o--)(i=n[o])&&(s=i(t,e,s)||s);return s&&A(t,e,s),s};class h extends p.PktElementWithSlot{constructor(){super(),this.active=!1,this.href="",this.icon="",this.controls="",this.tag="",this.tagSkin="blue",this.index=0,this.elementRef=v.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(t){this.context&&this.context.handleKeyUp(t,this.index)}render(){var c;const t=((c=this.context)==null?void 0:c.useArrowNav)??!0,e=this.active?"active":"",r=t?"tab":void 0,s=t?this.active:void 0,o=this.active||!t?void 0:-1,i=a.b`
+      ${this.icon?a.b`<pkt-icon name=${this.icon} class="pkt-icon--small"></pkt-icon>`:""}
+      <span>${p.slotContent(this)}</span>
+      ${this.tag?a.b`<pkt-tag skin=${this.tagSkin} size="small">${this.tag}</pkt-tag>`:""}
+    `;return this.href?a.b`
+        <a
+          ${v.n(this.elementRef)}
+          href=${this.href}
+          class="pkt-tabs__link ${e}"
+          role=${l.o(r)}
+          aria-selected=${l.o(s)}
+          aria-controls=${l.o(this.controls||void 0)}
+          tabindex=${l.o(o)}
+          @click=${this.handleClick}
+          @keyup=${this.handleKeyUp}
+        >
+          ${i}
+        </a>
+      `:a.b`
+      <button
+        ${v.n(this.elementRef)}
+        type="button"
+        class="pkt-tabs__button pkt-link-button ${e}"
+        role=${l.o(r)}
+        aria-selected=${l.o(s)}
+        aria-controls=${l.o(this.controls||void 0)}
+        tabindex=${l.o(o)}
+        @click=${this.handleClick}
+        @keyup=${this.handleKeyUp}
+      >
+        ${i}
+      </button>
+    `}}u([a.n({type:Boolean,reflect:!0})],h.prototype,"active");u([a.n({type:String,reflect:!0})],h.prototype,"href");u([a.n({type:String,reflect:!0})],h.prototype,"icon");u([a.n({type:String,reflect:!0})],h.prototype,"controls");u([a.n({type:String,reflect:!0})],h.prototype,"tag");u([a.n({type:String,reflect:!0,attribute:"tag-skin"})],h.prototype,"tagSkin");u([a.n({type:Number,reflect:!0})],h.prototype,"index");u([P({context:y,subscribe:!0}),a.n({attribute:!1})],h.prototype,"context");try{a.t("pkt-tab-item")(h)}catch{console.warn("Forsøker å definere <pkt-tab-item>, men den er allerede definert")}exports.PktTabItem=h;exports.PktTabs=b;

package/dist/tag-CbwO8yvD.cjs

@@ -0,0 +1,27 @@
+"use strict";const d=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-q81vqPK_.cjs");const h=require("./if-defined-BOW3ODSj.cjs"),b={size:{default:"medium"},skin:{default:"blue"},closeTag:{default:!1},type:{default:"button"}},r={props:b};var f=Object.defineProperty,s=(o,i,a,p)=>{for(var n=void 0,l=o.length-1,u;l>=0;l--)(u=o[l])&&(n=u(i,a,n)||n);return n&&f(i,a,n),n};class e extends c.PktElementWithSlot{constructor(){super(),this.closeTag=r.props.closeTag.default,this.size=r.props.size.default,this.skin=r.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=r.props.type.default,this.ariaLabel=null,this.buttonTabindex=void 0,this._isClosed=!1,this._ariaDescription=null,this.close=i=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:i},bubbles:!1,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:i},bubbles:!1,composed:!0}))},this._isClosed=!1}firstUpdated(i){var a,p;if(super.firstUpdated(i),this.closeTag&&!this.ariaLabel){const n=(p=(a=this.querySelector("button span, .pkt-tag > span"))==null?void 0:a.textContent)==null?void 0:p.trim();n&&(this._ariaDescription=`Klikk for å fjerne ${n}`)}}render(){const i={"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=${d.e(a)}
+          type=${this.type}
+          tabindex=${h.o(this.buttonTabindex)}
+          @click=${this.close}
+          aria-label=${h.o(this.ariaLabel||void 0)}
+          aria-description=${h.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=${d.e(i)}>
+          ${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})],e.prototype,"closeTag");s([t.n({type:String,reflect:!0})],e.prototype,"size");s([t.n({type:String,reflect:!0})],e.prototype,"skin");s([t.n({type:String,reflect:!0})],e.prototype,"textStyle");s([t.n({type:String,reflect:!0})],e.prototype,"iconName");s([t.n({type:String})],e.prototype,"type");s([t.n({type:String})],e.prototype,"ariaLabel");s([t.n({type:Number,attribute:"button-tabindex"})],e.prototype,"buttonTabindex");s([k.r()],e.prototype,"_isClosed");s([k.r()],e.prototype,"_ariaDescription");try{t.t("pkt-tag")(e)}catch{console.warn("Forsøker å definere <pkt-tag>, men den er allerede definert")}exports.PktTag=e;

package/dist/{tag-BuCpqaks.js → tag-D4FI5t3y.js}

@@ -1,20 +1,20 @@
-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 = {
+import { e as u } from "./class-map-CEnykyO_.js";
+import { t as b, b as n, n as o } from "./element-CPpT3rFQ.js";
+import { r as k } from "./state-C_1EOo3D.js";
+import { P as y, s as f } from "./element-with-slot-Dqk6-TRR.js";
+import "./icon-CxQcIa5F.js";
+import { o as h } from "./if-defined-B0krMLad.js";
+const g = { size: { default: "medium" }, skin: { default: "blue" }, closeTag: { default: !1 }, type: { default: "button" } }, p = {
   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;
+var m = Object.defineProperty, e = (r, s, a, l) => {
+  for (var i = void 0, c = r.length - 1, d; c >= 0; c--)
+    (d = r[c]) && (i = d(s, a, i) || i);
+  return i && m(s, a, i), i;
 };
-let t = class extends k {
+class t extends y {
   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) => {
+    super(), this.closeTag = p.props.closeTag.default, this.size = p.props.size.default, this.skin = p.props.skin.default, this.textStyle = null, this.iconName = void 0, this.type = p.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(
@@ -26,10 +26,10 @@ let t = class extends k {
    * Lifecycle
    */
   firstUpdated(s) {
-    var i, p;
+    var a, l;
     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}`);
+      const i = (l = (a = this.querySelector("button span, .pkt-tag > span")) == null ? void 0 : a.textContent) == null ? void 0 : l.trim();
+      i && (this._ariaDescription = `Klikk for å fjerne ${i}`);
     }
   }
   render() {
@@ -38,7 +38,7 @@ let t = class extends k {
       [`pkt-tag--${this.size}`]: !!this.size,
       [`pkt-tag--${this.skin}`]: !!this.skin,
       [`pkt-tag--${this.textStyle}`]: !!this.textStyle
-    }, i = {
+    }, a = {
       "pkt-tag": !0,
       "pkt-btn": !0,
       "pkt-btn--tertiary": !0,
@@ -50,66 +50,68 @@ let t = class extends k {
     };
     return this.closeTag ? n`
         <button
-          class=${d(i)}
+          class=${u(a)}
           type=${this.type}
-          tabindex=${u(this.buttonTabindex)}
+          tabindex=${h(this.buttonTabindex)}
           @click=${this.close}
-          aria-label=${u(this.ariaLabel || void 0)}
-          aria-description=${u(this._ariaDescription || void 0)}
+          aria-label=${h(this.ariaLabel || void 0)}
+          aria-description=${h(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>
+          <span>${f(this)}</span>
           <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
         </button>
       ` : n`
-        <span class=${d(s)}>
+        <span class=${u(s)}>
           ${this.iconName && n`<pkt-icon
             class="pkt-tag__icon"
             name=${this.iconName}
             aria-hidden="true"
           ></pkt-icon>`}
-          <span>${b(this)}</span>
+          <span>${f(this)}</span>
         </span>
       `;
   }
-};
+}
 e([
   o({ type: Boolean, reflect: !0 })
-], t.prototype, "closeTag", 2);
+], t.prototype, "closeTag");
 e([
   o({ type: String, reflect: !0 })
-], t.prototype, "size", 2);
+], t.prototype, "size");
 e([
   o({ type: String, reflect: !0 })
-], t.prototype, "skin", 2);
+], t.prototype, "skin");
 e([
   o({ type: String, reflect: !0 })
-], t.prototype, "textStyle", 2);
+], t.prototype, "textStyle");
 e([
   o({ type: String, reflect: !0 })
-], t.prototype, "iconName", 2);
+], t.prototype, "iconName");
 e([
   o({ type: String })
-], t.prototype, "type", 2);
+], t.prototype, "type");
 e([
   o({ type: String })
-], t.prototype, "ariaLabel", 2);
+], t.prototype, "ariaLabel");
 e([
   o({ type: Number, attribute: "button-tabindex" })
-], t.prototype, "buttonTabindex", 2);
+], t.prototype, "buttonTabindex");
 e([
-  f()
-], t.prototype, "_isClosed", 2);
+  k()
+], t.prototype, "_isClosed");
 e([
-  f()
-], t.prototype, "_ariaDescription", 2);
-t = e([
-  y("pkt-tag")
-], t);
+  k()
+], t.prototype, "_ariaDescription");
+try {
+  b("pkt-tag")(t);
+} catch {
+  console.warn("Forsøker å definere <pkt-tag>, men den er allerede definert");
+}
 export {
   t as P
 };

package/dist/textarea-BmLaKzsc.cjs

@@ -0,0 +1,50 @@
+"use strict";const n=require("./element-gR_VtSiD.cjs"),h=require("./if-defined-BOW3ODSj.cjs"),$=require("./state-Dg-53wQ8.cjs"),d=require("./ref-CL-Xk9Xm.cjs"),g=require("./class-map-CsENJXf1.cjs"),s=require("./directive-C7oCP5Bh.cjs"),c=require("./directive-helpers-BP2WOx60.cjs"),f=require("./input-element-DdVhUvva.cjs"),x=require("./element-with-slot-ZX-up7jO.cjs");require("./input-wrapper-Bv9aqqVq.cjs");require("./icon-q81vqPK_.cjs");/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const m=s.e(class extends s.i{constructor(t){if(super(t),t.type!==s.t.PROPERTY&&t.type!==s.t.ATTRIBUTE&&t.type!==s.t.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!c.r(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===n.E||e===n.A)return e;const i=t.element,r=t.name;if(t.type===s.t.PROPERTY){if(e===i[r])return n.E}else if(t.type===s.t.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(r))return n.E}else if(t.type===s.t.ATTRIBUTE&&i.getAttribute(r)===e+"")return n.E;return c.p(t),e}});var v=Object.defineProperty,l=(t,e,i,r)=>{for(var a=void 0,u=t.length-1,p;u>=0;u--)(p=t[u])&&(a=p(e,i,a)||a);return a&&v(e,i,a),a};class o extends f.PktInputElement{constructor(){super(...arguments),this.inputRef=d.e(),this.value="",this.autocomplete="off",this.rows=null,this.counterCurrent=0}attributeChangedCallback(e,i,r){e==="value"&&this.value!==i&&(this.counterCurrent=r?r.length:0,this.valueChanged(r,i)),super.attributeChangedCallback(e,i,r)}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=g.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 n.b`<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">${x.slotContent(this,"helptext")}</div>
+      <textarea
+        ${d.n(this.inputRef)}
+        class=${e}
+        id=${this.id+"-input"}
+        name=${(this.name||this.id)+"-input"}
+        placeholder=${h.o(this.placeholder)}
+        .value=${m(this.value)}
+        minlength=${h.o(this.minlength)}
+        maxlength=${h.o(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([n.n({type:String,reflect:!0})],o.prototype,"value");l([n.n({type:String})],o.prototype,"autocomplete");l([n.n({type:Number})],o.prototype,"rows");l([$.r()],o.prototype,"counterCurrent");try{n.t("pkt-textarea")(o)}catch{console.warn("Forsøker å definere <pkt-textarea>, men den er allerede definert")}exports.PktTextarea=o;

package/dist/{textarea-Bzuymclz.js → textarea-CMiSJaYL.js}

@@ -1,61 +1,61 @@
-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 { 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 a } from "./directive-oAbCiebi.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-B2JpK016.js";
-import "./icon-BlKA8YuW.js";
+import "./input-wrapper-Bs4CRNst.js";
+import "./icon-CxQcIa5F.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");
+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(t) {
-    return t;
+  render(e) {
+    return e;
   }
-  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;
+  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, 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;
+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;
 };
-let o = class extends C {
+class n 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);
+  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 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);
+    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
-    }), r = this.ariaLabelledby || `${this.id}-input-label`;
-    return m`<pkt-input-wrapper
+    }), i = this.ariaLabelledby || `${this.id}-input-label`;
+    return g`<pkt-input-wrapper
       label=${this.label}
       ?counter=${this.counter}
       ?disabled=${this.disabled}
@@ -84,48 +84,50 @@ let o = class extends C {
         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)}
+        placeholder=${p(this.placeholder)}
+        .value=${k(this.value)}
+        minlength=${p(this.minlength)}
+        maxlength=${p(this.maxlength)}
         ?readonly=${this.readonly}
         autocomplete=${this.autocomplete}
-        aria-labelledby=${r}
+        aria-labelledby=${i}
         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();
+        @input=${(r) => {
+      this.value = r.target.value, this.onInput(), r.stopImmediatePropagation();
     }}
-        @change=${(e) => {
-      e.stopImmediatePropagation();
+        @change=${(r) => {
+      r.stopImmediatePropagation();
     }}
-        @focus=${(e) => {
-      this.onFocus(), e.stopImmediatePropagation();
+        @focus=${(r) => {
+      this.onFocus(), r.stopImmediatePropagation();
     }}
-        @blur=${(e) => {
-      this.value = e.target.value, this.onBlur(), e.stopImmediatePropagation();
+        @blur=${(r) => {
+      this.value = r.target.value, this.onBlur(), r.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([
+}
+l([
+  u({ type: String, reflect: !0 })
+], n.prototype, "value");
+l([
+  u({ type: String })
+], n.prototype, "autocomplete");
+l([
+  u({ type: Number })
+], n.prototype, "rows");
+l([
   $()
-], o.prototype, "counterCurrent", 2);
-o = n([
-  g("pkt-textarea")
-], o);
+], n.prototype, "counterCurrent");
+try {
+  m("pkt-textarea")(n);
+} catch {
+  console.warn("Forsøker å definere <pkt-textarea>, men den er allerede definert");
+}
 export {
-  o as P
+  n as P
 };

package/dist/textinput-em9y4yrL.cjs

@@ -0,0 +1,70 @@
+"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;