@oslokommune/punkt-elements 20.0.5 → 20.1.2

package/dist/button-BI1PsdE1.cjs

@@ -1,32 +0,0 @@
-const e=require("./element-with-slot-D_8fAzCW.cjs"),t=require("./element-CEarCnHH.cjs"),n=require("./class-map-C82GtM1w.cjs"),r=require("./if-defined-Ci4ZQsgL.cjs");require("./icon-5A378_yh.cjs");var i,a=`https://punkt-cdn.oslo.kommune.no/latest/animations/`;typeof window<`u`&&(window.pktAnimationPath=window.pktAnimationPath||a);var o=class i extends e.t{constructor(...e){super(...e),this.iconName=`user`,this.secondIconName=`user`,this.size=`medium`,this.fullWidth=!1,this.fullWidthOnMobile=!1,this.skin=`primary`,this.variant=`label-only`,this.state=void 0,this.type=`button`,this.form=void 0,this.isLoading=!1,this.disabled=!1,this.loadingAnimationPath=typeof window<`u`?window.pktAnimationPath:a,this.relocatedAria={}}connectedCallback(){super.connectedCallback(),this.addEventListener(`click`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.preventDefault(),e.stopImmediatePropagation())},!0),this.addEventListener(`keydown`,e=>{(this.disabled||this.hasAttribute(`disabled`)||this.isLoading)&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopImmediatePropagation())},!0)}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),e===`disabled`&&n===`false`&&(this.disabled=!1),(e===`isloading`||e===`isLoading`)&&n===`false`&&(this.isLoading=!1)}willUpdate(e){super.willUpdate(e);let t=!1,n={...this.relocatedAria};for(let e of i.relocatedAriaAttributes){let r=this.getAttribute(e);r!==null&&(n[e]=r,this.removeAttribute(e),t=!0)}t&&(this.relocatedAria=n)}firstUpdated(e){super.firstUpdated(e),this.disabled===`false`&&(this.disabled=!1),this.isLoading===`false`&&(this.isLoading=!1)}render(){let i=this.form??this.getAttribute(`form`)??void 0,a={"pkt-btn":!0,[`pkt-btn--${this.size}`]:!!this.size,[`pkt-btn--${this.skin}`]:!!this.skin,[`pkt-btn--${this.variant}`]:!!this.variant,[`pkt-btn--${this.color}`]:!!this.color,[`pkt-btn--${this.state}`]:!!this.state,"pkt-btn--full":!!this.fullWidth,"pkt-btn--full-small":!!this.fullWidthOnMobile,"pkt-btn--isLoading":!!this.isLoading};return t._`
-      <button
-        class=${n.t(a)}
-        type=${this.type}
-        ?disabled=${!!this.disabled}
-        aria-busy=${r.t(this.isLoading?`true`:void 0)}
-        aria-disabled=${r.t(this.disabled||this.isLoading?`true`:void 0)}
-        aria-haspopup=${r.t(this.relocatedAria[`aria-haspopup`])}
-        aria-expanded=${r.t(this.relocatedAria[`aria-expanded`])}
-        aria-controls=${r.t(this.relocatedAria[`aria-controls`])}
-        aria-label=${r.t(this.relocatedAria[`aria-label`])}
-        tabindex=${r.t(this.relocatedAria.tabindex)}
-        form=${r.t(i)}
-      >
-        ${this.isLoading?t._`<pkt-icon
-                class="pkt-btn__icon pkt-btn__spinner"
-                name="spinner-blue"
-                path=${r.t(this.loadingAnimationPath)}
-              ></pkt-icon>`:t.h}
-        ${this.variant===`label-only`?t.h:t._`<pkt-icon
-                class="pkt-btn__icon pkt-icon"
-                name=${this.iconName}
-                path=${r.t(this.iconPath)}
-              ></pkt-icon>`}
-        <span class="pkt-btn__text">${e.i(this)}</span>
-        ${this.variant===`icons-right-and-left`?t._`<pkt-icon
-                class="pkt-btn__icon"
-                name=${this.secondIconName}
-                path=${r.t(this.secondIconPath)}
-              ></pkt-icon>`:t.h}
-      </button>
-    `}};i=o,i.relocatedAriaAttributes=[`aria-haspopup`,`aria-expanded`,`aria-controls`,`aria-label`,`tabindex`],t.n([t.u({type:String})],o.prototype,`iconName`,void 0),t.n([t.u({type:String})],o.prototype,`secondIconName`,void 0),t.n([t.u({type:String})],o.prototype,`iconPath`,void 0),t.n([t.u({type:String})],o.prototype,`secondIconPath`,void 0),t.n([t.u({type:String})],o.prototype,`size`,void 0),t.n([t.u({type:Boolean,attribute:`full-width`})],o.prototype,`fullWidth`,void 0),t.n([t.u({type:Boolean,attribute:`full-width-on-mobile`})],o.prototype,`fullWidthOnMobile`,void 0),t.n([t.u({type:String})],o.prototype,`color`,void 0),t.n([t.u({type:String})],o.prototype,`skin`,void 0),t.n([t.u({type:String})],o.prototype,`variant`,void 0),t.n([t.u({type:String,reflect:!0})],o.prototype,`state`,void 0),t.n([t.u({type:String,reflect:!0})],o.prototype,`type`,void 0),t.n([t.u({type:String})],o.prototype,`form`,void 0),t.n([t.u({type:Boolean,reflect:!0})],o.prototype,`isLoading`,void 0),t.n([t.u({type:Boolean,reflect:!0})],o.prototype,`disabled`,void 0),t.n([t.u({type:String})],o.prototype,`loadingAnimationPath`,void 0),t.n([t.l()],o.prototype,`relocatedAria`,void 0);try{t.d(`pkt-button`)(o)}catch{console.warn(`Forsøker å definere <pkt-button>, men den er allerede definert`)}var s=o;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/button-Bd-0TYe7.js

@@ -1,113 +0,0 @@
-import { i as e, t } from "./element-with-slot-47quDZRt.js";
-import { _ as n, d as r, h as i, l as a, n as o, u as s } from "./element-Bwc-likm.js";
-import { t as c } from "./class-map-C9n5CNC8.js";
-import { t as l } from "./if-defined-B3pYog2C.js";
-import "./icon-CZDw42U7.js";
-// src/components/button/button.ts
-var u, d = "https://punkt-cdn.oslo.kommune.no/latest/animations/";
-typeof window < "u" && (window.pktAnimationPath = window.pktAnimationPath || d);
-var f = class r extends t {
-	constructor(...e) {
-		super(...e), this.iconName = "user", this.secondIconName = "user", this.size = "medium", this.fullWidth = !1, this.fullWidthOnMobile = !1, this.skin = "primary", this.variant = "label-only", this.state = void 0, this.type = "button", this.form = void 0, this.isLoading = !1, this.disabled = !1, this.loadingAnimationPath = typeof window < "u" ? window.pktAnimationPath : d, this.relocatedAria = {};
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.addEventListener("click", (e) => {
-			(this.disabled || this.hasAttribute("disabled") || this.isLoading) && (e.preventDefault(), e.stopImmediatePropagation());
-		}, !0), this.addEventListener("keydown", (e) => {
-			(this.disabled || this.hasAttribute("disabled") || this.isLoading) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopImmediatePropagation());
-		}, !0);
-	}
-	attributeChangedCallback(e, t, n) {
-		super.attributeChangedCallback(e, t, n), e === "disabled" && n === "false" && (this.disabled = !1), (e === "isloading" || e === "isLoading") && n === "false" && (this.isLoading = !1);
-	}
-	willUpdate(e) {
-		super.willUpdate(e);
-		let t = !1, n = { ...this.relocatedAria };
-		for (let e of r.relocatedAriaAttributes) {
-			let r = this.getAttribute(e);
-			r !== null && (n[e] = r, this.removeAttribute(e), t = !0);
-		}
-		t && (this.relocatedAria = n);
-	}
-	firstUpdated(e) {
-		super.firstUpdated(e), this.disabled === "false" && (this.disabled = !1), this.isLoading === "false" && (this.isLoading = !1);
-	}
-	render() {
-		let t = this.form ?? this.getAttribute("form") ?? void 0, r = {
-			"pkt-btn": !0,
-			[`pkt-btn--${this.size}`]: !!this.size,
-			[`pkt-btn--${this.skin}`]: !!this.skin,
-			[`pkt-btn--${this.variant}`]: !!this.variant,
-			[`pkt-btn--${this.color}`]: !!this.color,
-			[`pkt-btn--${this.state}`]: !!this.state,
-			"pkt-btn--full": !!this.fullWidth,
-			"pkt-btn--full-small": !!this.fullWidthOnMobile,
-			"pkt-btn--isLoading": !!this.isLoading
-		};
-		return n`
-      <button
-        class=${c(r)}
-        type=${this.type}
-        ?disabled=${!!this.disabled}
-        aria-busy=${l(this.isLoading ? "true" : void 0)}
-        aria-disabled=${l(this.disabled || this.isLoading ? "true" : void 0)}
-        aria-haspopup=${l(this.relocatedAria["aria-haspopup"])}
-        aria-expanded=${l(this.relocatedAria["aria-expanded"])}
-        aria-controls=${l(this.relocatedAria["aria-controls"])}
-        aria-label=${l(this.relocatedAria["aria-label"])}
-        tabindex=${l(this.relocatedAria.tabindex)}
-        form=${l(t)}
-      >
-        ${this.isLoading ? n`<pkt-icon
-                class="pkt-btn__icon pkt-btn__spinner"
-                name="spinner-blue"
-                path=${l(this.loadingAnimationPath)}
-              ></pkt-icon>` : i}
-        ${this.variant === "label-only" ? i : n`<pkt-icon
-                class="pkt-btn__icon pkt-icon"
-                name=${this.iconName}
-                path=${l(this.iconPath)}
-              ></pkt-icon>`}
-        <span class="pkt-btn__text">${e(this)}</span>
-        ${this.variant === "icons-right-and-left" ? n`<pkt-icon
-                class="pkt-btn__icon"
-                name=${this.secondIconName}
-                path=${l(this.secondIconPath)}
-              ></pkt-icon>` : i}
-      </button>
-    `;
-	}
-};
-u = f, u.relocatedAriaAttributes = [
-	"aria-haspopup",
-	"aria-expanded",
-	"aria-controls",
-	"aria-label",
-	"tabindex"
-], o([s({ type: String })], f.prototype, "iconName", void 0), o([s({ type: String })], f.prototype, "secondIconName", void 0), o([s({ type: String })], f.prototype, "iconPath", void 0), o([s({ type: String })], f.prototype, "secondIconPath", void 0), o([s({ type: String })], f.prototype, "size", void 0), o([s({
-	type: Boolean,
-	attribute: "full-width"
-})], f.prototype, "fullWidth", void 0), o([s({
-	type: Boolean,
-	attribute: "full-width-on-mobile"
-})], f.prototype, "fullWidthOnMobile", void 0), o([s({ type: String })], f.prototype, "color", void 0), o([s({ type: String })], f.prototype, "skin", void 0), o([s({ type: String })], f.prototype, "variant", void 0), o([s({
-	type: String,
-	reflect: !0
-})], f.prototype, "state", void 0), o([s({
-	type: String,
-	reflect: !0
-})], f.prototype, "type", void 0), o([s({ type: String })], f.prototype, "form", void 0), o([s({
-	type: Boolean,
-	reflect: !0
-})], f.prototype, "isLoading", void 0), o([s({
-	type: Boolean,
-	reflect: !0
-})], f.prototype, "disabled", void 0), o([s({ type: String })], f.prototype, "loadingAnimationPath", void 0), o([a()], f.prototype, "relocatedAria", void 0);
-try {
-	r("pkt-button")(f);
-} catch {
-	console.warn("Forsøker å definere <pkt-button>, men den er allerede definert");
-}
-// src/components/button/index.ts
-var p = f;
-export { f as n, p as t };