@getflip/swirl-components-react 0.10.0 → 0.12.0

package/dist/balancetext-31f1ec68.bd1c1b2d.js

@@ -0,0 +1,189 @@
+import { c as ie, a as oe } from "./_commonjsHelpers-10467d11.b7d83301.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/file-manager.entry.7a321755.js

@@ -0,0 +1,58 @@
+import { r as o, h as e, H as s } from "./index.149af511.js";
+import "react";
+import "react-dom";
+const n = {
+  directories: [
+    {
+      name: "Development",
+      description: "Updated 2 days ago.",
+      children: [
+        {
+          description: "1.02 MB, updated 2 days ago.",
+          name: "sample.pdf",
+          type: "application/pdf",
+          url: "/sample.pdf"
+        },
+        {
+          description: "124 KB, updated a month ago.",
+          name: "sample.jpg",
+          type: "image/jpeg",
+          url: "/sample.jpg"
+        }
+      ]
+    },
+    {
+      name: "People",
+      description: "Updated just now.",
+      children: []
+    }
+  ]
+}, c = class {
+  constructor(t) {
+    o(this, t), this.selectItem = (i) => {
+      "type" in i ? (this.selectedFile = i, this.layout.changeMobileView("body")) : this.selectedDirectory = i;
+    }, this.resetSelectedDirectory = () => {
+      this.selectedDirectory = void 0;
+    }, this.toggleSidebar = () => {
+      var i;
+      (i = this.layout) === null || i === void 0 || i.toggleSidebar();
+    };
+  }
+  renderNavigation() {
+    const t = Boolean(this.selectedDirectory) ? this.selectedDirectory.children : n.directories;
+    return t.length > 0 ? t.map((i) => e("swirl-resource-list-item", {
+      description: i.description,
+      key: i.name,
+      label: i.name,
+      media: "type" in i ? "<swirl-icon-file></swirl-icon-file>" : "<swirl-icon-folder-shared></swirl-icon-folder-shared>",
+      onClick: () => this.selectItem(i)
+    })) : e("swirl-box", { padding: "16" }, e("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty."));
+  }
+  render() {
+    var t, i;
+    return e(s, null, e("swirl-app-layout", { appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", heading: (t = this.selectedFile) === null || t === void 0 ? void 0 : t.name, navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (l) => this.layout = l, sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), subheading: (i = this.selectedFile) === null || i === void 0 ? void 0 : i.description, transitionStyle: "dialog" }, e("swirl-resource-list", { label: "Documents", slot: "navigation" }, this.renderNavigation()), e("swirl-button", { id: "sort-button", label: "Sort items", slot: "navigation-controls" }), Boolean(this.selectedFile) ? e("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type }) : e("swirl-box", { cover: !0, centerBlock: !0, centerInline: !0, padding: "16", slot: "content" }, e("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list.")), e("div", { slot: "app-bar-controls" }, this.selectedFile && e("swirl-button", { "hide-label": !0, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar })), e("swirl-box", { padding: "16", slot: "sidebar" }, e("swirl-text", { color: "subdued", weight: "medium" }, "File info goes here \u2026"))), e("swirl-popover", { label: "Sort items", popoverId: "sort-menu", trigger: "sort-button" }, e("swirl-option-list", { value: ["ascending"] }, e("swirl-option-list-item", { icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), e("swirl-option-list-item", { icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), e("swirl-option-list-item", { icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" }))));
+  }
+};
+export {
+  c as file_manager
+};

package/dist/{index-6d2e18c6.289636d4.js → index-47862d62.75c2fcf1.js}

@@ -1,4 +1,4 @@
-import { c as a } from "./_commonjsHelpers-44457d8d.ba94af77.js";
+import { c as a } from "./_commonjsHelpers-10467d11.b7d83301.js";
 var u = a(function(r) {
   /*!
     Copyright (c) 2018 Jed Watson.