@getflip/swirl-components-react 0.106.0 → 0.108.0

package/dist/balancetext-fa49c64f.754e913c.js

@@ -1,189 +0,0 @@
-import { a as ie, b as oe } from "./index-d280dafb.186cdb0e.js";
-var re = ie(function(C) {
-  (function(y, c) {
-    C.exports ? C.exports = c() : y.balanceText = c();
-  })(oe, () => {
-    let y, c, u;
-    const l = {
-      sel: [],
-      el: []
-    };
-    let O = !1, A = !1;
-    function H() {
-    }
-    function w(e, t) {
-      Array.prototype.forEach.call(e, t);
-    }
-    function G(e) {
-      document.readyState !== "loading" ? e() : document.addEventListener ? document.addEventListener("DOMContentLoaded", e) : document.attachEvent("onreadystatechange", () => {
-        document.readyState !== "loading" && e();
-      });
-    }
-    function J(e, t, i, ...n) {
-      let o;
-      return function() {
-        const s = this;
-        function f() {
-          i || e.apply(s, n), o = null;
-        }
-        o ? clearTimeout(o) : i && e.apply(s, n), o = setTimeout(f, t || 100);
-      };
-    }
-    function P() {
-      if (typeof window > "u")
-        return !1;
-      const { style: e } = document.documentElement;
-      return e.textWrap || e.WebkitTextWrap || e.MozTextWrap || e.MsTextWrap;
-    }
-    function E() {
-      this.reset();
-    }
-    E.prototype.reset = function() {
-      this.index = 0, this.width = 0;
-    };
-    function U(e) {
-      return c.some((t) => t.start < e && e < t.end);
-    }
-    function j(e, t) {
-      if (e.nodeType === e.ELEMENT_NODE)
-        if (window.getComputedStyle(e).whiteSpace === "nowrap") {
-          const n = e.outerHTML.length;
-          c.push({ start: u, end: u + n }), u += n;
-        } else
-          w(e.childNodes, (n) => {
-            j(n, !0);
-          }), t && (u += e.outerHTML.length - e.innerHTML.length);
-      else
-        e.nodeType === e.COMMENT_NODE ? u += e.length + 7 : e.nodeType === e.PROCESSING_INSTRUCTION_NODE ? u += e.length + 2 : u += e.length;
-    }
-    function K(e, t, i) {
-      if (i === 0)
-        e.style.whiteSpace = t, u = 0, c = [], j(e, !1), e.style.whiteSpace = "nowrap";
-      else {
-        const n = [];
-        c.forEach((o) => {
-          o.start > i && n.push({ start: o.start - i, end: o.end - i });
-        }), c = n;
-      }
-    }
-    function Q(e) {
-      let t = e.querySelectorAll('br[data-owner="balance-text-hyphen"]');
-      w(t, (n) => {
-        n.outerHTML = "";
-      }), t = e.querySelectorAll('br[data-owner="balance-text"]'), w(t, (n) => {
-        n.outerHTML = " ";
-      });
-      let i = e.querySelectorAll('span[data-owner="balance-text-softhyphen"]');
-      if (i.length > 0 && w(i, (n) => {
-        const o = document.createTextNode("\xAD");
-        n.parentNode.insertBefore(o, n), n.parentNode.removeChild(n);
-      }), i = e.querySelectorAll('span[data-owner="balance-text-justify"]'), i.length > 0) {
-        let n = "";
-        w(i, (o) => {
-          n += o.textContent, o.parentNode.removeChild(o);
-        }), e.innerHTML = n;
-      }
-    }
-    const V = function(e) {
-      return (e.currentStyle || window.getComputedStyle(e, null)).textAlign === "justify";
-    };
-    function k(e, t, i) {
-      t = t.trim();
-      const n = t.split(" ").length;
-      if (t = `${t} `, n < 2)
-        return t;
-      const o = document.createElement("span");
-      o.innerHTML = t, e.appendChild(o);
-      const s = o.offsetWidth;
-      o.parentNode.removeChild(o);
-      const f = Math.floor((i - s) / (n - 1));
-      o.style.wordSpacing = `${f}px`, o.setAttribute("data-owner", "balance-text-justify");
-      const a = document.createElement("div");
-      return a.appendChild(o), a.innerHTML;
-    }
-    function B(e, t) {
-      const i = /([^\S\u00a0]|-|\u2014|\u2013|\u00ad)(?![^<]*>)/g;
-      let n;
-      if (!y)
-        for (y = [], n = i.exec(e); n !== null; )
-          U(n.index) || y.push(n.index), n = i.exec(e);
-      return y.indexOf(t) !== -1;
-    }
-    function X(e, t) {
-      return t === 0 || t === e.length || B(e, t - 1) && !B(e, t);
-    }
-    function N(e, t, i, n, o, s, f) {
-      let a;
-      if (t && typeof t == "string")
-        for (; ; ) {
-          for (; !X(t, s); )
-            s += o;
-          if (e.innerHTML = t.substr(0, s), a = e.offsetWidth, o < 0) {
-            if (a <= n || a <= 0 || s === 0)
-              break;
-          } else if (n <= a || i <= a || s === t.length)
-            break;
-          s += o;
-        }
-      f.index = s, f.width = a;
-    }
-    function Y(e, t) {
-      const i = document.createElement("div");
-      i.style.display = "block", i.style.position = "absolute", i.style.bottom = 0, i.style.right = 0, i.style.width = 0, i.style.height = 0, i.style.margin = 0, i.style.padding = 0, i.style.visibility = "hidden", i.style.overflow = "hidden";
-      const n = document.createElement("span");
-      n.style.fontSize = "2000px", n.innerHTML = "&nbsp;", i.appendChild(n), e.appendChild(i);
-      const o = n.getBoundingClientRect();
-      i.parentNode.removeChild(i);
-      const s = o.height / o.width;
-      return t / s;
-    }
-    function S(e) {
-      return e ? typeof e == "string" ? document.querySelectorAll(e) : e.tagName && e.querySelectorAll ? [e] : e : [];
-    }
-    function I(e) {
-      w(S(e), (t) => {
-        Q(t);
-        const n = t.style.whiteSpace, o = t.style.float, s = t.style.display, f = t.style.position, a = t.style.lineHeight;
-        t.style.lineHeight = "normal";
-        const h = t.offsetWidth, ne = t.offsetHeight;
-        t.style.whiteSpace = "nowrap", t.style.float = "none", t.style.display = "inline", t.style.position = "static";
-        let L = t.offsetWidth;
-        const z = t.offsetHeight, D = n === "pre-wrap" ? 0 : Y(t, z);
-        if (h > 0 && L > h && L < 5e3) {
-          let r = t.innerHTML, M = "", g = "";
-          const _ = V(t);
-          let W = Math.round(ne / z), R = 0, b, x, d, p, T, F, v;
-          for (; W > 1; )
-            y = null, K(t, n, R), b = Math.round((L + D) / W - D), x = Math.round((r.length + 1) / W) - 1, d = new E(), N(t, r, h, b, -1, x, d), p = new E(), x = d.index, N(t, r, h, b, 1, x, p), d.reset(), x = p.index, N(t, r, h, b, -1, x, d), d.index === 0 ? T = p.index : h < p.width || d.index === p.index ? T = d.index : T = Math.abs(b - d.width) < Math.abs(p.width - b) ? d.index : p.index, g = r.substr(0, T).replace(/\s$/, ""), v = Boolean(g.match(/\u00ad$/)), v && (g = g.replace(/\u00ad$/, '<span data-owner="balance-text-softhyphen">-</span>')), _ ? M += k(t, g, h) : (M += g, F = v || Boolean(g.match(/(-|\u2014|\u2013)$/)), M += F ? '<br data-owner="balance-text-hyphen" />' : '<br data-owner="balance-text" aria-hidden="true" />'), r = r.substr(T), R = T, W--, t.innerHTML = r, L = t.offsetWidth;
-          _ ? t.innerHTML = M + k(t, r, h) : t.innerHTML = M + r;
-        }
-        t.style.whiteSpace = n, t.style.float = o, t.style.display = s, t.style.position = f, t.style.lineHeight = a;
-      });
-    }
-    function m() {
-      const e = l.sel.join(","), t = S(e), i = Array.prototype.concat.apply(l.el, t);
-      I(i);
-    }
-    function q() {
-      O || (G(m), window.addEventListener("load", m), window.addEventListener("resize", J(m)), O = !0);
-    }
-    function Z(e) {
-      typeof e == "string" ? l.sel.push(e) : w(S(e), (t) => {
-        l.el.push(t);
-      }), q(), m();
-    }
-    function ee(e) {
-      typeof e == "string" ? l.sel = l.sel.filter((t) => t !== e) : (e = S(e), l.el = l.el.filter((t) => e.indexOf(t) === -1));
-    }
-    function te() {
-      A || (l.sel.push(".balance-text"), q(), A = !0);
-    }
-    function $(e, t) {
-      e ? t && t.watch === !0 ? Z(e) : t && t.watch === !1 ? ee(e) : I(e) : te();
-    }
-    return $.updateWatched = m, P() ? (H.updateWatched = H, H) : $;
-  });
-});
-export {
-  re as b
-};

package/dist/swirl-heading.entry.24aaece0.js

@@ -1,35 +0,0 @@
-import { r as a, h as i, H as l } from "./index.ea94bf88.js";
-import { c as h } from "./index-d280dafb.186cdb0e.js";
-import { b as r } from "./balancetext-fa49c64f.754e913c.js";
-import "react";
-import "react-dom";
-const g = ".sc-swirl-heading-h{display:block;width:100%}.sc-swirl-heading-h *.sc-swirl-heading{box-sizing:border-box}.heading.sc-swirl-heading{display:block;width:100%;margin:0;padding:0;text-align:start}.heading--align-start.sc-swirl-heading{text-align:start}.heading--align-center.sc-swirl-heading{text-align:center}.heading--align-end.sc-swirl-heading{text-align:end}.heading--level-1.sc-swirl-heading{font-size:var(--s-font-size-2xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-2xl);letter-spacing:var(--s-letter-spacing-tight)}.heading--level-2.sc-swirl-heading{font-size:var(--s-font-size-xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-xl)}.heading--level-3.sc-swirl-heading{font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.heading--level-4.sc-swirl-heading{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}.heading--level-5.sc-swirl-heading,.heading--level-6.sc-swirl-heading{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-sm)}.heading--truncate.sc-swirl-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}", d = class {
-  constructor(e) {
-    a(this, e), this.align = "start", this.as = void 0, this.balance = !0, this.headingId = void 0, this.level = 1, this.lines = void 0, this.text = void 0, this.truncate = void 0;
-  }
-  componentDidRender() {
-    this.rebalance();
-  }
-  onWindowResize() {
-    this.rebalance();
-  }
-  rebalance() {
-    !this.balance || !Boolean(this.headingEl) || Boolean(this.lines) || r(this.headingEl);
-  }
-  render() {
-    const e = this.as || `h${this.level}`, n = Boolean(this.lines) ? {
-      display: "-webkit-box",
-      overflow: "hidden",
-      "-webkit-line-clamp": String(this.lines),
-      "-webkit-box-orient": "vertical",
-      whiteSpace: "normal"
-    } : void 0, t = h("heading", `heading--align-${this.align}`, `heading--level-${this.level}`, {
-      "heading--truncate": this.truncate
-    });
-    return i(l, null, i(e, { class: t, id: this.headingId, ref: (s) => this.headingEl = s, style: n }, this.text));
-  }
-};
-d.style = g;
-export {
-  d as swirl_heading
-};

package/dist/swirl-text.entry.a290aeba.js

@@ -1,108 +0,0 @@
-import { r as I, h as b, H as J, g as T } from "./index.ea94bf88.js";
-import { c as V } from "./index-d280dafb.186cdb0e.js";
-import { b as G } from "./balancetext-fa49c64f.754e913c.js";
-import "react";
-import "react-dom";
-/**
-  shave - Shave is a javascript plugin that truncates multi-line text within a html element based on set max height
-  @version v5.0.2
-  @link https://github.com/yowainwright/shave#readme
-  @author Jeff Wainwright <yowainwright@gmail.com> (jeffry.in)
-  @license MIT
-**/
-function k(t, i) {
-  var e = typeof Symbol == "function" && t[Symbol.iterator];
-  if (!e)
-    return t;
-  var s = e.call(t), a, r = [], x;
-  try {
-    for (; (i === void 0 || i-- > 0) && !(a = s.next()).done; )
-      r.push(a.value);
-  } catch (v) {
-    x = { error: v };
-  } finally {
-    try {
-      a && !a.done && (e = s.return) && e.call(s);
-    } finally {
-      if (x)
-        throw x.error;
-    }
-  }
-  return r;
-}
-function B(t, i, e) {
-  if (e || arguments.length === 2)
-    for (var s = 0, a = i.length, r; s < a; s++)
-      (r || !(s in i)) && (r || (r = Array.prototype.slice.call(i, 0, s)), r[s] = i[s]);
-  return t.concat(r || Array.prototype.slice.call(i));
-}
-function K(t) {
-  return typeof t == "string" ? B([], k(document.querySelectorAll(t)), !1) : "length" in t ? B([], k(t), !1) : [t];
-}
-function M(t, i, e) {
-  if (e === void 0 && (e = {}), typeof i > "u" || isNaN(i))
-    throw Error("maxHeight is required");
-  var s = K(t);
-  if (!!s.length)
-    for (var a = e.character, r = a === void 0 ? "\u2026" : a, x = e.classname, v = x === void 0 ? "js-shave" : x, y = e.spaces, C = y === void 0 ? !0 : y, _ = e.charclassname, j = _ === void 0 ? "js-shave-char" : _, E = e.link, c = E === void 0 ? {} : E, w = typeof C == "boolean" ? C : !0, m = c && JSON.stringify(c) !== "{}" && c.href, D = m ? "a" : "span", p = 0; p < s.length; p += 1) {
-      var n = s[p], l = n.style, F = n.querySelector("." + v), f = n.textContent === void 0 ? "innerText" : "textContent";
-      F && (n.removeChild(n.querySelector("." + j)), n[f] = n[f]);
-      var A = n[f], o = w ? A.split(" ") : A;
-      if (!(o.length < 2)) {
-        var N = l.height;
-        l.height = "auto";
-        var $ = l.maxHeight;
-        if (l.maxHeight = "none", n.offsetHeight <= i) {
-          l.height = N, l.maxHeight = $;
-          continue;
-        }
-        var L = m && c.textContent ? c.textContent : r, d = document.createElement(D), H = {
-          className: j,
-          textContent: L
-        };
-        for (var S in H)
-          d[S] = H[S], d.textContent = r;
-        if (m)
-          for (var q in c)
-            d[q] = c[q];
-        for (var h = o.length - 1, z = 0, g = void 0; z < h; )
-          g = z + h + 1 >> 1, n[f] = w ? o.slice(0, g).join(" ") : o.slice(0, g), n.insertAdjacentElement("beforeend", d), n.offsetHeight > i ? h = g - 1 : z = g;
-        n[f] = w ? o.slice(0, h).join(" ") : o.slice(0, h), n.insertAdjacentElement("beforeend", d);
-        var O = w ? " ".concat(o.slice(h).join(" ")) : o.slice(h), R = document.createTextNode(O), u = document.createElement("span");
-        u.classList.add(v), u.style.display = "none", u.appendChild(R), n.insertAdjacentElement("beforeend", u), l.height = N, l.maxHeight = $;
-      }
-    }
-}
-const Q = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text--truncate-direction-start.sc-swirl-text{direction:rtl;text-align:left}", U = class {
-  constructor(t) {
-    I(this, t), this.align = "start", this.as = "p", this.balance = void 0, this.color = "default", this.fontFamily = "text", this.fontStyle = "normal", this.lines = void 0, this.size = "base", this.truncate = void 0, this.truncateDirection = "end", this.weight = "normal";
-  }
-  componentDidRender() {
-    this.rebalance(), this.handleTruncation();
-  }
-  onWindowResize() {
-    this.rebalance(), this.handleTruncation();
-  }
-  handleTruncation() {
-    if (!this.truncate || !Boolean(this.lines) || this.lines === 1)
-      return;
-    const t = +window.getComputedStyle(this.textEl, null).getPropertyValue("line-height").replace("px", "");
-    t > 0 && M(this.textEl, t * this.lines);
-  }
-  rebalance() {
-    !this.balance || !Boolean(this.textEl) || G(this.textEl);
-  }
-  render() {
-    const t = this.as, i = V("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-family-${this.fontFamily}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--truncate-direction-${this.truncateDirection}`, `text--weight-${this.weight}`, {
-      "text--truncate": this.truncate && (!Boolean(this.lines) || this.lines === 1)
-    });
-    return b(J, null, b(t, { class: i, ref: (e) => this.textEl = e }, b("slot", null)));
-  }
-  get el() {
-    return T(this);
-  }
-};
-U.style = Q;
-export {
-  U as swirl_text
-};