@mtngtools/frame-vue 0.0.11-experimental.0 → 0.0.12-experimental.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/{LoggedInOut-CuuHlQde.js → LoggedInOut-BeHGjqd7.js} +132 -128
  2. package/dist/components/live/LiveFrame/LiveFrame.vue.d.ts.map +1 -1
  3. package/dist/components/live/LiveFrame/helpers.test.d.ts +424 -0
  4. package/dist/components/live/LiveFrame/helpers.test.d.ts.map +1 -1
  5. package/dist/components.js +1 -1
  6. package/dist/frame-vue.css +1 -1
  7. package/dist/index.js +1 -1
  8. package/package.json +1 -1
package/dist/{LoggedInOut-CuuHlQde.js → LoggedInOut-BeHGjqd7.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { t as useSimpleLoggedIn } from "./useSimpleLoggedIn-CSv5Xy3J.js";
2
- import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, vShow, watch, withCtx, withDirectives } from "vue";
2
+ import { Comment, Fragment, Text, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, vShow, watch, withCtx, withDirectives } from "vue";
3
3
  var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ */ defineComponent({
4
4
  __name: "SidePanelControlButton",
5
5
  props: {
@@ -19,26 +19,26 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
19
19
  },
20
20
  emits: ["click"],
21
21
  setup(e, { emit: t }) {
22
- let r = e, i = t, o = {
22
+ let n = e, r = t, a = {
23
23
  auto: "Auto",
24
24
  right: "Right",
25
25
  bottom: "Bottom",
26
26
  full: "Full",
27
27
  minimized: "Close"
28
- }, c = computed(() => o[r.state]), l = computed(() => {
29
- if (r.disabled) return "cursor-not-allowed border-neutral-700 text-neutral-500";
28
+ }, o = computed(() => a[n.state]), c = computed(() => {
29
+ if (n.disabled) return "cursor-not-allowed border-neutral-700 text-neutral-500";
30
30
  {
31
31
  let e = "cursor-pointer";
32
- return r.activeResolved ? `${e} text-accent-400/80 bg-accent/20 border-accent-900/10` : `${e} text-accent-200 bg-accent/50 hover:bg-accent/90 border-accent hover:text-white hover:border-white`;
32
+ return n.activeResolved ? `${e} text-accent-400/80 bg-accent/20 border-accent-900/10` : `${e} text-accent-200 bg-accent/50 hover:bg-accent/90 border-accent hover:text-white hover:border-white`;
33
33
  }
34
34
  });
35
35
  function u() {
36
- r.disabled || i("click", r.state);
36
+ n.disabled || r("click", n.state);
37
37
  }
38
38
  return (t, n) => (openBlock(), createElementBlock("button", {
39
39
  type: "button",
40
40
  disabled: e.disabled,
41
- class: normalizeClass(l.value),
41
+ class: normalizeClass(c.value),
42
42
  style: {
43
43
  display: "inline-flex",
44
44
  alignItems: "center",
@@ -55,7 +55,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
55
55
  textTransform: "uppercase"
56
56
  },
57
57
  onClick: u
58
- }, [renderSlot(t.$slots, "icon", { state: e.state }), renderSlot(t.$slots, "label", { state: e.state }, () => [createTextVNode(toDisplayString(c.value), 1)])], 10, _hoisted_1$4));
58
+ }, [renderSlot(t.$slots, "icon", { state: e.state }), renderSlot(t.$slots, "label", { state: e.state }, () => [createTextVNode(toDisplayString(o.value), 1)])], 10, _hoisted_1$4));
59
59
  }
60
60
  }), _hoisted_1$3 = {
61
61
  class: "",
@@ -76,15 +76,15 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
76
76
  }
77
77
  },
78
78
  emits: ["setSidePanelMode", "closeSidePanel"],
79
- setup(e, { emit: s }) {
80
- let c = e, l = s, u = computed(() => c.sidePanelModeResolved !== "none"), d = computed(() => c.overlayOnly && c.sidePanelModeResolved === "full" ? c.availableStates.includes("minimized") ? ["minimized"] : [] : c.availableStates);
79
+ setup(e, { emit: t }) {
80
+ let r = e, l = t, u = computed(() => r.sidePanelModeResolved !== "none"), d = computed(() => r.overlayOnly && r.sidePanelModeResolved === "full" ? r.availableStates.includes("minimized") ? ["minimized"] : [] : r.availableStates);
81
81
  function f(e) {
82
82
  l("setSidePanelMode", e);
83
83
  }
84
84
  function p() {
85
85
  l("closeSidePanel");
86
86
  }
87
- return (n, s) => u.value ? renderSlot(n.$slots, "default", {
87
+ return (t, r) => u.value ? renderSlot(t.$slots, "default", {
88
88
  key: 0,
89
89
  sidePanelMode: e.sidePanelMode,
90
90
  sidePanelModeResolved: e.sidePanelModeResolved,
@@ -154,17 +154,17 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
154
154
  availableStates: { default: () => [] }
155
155
  },
156
156
  emits: ["setSidePanelMode", "closeSidePanel"],
157
- setup(e, { emit: s }) {
158
- let c = e, l = s, u = useSlots(), d = computed(() => c.sidePanelModeResolved !== "none"), p = computed(() => c.sidePanelModeResolved === "minimized"), m = computed(() => !!u.default), h = computed(() => !!u.controls), g = computed(() => !p.value);
159
- return (n, s) => d.value ? (openBlock(), createElementBlock("header", _hoisted_1$2, [createElementVNode("div", { style: normalizeStyle({
157
+ setup(e, { emit: t }) {
158
+ let r = e, l = t, u = useSlots(), d = computed(() => r.sidePanelModeResolved !== "none"), f = computed(() => r.sidePanelModeResolved === "minimized"), p = computed(() => !!u.default), m = computed(() => !!u.controls), h = computed(() => !f.value);
159
+ return (t, r) => d.value ? (openBlock(), createElementBlock("header", _hoisted_1$2, [createElementVNode("div", { style: normalizeStyle({
160
160
  display: "flex",
161
- flex: p.value && !m.value ? "1 1 auto" : "0 1 auto",
161
+ flex: f.value && !p.value ? "1 1 auto" : "0 1 auto",
162
162
  minWidth: 0,
163
163
  minHeight: 0,
164
164
  alignItems: "center",
165
- justifyContent: p.value && !m.value ? "center" : "flex-start",
165
+ justifyContent: f.value && !p.value ? "center" : "flex-start",
166
166
  overflow: "hidden"
167
- }) }, [m.value ? renderSlot(n.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [p.value ? (openBlock(), createElementBlock("button", {
167
+ }) }, [p.value ? renderSlot(t.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [f.value ? (openBlock(), createElementBlock("button", {
168
168
  key: 0,
169
169
  type: "button",
170
170
  class: "text-accent-200 bg-accent/50 hover:bg-accent/90 border-accent hover:text-white hover:border-white",
@@ -183,15 +183,15 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
183
183
  lineHeight: "1.2rem",
184
184
  textTransform: "uppercase"
185
185
  },
186
- onClick: s[0] ||= (e) => l("setSidePanelMode", "auto")
187
- }, toDisplayString(e.title), 1)) : e.showTitleLabel ? (openBlock(), createElementBlock("h2", _hoisted_2$1, toDisplayString(e.title) + ": ", 1)) : createCommentVNode("", !0)], 64))], 4), h.value || g.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [renderSlot(n.$slots, "controls", {}, () => [g.value ? (openBlock(), createBlock(SidePanelButtonGroup_default, {
186
+ onClick: r[0] ||= (e) => l("setSidePanelMode", "auto")
187
+ }, toDisplayString(e.title), 1)) : e.showTitleLabel ? (openBlock(), createElementBlock("h2", _hoisted_2$1, toDisplayString(e.title) + ": ", 1)) : createCommentVNode("", !0)], 64))], 4), m.value || h.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [renderSlot(t.$slots, "controls", {}, () => [h.value ? (openBlock(), createBlock(SidePanelButtonGroup_default, {
188
188
  key: 0,
189
189
  "side-panel-mode": e.sidePanelMode,
190
190
  "side-panel-mode-resolved": e.sidePanelModeResolved,
191
191
  "available-states": e.availableStates,
192
192
  "overlay-only": e.overlayOnly,
193
- onSetSidePanelMode: s[1] ||= (e) => l("setSidePanelMode", e),
194
- onCloseSidePanel: s[2] ||= (e) => l("closeSidePanel")
193
+ onSetSidePanelMode: r[1] ||= (e) => l("setSidePanelMode", e),
194
+ onCloseSidePanel: r[2] ||= (e) => l("closeSidePanel")
195
195
  }, null, 8, [
196
196
  "side-panel-mode",
197
197
  "side-panel-mode-resolved",
@@ -248,7 +248,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
248
248
  },
249
249
  emits: ["setSidePanelMode", "closeSidePanel"],
250
250
  setup(e, { emit: t }) {
251
- let r = e, s = t, l = computed(() => r.sidePanelModeResolved !== "none"), u = computed(() => r.sidePanelModeResolved === "minimized"), p = computed(() => {
251
+ let n = e, r = t, a = computed(() => n.sidePanelModeResolved !== "none"), l = computed(() => n.sidePanelModeResolved === "minimized"), d = computed(() => {
252
252
  let e = {
253
253
  width: "100%",
254
254
  height: "100%",
@@ -256,44 +256,44 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
256
256
  overflow: "hidden",
257
257
  placeItems: "stretch"
258
258
  };
259
- return r.sidePanelModeResolved === "full" || r.sidePanelModeResolved === "right" || r.sidePanelModeResolved === "bottom" ? e : {
259
+ return n.sidePanelModeResolved === "full" || n.sidePanelModeResolved === "right" || n.sidePanelModeResolved === "bottom" ? e : {
260
260
  ...e,
261
261
  placeItems: "end center"
262
262
  };
263
- }), m = computed(() => {
264
- if (r.sidePanelModeResolved === "full") return {
263
+ }), f = computed(() => {
264
+ if (n.sidePanelModeResolved === "full") return {
265
265
  width: "100%",
266
266
  height: "100%"
267
267
  };
268
- if (r.sidePanelModeResolved === "right") return {
269
- minWidth: r.minWidth,
270
- maxWidth: r.maxWidth,
268
+ if (n.sidePanelModeResolved === "right") return {
269
+ minWidth: n.minWidth,
270
+ maxWidth: n.maxWidth,
271
271
  width: "100%"
272
272
  };
273
- if (r.sidePanelModeResolved === "bottom") return {
274
- minHeight: r.minHeight,
275
- maxHeight: r.maxHeight,
273
+ if (n.sidePanelModeResolved === "bottom") return {
274
+ minHeight: n.minHeight,
275
+ maxHeight: n.maxHeight,
276
276
  height: "100%",
277
277
  width: "100%"
278
278
  };
279
- }), h = computed(() => (r.sidePanelModeResolved === "full" && r.overlayOnly, {
279
+ }), m = computed(() => (n.sidePanelModeResolved === "full" && n.overlayOnly, {
280
280
  maxWidth: "100%",
281
281
  maxHeight: "100%",
282
282
  minHeight: 0,
283
283
  minWidth: 0,
284
284
  overflow: "hidden"
285
- })), g = computed(() => ({
285
+ })), h = computed(() => ({
286
286
  display: "grid",
287
287
  gridTemplateColumns: "1fr",
288
- gridTemplateRows: u.value ? "1.8rem" : "1.8rem minmax(0, 1fr)"
289
- })), _ = computed(() => r.overlayOnly ? "border-neutral-700 bg-black/95" : "");
290
- return (t, n) => l.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", { style: normalizeStyle(p.value) }, [createElementVNode("section", {
288
+ gridTemplateRows: l.value ? "1.8rem" : "1.8rem minmax(0, 1fr)"
289
+ })), g = computed(() => n.overlayOnly ? "border-neutral-700 bg-black/95" : "");
290
+ return (t, n) => a.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", { style: normalizeStyle(d.value) }, [createElementVNode("section", {
291
291
  "data-test": "side-panel-frame-shell",
292
- class: normalizeClass(_.value),
292
+ class: normalizeClass(g.value),
293
293
  style: normalizeStyle([
294
- h.value,
295
294
  m.value,
296
- g.value
295
+ f.value,
296
+ h.value
297
297
  ])
298
298
  }, [createElementVNode("div", _hoisted_2, [createVNode(SidePanelHeader_default, {
299
299
  "show-title-label": e.showTitleLabel,
@@ -301,15 +301,15 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
301
301
  "side-panel-mode-resolved": e.sidePanelModeResolved,
302
302
  "available-states": e.availableStates,
303
303
  "overlay-only": e.overlayOnly,
304
- onSetSidePanelMode: n[0] ||= (e) => s("setSidePanelMode", e),
305
- onCloseSidePanel: n[1] ||= (e) => s("closeSidePanel")
304
+ onSetSidePanelMode: n[0] ||= (e) => r("setSidePanelMode", e),
305
+ onCloseSidePanel: n[1] ||= (e) => r("closeSidePanel")
306
306
  }, null, 8, [
307
307
  "show-title-label",
308
308
  "side-panel-mode",
309
309
  "side-panel-mode-resolved",
310
310
  "available-states",
311
311
  "overlay-only"
312
- ])]), withDirectives(createElementVNode("div", _hoisted_3, [renderSlot(t.$slots, "default")], 512), [[vShow, !u.value]])], 6)], 4)])) : createCommentVNode("", !0);
312
+ ])]), withDirectives(createElementVNode("div", _hoisted_3, [renderSlot(t.$slots, "default")], 512), [[vShow, !l.value]])], 6)], 4)])) : createCommentVNode("", !0);
313
313
  }
314
314
  }), _hoisted_1 = {
315
315
  id: "header-outer",
@@ -349,8 +349,8 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
349
349
  "sidePanelAvailableStates",
350
350
  "defaultSlotResize"
351
351
  ],
352
- setup(e, { emit: t }) {
353
- let l = e, d = t, h = useSlots(), _ = ref(null), v = ref(null), y = ref(null), b = ref(0), x = ref(0), S = ref(0), C = ref(0), w = ref(0);
352
+ setup(e, { emit: n }) {
353
+ let d = e, p = n, g = useSlots(), _ = ref(null), v = ref(null), y = ref(null), b = ref(0), x = ref(0), S = ref(0), C = ref(0), w = ref(0);
354
354
  function ee() {
355
355
  let e = y.value;
356
356
  if (!e) return;
@@ -365,20 +365,24 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
365
365
  lg: 1024,
366
366
  xl: 1280,
367
367
  "2xl": 1536
368
- }, j = computed(() => !!h.sidePanelContent), M = computed(() => !!h.header), N = computed(() => D.value.filter((e) => e !== "auto")), P = computed(() => Math.max(0, x.value - S.value)), F = computed(() => b.value < q(l.controlsOverlayOnly)), I = computed(() => b.value === 0 ? !1 : P.value / b.value > 1.1), ne = computed(() => E.value === "right" && O.value === "wide-right" ? l.sidePanelMaxRightWide : l.sidePanelMaxRight), re = computed(() => ge(l.mainContentAspectRatio, 16 / 9)), ie = computed(() => C.value > 0 ? C.value : Math.max(1, b.value)), ae = computed(() => ie.value / re.value + 20), oe = computed(() => Math.max(1, b.value) / re.value), se = computed(() => J(l.sidePanelMinBottom, b.value, x.value)), ce = computed(() => {
369
- let e = oe.value + se.value;
368
+ }, j = computed(() => {
369
+ if (!g.sidePanelContent) return !1;
370
+ let e = g.sidePanelContent();
371
+ return e.length > 0 && e.some((e) => !(e.type === Comment || Array.isArray(e.children) && e.children.length === 0 || e.type === Text && !String(e.children).trim()));
372
+ }), M = computed(() => !!g.header), N = computed(() => D.value.filter((e) => e !== "auto")), P = computed(() => Math.max(0, x.value - S.value)), F = computed(() => b.value < K(d.controlsOverlayOnly)), ne = computed(() => b.value === 0 ? !1 : P.value / b.value > 1.1), re = computed(() => E.value === "right" && O.value === "wide-right" ? d.sidePanelMaxRightWide : d.sidePanelMaxRight), ie = computed(() => _e(d.mainContentAspectRatio, 16 / 9)), ae = computed(() => C.value > 0 ? C.value : Math.max(1, b.value)), oe = computed(() => ae.value / ie.value + 20), se = computed(() => Math.max(1, b.value) / ie.value), ce = computed(() => q(d.sidePanelMinBottom, b.value, x.value)), le = computed(() => {
373
+ let e = se.value + ce.value;
370
374
  return P.value >= e;
371
- }), le = computed(() => Math.max(0, P.value - ae.value)), ue = computed(() => {
372
- if (E.value !== "bottom") return l.sidePanelMinBottom;
373
- let e = J(l.sidePanelMinBottom, b.value, x.value), t = Math.min(e, L.value);
375
+ }), ue = computed(() => Math.max(0, P.value - oe.value)), de = computed(() => {
376
+ if (E.value !== "bottom") return d.sidePanelMinBottom;
377
+ let e = q(d.sidePanelMinBottom, b.value, x.value), t = Math.min(e, I.value);
374
378
  return `${Math.max(0, Math.floor(t))}px`;
375
- }), L = computed(() => {
376
- let e = J(E.value === "bottom" && O.value === "tall-bottom" ? l.sidePanelMaxBottomTall : l.sidePanelMaxBottom, b.value, x.value);
377
- return Math.max(0, Math.min(e, le.value));
378
- }), R = computed(() => E.value === "bottom" ? `${Math.max(0, Math.floor(L.value))}px` : l.sidePanelMaxBottom), de = computed(() => E.value === "right" || E.value === "bottom" ? {} : E.value === "full" && !F.value ? {
379
+ }), I = computed(() => {
380
+ let e = q(E.value === "bottom" && O.value === "tall-bottom" ? d.sidePanelMaxBottomTall : d.sidePanelMaxBottom, b.value, x.value);
381
+ return Math.max(0, Math.min(e, ue.value));
382
+ }), L = computed(() => E.value === "bottom" ? `${Math.max(0, Math.floor(I.value))}px` : d.sidePanelMaxBottom), fe = computed(() => E.value === "right" || E.value === "bottom" ? {} : E.value === "full" && !F.value ? {
379
383
  opacity: 0,
380
384
  pointerEvents: "none"
381
- } : {}), z = computed(() => !j.value || F.value || E.value === "none" || E.value === "minimized" || E.value === "right" || E.value === "bottom" ? null : {
385
+ } : {}), R = computed(() => !j.value || F.value || E.value === "none" || E.value === "minimized" || E.value === "right" || E.value === "bottom" ? null : {
382
386
  position: "absolute",
383
387
  top: 0,
384
388
  right: 0,
@@ -386,16 +390,16 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
386
390
  left: 0,
387
391
  zIndex: 10,
388
392
  pointerEvents: "none"
389
- }), B = computed(() => !j.value || E.value === "none" || E.value === "full" ? { gridTemplate: "1fr / 1fr" } : E.value === "right" ? {
393
+ }), z = computed(() => !j.value || E.value === "none" || E.value === "full" ? { gridTemplate: "1fr / 1fr" } : E.value === "right" ? {
390
394
  gridTemplateRows: "1fr",
391
- gridTemplateColumns: `minmax(0, 1fr) max(${l.sidePanelMinRight}, ${ne.value})`
395
+ gridTemplateColumns: `minmax(0, 1fr) max(${d.sidePanelMinRight}, ${re.value})`
392
396
  } : E.value === "bottom" ? {
393
- gridTemplateRows: `minmax(0, 1fr) ${R.value}`,
397
+ gridTemplateRows: `minmax(0, 1fr) ${L.value}`,
394
398
  gridTemplateColumns: "1fr"
395
399
  } : E.value === "minimized" ? {
396
400
  gridTemplateRows: "1fr 34px",
397
401
  gridTemplateColumns: "1fr"
398
- } : { gridTemplate: "1fr / 1fr" }), fe = computed(() => {
402
+ } : { gridTemplate: "1fr / 1fr" }), pe = computed(() => {
399
403
  let e = {
400
404
  minWidth: 0,
401
405
  minHeight: 0,
@@ -421,7 +425,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
421
425
  gridColumn: "1 / 2",
422
426
  gridRow: "2 / 3"
423
427
  };
424
- }), pe = computed(() => {
428
+ }), me = computed(() => {
425
429
  let e = {
426
430
  position: "fixed",
427
431
  top: 0,
@@ -438,11 +442,11 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
438
442
  ...e,
439
443
  display: "block"
440
444
  };
441
- }), me = computed(() => M.value ? {
445
+ }), he = computed(() => M.value ? {
442
446
  position: "relative",
443
447
  zIndex: 0,
444
448
  display: "grid",
445
- ...B.value,
449
+ ...z.value,
446
450
  gridRow: "2 / 3",
447
451
  minWidth: 0,
448
452
  minHeight: 0,
@@ -451,7 +455,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
451
455
  position: "absolute",
452
456
  zIndex: 0,
453
457
  display: "grid",
454
- ...B.value,
458
+ ...z.value,
455
459
  minWidth: 0,
456
460
  minHeight: 0,
457
461
  overflow: "hidden",
@@ -459,8 +463,8 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
459
463
  right: "0",
460
464
  bottom: "0",
461
465
  left: "0"
462
- }), he = computed(() => !F.value || k.value), V = null, H, U, W = null, G = "", K = !1;
463
- function q(e) {
466
+ }), ge = computed(() => !F.value || k.value), B = null, V, H, U = null, W = "", G = !1;
467
+ function K(e) {
464
468
  let t = te[e];
465
469
  if (t !== void 0) return t;
466
470
  if (e.endsWith("px")) {
@@ -470,7 +474,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
470
474
  let n = Number.parseFloat(e);
471
475
  return Number.isFinite(n) ? n : 0;
472
476
  }
473
- function ge(e, t) {
477
+ function _e(e, t) {
474
478
  if (typeof e == "number") return Number.isFinite(e) && e > 0 ? e : t;
475
479
  let n = String(e).trim();
476
480
  if (n.includes("/")) {
@@ -480,7 +484,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
480
484
  let r = Number.parseFloat(n);
481
485
  return Number.isFinite(r) && r > 0 ? r : t;
482
486
  }
483
- function J(e, t, n) {
487
+ function q(e, t, n) {
484
488
  let r = e.trim();
485
489
  if (r.endsWith("px")) {
486
490
  let e = Number.parseFloat(r);
@@ -497,9 +501,9 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
497
501
  let i = Number.parseFloat(r);
498
502
  return Number.isFinite(i) ? i : 0;
499
503
  }
500
- function _e() {
501
- let e = Math.max(1, b.value), t = Math.max(1, P.value), n = e / t, r = e / t, i = q(l.sidePanelBreakpoint), a = ce.value;
502
- return n < l.autoBottomAspectRatioBreakpoint && a ? (O.value = "tall-bottom", {
504
+ function ve() {
505
+ let e = Math.max(1, b.value), t = Math.max(1, P.value), n = e / t, r = e / t, i = K(d.sidePanelBreakpoint), a = le.value;
506
+ return n < d.autoBottomAspectRatioBreakpoint && a ? (O.value = "tall-bottom", {
503
507
  states: [
504
508
  "auto",
505
509
  "full",
@@ -507,7 +511,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
507
511
  "minimized"
508
512
  ],
509
513
  resolved: "bottom"
510
- }) : r > l.autoRightAspectRatioBreakpoint ? (O.value = "wide-right", {
514
+ }) : r > d.autoRightAspectRatioBreakpoint ? (O.value = "wide-right", {
511
515
  states: [
512
516
  "auto",
513
517
  "full",
@@ -538,14 +542,14 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
538
542
  resolved: "full"
539
543
  });
540
544
  }
541
- function ve(e, t, n) {
542
- e === t || t === "none" || !j.value || d("sidePanelTransition", {
545
+ function ye(e, t, n) {
546
+ e === t || t === "none" || !j.value || p("sidePanelTransition", {
543
547
  from: e,
544
548
  to: t,
545
549
  reason: n
546
550
  });
547
551
  }
548
- function Y(e = !1) {
552
+ function J(e = !1) {
549
553
  let t = {
550
554
  availableStates: j.value ? [...N.value] : [],
551
555
  sidePanelMode: j.value ? T.value : "none",
@@ -553,56 +557,56 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
553
557
  overlayOnly: F.value
554
558
  };
555
559
  if (!j.value) {
556
- if (K) return;
557
- K = !0, d("sidePanelAvailableStates", t);
560
+ if (G) return;
561
+ G = !0, p("sidePanelAvailableStates", t);
558
562
  return;
559
563
  }
560
- K = !1;
564
+ G = !1;
561
565
  let n = JSON.stringify(t);
562
- !e && n === G || (G = n, d("sidePanelAvailableStates", t));
566
+ !e && n === W || (W = n, p("sidePanelAvailableStates", t));
563
567
  }
564
- function ye(e) {
568
+ function be(e) {
565
569
  let t = E.value;
566
570
  if (!j.value) {
567
- T.value = "none", E.value = "none", D.value = [], Y();
571
+ T.value = "none", E.value = "none", D.value = [], J();
568
572
  return;
569
573
  }
570
- let n = _e();
574
+ let n = ve();
571
575
  D.value = n.states;
572
576
  let r = T.value === "none" ? "auto" : T.value;
573
- r !== "auto" && !D.value.includes(r) ? (T.value = "auto", d("update:sidePanelPosition", "auto")) : T.value = r, E.value = T.value === "auto" ? n.resolved : T.value, ve(t, E.value, e), Y(A.value === !1);
577
+ r !== "auto" && !D.value.includes(r) ? (T.value = "auto", p("update:sidePanelPosition", "auto")) : T.value = r, E.value = T.value === "auto" ? n.resolved : T.value, ye(t, E.value, e), J(A.value === !1);
574
578
  }
575
- function X(e, t = !1) {
576
- if (H &&= (clearTimeout(H), void 0), t || !A.value) {
577
- ye(e);
579
+ function Y(e, t = !1) {
580
+ if (V &&= (clearTimeout(V), void 0), t || !A.value) {
581
+ be(e);
578
582
  return;
579
583
  }
580
- H = setTimeout(() => {
581
- ye(e);
582
- }, l.layoutDebounceMs);
584
+ V = setTimeout(() => {
585
+ be(e);
586
+ }, d.layoutDebounceMs);
583
587
  }
584
- function be(e) {
588
+ function xe(e) {
585
589
  if (!j.value) return;
586
590
  let t = D.value.includes(e) ? e : "auto";
587
- t !== T.value && (T.value = t, d("update:sidePanelPosition", t)), X("set-side-panel-mode", !0);
591
+ t !== T.value && (T.value = t, p("update:sidePanelPosition", t)), Y("set-side-panel-mode", !0);
588
592
  }
589
- function xe() {
590
- !j.value || !F.value || be("minimized");
593
+ function Se() {
594
+ !j.value || !F.value || xe("minimized");
591
595
  }
592
- function Z() {
593
- U &&= (clearTimeout(U), void 0);
596
+ function X() {
597
+ H &&= (clearTimeout(H), void 0);
594
598
  }
595
- function Se() {
596
- if (Z(), !F.value || I.value || E.value === "none") {
599
+ function Z() {
600
+ if (X(), !F.value || ne.value || E.value === "none") {
597
601
  k.value = !0;
598
602
  return;
599
603
  }
600
- U = setTimeout(() => {
604
+ H = setTimeout(() => {
601
605
  k.value = !1;
602
- }, l.autoHideTimeout);
606
+ }, d.autoHideTimeout);
603
607
  }
604
608
  function Q() {
605
- k.value = !0, Se();
609
+ k.value = !0, Z();
606
610
  }
607
611
  function Ce() {
608
612
  if (!_.value) return;
@@ -616,38 +620,38 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
616
620
  Q();
617
621
  };
618
622
  for (let n of e) _.value.addEventListener(n, t, { passive: !0 });
619
- W = () => {
623
+ U = () => {
620
624
  if (_.value) for (let n of e) _.value.removeEventListener(n, t);
621
625
  };
622
626
  }
623
627
  function $() {
624
- b.value = window.innerWidth, x.value = window.innerHeight, X("viewport-resize");
628
+ b.value = window.innerWidth, x.value = window.innerHeight, Y("viewport-resize");
625
629
  }
626
- return watch(() => l.sidePanelPosition, (e) => {
630
+ return watch(() => d.sidePanelPosition, (e) => {
627
631
  if (!j.value) {
628
632
  T.value = "none";
629
633
  return;
630
634
  }
631
- T.value = e, X("prop-sync");
635
+ T.value = e, Y("prop-sync");
632
636
  }, { immediate: !0 }), watch(j, (e) => {
633
637
  if (!e) {
634
- T.value = "none", E.value = "none", D.value = [], Y();
638
+ T.value = "none", E.value = "none", D.value = [], J();
635
639
  return;
636
640
  }
637
- T.value = l.sidePanelPosition, X("slot-state-change", !0);
641
+ T.value = d.sidePanelPosition, Y("slot-state-change", !0);
638
642
  }, { immediate: !0 }), watch(() => [
639
643
  F.value,
640
- l.autoHideTimeout,
644
+ d.autoHideTimeout,
641
645
  E.value
642
646
  ], () => {
643
647
  if (E.value === "full") {
644
- Se();
648
+ Z();
645
649
  return;
646
650
  }
647
651
  Q();
648
- }), watch(I, (e, t) => {
652
+ }), watch(ne, (e, t) => {
649
653
  if (e) {
650
- k.value = !0, Z();
654
+ k.value = !0, X();
651
655
  return;
652
656
  }
653
657
  t && Q();
@@ -657,21 +661,21 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
657
661
  E.value,
658
662
  j.value
659
663
  ], () => {
660
- !j.value || E.value === "none" || d("defaultSlotResize", {
664
+ !j.value || E.value === "none" || p("defaultSlotResize", {
661
665
  width: C.value,
662
666
  height: w.value
663
667
  });
664
668
  }), onMounted(async () => {
665
- A.value = !0, $(), window.addEventListener("resize", $), Ce(), Q(), await nextTick(), V = new ResizeObserver(() => {
666
- S.value = v.value?.offsetHeight ?? 0, C.value = y.value?.offsetWidth ?? 0, w.value = y.value?.offsetHeight ?? 0, ee(), X("slot-measure");
667
- }), v.value && V.observe(v.value), y.value && (V.observe(y.value), C.value = y.value.offsetWidth, w.value = y.value.offsetHeight), S.value = v.value?.offsetHeight ?? 0, X("mounted", !0);
669
+ A.value = !0, $(), window.addEventListener("resize", $), Ce(), Q(), await nextTick(), B = new ResizeObserver(() => {
670
+ S.value = v.value?.offsetHeight ?? 0, C.value = y.value?.offsetWidth ?? 0, w.value = y.value?.offsetHeight ?? 0, ee(), Y("slot-measure");
671
+ }), v.value && B.observe(v.value), y.value && (B.observe(y.value), C.value = y.value.offsetWidth, w.value = y.value.offsetHeight), S.value = v.value?.offsetHeight ?? 0, Y("mounted", !0);
668
672
  }), onBeforeUnmount(() => {
669
- window.removeEventListener("resize", $), W?.(), W = null, V?.disconnect(), V = null, Z(), H &&= (clearTimeout(H), void 0);
673
+ window.removeEventListener("resize", $), U?.(), U = null, B?.disconnect(), B = null, X(), V &&= (clearTimeout(V), void 0);
670
674
  }), (t, n) => (openBlock(), createElementBlock("section", {
671
675
  ref_key: "rootRef",
672
676
  ref: _,
673
677
  class: "bg-black text-neutral-100",
674
- style: normalizeStyle({ ...pe.value })
678
+ style: normalizeStyle({ ...me.value })
675
679
  }, [M.value ? withDirectives((openBlock(), createElementBlock("header", {
676
680
  key: 0,
677
681
  ref_key: "headerRef",
@@ -684,11 +688,11 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
684
688
  zIndex: 40
685
689
  }
686
690
  }, [(openBlock(), createBlock(resolveDynamicComponent("style"), null, {
687
- default: withCtx(() => [createTextVNode(" #header-outer { display: none; } @media (min-width: " + toDisplayString(l.headerHideWidthThreshold) + ") and (min-height: " + toDisplayString(l.headerHideHeightThreshold) + ") { #header-outer { display: block; } } ", 1)]),
691
+ default: withCtx(() => [createTextVNode(" #header-outer { display: none; } @media (min-width: " + toDisplayString(d.headerHideWidthThreshold) + ") and (min-height: " + toDisplayString(d.headerHideHeightThreshold) + ") { #header-outer { display: block; } } ", 1)]),
688
692
  _: 1
689
- })), createElementVNode("div", _hoisted_1, [renderSlot(t.$slots, "header")])], 512)), [[vShow, he.value]]) : createCommentVNode("", !0), createElementVNode("article", {
693
+ })), createElementVNode("div", _hoisted_1, [renderSlot(t.$slots, "header")])], 512)), [[vShow, ge.value]]) : createCommentVNode("", !0), createElementVNode("article", {
690
694
  class: "",
691
- style: normalizeStyle({ ...me.value })
695
+ style: normalizeStyle({ ...he.value })
692
696
  }, [
693
697
  createElementVNode("main", {
694
698
  ref_key: "defaultRef",
@@ -706,33 +710,33 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
706
710
  gridColumn: "1 / 2",
707
711
  gridRow: "1 / 2",
708
712
  zIndex: 0,
709
- ...de.value
713
+ ...fe.value
710
714
  })
711
715
  }, [renderSlot(t.$slots, "default")], 4),
712
- z.value ? (openBlock(), createElementBlock("div", {
716
+ R.value ? (openBlock(), createElementBlock("div", {
713
717
  key: 0,
714
718
  class: "bg-black",
715
719
  style: normalizeStyle({
716
- ...z.value,
720
+ ...R.value,
717
721
  gridColumn: "1 / 2",
718
722
  gridRow: "1 / 2"
719
723
  })
720
724
  }, null, 4)) : createCommentVNode("", !0),
721
- t.$slots.sidePanelContent && E.value !== "none" ? (openBlock(), createElementBlock("div", {
725
+ j.value && E.value !== "none" ? (openBlock(), createElementBlock("div", {
722
726
  key: 1,
723
727
  class: "",
724
- style: normalizeStyle(fe.value)
728
+ style: normalizeStyle(pe.value)
725
729
  }, [createVNode(SidePanelFrame_default, {
726
730
  "side-panel-mode": T.value,
727
731
  "side-panel-mode-resolved": E.value,
728
732
  "available-states": N.value,
729
733
  "overlay-only": F.value,
730
734
  "min-width": e.sidePanelMinRight,
731
- "max-width": ne.value,
732
- "min-height": ue.value,
733
- "max-height": R.value,
734
- onSetSidePanelMode: be,
735
- onCloseSidePanel: xe
735
+ "max-width": re.value,
736
+ "min-height": de.value,
737
+ "max-height": L.value,
738
+ onSetSidePanelMode: xe,
739
+ onCloseSidePanel: Se
736
740
  }, {
737
741
  default: withCtx(() => [renderSlot(t.$slots, "sidePanelContent")]),
738
742
  _: 3
@@ -748,7 +752,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
748
752
  ])], 4)) : createCommentVNode("", !0)
749
753
  ], 4)], 4));
750
754
  }
751
- }), [["__scopeId", "data-v-1dc710d8"]]), LoggedInOut_default = /* @__PURE__ */ defineComponent({
755
+ }), [["__scopeId", "data-v-d0d55234"]]), LoggedInOut_default = /* @__PURE__ */ defineComponent({
752
756
  __name: "LoggedInOut",
753
757
  props: {
754
758
  initiallyLoggedIn: { type: Boolean },
package/dist/components/live/LiveFrame/LiveFrame.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LiveFrame.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/live/LiveFrame/LiveFrame.vue"],"names":[],"mappings":"AA81BA,OAAO,KAAK,EACV,+BAA+B,EAG/B,uBAAuB,EACvB,0BAA0B,EAC3B,MAAM,UAAU,CAAA;AAEjB,KAAK,WAAW,GAAG;IACf,iBAAiB,CAAC,EAAE,uBAAuB,CAAA;IAC3C,sBAAsB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxC,+BAA+B,CAAC,EAAE,MAAM,CAAA;IACxC,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,yBAAyB,CAAC,EAAE,MAAM,CAAA;CACnC,CAAC;AAmuBJ,iBAAS,cAAc;WAoJT,OAAO,IAA6B;;wBAftB,GAAG;yBACF,GAAG;kCACO,GAAG;;;;;;;;EAkBzC;AA8BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;eAh4BmB,MAAM;gBAAU,MAAM;;;;;;;eAAtB,MAAM;gBAAU,MAAM;;;uBA3CtC,uBAAuB;4BAClB,MAAM,GAAG,MAAM;qCACN,MAAM;oCACP,MAAM;yBACjB,MAAM;yBACN,MAAM;qBACV,MAAM;sBACL,MAAM;uBACL,MAAM;uBACN,MAAM;2BACF,MAAM;wBACT,MAAM;wBACN,MAAM;4BACF,MAAM;8BACJ,MAAM;+BACL,MAAM;;;;;eAs6BpC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"LiveFrame.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/live/LiveFrame/LiveFrame.vue"],"names":[],"mappings":"AAu2BA,OAAO,KAAK,EACV,+BAA+B,EAG/B,uBAAuB,EACvB,0BAA0B,EAC3B,MAAM,UAAU,CAAA;AAEjB,KAAK,WAAW,GAAG;IACf,iBAAiB,CAAC,EAAE,uBAAuB,CAAA;IAC3C,sBAAsB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxC,+BAA+B,CAAC,EAAE,MAAM,CAAA;IACxC,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,yBAAyB,CAAC,EAAE,MAAM,CAAA;CACnC,CAAC;AA4uBJ,iBAAS,cAAc;WAoJT,OAAO,IAA6B;;wBAftB,GAAG;yBACF,GAAG;kCACO,GAAG;;;;;;;;EAkBzC;AA+BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;eA14BmB,MAAM;gBAAU,MAAM;;;;;;;eAAtB,MAAM;gBAAU,MAAM;;;uBA3CtC,uBAAuB;4BAClB,MAAM,GAAG,MAAM;qCACN,MAAM;oCACP,MAAM;yBACjB,MAAM;yBACN,MAAM;qBACV,MAAM;sBACL,MAAM;uBACL,MAAM;uBACN,MAAM;2BACF,MAAM;wBACT,MAAM;wBACN,MAAM;4BACF,MAAM;8BACJ,MAAM;+BACL,MAAM;;;;;eAg7BpC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
package/dist/components/live/LiveFrame/helpers.test.d.ts CHANGED
@@ -58,6 +58,430 @@ export declare function buildScenarioExpectsFromBorderAssertions(assertions: Bor
58
58
  }): Array<LiveScenarioExpectation<VueWrapper>>;
59
59
  export declare function getControlButton(wrapper: VueWrapper, label: string): import('@vue/test-utils').DOMWrapper<HTMLButtonElement> | undefined;
60
60
  export declare function expectButtonsToBeVisible(wrapper: VueWrapper, labels: string[]): void;
61
+ export declare function mountLiveFrameWithProps(props: Record<string, unknown>, slots?: Record<string, any>): VueWrapper<{
62
+ readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
63
+ readonly mainContentAspectRatio?: string | number | undefined;
64
+ readonly autoBottomAspectRatioBreakpoint?: number | undefined;
65
+ readonly autoRightAspectRatioBreakpoint?: number | undefined;
66
+ readonly sidePanelBreakpoint?: string | undefined;
67
+ readonly controlsOverlayOnly?: string | undefined;
68
+ readonly autoHideTimeout?: number | undefined;
69
+ readonly layoutDebounceMs?: number | undefined;
70
+ readonly sidePanelMinRight?: string | undefined;
71
+ readonly sidePanelMaxRight?: string | undefined;
72
+ readonly sidePanelMaxRightWide?: string | undefined;
73
+ readonly sidePanelMinBottom?: string | undefined;
74
+ readonly sidePanelMaxBottom?: string | undefined;
75
+ readonly sidePanelMaxBottomTall?: string | undefined;
76
+ readonly headerHideWidthThreshold?: string | undefined;
77
+ readonly headerHideHeightThreshold?: string | undefined;
78
+ readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
79
+ readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
80
+ readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
81
+ readonly onDefaultSlotResize?: ((payload: {
82
+ width: number;
83
+ height: number;
84
+ }) => any) | undefined;
85
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
86
+ $: import('vue').ComponentInternalInstance;
87
+ $data: {};
88
+ $props: {
89
+ readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
90
+ readonly mainContentAspectRatio?: string | number | undefined;
91
+ readonly autoBottomAspectRatioBreakpoint?: number | undefined;
92
+ readonly autoRightAspectRatioBreakpoint?: number | undefined;
93
+ readonly sidePanelBreakpoint?: string | undefined;
94
+ readonly controlsOverlayOnly?: string | undefined;
95
+ readonly autoHideTimeout?: number | undefined;
96
+ readonly layoutDebounceMs?: number | undefined;
97
+ readonly sidePanelMinRight?: string | undefined;
98
+ readonly sidePanelMaxRight?: string | undefined;
99
+ readonly sidePanelMaxRightWide?: string | undefined;
100
+ readonly sidePanelMinBottom?: string | undefined;
101
+ readonly sidePanelMaxBottom?: string | undefined;
102
+ readonly sidePanelMaxBottomTall?: string | undefined;
103
+ readonly headerHideWidthThreshold?: string | undefined;
104
+ readonly headerHideHeightThreshold?: string | undefined;
105
+ readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
106
+ readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
107
+ readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
108
+ readonly onDefaultSlotResize?: ((payload: {
109
+ width: number;
110
+ height: number;
111
+ }) => any) | undefined;
112
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
113
+ $attrs: {
114
+ [x: string]: unknown;
115
+ };
116
+ $refs: {
117
+ [x: string]: unknown;
118
+ } & {
119
+ rootRef: HTMLElement;
120
+ headerRef: HTMLElement;
121
+ defaultRef: HTMLElement;
122
+ };
123
+ $slots: Readonly<{
124
+ [name: string]: import('vue').Slot<any> | undefined;
125
+ }>;
126
+ $root: import('vue').ComponentPublicInstance | null;
127
+ $parent: import('vue').ComponentPublicInstance | null;
128
+ $host: Element | null;
129
+ $emit: ((event: "update:sidePanelPosition", mode: import('..').SidePanelModeSelectable) => void) & ((event: "sidePanelTransition", payload: import('..').SidePanelTransitionPayload) => void) & ((event: "sidePanelAvailableStates", payload: import('..').SidePanelAvailableStatesPayload) => void) & ((event: "defaultSlotResize", payload: {
130
+ width: number;
131
+ height: number;
132
+ }) => void);
133
+ $el: HTMLElement;
134
+ $options: import('vue').ComponentOptionsBase<Readonly<{
135
+ sidePanelPosition?: import('..').SidePanelModeSelectable;
136
+ mainContentAspectRatio?: string | number;
137
+ autoBottomAspectRatioBreakpoint?: number;
138
+ autoRightAspectRatioBreakpoint?: number;
139
+ sidePanelBreakpoint?: string;
140
+ controlsOverlayOnly?: string;
141
+ autoHideTimeout?: number;
142
+ layoutDebounceMs?: number;
143
+ sidePanelMinRight?: string;
144
+ sidePanelMaxRight?: string;
145
+ sidePanelMaxRightWide?: string;
146
+ sidePanelMinBottom?: string;
147
+ sidePanelMaxBottom?: string;
148
+ sidePanelMaxBottomTall?: string;
149
+ headerHideWidthThreshold?: string;
150
+ headerHideHeightThreshold?: string;
151
+ }> & Readonly<{
152
+ "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
153
+ onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
154
+ onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
155
+ onDefaultSlotResize?: ((payload: {
156
+ width: number;
157
+ height: number;
158
+ }) => any) | undefined;
159
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
160
+ "update:sidePanelPosition": (mode: import('..').SidePanelModeSelectable) => any;
161
+ sidePanelTransition: (payload: import('..').SidePanelTransitionPayload) => any;
162
+ sidePanelAvailableStates: (payload: import('..').SidePanelAvailableStatesPayload) => any;
163
+ defaultSlotResize: (payload: {
164
+ width: number;
165
+ height: number;
166
+ }) => any;
167
+ }, string, {
168
+ sidePanelPosition: import('..').SidePanelModeSelectable;
169
+ mainContentAspectRatio: string | number;
170
+ autoBottomAspectRatioBreakpoint: number;
171
+ autoRightAspectRatioBreakpoint: number;
172
+ sidePanelBreakpoint: string;
173
+ controlsOverlayOnly: string;
174
+ autoHideTimeout: number;
175
+ layoutDebounceMs: number;
176
+ sidePanelMinRight: string;
177
+ sidePanelMaxRight: string;
178
+ sidePanelMaxRightWide: string;
179
+ sidePanelMinBottom: string;
180
+ sidePanelMaxBottom: string;
181
+ sidePanelMaxBottomTall: string;
182
+ headerHideWidthThreshold: string;
183
+ headerHideHeightThreshold: string;
184
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
185
+ beforeCreate?: (() => void) | (() => void)[];
186
+ created?: (() => void) | (() => void)[];
187
+ beforeMount?: (() => void) | (() => void)[];
188
+ mounted?: (() => void) | (() => void)[];
189
+ beforeUpdate?: (() => void) | (() => void)[];
190
+ updated?: (() => void) | (() => void)[];
191
+ activated?: (() => void) | (() => void)[];
192
+ deactivated?: (() => void) | (() => void)[];
193
+ beforeDestroy?: (() => void) | (() => void)[];
194
+ beforeUnmount?: (() => void) | (() => void)[];
195
+ destroyed?: (() => void) | (() => void)[];
196
+ unmounted?: (() => void) | (() => void)[];
197
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
198
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
199
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
200
+ };
201
+ $forceUpdate: () => void;
202
+ $nextTick: typeof nextTick;
203
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
204
+ } & Readonly<{
205
+ sidePanelPosition: import('..').SidePanelModeSelectable;
206
+ mainContentAspectRatio: string | number;
207
+ autoBottomAspectRatioBreakpoint: number;
208
+ autoRightAspectRatioBreakpoint: number;
209
+ sidePanelBreakpoint: string;
210
+ controlsOverlayOnly: string;
211
+ autoHideTimeout: number;
212
+ layoutDebounceMs: number;
213
+ sidePanelMinRight: string;
214
+ sidePanelMaxRight: string;
215
+ sidePanelMaxRightWide: string;
216
+ sidePanelMinBottom: string;
217
+ sidePanelMaxBottom: string;
218
+ sidePanelMaxBottomTall: string;
219
+ headerHideWidthThreshold: string;
220
+ headerHideHeightThreshold: string;
221
+ }> & Omit<Readonly<{
222
+ sidePanelPosition?: import('..').SidePanelModeSelectable;
223
+ mainContentAspectRatio?: string | number;
224
+ autoBottomAspectRatioBreakpoint?: number;
225
+ autoRightAspectRatioBreakpoint?: number;
226
+ sidePanelBreakpoint?: string;
227
+ controlsOverlayOnly?: string;
228
+ autoHideTimeout?: number;
229
+ layoutDebounceMs?: number;
230
+ sidePanelMinRight?: string;
231
+ sidePanelMaxRight?: string;
232
+ sidePanelMaxRightWide?: string;
233
+ sidePanelMinBottom?: string;
234
+ sidePanelMaxBottom?: string;
235
+ sidePanelMaxBottomTall?: string;
236
+ headerHideWidthThreshold?: string;
237
+ headerHideHeightThreshold?: string;
238
+ }> & Readonly<{
239
+ "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
240
+ onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
241
+ onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
242
+ onDefaultSlotResize?: ((payload: {
243
+ width: number;
244
+ height: number;
245
+ }) => any) | undefined;
246
+ }>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
247
+ $slots: {
248
+ header?(_: {}): any;
249
+ default?(_: {}): any;
250
+ sidePanelContent?(_: {}): any;
251
+ };
252
+ }, import('vue').ComponentPublicInstance<NonNullable<{
253
+ readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
254
+ readonly mainContentAspectRatio?: string | number | undefined;
255
+ readonly autoBottomAspectRatioBreakpoint?: number | undefined;
256
+ readonly autoRightAspectRatioBreakpoint?: number | undefined;
257
+ readonly sidePanelBreakpoint?: string | undefined;
258
+ readonly controlsOverlayOnly?: string | undefined;
259
+ readonly autoHideTimeout?: number | undefined;
260
+ readonly layoutDebounceMs?: number | undefined;
261
+ readonly sidePanelMinRight?: string | undefined;
262
+ readonly sidePanelMaxRight?: string | undefined;
263
+ readonly sidePanelMaxRightWide?: string | undefined;
264
+ readonly sidePanelMinBottom?: string | undefined;
265
+ readonly sidePanelMaxBottom?: string | undefined;
266
+ readonly sidePanelMaxBottomTall?: string | undefined;
267
+ readonly headerHideWidthThreshold?: string | undefined;
268
+ readonly headerHideHeightThreshold?: string | undefined;
269
+ readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
270
+ readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
271
+ readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
272
+ readonly onDefaultSlotResize?: ((payload: {
273
+ width: number;
274
+ height: number;
275
+ }) => any) | undefined;
276
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps>, {
277
+ $: import('vue').ComponentInternalInstance;
278
+ $data: {};
279
+ $props: {
280
+ readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
281
+ readonly mainContentAspectRatio?: string | number | undefined;
282
+ readonly autoBottomAspectRatioBreakpoint?: number | undefined;
283
+ readonly autoRightAspectRatioBreakpoint?: number | undefined;
284
+ readonly sidePanelBreakpoint?: string | undefined;
285
+ readonly controlsOverlayOnly?: string | undefined;
286
+ readonly autoHideTimeout?: number | undefined;
287
+ readonly layoutDebounceMs?: number | undefined;
288
+ readonly sidePanelMinRight?: string | undefined;
289
+ readonly sidePanelMaxRight?: string | undefined;
290
+ readonly sidePanelMaxRightWide?: string | undefined;
291
+ readonly sidePanelMinBottom?: string | undefined;
292
+ readonly sidePanelMaxBottom?: string | undefined;
293
+ readonly sidePanelMaxBottomTall?: string | undefined;
294
+ readonly headerHideWidthThreshold?: string | undefined;
295
+ readonly headerHideHeightThreshold?: string | undefined;
296
+ readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
297
+ readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
298
+ readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
299
+ readonly onDefaultSlotResize?: ((payload: {
300
+ width: number;
301
+ height: number;
302
+ }) => any) | undefined;
303
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
304
+ $attrs: {
305
+ [x: string]: unknown;
306
+ };
307
+ $refs: {
308
+ [x: string]: unknown;
309
+ } & {
310
+ rootRef: HTMLElement;
311
+ headerRef: HTMLElement;
312
+ defaultRef: HTMLElement;
313
+ };
314
+ $slots: Readonly<{
315
+ [name: string]: import('vue').Slot<any> | undefined;
316
+ }>;
317
+ $root: import('vue').ComponentPublicInstance | null;
318
+ $parent: import('vue').ComponentPublicInstance | null;
319
+ $host: Element | null;
320
+ $emit: ((event: "update:sidePanelPosition", mode: import('..').SidePanelModeSelectable) => void) & ((event: "sidePanelTransition", payload: import('..').SidePanelTransitionPayload) => void) & ((event: "sidePanelAvailableStates", payload: import('..').SidePanelAvailableStatesPayload) => void) & ((event: "defaultSlotResize", payload: {
321
+ width: number;
322
+ height: number;
323
+ }) => void);
324
+ $el: HTMLElement;
325
+ $options: import('vue').ComponentOptionsBase<Readonly<{
326
+ sidePanelPosition?: import('..').SidePanelModeSelectable;
327
+ mainContentAspectRatio?: string | number;
328
+ autoBottomAspectRatioBreakpoint?: number;
329
+ autoRightAspectRatioBreakpoint?: number;
330
+ sidePanelBreakpoint?: string;
331
+ controlsOverlayOnly?: string;
332
+ autoHideTimeout?: number;
333
+ layoutDebounceMs?: number;
334
+ sidePanelMinRight?: string;
335
+ sidePanelMaxRight?: string;
336
+ sidePanelMaxRightWide?: string;
337
+ sidePanelMinBottom?: string;
338
+ sidePanelMaxBottom?: string;
339
+ sidePanelMaxBottomTall?: string;
340
+ headerHideWidthThreshold?: string;
341
+ headerHideHeightThreshold?: string;
342
+ }> & Readonly<{
343
+ "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
344
+ onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
345
+ onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
346
+ onDefaultSlotResize?: ((payload: {
347
+ width: number;
348
+ height: number;
349
+ }) => any) | undefined;
350
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
351
+ "update:sidePanelPosition": (mode: import('..').SidePanelModeSelectable) => any;
352
+ sidePanelTransition: (payload: import('..').SidePanelTransitionPayload) => any;
353
+ sidePanelAvailableStates: (payload: import('..').SidePanelAvailableStatesPayload) => any;
354
+ defaultSlotResize: (payload: {
355
+ width: number;
356
+ height: number;
357
+ }) => any;
358
+ }, string, {
359
+ sidePanelPosition: import('..').SidePanelModeSelectable;
360
+ mainContentAspectRatio: string | number;
361
+ autoBottomAspectRatioBreakpoint: number;
362
+ autoRightAspectRatioBreakpoint: number;
363
+ sidePanelBreakpoint: string;
364
+ controlsOverlayOnly: string;
365
+ autoHideTimeout: number;
366
+ layoutDebounceMs: number;
367
+ sidePanelMinRight: string;
368
+ sidePanelMaxRight: string;
369
+ sidePanelMaxRightWide: string;
370
+ sidePanelMinBottom: string;
371
+ sidePanelMaxBottom: string;
372
+ sidePanelMaxBottomTall: string;
373
+ headerHideWidthThreshold: string;
374
+ headerHideHeightThreshold: string;
375
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
376
+ beforeCreate?: (() => void) | (() => void)[];
377
+ created?: (() => void) | (() => void)[];
378
+ beforeMount?: (() => void) | (() => void)[];
379
+ mounted?: (() => void) | (() => void)[];
380
+ beforeUpdate?: (() => void) | (() => void)[];
381
+ updated?: (() => void) | (() => void)[];
382
+ activated?: (() => void) | (() => void)[];
383
+ deactivated?: (() => void) | (() => void)[];
384
+ beforeDestroy?: (() => void) | (() => void)[];
385
+ beforeUnmount?: (() => void) | (() => void)[];
386
+ destroyed?: (() => void) | (() => void)[];
387
+ unmounted?: (() => void) | (() => void)[];
388
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
389
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
390
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
391
+ };
392
+ $forceUpdate: () => void;
393
+ $nextTick: typeof nextTick;
394
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
395
+ } & Readonly<{
396
+ sidePanelPosition: import('..').SidePanelModeSelectable;
397
+ mainContentAspectRatio: string | number;
398
+ autoBottomAspectRatioBreakpoint: number;
399
+ autoRightAspectRatioBreakpoint: number;
400
+ sidePanelBreakpoint: string;
401
+ controlsOverlayOnly: string;
402
+ autoHideTimeout: number;
403
+ layoutDebounceMs: number;
404
+ sidePanelMinRight: string;
405
+ sidePanelMaxRight: string;
406
+ sidePanelMaxRightWide: string;
407
+ sidePanelMinBottom: string;
408
+ sidePanelMaxBottom: string;
409
+ sidePanelMaxBottomTall: string;
410
+ headerHideWidthThreshold: string;
411
+ headerHideHeightThreshold: string;
412
+ }> & Omit<Readonly<{
413
+ sidePanelPosition?: import('..').SidePanelModeSelectable;
414
+ mainContentAspectRatio?: string | number;
415
+ autoBottomAspectRatioBreakpoint?: number;
416
+ autoRightAspectRatioBreakpoint?: number;
417
+ sidePanelBreakpoint?: string;
418
+ controlsOverlayOnly?: string;
419
+ autoHideTimeout?: number;
420
+ layoutDebounceMs?: number;
421
+ sidePanelMinRight?: string;
422
+ sidePanelMaxRight?: string;
423
+ sidePanelMaxRightWide?: string;
424
+ sidePanelMinBottom?: string;
425
+ sidePanelMaxBottom?: string;
426
+ sidePanelMaxBottomTall?: string;
427
+ headerHideWidthThreshold?: string;
428
+ headerHideHeightThreshold?: string;
429
+ }> & Readonly<{
430
+ "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
431
+ onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
432
+ onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
433
+ onDefaultSlotResize?: ((payload: {
434
+ width: number;
435
+ height: number;
436
+ }) => any) | undefined;
437
+ }>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
438
+ $slots: {
439
+ header?(_: {}): any;
440
+ default?(_: {}): any;
441
+ sidePanelContent?(_: {}): any;
442
+ };
443
+ } & Omit<NonNullable<{
444
+ readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
445
+ readonly mainContentAspectRatio?: string | number | undefined;
446
+ readonly autoBottomAspectRatioBreakpoint?: number | undefined;
447
+ readonly autoRightAspectRatioBreakpoint?: number | undefined;
448
+ readonly sidePanelBreakpoint?: string | undefined;
449
+ readonly controlsOverlayOnly?: string | undefined;
450
+ readonly autoHideTimeout?: number | undefined;
451
+ readonly layoutDebounceMs?: number | undefined;
452
+ readonly sidePanelMinRight?: string | undefined;
453
+ readonly sidePanelMaxRight?: string | undefined;
454
+ readonly sidePanelMaxRightWide?: string | undefined;
455
+ readonly sidePanelMinBottom?: string | undefined;
456
+ readonly sidePanelMaxBottom?: string | undefined;
457
+ readonly sidePanelMaxBottomTall?: string | undefined;
458
+ readonly headerHideWidthThreshold?: string | undefined;
459
+ readonly headerHideHeightThreshold?: string | undefined;
460
+ readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
461
+ readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
462
+ readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
463
+ readonly onDefaultSlotResize?: ((payload: {
464
+ width: number;
465
+ height: number;
466
+ }) => any) | undefined;
467
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps>, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps | keyof {
468
+ sidePanelPosition?: import('..').SidePanelModeSelectable;
469
+ mainContentAspectRatio?: string | number;
470
+ autoBottomAspectRatioBreakpoint?: number;
471
+ autoRightAspectRatioBreakpoint?: number;
472
+ sidePanelBreakpoint?: string;
473
+ controlsOverlayOnly?: string;
474
+ autoHideTimeout?: number;
475
+ layoutDebounceMs?: number;
476
+ sidePanelMinRight?: string;
477
+ sidePanelMaxRight?: string;
478
+ sidePanelMaxRightWide?: string;
479
+ sidePanelMinBottom?: string;
480
+ sidePanelMaxBottom?: string;
481
+ sidePanelMaxBottomTall?: string;
482
+ headerHideWidthThreshold?: string;
483
+ headerHideHeightThreshold?: string;
484
+ } | "onUpdate:sidePanelPosition" | "onSidePanelTransition" | "onSidePanelAvailableStates" | "onDefaultSlotResize">>>;
61
485
  export declare function mountLiveFrame(): VueWrapper<{
62
486
  readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
63
487
  readonly mainContentAspectRatio?: string | number | undefined;
package/dist/components/live/LiveFrame/helpers.test.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.test.d.ts","sourceRoot":"","sources":["../../../../src/components/live/LiveFrame/helpers.test.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"helpers.test.d.ts","sourceRoot":"","sources":["../../../../src/components/live/LiveFrame/helpers.test.ts"],"names":[],"mappings":"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"}
package/dist/components.js CHANGED
@@ -1,3 +1,3 @@
1
- import { a as SidePanelButtonGroup_default, i as SidePanelHeader_default, n as LiveFrame_default, o as SidePanelControlButton_default, r as SidePanelFrame_default, t as LoggedInOut_default } from "./LoggedInOut-CuuHlQde.js";
1
+ import { a as SidePanelButtonGroup_default, i as SidePanelHeader_default, n as LiveFrame_default, o as SidePanelControlButton_default, r as SidePanelFrame_default, t as LoggedInOut_default } from "./LoggedInOut-BeHGjqd7.js";
2
2
  import "./useSimpleLoggedIn-CSv5Xy3J.js";
3
3
  export { LiveFrame_default as LiveFrame, LoggedInOut_default as LoggedInOut, SidePanelButtonGroup_default as SidePanelButtonGroup, SidePanelControlButton_default as SidePanelControlButton, SidePanelFrame_default as SidePanelFrame, SidePanelHeader_default as SidePanelHeader };
package/dist/frame-vue.css CHANGED
@@ -1,2 +1,2 @@
1
- .slot-content-container>[data-v-1dc710d8-s]{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:100%!important;display:block!important}
1
+ .slot-content-container>[data-v-d0d55234-s]{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:100%!important;display:block!important}
2
2
  /*$vite$:1*/
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { a as SidePanelButtonGroup_default, i as SidePanelHeader_default, n as LiveFrame_default, o as SidePanelControlButton_default, r as SidePanelFrame_default, t as LoggedInOut_default } from "./LoggedInOut-CuuHlQde.js";
1
+ import { a as SidePanelButtonGroup_default, i as SidePanelHeader_default, n as LiveFrame_default, o as SidePanelControlButton_default, r as SidePanelFrame_default, t as LoggedInOut_default } from "./LoggedInOut-BeHGjqd7.js";
2
2
  import { t as useSimpleLoggedIn } from "./useSimpleLoggedIn-CSv5Xy3J.js";
3
3
  import "./components.js";
4
4
  import "./composables.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mtngtools/frame-vue",
3
- "version": "0.0.11-experimental.0",
3
+ "version": "0.0.12-experimental.0",
4
4
  "description": "(Experimental) Vue.js component and composable library for mtngTOOLS",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",