@mtngtools/frame-vue 0.0.13-experimental.0 → 0.0.15-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 (9) hide show
  1. package/dist/{LoggedInOut-BxF_n_wY.js → LoggedInOut-B7U4ixiv.js} +132 -132
  2. package/dist/components/live/LiveFrame/LiveFrame.vue.d.ts +2 -0
  3. package/dist/components/live/LiveFrame/LiveFrame.vue.d.ts.map +1 -1
  4. package/dist/components/live/LiveFrame/helpers.test.d.ts +48 -6
  5. package/dist/components/live/LiveFrame/helpers.test.d.ts.map +1 -1
  6. package/dist/components.js +1 -1
  7. package/dist/frame-vue.css +1 -1
  8. package/dist/index.js +1 -1
  9. package/package.json +1 -1
package/dist/{LoggedInOut-BxF_n_wY.js → LoggedInOut-B7U4ixiv.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { t as useSimpleLoggedIn } from "./useSimpleLoggedIn-CSv5Xy3J.js";
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";
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";
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 n = e, r = t, a = {
22
+ let r = e, i = t, o = {
23
23
  auto: "Auto",
24
24
  right: "Right",
25
25
  bottom: "Bottom",
26
26
  full: "Full",
27
27
  minimized: "Close"
28
- }, o = computed(() => a[n.state]), c = computed(() => {
29
- if (n.disabled) return "cursor-not-allowed border-neutral-700 text-neutral-500";
28
+ }, c = computed(() => o[r.state]), l = computed(() => {
29
+ if (r.disabled) return "cursor-not-allowed border-neutral-700 text-neutral-500";
30
30
  {
31
31
  let e = "cursor-pointer";
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`;
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`;
33
33
  }
34
34
  });
35
35
  function u() {
36
- n.disabled || r("click", n.state);
36
+ r.disabled || i("click", r.state);
37
37
  }
38
38
  return (t, n) => (openBlock(), createElementBlock("button", {
39
39
  type: "button",
40
40
  disabled: e.disabled,
41
- class: normalizeClass(c.value),
41
+ class: normalizeClass(l.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(o.value), 1)])], 10, _hoisted_1$4));
58
+ }, [renderSlot(t.$slots, "icon", { state: e.state }), renderSlot(t.$slots, "label", { state: e.state }, () => [createTextVNode(toDisplayString(c.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: 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);
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);
81
81
  function f(e) {
82
82
  l("setSidePanelMode", e);
83
83
  }
84
84
  function p() {
85
85
  l("closeSidePanel");
86
86
  }
87
- return (t, r) => u.value ? renderSlot(t.$slots, "default", {
87
+ return (n, s) => u.value ? renderSlot(n.$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: 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({
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({
160
160
  display: "flex",
161
- flex: f.value && !p.value ? "1 1 auto" : "0 1 auto",
161
+ flex: p.value && !m.value ? "1 1 auto" : "0 1 auto",
162
162
  minWidth: 0,
163
163
  minHeight: 0,
164
164
  alignItems: "center",
165
- justifyContent: f.value && !p.value ? "center" : "flex-start",
165
+ justifyContent: p.value && !m.value ? "center" : "flex-start",
166
166
  overflow: "hidden"
167
- }) }, [p.value ? renderSlot(t.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [f.value ? (openBlock(), createElementBlock("button", {
167
+ }) }, [m.value ? renderSlot(n.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [p.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: 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, {
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, {
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: r[1] ||= (e) => l("setSidePanelMode", e),
194
- onCloseSidePanel: r[2] ||= (e) => l("closeSidePanel")
193
+ onSetSidePanelMode: s[1] ||= (e) => l("setSidePanelMode", e),
194
+ onCloseSidePanel: s[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 n = e, r = t, a = computed(() => n.sidePanelModeResolved !== "none"), l = computed(() => n.sidePanelModeResolved === "minimized"), d = computed(() => {
251
+ let r = e, s = t, l = computed(() => r.sidePanelModeResolved !== "none"), u = computed(() => r.sidePanelModeResolved === "minimized"), p = 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 n.sidePanelModeResolved === "full" || n.sidePanelModeResolved === "right" || n.sidePanelModeResolved === "bottom" ? e : {
259
+ return r.sidePanelModeResolved === "full" || r.sidePanelModeResolved === "right" || r.sidePanelModeResolved === "bottom" ? e : {
260
260
  ...e,
261
261
  placeItems: "end center"
262
262
  };
263
- }), f = computed(() => {
264
- if (n.sidePanelModeResolved === "full") return {
263
+ }), m = computed(() => {
264
+ if (r.sidePanelModeResolved === "full") return {
265
265
  width: "100%",
266
266
  height: "100%"
267
267
  };
268
- if (n.sidePanelModeResolved === "right") return {
269
- minWidth: n.minWidth,
270
- maxWidth: n.maxWidth,
268
+ if (r.sidePanelModeResolved === "right") return {
269
+ minWidth: r.minWidth,
270
+ maxWidth: r.maxWidth,
271
271
  width: "100%"
272
272
  };
273
- if (n.sidePanelModeResolved === "bottom") return {
274
- minHeight: n.minHeight,
275
- maxHeight: n.maxHeight,
273
+ if (r.sidePanelModeResolved === "bottom") return {
274
+ minHeight: r.minHeight,
275
+ maxHeight: r.maxHeight,
276
276
  height: "100%",
277
277
  width: "100%"
278
278
  };
279
- }), m = computed(() => (n.sidePanelModeResolved === "full" && n.overlayOnly, {
279
+ }), h = computed(() => (r.sidePanelModeResolved === "full" && r.overlayOnly, {
280
280
  maxWidth: "100%",
281
281
  maxHeight: "100%",
282
282
  minHeight: 0,
283
283
  minWidth: 0,
284
284
  overflow: "hidden"
285
- })), h = computed(() => ({
285
+ })), g = computed(() => ({
286
286
  display: "grid",
287
287
  gridTemplateColumns: "1fr",
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", {
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", {
291
291
  "data-test": "side-panel-frame-shell",
292
- class: normalizeClass(g.value),
292
+ class: normalizeClass(_.value),
293
293
  style: normalizeStyle([
294
+ h.value,
294
295
  m.value,
295
- f.value,
296
- h.value
296
+ g.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) => r("setSidePanelMode", e),
305
- onCloseSidePanel: n[1] ||= (e) => r("closeSidePanel")
304
+ onSetSidePanelMode: n[0] ||= (e) => s("setSidePanelMode", e),
305
+ onCloseSidePanel: n[1] ||= (e) => s("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, !l.value]])], 6)], 4)])) : createCommentVNode("", !0);
312
+ ])]), withDirectives(createElementVNode("div", _hoisted_3, [renderSlot(t.$slots, "default")], 512), [[vShow, !u.value]])], 6)], 4)])) : createCommentVNode("", !0);
313
313
  }
314
314
  }), _hoisted_1 = {
315
315
  id: "header-outer",
@@ -341,7 +341,11 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
341
341
  sidePanelMaxBottom: { default: "30vh" },
342
342
  sidePanelMaxBottomTall: { default: "60vh" },
343
343
  headerHideWidthThreshold: { default: "50rem" },
344
- headerHideHeightThreshold: { default: "40rem" }
344
+ headerHideHeightThreshold: { default: "40rem" },
345
+ disableSidePanel: {
346
+ type: Boolean,
347
+ default: !1
348
+ }
345
349
  },
346
350
  emits: [
347
351
  "update:sidePanelPosition",
@@ -349,8 +353,8 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
349
353
  "sidePanelAvailableStates",
350
354
  "defaultSlotResize"
351
355
  ],
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);
356
+ setup(e, { emit: t }) {
357
+ 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);
354
358
  function ee() {
355
359
  let e = y.value;
356
360
  if (!e) return;
@@ -365,24 +369,20 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
365
369
  lg: 1024,
366
370
  xl: 1280,
367
371
  "2xl": 1536
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;
372
+ }, j = computed(() => !!h.sidePanelContent && !l.disableSidePanel), 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(() => {
373
+ let e = oe.value + se.value;
374
374
  return P.value >= e;
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);
375
+ }), le = computed(() => Math.max(0, P.value - ae.value)), ue = computed(() => {
376
+ if (E.value !== "bottom") return l.sidePanelMinBottom;
377
+ let e = J(l.sidePanelMinBottom, b.value, x.value), t = Math.min(e, L.value);
378
378
  return `${Math.max(0, Math.floor(t))}px`;
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
+ }), L = computed(() => {
380
+ let e = J(E.value === "bottom" && O.value === "tall-bottom" ? l.sidePanelMaxBottomTall : l.sidePanelMaxBottom, b.value, x.value);
381
+ return Math.max(0, Math.min(e, le.value));
382
+ }), 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 ? {
383
383
  opacity: 0,
384
384
  pointerEvents: "none"
385
- } : {}), R = computed(() => !j.value || F.value || E.value === "none" || E.value === "minimized" || E.value === "right" || E.value === "bottom" ? null : {
385
+ } : {}), z = computed(() => !j.value || F.value || E.value === "none" || E.value === "minimized" || E.value === "right" || E.value === "bottom" ? null : {
386
386
  position: "absolute",
387
387
  top: 0,
388
388
  right: 0,
@@ -390,16 +390,16 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
390
390
  left: 0,
391
391
  zIndex: 10,
392
392
  pointerEvents: "none"
393
- }), z = computed(() => !j.value || E.value === "none" || E.value === "full" ? { gridTemplate: "1fr / 1fr" } : E.value === "right" ? {
393
+ }), B = computed(() => !j.value || E.value === "none" || E.value === "full" ? { gridTemplate: "1fr / 1fr" } : E.value === "right" ? {
394
394
  gridTemplateRows: "1fr",
395
- gridTemplateColumns: `minmax(0, 1fr) max(${d.sidePanelMinRight}, ${re.value})`
395
+ gridTemplateColumns: `minmax(0, 1fr) max(${l.sidePanelMinRight}, ${ne.value})`
396
396
  } : E.value === "bottom" ? {
397
- gridTemplateRows: `minmax(0, 1fr) ${L.value}`,
397
+ gridTemplateRows: `minmax(0, 1fr) ${R.value}`,
398
398
  gridTemplateColumns: "1fr"
399
399
  } : E.value === "minimized" ? {
400
400
  gridTemplateRows: "1fr 34px",
401
401
  gridTemplateColumns: "1fr"
402
- } : { gridTemplate: "1fr / 1fr" }), pe = computed(() => {
402
+ } : { gridTemplate: "1fr / 1fr" }), fe = computed(() => {
403
403
  let e = {
404
404
  minWidth: 0,
405
405
  minHeight: 0,
@@ -425,7 +425,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
425
425
  gridColumn: "1 / 2",
426
426
  gridRow: "2 / 3"
427
427
  };
428
- }), me = computed(() => {
428
+ }), pe = computed(() => {
429
429
  let e = {
430
430
  position: "fixed",
431
431
  top: 0,
@@ -442,11 +442,11 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
442
442
  ...e,
443
443
  display: "block"
444
444
  };
445
- }), he = computed(() => M.value ? {
445
+ }), me = computed(() => M.value ? {
446
446
  position: "relative",
447
447
  zIndex: 0,
448
448
  display: "grid",
449
- ...z.value,
449
+ ...B.value,
450
450
  gridRow: "2 / 3",
451
451
  minWidth: 0,
452
452
  minHeight: 0,
@@ -455,7 +455,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
455
455
  position: "absolute",
456
456
  zIndex: 0,
457
457
  display: "grid",
458
- ...z.value,
458
+ ...B.value,
459
459
  minWidth: 0,
460
460
  minHeight: 0,
461
461
  overflow: "hidden",
@@ -463,8 +463,8 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
463
463
  right: "0",
464
464
  bottom: "0",
465
465
  left: "0"
466
- }), ge = computed(() => !F.value || k.value), B = null, V, H, U = null, W = "", G = !1;
467
- function K(e) {
466
+ }), he = computed(() => !F.value || k.value), V = null, H, U, W = null, G = "", K = !1;
467
+ function q(e) {
468
468
  let t = te[e];
469
469
  if (t !== void 0) return t;
470
470
  if (e.endsWith("px")) {
@@ -474,7 +474,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
474
474
  let n = Number.parseFloat(e);
475
475
  return Number.isFinite(n) ? n : 0;
476
476
  }
477
- function _e(e, t) {
477
+ function ge(e, t) {
478
478
  if (typeof e == "number") return Number.isFinite(e) && e > 0 ? e : t;
479
479
  let n = String(e).trim();
480
480
  if (n.includes("/")) {
@@ -484,7 +484,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
484
484
  let r = Number.parseFloat(n);
485
485
  return Number.isFinite(r) && r > 0 ? r : t;
486
486
  }
487
- function q(e, t, n) {
487
+ function J(e, t, n) {
488
488
  let r = e.trim();
489
489
  if (r.endsWith("px")) {
490
490
  let e = Number.parseFloat(r);
@@ -501,9 +501,9 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
501
501
  let i = Number.parseFloat(r);
502
502
  return Number.isFinite(i) ? i : 0;
503
503
  }
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", {
504
+ function _e() {
505
+ 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;
506
+ return n < l.autoBottomAspectRatioBreakpoint && a ? (O.value = "tall-bottom", {
507
507
  states: [
508
508
  "auto",
509
509
  "full",
@@ -511,7 +511,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
511
511
  "minimized"
512
512
  ],
513
513
  resolved: "bottom"
514
- }) : r > d.autoRightAspectRatioBreakpoint ? (O.value = "wide-right", {
514
+ }) : r > l.autoRightAspectRatioBreakpoint ? (O.value = "wide-right", {
515
515
  states: [
516
516
  "auto",
517
517
  "full",
@@ -542,14 +542,14 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
542
542
  resolved: "full"
543
543
  });
544
544
  }
545
- function ye(e, t, n) {
546
- e === t || t === "none" || !j.value || p("sidePanelTransition", {
545
+ function ve(e, t, n) {
546
+ e === t || t === "none" || !j.value || d("sidePanelTransition", {
547
547
  from: e,
548
548
  to: t,
549
549
  reason: n
550
550
  });
551
551
  }
552
- function J(e = !1) {
552
+ function Y(e = !1) {
553
553
  let t = {
554
554
  availableStates: j.value ? [...N.value] : [],
555
555
  sidePanelMode: j.value ? T.value : "none",
@@ -557,56 +557,56 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
557
557
  overlayOnly: F.value
558
558
  };
559
559
  if (!j.value) {
560
- if (G) return;
561
- G = !0, p("sidePanelAvailableStates", t);
560
+ if (K) return;
561
+ K = !0, d("sidePanelAvailableStates", t);
562
562
  return;
563
563
  }
564
- G = !1;
564
+ K = !1;
565
565
  let n = JSON.stringify(t);
566
- !e && n === W || (W = n, p("sidePanelAvailableStates", t));
566
+ !e && n === G || (G = n, d("sidePanelAvailableStates", t));
567
567
  }
568
- function be(e) {
568
+ function ye(e) {
569
569
  let t = E.value;
570
570
  if (!j.value) {
571
- T.value = "none", E.value = "none", D.value = [], J();
571
+ T.value = "none", E.value = "none", D.value = [], Y();
572
572
  return;
573
573
  }
574
- let n = ve();
574
+ let n = _e();
575
575
  D.value = n.states;
576
576
  let r = T.value === "none" ? "auto" : T.value;
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);
577
+ 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);
578
578
  }
579
- function Y(e, t = !1) {
580
- if (V &&= (clearTimeout(V), void 0), t || !A.value) {
581
- be(e);
579
+ function X(e, t = !1) {
580
+ if (H &&= (clearTimeout(H), void 0), t || !A.value) {
581
+ ye(e);
582
582
  return;
583
583
  }
584
- V = setTimeout(() => {
585
- be(e);
586
- }, d.layoutDebounceMs);
584
+ H = setTimeout(() => {
585
+ ye(e);
586
+ }, l.layoutDebounceMs);
587
587
  }
588
- function xe(e) {
588
+ function be(e) {
589
589
  if (!j.value) return;
590
590
  let t = D.value.includes(e) ? e : "auto";
591
- t !== T.value && (T.value = t, p("update:sidePanelPosition", t)), Y("set-side-panel-mode", !0);
592
- }
593
- function Se() {
594
- !j.value || !F.value || xe("minimized");
591
+ t !== T.value && (T.value = t, d("update:sidePanelPosition", t)), X("set-side-panel-mode", !0);
595
592
  }
596
- function X() {
597
- H &&= (clearTimeout(H), void 0);
593
+ function xe() {
594
+ !j.value || !F.value || be("minimized");
598
595
  }
599
596
  function Z() {
600
- if (X(), !F.value || ne.value || E.value === "none") {
597
+ U &&= (clearTimeout(U), void 0);
598
+ }
599
+ function Se() {
600
+ if (Z(), !F.value || I.value || E.value === "none") {
601
601
  k.value = !0;
602
602
  return;
603
603
  }
604
- H = setTimeout(() => {
604
+ U = setTimeout(() => {
605
605
  k.value = !1;
606
- }, d.autoHideTimeout);
606
+ }, l.autoHideTimeout);
607
607
  }
608
608
  function Q() {
609
- k.value = !0, Z();
609
+ k.value = !0, Se();
610
610
  }
611
611
  function Ce() {
612
612
  if (!_.value) return;
@@ -620,38 +620,38 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
620
620
  Q();
621
621
  };
622
622
  for (let n of e) _.value.addEventListener(n, t, { passive: !0 });
623
- U = () => {
623
+ W = () => {
624
624
  if (_.value) for (let n of e) _.value.removeEventListener(n, t);
625
625
  };
626
626
  }
627
627
  function $() {
628
- b.value = window.innerWidth, x.value = window.innerHeight, Y("viewport-resize");
628
+ b.value = window.innerWidth, x.value = window.innerHeight, X("viewport-resize");
629
629
  }
630
- return watch(() => d.sidePanelPosition, (e) => {
630
+ return watch(() => l.sidePanelPosition, (e) => {
631
631
  if (!j.value) {
632
632
  T.value = "none";
633
633
  return;
634
634
  }
635
- T.value = e, Y("prop-sync");
635
+ T.value = e, X("prop-sync");
636
636
  }, { immediate: !0 }), watch(j, (e) => {
637
637
  if (!e) {
638
- T.value = "none", E.value = "none", D.value = [], J();
638
+ T.value = "none", E.value = "none", D.value = [], Y();
639
639
  return;
640
640
  }
641
- T.value = d.sidePanelPosition, Y("slot-state-change", !0);
641
+ T.value = l.sidePanelPosition, X("slot-state-change", !0);
642
642
  }, { immediate: !0 }), watch(() => [
643
643
  F.value,
644
- d.autoHideTimeout,
644
+ l.autoHideTimeout,
645
645
  E.value
646
646
  ], () => {
647
647
  if (E.value === "full") {
648
- Z();
648
+ Se();
649
649
  return;
650
650
  }
651
651
  Q();
652
- }), watch(ne, (e, t) => {
652
+ }), watch(I, (e, t) => {
653
653
  if (e) {
654
- k.value = !0, X();
654
+ k.value = !0, Z();
655
655
  return;
656
656
  }
657
657
  t && Q();
@@ -661,21 +661,21 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
661
661
  E.value,
662
662
  j.value
663
663
  ], () => {
664
- !j.value || E.value === "none" || p("defaultSlotResize", {
664
+ !j.value || E.value === "none" || d("defaultSlotResize", {
665
665
  width: C.value,
666
666
  height: w.value
667
667
  });
668
668
  }), onMounted(async () => {
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);
669
+ A.value = !0, $(), window.addEventListener("resize", $), Ce(), Q(), await nextTick(), V = new ResizeObserver(() => {
670
+ S.value = v.value?.offsetHeight ?? 0, C.value = y.value?.offsetWidth ?? 0, w.value = y.value?.offsetHeight ?? 0, ee(), X("slot-measure");
671
+ }), 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);
672
672
  }), onBeforeUnmount(() => {
673
- window.removeEventListener("resize", $), U?.(), U = null, B?.disconnect(), B = null, X(), V &&= (clearTimeout(V), void 0);
673
+ window.removeEventListener("resize", $), W?.(), W = null, V?.disconnect(), V = null, Z(), H &&= (clearTimeout(H), void 0);
674
674
  }), (t, n) => (openBlock(), createElementBlock("section", {
675
675
  ref_key: "rootRef",
676
676
  ref: _,
677
677
  class: "bg-black text-neutral-100",
678
- style: normalizeStyle({ ...me.value })
678
+ style: normalizeStyle({ ...pe.value })
679
679
  }, [M.value ? withDirectives((openBlock(), createElementBlock("header", {
680
680
  key: 0,
681
681
  ref_key: "headerRef",
@@ -688,11 +688,11 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
688
688
  zIndex: 40
689
689
  }
690
690
  }, [(openBlock(), createBlock(resolveDynamicComponent("style"), null, {
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)]),
691
+ default: withCtx(() => [createTextVNode(" #header-outer { display: none; } @media (min-width: " + toDisplayString(l.headerHideWidthThreshold) + ") and (min-height: " + toDisplayString(l.headerHideHeightThreshold) + ") { #header-outer { display: block; } } ", 1)]),
692
692
  _: 1
693
- })), createElementVNode("div", _hoisted_1, [renderSlot(t.$slots, "header")])], 512)), [[vShow, ge.value]]) : createCommentVNode("", !0), createElementVNode("article", {
693
+ })), createElementVNode("div", _hoisted_1, [renderSlot(t.$slots, "header")])], 512)), [[vShow, he.value]]) : createCommentVNode("", !0), createElementVNode("article", {
694
694
  class: "",
695
- style: normalizeStyle({ ...he.value })
695
+ style: normalizeStyle({ ...me.value })
696
696
  }, [
697
697
  createElementVNode("main", {
698
698
  ref_key: "defaultRef",
@@ -710,14 +710,14 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
710
710
  gridColumn: "1 / 2",
711
711
  gridRow: "1 / 2",
712
712
  zIndex: 0,
713
- ...fe.value
713
+ ...de.value
714
714
  })
715
715
  }, [renderSlot(t.$slots, "default")], 4),
716
- R.value ? (openBlock(), createElementBlock("div", {
716
+ z.value ? (openBlock(), createElementBlock("div", {
717
717
  key: 0,
718
718
  class: "bg-black",
719
719
  style: normalizeStyle({
720
- ...R.value,
720
+ ...z.value,
721
721
  gridColumn: "1 / 2",
722
722
  gridRow: "1 / 2"
723
723
  })
@@ -725,18 +725,18 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
725
725
  j.value && E.value !== "none" ? (openBlock(), createElementBlock("div", {
726
726
  key: 1,
727
727
  class: "",
728
- style: normalizeStyle(pe.value)
728
+ style: normalizeStyle(fe.value)
729
729
  }, [createVNode(SidePanelFrame_default, {
730
730
  "side-panel-mode": T.value,
731
731
  "side-panel-mode-resolved": E.value,
732
732
  "available-states": N.value,
733
733
  "overlay-only": F.value,
734
734
  "min-width": e.sidePanelMinRight,
735
- "max-width": re.value,
736
- "min-height": de.value,
737
- "max-height": L.value,
738
- onSetSidePanelMode: xe,
739
- onCloseSidePanel: Se
735
+ "max-width": ne.value,
736
+ "min-height": ue.value,
737
+ "max-height": R.value,
738
+ onSetSidePanelMode: be,
739
+ onCloseSidePanel: xe
740
740
  }, {
741
741
  default: withCtx(() => [renderSlot(t.$slots, "sidePanelContent")]),
742
742
  _: 3
@@ -752,7 +752,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
752
752
  ])], 4)) : createCommentVNode("", !0)
753
753
  ], 4)], 4));
754
754
  }
755
- }), [["__scopeId", "data-v-4586dc0f"]]), LoggedInOut_default = /* @__PURE__ */ defineComponent({
755
+ }), [["__scopeId", "data-v-fe6e068c"]]), LoggedInOut_default = /* @__PURE__ */ defineComponent({
756
756
  __name: "LoggedInOut",
757
757
  props: {
758
758
  initiallyLoggedIn: { type: Boolean },
package/dist/components/live/LiveFrame/LiveFrame.vue.d.ts CHANGED
@@ -16,6 +16,7 @@ type __VLS_Props = {
16
16
  sidePanelMaxBottomTall?: string;
17
17
  headerHideWidthThreshold?: string;
18
18
  headerHideHeightThreshold?: string;
19
+ disableSidePanel?: boolean;
19
20
  };
20
21
  declare function __VLS_template(): {
21
22
  attrs: Partial<{}>;
@@ -65,6 +66,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
65
66
  sidePanelMaxBottomTall: string;
66
67
  headerHideWidthThreshold: string;
67
68
  headerHideHeightThreshold: string;
69
+ disableSidePanel: boolean;
68
70
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
69
71
  rootRef: HTMLElement;
70
72
  headerRef: HTMLElement;
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":"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"}
1
+ {"version":3,"file":"LiveFrame.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/live/LiveFrame/LiveFrame.vue"],"names":[],"mappings":"AAg2BA,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;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAC;AAquBJ,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;;;;;eAl4BmB,MAAM;gBAAU,MAAM;;;;;;;eAAtB,MAAM;gBAAU,MAAM;;;uBA7CtC,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;sBACf,OAAO;;;;;eAy6B5B,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
@@ -75,6 +75,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
75
75
  readonly sidePanelMaxBottomTall?: string | undefined;
76
76
  readonly headerHideWidthThreshold?: string | undefined;
77
77
  readonly headerHideHeightThreshold?: string | undefined;
78
+ readonly disableSidePanel?: boolean | undefined;
78
79
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
79
80
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
80
81
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -102,6 +103,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
102
103
  readonly sidePanelMaxBottomTall?: string | undefined;
103
104
  readonly headerHideWidthThreshold?: string | undefined;
104
105
  readonly headerHideHeightThreshold?: string | undefined;
106
+ readonly disableSidePanel?: boolean | undefined;
105
107
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
106
108
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
107
109
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -148,6 +150,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
148
150
  sidePanelMaxBottomTall?: string;
149
151
  headerHideWidthThreshold?: string;
150
152
  headerHideHeightThreshold?: string;
153
+ disableSidePanel?: boolean;
151
154
  }> & Readonly<{
152
155
  "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
153
156
  onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
@@ -181,6 +184,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
181
184
  sidePanelMaxBottomTall: string;
182
185
  headerHideWidthThreshold: string;
183
186
  headerHideHeightThreshold: string;
187
+ disableSidePanel: boolean;
184
188
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
185
189
  beforeCreate?: (() => void) | (() => void)[];
186
190
  created?: (() => void) | (() => void)[];
@@ -218,6 +222,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
218
222
  sidePanelMaxBottomTall: string;
219
223
  headerHideWidthThreshold: string;
220
224
  headerHideHeightThreshold: string;
225
+ disableSidePanel: boolean;
221
226
  }> & Omit<Readonly<{
222
227
  sidePanelPosition?: import('..').SidePanelModeSelectable;
223
228
  mainContentAspectRatio?: string | number;
@@ -235,6 +240,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
235
240
  sidePanelMaxBottomTall?: string;
236
241
  headerHideWidthThreshold?: string;
237
242
  headerHideHeightThreshold?: string;
243
+ disableSidePanel?: boolean;
238
244
  }> & Readonly<{
239
245
  "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
240
246
  onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
@@ -243,7 +249,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
243
249
  width: number;
244
250
  height: number;
245
251
  }) => 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 & {} & {
252
+ }>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold" | "disableSidePanel"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
247
253
  $slots: {
248
254
  header?(_: {}): any;
249
255
  default?(_: {}): any;
@@ -266,6 +272,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
266
272
  readonly sidePanelMaxBottomTall?: string | undefined;
267
273
  readonly headerHideWidthThreshold?: string | undefined;
268
274
  readonly headerHideHeightThreshold?: string | undefined;
275
+ readonly disableSidePanel?: boolean | undefined;
269
276
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
270
277
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
271
278
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -293,6 +300,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
293
300
  readonly sidePanelMaxBottomTall?: string | undefined;
294
301
  readonly headerHideWidthThreshold?: string | undefined;
295
302
  readonly headerHideHeightThreshold?: string | undefined;
303
+ readonly disableSidePanel?: boolean | undefined;
296
304
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
297
305
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
298
306
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -339,6 +347,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
339
347
  sidePanelMaxBottomTall?: string;
340
348
  headerHideWidthThreshold?: string;
341
349
  headerHideHeightThreshold?: string;
350
+ disableSidePanel?: boolean;
342
351
  }> & Readonly<{
343
352
  "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
344
353
  onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
@@ -372,6 +381,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
372
381
  sidePanelMaxBottomTall: string;
373
382
  headerHideWidthThreshold: string;
374
383
  headerHideHeightThreshold: string;
384
+ disableSidePanel: boolean;
375
385
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
376
386
  beforeCreate?: (() => void) | (() => void)[];
377
387
  created?: (() => void) | (() => void)[];
@@ -409,6 +419,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
409
419
  sidePanelMaxBottomTall: string;
410
420
  headerHideWidthThreshold: string;
411
421
  headerHideHeightThreshold: string;
422
+ disableSidePanel: boolean;
412
423
  }> & Omit<Readonly<{
413
424
  sidePanelPosition?: import('..').SidePanelModeSelectable;
414
425
  mainContentAspectRatio?: string | number;
@@ -426,6 +437,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
426
437
  sidePanelMaxBottomTall?: string;
427
438
  headerHideWidthThreshold?: string;
428
439
  headerHideHeightThreshold?: string;
440
+ disableSidePanel?: boolean;
429
441
  }> & Readonly<{
430
442
  "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
431
443
  onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
@@ -434,7 +446,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
434
446
  width: number;
435
447
  height: number;
436
448
  }) => 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 & {} & {
449
+ }>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold" | "disableSidePanel"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
438
450
  $slots: {
439
451
  header?(_: {}): any;
440
452
  default?(_: {}): any;
@@ -457,6 +469,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
457
469
  readonly sidePanelMaxBottomTall?: string | undefined;
458
470
  readonly headerHideWidthThreshold?: string | undefined;
459
471
  readonly headerHideHeightThreshold?: string | undefined;
472
+ readonly disableSidePanel?: boolean | undefined;
460
473
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
461
474
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
462
475
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -481,6 +494,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
481
494
  sidePanelMaxBottomTall?: string;
482
495
  headerHideWidthThreshold?: string;
483
496
  headerHideHeightThreshold?: string;
497
+ disableSidePanel?: boolean;
484
498
  } | "onUpdate:sidePanelPosition" | "onSidePanelTransition" | "onSidePanelAvailableStates" | "onDefaultSlotResize">>>;
485
499
  export declare function mountLiveFrame(): VueWrapper<{
486
500
  readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
@@ -499,6 +513,7 @@ export declare function mountLiveFrame(): VueWrapper<{
499
513
  readonly sidePanelMaxBottomTall?: string | undefined;
500
514
  readonly headerHideWidthThreshold?: string | undefined;
501
515
  readonly headerHideHeightThreshold?: string | undefined;
516
+ readonly disableSidePanel?: boolean | undefined;
502
517
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
503
518
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
504
519
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -526,6 +541,7 @@ export declare function mountLiveFrame(): VueWrapper<{
526
541
  readonly sidePanelMaxBottomTall?: string | undefined;
527
542
  readonly headerHideWidthThreshold?: string | undefined;
528
543
  readonly headerHideHeightThreshold?: string | undefined;
544
+ readonly disableSidePanel?: boolean | undefined;
529
545
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
530
546
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
531
547
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -572,6 +588,7 @@ export declare function mountLiveFrame(): VueWrapper<{
572
588
  sidePanelMaxBottomTall?: string;
573
589
  headerHideWidthThreshold?: string;
574
590
  headerHideHeightThreshold?: string;
591
+ disableSidePanel?: boolean;
575
592
  }> & Readonly<{
576
593
  "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
577
594
  onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
@@ -605,6 +622,7 @@ export declare function mountLiveFrame(): VueWrapper<{
605
622
  sidePanelMaxBottomTall: string;
606
623
  headerHideWidthThreshold: string;
607
624
  headerHideHeightThreshold: string;
625
+ disableSidePanel: boolean;
608
626
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
609
627
  beforeCreate?: (() => void) | (() => void)[];
610
628
  created?: (() => void) | (() => void)[];
@@ -642,6 +660,7 @@ export declare function mountLiveFrame(): VueWrapper<{
642
660
  sidePanelMaxBottomTall: string;
643
661
  headerHideWidthThreshold: string;
644
662
  headerHideHeightThreshold: string;
663
+ disableSidePanel: boolean;
645
664
  }> & Omit<Readonly<{
646
665
  sidePanelPosition?: import('..').SidePanelModeSelectable;
647
666
  mainContentAspectRatio?: string | number;
@@ -659,6 +678,7 @@ export declare function mountLiveFrame(): VueWrapper<{
659
678
  sidePanelMaxBottomTall?: string;
660
679
  headerHideWidthThreshold?: string;
661
680
  headerHideHeightThreshold?: string;
681
+ disableSidePanel?: boolean;
662
682
  }> & Readonly<{
663
683
  "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
664
684
  onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
@@ -667,7 +687,7 @@ export declare function mountLiveFrame(): VueWrapper<{
667
687
  width: number;
668
688
  height: number;
669
689
  }) => any) | undefined;
670
- }>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
690
+ }>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold" | "disableSidePanel"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
671
691
  $slots: {
672
692
  header?(_: {}): any;
673
693
  default?(_: {}): any;
@@ -690,6 +710,7 @@ export declare function mountLiveFrame(): VueWrapper<{
690
710
  readonly sidePanelMaxBottomTall?: string | undefined;
691
711
  readonly headerHideWidthThreshold?: string | undefined;
692
712
  readonly headerHideHeightThreshold?: string | undefined;
713
+ readonly disableSidePanel?: boolean | undefined;
693
714
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
694
715
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
695
716
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -717,6 +738,7 @@ export declare function mountLiveFrame(): VueWrapper<{
717
738
  readonly sidePanelMaxBottomTall?: string | undefined;
718
739
  readonly headerHideWidthThreshold?: string | undefined;
719
740
  readonly headerHideHeightThreshold?: string | undefined;
741
+ readonly disableSidePanel?: boolean | undefined;
720
742
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
721
743
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
722
744
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -763,6 +785,7 @@ export declare function mountLiveFrame(): VueWrapper<{
763
785
  sidePanelMaxBottomTall?: string;
764
786
  headerHideWidthThreshold?: string;
765
787
  headerHideHeightThreshold?: string;
788
+ disableSidePanel?: boolean;
766
789
  }> & Readonly<{
767
790
  "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
768
791
  onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
@@ -796,6 +819,7 @@ export declare function mountLiveFrame(): VueWrapper<{
796
819
  sidePanelMaxBottomTall: string;
797
820
  headerHideWidthThreshold: string;
798
821
  headerHideHeightThreshold: string;
822
+ disableSidePanel: boolean;
799
823
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
800
824
  beforeCreate?: (() => void) | (() => void)[];
801
825
  created?: (() => void) | (() => void)[];
@@ -833,6 +857,7 @@ export declare function mountLiveFrame(): VueWrapper<{
833
857
  sidePanelMaxBottomTall: string;
834
858
  headerHideWidthThreshold: string;
835
859
  headerHideHeightThreshold: string;
860
+ disableSidePanel: boolean;
836
861
  }> & Omit<Readonly<{
837
862
  sidePanelPosition?: import('..').SidePanelModeSelectable;
838
863
  mainContentAspectRatio?: string | number;
@@ -850,6 +875,7 @@ export declare function mountLiveFrame(): VueWrapper<{
850
875
  sidePanelMaxBottomTall?: string;
851
876
  headerHideWidthThreshold?: string;
852
877
  headerHideHeightThreshold?: string;
878
+ disableSidePanel?: boolean;
853
879
  }> & Readonly<{
854
880
  "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
855
881
  onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
@@ -858,7 +884,7 @@ export declare function mountLiveFrame(): VueWrapper<{
858
884
  width: number;
859
885
  height: number;
860
886
  }) => any) | undefined;
861
- }>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
887
+ }>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold" | "disableSidePanel"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
862
888
  $slots: {
863
889
  header?(_: {}): any;
864
890
  default?(_: {}): any;
@@ -881,6 +907,7 @@ export declare function mountLiveFrame(): VueWrapper<{
881
907
  readonly sidePanelMaxBottomTall?: string | undefined;
882
908
  readonly headerHideWidthThreshold?: string | undefined;
883
909
  readonly headerHideHeightThreshold?: string | undefined;
910
+ readonly disableSidePanel?: boolean | undefined;
884
911
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
885
912
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
886
913
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -905,6 +932,7 @@ export declare function mountLiveFrame(): VueWrapper<{
905
932
  sidePanelMaxBottomTall?: string;
906
933
  headerHideWidthThreshold?: string;
907
934
  headerHideHeightThreshold?: string;
935
+ disableSidePanel?: boolean;
908
936
  } | "onUpdate:sidePanelPosition" | "onSidePanelTransition" | "onSidePanelAvailableStates" | "onDefaultSlotResize">>>;
909
937
  export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
910
938
  readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
@@ -923,6 +951,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
923
951
  readonly sidePanelMaxBottomTall?: string | undefined;
924
952
  readonly headerHideWidthThreshold?: string | undefined;
925
953
  readonly headerHideHeightThreshold?: string | undefined;
954
+ readonly disableSidePanel?: boolean | undefined;
926
955
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
927
956
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
928
957
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -950,6 +979,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
950
979
  readonly sidePanelMaxBottomTall?: string | undefined;
951
980
  readonly headerHideWidthThreshold?: string | undefined;
952
981
  readonly headerHideHeightThreshold?: string | undefined;
982
+ readonly disableSidePanel?: boolean | undefined;
953
983
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
954
984
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
955
985
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -996,6 +1026,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
996
1026
  sidePanelMaxBottomTall?: string;
997
1027
  headerHideWidthThreshold?: string;
998
1028
  headerHideHeightThreshold?: string;
1029
+ disableSidePanel?: boolean;
999
1030
  }> & Readonly<{
1000
1031
  "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
1001
1032
  onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
@@ -1029,6 +1060,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1029
1060
  sidePanelMaxBottomTall: string;
1030
1061
  headerHideWidthThreshold: string;
1031
1062
  headerHideHeightThreshold: string;
1063
+ disableSidePanel: boolean;
1032
1064
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
1033
1065
  beforeCreate?: (() => void) | (() => void)[];
1034
1066
  created?: (() => void) | (() => void)[];
@@ -1066,6 +1098,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1066
1098
  sidePanelMaxBottomTall: string;
1067
1099
  headerHideWidthThreshold: string;
1068
1100
  headerHideHeightThreshold: string;
1101
+ disableSidePanel: boolean;
1069
1102
  }> & Omit<Readonly<{
1070
1103
  sidePanelPosition?: import('..').SidePanelModeSelectable;
1071
1104
  mainContentAspectRatio?: string | number;
@@ -1083,6 +1116,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1083
1116
  sidePanelMaxBottomTall?: string;
1084
1117
  headerHideWidthThreshold?: string;
1085
1118
  headerHideHeightThreshold?: string;
1119
+ disableSidePanel?: boolean;
1086
1120
  }> & Readonly<{
1087
1121
  "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
1088
1122
  onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
@@ -1091,7 +1125,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1091
1125
  width: number;
1092
1126
  height: number;
1093
1127
  }) => any) | undefined;
1094
- }>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
1128
+ }>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold" | "disableSidePanel"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
1095
1129
  $slots: {
1096
1130
  header?(_: {}): any;
1097
1131
  default?(_: {}): any;
@@ -1114,6 +1148,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1114
1148
  readonly sidePanelMaxBottomTall?: string | undefined;
1115
1149
  readonly headerHideWidthThreshold?: string | undefined;
1116
1150
  readonly headerHideHeightThreshold?: string | undefined;
1151
+ readonly disableSidePanel?: boolean | undefined;
1117
1152
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
1118
1153
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
1119
1154
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -1141,6 +1176,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1141
1176
  readonly sidePanelMaxBottomTall?: string | undefined;
1142
1177
  readonly headerHideWidthThreshold?: string | undefined;
1143
1178
  readonly headerHideHeightThreshold?: string | undefined;
1179
+ readonly disableSidePanel?: boolean | undefined;
1144
1180
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
1145
1181
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
1146
1182
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -1187,6 +1223,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1187
1223
  sidePanelMaxBottomTall?: string;
1188
1224
  headerHideWidthThreshold?: string;
1189
1225
  headerHideHeightThreshold?: string;
1226
+ disableSidePanel?: boolean;
1190
1227
  }> & Readonly<{
1191
1228
  "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
1192
1229
  onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
@@ -1220,6 +1257,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1220
1257
  sidePanelMaxBottomTall: string;
1221
1258
  headerHideWidthThreshold: string;
1222
1259
  headerHideHeightThreshold: string;
1260
+ disableSidePanel: boolean;
1223
1261
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
1224
1262
  beforeCreate?: (() => void) | (() => void)[];
1225
1263
  created?: (() => void) | (() => void)[];
@@ -1257,6 +1295,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1257
1295
  sidePanelMaxBottomTall: string;
1258
1296
  headerHideWidthThreshold: string;
1259
1297
  headerHideHeightThreshold: string;
1298
+ disableSidePanel: boolean;
1260
1299
  }> & Omit<Readonly<{
1261
1300
  sidePanelPosition?: import('..').SidePanelModeSelectable;
1262
1301
  mainContentAspectRatio?: string | number;
@@ -1274,6 +1313,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1274
1313
  sidePanelMaxBottomTall?: string;
1275
1314
  headerHideWidthThreshold?: string;
1276
1315
  headerHideHeightThreshold?: string;
1316
+ disableSidePanel?: boolean;
1277
1317
  }> & Readonly<{
1278
1318
  "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
1279
1319
  onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
@@ -1282,7 +1322,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1282
1322
  width: number;
1283
1323
  height: number;
1284
1324
  }) => any) | undefined;
1285
- }>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
1325
+ }>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold" | "disableSidePanel"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
1286
1326
  $slots: {
1287
1327
  header?(_: {}): any;
1288
1328
  default?(_: {}): any;
@@ -1305,6 +1345,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1305
1345
  readonly sidePanelMaxBottomTall?: string | undefined;
1306
1346
  readonly headerHideWidthThreshold?: string | undefined;
1307
1347
  readonly headerHideHeightThreshold?: string | undefined;
1348
+ readonly disableSidePanel?: boolean | undefined;
1308
1349
  readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
1309
1350
  readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
1310
1351
  readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
@@ -1329,6 +1370,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
1329
1370
  sidePanelMaxBottomTall?: string;
1330
1371
  headerHideWidthThreshold?: string;
1331
1372
  headerHideHeightThreshold?: string;
1373
+ disableSidePanel?: boolean;
1332
1374
  } | "onUpdate:sidePanelPosition" | "onSidePanelTransition" | "onSidePanelAvailableStates" | "onDefaultSlotResize">>>;
1333
1375
  export declare function setSizeClickButtonExpectToSeeButtons(describeLabel: string, size: LiveBrowserSize, controlButtonType: string, expectedButtons: string[]): MountAndRunScenariosConfig<VueWrapper>;
1334
1376
  /** Label of the frame header expand (auto) button when minimized (SidePanelHeader default title). */
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-BxF_n_wY.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-B7U4ixiv.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-4586dc0f-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-fe6e068c-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-BxF_n_wY.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-B7U4ixiv.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.13-experimental.0",
3
+ "version": "0.0.15-experimental.0",
4
4
  "description": "(Experimental) Vue.js component and composable library for mtngTOOLS",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",