@oslokommune/punkt-elements 12.26.0 → 12.27.0

package/dist/textarea-D7uvC79V.cjs

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