@oslokommune/punkt-elements 16.7.3 → 16.7.4

package/dist/checkbox-Cspxcvt_.js

@@ -0,0 +1,111 @@
+import { c as e, d as t, l as n, r, s as i } from "./element-cZ85T_aa.js";
+import { t as a } from "./class-map-C8HuhNzZ.js";
+import { n as o, t as s } from "./ref-RS8Uv6uC.js";
+import { t as c } from "./input-element-Bw1s6NlF.js";
+//#region src/components/checkbox/checkbox.ts
+var l = class extends c {
+	constructor(...e) {
+		super(...e), this.inputRef = s(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.isSwitch = !1, this.labelPosition = "right", this.hideLabel = !1, this.checked = null, this.indeterminate = !1, this.type = "checkbox", this.tagText = null, this.optionalTag = !1, this.optionalText = "Valgfritt", this.requiredTag = !1, this.requiredText = "Må fylles ut";
+	}
+	connectedCallback() {
+		super.connectedCallback();
+	}
+	attributeChangedCallback(e, t, n) {
+		e === "defaultChecked" && !this.checked && (this.checked = this.defaultChecked), e === "checked" && (this.checked = this.checked === "" || this.checked === "true" || this.checked === !0, this.inputRef.value && (this.inputRef.value.checked = this.checked)), e === "indeterminate" && (this.indeterminate = this.indeterminate === "" || this.indeterminate === "true" || this.indeterminate === !0, this.inputRef.value && (this.inputRef.value.indeterminate = this.indeterminate)), super.attributeChangedCallback(e, t, n);
+	}
+	firstUpdated(e) {
+		e.has("defaultChecked") && !this.checked && (this.checked = this.defaultChecked), this.inputRef.value && (this.inputRef.value.indeterminate = this.indeterminate === "" || this.indeterminate === "true" || this.indeterminate === !0), super.firstUpdated(e);
+	}
+	updated(e) {
+		e.has("defaultChecked") && !this.checked && (this.checked = this.defaultChecked), e.has("checked") && this.inputRef.value && (this.inputRef.value.checked = this.checked === "" || this.checked === "true" || this.checked === !0), e.has("indeterminate") && this.inputRef.value && (this.inputRef.value.indeterminate = this.indeterminate === "" || this.indeterminate === "true" || this.indeterminate === !0), super.updated(e);
+	}
+	render() {
+		let e = a({
+			"pkt-input-check__input": !0,
+			"pkt-input-check__input--tile": this.hasTile,
+			"pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
+		}), r = a({
+			"pkt-input-check__input-checkbox": !0,
+			"pkt-input-check__input-checkbox--error": this.hasError
+		}), i = a({
+			"pkt-input-check__input-label": !0,
+			"pkt-input-check__input-label--disabled": this.disabled,
+			"pkt-input-check__input-label--left": this.labelPosition === "left",
+			"pkt-input-check__input-label--right": this.labelPosition === "right",
+			"pkt-sr-only": this.hideLabel
+		}), s = "pkt-tag pkt-tag--small pkt-tag--thin-text", c = () => t`
+        ${this.tagText ? t`<span class=${s + " pkt-tag--gray"}>${this.tagText}</span>` : n}
+        ${this.optionalTag ? t`<span class=${s + " pkt-tag--blue-light"}>${this.optionalText}</span>` : n}
+        ${this.requiredTag ? t`<span class=${s + " pkt-tag--beige"}>${this.requiredText}</span>` : n}
+      `, l = () => t`
+        <label class=${i} for=${this.id + "-internal"}>
+          ${this.label} ${c()}
+          ${this.checkHelptext ? t`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : n}
+        </label>
+      `;
+		return t`
+      <div class="pkt-input-check">
+        <div class=${e}>
+          ${this.labelPosition === "left" ? l() : n}
+          <input
+            id=${this.id + "-internal"}
+            class=${r}
+            type="checkbox"
+            ?disabled=${this.disabled}
+            name=${this.name + "-internal"}
+            ${o(this.inputRef)}
+            @change=${this.handleChange}
+            @click=${this.handleClick}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+            role=${this.isSwitch ? "switch" : "checkbox"}
+          />
+          ${this.labelPosition === "right" ? l() : n}
+        </div>
+      </div>
+    `;
+	}
+	handleClick(e) {
+		if (this.disabled) return e.preventDefault(), e.stopImmediatePropagation(), !1;
+	}
+	handleChange(e) {
+		if (this.disabled) return e.preventDefault(), e.stopImmediatePropagation(), !1;
+		this.toggleChecked(e);
+	}
+	toggleChecked(e) {
+		if (this.disabled) {
+			e.preventDefault(), e.stopImmediatePropagation();
+			return;
+		}
+		let t = e.target;
+		if (t && t.disabled) {
+			e.preventDefault(), e.stopImmediatePropagation();
+			return;
+		}
+		e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this.checked = this.inputRef.value.matches(":checked"), this.valueChecked(this.checked));
+	}
+};
+r([i({
+	type: String,
+	reflect: !0
+})], l.prototype, "value", void 0), r([i({ type: String })], l.prototype, "checkHelptext", void 0), r([i({ type: Boolean })], l.prototype, "defaultChecked", void 0), r([i({ type: Boolean })], l.prototype, "hasTile", void 0), r([i({ type: Boolean })], l.prototype, "isSwitch", void 0), r([i({ type: String })], l.prototype, "labelPosition", void 0), r([i({ type: Boolean })], l.prototype, "hideLabel", void 0), r([i({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "checked", void 0), r([i({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "indeterminate", void 0), r([i({
+	type: String,
+	reflect: !0
+})], l.prototype, "type", void 0), r([i({ type: String })], l.prototype, "tagText", void 0), r([i({ type: Boolean })], l.prototype, "optionalTag", void 0), r([i({ type: String })], l.prototype, "optionalText", void 0), r([i({ type: Boolean })], l.prototype, "requiredTag", void 0), r([i({ type: String })], l.prototype, "requiredText", void 0);
+try {
+	e("pkt-checkbox")(l);
+} catch {
+	console.warn("Forsøker å definere <pkt-checkbox>, men den er allerede definert");
+}
+//#endregion
+//#region src/components/checkbox/index.ts
+var u = l;
+//#endregion
+export { l as n, u as t };

package/dist/class-map-C8HuhNzZ.js

@@ -0,0 +1,27 @@
+import { u as e } from "./element-cZ85T_aa.js";
+import { n as t, r as n, t as r } from "./directive-3THFsVew.js";
+//#region ../../node_modules/lit-html/directives/class-map.js
+var i = r(class extends t {
+	constructor(e) {
+		if (super(e), e.type !== n.ATTRIBUTE || e.name !== "class" || e.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+	}
+	render(e) {
+		return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
+	}
+	update(t, [n]) {
+		if (this.st === void 0) {
+			this.st = /* @__PURE__ */ new Set(), t.strings !== void 0 && (this.nt = new Set(t.strings.join(" ").split(/\s/).filter((e) => e !== "")));
+			for (let e in n) n[e] && !this.nt?.has(e) && this.st.add(e);
+			return this.render(n);
+		}
+		let r = t.element.classList;
+		for (let e of this.st) e in n || (r.remove(e), this.st.delete(e));
+		for (let e in n) {
+			let t = !!n[e];
+			t === this.st.has(e) || this.nt?.has(e) || (t ? (r.add(e), this.st.add(e)) : (r.remove(e), this.st.delete(e)));
+		}
+		return e;
+	}
+});
+//#endregion
+export { i as t };

package/dist/class-map-CJ-msbHs.cjs

@@ -0,0 +1 @@
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./directive-CJ2giQBZ.cjs`);var n=t.t(class extends t.n{constructor(e){if(super(e),e.type!==t.r.ATTRIBUTE||e.name!==`class`||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(t,[n]){if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in n)n[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(n)}let r=t.element.classList;for(let e of this.st)e in n||(r.remove(e),this.st.delete(e));for(let e in n){let t=!!n[e];t===this.st.has(e)||this.nt?.has(e)||(t?(r.add(e),this.st.add(e)):(r.remove(e),this.st.delete(e)))}return e.u}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/dist/classutils-DEL164Ur.js

@@ -0,0 +1,7 @@
+//#region src/utils/classutils.ts
+function e(e, t, n) {
+	let r = e.getAttribute("class") || "", i = new Set(r.split(/\s+/).filter(Boolean));
+	n ? i.add(t) : i.delete(t), e.setAttribute("class", Array.from(i).join(" "));
+}
+//#endregion
+export { e as t };

package/dist/classutils-z8YsPlOf.cjs

@@ -0,0 +1 @@
+function e(e,t,n){let r=e.getAttribute(`class`)||``,i=new Set(r.split(/\s+/).filter(Boolean));n?i.add(t):i.delete(t),e.setAttribute(`class`,Array.from(i).join(` `))}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});