@datagouv/components-next 0.0.32 → 0.1.1

package/dist/{text-clamp.esm-Mb7Qdtu9.js → text-clamp.esm-B5kW_XMt.js}

@@ -1,9 +1,9 @@
-import { defineComponent as K, ref as C, reactive as P, computed as z, watch as g, createElementBlock as Q, nextTick as W, onUnmounted as X, onMounted as Y, openBlock as Z, normalizeStyle as ee, unref as L, createElementVNode as $, renderSlot as j } from "vue";
-var H = null;
+import { defineComponent as K, ref as C, reactive as P, computed as z, watch as g, createElementBlock as Q, nextTick as W, onUnmounted as X, onMounted as Y, openBlock as Z, normalizeStyle as ee, unref as H, createElementVNode as $, renderSlot as j } from "vue";
+var L = null;
 function te(e) {
-  return H || (H = (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(r) {
+  return L || (L = (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(r) {
     return setTimeout(r, 16);
-  }).bind(window)), H(e);
+  }).bind(window)), L(e);
 }
 var S = null;
 function re(e) {
@@ -18,15 +18,15 @@ function ie(e) {
 function x(e, r) {
   r === void 0 && (r = {});
   var t = document.createElement(e);
-  return Object.keys(r).forEach(function(a) {
-    t[a] = r[a];
+  return Object.keys(r).forEach(function(n) {
+    t[n] = r[n];
   }), t;
 }
 function B(e, r, t) {
-  var a = window.getComputedStyle(e, null) || {
+  var n = window.getComputedStyle(e, null) || {
     display: "none"
   };
-  return a[r];
+  return n[r];
 }
 function R(e) {
   if (!document.documentElement.contains(e))
@@ -53,8 +53,8 @@ function ae(e, r) {
   var t = e.__resize_listeners__;
   if (!t) {
     if (e.__resize_listeners__ = [], window.ResizeObserver) {
-      var a = e.offsetWidth, s = e.offsetHeight, o = new ResizeObserver(function() {
-        !e.__resize_observer_triggered__ && (e.__resize_observer_triggered__ = !0, e.offsetWidth === a && e.offsetHeight === s) || w(e);
+      var n = e.offsetWidth, s = e.offsetHeight, o = new ResizeObserver(function() {
+        !e.__resize_observer_triggered__ && (e.__resize_observer_triggered__ = !0, e.offsetWidth === n && e.offsetHeight === s) || w(e);
       }), i = R(e), u = i.detached, d = i.rendered;
       e.__resize_observer_triggered__ = u === !1 && d === !1, e.__resize_observer__ = o, o.observe(e);
     } else if (e.attachEvent && e.addEventListener)
@@ -87,8 +87,8 @@ function se(e, r) {
   }
 }
 function oe(e) {
-  var r = e.__resize_last__, t = r.width, a = r.height, s = e.offsetWidth, o = e.offsetHeight;
-  return s !== t || o !== a ? {
+  var r = e.__resize_last__, t = r.width, n = r.height, s = e.offsetWidth, o = e.offsetHeight;
+  return s !== t || o !== n ? {
     width: s,
     height: o
   } : null;
@@ -114,14 +114,14 @@ function de(e) {
   (!r || r === "static") && (e.style.position = "relative"), e.__resize_old_position__ = r, e.__resize_last__ = {};
   var t = x("div", {
     className: "resize-triggers"
-  }), a = x("div", {
+  }), n = x("div", {
     className: "resize-expand-trigger"
   }), s = x("div"), o = x("div", {
     className: "resize-contract-trigger"
   });
-  a.appendChild(s), t.appendChild(a), t.appendChild(o), e.appendChild(t), e.__resize_triggers__ = {
+  n.appendChild(s), t.appendChild(n), t.appendChild(o), e.appendChild(t), e.__resize_triggers__ = {
     triggers: t,
-    expand: a,
+    expand: n,
     expandChild: s,
     contract: o
   }, M(e), e.addEventListener("scroll", q, !0), e.__resize_last__ = {
@@ -130,79 +130,78 @@ function de(e) {
   };
 }
 function M(e) {
-  var r = e.__resize_triggers__, t = r.expand, a = r.expandChild, s = r.contract, o = s.scrollWidth, i = s.scrollHeight, u = t.offsetWidth, d = t.offsetHeight, _ = t.scrollWidth, h = t.scrollHeight;
-  s.scrollLeft = o, s.scrollTop = i, a.style.width = u + 1 + "px", a.style.height = d + 1 + "px", t.scrollLeft = _, t.scrollTop = h;
+  var r = e.__resize_triggers__, t = r.expand, n = r.expandChild, s = r.contract, o = s.scrollWidth, i = s.scrollHeight, u = t.offsetWidth, d = t.offsetHeight, _ = t.scrollWidth, h = t.scrollHeight;
+  s.scrollLeft = o, s.scrollTop = i, n.style.width = u + 1 + "px", n.style.height = d + 1 + "px", t.scrollLeft = _, t.scrollTop = h;
 }
 const le = ["aria-label"];
 var D = K({ __name: "text-clamp", props: { text: { type: String, required: !0 }, maxHeight: { type: [String, Number], required: !1 }, maxLines: { type: Number, required: !1 }, expanded: { type: Boolean, required: !1, default: !1 }, location: { type: String, required: !1, default: "end" }, ellipsis: { type: String, required: !1, default: "…" }, autoResize: { type: Boolean, required: !1, default: !1 } }, emits: ["clamp-change", "update:expanded"], setup(e, { emit: r }) {
-  const t = e, a = C(null), s = C(null), o = C(null), i = P({ offset: 0, localExpanded: !!t.expanded, unregisterResizeCallback: null }), u = z(() => {
-    if (!i.localExpanded && t.maxHeight) return typeof (t == null ? void 0 : t.maxHeight) == "number" ? `${t == null ? void 0 : t.maxHeight}px` : t == null ? void 0 : t.maxHeight;
-  }), d = () => {
+  const t = e, n = C(null), s = C(null), o = C(null), i = P({ offset: 0, localExpanded: !!t.expanded, unregisterResizeCallback: null }), u = z((() => {
+    if (!i.localExpanded && t.maxHeight) return typeof t?.maxHeight == "number" ? `${t?.maxHeight}px` : t?.maxHeight;
+  })), d = () => {
     o.value && (o.value.textContent = G.value);
   }, _ = () => {
     i.localExpanded || (d(), (p() || l.value) && y());
   }, h = () => {
-    t.text && (i.offset = t.text.length, A(), t.autoResize && a.value && (ae(a.value, _), i.unregisterResizeCallback = () => {
-      a.value && se(a.value, _);
+    t.text && (i.offset = t.text.length, A(), t.autoResize && n.value && (ae(n.value, _), i.unregisterResizeCallback = () => {
+      n.value && se(n.value, _);
     }), _());
   }, A = () => {
-    var n;
-    (n = i.unregisterResizeCallback) == null || n.call(i);
-  }, p = () => !(!t.maxLines && !t.maxHeight) && !!a.value && (!!(t.maxLines && m() > t.maxLines) || !!(t.maxHeight && a.value.scrollHeight > a.value.offsetHeight)), m = () => s.value ? Object.keys(Array.prototype.slice.call(s.value.getClientRects()).reduce((n, { top: c, bottom: v }) => {
+    i.unregisterResizeCallback?.();
+  }, p = () => !(!t.maxLines && !t.maxHeight) && !!n.value && (!!(t.maxLines && m() > t.maxLines) || !!(t.maxHeight && n.value.scrollHeight > n.value.offsetHeight)), m = () => s.value ? Object.keys(Array.prototype.slice.call(s.value.getClientRects()).reduce(((a, { top: c, bottom: v }) => {
     const f = `${c}/${v}`;
-    return n[f] || (n[f] = !0), n;
-  }, {})).length : 0, y = (...n) => {
-    const [c = 0, v = i.offset] = n;
+    return a[f] || (a[f] = !0), a;
+  }), {})).length : 0, y = (...a) => {
+    const [c = 0, v = i.offset] = a;
     if (v - c <= 3) return void I();
     const f = Math.floor((v + c) / 2);
     E(f), p() ? y(c, f) : y(f, v);
-  }, E = (n) => {
-    i.offset = n, d();
+  }, E = (a) => {
+    i.offset = a, d();
   }, I = () => {
     U(), V();
   }, U = () => {
     for (; (!p() || m() < 2) && i.offset < t.text.length; ) N(1);
   }, V = () => {
     for (; p() && m() > 1 && i.offset > 0; ) N(-1);
-  }, N = (n) => {
-    E(i.offset + n);
-  }, l = z(() => !!t.text && i.offset !== t.text.length);
-  g(() => l.value, (n) => {
-    setTimeout(() => {
-      r("clamp-change", n);
-    }, 0);
-  }, { immediate: !0 });
-  const G = z(() => l.value ? J.value : t.text), J = z(() => {
+  }, N = (a) => {
+    E(i.offset + a);
+  }, l = z((() => !!t.text && i.offset !== t.text.length));
+  g((() => l.value), ((a) => {
+    setTimeout((() => {
+      r("clamp-change", a);
+    }), 0);
+  }), { immediate: !0 });
+  const G = z((() => l.value ? J.value : t.text)), J = z((() => {
     if (t.location === "start") return t.ellipsis + (t.text.slice(-i.offset) || "").trim();
     if (t.location === "middle") {
-      const n = Math.floor(i.offset / 2);
-      return (t.text.slice(0, n) || "").trim() + t.ellipsis + (t.text.slice(-n) || "").trim();
+      const a = Math.floor(i.offset / 2);
+      return (t.text.slice(0, a) || "").trim() + t.ellipsis + (t.text.slice(-a) || "").trim();
     }
     return (t.text.slice(0, i.offset) || "").trim() + t.ellipsis;
-  }), O = () => {
+  })), O = () => {
     i.localExpanded = !0;
   }, T = () => {
     i.localExpanded = !1;
   }, F = () => {
     i.localExpanded = !i.localExpanded;
   };
-  return g(() => t.expanded, (n) => {
-    i.localExpanded = n;
-  }), g(() => i.localExpanded, (n) => {
-    n ? E(t.text.length) : _(), t.expanded !== n && r("update:expanded", n);
-  }), g(() => [t.maxLines, t.maxHeight, t.ellipsis, t.location, l.value].join(), () => {
-    W(() => {
+  return g((() => t.expanded), ((a) => {
+    i.localExpanded = a;
+  })), g((() => i.localExpanded), ((a) => {
+    a ? E(t.text.length) : _(), t.expanded !== a && r("update:expanded", a);
+  })), g((() => [t.maxLines, t.maxHeight, t.ellipsis, t.location, l.value].join()), (() => {
+    W((() => {
       _();
-    });
-  }), g(() => [t.text, t.autoResize].join(), () => {
-    W(() => {
+    }));
+  })), g((() => [t.text, t.autoResize].join()), (() => {
+    W((() => {
       h();
-    });
-  }), X(() => {
+    }));
+  })), X((() => {
     A();
-  }), Y(() => {
+  })), Y((() => {
     h();
-  }), (n, c) => (Z(), Q("div", { ref_key: "textClampRef", ref: a, class: "text-clamp", style: ee({ overflow: "hidden", maxHeight: L(u) }) }, [$("span", { ref_key: "contentRef", ref: s }, [j(n.$slots, "before", { expand: O, collapse: T, toggle: F, clamped: L(l), expanded: i.localExpanded }), $("span", { ref_key: "textRef", ref: o, "aria-label": e.text }, null, 8, le), j(n.$slots, "after", { expand: O, collapse: T, toggle: F, clamped: L(l), expanded: i.localExpanded })], 512)], 4));
+  })), (a, c) => (Z(), Q("div", { ref_key: "textClampRef", ref: n, class: "text-clamp", style: ee({ overflow: "hidden", maxHeight: H(u) }) }, [$("span", { ref_key: "contentRef", ref: s }, [j(a.$slots, "before", { expand: O, collapse: T, toggle: F, clamped: H(l), expanded: i.localExpanded }), $("span", { ref_key: "textRef", ref: o, "aria-label": e.text }, null, 8, le), j(a.$slots, "after", { expand: O, collapse: T, toggle: F, clamped: H(l), expanded: i.localExpanded })], 512)], 4));
 } });
 D.__file = "package/text-clamp.vue";
 const ce = (e) => (e.install = function(r) {