@mtngtools/frame-vue 0.0.14-experimental.0 → 0.0.17-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.
- package/dist/{LoggedInOut-BwX5tOPA.js → LoggedInOut-BTGgPGqa.js} +11 -6
- package/dist/components/live/LiveFrame/LiveFrame.vue.d.ts +3 -0
- package/dist/components/live/LiveFrame/LiveFrame.vue.d.ts.map +1 -1
- package/dist/components/live/LiveFrame/helpers.test.d.ts +80 -6
- package/dist/components/live/LiveFrame/helpers.test.d.ts.map +1 -1
- package/dist/components.js +1 -1
- package/dist/frame-vue.css +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -341,7 +341,12 @@ 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
|
+
},
|
|
349
|
+
enforceSlotSizingQuerySelector: {}
|
|
345
350
|
},
|
|
346
351
|
emits: [
|
|
347
352
|
"update:sidePanelPosition",
|
|
@@ -354,9 +359,9 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
|
|
|
354
359
|
function ee() {
|
|
355
360
|
let e = y.value;
|
|
356
361
|
if (!e) return;
|
|
357
|
-
let t = Array.from(e.children), n = `${w.value}px`;
|
|
358
|
-
t.forEach((e) => {
|
|
359
|
-
e.style.height !== n && (e.style.height = n);
|
|
362
|
+
let t = l.enforceSlotSizingQuerySelector ? Array.from(e.querySelectorAll(l.enforceSlotSizingQuerySelector)) : Array.from(e.children), n = `${w.value}px`;
|
|
363
|
+
console.debug("enforceSlotChildSizing", l.enforceSlotSizingQuerySelector, n), t.forEach((e) => {
|
|
364
|
+
e.style.height !== n && (e.style.height = n, console.debug("enforceSlotChildSizing", e, n));
|
|
360
365
|
});
|
|
361
366
|
}
|
|
362
367
|
let T = ref("none"), E = ref("none"), D = ref([]), O = ref("none"), k = ref(!0), A = ref(!1), te = {
|
|
@@ -365,7 +370,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
|
|
|
365
370
|
lg: 1024,
|
|
366
371
|
xl: 1280,
|
|
367
372
|
"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(() => {
|
|
373
|
+
}, 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(() => {
|
|
369
374
|
let e = oe.value + se.value;
|
|
370
375
|
return P.value >= e;
|
|
371
376
|
}), le = computed(() => Math.max(0, P.value - ae.value)), ue = computed(() => {
|
|
@@ -748,7 +753,7 @@ var _hoisted_1$4 = ["disabled"], SidePanelControlButton_default = /* @__PURE__ *
|
|
|
748
753
|
])], 4)) : createCommentVNode("", !0)
|
|
749
754
|
], 4)], 4));
|
|
750
755
|
}
|
|
751
|
-
}), [["__scopeId", "data-v-
|
|
756
|
+
}), [["__scopeId", "data-v-e384bccd"]]), LoggedInOut_default = /* @__PURE__ */ defineComponent({
|
|
752
757
|
__name: "LoggedInOut",
|
|
753
758
|
props: {
|
|
754
759
|
initiallyLoggedIn: { type: Boolean },
|
|
@@ -16,6 +16,8 @@ type __VLS_Props = {
|
|
|
16
16
|
sidePanelMaxBottomTall?: string;
|
|
17
17
|
headerHideWidthThreshold?: string;
|
|
18
18
|
headerHideHeightThreshold?: string;
|
|
19
|
+
disableSidePanel?: boolean;
|
|
20
|
+
enforceSlotSizingQuerySelector?: string;
|
|
19
21
|
};
|
|
20
22
|
declare function __VLS_template(): {
|
|
21
23
|
attrs: Partial<{}>;
|
|
@@ -65,6 +67,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
65
67
|
sidePanelMaxBottomTall: string;
|
|
66
68
|
headerHideWidthThreshold: string;
|
|
67
69
|
headerHideHeightThreshold: string;
|
|
70
|
+
disableSidePanel: boolean;
|
|
68
71
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
69
72
|
rootRef: HTMLElement;
|
|
70
73
|
headerRef: HTMLElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LiveFrame.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/live/LiveFrame/LiveFrame.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LiveFrame.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/live/LiveFrame/LiveFrame.vue"],"names":[],"mappings":"AAs2BA,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;IAC1B,8BAA8B,CAAC,EAAE,MAAM,CAAA;CACxC,CAAC;AA0uBJ,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;;;;;eAv4BmB,MAAM;gBAAU,MAAM;;;;;;;eAAtB,MAAM;gBAAU,MAAM;;;uBA9CtC,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;;;;;eA+6B5B,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"}
|
|
@@ -2,6 +2,8 @@ import { nextTick } from 'vue';
|
|
|
2
2
|
import { VueWrapper } from '@vue/test-utils';
|
|
3
3
|
import { LiveBrowserSize, LiveScenarioExpectation, MountAndRunScenariosConfig } from '../spec/test-utils/liveScenarioRunner';
|
|
4
4
|
export declare class ResizeObserverMock {
|
|
5
|
+
static callback: ((entries: any[]) => void) | null;
|
|
6
|
+
constructor(cb: (entries: any[]) => void);
|
|
5
7
|
observe(): void;
|
|
6
8
|
disconnect(): void;
|
|
7
9
|
unobserve(): void;
|
|
@@ -75,6 +77,8 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
75
77
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
76
78
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
77
79
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
80
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
81
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
78
82
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
79
83
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
80
84
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -102,6 +106,8 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
102
106
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
103
107
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
104
108
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
109
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
110
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
105
111
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
106
112
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
107
113
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -148,6 +154,8 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
148
154
|
sidePanelMaxBottomTall?: string;
|
|
149
155
|
headerHideWidthThreshold?: string;
|
|
150
156
|
headerHideHeightThreshold?: string;
|
|
157
|
+
disableSidePanel?: boolean;
|
|
158
|
+
enforceSlotSizingQuerySelector?: string;
|
|
151
159
|
}> & Readonly<{
|
|
152
160
|
"onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
153
161
|
onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
@@ -181,6 +189,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
181
189
|
sidePanelMaxBottomTall: string;
|
|
182
190
|
headerHideWidthThreshold: string;
|
|
183
191
|
headerHideHeightThreshold: string;
|
|
192
|
+
disableSidePanel: boolean;
|
|
184
193
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
185
194
|
beforeCreate?: (() => void) | (() => void)[];
|
|
186
195
|
created?: (() => void) | (() => void)[];
|
|
@@ -218,6 +227,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
218
227
|
sidePanelMaxBottomTall: string;
|
|
219
228
|
headerHideWidthThreshold: string;
|
|
220
229
|
headerHideHeightThreshold: string;
|
|
230
|
+
disableSidePanel: boolean;
|
|
221
231
|
}> & Omit<Readonly<{
|
|
222
232
|
sidePanelPosition?: import('..').SidePanelModeSelectable;
|
|
223
233
|
mainContentAspectRatio?: string | number;
|
|
@@ -235,6 +245,8 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
235
245
|
sidePanelMaxBottomTall?: string;
|
|
236
246
|
headerHideWidthThreshold?: string;
|
|
237
247
|
headerHideHeightThreshold?: string;
|
|
248
|
+
disableSidePanel?: boolean;
|
|
249
|
+
enforceSlotSizingQuerySelector?: string;
|
|
238
250
|
}> & Readonly<{
|
|
239
251
|
"onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
240
252
|
onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
@@ -243,7 +255,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
243
255
|
width: number;
|
|
244
256
|
height: number;
|
|
245
257
|
}) => 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 & {} & {
|
|
258
|
+
}>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold" | "disableSidePanel"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
247
259
|
$slots: {
|
|
248
260
|
header?(_: {}): any;
|
|
249
261
|
default?(_: {}): any;
|
|
@@ -266,6 +278,8 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
266
278
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
267
279
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
268
280
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
281
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
282
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
269
283
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
270
284
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
271
285
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -293,6 +307,8 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
293
307
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
294
308
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
295
309
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
310
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
311
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
296
312
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
297
313
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
298
314
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -339,6 +355,8 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
339
355
|
sidePanelMaxBottomTall?: string;
|
|
340
356
|
headerHideWidthThreshold?: string;
|
|
341
357
|
headerHideHeightThreshold?: string;
|
|
358
|
+
disableSidePanel?: boolean;
|
|
359
|
+
enforceSlotSizingQuerySelector?: string;
|
|
342
360
|
}> & Readonly<{
|
|
343
361
|
"onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
344
362
|
onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
@@ -372,6 +390,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
372
390
|
sidePanelMaxBottomTall: string;
|
|
373
391
|
headerHideWidthThreshold: string;
|
|
374
392
|
headerHideHeightThreshold: string;
|
|
393
|
+
disableSidePanel: boolean;
|
|
375
394
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
376
395
|
beforeCreate?: (() => void) | (() => void)[];
|
|
377
396
|
created?: (() => void) | (() => void)[];
|
|
@@ -409,6 +428,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
409
428
|
sidePanelMaxBottomTall: string;
|
|
410
429
|
headerHideWidthThreshold: string;
|
|
411
430
|
headerHideHeightThreshold: string;
|
|
431
|
+
disableSidePanel: boolean;
|
|
412
432
|
}> & Omit<Readonly<{
|
|
413
433
|
sidePanelPosition?: import('..').SidePanelModeSelectable;
|
|
414
434
|
mainContentAspectRatio?: string | number;
|
|
@@ -426,6 +446,8 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
426
446
|
sidePanelMaxBottomTall?: string;
|
|
427
447
|
headerHideWidthThreshold?: string;
|
|
428
448
|
headerHideHeightThreshold?: string;
|
|
449
|
+
disableSidePanel?: boolean;
|
|
450
|
+
enforceSlotSizingQuerySelector?: string;
|
|
429
451
|
}> & Readonly<{
|
|
430
452
|
"onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
431
453
|
onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
@@ -434,7 +456,7 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
434
456
|
width: number;
|
|
435
457
|
height: number;
|
|
436
458
|
}) => 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 & {} & {
|
|
459
|
+
}>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold" | "disableSidePanel"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
438
460
|
$slots: {
|
|
439
461
|
header?(_: {}): any;
|
|
440
462
|
default?(_: {}): any;
|
|
@@ -457,6 +479,8 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
457
479
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
458
480
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
459
481
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
482
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
483
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
460
484
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
461
485
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
462
486
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -481,6 +505,8 @@ export declare function mountLiveFrameWithProps(props: Record<string, unknown>,
|
|
|
481
505
|
sidePanelMaxBottomTall?: string;
|
|
482
506
|
headerHideWidthThreshold?: string;
|
|
483
507
|
headerHideHeightThreshold?: string;
|
|
508
|
+
disableSidePanel?: boolean;
|
|
509
|
+
enforceSlotSizingQuerySelector?: string;
|
|
484
510
|
} | "onUpdate:sidePanelPosition" | "onSidePanelTransition" | "onSidePanelAvailableStates" | "onDefaultSlotResize">>>;
|
|
485
511
|
export declare function mountLiveFrame(): VueWrapper<{
|
|
486
512
|
readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
|
|
@@ -499,6 +525,8 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
499
525
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
500
526
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
501
527
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
528
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
529
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
502
530
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
503
531
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
504
532
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -526,6 +554,8 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
526
554
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
527
555
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
528
556
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
557
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
558
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
529
559
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
530
560
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
531
561
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -572,6 +602,8 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
572
602
|
sidePanelMaxBottomTall?: string;
|
|
573
603
|
headerHideWidthThreshold?: string;
|
|
574
604
|
headerHideHeightThreshold?: string;
|
|
605
|
+
disableSidePanel?: boolean;
|
|
606
|
+
enforceSlotSizingQuerySelector?: string;
|
|
575
607
|
}> & Readonly<{
|
|
576
608
|
"onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
577
609
|
onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
@@ -605,6 +637,7 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
605
637
|
sidePanelMaxBottomTall: string;
|
|
606
638
|
headerHideWidthThreshold: string;
|
|
607
639
|
headerHideHeightThreshold: string;
|
|
640
|
+
disableSidePanel: boolean;
|
|
608
641
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
609
642
|
beforeCreate?: (() => void) | (() => void)[];
|
|
610
643
|
created?: (() => void) | (() => void)[];
|
|
@@ -642,6 +675,7 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
642
675
|
sidePanelMaxBottomTall: string;
|
|
643
676
|
headerHideWidthThreshold: string;
|
|
644
677
|
headerHideHeightThreshold: string;
|
|
678
|
+
disableSidePanel: boolean;
|
|
645
679
|
}> & Omit<Readonly<{
|
|
646
680
|
sidePanelPosition?: import('..').SidePanelModeSelectable;
|
|
647
681
|
mainContentAspectRatio?: string | number;
|
|
@@ -659,6 +693,8 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
659
693
|
sidePanelMaxBottomTall?: string;
|
|
660
694
|
headerHideWidthThreshold?: string;
|
|
661
695
|
headerHideHeightThreshold?: string;
|
|
696
|
+
disableSidePanel?: boolean;
|
|
697
|
+
enforceSlotSizingQuerySelector?: string;
|
|
662
698
|
}> & Readonly<{
|
|
663
699
|
"onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
664
700
|
onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
@@ -667,7 +703,7 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
667
703
|
width: number;
|
|
668
704
|
height: number;
|
|
669
705
|
}) => 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 & {} & {
|
|
706
|
+
}>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold" | "disableSidePanel"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
671
707
|
$slots: {
|
|
672
708
|
header?(_: {}): any;
|
|
673
709
|
default?(_: {}): any;
|
|
@@ -690,6 +726,8 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
690
726
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
691
727
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
692
728
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
729
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
730
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
693
731
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
694
732
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
695
733
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -717,6 +755,8 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
717
755
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
718
756
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
719
757
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
758
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
759
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
720
760
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
721
761
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
722
762
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -763,6 +803,8 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
763
803
|
sidePanelMaxBottomTall?: string;
|
|
764
804
|
headerHideWidthThreshold?: string;
|
|
765
805
|
headerHideHeightThreshold?: string;
|
|
806
|
+
disableSidePanel?: boolean;
|
|
807
|
+
enforceSlotSizingQuerySelector?: string;
|
|
766
808
|
}> & Readonly<{
|
|
767
809
|
"onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
768
810
|
onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
@@ -796,6 +838,7 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
796
838
|
sidePanelMaxBottomTall: string;
|
|
797
839
|
headerHideWidthThreshold: string;
|
|
798
840
|
headerHideHeightThreshold: string;
|
|
841
|
+
disableSidePanel: boolean;
|
|
799
842
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
800
843
|
beforeCreate?: (() => void) | (() => void)[];
|
|
801
844
|
created?: (() => void) | (() => void)[];
|
|
@@ -833,6 +876,7 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
833
876
|
sidePanelMaxBottomTall: string;
|
|
834
877
|
headerHideWidthThreshold: string;
|
|
835
878
|
headerHideHeightThreshold: string;
|
|
879
|
+
disableSidePanel: boolean;
|
|
836
880
|
}> & Omit<Readonly<{
|
|
837
881
|
sidePanelPosition?: import('..').SidePanelModeSelectable;
|
|
838
882
|
mainContentAspectRatio?: string | number;
|
|
@@ -850,6 +894,8 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
850
894
|
sidePanelMaxBottomTall?: string;
|
|
851
895
|
headerHideWidthThreshold?: string;
|
|
852
896
|
headerHideHeightThreshold?: string;
|
|
897
|
+
disableSidePanel?: boolean;
|
|
898
|
+
enforceSlotSizingQuerySelector?: string;
|
|
853
899
|
}> & Readonly<{
|
|
854
900
|
"onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
855
901
|
onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
@@ -858,7 +904,7 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
858
904
|
width: number;
|
|
859
905
|
height: number;
|
|
860
906
|
}) => 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 & {} & {
|
|
907
|
+
}>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold" | "disableSidePanel"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
862
908
|
$slots: {
|
|
863
909
|
header?(_: {}): any;
|
|
864
910
|
default?(_: {}): any;
|
|
@@ -881,6 +927,8 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
881
927
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
882
928
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
883
929
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
930
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
931
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
884
932
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
885
933
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
886
934
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -905,6 +953,8 @@ export declare function mountLiveFrame(): VueWrapper<{
|
|
|
905
953
|
sidePanelMaxBottomTall?: string;
|
|
906
954
|
headerHideWidthThreshold?: string;
|
|
907
955
|
headerHideHeightThreshold?: string;
|
|
956
|
+
disableSidePanel?: boolean;
|
|
957
|
+
enforceSlotSizingQuerySelector?: string;
|
|
908
958
|
} | "onUpdate:sidePanelPosition" | "onSidePanelTransition" | "onSidePanelAvailableStates" | "onDefaultSlotResize">>>;
|
|
909
959
|
export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
910
960
|
readonly sidePanelPosition?: import('..').SidePanelModeSelectable | undefined;
|
|
@@ -923,6 +973,8 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
923
973
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
924
974
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
925
975
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
976
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
977
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
926
978
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
927
979
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
928
980
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -950,6 +1002,8 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
950
1002
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
951
1003
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
952
1004
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
1005
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
1006
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
953
1007
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
954
1008
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
955
1009
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -996,6 +1050,8 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
996
1050
|
sidePanelMaxBottomTall?: string;
|
|
997
1051
|
headerHideWidthThreshold?: string;
|
|
998
1052
|
headerHideHeightThreshold?: string;
|
|
1053
|
+
disableSidePanel?: boolean;
|
|
1054
|
+
enforceSlotSizingQuerySelector?: string;
|
|
999
1055
|
}> & Readonly<{
|
|
1000
1056
|
"onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
1001
1057
|
onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
@@ -1029,6 +1085,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1029
1085
|
sidePanelMaxBottomTall: string;
|
|
1030
1086
|
headerHideWidthThreshold: string;
|
|
1031
1087
|
headerHideHeightThreshold: string;
|
|
1088
|
+
disableSidePanel: boolean;
|
|
1032
1089
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
1033
1090
|
beforeCreate?: (() => void) | (() => void)[];
|
|
1034
1091
|
created?: (() => void) | (() => void)[];
|
|
@@ -1066,6 +1123,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1066
1123
|
sidePanelMaxBottomTall: string;
|
|
1067
1124
|
headerHideWidthThreshold: string;
|
|
1068
1125
|
headerHideHeightThreshold: string;
|
|
1126
|
+
disableSidePanel: boolean;
|
|
1069
1127
|
}> & Omit<Readonly<{
|
|
1070
1128
|
sidePanelPosition?: import('..').SidePanelModeSelectable;
|
|
1071
1129
|
mainContentAspectRatio?: string | number;
|
|
@@ -1083,6 +1141,8 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1083
1141
|
sidePanelMaxBottomTall?: string;
|
|
1084
1142
|
headerHideWidthThreshold?: string;
|
|
1085
1143
|
headerHideHeightThreshold?: string;
|
|
1144
|
+
disableSidePanel?: boolean;
|
|
1145
|
+
enforceSlotSizingQuerySelector?: string;
|
|
1086
1146
|
}> & Readonly<{
|
|
1087
1147
|
"onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
1088
1148
|
onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
@@ -1091,7 +1151,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1091
1151
|
width: number;
|
|
1092
1152
|
height: number;
|
|
1093
1153
|
}) => 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 & {} & {
|
|
1154
|
+
}>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold" | "disableSidePanel"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
1095
1155
|
$slots: {
|
|
1096
1156
|
header?(_: {}): any;
|
|
1097
1157
|
default?(_: {}): any;
|
|
@@ -1114,6 +1174,8 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1114
1174
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
1115
1175
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
1116
1176
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
1177
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
1178
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
1117
1179
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
1118
1180
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
1119
1181
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -1141,6 +1203,8 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1141
1203
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
1142
1204
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
1143
1205
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
1206
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
1207
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
1144
1208
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
1145
1209
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
1146
1210
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -1187,6 +1251,8 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1187
1251
|
sidePanelMaxBottomTall?: string;
|
|
1188
1252
|
headerHideWidthThreshold?: string;
|
|
1189
1253
|
headerHideHeightThreshold?: string;
|
|
1254
|
+
disableSidePanel?: boolean;
|
|
1255
|
+
enforceSlotSizingQuerySelector?: string;
|
|
1190
1256
|
}> & Readonly<{
|
|
1191
1257
|
"onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
1192
1258
|
onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
@@ -1220,6 +1286,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1220
1286
|
sidePanelMaxBottomTall: string;
|
|
1221
1287
|
headerHideWidthThreshold: string;
|
|
1222
1288
|
headerHideHeightThreshold: string;
|
|
1289
|
+
disableSidePanel: boolean;
|
|
1223
1290
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
1224
1291
|
beforeCreate?: (() => void) | (() => void)[];
|
|
1225
1292
|
created?: (() => void) | (() => void)[];
|
|
@@ -1257,6 +1324,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1257
1324
|
sidePanelMaxBottomTall: string;
|
|
1258
1325
|
headerHideWidthThreshold: string;
|
|
1259
1326
|
headerHideHeightThreshold: string;
|
|
1327
|
+
disableSidePanel: boolean;
|
|
1260
1328
|
}> & Omit<Readonly<{
|
|
1261
1329
|
sidePanelPosition?: import('..').SidePanelModeSelectable;
|
|
1262
1330
|
mainContentAspectRatio?: string | number;
|
|
@@ -1274,6 +1342,8 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1274
1342
|
sidePanelMaxBottomTall?: string;
|
|
1275
1343
|
headerHideWidthThreshold?: string;
|
|
1276
1344
|
headerHideHeightThreshold?: string;
|
|
1345
|
+
disableSidePanel?: boolean;
|
|
1346
|
+
enforceSlotSizingQuerySelector?: string;
|
|
1277
1347
|
}> & Readonly<{
|
|
1278
1348
|
"onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
1279
1349
|
onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
@@ -1282,7 +1352,7 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1282
1352
|
width: number;
|
|
1283
1353
|
height: number;
|
|
1284
1354
|
}) => 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 & {} & {
|
|
1355
|
+
}>, "sidePanelPosition" | "mainContentAspectRatio" | "autoBottomAspectRatioBreakpoint" | "autoRightAspectRatioBreakpoint" | "sidePanelBreakpoint" | "controlsOverlayOnly" | "autoHideTimeout" | "layoutDebounceMs" | "sidePanelMinRight" | "sidePanelMaxRight" | "sidePanelMaxRightWide" | "sidePanelMinBottom" | "sidePanelMaxBottom" | "sidePanelMaxBottomTall" | "headerHideWidthThreshold" | "headerHideHeightThreshold" | "disableSidePanel"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
1286
1356
|
$slots: {
|
|
1287
1357
|
header?(_: {}): any;
|
|
1288
1358
|
default?(_: {}): any;
|
|
@@ -1305,6 +1375,8 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1305
1375
|
readonly sidePanelMaxBottomTall?: string | undefined;
|
|
1306
1376
|
readonly headerHideWidthThreshold?: string | undefined;
|
|
1307
1377
|
readonly headerHideHeightThreshold?: string | undefined;
|
|
1378
|
+
readonly disableSidePanel?: boolean | undefined;
|
|
1379
|
+
readonly enforceSlotSizingQuerySelector?: string | undefined;
|
|
1308
1380
|
readonly "onUpdate:sidePanelPosition"?: ((mode: import('..').SidePanelModeSelectable) => any) | undefined;
|
|
1309
1381
|
readonly onSidePanelTransition?: ((payload: import('..').SidePanelTransitionPayload) => any) | undefined;
|
|
1310
1382
|
readonly onSidePanelAvailableStates?: ((payload: import('..').SidePanelAvailableStatesPayload) => any) | undefined;
|
|
@@ -1329,6 +1401,8 @@ export declare function mountLiveFrameUsingBreakpoints(): VueWrapper<{
|
|
|
1329
1401
|
sidePanelMaxBottomTall?: string;
|
|
1330
1402
|
headerHideWidthThreshold?: string;
|
|
1331
1403
|
headerHideHeightThreshold?: string;
|
|
1404
|
+
disableSidePanel?: boolean;
|
|
1405
|
+
enforceSlotSizingQuerySelector?: string;
|
|
1332
1406
|
} | "onUpdate:sidePanelPosition" | "onSidePanelTransition" | "onSidePanelAvailableStates" | "onDefaultSlotResize">>>;
|
|
1333
1407
|
export declare function setSizeClickButtonExpectToSeeButtons(describeLabel: string, size: LiveBrowserSize, controlButtonType: string, expectedButtons: string[]): MountAndRunScenariosConfig<VueWrapper>;
|
|
1334
1408
|
/** Label of the frame header expand (auto) button when minimized (SidePanelHeader default title). */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.test.d.ts","sourceRoot":"","sources":["../../../../src/components/live/LiveFrame/helpers.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAC9B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAIxD,OAAO,EAEL,KAAK,eAAe,EAEpB,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAChC,MAAM,uCAAuC,CAAA;AAE9C,qBAAa,kBAAkB;IAC7B,OAAO;IACP,UAAU;
|
|
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-
|
|
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-BTGgPGqa.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-
|
|
1
|
+
.slot-content-container>[data-v-e384bccd-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-
|
|
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-BTGgPGqa.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