@oslokommune/punkt-elements 17.1.0 → 17.1.2

package/dist/progressbar-fnJJsQkh.cjs

@@ -1,17 +0,0 @@
-const e=require("./element-DCm4GU7z.cjs"),t=require("./class-map-DzzW3MwB.cjs");require("./icon-BlJZpl2L.cjs");const n=require("./ref-CYXJQuCZ.cjs"),r=require("./utils-63cRpWut.cjs");var i=`important`,a=` !important`,o=e.c(class extends e.l{constructor(t){if(super(t),t.type!==e.u.ATTRIBUTE||t.name!==`style`||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,n)=>{let r=e[n];return r==null?t:t+`${n=n.includes(`-`)?n:n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,`-$&`).toLowerCase()}:${r};`},``)}update(t,[n]){let{style:r}=t.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(n)),this.render(n);for(let e of this.ft)n[e]??(this.ft.delete(e),e.includes(`-`)?r.removeProperty(e):r[e]=null);for(let e in n){let t=n[e];if(t!=null){this.ft.add(e);let n=typeof t==`string`&&t.endsWith(a);e.includes(`-`)||n?r.setProperty(e,n?t.slice(0,-11):t,n?i:``):r[e]=t}}return e.f}}),s=class extends e.t{constructor(){super(),this.ariaLabel=null,this.ariaLabelledby=null,this.ariaValueText=null,this.ariaLive=`polite`,this.id=r.n(),this.role=`progressbar`,this.skin=`dark-blue`,this.statusPlacement=`following`,this.statusType=`none`,this.title=``,this.titlePosition=`left`,this.valueCurrent=0,this.valueMax=100,this.valueMin=0,this.labelWidth=0,this.progressbarId=this.id,this.computedAriaLabelledby=null,this.computedAriaValueText=``,this.labelRef=n.t(),this.progressBarRef=n.t()}firstUpdated(e){super.firstUpdated(e),this.setComputedValues(),this.syncAttributes()}updated(e){super.updated(e),e.has(`valueCurrent`)&&this.labelRef.value&&(this.labelWidth=this.labelRef.value.getBoundingClientRect().width||0),e.has(`id`)&&this.id&&(this.progressBarId=this.id),(e.has(`statusType`)||e.has(`id`)||e.has(`ariaLabelledby`))&&(this.progressbarId=this.id||r.n(),this.computedAriaLabelledby=this.ariaLabelledby||`${this.progressbarId}-title`),(e.has(`ariaValueText`)||e.has(`valueCurrent`)||e.has(`valueMax`))&&(this.computedAriaValueText=this.statusType===`fraction`&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||``),this.syncAttributes()}render(){let r=this.statusType!==`none`,i=this.valueMax-this.valueMin,a=this.valueCurrent/i*100,s=this.statusType===`fraction`?Math.round(a):Math.round((this.valueCurrent-this.valueMin)/(this.valueMax-this.valueMin)*100),c=`${this.valueCurrent} av ${i}`,l=t.t({"pkt-progressbar__bar":!0,[`pkt-progressbar__bar--${this.skin}`]:!!this.skin}),u=t.t({"pkt-progressbar__title":!0,"pkt-progressbar__title-center":this.titlePosition===`center`}),d=t.t({"pkt-progressbar__status":!0,"pkt-progressbar__status--center":this.statusPlacement===`center`}),f=t.t({"pkt-progressbar__status-placement--following":this.statusPlacement===`following`,"pkt-progressbar__status-placement--center":this.statusPlacement===`center`,"pkt-progressbar__status-placement--left":this.statusPlacement===`left`});return e.p` <div
-      class="pkt-progressbar__container"
-      .ref=${this.progressBarRef}
-      style=${o({"--pkt-progress-label-width":`${this.labelWidth}px`,"--pkt-progress-width":`${s}%`})}
-    >
-      ${this.title?e.p`<p id=${`${this.progressBarId}-title`} class=${u}>${this.title}</p>`:e.d}
-
-      <div class="pkt-progressbar__bar-wrapper">
-        <div class=${l}></div>
-      </div>
-
-      ${r?e.p`<div class=${d}>
-            <span class=${f} ${n.n(this.labelRef)}>
-              ${this.statusType===`percentage`?`${s}%`:c}
-            </span>
-          </div>`:e.d}
-    </div>`}setComputedValues(){this.progressbarId=this.id||r.n(),this.computedAriaLabelledby=this.ariaLabelledby||`${this.progressbarId}-title`,this.computedAriaValueText=this.statusType===`fraction`&&!this.ariaValueText?`${this.valueCurrent} av ${this.valueMax-this.valueMin}`:this.ariaValueText||``}syncAttributes(){this._handleAttribute(`aria-live`,this.ariaLive),this._handleAttribute(`aria-valuenow`,this.valueCurrent),this._handleAttribute(`aria-valuemin`,this.valueMin),this._handleAttribute(`aria-valuemax`,this.valueMax),this._handleAttribute(`aria-valuetext`,this.computedAriaValueText),this._handleAttribute(`aria-label`,this.ariaLabel),this._handleAttribute(`role`,this.role),this._handleAttribute(`aria-atomic`,`true`),this._handleAttribute(`id`,this.progressbarId),this.ariaLabel||this._handleAttribute(`aria-labelledby`,this.computedAriaLabelledby)}_handleAttribute(e,t){t==null||t===``?this.removeAttribute(e):this.setAttribute(e,String(t))}};e.n([e.o({type:String})],s.prototype,`ariaLabel`,void 0),e.n([e.o({type:String,reflect:!0})],s.prototype,`ariaLabelledby`,void 0),e.n([e.o({type:String,reflect:!0})],s.prototype,`ariaValueText`,void 0),e.n([e.o({type:String})],s.prototype,`ariaLive`,void 0),e.n([e.o({type:String,reflect:!0})],s.prototype,`id`,void 0),e.n([e.o({type:String})],s.prototype,`role`,void 0),e.n([e.o({type:String})],s.prototype,`skin`,void 0),e.n([e.o({type:String})],s.prototype,`statusPlacement`,void 0),e.n([e.o({type:String})],s.prototype,`statusType`,void 0),e.n([e.o({type:String,reflect:!0})],s.prototype,`title`,void 0),e.n([e.o({type:String})],s.prototype,`titlePosition`,void 0),e.n([e.o({type:Number,reflect:!0})],s.prototype,`valueCurrent`,void 0),e.n([e.o({type:Number})],s.prototype,`valueMax`,void 0),e.n([e.o({type:Number})],s.prototype,`valueMin`,void 0),e.n([e.a()],s.prototype,`labelWidth`,void 0),e.n([e.a()],s.prototype,`progressbarId`,void 0),e.n([e.a()],s.prototype,`computedAriaLabelledby`,void 0),e.n([e.a()],s.prototype,`computedAriaValueText`,void 0);try{e.s(`pkt-progressbar`)(s)}catch{console.warn(`Forsøker å definere <pkt-progressbar>, men den er allerede definert`)}var c=s;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/ref-CYXJQuCZ.cjs

@@ -1 +0,0 @@
-const e=require("./element-DCm4GU7z.cjs"),t=require("./async-directive-Cj6po9Zy.cjs");var n=()=>new r,r=class{},i=new WeakMap,a=e.c(class extends t.t{render(t){return e.d}update(t,[n]){let r=n!==this.G;return r&&this.rt(void 0),(r||this.lt!==this.ct)&&(this.G=n,this.ht=t.options?.host,this.rt(this.ct=t.element)),e.d}rt(e){if(this.G!==void 0)if(this.isConnected||(e=void 0),typeof this.G==`function`){let t=this.ht??globalThis,n=i.get(t);n===void 0&&(n=new WeakMap,i.set(t,n)),n.get(this.G)!==void 0&&this.G.call(this.ht,void 0),n.set(this.G,e),e!==void 0&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){return typeof this.G==`function`?i.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});