@oslokommune/punkt-elements 12.26.2 → 12.27.1

package/dist/select-B19JEWYw.cjs

@@ -1,44 +0,0 @@
-"use strict";const l=require("./element-B0UgldHm.cjs"),d=require("./state-CG-binsl.cjs"),a=require("./ref-DDYBJ4EB.cjs"),o=require("./if-defined-Br3lDE5v.cjs"),u=require("./input-element-Dnda8hac.cjs");require("./input-wrapper-nvacN4EY.cjs");class c{constructor(t){this.nodes=[],this.options=[],this.host=t,this.host.addController(this),this.nodes=[],this.options=[],this.observer=new MutationObserver(e=>this.handleMutations(e))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.observer.observe(this.host,{childList:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.setAttribute("class","pkt-hide"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.getAttribute("value")||t.textContent||"",label:t.textContent||t.getAttribute("value")||"",selected:!!t.getAttribute("selected"),disabled:!!t.getAttribute("disabled")})),this.host.setAttribute("options",JSON.stringify(this.options))}handleMutations(t){let e=!1;t.forEach(s=>{s.addedNodes.forEach(i=>{(i.nodeName==="OPTION"||i.nodeName==="DATA")&&(this.addNode(i),e=!0)}),s.removedNodes.forEach(i=>{(i.nodeName==="OPTION"||i.nodeName==="DATA")&&(this.nodes=this.nodes.filter(r=>r!==i),e=!0)})}),e&&this.createOptions()}}var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,h=(n,t,e,s)=>{for(var i=s>1?void 0:s?f(t,e):t,r=n.length-1,p;r>=0;r--)(p=n[r])&&(i=(s?p(t,e,i):p(i))||i);return s&&i&&b(t,e,i),i};exports.PktSelect=class extends u.PktInputElement{constructor(){super(),this.selectRef=a.e(),this.defaultSlot=a.e(),this.options=[],this.value="",this._options=[],this.optionsController=new c(this)}connectedCallback(){super.connectedCallback();const t=this.options.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.getAttribute("value")||s.textContent||"",label:s.textContent||s.getAttribute("value")||"",disabled:!!s.getAttribute("disabled")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):this._options=this.options}attributeChangedCallback(t,e,s){t==="options"&&(this._options=s?JSON.parse(s):[]),super.attributeChangedCallback(t,e,s)}firstUpdated(t){super.firstUpdated(t),this.options.length&&(this._options=this.options)}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return l.x`
-      <pkt-input-wrapper
-        ?counter=${this.counter}
-        ?disabled=${this.disabled}
-        ?hasError=${this.hasError}
-        ?inline=${this.inline}
-        ?optionalTag=${this.optionalTag}
-        ?requiredTag=${this.requiredTag}
-        ?useWrapper=${this.useWrapper}
-        ariaDescribedBy=${o.o(this.ariaDescribedBy)}
-        .counterCurrent=${this.counterCurrent}
-        .counterMaxLength=${this.counterMaxLength}
-        class="pkt-select"
-        errorMessage=${o.o(this.errorMessage)}
-        forId=${this.id}
-        helptext=${o.o(this.helptext)}
-        helptextDropdown=${o.o(this.helptextDropdown)}
-        helptextDropdownButton=${o.o(this.helptextDropdownButton)}
-        label=${o.o(this.label)}
-        optionalText=${o.o(this.optionalText)}
-        requiredText=${o.o(this.requiredText)}
-      >
-        <select
-          class=${t}
-          aria-invalid=${this.hasError}
-          aria-errormessage=${`${this.id}-error`}
-          aria-labelledby=${o.o(this.ariaLabelledby)}
-          ?disabled=${this.disabled}
-          id=${this.id}
-          name=${this.name||this.id}
-          value=${this.value}
-          ${a.n(this.selectRef)}
-          ${a.n(this.defaultSlot)}
-        >
-          ${this._options.length>0&&this._options.map(e=>l.x`<option
-                value=${e.value}
-                ?selected=${this.value==e.value}
-                ?disabled=${e.disabled}
-              >
-                ${e.label}
-              </option>`)}
-        </select>
-      </pkt-input-wrapper>
-    `}};h([l.n({type:Array})],exports.PktSelect.prototype,"options",2);h([l.n({type:String})],exports.PktSelect.prototype,"value",2);h([d.r()],exports.PktSelect.prototype,"_options",2);exports.PktSelect=h([l.t("pkt-select")],exports.PktSelect);

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