@mtngtools/frame-vue 0.0.0-experimental.0

package/README.md

@@ -0,0 +1,36 @@
+# @mtngtools/frame-vue
+
+> [!WARNING]
+> This package is currently **experimental** and in early development. APIs are subject to frequent breaking changes.
+
+Vue.js component and composable library for mtngTOOLS. Built for use in Nuxt apps via a Nuxt module (to be added).
+
+## Contents
+
+- **Components** — Vue 3 SFCs (Composition API). Sample: `SampleGreeting`.
+- **Composables** — Shared logic. Sample: `useCounter`.
+
+## Usage
+
+Install in an app that already uses Vue 3 (e.g. a Nuxt app):
+
+```bash
+pnpm add @mtngtools/frame-vue vue
+```
+
+```ts
+import { SampleGreeting, useCounter } from '@mtngtools/frame-vue';
+```
+
+In a Nuxt app, a Nuxt module can register these for auto-import (module to be created separately).
+
+## Requirements
+
+- Vue >= 3.5.0
+
+## Scripts
+
+- `pnpm run build` — build library to `dist/`
+- `pnpm run dev` — watch build
+- `pnpm run typecheck` — TypeScript check
+- `pnpm run lint` — oxlint

package/dist/components/SampleGreeting.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    name?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLParagraphElement>;
+export default _default;
+//# sourceMappingURL=SampleGreeting.vue.d.ts.map

package/dist/components/SampleGreeting.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SampleGreeting.vue.d.ts","sourceRoot":"","sources":["../../src/components/SampleGreeting.vue"],"names":[],"mappings":"AAYA,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;;AAyCF,wBAOG"}

package/dist/components/live/LiveFrame/LiveFrame.vue.d.ts

@@ -0,0 +1,76 @@
+import { SidePanelAvailableStatesPayload, SidePanelModeSelectable, SidePanelTransitionPayload } from '../types';
+type __VLS_Props = {
+    sidePanelPosition?: SidePanelModeSelectable;
+    mainContentAspectRatio?: string | number;
+    autoBottomAspectRatioBreakpoint?: number;
+    autoRightAspectRatioBreakpoint?: number;
+    sidePanelBreakpoint?: string;
+    controlsOverlayOnly?: string;
+    autoHideTimeout?: number;
+    layoutDebounceMs?: number;
+    sidePanelMinRight?: string;
+    sidePanelMaxRight?: string;
+    sidePanelMaxRightWide?: string;
+    sidePanelMinBottom?: string;
+    sidePanelMaxBottom?: string;
+    sidePanelMaxBottomTall?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        sidePanelContent?(_: {}): any;
+    };
+    refs: {
+        rootRef: HTMLElement;
+        headerRef: HTMLElement;
+        defaultRef: HTMLElement;
+    };
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:sidePanelPosition": (mode: SidePanelModeSelectable) => any;
+    sidePanelTransition: (payload: SidePanelTransitionPayload) => any;
+    sidePanelAvailableStates: (payload: SidePanelAvailableStatesPayload) => any;
+    defaultSlotResize: (payload: {
+        width: number;
+        height: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:sidePanelPosition"?: ((mode: SidePanelModeSelectable) => any) | undefined;
+    onSidePanelTransition?: ((payload: SidePanelTransitionPayload) => any) | undefined;
+    onSidePanelAvailableStates?: ((payload: SidePanelAvailableStatesPayload) => any) | undefined;
+    onDefaultSlotResize?: ((payload: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+}>, {
+    sidePanelPosition: SidePanelModeSelectable;
+    mainContentAspectRatio: string | number;
+    autoBottomAspectRatioBreakpoint: number;
+    autoRightAspectRatioBreakpoint: number;
+    sidePanelBreakpoint: string;
+    controlsOverlayOnly: string;
+    autoHideTimeout: number;
+    layoutDebounceMs: number;
+    sidePanelMinRight: string;
+    sidePanelMaxRight: string;
+    sidePanelMaxRightWide: string;
+    sidePanelMinBottom: string;
+    sidePanelMaxBottom: string;
+    sidePanelMaxBottomTall: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLElement;
+    headerRef: HTMLElement;
+    defaultRef: HTMLElement;
+}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=LiveFrame.vue.d.ts.map

package/dist/components/live/LiveFrame/LiveFrame.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveFrame.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/live/LiveFrame/LiveFrame.vue"],"names":[],"mappings":"AAi0BA,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;CAChC,CAAC;AAmtBJ,iBAAS,cAAc;WAgJT,OAAO,IAA6B;;wBAftB,GAAG;yBACF,GAAG;kCACO,GAAG;;;;;;;;EAkBzC;AA8BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;eA92BmB,MAAM;gBAAU,MAAM;;;;;;;eAAtB,MAAM;gBAAU,MAAM;;;uBAvCtC,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;;;;;eAk5BjC,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"}