@pie-players/pie-section-player 0.2.12 → 0.2.13

package/dist/PieItemModeLayoutElement-D7oTzA9T.js

@@ -1,316 +0,0 @@
-import { p as O, a as G, b as r, f as g, c as I, d as P, t as B, B as D, k as _, l as R, n as i, r as y, C as ie, x as se, y as z, i as q, g as t, o as v, v as ae, z as N, e as le } from "./pie-section-player-DJ5NcwdT.js";
-import { I as F } from "./ItemRenderer-MsjF_Beu.js";
-var ce = g('<div class="pie-section-player__item-navigation svelte-1qbjn8v"><button type="button" class="pie-section-player__nav-button pie-section-player__nav-button--previous svelte-1qbjn8v">Previous</button> <span class="pie-section-player__item-counter svelte-1qbjn8v"> </span> <button type="button" class="pie-section-player__nav-button pie-section-player__nav-button--next svelte-1qbjn8v">Next</button></div>');
-const pe = {
-  hash: "svelte-1qbjn8v",
-  code: `.pie-section-player__item-navigation.svelte-1qbjn8v {display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--pie-secondary-background, #f9f9f9);border-top:1px solid var(--pie-border-light, #e0e0e0);gap:1rem;}.pie-section-player__nav-button.svelte-1qbjn8v {padding:0.5rem 1rem;background:var(--pie-primary, #007bff);color:var(--pie-white, white);border:none;border-radius:4px;cursor:pointer;font-size:0.9rem;transition:background 0.2s;min-width:100px;}.pie-section-player__nav-button.svelte-1qbjn8v:hover:not(:disabled) {background:var(--pie-primary-dark, #0056b3);}.pie-section-player__nav-button.svelte-1qbjn8v:disabled {background:var(--pie-disabled-secondary, #ccc);cursor:not-allowed;opacity:0.6;}.pie-section-player__item-counter.svelte-1qbjn8v {font-size:0.9rem;color:var(--pie-disabled, #666);font-weight:500;}
-
-	/* Responsive */
-	@media (max-width: 768px) {.pie-section-player__item-navigation.svelte-1qbjn8v {flex-direction:column;}.pie-section-player__nav-button.svelte-1qbjn8v {width:100%;}
-	}`
-};
-function H(x, o) {
-  O(o, !0), G(x, pe);
-  let c = r(o, "currentIndex", 7), p = r(o, "totalItems", 7), l = r(o, "canNext", 7), d = r(o, "canPrevious", 7), u = r(o, "onprevious", 7), b = r(o, "onnext", 7);
-  var h = {
-    get currentIndex() {
-      return c();
-    },
-    set currentIndex(s) {
-      c(s), i();
-    },
-    get totalItems() {
-      return p();
-    },
-    set totalItems(s) {
-      p(s), i();
-    },
-    get canNext() {
-      return l();
-    },
-    set canNext(s) {
-      l(s), i();
-    },
-    get canPrevious() {
-      return d();
-    },
-    set canPrevious(s) {
-      d(s), i();
-    },
-    get onprevious() {
-      return u();
-    },
-    set onprevious(s) {
-      u(s), i();
-    },
-    get onnext() {
-      return b();
-    },
-    set onnext(s) {
-      b(s), i();
-    }
-  }, n = ce(), m = P(n), f = I(m, 2), w = P(f);
-  y(f);
-  var k = I(f, 2);
-  return y(n), B(() => {
-    m.disabled = !d(), ie(w, `${c() + 1} / ${p() ?? ""}`), k.disabled = !l();
-  }), D("click", m, function(...s) {
-    u()?.apply(this, s);
-  }), D("click", k, function(...s) {
-    b()?.apply(this, s);
-  }), _(x, n), R(h);
-}
-se(["click"]);
-z(
-  H,
-  {
-    currentIndex: {},
-    totalItems: {},
-    canNext: {},
-    canPrevious: {},
-    onprevious: {},
-    onnext: {}
-  },
-  [],
-  [],
-  { mode: "open" }
-);
-var ve = g("<pie-section-tools-toolbar></pie-section-tools-toolbar>", 2), de = g('<div class="pie-section-player__passage-wrapper svelte-1sxbnc2"><!></div>'), ue = g('<div class="pie-section-player__passages-section svelte-1sxbnc2"></div>'), be = g('<div class="pie-section-player__current-item-section svelte-1sxbnc2"><!></div>'), me = g('<div class="pie-section-player__no-item svelte-1sxbnc2"><p>No item to display</p></div>'), _e = g("<pie-section-tools-toolbar></pie-section-tools-toolbar>", 2), ge = g('<div><!> <div class="pie-section-player__item-mode-layout svelte-1sxbnc2"><!> <!> <!></div> <!></div>');
-const xe = {
-  hash: "svelte-1sxbnc2",
-  code: `.pie-section-player__layout-shell.svelte-1sxbnc2 {display:flex;width:100%;height:100%;min-height:0;overflow:hidden;}.pie-section-player__layout-shell--top.svelte-1sxbnc2,
-	.pie-section-player__layout-shell--bottom.svelte-1sxbnc2,
-	.pie-section-player__layout-shell--none.svelte-1sxbnc2 {flex-direction:column;}.pie-section-player__layout-shell--left.svelte-1sxbnc2,
-	.pie-section-player__layout-shell--right.svelte-1sxbnc2 {flex-direction:row;}.pie-section-player__item-mode-layout.svelte-1sxbnc2 {flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:1rem;overflow-y:auto;}.pie-section-player__passages-section.svelte-1sxbnc2 {display:flex;flex-direction:column;gap:1rem;}.pie-section-player__passages-section.svelte-1sxbnc2 .pie-section-player__passage-item {padding:0;background:transparent;border:0;border-radius:0;}.pie-section-player__passage-wrapper.svelte-1sxbnc2 {flex-shrink:0;padding:0.25rem;background:var(--pie-white, white);border:1px solid var(--pie-border-light, #e5e7eb);border-radius:6px;}.pie-section-player__current-item-section.svelte-1sxbnc2 {padding:0.25rem;background:var(--pie-white, white);border:1px solid var(--pie-border-light, #e5e7eb);border-radius:6px;min-height:300px;}.pie-section-player__no-item.svelte-1sxbnc2 {padding:2rem;text-align:center;color:var(--pie-disabled-secondary, #999);}
-
-	/* Responsive */
-	@media (max-width: 768px) {.pie-section-player__item-mode-layout.svelte-1sxbnc2 {gap:1rem;}
-	}`
-};
-function J(x, o) {
-  O(o, !0), G(x, xe);
-  let c = r(o, "composition", 7), p = r(o, "env", 23, () => ({ mode: "gather", role: "student" })), l = r(o, "toolbarPosition", 7, "right"), d = r(o, "showToolbar", 7, !0), u = r(o, "onprevious", 7), b = r(o, "onnext", 7), h = v(() => c()?.passages || []), n = v(() => c()?.items || []), m = v(() => c()?.currentItemIndex || 0), f = v(() => t(n).length), w = v(() => c()?.currentItem || t(n)[t(m)] || null), k = v(() => c()?.itemSessionsByItemId || {}), s = v(() => t(w)?.id ? t(k)[t(w).id] : void 0), Q = v(() => t(m) > 0), U = v(() => t(m) < t(f) - 1), E = v(() => d() && l() !== "none"), K = v(() => l() === "top" || l() === "left");
-  var V = {
-    get composition() {
-      return c();
-    },
-    set composition(e) {
-      c(e), i();
-    },
-    get env() {
-      return p();
-    },
-    set env(e = { mode: "gather", role: "student" }) {
-      p(e), i();
-    },
-    get toolbarPosition() {
-      return l();
-    },
-    set toolbarPosition(e = "right") {
-      l(e), i();
-    },
-    get showToolbar() {
-      return d();
-    },
-    set showToolbar(e = !0) {
-      d(e), i();
-    },
-    get onprevious() {
-      return u();
-    },
-    set onprevious(e) {
-      u(e), i();
-    },
-    get onnext() {
-      return b();
-    },
-    set onnext(e) {
-      b(e), i();
-    }
-  }, T = ge(), L = P(T);
-  {
-    var W = (e) => {
-      var a = ve();
-      B(() => N(a, "position", l())), N(a, "enabled-tools", ""), _(e, a);
-    };
-    q(L, (e) => {
-      t(E) && t(K) && e(W);
-    });
-  }
-  var S = I(L, 2), M = P(S);
-  {
-    var X = (e) => {
-      var a = ue();
-      le(a, 21, () => t(h), (j) => j.id, (j, oe) => {
-        var C = de(), ne = P(C);
-        {
-          let re = v(() => ({ mode: "view", role: p().role }));
-          F(ne, {
-            get item() {
-              return t(oe);
-            },
-            contentKind: "rubric-block-stimulus",
-            get env() {
-              return t(re);
-            },
-            customClassName: "pie-section-player__passage-item"
-          });
-        }
-        y(C), _(j, C);
-      }), y(a), _(e, a);
-    };
-    q(M, (e) => {
-      t(h).length > 0 && e(X);
-    });
-  }
-  var A = I(M, 2);
-  {
-    var Y = (e) => {
-      var a = be(), j = P(a);
-      F(j, {
-        get item() {
-          return t(w);
-        },
-        contentKind: "assessment-item",
-        get env() {
-          return p();
-        },
-        get session() {
-          return t(s);
-        },
-        customClassName: "pie-section-player__item-content"
-      }), y(a), _(e, a);
-    }, Z = (e) => {
-      var a = me();
-      _(e, a);
-    };
-    q(A, (e) => {
-      t(w) ? e(Y) : e(Z, !1);
-    });
-  }
-  var $ = I(A, 2);
-  H($, {
-    get currentIndex() {
-      return t(m);
-    },
-    get totalItems() {
-      return t(f);
-    },
-    get canNext() {
-      return t(U);
-    },
-    get canPrevious() {
-      return t(Q);
-    },
-    get onprevious() {
-      return u();
-    },
-    get onnext() {
-      return b();
-    }
-  }), y(S);
-  var ee = I(S, 2);
-  {
-    var te = (e) => {
-      var a = _e();
-      B(() => N(a, "position", l())), N(a, "enabled-tools", ""), _(e, a);
-    };
-    q(ee, (e) => {
-      t(E) && !t(K) && e(te);
-    });
-  }
-  return y(T), B(() => ae(T, 1, `pie-section-player__layout-shell pie-section-player__layout-shell--${l()}`, "svelte-1sxbnc2")), _(x, T), R(V);
-}
-z(
-  J,
-  {
-    composition: {},
-    env: {},
-    toolbarPosition: {},
-    showToolbar: {},
-    onprevious: {},
-    onnext: {}
-  },
-  [],
-  [],
-  { mode: "open" }
-);
-function ye(x, o) {
-  O(o, !0);
-  let c = r(o, "composition", 7), p = r(o, "env", 23, () => ({ mode: "gather", role: "student" })), l = r(o, "toolbarPosition", 7, "right"), d = r(o, "showToolbar", 7, !0), u = r(o, "onnext", 7, void 0), b = r(o, "onprevious", 7, void 0);
-  var h = {
-    get composition() {
-      return c();
-    },
-    set composition(n) {
-      c(n), i();
-    },
-    get env() {
-      return p();
-    },
-    set env(n = { mode: "gather", role: "student" }) {
-      p(n), i();
-    },
-    get toolbarPosition() {
-      return l();
-    },
-    set toolbarPosition(n = "right") {
-      l(n), i();
-    },
-    get showToolbar() {
-      return d();
-    },
-    set showToolbar(n = !0) {
-      d(n), i();
-    },
-    get onnext() {
-      return u();
-    },
-    set onnext(n = void 0) {
-      u(n), i();
-    },
-    get onprevious() {
-      return b();
-    },
-    set onprevious(n = void 0) {
-      b(n), i();
-    }
-  };
-  return J(x, {
-    get composition() {
-      return c();
-    },
-    get env() {
-      return p();
-    },
-    get toolbarPosition() {
-      return l();
-    },
-    get showToolbar() {
-      return d();
-    },
-    get onnext() {
-      return u();
-    },
-    get onprevious() {
-      return b();
-    }
-  }), R(h);
-}
-customElements.define("pie-item-mode-layout", z(
-  ye,
-  {
-    composition: { type: "Object" },
-    env: { type: "Object" },
-    toolbarPosition: { attribute: "toolbar-position", type: "String" },
-    showToolbar: { attribute: "show-toolbar", type: "Boolean" },
-    onnext: { type: "Object" },
-    onprevious: { type: "Object" }
-  },
-  [],
-  [],
-  { mode: "open" }
-));
-export {
-  ye as default
-};

package/dist/PieSplitPanelLayoutElement-GUtJ_NlF.js

@@ -1,246 +0,0 @@
-import { p as V, a as Y, b as y, u as ue, g as t, s as w, f as b, i as C, c as R, d as L, e as H, h as ve, t as k, j as U, k as _, l as Z, m as r, n as u, o as h, r as m, q as he, v as T, w as ge, x as _e, y as $, z as G, A as me, B as J } from "./pie-section-player-DJ5NcwdT.js";
-import { I as Q } from "./ItemRenderer-MsjF_Beu.js";
-var be = b("<pie-section-tools-toolbar></pie-section-tools-toolbar>", 2), fe = b('<div class="pie-section-player__passage-wrapper svelte-14py6x8"><!></div>'), xe = b('<aside aria-label="Reading passages"></aside> <button type="button" aria-label="Resize panels"><span class="pie-section-player__split-divider-handle svelte-14py6x8"></span></button>', 1), we = b('<div class="pie-section-player__item-wrapper svelte-14py6x8"><!></div>'), ke = b("<pie-section-tools-toolbar></pie-section-tools-toolbar>", 2), Te = b('<div><!> <div><!> <main aria-label="Assessment items"></main></div> <!></div>');
-const Pe = {
-  hash: "svelte-14py6x8",
-  code: `.pie-section-player__layout-shell.svelte-14py6x8 {display:flex;width:100%;height:100%;min-height:0;overflow:hidden;}.pie-section-player__layout-shell--top.svelte-14py6x8,
-	.pie-section-player__layout-shell--bottom.svelte-14py6x8,
-	.pie-section-player__layout-shell--none.svelte-14py6x8 {flex-direction:column;}.pie-section-player__layout-shell--left.svelte-14py6x8,
-	.pie-section-player__layout-shell--right.svelte-14py6x8 {flex-direction:row;}.pie-section-player__split-panel-layout.svelte-14py6x8 {display:grid;grid-template-rows:minmax(0, 1fr);padding:1rem;height:100%;flex:1;max-height:100%;min-height:0;overflow:hidden;gap:0;}.pie-section-player__split-panel-layout--no-passages.svelte-14py6x8 {padding:1rem;}.pie-section-player__split-panel-layout--no-passages.svelte-14py6x8 .pie-section-player__items-panel:where(.svelte-14py6x8) {padding:0;}.pie-section-player__passages-panel.svelte-14py6x8,
-	.pie-section-player__items-panel.svelte-14py6x8 {height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-height:0;min-width:0;
-		/* Firefox auto-hide scrollbar */scrollbar-width:auto;scrollbar-color:transparent transparent;}.pie-section-player__panel--scrolling.svelte-14py6x8 {scrollbar-color:var(--pie-blue-grey-300, #c1c1c1) var(--pie-secondary-background, #f1f1f1);}.pie-section-player__split-divider.svelte-14py6x8 {
-		/* Reset button defaults so it looks like a divider strip */border:none;padding:0;margin:0;font:inherit;
-		/* Fill grid cell height so the handle is vertically centered in the visible area */align-self:stretch;height:100%;min-height:0;position:relative;cursor:col-resize;background:var(--pie-secondary-background, #f3f4f6);display:flex;align-items:center;justify-content:center;user-select:none;touch-action:none;transition:background 0.2s ease;}.pie-section-player__split-divider.svelte-14py6x8:hover {background:var(--pie-border-light, #e5e7eb);}.pie-section-player__split-divider.svelte-14py6x8:focus {outline:2px solid var(--pie-focus-checked-border, #1976d2);outline-offset:-2px;}.pie-section-player__split-divider-handle.svelte-14py6x8 {
-		/* Absolutely centered in the divider button (matches develop behavior) */position:absolute;inset:0;margin:auto;width:6px;height:60px;background:var(--pie-blue-grey-600, #9ca3af);border-radius:3px;transition:all 0.2s ease;pointer-events:none;}.pie-section-player__split-divider-handle.svelte-14py6x8::before {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2px;height:20px;background:var(--pie-white, white);border-radius:1px;opacity:0.8;}.pie-section-player__split-divider.svelte-14py6x8:hover .pie-section-player__split-divider-handle:where(.svelte-14py6x8),
-	.pie-section-player__split-divider.svelte-14py6x8:focus .pie-section-player__split-divider-handle:where(.svelte-14py6x8),
-	.pie-section-player__split-divider--dragging.svelte-14py6x8 .pie-section-player__split-divider-handle:where(.svelte-14py6x8) {background:var(--pie-primary, #1976d2);height:80px;box-shadow:0 2px 8px rgba(25, 118, 210, 0.3);}.pie-section-player__split-divider--dragging.svelte-14py6x8 {background:var(--pie-primary-light, #dbeafe);}.pie-section-player__passages-panel.svelte-14py6x8 {display:flex;flex-direction:column;gap:1.5rem;}.pie-section-player__items-panel.svelte-14py6x8 {display:flex;flex-direction:column;gap:1.5rem;}.pie-section-player__item-wrapper.svelte-14py6x8 {flex-shrink:0;}.pie-section-player__passage-wrapper.svelte-14py6x8 {flex-shrink:0;}.pie-section-player__item-wrapper.svelte-14py6x8,
-	.pie-section-player__passage-wrapper.svelte-14py6x8 {padding:0.25rem;background:var(--pie-white, white);border:1px solid var(--pie-border-light, #e5e7eb);border-radius:6px;}
-
-	/* Mobile/Narrow: Fall back to vertical layout */
-	@media (max-width: 768px) {.pie-section-player__split-panel-layout.svelte-14py6x8 {grid-template-columns:1fr !important;gap:1rem;min-height:auto;padding:0.5rem;}.pie-section-player__split-divider.svelte-14py6x8 {display:none;}.pie-section-player__passages-panel.svelte-14py6x8,
-		.pie-section-player__items-panel.svelte-14py6x8 {height:auto;max-height:none;overflow-y:visible;}.pie-section-player__items-panel.svelte-14py6x8 {gap:1rem;}
-	}
-
-	/* Hide scrollbar by default - WebKit (Chrome, Safari, Edge) */.pie-section-player__passages-panel.svelte-14py6x8::-webkit-scrollbar,
-	.pie-section-player__items-panel.svelte-14py6x8::-webkit-scrollbar {width:0px;background:transparent;}
-
-	/* Show scrollbar while scrolling */.pie-section-player__panel--scrolling.svelte-14py6x8::-webkit-scrollbar {width:8px;}.pie-section-player__panel--scrolling.svelte-14py6x8::-webkit-scrollbar-track {background:var(--pie-secondary-background, #f1f1f1);border-radius:4px;}.pie-section-player__panel--scrolling.svelte-14py6x8::-webkit-scrollbar-thumb {background:var(--pie-blue-grey-300, #c1c1c1);border-radius:4px;}.pie-section-player__panel--scrolling.svelte-14py6x8::-webkit-scrollbar-thumb:hover {background:var(--pie-blue-grey-600, #a1a1a1);}`
-};
-function ee(f, a) {
-  V(a, !0), Y(f, Pe);
-  let n = y(a, "composition", 7), d = y(a, "env", 23, () => ({ mode: "gather", role: "student" })), s = y(a, "toolbarPosition", 7, "right"), v = y(a, "showToolbar", 7, !0), p = w(
-    50
-    // percentage
-  ), o = w(!1), P = w(null), M = w(!1), B = w(!1), D = null, I = null;
-  function te(e) {
-    e.preventDefault(), r(o, !0), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
-  }
-  function z(e) {
-    if (!t(o) || !t(P)) return;
-    const i = t(P).getBoundingClientRect(), l = (e.clientX - i.left) / i.width * 100;
-    l >= 20 && l <= 80 && r(p, l);
-  }
-  function K() {
-    t(o) && (r(o, !1), document.body.style.cursor = "", document.body.style.userSelect = "");
-  }
-  function ie(e) {
-    e.key === "ArrowLeft" ? (e.preventDefault(), r(p, Math.max(20, t(p) - 5), !0)) : e.key === "ArrowRight" && (e.preventDefault(), r(p, Math.min(80, t(p) + 5), !0));
-  }
-  function F(e) {
-    e === "passages" ? (r(M, !0), D && clearTimeout(D), D = setTimeout(
-      () => {
-        r(M, !1);
-      },
-      700
-    )) : (r(B, !0), I && clearTimeout(I), I = setTimeout(
-      () => {
-        r(B, !1);
-      },
-      700
-    ));
-  }
-  ue(() => {
-    if (t(o))
-      return window.addEventListener("mousemove", z), window.addEventListener("mouseup", K), () => {
-        window.removeEventListener("mousemove", z), window.removeEventListener("mouseup", K);
-      };
-  });
-  let N = h(() => n()?.passages || []), oe = h(() => n()?.items || []), se = h(() => n()?.itemSessionsByItemId || {}), j = h(() => t(N).length > 0), W = h(() => v() && s() !== "none"), X = h(() => s() === "top" || s() === "left");
-  var le = {
-    get composition() {
-      return n();
-    },
-    set composition(e) {
-      n(e), u();
-    },
-    get env() {
-      return d();
-    },
-    set env(e = { mode: "gather", role: "student" }) {
-      d(e), u();
-    },
-    get toolbarPosition() {
-      return s();
-    },
-    set toolbarPosition(e = "right") {
-      s(e), u();
-    },
-    get showToolbar() {
-      return v();
-    },
-    set showToolbar(e = !0) {
-      v(e), u();
-    }
-  }, S = Te(), O = L(S);
-  {
-    var ae = (e) => {
-      var i = be();
-      k(() => G(i, "position", s())), _(e, i);
-    };
-    C(O, (e) => {
-      t(W) && t(X) && e(ae);
-    });
-  }
-  var g = R(O, 2), q = L(g);
-  {
-    var re = (e) => {
-      var i = xe(), c = me(i);
-      H(c, 21, () => t(N), (x) => x.id, (x, de) => {
-        var A = fe(), ce = L(A);
-        {
-          let ye = h(() => ({ mode: "view", role: d().role }));
-          Q(ce, {
-            get item() {
-              return t(de);
-            },
-            contentKind: "rubric-block-stimulus",
-            get env() {
-              return t(ye);
-            },
-            customClassName: "pie-section-player__passage-item"
-          });
-        }
-        m(A), _(x, A);
-      }), m(c);
-      var l = R(c, 2);
-      k(() => {
-        T(c, 1, `pie-section-player__passages-panel ${t(M) ? "pie-section-player__panel--scrolling" : ""}`, "svelte-14py6x8"), T(l, 1, `pie-section-player__split-divider ${t(o) ? "pie-section-player__split-divider--dragging" : ""}`, "svelte-14py6x8");
-      }), U("scroll", c, () => F("passages")), J("mousedown", l, te), J("keydown", l, ie), _(e, i);
-    };
-    C(q, (e) => {
-      t(j) && e(re);
-    });
-  }
-  var E = R(q, 2);
-  H(E, 23, () => t(oe), (e, i) => e.id || i, (e, i, c) => {
-    var l = we(), x = L(l);
-    Q(x, {
-      get item() {
-        return t(i);
-      },
-      contentKind: "assessment-item",
-      get env() {
-        return d();
-      },
-      get session() {
-        return t(se)[t(i).id || ""];
-      },
-      customClassName: "pie-section-player__item-content"
-    }), m(l), k(() => he(l, "data-item-index", t(c))), _(e, l);
-  }), m(E), m(g), ve(g, (e) => r(P, e), () => t(P));
-  var ne = R(g, 2);
-  {
-    var pe = (e) => {
-      var i = ke();
-      k(() => G(i, "position", s())), _(e, i);
-    };
-    C(ne, (e) => {
-      t(W) && !t(X) && e(pe);
-    });
-  }
-  return m(S), k(() => {
-    T(S, 1, `pie-section-player__layout-shell pie-section-player__layout-shell--${s()}`, "svelte-14py6x8"), T(
-      g,
-      1,
-      `pie-section-player__split-panel-layout ${t(j) ? "" : "pie-section-player__split-panel-layout--no-passages"}`,
-      "svelte-14py6x8"
-    ), ge(g, t(j) ? `grid-template-columns: ${t(p)}% 0.5rem ${100 - t(p) - 0.5}%` : "grid-template-columns: 1fr"), T(E, 1, `pie-section-player__items-panel ${t(B) ? "pie-section-player__panel--scrolling" : ""}`, "svelte-14py6x8");
-  }), U("scroll", E, () => F("items")), _(f, S), Z(le);
-}
-_e(["mousedown", "keydown"]);
-$(
-  ee,
-  {
-    composition: {},
-    env: {},
-    toolbarPosition: {},
-    showToolbar: {}
-  },
-  [],
-  [],
-  { mode: "open" }
-);
-const Se = {
-  hash: "svelte-1x7cfjp",
-  code: `
-	/* Ensure the custom-element wrapper is a constrained block container. */pie-split-panel-layout {display:block;width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden;}:host {display:block;width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden;}`
-};
-function Ee(f, a) {
-  V(a, !0), Y(f, Se);
-  let n = y(a, "composition", 7), d = y(a, "env", 23, () => ({ mode: "gather", role: "student" })), s = y(a, "toolbarPosition", 7, "right"), v = y(a, "showToolbar", 7, !0);
-  var p = {
-    get composition() {
-      return n();
-    },
-    set composition(o) {
-      n(o), u();
-    },
-    get env() {
-      return d();
-    },
-    set env(o = { mode: "gather", role: "student" }) {
-      d(o), u();
-    },
-    get toolbarPosition() {
-      return s();
-    },
-    set toolbarPosition(o = "right") {
-      s(o), u();
-    },
-    get showToolbar() {
-      return v();
-    },
-    set showToolbar(o = !0) {
-      v(o), u();
-    }
-  };
-  return ee(f, {
-    get composition() {
-      return n();
-    },
-    get env() {
-      return d();
-    },
-    get toolbarPosition() {
-      return s();
-    },
-    get showToolbar() {
-      return v();
-    }
-  }), Z(p);
-}
-customElements.define("pie-split-panel-layout", $(
-  Ee,
-  {
-    composition: { type: "Object" },
-    env: { type: "Object" },
-    toolbarPosition: { attribute: "toolbar-position", type: "String" },
-    showToolbar: { attribute: "show-toolbar", type: "Boolean" }
-  },
-  [],
-  [],
-  { mode: "open" }
-));
-export {
-  Ee as default
-};