@oslokommune/punkt-elements 20.0.5 → 20.1.0

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