@altinn/altinn-components 0.52.3 → 0.52.4

package/dist/index-Q0EA2XB0.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { c as M } from "./lite-1fxw3LjI.js";
+import { forwardRef as f, useRef as u, useEffect as A } from "react";
+import { u as x } from "./use-merge-refs-Cj4kTYVj.js";
+var k = typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", b;
+k && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474
+/^Mac/i.test(((b = navigator.userAgentData) == null ? void 0 : b.platform) || navigator.platform);
+var T = ":host(:not([hidden])) { display: block }", E = typeof HTMLElement > "u" ? class {
+} : HTMLElement;
+function r(t, e, n) {
+  return n === void 0 ? t.getAttribute(e) : (n === null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n), null);
+}
+var w = (t, e, n) => {
+  for (const o of n[0].split(","))
+    n[0] = o, Element.prototype[`${t}EventListener`].apply(e, n);
+}, g = (t, ...e) => w("add", t, e), v = (t, ...e) => w("remove", t, e), H = (t) => {
+  const e = "key" in t && (t.key === " " || t.key === "Enter");
+  return e && t.preventDefault(), e && t.target instanceof HTMLElement && t.target.click(), e;
+}, U = (t) => {
+  var e;
+  const n = ((e = t.getRootNode) == null ? void 0 : e.call(t)) || t.ownerDocument;
+  return n instanceof Document || n instanceof ShadowRoot ? n : document;
+}, d = (t, e, n) => {
+  const o = document.createElement(t);
+  if (e && (o.textContent = e), n) for (const [i, s] of Object.entries(n)) r(o, i, s);
+  return o;
+}, D = {
+  define: (t, e) => !k || window.customElements.get(t) || window.customElements.define(t, e)
+}, $ = `${T}
+::slotted(u-summary) { cursor: pointer; display: block }
+::slotted(u-summary)::before { content: ''; display: inline-block; vertical-align: middle; margin-inline: .05em .3125em; border-block: .3125em solid transparent; border-inline-start: .5em solid }
+::slotted(u-summary[aria-expanded="true"])::before { rotate: 90deg }
+:host > [part="details-content"]:not([hidden=""]) { display: block }`, N = class extends E {
+  constructor() {
+    super(), this._content = null, this.shadowRoot || this.attachShadow({ mode: "open" }).append(
+      d("slot", null, { name: "summary" }),
+      d("slot", null, { part: "details-content" }),
+      d("style", $)
+    );
+  }
+  // Using ES2015 syntax for backwards compatibility
+  static get observedAttributes() {
+    return ["open"];
+  }
+  connectedCallback() {
+    var t;
+    this._content = (t = this.shadowRoot) == null ? void 0 : t.children[1], r(this, "role", "group"), g(this._content, "beforematch", this), g(this, "click,keydown", this), this.attributeChangedCallback();
+  }
+  disconnectedCallback() {
+    this._content && v(this._content, "beforematch", this), v(this, "click,keydown", this), this._content = null;
+  }
+  attributeChangedCallback(t, e, n) {
+    const o = "onbeforematch" in this ? "until-found" : !0, i = this.open;
+    for (const s of this.children)
+      s.nodeName === "U-SUMMARY" && r(s, "aria-expanded", `${i}`);
+    if (this._content && (r(this._content, "aria-hidden", `${!i}`), r(this._content, "tabindex", i ? null : "-1"), this._content.hidden = i ? !1 : o), i && this.name) {
+      const s = U(this).querySelectorAll(
+        `${this.nodeName}[name="${this.name}"]`
+      );
+      for (const l of s)
+        l !== this && (l.open = !1);
+    }
+    t === "open" && e === null != (n === null) && this.dispatchEvent(new Event("toggle"));
+  }
+  handleEvent(t) {
+    const e = this.querySelector(":scope > u-summary"), n = e?.contains(t.target);
+    t.defaultPrevented || (t.type === "beforematch" && (this.open = !0), n && t.type === "keydown" && H(t), n && t.type === "click" && (this.open = !this.open));
+  }
+  get open() {
+    return this.hasAttribute("open");
+  }
+  set open(t) {
+    r(this, "open", t ? "" : null);
+  }
+  get name() {
+    return r(this, "name") || "";
+  }
+  set name(t) {
+    r(this, "name", t);
+  }
+}, O = class extends E {
+  connectedCallback() {
+    r(this, "role", "button"), this.slot = "summary", this.tabIndex = 0;
+  }
+};
+D.define("u-details", N);
+D.define("u-summary", O);
+const j = f(function({ className: e, open: n, defaultOpen: o = !1, variant: i = "default", onToggle: s, ...l }, S) {
+  const h = u(null), R = u(o), _ = x([h, S]), p = u(s), c = u(n);
+  return p.current = s, c.current = n, A(() => {
+    const a = h.current, y = (L) => {
+      !a || a?.open === c.current || (p.current?.(L), c.current !== void 0 && (a.open = c.current));
+    };
+    return a?.addEventListener("toggle", y, !0), () => a?.removeEventListener("toggle", y, !0);
+  }, []), m("u-details", { class: M("ds-details", e), open: (n ?? R.current) || void 0, "data-variant": i, ref: _, ...l });
+}), B = f(function(e, n) {
+  return m("div", { ref: n, ...e });
+}), I = f(function({ className: e, ...n }, o) {
+  return m("u-summary", { ref: o, class: e, ...n });
+}), C = Object.assign(j, {
+  Summary: I,
+  Content: B
+});
+C.Summary.displayName = "Details.Summary";
+C.Content.displayName = "Details.Content";
+export {
+  C as D,
+  I as a,
+  B as b
+};

package/dist/index-p1eeF8LQ.js

@@ -0,0 +1,42 @@
+function c(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var o = { exports: {} };
+var u;
+function p() {
+  return u || (u = 1, (function(e) {
+    (function() {
+      var a = {}.hasOwnProperty;
+      function s() {
+        for (var t = "", r = 0; r < arguments.length; r++) {
+          var n = arguments[r];
+          n && (t = i(t, f(n)));
+        }
+        return t;
+      }
+      function f(t) {
+        if (typeof t == "string" || typeof t == "number")
+          return t;
+        if (typeof t != "object")
+          return "";
+        if (Array.isArray(t))
+          return s.apply(null, t);
+        if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+          return t.toString();
+        var r = "";
+        for (var n in t)
+          a.call(t, n) && t[n] && (r = i(r, n));
+        return r;
+      }
+      function i(t, r) {
+        return r ? t ? t + " " + r : t + r : t;
+      }
+      e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+    })();
+  })(o)), o.exports;
+}
+var l = p();
+const m = /* @__PURE__ */ c(l);
+export {
+  m as c
+};

package/dist/index-z82sbSVU.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx as l, jsxs as E, Fragment as j } from "react/jsx-runtime";
+import { S as D } from "./index-D7FJjvrv.js";
+import { c as C } from "./lite-1fxw3LjI.js";
+import { useRef as N, useEffect as x, forwardRef as h, useState as k } from "react";
+import { u as I } from "./use-merge-refs-Cj4kTYVj.js";
+import { P as O } from "./paragraph-BRiIBpbY.js";
+function $(n, t = 50) {
+  const i = N(null);
+  return x(() => () => {
+    i.current && clearTimeout(i.current);
+  }, []), (...r) => {
+    i.current && clearTimeout(i.current), i.current = window.setTimeout(() => {
+      n(...r);
+    }, t);
+  };
+}
+const q = h(function({ className: t, asChild: i, ...s }, r) {
+  return l(i ? D : "p", { className: C("ds-validation-message", t), "data-field": "validation", ref: r, ...s });
+});
+function H(n) {
+  if (!n)
+    return;
+  const t = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), s = `:${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
+  let r = null, d = "";
+  const m = (p) => {
+    const v = [], F = [];
+    for (const e of p)
+      e.attributeName && v.push(e.target ?? n), v.push(...e.addedNodes || []), F.push(...e.removedNodes || []);
+    for (const e of v)
+      w(e) && (R(e) ? t.set(e, e.htmlFor) : e.hasAttribute("data-field") ? t.set(e, e.id) : T(e) && !e.hidden && (r = e, d = e.getAttribute("aria-describedby") || ""));
+    for (const e of F)
+      w(e) && (r === e && (r = null), t.has(e) && (A(e, R(e) ? "for" : "id", t.get(e)), t.delete(e)));
+    const u = d ? d.split(" ") : [], b = r?.id || s;
+    i.clear();
+    for (const [e, g] of t) {
+      const f = e.getAttribute("data-field");
+      let o;
+      if (f) {
+        const c = (i.get(f) || 0) + 1;
+        i.set(f, c), o = `${b}:${f}:${c}`;
+      } else
+        o = b;
+      g || A(e, R(e) ? "for" : "id", o), u.includes(e.id) || (f === "validation" ? u.unshift(e.id) : f && u.push(e.id));
+    }
+    A(r, "id", b), A(r, "aria-describedby", u.join(" ").trim());
+  }, a = V(m);
+  return a.observe(n, {
+    attributeFilter: ["id", "for", "aria-describedby"],
+    attributes: !0,
+    childList: !0,
+    subtree: !0
+  }), m([{ addedNodes: n.querySelectorAll("*") }]), a.takeRecords(), () => a.disconnect();
+}
+const w = (n) => n instanceof Element, R = (n) => n instanceof HTMLLabelElement, T = (n) => n instanceof HTMLElement && "validity" in n && !(n instanceof HTMLButtonElement), A = (n, t, i) => i ? n?.setAttribute(t, i) : n?.removeAttribute(t);
+function V(n) {
+  const t = [], i = new MutationObserver((r) => {
+    t.length || requestAnimationFrame(s), t.push(...r);
+  }), s = () => {
+    n(t, i), t.length = 0, i.takeRecords();
+  };
+  return i;
+}
+const B = h(function({ className: t, position: i, asChild: s, ...r }, d) {
+  const m = s ? D : "div", a = N(null), p = I([a, d]);
+  return x(() => H(a.current), []), l(m, { className: C("ds-field", t), "data-position": i, ref: p, ...r });
+}), P = h(function({ className: t, ...i }, s) {
+  return l("div", { className: C("ds-field-affixes", t), ref: s, ...i });
+}), z = h(function({ className: t, ...i }, s) {
+  return l("span", { className: C("ds-field-affix", t), "aria-hidden": "true", ref: s, ...i });
+}), y = (n, t) => n.replace("%d", Math.abs(t).toString()), G = h(function({ limit: t, under: i = "%d tegn igjen", over: s = "%d tegn for mye", hint: r = "Maks %d tegn tillatt.", ...d }, m) {
+  const [a, p] = k(0), [v, F] = k(""), u = N(null), b = N(null), e = a > t, g = t - a, f = $((o) => F(o), 1200);
+  return x(() => {
+    const o = b.current?.closest(".ds-field"), c = Array.from(o?.getElementsByTagName("*") || []).find(T), M = ({ target: S }) => {
+      T(S) && p(S.value.length);
+    };
+    return c && M({ target: c }), u.current = c, o?.addEventListener("input", M), () => o?.removeEventListener("input", M);
+  }, []), x(() => {
+    if (u.current) {
+      const o = u.current.value.length;
+      p((c) => c === o ? c : o);
+    }
+  }), x(() => {
+    f(y(e ? s : i, g));
+  }, [a, t, s, i, e, g]), E(j, { children: [l("div", { className: "ds-sr-only", "aria-live": "polite", ref: b, children: v }), e ? l(q, { ref: m, ...d, "aria-hidden": "true", "data-field": null, children: y(s, g) }) : l(O, { ref: m, ...d, "aria-hidden": "true", children: y(i, g) }), l("div", { className: "ds-sr-only", "aria-hidden": "true", "data-field": "description", children: y(r, t) })] });
+}), J = h(function(t, i) {
+  return l("div", { "data-field": "description", ref: i, ...t });
+}), L = Object.assign(B, {
+  Description: J,
+  Affixes: P,
+  Affix: z,
+  Counter: G
+});
+L.Description.displayName = "Field.Description";
+L.Affixes.displayName = "Field.Affixes";
+L.Affix.displayName = "Field.Affix";
+L.Counter.displayName = "Field.Counter";
+export {
+  L as F,
+  q as V,
+  J as a,
+  P as b,
+  z as c,
+  $ as u
+};