@har-analyzer/components 0.0.2 → 0.0.4

package/dist/chunks/index3.js

@@ -0,0 +1,1149 @@
+import { b as At, d as Pt, T as Xe, P as ie, e as le, m as at, f as Ue, h as p, k as me, _ as Y, l as We, c as E, n as ot, u as He, a as Ae, o as ge, p as K, q as Ft, r as Dt, w as Le, s as St, t as G, v as $e, x as Tt, y as Nt, i as lt, z as Ot, A as Mt, B as ze, C as ct, D as kt, E as jt, F as qt, G as Bt, H as Ut, J as Wt, K as ut, L as dt, M as Ht, N as $t, O as zt, j as z } from "./content-type.js";
+import { _ as Vt, V as Ze, B as Ke } from "./vertical-gap.js";
+import d, { isValidElement as we, cloneElement as ye, Children as Gt, useState as S, useRef as D, useEffect as ce, useLayoutEffect as Ce, useMemo as ft, useCallback as et } from "react";
+import { c as Yt, j as Jt, S as Qt, a as tt, g as Xt } from "./index4.js";
+import '../assets/index2.css';function Zt(n) {
+  if (n === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return n;
+}
+function Ve(n, e) {
+  var t = function(r) {
+    return e && we(r) ? e(r) : r;
+  }, s = /* @__PURE__ */ Object.create(null);
+  return n && Gt.map(n, function(i) {
+    return i;
+  }).forEach(function(i) {
+    s[i.key] = t(i);
+  }), s;
+}
+function Kt(n, e) {
+  n = n || {}, e = e || {};
+  function t(f) {
+    return f in e ? e[f] : n[f];
+  }
+  var s = /* @__PURE__ */ Object.create(null), i = [];
+  for (var r in n)
+    r in e ? i.length && (s[r] = i, i = []) : i.push(r);
+  var a, l = {};
+  for (var o in e) {
+    if (s[o])
+      for (a = 0; a < s[o].length; a++) {
+        var h = s[o][a];
+        l[s[o][a]] = t(h);
+      }
+    l[o] = t(o);
+  }
+  for (a = 0; a < i.length; a++)
+    l[i[a]] = t(i[a]);
+  return l;
+}
+function Z(n, e, t) {
+  return t[e] != null ? t[e] : n.props[e];
+}
+function en(n, e) {
+  return Ve(n.children, function(t) {
+    return ye(t, {
+      onExited: e.bind(null, t),
+      in: !0,
+      appear: Z(t, "appear", n),
+      enter: Z(t, "enter", n),
+      exit: Z(t, "exit", n)
+    });
+  });
+}
+function tn(n, e, t) {
+  var s = Ve(n.children), i = Kt(e, s);
+  return Object.keys(i).forEach(function(r) {
+    var a = i[r];
+    if (we(a)) {
+      var l = r in e, o = r in s, h = e[r], f = we(h) && !h.props.in;
+      o && (!l || f) ? i[r] = ye(a, {
+        onExited: t.bind(null, a),
+        in: !0,
+        exit: Z(a, "exit", n),
+        enter: Z(a, "enter", n)
+      }) : !o && l && !f ? i[r] = ye(a, {
+        in: !1
+      }) : o && l && we(h) && (i[r] = ye(a, {
+        onExited: t.bind(null, a),
+        in: h.props.in,
+        exit: Z(a, "exit", n),
+        enter: Z(a, "enter", n)
+      }));
+    }
+  }), i;
+}
+var nn = Object.values || function(n) {
+  return Object.keys(n).map(function(e) {
+    return n[e];
+  });
+}, sn = {
+  component: "div",
+  childFactory: function(e) {
+    return e;
+  }
+}, Pe = /* @__PURE__ */ function(n) {
+  At(e, n);
+  function e(s, i) {
+    var r;
+    r = n.call(this, s, i) || this;
+    var a = r.handleExited.bind(Zt(r));
+    return r.state = {
+      contextValue: {
+        isMounting: !0
+      },
+      handleExited: a,
+      firstRender: !0
+    }, r;
+  }
+  var t = e.prototype;
+  return t.componentDidMount = function() {
+    this.mounted = !0, this.setState({
+      contextValue: {
+        isMounting: !1
+      }
+    });
+  }, t.componentWillUnmount = function() {
+    this.mounted = !1;
+  }, e.getDerivedStateFromProps = function(i, r) {
+    var a = r.children, l = r.handleExited, o = r.firstRender;
+    return {
+      children: o ? en(i, l) : tn(i, a, l),
+      firstRender: !1
+    };
+  }, t.handleExited = function(i, r) {
+    var a = Ve(this.props.children);
+    i.key in a || (i.props.onExited && i.props.onExited(r), this.mounted && this.setState(function(l) {
+      var o = Vt({}, l.children);
+      return delete o[i.key], {
+        children: o
+      };
+    }));
+  }, t.render = function() {
+    var i = this.props, r = i.component, a = i.childFactory, l = Pt(i, ["component", "childFactory"]), o = this.state.contextValue, h = nn(this.state.children).map(a);
+    return delete l.appear, delete l.enter, delete l.exit, r === null ? /* @__PURE__ */ d.createElement(Xe.Provider, {
+      value: o
+    }, h) : /* @__PURE__ */ d.createElement(Xe.Provider, {
+      value: o
+    }, /* @__PURE__ */ d.createElement(r, l, h));
+  }, e;
+}(d.Component);
+Pe.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * `<TransitionGroup>` renders a `<div>` by default. You can change this
+   * behavior by providing a `component` prop.
+   * If you use React v16+ and would like to avoid a wrapping `<div>` element
+   * you can pass in `component={null}`. This is useful if the wrapping div
+   * borks your css styles.
+   */
+  component: ie.any,
+  /**
+   * A set of `<Transition>` components, that are toggled `in` and out as they
+   * leave. the `<TransitionGroup>` will inject specific transition props, so
+   * remember to spread them through if you are wrapping the `<Transition>` as
+   * with our `<Fade>` example.
+   *
+   * While this component is meant for multiple `Transition` or `CSSTransition`
+   * children, sometimes you may want to have a single transition child with
+   * content that you want to be transitioned out and in when you change it
+   * (e.g. routes, images etc.) In that case you can change the `key` prop of
+   * the transition child as you change its content, this will cause
+   * `TransitionGroup` to transition the child out and back in.
+   */
+  children: ie.node,
+  /**
+   * A convenience prop that enables or disables appear animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  appear: ie.bool,
+  /**
+   * A convenience prop that enables or disables enter animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  enter: ie.bool,
+  /**
+   * A convenience prop that enables or disables exit animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  exit: ie.bool,
+  /**
+   * You may need to apply reactive updates to a child as it is exiting.
+   * This is generally done by using `cloneElement` however in the case of an exiting
+   * child the element has already been removed and not accessible to the consumer.
+   *
+   * If you do need to update a child as it leaves you can provide a `childFactory`
+   * to wrap every child, even the ones that are leaving.
+   *
+   * @type Function(child: ReactElement) -> ReactElement
+   */
+  childFactory: ie.func
+} : {};
+Pe.defaultProps = sn;
+function rn(n) {
+  return n.slice().sort((e, t) => {
+    var s, i;
+    return t.orderPriority !== e.orderPriority ? Math.sign(((s = t.orderPriority) !== null && s !== void 0 ? s : 0) - ((i = e.orderPriority) !== null && i !== void 0 ? i : 0)) : t.id < e.id ? 1 : -1;
+  });
+}
+class nt {
+  constructor() {
+    this.listeners = [], this.actions = [], this.scheduleUpdate = le(() => {
+      this.listeners.forEach((e) => e(this.actions));
+    }, 0), this.registerAction = (e) => {
+      this.actions.push(e), this.actions = rn(this.actions), this.scheduleUpdate();
+    }, this.clearRegisteredActions = () => {
+      this.actions = [];
+    }, this.onActionRegistered = (e) => (this.listeners.push(e), this.scheduleUpdate(), () => {
+      this.listeners = this.listeners.filter((t) => t !== e);
+    });
+  }
+  installPublic(e = {}) {
+    var t;
+    return (t = e.registerAction) !== null && t !== void 0 || (e.registerAction = this.registerAction), e;
+  }
+  installInternal(e = {}) {
+    var t, s;
+    return (t = e.clearRegisteredActions) !== null && t !== void 0 || (e.clearRegisteredActions = this.clearRegisteredActions), (s = e.onActionRegistered) !== null && s !== void 0 || (e.onActionRegistered = this.onActionRegistered), e;
+  }
+}
+function an() {
+  at.sendPanoramaMetric({ eventContext: "awsui-runtime-api-loaded", eventDetail: { version: Ue } });
+}
+function oe(n, e) {
+  console.warn("[AwsUi]", `[${n}]`, e), at.sendPanoramaMetric({
+    eventContext: "awsui-runtime-api-warning",
+    eventDetail: { version: Ue, component: n, message: e }
+  });
+}
+var Q, ae, O, je;
+class st {
+  constructor() {
+    Q.set(this, []), ae.set(this, /* @__PURE__ */ new Map()), O.set(this, void 0), je.set(this, le(() => p(this, Q, "f").forEach((e) => {
+      if (p(this, O, "f")) {
+        const t = e(p(this, O, "f"));
+        p(this, ae, "f").set(e, t);
+      }
+    }), 0)), this.registerContentReplacer = (e) => {
+      if (p(this, O, "f")) {
+        oe("alert-flash-content", `Cannot call \`registerContentReplacer\` with new provider: provider with id "${p(this, O, "f").id}" already registered.`);
+        return;
+      }
+      me(this, O, e, "f"), p(this, je, "f").call(this);
+    }, this.clearRegisteredReplacer = () => {
+      me(this, O, void 0, "f");
+    }, this.initialCheck = (e) => {
+      var t;
+      return !((t = p(this, O, "f")) === null || t === void 0) && t.initialCheck ? p(this, O, "f").initialCheck(e) : !1;
+    }, this.onContentRegistered = (e) => {
+      if (p(this, O, "f")) {
+        const t = e(p(this, O, "f"));
+        p(this, Q, "f").push(e), p(this, ae, "f").set(e, t);
+      } else
+        p(this, Q, "f").push(e);
+      return () => {
+        var t;
+        (t = p(this, ae, "f").get(e)) === null || t === void 0 || t(), me(this, Q, p(this, Q, "f").filter((s) => s !== e), "f"), p(this, ae, "f").delete(e);
+      };
+    };
+  }
+  installPublic(e = {}) {
+    var t;
+    return (t = e.registerContentReplacer) !== null && t !== void 0 || (e.registerContentReplacer = this.registerContentReplacer), e;
+  }
+  installInternal(e = {}) {
+    var t, s, i;
+    return (t = e.clearRegisteredReplacer) !== null && t !== void 0 || (e.clearRegisteredReplacer = this.clearRegisteredReplacer), (s = e.onContentRegistered) !== null && s !== void 0 || (e.onContentRegistered = this.onContentRegistered), (i = e.initialCheck) !== null && i !== void 0 || (e.initialCheck = this.initialCheck), e;
+  }
+}
+Q = /* @__PURE__ */ new WeakMap(), ae = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), je = /* @__PURE__ */ new WeakMap();
+var M, qe, Ie, Re;
+class on {
+  constructor() {
+    M.set(this, []), qe.set(this, () => {
+      const e = p(this, M, "f").find((t) => t.forceType === "primary");
+      if (e)
+        return e;
+      for (const t of p(this, M, "f").slice())
+        if (t.forceType !== "secondary")
+          return t;
+    }), Ie.set(this, () => {
+      const e = p(this, qe, "f").call(this), t = p(this, M, "f").filter((s) => s !== e).map((s) => s.props);
+      for (const s of p(this, M, "f"))
+        s === e ? s.onChange({
+          type: "primary",
+          discoveredProps: t
+        }) : s.onChange(s.secondaryInstance);
+    }), Re.set(this, le(() => p(this, Ie, "f").call(this), 0)), this.register = (e, t) => {
+      const s = p(this, M, "f").some((r) => r.forceType === "primary");
+      if (e === "primary" && s)
+        throw new Error("Double primary registration attempt");
+      const i = {
+        forceType: e,
+        onChange: t,
+        props: {},
+        secondaryInstance: {
+          type: "secondary",
+          update: (r) => {
+            i.props = r, p(this, Re, "f").call(this);
+          }
+        }
+      };
+      return p(this, M, "f").push(i), p(this, Ie, "f").call(this), () => {
+        p(this, M, "f").splice(p(this, M, "f").indexOf(i), 1), p(this, Re, "f").call(this);
+      };
+    }, this.getStateForTesting = () => ({
+      registrations: p(this, M, "f")
+    }), this.installInternal = (e = {}) => {
+      var t, s;
+      return (t = e.register) !== null && t !== void 0 || (e.register = this.register), (s = e.getStateForTesting) !== null && s !== void 0 || (e.getStateForTesting = this.getStateForTesting), e;
+    };
+  }
+}
+M = /* @__PURE__ */ new WeakMap(), qe = /* @__PURE__ */ new WeakMap(), Ie = /* @__PURE__ */ new WeakMap(), Re = /* @__PURE__ */ new WeakMap();
+var U, V, X, he, pe;
+class ln {
+  constructor() {
+    U.set(this, null), V.set(this, []), X.set(this, []), he.set(this, le(() => {
+      var e;
+      if (!p(this, U, "f"))
+        return;
+      const t = p(this, V, "f")[p(this, V, "f").length - 1];
+      p(this, U, "f").call(this, (e = t?.props) !== null && e !== void 0 ? e : null);
+    }, 0)), pe.set(this, le(() => {
+      p(this, X, "f").forEach((e) => e(!!p(this, U, "f")));
+    }, 0)), this.registerAppLayout = (e) => {
+      if (!p(this, U, "f"))
+        return me(this, U, e, "f"), p(this, pe, "f").call(this), () => {
+          me(this, U, null, "f"), p(this, pe, "f").call(this);
+        };
+    }, this.registerBreadcrumbs = (e, t) => {
+      const s = { props: e };
+      return p(this, V, "f").push(s), p(this, X, "f").push(t), p(this, pe, "f").call(this), p(this, he, "f").call(this), {
+        update: (i) => {
+          s.props = i, p(this, he, "f").call(this);
+        },
+        cleanup: () => {
+          p(this, V, "f").splice(p(this, V, "f").indexOf(s), 1), p(this, X, "f").splice(p(this, X, "f").indexOf(t), 1), p(this, he, "f").call(this);
+        }
+      };
+    }, this.getStateForTesting = () => ({
+      appLayoutUpdateCallback: p(this, U, "f"),
+      breadcrumbInstances: p(this, V, "f"),
+      breadcrumbRegistrations: p(this, X, "f")
+    });
+  }
+  installInternal(e = {}) {
+    var t, s, i;
+    return (t = e.registerBreadcrumbs) !== null && t !== void 0 || (e.registerBreadcrumbs = this.registerBreadcrumbs), (s = e.registerAppLayout) !== null && s !== void 0 || (e.registerAppLayout = this.registerAppLayout), (i = e.getStateForTesting) !== null && i !== void 0 || (e.getStateForTesting = this.getStateForTesting), e;
+  }
+}
+U = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap(), he = /* @__PURE__ */ new WeakMap(), pe = /* @__PURE__ */ new WeakMap();
+const cn = [
+  "badge",
+  "resizable",
+  "defaultSize",
+  "orderPriority",
+  "defaultActive",
+  "onResize"
+];
+class un {
+  constructor() {
+    this.drawers = [], this.drawersRegistrationListener = null, this.drawerOpenedListener = null, this.drawerClosedListener = null, this.drawersUpdateListeners = [], this.scheduleUpdate = le(() => {
+      var e;
+      (e = this.drawersRegistrationListener) === null || e === void 0 || e.call(this, this.drawers), this.drawersUpdateListeners.forEach((t) => {
+        t?.(this.drawers);
+      });
+    }, 0), this.registerDrawer = (e) => {
+      this.drawers.find((t) => t.id === e.id) && oe("app-layout-drawers", `drawer with id "${e.id}" is already registered`), this.drawers = this.drawers.concat(e), this.scheduleUpdate();
+    }, this.updateDrawer = (e) => {
+      var t, { id: s } = e, i = Y(e, ["id"]);
+      const r = this.drawers.findIndex(({ id: h }) => h === s), a = (t = this.drawers) === null || t === void 0 ? void 0 : t[r];
+      if (!a)
+        throw new Error(`[AwsUi] [runtime drawers] drawer with id ${s} not found`);
+      const l = this.drawers.slice(), o = Object.assign({}, a);
+      for (const h of cn)
+        h in i && (o[h] = i[h]);
+      l[r] = o, this.drawers = l, this.scheduleUpdate();
+    }, this.onDrawersRegistered = (e) => (this.drawersRegistrationListener !== null && oe("app-layout-drawers", "multiple app layout instances detected when calling onDrawersRegistered"), this.drawersRegistrationListener = e, this.scheduleUpdate(), () => {
+      this.drawersRegistrationListener = null, this.drawersUpdateListeners = [];
+    }), this.clearRegisteredDrawers = () => {
+      this.drawers = [];
+    }, this.onDrawerOpened = (e) => (this.drawerOpenedListener !== null && oe("app-layout-drawers", "multiple app layout instances detected when calling onDrawerOpened"), this.drawerOpenedListener = e, () => {
+      this.drawerOpenedListener = null;
+    }), this.onDrawerClosed = (e) => (this.drawerClosedListener !== null && oe("app-layout-drawers", "multiple app layout instances detected when calling onDrawerClosed"), this.drawerClosedListener = e, () => {
+      this.drawerClosedListener = null;
+    }), this.openDrawer = (e, t) => {
+      var s;
+      (s = this.drawerOpenedListener) === null || s === void 0 || s.call(this, e, t);
+    }, this.closeDrawer = (e, t) => {
+      var s;
+      (s = this.drawerClosedListener) === null || s === void 0 || s.call(this, e, t);
+    }, this.onDrawersUpdated = (e) => (this.drawersUpdateListeners.push(e), () => {
+      this.drawersUpdateListeners = this.drawersUpdateListeners.filter((t) => t !== e);
+    }), this.getDrawersState = () => this.drawers;
+  }
+  installPublic(e = {}) {
+    var t, s, i, r;
+    return (t = e.registerDrawer) !== null && t !== void 0 || (e.registerDrawer = this.registerDrawer), (s = e.updateDrawer) !== null && s !== void 0 || (e.updateDrawer = this.updateDrawer), (i = e.openDrawer) !== null && i !== void 0 || (e.openDrawer = this.openDrawer), (r = e.closeDrawer) !== null && r !== void 0 || (e.closeDrawer = this.closeDrawer), e;
+  }
+  installInternal(e = {}) {
+    var t, s, i, r, a, l;
+    return (t = e.clearRegisteredDrawers) !== null && t !== void 0 || (e.clearRegisteredDrawers = this.clearRegisteredDrawers), (s = e.onDrawersRegistered) !== null && s !== void 0 || (e.onDrawersRegistered = this.onDrawersRegistered), (i = e.onDrawerOpened) !== null && i !== void 0 || (e.onDrawerOpened = this.onDrawerOpened), (r = e.onDrawerClosed) !== null && r !== void 0 || (e.onDrawerClosed = this.onDrawerClosed), (a = e.onDrawersUpdated) !== null && a !== void 0 || (e.onDrawersUpdated = this.onDrawersUpdated), (l = e.getDrawersState) !== null && l !== void 0 || (e.getDrawersState = this.getDrawersState), e;
+  }
+}
+var Ee;
+class dn {
+  constructor() {
+    Ee.set(this, /* @__PURE__ */ new WeakMap()), this.createContext = (e, t) => {
+      let s = p(this, Ee, "f").get(e);
+      s || (s = /* @__PURE__ */ new Map(), p(this, Ee, "f").set(e, s));
+      let i = s.get(t);
+      return i || (i = e.createContext(void 0), s.set(t, i)), i;
+    };
+  }
+  installInternal(e = {}) {
+    var t;
+    return (t = e.createContext) !== null && t !== void 0 || (e.createContext = this.createContext), e;
+  }
+}
+Ee = /* @__PURE__ */ new WeakMap();
+const xe = Symbol.for("awsui-plugin-api");
+function ht(n) {
+  try {
+    return n?.[xe] ? n[xe] : !n || n.parent === n ? void 0 : ht(n.parent);
+  } catch {
+    return;
+  }
+}
+function fn() {
+  if (typeof window > "u")
+    return it({});
+  const n = window, e = ht(n);
+  return e || an(), n[xe] = it(e ?? {}), n[xe];
+}
+const { awsuiPlugins: Jn, awsuiPluginsInternal: pt } = fn();
+function it(n) {
+  var e, t;
+  (e = n.awsuiPlugins) !== null && e !== void 0 || (n.awsuiPlugins = {}), (t = n.awsuiPluginsInternal) !== null && t !== void 0 || (n.awsuiPluginsInternal = {});
+  const s = new un();
+  n.awsuiPlugins.appLayout = s.installPublic(n.awsuiPlugins.appLayout), n.awsuiPluginsInternal.appLayout = s.installInternal(n.awsuiPluginsInternal.appLayout);
+  const i = new on();
+  n.awsuiPluginsInternal.appLayoutWidget = i.installInternal(n.awsuiPluginsInternal.appLayoutWidget);
+  const r = new nt();
+  n.awsuiPlugins.alert = r.installPublic(n.awsuiPlugins.alert), n.awsuiPluginsInternal.alert = r.installInternal(n.awsuiPluginsInternal.alert);
+  const a = new st();
+  n.awsuiPlugins.alertContent = a.installPublic(n.awsuiPlugins.alertContent), n.awsuiPluginsInternal.alertContent = a.installInternal(n.awsuiPluginsInternal.alertContent);
+  const l = new st();
+  n.awsuiPlugins.flashContent = l.installPublic(n.awsuiPlugins.flashContent), n.awsuiPluginsInternal.flashContent = l.installInternal(n.awsuiPluginsInternal.flashContent);
+  const o = new nt();
+  n.awsuiPlugins.flashbar = o.installPublic(n.awsuiPlugins.flashbar), n.awsuiPluginsInternal.flashbar = o.installInternal(n.awsuiPluginsInternal.flashbar);
+  const h = new ln();
+  n.awsuiPluginsInternal.breadcrumbs = h.installInternal(n.awsuiPluginsInternal.breadcrumbs);
+  const f = new dn();
+  return n.awsuiPluginsInternal.sharedReactContexts = f.installInternal(n.awsuiPluginsInternal.sharedReactContexts), n;
+}
+const ke = {
+  root: "awsui_root_ptw8i_wv87u_181",
+  hovered: "awsui_hovered_ptw8i_wv87u_194",
+  content: "awsui_content_ptw8i_wv87u_201"
+};
+function hn(n) {
+  var { onChange: e, children: t, __internalRootRef: s = null } = n, i = Y(n, ["onChange", "children", "__internalRootRef"]);
+  const [r, a] = S(!1), l = We(i), o = (m) => {
+    m.preventDefault(), m.dataTransfer && (a(!0), m.dataTransfer.dropEffect = "copy");
+  }, h = (m) => {
+    m.preventDefault(), a(!1), m.dataTransfer && (m.dataTransfer.dropEffect = "none");
+  }, f = (m) => {
+    m.preventDefault(), a(!1), ot(e, { value: Array.from(m.dataTransfer.files) });
+  };
+  return d.createElement(
+    "div",
+    Object.assign({}, l, { ref: s, className: E(l.className, ke.root, {
+      [ke.hovered]: r
+    }), onDragOver: o, onDragLeave: h, onDrop: f }),
+    d.createElement("div", { className: ke.content }, t)
+  );
+}
+function mt(n) {
+  const e = He("FileDropzone");
+  return d.createElement(hn, Object.assign({}, e, n));
+}
+Ae(mt, "FileDropzone");
+const re = {
+  root: "awsui_root_1wp4s_1c9ou_185",
+  "file-input": "awsui_file-input_1wp4s_1c9ou_186",
+  hidden: "awsui_hidden_1wp4s_1c9ou_190",
+  "file-input-button": "awsui_file-input-button_1wp4s_1c9ou_196",
+  "force-focus-outline-icon": "awsui_force-focus-outline-icon_1wp4s_1c9ou_196",
+  "force-focus-outline-button": "awsui_force-focus-outline-button_1wp4s_1c9ou_217"
+}, pn = d.forwardRef((n, e) => {
+  var t, { accept: s, ariaRequired: i, ariaLabel: r, multiple: a = !1, value: l, onChange: o, variant: h = "button", children: f, __internalRootRef: m = null, __inputClassName: A, __inputNativeAttributes: w, __injectAnalyticsComponentMetadata: F } = n, P = Y(n, ["accept", "ariaRequired", "ariaLabel", "multiple", "value", "onChange", "variant", "children", "__internalRootRef", "__inputClassName", "__inputNativeAttributes", "__injectAnalyticsComponentMetadata"]);
+  const R = We(P), g = D(null), _ = D(null), y = ge(m, _), v = K("upload-button-label"), C = Ft(P), L = K("upload-input"), k = (t = C.controlId) !== null && t !== void 0 ? t : L;
+  Dt(e, g);
+  const [W, q] = S(!1), ee = () => {
+    var x;
+    return (x = g.current) === null || x === void 0 ? void 0 : x.click();
+  }, te = () => {
+    var x, B;
+    q(!0), (B = (x = _.current) === null || x === void 0 ? void 0 : x.scrollIntoView) === null || B === void 0 || B.call(x);
+  }, j = () => q(!1), b = ({ target: x }) => {
+    ot(o, { value: x.files ? Array.from(x.files) : [] });
+  };
+  Yt("FileInput", "value", l, "onChange", o);
+  const T = Object.assign({ "aria-label": r || f, "aria-labelledby": Jt(C.ariaLabelledby, v), "aria-describedby": C.ariaDescribedby }, w);
+  C.invalid && (T["aria-invalid"] = !0), i && (T["aria-required"] = !0), h === "icon" && !r && Le("FileInput", "Aria label is required with icon variant."), ce(() => {
+    if (window.DataTransfer) {
+      const x = new DataTransfer();
+      for (const B of l)
+        x.items.add(B);
+      g.current.files = x.files;
+    }
+    g.current && (g.current.value = "");
+  }, [l]);
+  const { tabIndex: ue } = St(g), H = h === "button" && f ? "button" : "input", ne = {
+    name: "awsui.FileInput",
+    label: H
+  }, J = { detail: { label: H } };
+  return F && (J.component = ne), d.createElement(
+    "div",
+    Object.assign({}, R, { ref: y, className: E(R.className, re.root) }, G(J)),
+    d.createElement("input", Object.assign({ id: k, ref: g, type: "file", hidden: !1, multiple: a, accept: s, onChange: b, onFocus: te, onBlur: j, className: E(re["file-input"], re.hidden, A), tabIndex: ue }, T)),
+    d.createElement($e, { iconName: "upload", variant: h === "icon" ? "icon" : void 0, formAction: "none", onClick: ee, className: E(re["file-input-button"], {
+      [re["force-focus-outline-button"]]: W && h === "button",
+      [re["force-focus-outline-icon"]]: W && h === "icon"
+    }), __nativeAttributes: { tabIndex: -1, "aria-hidden": !0 } }, h === "button" && f),
+    d.createElement(Qt, { id: v }, r || f)
+  );
+}), gt = d.forwardRef((n, e) => {
+  var { multiple: t, variant: s } = n, i = Y(n, ["multiple", "variant"]);
+  const r = He("FileInput", {
+    props: {
+      multiple: t,
+      variant: s
+    }
+  });
+  return d.createElement(pn, Object.assign({ multiple: t, variant: s }, i, r, { ref: e, __injectAnalyticsComponentMetadata: !0 }));
+});
+Ae(gt, "FileInput");
+const Ge = ".har";
+function mn(n) {
+  return n ? n.name.toLowerCase().endsWith(Ge) : !1;
+}
+function gn(n) {
+  return n.length !== 1;
+}
+function _n(n) {
+  const e = [];
+  return gn(n) && e.push("You can only upload one file at a time"), mn(n[0]) || e.push(`Only files with the "${Ge}" extension are allowed`), e;
+}
+function vn(n) {
+  return new Promise((e, t) => {
+    if (!n) {
+      t(new Error("No HAR file provided"));
+      return;
+    }
+    const s = new FileReader();
+    s.onload = (i) => {
+      try {
+        const r = i.target?.result;
+        e(r);
+      } catch (r) {
+        console.error("Failed to JSON parse file content:", r), t(new Error("errorMessage"));
+      }
+    }, s.onerror = () => {
+      t(new Error("Error reading HAR file"));
+    }, s.readAsText(n);
+  });
+}
+function bn(n) {
+  const e = {};
+  for (const t in n) {
+    const s = n[t];
+    s && (e[t] = s.getBoundingClientRect());
+  }
+  return e;
+}
+function wn({ oldState: n, elements: e, onTransitionsEnd: t, newElementInitialState: s }) {
+  for (const i in e) {
+    const r = e[i], a = n[i];
+    if (r) {
+      const l = r.getBoundingClientRect(), o = { scale: 1, x: 0, y: 0 }, h = a ? {
+        scale: a.width / l.width,
+        x: (a.left + a.right) / 2 - (l.left + l.right) / 2,
+        y: (a.top + a.bottom) / 2 - (l.top + l.bottom) / 2
+      } : s ? s(l) : {}, f = Object.assign(Object.assign({}, o), h);
+      r.style.transitionProperty = "none", r.style.transform = `scale(${f.scale}) translate(${f.x}px, ${f.y}px)`, a || (r.style.opacity = "0");
+    }
+  }
+  requestAnimationFrame(() => {
+    const i = /* @__PURE__ */ new Set();
+    for (const r in e) {
+      const a = e[r];
+      if (a) {
+        n[r] ? (a.style.transitionProperty = "transform", a.style.transform = "") : (a.style.transitionProperty = "transform, opacity", a.style.transform = "", a.style.opacity = "");
+        const o = (f) => {
+          f.target === a && (i.add(r), a.removeEventListener("transitionstart", o));
+        }, h = (f) => {
+          f.target === a && (a.style.transitionProperty = "", a.removeEventListener("transitionend", h), t && (i.delete(r), i.size === 0 && t()));
+        };
+        a.addEventListener("transitionstart", o), a.addEventListener("transitionend", h);
+      }
+    }
+  });
+}
+function _t(n, e, { trailing: t = !0 } = {}) {
+  let s = null, i = null, r = null;
+  function a() {
+    if (s === null || i === null)
+      return;
+    const h = Date.now();
+    h - i >= e ? (n.apply(s.this, s.args), i = h, s = null, r = null) : t && l();
+  }
+  function l() {
+    r && cancelAnimationFrame(r), r = requestAnimationFrame(a);
+  }
+  function o(...h) {
+    i === null ? (i = Date.now(), n.apply(this, h)) : (s = { this: this, args: h }, l());
+  }
+  return o.cancel = () => {
+    r && cancelAnimationFrame(r), s = null, i = null, r = null;
+  }, o;
+}
+const Be = {
+  "flash-header": "awsui_flash-header_4c95g_vov7p_5"
+}, vt = (n, e, t) => {
+  const s = {
+    component: {
+      name: "awsui.Flashbar",
+      label: e ? { root: "self", selector: "ul" } : { root: "self" },
+      properties: {
+        itemsCount: `${n}`,
+        stackItems: `${e}`
+      }
+    }
+  };
+  return t !== void 0 && (s.component.properties.expanded = `${t}`), s;
+}, bt = (n, e, t) => {
+  const s = {
+    itemLabel: `.${Be["flash-header"]}`,
+    itemPosition: `${n}`,
+    itemType: e
+  };
+  return t && (s.itemId = t), {
+    component: { innerContext: s }
+  };
+}, yn = {
+  root: "awsui_root_37gf8_1udtb_9"
+};
+function Cn(n, e, t, s) {
+  return !e && t && (e = d.createElement(
+    "span",
+    Object.assign({}, G({
+      action: "buttonClick"
+    })),
+    d.createElement($e, { className: n.actionButton, onClick: s, formAction: "none" }, t)
+  )), e ? d.createElement("div", { className: n.actionSlot }, e) : null;
+}
+const In = ({ className: n, testUtilClasses: e, action: t, discoveredActions: s, buttonText: i, wrappedClass: r, containerWidth: a, onButtonClick: l }) => {
+  const [o, h] = S(!1), f = d.useRef(null);
+  Ce(() => {
+    if (!f.current || !a || !r)
+      return;
+    function A() {
+      const F = Tt(f.current), { offsetWidth: P, offsetLeft: R } = f.current, g = F ? a - P - R : R;
+      h(g < 100);
+    }
+    const w = new MutationObserver(A);
+    return w.observe(f.current, { attributes: !1, childList: !0, subtree: !0 }), A(), () => w.disconnect();
+  });
+  const m = Cn(e, t, i, l);
+  return !m && s.length === 0 ? null : d.createElement(
+    "div",
+    { ref: f, className: E(yn.root, n, o && r) },
+    m,
+    s
+  );
+};
+function Rn({ mountContent: n, unmountContent: e, context: t }) {
+  const s = D(null);
+  return ce(() => {
+    const i = s.current;
+    return n(i, t), () => {
+      e(i);
+    };
+  }, []), d.createElement("div", { ref: s });
+}
+function En(n, e) {
+  return n ? d.createElement(Rn, { key: n.id + "-" + e.type, context: e, mountContent: n.mountContent, unmountContent: n.unmountContent }) : null;
+}
+function Ln(n) {
+  return function(t) {
+    const [s, i] = S([]), r = D(null), a = D(null);
+    return ce(() => n((l) => {
+      i(l.map((o) => En(o, { type: t, headerRef: r, contentRef: a })));
+    }), [t]), { discoveredActions: s, headerRef: r, contentRef: a };
+  };
+}
+function xn(n, e) {
+  return function({ type: s, header: i, children: r }) {
+    const a = K(`${n}-discovered-content`), l = D(null), o = D(null), h = D(null), f = D(null), [m, A] = S(() => e.initialCheck({
+      instanceId: a,
+      type: s,
+      header: i,
+      content: r
+    })), [w, F] = S("original"), [P, R] = S("original"), g = D();
+    return ce(() => {
+      const _ = { instanceId: a, type: s, headerRef: l, contentRef: o };
+      return A(!1), e.onContentRegistered((y) => {
+        let v = !0;
+        function C(L) {
+          return v ? !0 : (oe(`${n}-content-replacer`, `"${L}" called after component unmounted`), !1);
+        }
+        return g.current = y.runReplacer(_, {
+          hideHeader() {
+            C("hideHeader") && F("remove");
+          },
+          restoreHeader() {
+            C("restoreHeader") && F("original");
+          },
+          replaceHeader(L) {
+            C("replaceHeader") && (L(h.current), F("replaced"));
+          },
+          hideContent() {
+            C("hideContent") && R("remove");
+          },
+          restoreContent() {
+            C("restoreContent") && R("original");
+          },
+          replaceContent(L) {
+            C("replaceContent") && (L(f.current), R("replaced"));
+          }
+        }), () => {
+          var L;
+          (L = g.current) === null || L === void 0 || L.unmount({
+            replacementHeaderContainer: h.current,
+            replacementContentContainer: f.current
+          }), v = !1;
+        };
+      });
+    }, [a, s]), ce(() => {
+      var _;
+      (_ = g.current) === null || _ === void 0 || _.update();
+    }, [s, i, r]), {
+      initialHidden: m,
+      headerReplacementType: w,
+      contentReplacementType: P,
+      headerRef: l,
+      replacementHeaderRef: h,
+      contentRef: o,
+      replacementContentRef: f
+    };
+  };
+}
+function An(n = 0, e = 1) {
+  const [t, s] = Nt((i, r) => r === null || Math.abs(r - i.contentBoxWidth) >= e ? i.contentBoxWidth : r);
+  return [t ?? n, s];
+}
+const Pn = 2e3, wt = {
+  error: "red",
+  info: "blue",
+  "in-progress": "blue",
+  success: "green",
+  warning: "yellow"
+};
+function Fn(n) {
+  const e = "blue";
+  return n && wt[n] || e;
+}
+function yt(n) {
+  return n.loading ? "in-progress" : n.type || "info";
+}
+function Ct(n) {
+  return Fn(yt(n));
+}
+function Dn(n, e) {
+  const t = [], s = [], i = /* @__PURE__ */ new Set(), r = Object.keys(wt).length, a = Math.min(n.length, e);
+  for (let f = 0; f < n.length; f++) {
+    const m = n[f], A = Ct(m), w = i.has(A);
+    if (f < a)
+      t.push({ item: Object.assign(Object.assign({}, m), { expandedIndex: f }), isColorRepeated: w });
+    else {
+      if (i.size === r)
+        break;
+      w || s.push(Object.assign(Object.assign({}, m), { expandedIndex: f }));
+    }
+    i.add(A);
+  }
+  const l = [];
+  let o = 0;
+  for (let f = t.length - 1; f >= 0; f--) {
+    const m = t[f];
+    m.isColorRepeated && o < s.length ? o += 1 : l.push(m.item);
+  }
+  const h = l.reverse();
+  for (let f = 0; h.length < e; f++)
+    h.push(s[f]);
+  return h;
+}
+function Sn(n) {
+  const e = { error: 0, info: 0, "in-progress": 0, success: 0, warning: 0 };
+  for (const t of n) {
+    const s = yt(t);
+    e[s] += 1;
+  }
+  return e;
+}
+const Tn = [
+  { type: "error", labelName: "errorIconAriaLabel", iconName: "status-negative" },
+  { type: "warning", labelName: "warningIconAriaLabel", iconName: "status-warning" },
+  { type: "success", labelName: "successIconAriaLabel", iconName: "status-positive" },
+  { type: "info", labelName: "infoIconAriaLabel", iconName: "status-info" },
+  { type: "in-progress", labelName: "inProgressIconAriaLabel", iconName: "status-in-progress" }
+], c = {
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1iiuy_157",
+  enter: "awsui_enter_1q84n_1iiuy_157",
+  "flash-body": "awsui_flash-body_1q84n_1iiuy_171",
+  "flash-message": "awsui_flash-message_1q84n_1iiuy_171",
+  "flash-header": "awsui_flash-header_1q84n_1iiuy_171",
+  "flash-content": "awsui_flash-content_1q84n_1iiuy_172",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1iiuy_173",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1iiuy_174",
+  "flash-icon": "awsui_flash-icon_1q84n_1iiuy_197",
+  entering: "awsui_entering_1q84n_1iiuy_210",
+  entered: "awsui_entered_1q84n_1iiuy_231",
+  exiting: "awsui_exiting_1q84n_1iiuy_336",
+  stack: "awsui_stack_1q84n_1iiuy_370",
+  "animation-running": "awsui_animation-running_1q84n_1iiuy_370",
+  item: "awsui_item_1q84n_1iiuy_370",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1iiuy_371",
+  "notification-bar": "awsui_notification-bar_1q84n_1iiuy_372",
+  collapsed: "awsui_collapsed_1q84n_1iiuy_392",
+  "animation-ready": "awsui_animation-ready_1q84n_1iiuy_392",
+  "expanded-only": "awsui_expanded-only_1q84n_1iiuy_392",
+  expanded: "awsui_expanded_1q84n_1iiuy_392",
+  flash: "awsui_flash_1q84n_1iiuy_157",
+  collapsible: "awsui_collapsible_1q84n_1iiuy_448",
+  "short-list": "awsui_short-list_1q84n_1iiuy_454",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1iiuy_454",
+  status: "awsui_status_1q84n_1iiuy_601",
+  header: "awsui_header_1q84n_1iiuy_601",
+  "item-count": "awsui_item-count_1q84n_1iiuy_602",
+  button: "awsui_button_1q84n_1iiuy_603",
+  "type-count": "awsui_type-count_1q84n_1iiuy_636",
+  "count-number": "awsui_count-number_1q84n_1iiuy_636",
+  icon: "awsui_icon_1q84n_1iiuy_674",
+  floating: "awsui_floating_1q84n_1iiuy_715",
+  flashbar: "awsui_flashbar_1q84n_1iiuy_719",
+  "initial-hidden": "awsui_initial-hidden_1q84n_1iiuy_778",
+  "flash-list": "awsui_flash-list_1q84n_1iiuy_371",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1iiuy_802",
+  "flash-text": "awsui_flash-text_1q84n_1iiuy_832",
+  hidden: "awsui_hidden_1q84n_1iiuy_851",
+  "header-replacement": "awsui_header-replacement_1q84n_1iiuy_856",
+  "content-replacement": "awsui_content-replacement_1q84n_1iiuy_861",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1iiuy_174",
+  "action-wrapped": "awsui_action-wrapped_1q84n_1iiuy_879",
+  "action-button": "awsui_action-button_1q84n_1iiuy_173",
+  "action-slot": "awsui_action-slot_1q84n_1iiuy_886",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1iiuy_890",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1iiuy_894",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1iiuy_898",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1iiuy_899",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1iiuy_903"
+}, Nn = {
+  success: "status-positive",
+  warning: "status-warning",
+  info: "status-info",
+  error: "status-negative",
+  "in-progress": "status-in-progress"
+}, On = Ln(pt.flashbar.onActionRegistered), Mn = xn("flash", pt.flashContent);
+function kn(n, e, t, s) {
+  return d.createElement(
+    "div",
+    Object.assign({ className: c["dismiss-button-wrapper"] }, G({
+      action: "dismiss"
+    })),
+    d.createElement($e, { onClick: e, className: c["dismiss-button"], variant: "flashbar-icon", iconName: "close", formAction: "none", ariaLabel: n, style: void 0 })
+  );
+}
+const It = _t((n, e) => {
+  var t;
+  const s = `[data-itemid="${CSS.escape(e)}"] .${c["flash-focus-container"]}`;
+  (t = n?.querySelector(s)) === null || t === void 0 || t.focus();
+}, Pn, { trailing: !1 }), Rt = d.forwardRef((n, e) => {
+  var { id: t, header: s, content: i, dismissible: r, dismissLabel: a, loading: l, action: o, buttonText: h, onButtonClick: f, onDismiss: m, className: A, transitionState: w, ariaRole: F, i18nStrings: P, type: R = "info", analyticsMetadata: g, style: _ } = n, y = Y(n, ["id", "header", "content", "dismissible", "dismissLabel", "loading", "action", "buttonText", "onButtonClick", "onDismiss", "className", "transitionState", "ariaRole", "i18nStrings", "type", "analyticsMetadata", "style"]);
+  lt && (h && !f && Le("Flashbar", "You provided a `buttonText` prop without an `onButtonClick` handler. This will render a non-interactive action button."), r && !m && Le("Flashbar", "You have set the `dismissible` prop without an `onDismiss` handler. This will render a non-interactive dismiss button."));
+  const [v, C] = An(), L = Ot("Flash", Ue, g), k = ge(e, L, C), W = K("flash-icon"), q = K("flash-message"), ee = D(null), te = D(null), { discoveredActions: j, headerRef: b, contentRef: T } = On(R), { initialHidden: ue, headerReplacementType: H, contentReplacementType: ne, headerRef: J, contentRef: x, replacementHeaderRef: B, replacementContentRef: Fe } = Mn({ type: R, header: s, children: i }), De = ge(b, J, ee), _e = ge(T, x, te), de = y.statusIconAriaLabel || P?.[`${l || R === "in-progress" ? "inProgress" : R}IconAriaLabel`], se = Nn[R], Se = l ? d.createElement(
+    "span",
+    { role: "img", "aria-label": de },
+    d.createElement(Mt, null)
+  ) : d.createElement(ze, { name: se, ariaLabel: de }), $ = l ? "info" : R, ve = {
+    [jt]: $
+  };
+  return g?.suppressFlowMetricEvents && (ve[qt] = "true"), // We're not using "polite" or "assertive" here, just turning default behavior off.
+  // eslint-disable-next-line @cloudscape-design/components/prefer-live-region
+  d.createElement(
+    "div",
+    Object.assign({ ref: k, role: F, "aria-live": F ? "off" : void 0, "data-itemid": t, className: E(c.flash, c[`flash-type-${$}`], A, w && {
+      [c.enter]: w === "enter",
+      [c.entering]: w === "entering",
+      [c.entered]: w === "entered",
+      [c.exit]: w === "exit",
+      [c.exiting]: w === "exiting",
+      [c.exited]: w === "exited"
+    }, ct(R === "warning" && !l ? "flashbar-warning" : "flashbar"), ue && c["initial-hidden"]), style: void 0 }, ve),
+    d.createElement(
+      "div",
+      { className: c["flash-body"] },
+      d.createElement(
+        "div",
+        { className: c["flash-focus-container"], tabIndex: -1, role: "group", "aria-labelledby": `${W} ${q}` },
+        d.createElement("div", { className: E(c["flash-icon"], c["flash-text"]), id: W }, Se),
+        d.createElement(
+          "div",
+          { className: E(c["flash-message"], c["flash-text"]), id: q },
+          d.createElement("div", { className: E(c["flash-header"], H !== "original" ? c.hidden : Be["flash-header"]), ref: De }, s),
+          d.createElement("div", { className: E(c["header-replacement"], H !== "replaced" && c.hidden), ref: B }),
+          d.createElement("div", { className: E(c["flash-content"], ne !== "original" ? c.hidden : Be["flash-header"]), ref: _e }, i),
+          d.createElement("div", { className: E(c["content-replacement"], ne !== "replaced" && c.hidden), ref: Fe })
+        )
+      ),
+      d.createElement(In, { className: c["action-button-wrapper"], testUtilClasses: {
+        actionSlot: c["action-slot"],
+        actionButton: c["action-button"]
+      }, action: o, discoveredActions: j, buttonText: h, onButtonClick: f, containerWidth: v, wrappedClass: c["action-wrapped"] })
+    ),
+    r && kn(a, m, _, $),
+    F === "status" && d.createElement(kt, { sources: [de, ee, te] })
+  );
+});
+function Et(n) {
+  var { items: e, onItemsAdded: t, onItemsChanged: s, onItemsRemoved: i } = n, r = Y(n, ["items", "onItemsAdded", "onItemsChanged", "onItemsRemoved"]);
+  const { __internalRootRef: a } = He("Flashbar", {
+    props: { stackItems: r.stackItems }
+  }), l = ft(() => e.every((g) => "id" in g), [e]), o = We(r), h = D(null), f = ge(h, a), m = Bt(h), A = Ut(), [w, F] = S(e), [P, R] = S(null);
+  if (lt && e?.some((g) => g.ariaRole === "alert" && !g.id) && Le("Flashbar", 'You provided `ariaRole="alert"` for a flashbar item without providing an `id`. Focus will not be moved to the newly added flash message.'), e) {
+    const g = e.filter(({ id: y }) => y && !w.some((v) => v.id === y)), _ = w.filter(({ id: y }) => y && !e.some((v) => v.id === y));
+    if (g.length > 0 || _.length > 0) {
+      F(e), t?.(g), i?.(_), s?.({ allItemsHaveId: l, isReducedMotion: m });
+      const y = g.filter(({ ariaRole: v }) => v === "alert");
+      y.length > 0 && R(y[0].id);
+    }
+  }
+  return ce(() => {
+    P && It(h.current, P);
+  }, [P, h]), {
+    allItemsHaveId: l,
+    baseProps: o,
+    isReducedMotion: m,
+    isVisualRefresh: A,
+    mergedRef: f,
+    ref: h
+  };
+}
+const rt = 1, jn = 100;
+function qn(n) {
+  var { items: e, style: t } = n, s = Y(n, ["items", "style"]);
+  const [i, r] = S([]), [a, l] = S([]), [o, h] = S(!1), f = et(() => {
+    const u = o ? g.current : R.current;
+    return Object.assign(Object.assign({}, u), { notificationBar: C.current });
+  }, [o]), m = et(() => {
+    const u = bn(f());
+    y(u);
+  }, [f]), { baseProps: A, isReducedMotion: w, mergedRef: F, ref: P } = Et(Object.assign(Object.assign({ items: e }, s), { onItemsAdded: (u) => {
+    r([...i, ...u]);
+  }, onItemsChanged: (u) => {
+    u?.allItemsHaveId && !u?.isReducedMotion && m();
+  }, onItemsRemoved: (u) => {
+    l([...a, ...u]);
+  } })), R = D({}), g = D({}), [_, y] = S(null), v = D(null), C = D(null), [L, k] = S(!1), W = K("flashbar"), q = K("item-count");
+  e.length <= rt && o && h(!1);
+  const ee = !w;
+  function te() {
+    w || m(), h((u) => !u);
+  }
+  Ce(() => {
+    if (o && e?.length) {
+      const u = e[0];
+      u.id !== void 0 && It(P.current, u.id);
+    }
+  }, [o]), Wt(() => {
+    !o && C.current && Ht(C.current);
+  }, [o]);
+  const j = ft(() => _t(() => {
+    const u = v?.current, I = u?.parentElement;
+    if (u && I) {
+      I.classList.remove(c.floating);
+      const N = window.innerHeight, Oe = $t(I, (fe) => fe.getAttribute("role") === "region") || I;
+      o && Math.ceil(Oe.getBoundingClientRect().bottom) >= N || I.classList.add(c.floating);
+    }
+  }, jn), [o]);
+  Ce(() => (window.addEventListener("resize", j), () => {
+    window.removeEventListener("resize", j), j.cancel();
+  }), [j]);
+  const { i18nStrings: b } = s, T = ut("flashbar"), ue = T("i18nStrings.ariaLabel", b?.ariaLabel), H = T("i18nStrings.notificationBarText", b?.notificationBarText), ne = T("i18nStrings.notificationBarAriaLabel", b?.notificationBarAriaLabel), J = {
+    errorIconAriaLabel: T("i18nStrings.errorIconAriaLabel", b?.errorIconAriaLabel),
+    inProgressIconAriaLabel: T("i18nStrings.inProgressIconAriaLabel", b?.inProgressIconAriaLabel),
+    infoIconAriaLabel: T("i18nStrings.infoIconAriaLabel", b?.infoIconAriaLabel),
+    successIconAriaLabel: T("i18nStrings.successIconAriaLabel", b?.successIconAriaLabel),
+    warningIconAriaLabel: T("i18nStrings.warningIconAriaLabel", b?.warningIconAriaLabel)
+  };
+  Ce(() => {
+    _ && (j(), wn({
+      elements: f(),
+      oldState: _,
+      newElementInitialState: ({ top: u }) => ({ scale: 0.9, y: -0.2 * u }),
+      onTransitionsEnd: () => k(!1)
+    }), k(!0), y(null));
+  }, [j, f, _, o]);
+  const x = e.length > rt, B = Sn(e), Fe = new Set(e.map(Ct)).size, De = Math.max(Fe, 3), _e = Math.min(De, e.length), de = o ? e.map((u, I) => Object.assign(Object.assign({}, u), { expandedIndex: I })) : Dn(e, _e).map((u, I) => Object.assign(Object.assign({}, u), { collapsedIndex: I })), se = (u) => {
+    var I, N;
+    return (N = (I = u.id) !== null && I !== void 0 ? I : u.expandedIndex) !== null && N !== void 0 ? N : 0;
+  }, Se = (u) => i.some((I) => I.id && I.id === u.id), $ = (u) => !("expandedIndex" in u), ve = (u) => Se(u) || $(u), Te = (u) => o || $(u) || "expandedIndex" in u && u.expandedIndex === 0, Ye = (u, I) => I === 0 && ve(u), Ne = (u) => `flash-${se(u)}`, Je = () => d.createElement(
+    "ul",
+    { ref: v, className: E(c["flash-list"], o ? c.expanded : c.collapsed, L && c["animation-running"], _ && c["animation-ready"], c["visual-refresh"]), id: W, "aria-label": ue, "aria-describedby": x ? q : void 0, style: !o || L ? {
+      [tt.flashbarStackDepth]: _e
+    } : void 0 },
+    d.createElement(Un, { withMotion: !w }, de.map((u, I) => d.createElement(dt, { key: se(u), in: !$(u), onStatusChange: (N) => {
+      N === "entered" ? r([]) : N === "exited" && l([]);
+    } }, (N, Oe) => {
+      var be, fe, Me;
+      return d.createElement("li", Object.assign({ "aria-hidden": !Te(u), className: Te(u) ? E(c["flash-list-item"], !o && c.item, !R.current[Ne(u)] && c["expanded-only"]) : E(c.flash, c[`flash-type-${(be = u.type) !== null && be !== void 0 ? be : "info"}`], c.item), ref: (Qe) => {
+        o ? g.current[Ne(u)] = Qe : R.current[Ne(u)] = Qe;
+      }, style: Object.assign(Object.assign({}, I > 0 && !o && (u.type, void 0)), (!o || L) && {
+        [tt.flashbarStackIndex]: (Me = (fe = u.collapsedIndex) !== null && fe !== void 0 ? fe : u.expandedIndex) !== null && Me !== void 0 ? Me : I
+      }), key: se(u) }, G(bt(I + 1, u.type || "info", u.id))), Te(u) && d.createElement(Rt, Object.assign({ className: E(ee && c["flash-with-motion"], c["flash-refresh"]), key: se(u), ref: Ye(u, I) ? Oe : void 0, transitionState: Ye(u, I) ? N : void 0, i18nStrings: J, style: t }, u)));
+    })))
+  );
+  return d.createElement(
+    "div",
+    Object.assign({}, A, { className: E(A.className, c.flashbar, c.stack, x && c.collapsible, e.length === 2 && c["short-list"], o && c.expanded, c["visual-refresh"]), ref: F }, G(vt(e.length, !0, o))),
+    o && Je(),
+    x && d.createElement(
+      "div",
+      Object.assign({ className: E(
+        c["notification-bar"],
+        c["visual-refresh"],
+        o ? c.expanded : c.collapsed,
+        L && c["animation-running"],
+        e.length === 2 && c["short-list"],
+        ct("flashbar")
+        // Visual context is needed for focus ring to be white
+      ), onClick: te, ref: C, style: void 0 }, G({
+        action: o ? "collapse" : "expand",
+        detail: {
+          label: "h2"
+        }
+      })),
+      d.createElement(
+        "span",
+        { "aria-live": "polite", className: c.status, role: "status", id: q },
+        H && d.createElement("h2", { className: c.header }, H),
+        d.createElement("span", { className: c["item-count"] }, Tn.map(({ type: u, labelName: I, iconName: N }) => d.createElement(Bn, { key: u, iconName: N, label: J[I], count: B[u] })))
+      ),
+      d.createElement(
+        "button",
+        { "aria-controls": W, "aria-describedby": q, "aria-expanded": o, "aria-label": ne, className: E(c.button, o && c.expanded) },
+        d.createElement(ze, { className: c.icon, size: "normal", name: "angle-down" })
+      )
+    ),
+    !o && Je()
+  );
+}
+const Bn = ({ iconName: n, label: e, count: t }) => d.createElement(
+  "span",
+  { className: c["type-count"] },
+  d.createElement(
+    "span",
+    { title: e },
+    d.createElement(ze, { name: n, ariaLabel: e })
+  ),
+  d.createElement("span", { className: c["count-number"] }, t)
+), Un = ({ children: n, withMotion: e }) => e ? d.createElement(Pe, { component: null }, n) : d.createElement(d.Fragment, null, n), Wn = 115;
+function Hn(n) {
+  var { items: e, i18nStrings: t, style: s } = n, i = Y(n, ["items", "i18nStrings", "style"]);
+  const { allItemsHaveId: r, baseProps: a, isReducedMotion: l, isVisualRefresh: o, mergedRef: h } = Et(Object.assign({ items: e }, i)), f = ut("flashbar"), m = f("i18nStrings.ariaLabel", t?.ariaLabel), A = {
+    errorIconAriaLabel: f("i18nStrings.errorIconAriaLabel", t?.errorIconAriaLabel),
+    inProgressIconAriaLabel: f("i18nStrings.inProgressIconAriaLabel", t?.inProgressIconAriaLabel),
+    infoIconAriaLabel: f("i18nStrings.infoIconAriaLabel", t?.infoIconAriaLabel),
+    successIconAriaLabel: f("i18nStrings.successIconAriaLabel", t?.successIconAriaLabel),
+    warningIconAriaLabel: f("i18nStrings.warningIconAriaLabel", t?.warningIconAriaLabel)
+  }, w = l || !o || !r, F = !l && o;
+  function P() {
+    if (!(w || !e))
+      return (
+        // This is a proxy for <ul>, so we're not applying a class to another actual component.
+        d.createElement(Pe, { component: "ul", className: c["flash-list"], "aria-label": m }, e.map((_, y) => {
+          var v;
+          return d.createElement(dt, { transitionChangeDelay: { entering: Wn }, key: (v = _.id) !== null && v !== void 0 ? v : y, in: !0 }, (C, L) => {
+            var k;
+            return d.createElement("li", { className: c["flash-list-item"] }, g(_, (k = _.id) !== null && k !== void 0 ? k : y, L, C));
+          });
+        }))
+      );
+  }
+  function R() {
+    if (!(!w || !e))
+      return d.createElement("ul", Object.assign({ className: c["flash-list"], "aria-label": m }, G(vt(e.length, !1))), e.map((_, y) => {
+        var v, C;
+        return d.createElement("li", Object.assign({ key: (v = _.id) !== null && v !== void 0 ? v : y, className: c["flash-list-item"] }, G(bt(y + 1, _.type || "info", _.id))), g(_, (C = _.id) !== null && C !== void 0 ? C : y));
+      }));
+  }
+  function g(_, y, v, C) {
+    return d.createElement(Rt, Object.assign({ className: E(F && c["flash-with-motion"], c["flash-refresh"]), key: y, ref: v, transitionState: C, i18nStrings: A, style: s }, _));
+  }
+  return d.createElement(
+    "div",
+    Object.assign({}, a, { className: E(a.className, c.flashbar), ref: h }),
+    P(),
+    R()
+  );
+}
+function Lt(n) {
+  return n.stackItems ? d.createElement(qn, Object.assign({}, n)) : d.createElement(Hn, Object.assign({}, n));
+}
+Ae(Lt, "Flashbar");
+const xt = (n) => (zt("Flashbar", n, ["style"], {}), d.createElement(Lt, n));
+Ae(xt, "Flashbar");
+function $n({ errors: n }) {
+  const e = n.map((t) => ({
+    type: "error",
+    content: t,
+    id: t
+  }));
+  return /* @__PURE__ */ z.jsx(xt, { items: e });
+}
+function Qn({ onChange: n }) {
+  const [e, t] = S([]), s = async (i) => {
+    t([]);
+    const r = _n(i);
+    if (r.length > 0) {
+      t(r);
+      return;
+    }
+    try {
+      const a = i[0], l = a?.name, o = await vn(a), h = Xt(o);
+      n(h, l);
+    } catch (a) {
+      console.error("Error reading HAR file:", a);
+      const l = a instanceof Error ? a.message : "An unknown error occurred";
+      t([l]);
+    }
+  };
+  return /* @__PURE__ */ z.jsxs(Ze, { children: [
+    /* @__PURE__ */ z.jsx($n, { errors: e }),
+    /* @__PURE__ */ z.jsx(mt, { onChange: ({ detail: i }) => s(i.value), children: /* @__PURE__ */ z.jsxs(Ze, { alignItems: "center", size: "s", children: [
+      /* @__PURE__ */ z.jsx(Ke, { color: "inherit", children: "Drop your .har file here" }),
+      /* @__PURE__ */ z.jsx(Ke, { color: "inherit", children: "or" }),
+      /* @__PURE__ */ z.jsx(gt, { accept: Ge, value: [], onChange: ({ detail: i }) => s(i.value), children: "Choose file" })
+    ] }) })
+  ] });
+}
+export {
+  Qn as H,
+  pt as a,
+  rn as s
+};