@marimo-team/islands 0.13.16-dev9 → 0.13.16-dev91

package/dist/{ConnectedDataExplorerComponent-DKR70thk.js → ConnectedDataExplorerComponent-CQFn-mDE.js}

@@ -1,5 +1,5 @@
-import { bx as sr, S as cr, by as Ki, j as S, bz as Xi, bA as Ji, bB as Zi, bC as Qi, L as ea, bD as ta, bE as na, bF as ra, d as Ce, bG as on, bH as Ot, bI as ur, bJ as bt, bK as Ke, bL as lr, bM as xt, bN as Ae, bO as ia, bP as dr, bQ as aa, bR as oa, F as Ln, K as sa, M as fr, bS as ca, bT as ua, bU as la, W as da, J as fa, U as ga, E as ha, a4 as ma, bV as pa, $ as ya, bW as Ea, R as Sa } from "./main-DZFzYNDw.js";
-import { i as Na, c as _a, N as Ca, a as Bn } from "./VegaLite-ilgm95Ij.js";
+import { bx as sr, S as cr, by as Ki, j as S, bz as Xi, bA as Ji, bB as Zi, bC as Qi, L as ea, bD as ta, bE as na, bF as ra, c as Ce, bG as on, bH as Ot, bI as ur, bJ as bt, bK as Ke, bL as lr, bM as xt, bN as Ae, bO as ia, bP as dr, bQ as aa, bR as oa, F as Ln, K as sa, M as fr, bS as ca, bT as ua, bU as la, W as da, J as fa, U as ga, E as ha, a4 as ma, bV as pa, $ as ya, bW as Ea, R as Sa } from "./main-DEZltt-X.js";
+import { i as Na, c as _a, N as Ca, a as Bn } from "./VegaLite-p2-nGqeE.js";
 /**
  * @license lucide-react v0.503.0 - ISC
  *
@@ -6190,7 +6190,7 @@ const Md = (e) => {
   t[3] !== n ? (o = [n], t[3] = n, t[4] = o) : o = t[4];
   const {
     data: c,
-    loading: f,
+    isPending: f,
     error: i
   } = da(r, o), {
     mark: s

package/dist/ImageComparisonComponent-CYeUw5Ie.js

@@ -0,0 +1,248 @@
+import { O as S, c as D, j as g } from "./main-DEZltt-X.js";
+var v = {}, y = {}, x;
+function T() {
+  return x || (x = 1, (() => {
+    var w = { 792: (r, t, i) => {
+      i.d(t, { Z: () => u });
+      var a = i(609), l = i.n(a)()(function(f) {
+        return f[1];
+      });
+      l.push([r.id, ':host{--divider-width: 1px;--divider-color: #fff;--divider-shadow: none;--default-handle-width: 50px;--default-handle-color: #fff;--default-handle-opacity: 1;--default-handle-shadow: none;--handle-position-start: 50%;position:relative;display:inline-block;overflow:hidden;line-height:0;direction:ltr}@media screen and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm){:host{outline-offset:1px}}:host(:focus){outline:2px solid -webkit-focus-ring-color}::slotted(*){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first{position:absolute;left:0;top:0;right:0;line-height:normal;font-size:100%;max-height:100%;height:100%;width:100%;--exposure: 50%;--keyboard-transition-time: 0ms;--default-transition-time: 0ms;--transition-time: var(--default-transition-time)}.first .first-overlay-container{position:relative;clip-path:inset(0 var(--exposure) 0 0);transition:clip-path var(--transition-time);height:100%}.first .first-overlay{overflow:hidden;height:100%}.first.focused{will-change:clip-path}.first.focused .first-overlay-container{will-change:clip-path}.second{position:relative}.handle-container{transform:translateX(50%);position:absolute;top:0;right:var(--exposure);height:100%;transition:right var(--transition-time),bottom var(--transition-time)}.focused .handle-container{will-change:right}.divider{position:absolute;height:100%;width:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.divider:after{content:" ";display:block;height:100%;border-left-width:var(--divider-width);border-left-style:solid;border-left-color:var(--divider-color);box-shadow:var(--divider-shadow)}.handle{position:absolute;top:var(--handle-position-start);pointer-events:none;box-sizing:border-box;margin-left:1px;transform:translate(calc(-50% - 0.5px), -50%);line-height:0}.default-handle{width:var(--default-handle-width);opacity:var(--default-handle-opacity);transition:all 1s;filter:drop-shadow(var(--default-handle-shadow))}.default-handle path{stroke:var(--default-handle-color)}.vertical .first-overlay-container{clip-path:inset(0 0 var(--exposure) 0)}.vertical .handle-container{transform:translateY(50%);height:auto;top:unset;bottom:var(--exposure);width:100%;left:0;flex-direction:row}.vertical .divider:after{height:1px;width:100%;border-top-width:var(--divider-width);border-top-style:solid;border-top-color:var(--divider-color);border-left:0}.vertical .handle{top:auto;left:var(--handle-position-start);transform:translate(calc(-50% - 0.5px), -50%) rotate(90deg)}', ""]);
+      const u = l;
+    }, 609: (r) => {
+      r.exports = function(t) {
+        var i = [];
+        return i.toString = function() {
+          return this.map(function(a) {
+            var l = t(a);
+            return a[2] ? "@media ".concat(a[2], " {").concat(l, "}") : l;
+          }).join("");
+        }, i.i = function(a, l, u) {
+          typeof a == "string" && (a = [[null, a, ""]]);
+          var f = {};
+          if (u) for (var h = 0; h < this.length; h++) {
+            var p = this[h][0];
+            p != null && (f[p] = true);
+          }
+          for (var e = 0; e < a.length; e++) {
+            var s = [].concat(a[e]);
+            u && f[s[0]] || (l && (s[2] ? s[2] = "".concat(l, " and ").concat(s[2]) : s[2] = l), i.push(s));
+          }
+        }, i;
+      };
+    } }, n = {};
+    function c(r) {
+      var t = n[r];
+      if (t !== void 0) return t.exports;
+      var i = n[r] = { id: r, exports: {} };
+      return w[r](i, i.exports, c), i.exports;
+    }
+    c.n = (r) => {
+      var t = r && r.__esModule ? () => r.default : () => r;
+      return c.d(t, { a: t }), t;
+    }, c.d = (r, t) => {
+      for (var i in t) c.o(t, i) && !c.o(r, i) && Object.defineProperty(r, i, { enumerable: true, get: t[i] });
+    }, c.o = (r, t) => Object.prototype.hasOwnProperty.call(r, t), (() => {
+      var r = c(792);
+      const t = "rendered", i = (e, s) => {
+        const o = e.getBoundingClientRect();
+        let d, m;
+        return s.type === "mousedown" ? (d = s.clientX, m = s.clientY) : (d = s.touches[0].clientX, m = s.touches[0].clientY), d >= o.x && d <= o.x + o.width && m >= o.y && m <= o.y + o.height;
+      };
+      let a;
+      const l = { ArrowLeft: -1, ArrowRight: 1 }, u = ["horizontal", "vertical"], f = (e) => ({ x: e.touches[0].pageX, y: e.touches[0].pageY }), h = (e) => ({ x: e.pageX, y: e.pageY }), p = typeof window < "u" && (window == null ? void 0 : window.HTMLElement);
+      typeof window < "u" && (window.document && (a = document.createElement("template"), a.innerHTML = '<div class="second" id="second"> <slot name="second"><slot name="before"></slot></slot> </div> <div class="first" id="first"> <div class="first-overlay"> <div class="first-overlay-container" id="firstImageContainer"> <slot name="first"><slot name="after"></slot></slot> </div> </div> <div class="handle-container"> <div class="divider"></div> <div class="handle" id="handle"> <slot name="handle"> <svg xmlns="http://www.w3.org/2000/svg" class="default-handle" viewBox="-8 -3 16 6"> <path d="M -5 -2 L -7 0 L -5 2 M 5 -2 L 7 0 L 5 2" fill="none" vector-effect="non-scaling-stroke"/> </svg> </slot> </div> </div> </div> '), window.customElements.define("img-comparison-slider", class extends p {
+        constructor() {
+          super(), this.exposure = this.hasAttribute("value") ? parseFloat(this.getAttribute("value")) : 50, this.slideOnHover = false, this.slideDirection = "horizontal", this.keyboard = "enabled", this.isMouseDown = false, this.animationDirection = 0, this.isFocused = false, this.dragByHandle = false, this.onMouseMove = (o) => {
+            if (this.isMouseDown || this.slideOnHover) {
+              const d = h(o);
+              this.slideToPage(d);
+            }
+          }, this.bodyUserSelectStyle = "", this.bodyWebkitUserSelectStyle = "", this.onMouseDown = (o) => {
+            if (this.slideOnHover || this.handle && !i(this.handleElement, o)) return;
+            o.preventDefault(), window.addEventListener("mousemove", this.onMouseMove), window.addEventListener("mouseup", this.onWindowMouseUp), this.isMouseDown = true, this.enableTransition();
+            const d = h(o);
+            this.slideToPage(d), this.focus(), this.bodyUserSelectStyle = window.document.body.style.userSelect, this.bodyWebkitUserSelectStyle = window.document.body.style.webkitUserSelect, window.document.body.style.userSelect = "none", window.document.body.style.webkitUserSelect = "none";
+          }, this.onWindowMouseUp = () => {
+            this.isMouseDown = false, window.document.body.style.userSelect = this.bodyUserSelectStyle, window.document.body.style.webkitUserSelect = this.bodyWebkitUserSelectStyle, window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onWindowMouseUp);
+          }, this.touchStartPoint = null, this.isTouchComparing = false, this.hasTouchMoved = false, this.onTouchStart = (o) => {
+            this.dragByHandle && !i(this.handleElement, o) || (this.touchStartPoint = f(o), this.isFocused && (this.enableTransition(), this.slideToPage(this.touchStartPoint)));
+          }, this.onTouchMove = (o) => {
+            if (this.touchStartPoint === null) return;
+            const d = f(o);
+            if (this.isTouchComparing) return this.slideToPage(d), o.preventDefault(), false;
+            if (!this.hasTouchMoved) {
+              const m = Math.abs(d.y - this.touchStartPoint.y), b = Math.abs(d.x - this.touchStartPoint.x);
+              if (this.slideDirection === "horizontal" && m < b || this.slideDirection === "vertical" && m > b) return this.isTouchComparing = true, this.focus(), this.slideToPage(d), o.preventDefault(), false;
+              this.hasTouchMoved = true;
+            }
+          }, this.onTouchEnd = () => {
+            this.isTouchComparing = false, this.hasTouchMoved = false, this.touchStartPoint = null;
+          }, this.onBlur = () => {
+            this.stopSlideAnimation(), this.isFocused = false, this.firstElement.classList.remove("focused");
+          }, this.onFocus = () => {
+            this.isFocused = true, this.firstElement.classList.add("focused");
+          }, this.onKeyDown = (o) => {
+            if (this.keyboard === "disabled") return;
+            const d = l[o.key];
+            this.animationDirection !== d && d !== void 0 && (this.animationDirection = d, this.startSlideAnimation());
+          }, this.onKeyUp = (o) => {
+            if (this.keyboard === "disabled") return;
+            const d = l[o.key];
+            d !== void 0 && this.animationDirection === d && this.stopSlideAnimation();
+          }, this.resetDimensions = () => {
+            this.imageWidth = this.offsetWidth, this.imageHeight = this.offsetHeight;
+          };
+          const e = this.attachShadow({ mode: "open" }), s = document.createElement("style");
+          s.innerHTML = r.Z, this.getAttribute("nonce") && s.setAttribute("nonce", this.getAttribute("nonce")), e.appendChild(s), e.appendChild(a.content.cloneNode(true)), this.firstElement = e.getElementById("first"), this.handleElement = e.getElementById("handle");
+        }
+        set handle(e) {
+          this.dragByHandle = e.toString().toLowerCase() !== "false";
+        }
+        get handle() {
+          return this.dragByHandle;
+        }
+        get value() {
+          return this.exposure;
+        }
+        set value(e) {
+          const s = parseFloat(e);
+          s !== this.exposure && (this.exposure = s, this.enableTransition(), this.setExposure());
+        }
+        get hover() {
+          return this.slideOnHover;
+        }
+        set hover(e) {
+          this.slideOnHover = e.toString().toLowerCase() !== "false", this.removeEventListener("mousemove", this.onMouseMove), this.slideOnHover && this.addEventListener("mousemove", this.onMouseMove);
+        }
+        get direction() {
+          return this.slideDirection;
+        }
+        set direction(e) {
+          this.slideDirection = e.toString().toLowerCase(), this.slide(0), this.firstElement.classList.remove(...u), u.includes(this.slideDirection) && this.firstElement.classList.add(this.slideDirection);
+        }
+        static get observedAttributes() {
+          return ["hover", "direction"];
+        }
+        connectedCallback() {
+          this.hasAttribute("tabindex") || (this.tabIndex = 0), this.addEventListener("dragstart", (e) => (e.preventDefault(), false)), new ResizeObserver(this.resetDimensions).observe(this), this.setExposure(0), this.keyboard = this.hasAttribute("keyboard") && this.getAttribute("keyboard") === "disabled" ? "disabled" : "enabled", this.addEventListener("keydown", this.onKeyDown), this.addEventListener("keyup", this.onKeyUp), this.addEventListener("focus", this.onFocus), this.addEventListener("blur", this.onBlur), this.addEventListener("touchstart", this.onTouchStart, { passive: true }), this.addEventListener("touchmove", this.onTouchMove, { passive: false }), this.addEventListener("touchend", this.onTouchEnd), this.addEventListener("mousedown", this.onMouseDown), this.handle = this.hasAttribute("handle") ? this.getAttribute("handle") : this.dragByHandle, this.hover = this.hasAttribute("hover") ? this.getAttribute("hover") : this.slideOnHover, this.direction = this.hasAttribute("direction") ? this.getAttribute("direction") : this.slideDirection, this.resetDimensions(), this.classList.contains(t) || this.classList.add(t);
+        }
+        disconnectedCallback() {
+          this.transitionTimer && window.clearTimeout(this.transitionTimer);
+        }
+        attributeChangedCallback(e, s, o) {
+          e === "hover" && (this.hover = o), e === "direction" && (this.direction = o), e === "keyboard" && (this.keyboard = o === "disabled" ? "disabled" : "enabled");
+        }
+        setExposure(e = 0) {
+          var s;
+          this.exposure = (s = this.exposure + e) < 0 ? 0 : s > 100 ? 100 : s, this.firstElement.style.setProperty("--exposure", 100 - this.exposure + "%");
+        }
+        slide(e = 0) {
+          this.setExposure(e);
+          const s = new Event("slide");
+          this.dispatchEvent(s);
+        }
+        slideToPage(e) {
+          this.slideDirection === "horizontal" && this.slideToPageX(e.x), this.slideDirection === "vertical" && this.slideToPageY(e.y);
+        }
+        slideToPageX(e) {
+          const s = e - this.getBoundingClientRect().left - window.scrollX;
+          this.exposure = s / this.imageWidth * 100, this.slide(0);
+        }
+        slideToPageY(e) {
+          const s = e - this.getBoundingClientRect().top - window.scrollY;
+          this.exposure = s / this.imageHeight * 100, this.slide(0);
+        }
+        enableTransition() {
+          this.firstElement.style.setProperty("--transition-time", "100ms"), this.transitionTimer = window.setTimeout(() => {
+            this.firstElement.style.setProperty("--transition-time", "var(--default-transition-time)"), this.transitionTimer = null;
+          }, 100);
+        }
+        startSlideAnimation() {
+          let e = null, s = this.animationDirection;
+          this.firstElement.style.setProperty("--transition-time", "var(--keyboard-transition-time)");
+          const o = (d) => {
+            if (this.animationDirection === 0 || s !== this.animationDirection) return;
+            e === null && (e = d);
+            const m = (d - e) / 16.666666666666668 * this.animationDirection;
+            this.slide(m), setTimeout(() => window.requestAnimationFrame(o), 0), e = d;
+          };
+          window.requestAnimationFrame(o);
+        }
+        stopSlideAnimation() {
+          this.animationDirection = 0, this.firstElement.style.setProperty("--transition-time", "var(--default-transition-time)");
+        }
+      }));
+    })();
+  })()), y;
+}
+var E;
+function M() {
+  if (E) return v;
+  E = 1;
+  var w = v && v.__createBinding || (Object.create ? function(t, i, a, l) {
+    l === void 0 && (l = a), Object.defineProperty(t, l, { enumerable: true, get: function() {
+      return i[a];
+    } });
+  } : function(t, i, a, l) {
+    l === void 0 && (l = a), t[l] = i[a];
+  }), n = v && v.__setModuleDefault || (Object.create ? function(t, i) {
+    Object.defineProperty(t, "default", { enumerable: true, value: i });
+  } : function(t, i) {
+    t.default = i;
+  }), c = v && v.__importStar || function(t) {
+    if (t && t.__esModule) return t;
+    var i = {};
+    if (t != null) for (var a in t) a !== "default" && Object.prototype.hasOwnProperty.call(t, a) && w(i, t, a);
+    return n(i, t), i;
+  };
+  Object.defineProperty(v, "__esModule", { value: true }), v.ImgComparisonSlider = void 0;
+  const r = S();
+  return typeof document < "u" && Promise.resolve().then(() => c(T())), v.ImgComparisonSlider = (0, r.forwardRef)(({ children: t, onSlide: i, value: a, className: l, ...u }, f) => {
+    const h = (0, r.useRef)();
+    return (0, r.useEffect)(() => {
+      a !== void 0 && (h.current.value = parseFloat(a.toString()));
+    }, [a, h]), (0, r.useEffect)(() => {
+      i && h.current.addEventListener("slide", i);
+    }, []), (0, r.useImperativeHandle)(f, () => h.current, [h]), (0, r.createElement)("img-comparison-slider", Object.assign({
+      class: l ? `${l} rendered` : "rendered",
+      // Align tabIndex between the web and React components
+      // this code could be removed when
+      // https://github.com/WICG/webcomponents/issues/762 is resolved.
+      tabIndex: 0,
+      ref: h
+    }, u), t);
+  }), v;
+}
+var L = M();
+const k = (w) => {
+  const n = D.c(15), {
+    beforeSrc: c,
+    afterSrc: r,
+    value: t,
+    direction: i,
+    width: a,
+    height: l
+  } = w, u = a || "100%", f = l || (i === "vertical" ? "400px" : "auto");
+  let h;
+  n[0] !== u || n[1] !== f ? (h = {
+    width: u,
+    height: f,
+    maxWidth: "100%"
+  }, n[0] = u, n[1] = f, n[2] = h) : h = n[2];
+  const p = h;
+  let e;
+  n[3] !== c ? (e = /* @__PURE__ */ g.jsx("img", { slot: "first", src: c, alt: "Before", width: "100%" }), n[3] = c, n[4] = e) : e = n[4];
+  let s;
+  n[5] !== r ? (s = /* @__PURE__ */ g.jsx("img", { slot: "second", src: r, alt: "After", width: "100%" }), n[5] = r, n[6] = s) : s = n[6];
+  let o;
+  n[7] !== i || n[8] !== e || n[9] !== s || n[10] !== t ? (o = /* @__PURE__ */ g.jsxs(L.ImgComparisonSlider, { value: t, direction: i, children: [
+    e,
+    s
+  ] }), n[7] = i, n[8] = e, n[9] = s, n[10] = t, n[11] = o) : o = n[11];
+  let d;
+  return n[12] !== p || n[13] !== o ? (d = /* @__PURE__ */ g.jsx("div", { style: p, children: o }), n[12] = p, n[13] = o, n[14] = d) : d = n[14], d;
+};
+export {
+  k as default
+};