@getflip/swirl-components-react 0.1.0 → 0.2.0

package/dist/flip-radio-group.entry.187f29ee.js

@@ -1,35 +0,0 @@
-import { r as a, c as s, h as r, H as l, g as n } from "./main.7e7363a7.js";
-import "react";
-import "react-dom";
-const u = ".sc-flip-radio-group-h{display:block}.sc-flip-radio-group-h *.sc-flip-radio-group{box-sizing:border-box}.radio-group.sc-flip-radio-group{display:flex;flex-direction:column;gap:var(--s-space-4)}", d = class {
-  constructor(e) {
-    a(this, e), this.valueChange = s(this, "valueChange", 7);
-  }
-  componentDidLoad() {
-    this.radioButtons = Array.from(this.el.querySelectorAll("flip-radio")), this.initValue(), this.handleValueChanges();
-  }
-  initValue() {
-    if (this.value === void 0)
-      return;
-    const e = this.radioButtons.find((i) => i.value === this.value);
-    !Boolean(e) || (e.checked = !0);
-  }
-  handleValueChanges() {
-    for (const [e, i] of Object.entries(this.radioButtons))
-      i.addEventListener("valueChange", () => {
-        (i.checked === !0 || i.checked === "true") && (this.valueChange.emit(i.value), this.radioButtons.forEach((t, o) => {
-          String(o) !== e && (t.checked = !1);
-        }));
-      });
-  }
-  render() {
-    return r(l, { role: "radiogroup" }, r("div", { class: "radio-group" }, r("slot", null)));
-  }
-  get el() {
-    return n(this);
-  }
-};
-d.style = u;
-export {
-  d as flip_radio_group
-};

package/dist/flip-spinner.entry.f8f179be.js

@@ -1,17 +0,0 @@
-import { r, h as e, H as i } from "./main.7e7363a7.js";
-import { c as n } from "./index-3c78bcaf.2675909b.js";
-import "react";
-import "react-dom";
-const t = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-s{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;-webkit-animation:spinner-rotate 2s linear infinite;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{-webkit-animation:spinner-dash 1.5s ease-in-out infinite;animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}", a = class {
-  constructor(s) {
-    r(this, s), this.size = "m";
-  }
-  render() {
-    const s = n("spinner", `spinner--size-${this.size}`);
-    return e(i, null, e("span", { class: s, role: Boolean(this.label) ? "status" : void 0 }, e("svg", { "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, e("circle", { class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), e("circle", { class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && e("flip-visually-hidden", null, e("span", { class: "spinner__label" }, this.label))));
-  }
-};
-a.style = t;
-export {
-  a as flip_spinner
-};

package/dist/flip-tooltip.entry.8b5f35c7.js

@@ -1,102 +0,0 @@
-import { r as A, h as e, H as D } from "./main.7e7363a7.js";
-import "react";
-import "react-dom";
-/*! NanoPop 2.1.0 MIT | https://github.com/Simonwep/nanopop */
-const H = { variantFlipOrder: { start: "sme", middle: "mse", end: "ems" }, positionFlipOrder: { top: "tbrl", right: "rltb", bottom: "btrl", left: "lrbt" }, position: "bottom", margin: 8 }, K = (s, t, b) => {
-  const { container: w, margin: r, position: y, variantFlipOrder: v, positionFlipOrder: _ } = { container: document.documentElement.getBoundingClientRect(), ...H, ...b }, { left: x, top: T } = t.style;
-  t.style.left = "0", t.style.top = "0";
-  const o = s.getBoundingClientRect(), i = t.getBoundingClientRect(), E = { t: o.top - i.height - r, b: o.bottom + r, r: o.right + r, l: o.left - i.width - r }, B = { vs: o.left, vm: o.left + o.width / 2 + -i.width / 2, ve: o.left + o.width - i.width, hs: o.top, hm: o.bottom - o.height / 2 - i.height / 2, he: o.bottom - i.height }, [F, O = "middle"] = y.split("-"), P = _[F], C = v[O], { top: p, left: d, bottom: c, right: u } = w;
-  for (const l of P) {
-    const n = l === "t" || l === "b", a = E[l], [m, f] = n ? ["top", "left"] : ["left", "top"], [k, S] = n ? [i.height, i.width] : [i.width, i.height], [W, z] = n ? [c, u] : [u, c], [L, R] = n ? [p, d] : [d, p];
-    if (!(a < L || a + k > W))
-      for (const g of C) {
-        const h = B[(n ? "v" : "h") + g];
-        if (!(h < R || h + S > z))
-          return t.style[f] = h - i[f] + "px", t.style[m] = a - i[m] + "px", l + g;
-      }
-  }
-  return t.style.left = x, t.style.top = T, null;
-}, M = ":host{display:inline-flex}:host *{box-sizing:border-box}.tooltip{display:inline-flex}.tooltip .tooltip__reference{display:inline-flex}.tooltip__popper{position:fixed;z-index:var(--s-z-40);max-width:17.5rem}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);backgrund-color:red}.tooltip__arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--s-surface-neutral-default)}", I = class {
-  constructor(s) {
-    A(this, s), this.delay = 300, this.position = "top", this.visible = !1, this.onKeydown = (t) => {
-      t.code === "Escape" && this.hide();
-    }, this.reposition = () => {
-      !Boolean(this.referenceEl) || !Boolean(this.popperEl) || (this.actualPosition = K(this.referenceEl, this.popperEl, this.options));
-    }, this.show = () => {
-      this.visible = !0, requestAnimationFrame(() => {
-        this.reposition();
-      });
-    }, this.showWithDelay = () => {
-      Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
-        this.show();
-      }, this.delay);
-    }, this.hide = () => {
-      Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.visible = !1;
-    }, this.updateOptions = () => {
-      const t = +getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem", "") * 16;
-      this.options = {
-        margin: t,
-        position: this.position
-      };
-    }, this.getArrowStyles = () => {
-      if (this.actualPosition === "tm")
-        return {
-          top: "100%",
-          left: "50%",
-          transform: "translate3d(-50%, -50%, 0) rotate(45deg)"
-        };
-      if (this.actualPosition === "bm")
-        return {
-          bottom: "100%",
-          left: "50%",
-          transform: "translate3d(-50%, 50%, 0) rotate(45deg)"
-        };
-      if (this.actualPosition === "rm")
-        return {
-          top: "50%",
-          right: "100%",
-          transform: "translate3d(50%, -50%, 0) rotate(45deg)"
-        };
-      if (this.actualPosition === "lm")
-        return {
-          top: "50%",
-          left: "100%",
-          transform: "translate3d(-50%, -50%, 0) rotate(45deg)"
-        };
-    };
-  }
-  watchPosition() {
-    this.updateOptions();
-  }
-  onMouseEnter() {
-    this.showWithDelay();
-  }
-  onMouseLeave() {
-    this.hide();
-  }
-  onWindowResize() {
-    this.reposition();
-  }
-  onWindowScroll() {
-    this.reposition();
-  }
-  componentWillLoad() {
-    this.reposition();
-  }
-  componentDidLoad() {
-    this.updateOptions();
-  }
-  render() {
-    const s = this.getArrowStyles();
-    return e(D, { onKeydown: this.onKeydown }, e("span", { class: "tooltip" }, e("span", { class: "tooltip__reference", "aria-describedby": "tooltip", onBlur: this.hide, onClick: this.hide, onFocus: this.show, ref: (t) => this.referenceEl = t, tabIndex: 0 }, e("slot", null)), e("span", { class: "tooltip__popper", ref: (t) => this.popperEl = t }, this.visible && e("span", { class: "tooltip__bubble", id: "tooltip", role: "tooltip" }, e("span", { class: "tooltip__content", innerHTML: this.content }), e("span", { class: "tooltip__arrow", style: s })))));
-  }
-  static get watchers() {
-    return {
-      position: ["watchPosition"]
-    };
-  }
-};
-I.style = M;
-export {
-  I as flip_tooltip
-};

package/dist/index-3c78bcaf.2675909b.js

@@ -1,48 +0,0 @@
-function p(r, o, n) {
-  return n = {
-    path: o,
-    exports: {},
-    require: function(e, s) {
-      return a();
-    }
-  }, r(n, n.exports), n.exports;
-}
-function a() {
-  throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
-}
-var f = p(function(r) {
-  /*!
-    Copyright (c) 2018 Jed Watson.
-    Licensed under the MIT License (MIT), see
-    http://jedwatson.github.io/classnames
-  */
-  (function() {
-    var o = {}.hasOwnProperty;
-    function n() {
-      for (var e = [], s = 0; s < arguments.length; s++) {
-        var t = arguments[s];
-        if (!!t) {
-          var i = typeof t;
-          if (i === "string" || i === "number")
-            e.push(t);
-          else if (Array.isArray(t)) {
-            if (t.length) {
-              var c = n.apply(null, t);
-              c && e.push(c);
-            }
-          } else if (i === "object")
-            if (t.toString === Object.prototype.toString)
-              for (var u in t)
-                o.call(t, u) && t[u] && e.push(u);
-            else
-              e.push(t.toString());
-        }
-      }
-      return e.join(" ");
-    }
-    r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
-  })();
-});
-export {
-  f as c
-};