@getflip/swirl-components-react 0.400.0 → 0.401.0

package/dist/swirl-text.entry.21bae5eb.js

@@ -0,0 +1,299 @@
+import { r as lt, h as Z, H as ct, g as ht } from "./index.4dc0679d.js";
+import { c as dt, g as ft } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+var K = { exports: {} }, ut = K.exports, st;
+function xt() {
+  return st || (st = 1, function(o) {
+    (function(l, a) {
+      o.exports ? o.exports = a() : l.balanceText = a();
+    })(ut, () => {
+      let l, a, r;
+      const c = {
+        sel: [],
+        el: []
+      };
+      let f = !1, v = !1;
+      function z() {
+      }
+      function g(t, e) {
+        Array.prototype.forEach.call(t, e);
+      }
+      function B(t) {
+        document.readyState !== "loading" ? t() : document.addEventListener ? document.addEventListener("DOMContentLoaded", t) : document.attachEvent("onreadystatechange", () => {
+          document.readyState !== "loading" && t();
+        });
+      }
+      function D(t, e, n, ...i) {
+        let s;
+        return function() {
+          const h = this;
+          function S() {
+            t.apply(h, i), s = null;
+          }
+          s && clearTimeout(s), s = setTimeout(S, 100);
+        };
+      }
+      function I() {
+        if (typeof window > "u")
+          return !1;
+        const { style: t } = document.documentElement;
+        return t.textWrap || t.WebkitTextWrap || t.MozTextWrap || t.MsTextWrap;
+      }
+      function C() {
+        this.reset();
+      }
+      C.prototype.reset = function() {
+        this.index = 0, this.width = 0;
+      };
+      function m(t) {
+        return a.some((e) => e.start < t && t < e.end);
+      }
+      function L(t, e) {
+        if (t.nodeType === t.ELEMENT_NODE)
+          if (window.getComputedStyle(t).whiteSpace === "nowrap") {
+            const i = t.outerHTML.length;
+            a.push({ start: r, end: r + i }), r += i;
+          } else
+            g(t.childNodes, (i) => {
+              L(i, !0);
+            }), e && (r += t.outerHTML.length - t.innerHTML.length);
+        else
+          t.nodeType === t.COMMENT_NODE ? r += t.length + 7 : t.nodeType === t.PROCESSING_INSTRUCTION_NODE ? r += t.length + 2 : r += t.length;
+      }
+      function k(t, e, n) {
+        if (n === 0)
+          t.style.whiteSpace = e, r = 0, a = [], L(t, !1), t.style.whiteSpace = "nowrap";
+        else {
+          const i = [];
+          a.forEach((s) => {
+            s.start > n && i.push({ start: s.start - n, end: s.end - n });
+          }), a = i;
+        }
+      }
+      function Q(t) {
+        let e = t.querySelectorAll('br[data-owner="balance-text-hyphen"]');
+        g(e, (i) => {
+          i.outerHTML = "";
+        }), e = t.querySelectorAll('br[data-owner="balance-text"]'), g(e, (i) => {
+          i.outerHTML = " ";
+        });
+        let n = t.querySelectorAll('span[data-owner="balance-text-softhyphen"]');
+        if (n.length > 0 && g(n, (i) => {
+          const s = document.createTextNode("\xAD");
+          i.parentNode.insertBefore(s, i), i.parentNode.removeChild(i);
+        }), n = t.querySelectorAll('span[data-owner="balance-text-justify"]'), n.length > 0) {
+          let i = "";
+          g(n, (s) => {
+            i += s.textContent, s.parentNode.removeChild(s);
+          }), t.innerHTML = i;
+        }
+      }
+      const _ = function(t) {
+        return (t.currentStyle || window.getComputedStyle(t, null)).textAlign === "justify";
+      };
+      function d(t, e, n) {
+        e = e.trim();
+        const i = e.split(" ").length;
+        if (e = `${e} `, i < 2)
+          return e;
+        const s = document.createElement("span");
+        s.innerHTML = e, t.appendChild(s);
+        const h = s.offsetWidth;
+        s.parentNode.removeChild(s);
+        const S = Math.floor((n - h) / (i - 1));
+        s.style.wordSpacing = `${S}px`, s.setAttribute("data-owner", "balance-text-justify");
+        const p = document.createElement("div");
+        return p.appendChild(s), p.innerHTML;
+      }
+      function x(t, e) {
+        const n = /([^\S\u00a0]|-|\u2014|\u2013|\u00ad)(?![^<]*>)/g;
+        let i;
+        if (!l)
+          for (l = [], i = n.exec(t); i !== null; )
+            m(i.index) || l.push(i.index), i = n.exec(t);
+        return l.indexOf(e) !== -1;
+      }
+      function X(t, e) {
+        return e === 0 || e === t.length || x(t, e - 1) && !x(t, e);
+      }
+      function b(t, e, n, i, s, h, S) {
+        let p;
+        if (e && typeof e == "string")
+          for (; ; ) {
+            for (; !X(e, h); )
+              h += s;
+            if (t.innerHTML = e.substr(0, h), p = t.offsetWidth, s < 0) {
+              if (p <= i || p <= 0 || h === 0)
+                break;
+            } else if (i <= p || n <= p || h === e.length)
+              break;
+            h += s;
+          }
+        S.index = h, S.width = p;
+      }
+      function R(t, e) {
+        const n = document.createElement("div");
+        n.style.display = "block", n.style.position = "absolute", n.style.bottom = 0, n.style.right = 0, n.style.width = 0, n.style.height = 0, n.style.margin = 0, n.style.padding = 0, n.style.visibility = "hidden", n.style.overflow = "hidden";
+        const i = document.createElement("span");
+        i.style.fontSize = "2000px", i.innerHTML = "&nbsp;", n.appendChild(i), t.appendChild(n);
+        const s = i.getBoundingClientRect();
+        n.parentNode.removeChild(n);
+        const h = s.height / s.width;
+        return e / h;
+      }
+      function u(t) {
+        return t ? typeof t == "string" ? document.querySelectorAll(t) : t.tagName && t.querySelectorAll ? [t] : t : [];
+      }
+      function O(t) {
+        g(u(t), (e) => {
+          Q(e);
+          const i = e.style.whiteSpace, s = e.style.float, h = e.style.display, S = e.style.position, p = e.style.lineHeight;
+          e.style.lineHeight = "normal";
+          const E = e.offsetWidth, ot = e.offsetHeight;
+          e.style.whiteSpace = "nowrap", e.style.float = "none", e.style.display = "inline", e.style.position = "static";
+          let U = e.offsetWidth;
+          const P = e.offsetHeight, tt = i === "pre-wrap" ? 0 : R(e, P);
+          if (E > 0 && U > E && U < 5e3) {
+            let w = e.innerHTML, q = "", N = "";
+            const et = _(e);
+            let V = Math.round(ot / P), it = 0, W, A, y, H, j, nt, Y;
+            for (; V > 1; )
+              l = null, k(e, i, it), W = Math.round((U + tt) / V - tt), A = Math.round((w.length + 1) / V) - 1, y = new C(), b(e, w, E, W, -1, A, y), H = new C(), A = y.index, b(e, w, E, W, 1, A, H), y.reset(), A = H.index, b(e, w, E, W, -1, A, y), y.index === 0 ? j = H.index : E < H.width || y.index === H.index ? j = y.index : j = Math.abs(W - y.width) < Math.abs(H.width - W) ? y.index : H.index, N = w.substr(0, j).replace(/\s$/, ""), Y = Boolean(N.match(/\u00ad$/)), Y && (N = N.replace(/\u00ad$/, '<span data-owner="balance-text-softhyphen">-</span>')), et ? q += d(e, N, E) : (q += N, nt = Y || Boolean(N.match(/(-|\u2014|\u2013)$/)), q += nt ? '<br data-owner="balance-text-hyphen" />' : '<br data-owner="balance-text" aria-hidden="true" />'), w = w.substr(j), it = j, V--, e.innerHTML = w, U = e.offsetWidth;
+            et ? e.innerHTML = q + d(e, w, E) : e.innerHTML = q + w;
+          }
+          e.style.whiteSpace = i, e.style.float = s, e.style.display = h, e.style.position = S, e.style.lineHeight = p;
+        });
+      }
+      function T() {
+        const t = c.sel.join(","), e = u(t), n = Array.prototype.concat.apply(c.el, e);
+        O(n);
+      }
+      function F() {
+        f || (B(T), window.addEventListener("load", T), window.addEventListener("resize", D(T)), f = !0);
+      }
+      function M(t) {
+        typeof t == "string" ? c.sel.push(t) : g(u(t), (e) => {
+          c.el.push(e);
+        }), F(), T();
+      }
+      function J(t) {
+        typeof t == "string" ? c.sel = c.sel.filter((e) => e !== t) : (t = u(t), c.el = c.el.filter((e) => t.indexOf(e) === -1));
+      }
+      function G() {
+        v || (c.sel.push(".balance-text"), F(), v = !0);
+      }
+      function $(t, e) {
+        t ? e && e.watch === !0 ? M(t) : e && e.watch === !1 ? J(t) : O(t) : G();
+      }
+      return $.updateWatched = T, I() ? (z.updateWatched = z, z) : $;
+    });
+  }(K)), K.exports;
+}
+var pt = xt(), gt = /* @__PURE__ */ ft(pt);
+/**
+  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 rt(o, l) {
+  var a = typeof Symbol == "function" && o[Symbol.iterator];
+  if (!a)
+    return o;
+  var r = a.call(o), c, f = [], v;
+  try {
+    for (; !(c = r.next()).done; )
+      f.push(c.value);
+  } catch (z) {
+    v = { error: z };
+  } finally {
+    try {
+      c && !c.done && (a = r.return) && a.call(r);
+    } finally {
+      if (v)
+        throw v.error;
+    }
+  }
+  return f;
+}
+function at(o, l, a) {
+  if (arguments.length === 2)
+    for (var r = 0, c = l.length, f; r < c; r++)
+      (f || !(r in l)) && (f || (f = Array.prototype.slice.call(l, 0, r)), f[r] = l[r]);
+  return o.concat(f || Array.prototype.slice.call(l));
+}
+function wt(o) {
+  return typeof o == "string" ? at([], rt(document.querySelectorAll(o)), !1) : "length" in o ? at([], rt(o), !1) : [o];
+}
+function yt(o, l, a) {
+  if (a === void 0 && (a = {}), typeof l > "u" || isNaN(l))
+    throw Error("maxHeight is required");
+  var r = wt(o);
+  if (!!r.length)
+    for (var c = a.character, f = c === void 0 ? "\u2026" : c, v = a.classname, z = v === void 0 ? "js-shave" : v, g = a.spaces, B = g === void 0 ? !0 : g, D = a.charclassname, I = D === void 0 ? "js-shave-char" : D, C = a.link, m = C === void 0 ? {} : C, L = typeof B == "boolean" ? B : !0, k = m && JSON.stringify(m) !== "{}" && m.href, Q = k ? "a" : "span", _ = 0; _ < r.length; _ += 1) {
+      var d = r[_], x = d.style, X = d.querySelector("." + z), b = d.textContent === void 0 ? "innerText" : "textContent";
+      X && (d.removeChild(d.querySelector("." + I)), d[b] = d[b]);
+      var R = d[b], u = L ? R.split(" ") : R;
+      if (!(u.length < 2)) {
+        var O = x.height;
+        x.height = "auto";
+        var T = x.maxHeight;
+        if (x.maxHeight = "none", d.offsetHeight <= l) {
+          x.height = O, x.maxHeight = T;
+          continue;
+        }
+        var F = k && m.textContent ? m.textContent : f, M = document.createElement(Q), J = {
+          className: I,
+          textContent: F
+        };
+        for (var G in J)
+          M[G] = J[G], M.textContent = f;
+        if (k)
+          for (var $ in m)
+            M[$] = m[$];
+        for (var t = u.length - 1, e = 0, n = void 0; e < t; )
+          n = e + t + 1 >> 1, d[b] = L ? u.slice(0, n).join(" ") : u.slice(0, n), d.insertAdjacentElement("beforeend", M), d.offsetHeight > l ? t = n - 1 : e = n;
+        d[b] = L ? u.slice(0, t).join(" ") : u.slice(0, t), d.insertAdjacentElement("beforeend", M);
+        var i = L ? " ".concat(u.slice(t).join(" ")) : u.slice(t), s = document.createTextNode(i), h = document.createElement("span");
+        h.classList.add(z), h.style.display = "none", h.appendChild(s), d.insertAdjacentElement("beforeend", h), x.height = O, x.maxHeight = T;
+      }
+    }
+}
+const vt = ".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-disabled.sc-swirl-text{color:var(--s-text-disabled)}.text--color-highlight.sc-swirl-text{color:var(--s-text-highlight)}.text--color-on-action-primary.sc-swirl-text{color:var(--s-text-on-action-primary)}.text--color-on-image.sc-swirl-text{color:var(--s-text-on-image)}.text--color-on-status.sc-swirl-text{color:var(--s-text-on-status)}.text--color-on-surface-highlight.sc-swirl-text{color:var(--s-text-on-surface-highlight)}.text--color-on-surface-highlight-subdued.sc-swirl-text{color:var(--s-text-on-surface-highlight-subdued)}.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-xs.sc-swirl-text{font-size:var(--s-font-size-xs);line-height:var(--s-line-height-xs)}.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.text--responsive.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.text--responsive.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.text--responsive.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.text--responsive.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}", mt = class {
+  constructor(o) {
+    lt(this, o), this.align = "start", this.as = "p", this.color = "default", this.fontFamily = "text", this.fontStyle = "normal", this.responsive = !0, this.size = "base", this.truncateDirection = "end", this.weight = "normal", this.whiteSpace = "normal";
+  }
+  componentDidRender() {
+    this.rebalance(), this.handleTruncation();
+  }
+  onWindowResize() {
+    this.rebalance(), this.handleTruncation();
+  }
+  handleTruncation() {
+    if (!this.truncate || !Boolean(this.lines) || this.lines === 1)
+      return;
+    const o = +window.getComputedStyle(this.textEl, null).getPropertyValue("line-height").replace("px", "");
+    o > 0 && yt(this.textEl, o * this.lines);
+  }
+  rebalance() {
+    !this.balance || !Boolean(this.textEl) || gt(this.textEl);
+  }
+  render() {
+    const o = this.as, l = this.truncate && (!Boolean(this.lines) || this.lines === 1), a = dt("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": l,
+      "text--responsive": this.responsive
+    }), r = {
+      whiteSpace: l ? "nowrap" : this.whiteSpace
+    };
+    return Z(ct, { key: "a635ca2f4d4b7afc4e4d4fceb0e995823e6cebdd" }, Z(o, { key: "e9cb49646443c597aa220a12ad0ce008aef9617e", class: a, ref: (c) => this.textEl = c, style: r }, Z("slot", { key: "33a7c292355d29886765808a120f1ead1dd43ab7" })));
+  }
+  get el() {
+    return ht(this);
+  }
+};
+mt.style = vt;
+export {
+  mt as swirl_text
+};

package/dist/swirl-theme-provider.entry.4a68f6c8.js

@@ -0,0 +1,94 @@
+import { r as m, c as a, h as o, H as d } from "./index.4dc0679d.js";
+import "react";
+import "react-dom";
+const l = ".sc-swirl-theme-provider-h{display:unset}", i = "swirl-preferred-theme", c = class {
+  constructor(e) {
+    m(this, e), this.appThemeUpdated = a(this, "appThemeUpdated", 7), this.themeChange = a(this, "themeChange", 7), this.darkThemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)"), this.setDesignTokens = [], this.osThemeChangeHandler = (t) => {
+      this.osTheme = t.matches ? "dark" : "light", this.updateAppTheme();
+    };
+  }
+  componentWillLoad() {
+    this.resolveConfig(), this.determineOSTheme(), this.updateAppTheme();
+  }
+  disconnectedCallback() {
+    this.darkThemeMediaQuery.removeEventListener("change", this.osThemeChangeHandler);
+  }
+  watchConfig() {
+    this.resolveConfig(), this.determineOSTheme(), this.updateAppTheme();
+  }
+  async getActiveOSTheme() {
+    return this.appOSTheme;
+  }
+  async getPreferredOSTheme() {
+    if (!!Boolean(this.resolvedConfig.storage))
+      return this.resolvedConfig.storage.getItem(i);
+  }
+  async setPreferredOSTheme(e) {
+    !Boolean(this.resolvedConfig.storage) || !this.resolvedConfig.enabledThemes.includes(e) || (this.resolvedConfig.storage.setItem(i, e), this.updateAppTheme());
+  }
+  async resetPreferredOSTheme() {
+    !Boolean(this.resolvedConfig.storage) || (this.resolvedConfig.storage.removeItem(i), this.updateAppTheme());
+  }
+  resolveConfig() {
+    var e, t, s;
+    if (this.resolvedConfig = {
+      ...this.config || {},
+      enabledThemes: ((e = this.config) == null ? void 0 : e.enabledThemes) || ["light", "dark"],
+      rootElement: ((t = this.config) == null ? void 0 : t.rootElement) || document.documentElement,
+      storage: ((s = this.config) == null ? void 0 : s.storage) || (window == null ? void 0 : window.localStorage)
+    }, !this.resolvedConfig.enabledThemes.includes("light"))
+      throw new Error("[Swirl Theme Provider] Light theme must be enabled.");
+  }
+  determineOSTheme() {
+    if (!Boolean(window.matchMedia)) {
+      this.osTheme = "light";
+      return;
+    }
+    this.osTheme = this.darkThemeMediaQuery.matches ? "dark" : "light", this.darkThemeMediaQuery.removeEventListener("change", this.osThemeChangeHandler), this.darkThemeMediaQuery.addEventListener("change", this.osThemeChangeHandler);
+  }
+  async updateAppTheme() {
+    const e = await this.getPreferredOSTheme() || this.osTheme;
+    this.resolvedConfig.enabledThemes.includes(e) ? this.appOSTheme = e : this.appOSTheme = "light", this.appOSTheme === "dark" ? (document.documentElement.classList.remove("theme-light"), document.documentElement.classList.add("theme-dark")) : (document.documentElement.classList.remove("theme-dark"), document.documentElement.classList.add("theme-light")), this.updateTenantVariables(), this.updateTenantAssets();
+    const t = {
+      activeTheme: await this.getActiveOSTheme(),
+      preferredTheme: await this.getPreferredOSTheme()
+    };
+    (!Boolean(this.recentOSThemeChangeEventData) || t.activeTheme !== this.recentOSThemeChangeEventData.activeTheme || t.preferredTheme !== this.recentOSThemeChangeEventData.preferredTheme) && (this.recentOSThemeChangeEventData = t, this.themeChange.emit(this.recentOSThemeChangeEventData)), this.appThemeUpdated.emit();
+  }
+  updateTenantAssets() {
+    var t, s, h;
+    const e = (s = (t = this.resolvedConfig) == null ? void 0 : t.themes) == null ? void 0 : s[this.appOSTheme];
+    !Boolean(e) || (h = document.head.querySelector('link[rel="icon"]')) == null || h.setAttribute("href", e.favicon.link);
+  }
+  updateTenantVariables() {
+    var s, h;
+    const e = (h = (s = this.resolvedConfig) == null ? void 0 : s.themes) == null ? void 0 : h[this.appOSTheme];
+    if (!Boolean(e)) {
+      this.resetTenantVariables();
+      return;
+    }
+    const t = this.resolvedConfig.rootElement;
+    this.setDesignTokens = [], e.design_tokens.forEach((r) => {
+      const n = `--s-${r.id}`;
+      t.style.setProperty(n, `rgba(${r.color.r}, ${r.color.g}, ${r.color.b}, ${r.color.a})`), this.setDesignTokens.push(n);
+    });
+  }
+  resetTenantVariables() {
+    const e = this.resolvedConfig.rootElement;
+    this.setDesignTokens.forEach((t) => {
+      e.style.removeProperty(t);
+    }), this.setDesignTokens = [];
+  }
+  render() {
+    return o(d, { key: "4d298f7fdb7eb70b57bcccff39755956847ee51b" }, o("slot", { key: "b3dace729e21553518628b6f733cd3364a23eac5" }));
+  }
+  static get watchers() {
+    return {
+      config: ["watchConfig"]
+    };
+  }
+};
+c.style = l;
+export {
+  c as swirl_theme_provider
+};

package/dist/swirl-time-input.entry.874c16c2.js

@@ -0,0 +1,140 @@
+import { r as h, c as m, h as n, H as p, g as d } from "./index.4dc0679d.js";
+import { c as f } from "./index-orsBiyT_.fc4357c3.js";
+import { p as r, i as o, f as l, I as s } from "./index-D3UoejeY.7db8c51e.js";
+import { D as g } from "./media-query.service-BZg4zbFx.7454a4f3.js";
+import "react";
+import "react-dom";
+import "./utils-wi_3Z3FQ.29a3aebe.js";
+const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", u = "HH:mm:ss", k = class {
+  constructor(t) {
+    h(this, t), this.inputBlur = m(this, "inputBlur", 7), this.inputFocus = m(this, "inputFocus", 7), this.valueChange = m(this, "valueChange", 7), this.format = "HH:mm", this.placeholder = "hh:mm", this.iconSize = 24, this.mediaQueryUnsubscribe = () => {
+    }, this.onBlur = (i) => {
+      this.inputBlur.emit(i);
+    }, this.onClick = (i) => {
+      i.preventDefault();
+    }, this.onFocus = (i) => {
+      this.inputFocus.emit(i), this.handleAutoSelect(i);
+    };
+  }
+  componentWillLoad() {
+    const t = Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);
+    this.id = `swirl-time-input-${t}`;
+  }
+  componentDidLoad() {
+    this.setupMask(), this.mediaQueryUnsubscribe = g.subscribe((t) => {
+      this.updateIconSize(t);
+    }), this.autoFocus && setTimeout(() => {
+      this.inputEl.focus();
+    });
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.mask) == null || t.destroy(), this.mediaQueryUnsubscribe();
+  }
+  watchFormat() {
+    this.setupMask();
+  }
+  watchValue(t, i) {
+    if (t !== i)
+      if (this.valueChange.emit(t), this.mask && t) {
+        const e = this.getPattern();
+        let a = r(t, u, new Date());
+        if (o(a) || (a = r(t, e, new Date())), o(a)) {
+          const c = l(a, e);
+          this.mask.value = c;
+        }
+      } else
+        this.mask && !t && (this.mask.value = "");
+  }
+  updateIconSize(t) {
+    this.iconSize = t ? 20 : 24;
+  }
+  getPattern() {
+    return this.format.replace(new RegExp("(?<!H)H(?!H)", "g"), "HH").replace(new RegExp("(?<!h)h(?!h)", "g"), "hh").replace(new RegExp("(?<!m)m(?!m)", "g"), "mm").replace(new RegExp("(?<!s)s(?!s)", "g"), "ss").replace(new RegExp("(?<!a)a(?!a)", "g"), "aa");
+  }
+  handleAutoSelect(t) {
+    if (!this.autoSelect) {
+      setTimeout(() => {
+        t.target && t.target instanceof HTMLInputElement && t.target.setSelectionRange && t.target.setSelectionRange(0, 0);
+      });
+      return;
+    }
+    t.target && t.target instanceof HTMLInputElement && t.target.select();
+  }
+  setupMask() {
+    var i;
+    (i = this.mask) == null || i.destroy();
+    const t = this.getPattern();
+    if (this.mask = s(this.inputEl, {
+      mask: Date,
+      pattern: t.replace(/([^A-Za-z0-9])/g, "$1`"),
+      autofix: "pad",
+      lazy: !0,
+      overwrite: !0,
+      eager: "append",
+      blocks: {
+        HH: {
+          mask: s.MaskedRange,
+          from: 0,
+          to: 23,
+          maxLength: 2
+        },
+        hh: {
+          mask: s.MaskedRange,
+          from: 1,
+          to: 12,
+          maxLength: 2
+        },
+        mm: {
+          mask: s.MaskedRange,
+          from: 0,
+          to: 59,
+          maxLength: 2
+        },
+        ss: {
+          mask: s.MaskedRange,
+          from: 0,
+          to: 59,
+          maxLength: 2
+        },
+        aa: {
+          mask: s.MaskedEnum,
+          enum: ["AM", "PM", "A", "P"],
+          maxLength: 2
+        },
+        aaa: {
+          mask: s.MaskedEnum,
+          enum: ["am", "pm", "a", "p"],
+          maxLength: 3
+        }
+      },
+      format: (e) => o(e) ? (this.value = l(e, u), l(e, t)) : "",
+      parse: (e) => r(e, t, new Date())
+    }), this.value) {
+      const e = r(this.value, u, new Date());
+      if (o(e)) {
+        const a = l(e, t);
+        this.mask.value = a;
+      }
+    }
+  }
+  render() {
+    const t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = f("time-input", {
+      "time-input--inline": this.inline
+    });
+    return n(p, { key: "3bc12a43b29dc70664c128917e1caede1d861277" }, n("div", { key: "5e47b258cc474122cf10e546d60263f8a994280b", class: i }, n("input", { key: "f128b5900ce823029d38ea238fddf805f102bc16", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (e) => this.inputEl = e, required: this.required, type: "text", readonly: this.readonly }), n("span", { key: "af82605413e6ab52d7509e6b876703123f7cec2a", class: "time-input__icon" }, n("swirl-icon-time-outlined", { key: "e3fa30e4be5418ed8c3e7c0ce167f7de502130e3", size: this.iconSize }))));
+  }
+  get el() {
+    return d(this);
+  }
+  static get watchers() {
+    return {
+      format: ["watchFormat"],
+      value: ["watchValue"]
+    };
+  }
+};
+k.style = b;
+export {
+  k as swirl_time_input
+};

package/dist/swirl-toast-provider.entry.ca9900ec.js

@@ -0,0 +1,36 @@
+import { r as o, h as i, H as r } from "./index.4dc0679d.js";
+import "react";
+import "react-dom";
+const c = class {
+  constructor(t) {
+    o(this, t), this.toasts = [], this.onDismiss = (s) => {
+      this.toasts = [...this.toasts].filter((a) => a.toastId !== s.detail);
+    };
+  }
+  async clearAll() {
+    this.toasts = [];
+  }
+  async dismiss(t) {
+    this.toasts = [...this.toasts].filter((s) => s.toastId !== t);
+  }
+  async toast(t) {
+    if (this.toasts.some((a) => a.toastId === t.toastId))
+      return;
+    const s = {
+      ...t,
+      createdAt: new Date(),
+      duration: t.duration || this.globalDuration || void 0,
+      toastId: t.toastId || String(Math.round(Math.random() * 1e4))
+    };
+    return this.toasts = [...this.toasts, s], s;
+  }
+  render() {
+    return i(r, { key: "d77ac2c1540cb1caea02cdd512ffb542689297a8", role: "status" }, i("swirl-stack", { key: "6b25556338ddf73c30f0307fee0598fa41f0bcdf", spacing: "12" }, this.toasts.map((t) => {
+      const s = { ...t, content: void 0 };
+      return i("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
+    })));
+  }
+};
+export {
+  c as swirl_toast_provider
+};

package/dist/swirl-toast.entry.d19aa8c8.js

@@ -0,0 +1,51 @@
+import { r as o, c as r, h as i, H as n } from "./index.4dc0679d.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { D as d } from "./media-query.service-BZg4zbFx.7454a4f3.js";
+import "react";
+import "react-dom";
+import "./utils-wi_3Z3FQ.29a3aebe.js";
+const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{width:1.25rem;height:1.25rem;margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}.toast__content ::part(link){color:var(--text-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}", l = class {
+  constructor(t) {
+    o(this, t), this.dismiss = r(this, "dismiss", 7), this.accessibleDismissLabel = "Dismiss", this.intent = "default", this.mediaQueryUnsubscribe = () => {
+    }, this.onDismiss = () => {
+      this.dismiss.emit(this.toastId);
+    };
+  }
+  watchDuration() {
+    this.startTimer();
+  }
+  componentDidLoad() {
+    this.startTimer(), this.mediaQueryUnsubscribe = d.subscribe((t) => {
+      this.forceIconProps(t);
+    });
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  forceIconProps(t) {
+    var a;
+    const s = (a = this.iconEl) == null ? void 0 : a.children[0], e = this.dismissIconEl;
+    s == null || s.setAttribute("size", t ? "20" : "24"), e == null || e.setAttribute("size", t ? "20" : "24");
+  }
+  startTimer() {
+    this.clearTimer(), !(this.duration === void 0 || this.duration === 1 / 0) && (this.timeout = setTimeout(() => {
+      this.dismiss.emit(this.toastId);
+    }, this.duration));
+  }
+  clearTimer() {
+    !Boolean(this.timeout) || (clearTimeout(this.timeout), this.timeout = void 0);
+  }
+  render() {
+    const t = c("toast", `toast--intent-${this.intent}`);
+    return i(n, { key: "43cb34a2df0fd98c1651a6a7a8921bd72917d820" }, i("div", { key: "2794719db1ae270a1dbfdd7cd667c7892778586c", class: t }, this.icon && i("span", { key: "00106bb7daccabb75387507a6da93909905cfc66", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "4f14111240b148854ece64826319d11e57c93a8a", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "6ba35843c580885b83231901a746a1ceacefc2a6" })), i("button", { key: "145bd18d8822373d0ea2103e88a1c189228e47a8", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && i("swirl-icon-close", { key: "80b7c90525bfb27844c789e1816e8f0d0175bd97", ref: (s) => this.dismissIconEl = s }))));
+  }
+  static get watchers() {
+    return {
+      duration: ["watchDuration"]
+    };
+  }
+};
+l.style = h;
+export {
+  l as swirl_toast
+};

package/dist/swirl-toggle-button.entry.56baec06.js

@@ -0,0 +1,21 @@
+import { r as s, h as t } from "./index.4dc0679d.js";
+import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const i = ":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;gap:var(--s-space-8);width:100%;padding:0.375rem var(--s-space-8);justify-content:center;align-items:center;border:none;border-radius:0.375rem;color:var(--s-text-default);background-color:var(--s-surface-sunken-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--s-surface-sunken-hovered)}.button:active{background-color:var(--s-surface-sunken-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--s-surface-default);color:var(--s-text-highlight);box-shadow:var(--s-shadow-level-1)}.button.button--pressed .button__icon{color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.button__icon{width:1.5rem;height:1.5rem;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon{width:1.25rem;height:1.25rem}}", n = class {
+  constructor(e) {
+    s(this, e), this.isPressed = !1, this.onClick = () => {
+      this.isPressed = !0;
+    };
+  }
+  render() {
+    const e = o("button", {
+      "button--pressed": this.isPressed
+    });
+    return t("button", { key: "2b9620d5152ba227e725f3b2308b96f49d0d79a0", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "f2504f9c4e4ec6f85fbd3d356f71470a5a133a4b", class: "button__icon", glyph: this.icon }), t("span", { key: "5ca11b4cebdc080a2ef08761344e349ff2248c16", class: "button__label" }, this.label));
+  }
+};
+n.style = i;
+export {
+  n as swirl_toggle_button
+};