@getflip/swirl-components-react 0.531.1 → 0.531.3

package/dist/swirl-toast-provider.entry.1ba3e43e.js

@@ -1,82 +0,0 @@
-import { r as n, h as e, H as r, g as c } from "./index.74f90c9e.js";
-import "react";
-import "react-dom";
-const l = () => ".toast-provider__stack{position:fixed;inset:unset;bottom:var(--s-space-16);left:0;right:0;pointer-events:none;margin:0 var(--s-space-24);border:none;padding:0;background:none;width:auto;overflow:unset}.toast-provider__stack::backdrop{display:none}.toast-provider__stack>*{width:auto;pointer-events:auto}", h = class {
-  constructor(t) {
-    n(this, t), this.toasts = [], this.activeDialogStack = [], this.originalParent = null, this.onAction = (s) => {
-      var o;
-      const i = this.toasts.find(({ toastId: a }) => a === s.detail);
-      !i || ((o = i.onAction) == null || o.call(i, i.toastId), i.dismissOnAction && this.dismiss(s.detail));
-    }, this.onDismiss = (s) => {
-      this.dismiss(s.detail);
-    };
-  }
-  async clearAll() {
-    this.toasts = [];
-  }
-  async dismiss(t) {
-    var i;
-    const s = this.toasts.find((o) => t === o.toastId);
-    !s || ((i = s.onDismiss) == null || i.call(s, s.toastId), this.toasts = [...this.toasts].filter((o) => o.toastId !== t));
-  }
-  async toast(t) {
-    if (this.toasts.some((i) => i.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;
-  }
-  componentWillLoad() {
-    this.originalParent = this.el.parentElement;
-  }
-  disconnectedCallback() {
-    this.el.isConnected || (this.activeDialogStack = this.activeDialogStack.filter((t) => t.isConnected), this.ensureCorrectPosition());
-  }
-  handleDialogToggle(t) {
-    const { newState: s, dialog: i } = t.detail;
-    s === "open" ? this.onDialogOpen(i) : this.onDialogClose(i);
-  }
-  onToastsChange() {
-    this.toasts.length > 0 ? this.ensureCorrectPosition() : this.popoverEl.hidePopover();
-  }
-  onDialogOpen(t) {
-    this.activeDialogStack.includes(t) || this.activeDialogStack.push(t), this.toasts.length > 0 && this.ensureCorrectPosition();
-  }
-  onDialogClose(t) {
-    this.activeDialogStack = this.activeDialogStack.filter((s) => s != t), this.toasts.length > 0 && this.ensureCorrectPosition();
-  }
-  ensureCorrectPosition() {
-    this.activeDialogStack = this.activeDialogStack.filter((s) => s.isConnected);
-    const t = this.activeDialogStack[this.activeDialogStack.length - 1] || this.originalParent;
-    this.el.parentElement !== t && t.appendChild(this.el), this.popoverEl.hidePopover(), this.popoverEl.showPopover();
-  }
-  render() {
-    return e(r, { key: "beae26cc9bad4bf02620821d99e96e30699c2374", role: "status" }, e("swirl-stack", { key: "9a97642ff7a29441893a66e0dcbbd0e84c27d738", class: "toast-provider__stack", part: "toast-provider__stack", popover: "manual", spacing: "12", align: "center", ref: (t) => this.popoverEl = t }, this.toasts.map((t) => {
-      const s = {
-        ...t,
-        content: void 0,
-        onDismiss: void 0,
-        onAction: void 0
-      };
-      return e("swirl-toast", { key: t.toastId, ...s, onDismiss: this.onDismiss, onAction: this.onAction }, t.content);
-    })));
-  }
-  get el() {
-    return c(this);
-  }
-  static get watchers() {
-    return {
-      toasts: [{
-        onToastsChange: 0
-      }]
-    };
-  }
-};
-h.style = l();
-export {
-  h as swirl_toast_provider
-};

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

@@ -1,55 +0,0 @@
-import { r as n, c as o, h as t, H as r } from "./index.74f90c9e.js";
-import { c } from "./index-orsBiyT_.fc4357c3.js";
-import { D as d } from "./media-query.service-CCYT6DU8.f0931fdc.js";
-import "react";
-import "react-dom";
-import "./utils-CCck-DTo.e4e43b6a.js";
-const l = () => ":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--action-position-bottom .toast__content-container{flex-direction:column}.toast--action-position-bottom .toast__action-button{margin-top:var(--s-space-8);margin-left:0;align-self:flex-start}.toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;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}}.toast__content-container{display:flex;flex-grow:1;min-width:0}.toast__content{flex-basis:min-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__action-button{--swirl-plain-button-text-color-default:var(--s-text-on-status);--swirl-plain-button-text-color-hovered:var(--s-text-on-status);--swirl-plain-button-text-color-pressed:var(--s-text-on-status);margin-left:var(--s-space-16);min-width:0;flex-shrink:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__action-button{margin-top:-1px}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;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}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__dismiss-button{margin-top:calc(-1 * var(--s-space-2))}}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}", h = class {
-  constructor(i) {
-    n(this, i), this.action = o(this, "action", 7), this.dismiss = o(this, "dismiss", 7), this.accessibleDismissLabel = "Dismiss", this.actionPosition = "inline", this.intent = "default", this.mediaQueryUnsubscribe = () => {
-    }, this.onAction = () => {
-      this.action.emit(this.toastId);
-    }, this.onDismiss = () => {
-      this.clearTimer(), this.dismiss.emit(this.toastId);
-    };
-  }
-  watchDuration() {
-    this.startTimer();
-  }
-  componentDidLoad() {
-    this.startTimer(), this.mediaQueryUnsubscribe = d.subscribe((i) => {
-      this.forceIconProps(i);
-    });
-  }
-  disconnectedCallback() {
-    this.clearTimer(), this.mediaQueryUnsubscribe();
-  }
-  forceIconProps(i) {
-    var a;
-    const s = (a = this.iconEl) == null ? void 0 : a.children[0], e = this.dismissIconEl;
-    s == null || s.setAttribute("size", i ? "20" : "24"), e == null || e.setAttribute("size", i ? "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 i = c("toast", `toast--intent-${this.intent}`, `toast--action-position-${this.actionPosition}`);
-    return t(r, { key: "f263cbe9a8e349d88043fb0d0324e074e4419f0d" }, t("div", { key: "5f43b16eb1a1e75e8b7e4fe6b4376965d636924d", class: i }, this.icon && t("span", { key: "adf6249bfd7605b15740e6db5ecf4141df68d614", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), t("span", { key: "aad0cd3c9b764eb3e05cc5bb9341857aad7a70d2", class: "toast__content-container" }, t("span", { key: "82f1b9eab0e381248cbaca4d2b5afbbcb4f30184", class: "toast__content", innerHTML: this.content, part: "toast__content" }, t("slot", { key: "0cd204c4d4eab757ad6bc067ba5e356bcaeb9fd2" })), this.actionLabel && t("swirl-button", { key: "bafaa29ab97d29c6cf41b5d01028c96c1821887b", class: "toast__action-button", label: this.actionLabel, onClick: this.onAction, variant: "plain" })), t("button", { key: "b52db302c2841959fbe68eb938cf10fe59c08103", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && t("swirl-icon-close", { key: "48379c17bd2ea4b0f183b003b3d0c5e86a8300f4", ref: (s) => this.dismissIconEl = s }))));
-  }
-  static get watchers() {
-    return {
-      duration: [{
-        watchDuration: 0
-      }]
-    };
-  }
-};
-h.style = l();
-export {
-  h as swirl_toast
-};

package/dist/swirl-toggle-button.entry.6a519b77.js

@@ -1,21 +0,0 @@
-import { r as o, h as t } from "./index.74f90c9e.js";
-import { c as i } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const n = () => ":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:transparent;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-state-hovered)}.button:active{background-color:var(--s-state-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}}", r = class {
-  constructor(e) {
-    o(this, e), this.isPressed = !1, this.hideLabel = !1, this.onClick = () => {
-      this.isPressed = !0;
-    };
-  }
-  render() {
-    const e = i("button", {
-      "button--pressed": this.isPressed
-    }), s = this.hideLabel ? this.label : void 0;
-    return t("button", { key: "f2261bf91b1687233089155614035cfd8972a285", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": s, onClick: this.onClick }, this.icon && t("swirl-icon", { key: "6e01840e038daebd2dce86558e9bec7b52616720", class: "button__icon", glyph: this.icon }), !this.hideLabel && t("span", { key: "a041507571edc1880db45e0d95419ef6160ecd53", class: "button__label" }, this.label));
-  }
-};
-r.style = n();
-export {
-  r as swirl_toggle_button
-};

package/dist/swirl-toggle-group.entry.6d58ab19.js

@@ -1,62 +0,0 @@
-import { r as i, c as r, h as o, g } from "./index.74f90c9e.js";
-import { c as l } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const a = () => ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-2);background-color:var(--s-surface-sunken-default);border-radius:var(--s-space-8);transition:box-shadow 0.3s}.toggle-group--elevated{box-shadow:var(--s-shadow-level-2)}.toggle-group--variant-outline{outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}.toggle-group--variant-translucent{background-color:var(--s-surface-raised-default)}", n = class {
-  constructor(t) {
-    i(this, t), this.selectedToggleChange = r(this, "selectedToggleChange", 7), this.variant = "flat", this.toggleButtons = [], this.onSlotChange = () => {
-      this.toggleButtons = Array.from(this.el.querySelectorAll("swirl-toggle-button")), this.setTogglePressedStates();
-    };
-  }
-  watchSelectedToggleId(t, e) {
-    t !== e && (this.selectedToggleChange.emit(t), this.setTogglePressedStates());
-  }
-  onClick(t) {
-    const e = t.target;
-    if ((e == null ? void 0 : e.tagName) === "SWIRL-TOGGLE-BUTTON") {
-      t.stopPropagation();
-      const s = e;
-      this.selectedToggleId = s.identifier;
-    }
-  }
-  setTogglePressedStates() {
-    var e;
-    if (!((e = this.toggleButtons) != null && e.length))
-      return;
-    if (!this.selectedToggleId) {
-      this.toggleButtonWithId(this.toggleButtons[0].identifier);
-      return;
-    }
-    if (!this.toggleButtons.some((s) => s.identifier === this.selectedToggleId)) {
-      this.toggleButtonWithId(this.toggleButtons[0].identifier);
-      return;
-    }
-    this.toggleButtonWithId(this.selectedToggleId);
-  }
-  toggleButtonWithId(t) {
-    var e;
-    !((e = this.toggleButtons) != null && e.length) || this.toggleButtons.forEach((s) => {
-      s.identifier === t ? s.isPressed = !0 : s.isPressed = !1;
-    });
-  }
-  render() {
-    const t = l("toggle-group", `toggle-group--variant-${this.variant}`, {
-      "toggle-group--elevated": this.elevated
-    });
-    return o("swirl-stack", { key: "dd9c485230f0bda3bdf4e109c1f3a5527db46511", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "3390e52462e88e3de01868f493bd9c9a3f770fed", onSlotchange: this.onSlotChange }));
-  }
-  get el() {
-    return g(this);
-  }
-  static get watchers() {
-    return {
-      selectedToggleId: [{
-        watchSelectedToggleId: 0
-      }]
-    };
-  }
-};
-n.style = a();
-export {
-  n as swirl_toggle_group
-};

package/dist/swirl-toolbar.entry.01c5cbf0.js

@@ -1,56 +0,0 @@
-import { r as i, h as s, H as n, g as r } from "./index.74f90c9e.js";
-import { k as c } from "./utils-CCck-DTo.e4e43b6a.js";
-import "react";
-import "react-dom";
-const a = () => ":host{display:block}:host *{box-sizing:border-box}", l = class {
-  constructor(e) {
-    i(this, e), this.orientation = "horizontal", this.spacing = "8", this.onKeyDown = (t) => {
-      t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
-    };
-  }
-  componentDidLoad() {
-    var o;
-    const e = this.getItems();
-    this.deactivateTabIndexes(e);
-    const t = (o = e[0]) == null ? void 0 : o.querySelector("button");
-    !Boolean(t) || (t.tabIndex = 0);
-  }
-  getItems() {
-    return Array.from(this.el.querySelectorAll("swirl-button, swirl-chip"));
-  }
-  focusNextItem() {
-    const e = this.getItems(), o = (this.getActiveItemIndex(e) + 1) % e.length;
-    this.focusItem(e[o]);
-  }
-  focusPreviousItem() {
-    const e = this.getItems(), t = this.getActiveItemIndex(e), o = t === 0 ? e.length - 1 : t - 1;
-    this.focusItem(e[o]);
-  }
-  getActiveItemIndex(e) {
-    const t = c();
-    return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
-  }
-  focusItem(e) {
-    const t = this.getItems();
-    if (this.deactivateTabIndexes(t), !Boolean(e))
-      return;
-    const o = e.querySelector("button");
-    !Boolean(o) || (o.tabIndex = 0, o.focus());
-  }
-  deactivateTabIndexes(e) {
-    e.forEach((t) => {
-      const o = t.querySelector("button");
-      !Boolean(o) || (o.tabIndex = -1);
-    });
-  }
-  render() {
-    return s(n, { key: "73b1af3aced583df7489fed5d8fd87269b71958f" }, s("swirl-stack", { key: "53acf3a4c4dcdb67004ce0c685fbce11709a36ad", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: this.spacing, wrap: !0 }, s("slot", { key: "602437b7f5529bae90be0203362223527b56644c" })));
-  }
-  get el() {
-    return r(this);
-  }
-};
-l.style = a();
-export {
-  l as swirl_toolbar
-};

package/dist/swirl-tooltip.entry.436fb35a.js

@@ -1,118 +0,0 @@
-import { r as c, h as s, H as d, g as f } from "./index.74f90c9e.js";
-import { b as u, c as m, o as h, f as b, a as w, s as g } from "./floating-ui.dom-CLsTbQHn.fe95e3a6.js";
-import { c as v } from "./index-orsBiyT_.fc4357c3.js";
-import { o as n } from "./utils-CCck-DTo.e4e43b6a.js";
-import "react";
-import "react-dom";
-const y = () => ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host *{box-sizing:border-box}.tooltip{display:contents}.tooltip--visible .tooltip__popper{display:block;animation:tooltip-fade-in 0.15s;animation-delay:0.1s;animation-fill-mode:forwards;opacity:0}.tooltip--actual-placement-top .tooltip__arrow{top:calc(100% - 0.0625rem);transform:translate3d(0, -50%, 0) rotate(45deg)}.tooltip--actual-placement-bottom .tooltip__arrow{bottom:calc(100% - 0.0625rem);transform:translate3d(0, 50%, 0) rotate(45deg)}.tooltip--actual-placement-left .tooltip__arrow{left:calc(100% - 0.0625rem);transform:translate3d(-50%, 0, 0) rotate(45deg)}.tooltip--actual-placement-right .tooltip__arrow{right:calc(100% - 0.0625rem);transform:translate3d(50%, 0, 0) rotate(45deg)}.tooltip .tooltip__reference{display:contents}.tooltip__popper{position:fixed;display:none;opacity:0;border:none;padding:0;margin:0;background:transparent;overflow:visible}.tooltip__popper::backdrop{display:none}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:calc(var(--s-space-8) + 0.0625rem);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);text-align:start;box-shadow:var(--s-shadow-level-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tooltip__bubble{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tooltip__content{white-space:normal}.tooltip__arrow{position:absolute;width:0.6875rem;height:0.6875rem;border-radius:0.125rem;background-color:var(--s-surface-neutral-default)}.tooltip--intent-info .tooltip__bubble,.tooltip--intent-info .tooltip__arrow{background-color:var(--s-surface-info-default)}.tooltip--intent-primary .tooltip__bubble,.tooltip--intent-primary .tooltip__arrow{background-color:var(--s-action-primary-default);color:var(--s-text-on-action-primary)}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}", _ = class {
-  constructor(i) {
-    c(this, i), this.active = !0, this.delay = 200, this.enableFlip = !0, this.intent = "default", this.maxWidth = "17.5rem", this.position = "top", this.trigger = ["focus", "hover"], this.visible = !1, this.onKeydown = (t) => {
-      t.code === "Escape" && this.hide();
-    }, this.onFocusIn = () => {
-      this.trigger.includes("focus") && this.show();
-    }, this.onFocusOut = () => {
-      this.trigger.includes("focus") && this.hide();
-    }, this.reposition = async () => {
-      var r, l;
-      const t = this.el.children[0];
-      if (!Boolean(t) || !Boolean(this.popperEl))
-        return;
-      const a = [
-        ...this.options.middleware.filter((p) => p && p.name !== "arrow"),
-        u({ element: this.arrowElement, padding: 12 })
-      ];
-      this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: a });
-      const e = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.x, o = (l = this.actualPosition.middlewareData.arrow) == null ? void 0 : l.y;
-      this.arrowStyles = {
-        left: Boolean(e) ? e + "px" : void 0,
-        top: Boolean(o) ? o + "px" : void 0
-      };
-    }, this.showWithDelay = () => {
-      !this.active || (Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
-        this.show();
-      }, this.delay));
-    }, this.updatePositioning = () => {
-      this.updateOptions(), this.active && this.visible && this.reposition();
-    }, this.updateOptions = () => {
-      const t = n("--s-space-12"), a = n("--s-space-8"), e = n("--s-space-16"), o = g({
-        padding: {
-          top: a,
-          bottom: a,
-          left: e,
-          right: e
-        }
-      });
-      this.options = {
-        middleware: this.enableFlip ? [h(t), o, b()] : [h(t), o],
-        placement: this.position,
-        strategy: "fixed"
-      };
-    };
-  }
-  watchPosition() {
-    this.updatePositioning();
-  }
-  watchEnableFlip() {
-    this.updatePositioning();
-  }
-  onMouseEnter() {
-    this.trigger.includes("hover") && this.showWithDelay();
-  }
-  onMouseLeave() {
-    this.trigger.includes("hover") && this.hide();
-  }
-  onWindowResize() {
-    !this.active || this.reposition();
-  }
-  onWindowScroll() {
-    !this.active || !this.visible || this.reposition();
-  }
-  componentWillLoad() {
-    this.reposition();
-  }
-  componentDidLoad() {
-    this.positioning !== void 0 && console.warn('[Swirl] The "positioning" prop of swirl-tooltip is deprecated and will be removed with the next major release. "fixed" is now the default positioning strategy.'), this.updateOptions();
-  }
-  async show() {
-    !this.active || (this.updateOptions(), this.visible = !0, requestAnimationFrame(() => {
-      var t;
-      const i = this.el.children[0];
-      !Boolean(i) || ((t = this.popperEl) == null || t.showPopover(), this.reposition(), this.disableAutoUpdate = w(i, this.popperEl, this.reposition.bind(this)));
-    }));
-  }
-  async hide() {
-    var i, t;
-    Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.visible = !1, (i = this.popperEl) == null || i.hidePopover(), (t = this.disableAutoUpdate) == null || t.call(this);
-  }
-  render() {
-    var t, a, e;
-    const i = v("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, `tooltip--intent-${this.intent}`, {
-      "tooltip--visible": this.visible
-    });
-    return s(d, { key: "1b5bb2034b315b49c7e1caf68fc73f21b3968b0e", onKeydown: this.onKeydown }, s("span", { key: "7f7a5ee5634cac2d8652f826f0614be1dc994e7a", class: i }, s("span", { key: "c4ac19e50a3ca991f4e5a814eb2a71bb828a9e32", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, s("slot", { key: "4069069595ed74c9613b7bf0c449f33c13c847ea" })), s("span", { key: "76557a31870e9dddad8ca80d9a2010fd3b294f45", class: "tooltip__popper", popover: "manual", ref: (o) => this.popperEl = o, style: {
-      top: Boolean(this.actualPosition) ? `${(a = this.actualPosition) == null ? void 0 : a.y}px` : "",
-      left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
-      maxWidth: this.maxWidth
-    } }, this.visible && s("span", { key: "16d4d3661053aaa6c315d66cbabf3074c24c43d8", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, s("span", { key: "52e85ff11eca8e56a135991ed20d0815e9520681", class: "tooltip__content", innerHTML: this.content })), s("span", { key: "3a21f9cd678bedeb8fc4abbba91b1f0b94dfa9cd", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
-      ...this.arrowStyles,
-      visibility: this.visible ? "visible" : "hidden"
-    } }))));
-  }
-  get el() {
-    return f(this);
-  }
-  static get watchers() {
-    return {
-      position: [{
-        watchPosition: 0
-      }],
-      enableFlip: [{
-        watchEnableFlip: 0
-      }]
-    };
-  }
-};
-_.style = y();
-export {
-  _ as swirl_tooltip
-};

package/dist/swirl-tree-navigation-item.entry.f660f0c0.js

@@ -1,73 +0,0 @@
-import { r as s, c as r, h as e, H as o, g as l } from "./index.74f90c9e.js";
-import { c as d } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const h = () => ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-state-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-state-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-state-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8);max-height:var(--s-line-height-sm)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4);opacity:0;transition:opacity 0.3s ease}.tree-navigation-item__link:hover .tree-navigation-item__external-icon,.tree-navigation-item__link:focus-visible .tree-navigation-item__external-icon{opacity:1}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}.tree-navigation-item__is-new-tag{flex-shrink:0}", c = class {
-  constructor(t) {
-    s(this, t), this.expansionChange = r(this, "expansionChange", 7), this.markAsNewLabel = "New", this.level = 1, this.expandable = !0, this.external = !1, this.expanded = !1, this.hasChildren = !1, this.hasCustomIcon = !1, this.childrenHeight = "0", this.buttonId = `${this.navigationItemId}-button`, this.childrenId = `${this.navigationItemId}-children`, this.onKeyDown = (i) => {
-      switch (i.key) {
-        case " ":
-          i.preventDefault(), this.toggleExpanded(i);
-          break;
-        case "ArrowRight":
-          i.preventDefault(), !this.expanded && this.hasChildren && this.expand();
-          break;
-        case "ArrowLeft":
-          i.preventDefault(), this.expanded && this.collapse();
-          break;
-      }
-    }, this.toggleExpanded = (i) => {
-      this.expandable && this.hasChildren && !this.href && (i.preventDefault(), i.stopPropagation(), this.expanded ? this.collapse() : this.expand());
-    };
-  }
-  componentWillLoad() {
-    this.hasCustomIcon = Boolean(this.el.querySelector("[slot='custom-icon']")), this.checkForChildren();
-  }
-  componentDidLoad() {
-    this.hasChildren && this.expanded && this.updateChildrenHeight();
-  }
-  updateChildrenHeight() {
-    if (this.childrenRef) {
-      const t = this.expanded ? `${this.childrenRef.scrollHeight}px` : "0";
-      this.childrenHeight = t;
-    }
-  }
-  handleExpandedChange() {
-    this.expansionChange.emit(this.expanded), this.updateChildrenHeight();
-  }
-  checkForChildren() {
-    this.hasChildren = Boolean(this.el.querySelector("swirl-tree-navigation-item"));
-  }
-  async expand() {
-    this.expanded || !this.expandable || !this.hasChildren || (this.expanded = !0);
-  }
-  async collapse() {
-    !this.expanded || !this.expandable || !this.hasChildren || (this.expanded = !1);
-  }
-  render() {
-    const t = Boolean(this.href), i = t ? "a" : "button", a = d("tree-navigation-item__link", {
-      "tree-navigation-item__link--active": this.active,
-      "tree-navigation-item__link--has-icon": this.hasCustomIcon || Boolean(this.icon)
-    });
-    return e(o, { key: "d8c343262c5693f15980eebc7d56dd07acd56fee", role: "none" }, e("li", { key: "2b9073c251a7c637ca630b7103f12ce5d31d5506", class: {
-      "tree-navigation-item": !0,
-      "tree-navigation-item--expanded": this.expanded
-    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "4d152909f12f4b09d0d524f35379e3bfb1501fd0", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "7abe2169fb244809e412feb665566177274574e4", class: "tree-navigation-item__content" }, this.hasCustomIcon && e("span", { key: "65bfafb7253268b73e9fe11c5f5df63c89be7834", class: "tree-navigation-item__icon", "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }, e("slot", { key: "b26af22967f0d72695b9038cce515b60f79e7965", name: "custom-icon" })), !this.hasCustomIcon && this.icon && e("swirl-icon", { key: "6739786907f413cee3071c37d4e379aef73420af", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "069ee1f54a267244b212a70761c3fd401acf4ce5", class: "tree-navigation-item__label" }, e("span", { key: "eb9304afa01a1fdcf8e23d535b21f3b1dac1258c", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "559bd11a3c5eacc8e15ca8574587e29adad7d871", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "8c52055226bd35126bc72e50cc4b9134fdcfd911", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "5199b222bfa771abfa805c7cb4da78cfd3bbb6c3", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "acc5c31d2d9d17ba2733d0558b2996ce4664662b", size: 16, role: "img", "aria-label": "External link" }))), this.markAsNew && e("swirl-tag", { key: "bc696034cfda4cbf4f16b3da7e123ca5782f3cdf", class: "tree-navigation-item__is-new-tag", intent: "default", label: this.markAsNewLabel, size: "s", variant: "strong" }))), this.hasChildren && e("ul", { key: "db2f9519bb1762810258b9e37b67068135d8049b", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
-      height: this.childrenHeight
-    } }, e("slot", { key: "5e24b4a54602513937077c22bde12fd71a26ae2b" }))));
-  }
-  get el() {
-    return l(this);
-  }
-  static get watchers() {
-    return {
-      expanded: [{
-        handleExpandedChange: 0
-      }]
-    };
-  }
-};
-c.style = h();
-export {
-  c as swirl_tree_navigation_item
-};

package/dist/swirl-tree-navigation.entry.3d525296.js

@@ -1,15 +0,0 @@
-import { r as t, h as e, H as a } from "./index.74f90c9e.js";
-import "react";
-import "react-dom";
-const i = () => ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = class {
-  constructor(r) {
-    t(this, r);
-  }
-  render() {
-    return e(a, { key: "de34d21939c768cf9387351720a7e32921414c07" }, e("ul", { key: "b714857120ec132150994620c504528249f0ffbe", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "1e567e7a80f2c9b5b5bc71e7ec0dcd4566de413b" })));
-  }
-};
-s.style = i();
-export {
-  s as swirl_tree_navigation
-};