@codingfactory/mediables-vue 2.11.0 → 2.13.0

package/dist/vanilla-editor/ui-v2/BottomDrawer.d.ts

@@ -0,0 +1,55 @@
+export class BottomDrawer {
+    constructor(options?: {});
+    _onSnapChange: any;
+    _ariaLabel: any;
+    element: HTMLElement | null;
+    _handle: HTMLElement | null;
+    _body: HTMLElement | null;
+    _headerSlot: HTMLElement | null;
+    _snap: string;
+    _dragging: boolean;
+    _dragStartY: number;
+    _dragStartHeight: number;
+    _dragPointerId: any;
+    _containerHeight: number;
+    /**
+     * Build the drawer DOM. Returns the root element. The caller owns mounting.
+     *
+     * @param {Object} slots
+     * @param {HTMLElement} [slots.header] - Optional content mounted between the handle and body
+     * @param {HTMLElement} slots.body - Drawer body content (scrollable)
+     */
+    build({ header, body }?: {
+        header?: HTMLElement | undefined;
+        body: HTMLElement;
+    }): HTMLElement;
+    _wasDragging: boolean | undefined;
+    /**
+     * Notify the drawer that its container height changed (call when the
+     * viewport resizes or the parent flex container updates). Updates the
+     * drawer height to match the current snap point.
+     */
+    updateContainerHeight(height: any): void;
+    /**
+     * Programmatically move the drawer to a snap point. Animates by default.
+     *
+     * @param {'collapsed'|'half'|'full'} snap
+     */
+    snapTo(snap: "collapsed" | "half" | "full", options?: {}): void;
+    /** Current snap point id. */
+    get snap(): string;
+    /** Replace the body content. */
+    setBodyContent(content: any): void;
+    /** Replace the header content. */
+    setHeaderContent(content: any): void;
+    _onPointerDown(e: any): void;
+    _onPointerMove(e: any): void;
+    _onPointerEnd(e: any): void;
+    _cycleSnap(): void;
+    _heightForSnap(snap: any): number;
+    _nearestSnap(currentHeight: any): string;
+    _applySnap(snap: any, { animate }: {
+        animate: any;
+    }): void;
+    destroy(): void;
+}

package/dist/vanilla-editor/ui-v2/CategoryTabs.d.ts

@@ -0,0 +1,21 @@
+export class CategoryTabs {
+    constructor(state: any, editor: any);
+    state: any;
+    editor: any;
+    element: HTMLElement | null;
+    _tabs: Map<any, any>;
+    _unsubscribers: any[];
+    _onSelect: Function | null;
+    /**
+     * @param {Object} options
+     * @param {Function} options.onSelect - Called with the selected UI category id
+     * @returns {HTMLElement}
+     */
+    render({ onSelect }?: {
+        onSelect: Function;
+    }): HTMLElement;
+    _isSelected(categoryId: any): boolean;
+    _selectCategory(categoryId: any): void;
+    _refreshActive(): void;
+    destroy(): void;
+}

package/dist/vanilla-editor/ui-v2/FilterControlsView.d.ts

@@ -0,0 +1,16 @@
+export class FilterControlsView {
+    constructor(state: any, filterManager: any);
+    state: any;
+    filterManager: any;
+    element: HTMLElement | null;
+    _unsubscribers: any[];
+    _onChange: any;
+    _onReset: any;
+    _onAction: any;
+    render({ onChange, onReset, onAction }?: {}): HTMLElement;
+    _renderControls(): void;
+    _createControl(filterId: any, ctl: any, value: any, layerId?: null): HTMLElement | null;
+    _normalizeControlType(type: any): any;
+    _handleReset(filterId: any, layerId?: null): void;
+    destroy(): void;
+}

package/dist/vanilla-editor/ui-v2/FilterListView.d.ts

@@ -0,0 +1,32 @@
+export class FilterListView {
+    constructor(state: any, filterManager: any);
+    state: any;
+    filterManager: any;
+    element: HTMLElement | null;
+    _unsubscribers: any[];
+    _onToggle: Function | null;
+    _onSelect: Function | null;
+    /**
+     * @param {Object} options
+     * @param {Function} options.onToggle - (filterId, enabled) => void
+     * @param {Function} options.onSelect - (filterId) => void
+     * @returns {HTMLElement}
+     */
+    render({ onToggle, onSelect }?: {
+        onToggle: Function;
+        onSelect: Function;
+    }): HTMLElement;
+    _renderRows(): void;
+    _renderRow(filter: any, isActive: any, isSelected: any, layerId?: null): HTMLElement;
+    /**
+     * Return a short status summary for the filter — shown under its name
+     * when the filter is active. Prefers the filter's own summary formatter
+     * if it exposes one, otherwise falls back to a description or a terse
+     * rendering of its current values.
+     */
+    _buildSummary(filter: any, isActive: any): any;
+    _formatControlValue(ctl: any, val: any): any;
+    /** Refresh just the summary text of rows without rebuilding the list. */
+    _refreshSummaries(): void;
+    destroy(): void;
+}

package/dist/vanilla-editor/ui-v2/LayerStackPanel.d.ts

@@ -0,0 +1,30 @@
+export class LayerStackPanel {
+    constructor(state: any, editor: any);
+    state: any;
+    editor: any;
+    element: HTMLElement | null;
+    _listEl: HTMLElement | null;
+    _unsubscribers: any[];
+    render(): HTMLElement;
+    _layers(): any[];
+    _renderRows(): void;
+    _row(layer: any, index: any, count: any): HTMLElement;
+    _thumbnail(layer: any): HTMLElement;
+    _button({ testId, label, ...attrs }: {
+        [x: string]: any;
+        testId: any;
+        label: any;
+    }, child: any): HTMLElement;
+    _iconButton({ testId, label, icon, disabled, onClick }: {
+        testId: any;
+        label: any;
+        icon: any;
+        disabled?: boolean | undefined;
+        onClick: any;
+    }): HTMLElement;
+    _renameLayer(layerId: any, currentName: any): void;
+    _runAction(action: any): void;
+    _layerName(layer: any): any;
+    _layerTypeLabel(layer: any): "Background" | "Subject" | "Text" | "Image";
+    destroy(): void;
+}

package/dist/vanilla-editor/ui-v2/MobileActiveChips.d.ts

@@ -0,0 +1,23 @@
+export class MobileActiveChips {
+    constructor(state: any, filterManager: any);
+    state: any;
+    filterManager: any;
+    element: HTMLElement | null;
+    _onSelect: Function | null;
+    _onRemove: Function | null;
+    _unsubscribers: any[];
+    /**
+     * @param {Object} options
+     * @param {Function} options.onSelect - (filterId) => void
+     * @param {Function} options.onRemove - (filterId) => void
+     */
+    render({ onSelect, onRemove }?: {
+        onSelect: Function;
+        onRemove: Function;
+    }): HTMLElement;
+    _renderChips(): void;
+    _renderChip(def: any, isSelected: any, layerId?: null): HTMLElement;
+    _activeFilterLayerId(): any;
+    _refreshSelection(): void;
+    destroy(): void;
+}

package/dist/vanilla-editor/ui-v2/MobileNavigation.d.ts

@@ -0,0 +1,51 @@
+export class MobileNavigation {
+    constructor(state: any, filterManager: any, editor: any);
+    state: any;
+    filterManager: any;
+    editor: any;
+    element: HTMLElement | null;
+    _headerEl: HTMLElement | null;
+    _bodyEl: HTMLElement | null;
+    _view: string;
+    _onNavigate: Function | null;
+    _callbacks: {
+        onViewChange?: Function | undefined;
+    } | null;
+    _unsubscribers: any[];
+    _categoryTabs: CategoryTabs | null;
+    _filterListView: FilterListView | null;
+    _filterControlsView: FilterControlsView | null;
+    _backgroundPanel: BackgroundPanel | null;
+    _layerStackPanel: LayerStackPanel | null;
+    _textPanel: TextPanel | null;
+    /**
+     * Build the mobile navigator DOM.
+     *
+     * @param {Object} callbacks - Same shape as SplitPanelLayout
+     * @param {Function} [callbacks.onViewChange] - (view) => void, fired after navigation
+     */
+    build(callbacks: {
+        onViewChange?: Function | undefined;
+    }): HTMLElement;
+    _buildViews(): void;
+    _categoryTabsEl: HTMLElement | undefined;
+    _filterListEl: HTMLElement | undefined;
+    _filterControlsEl: HTMLElement | undefined;
+    _backgroundPanelEl: HTMLElement | undefined;
+    _layerStackPanelEl: HTMLElement | undefined;
+    _textPanelEl: HTMLElement | undefined;
+    navigateTo(view: any): void;
+    _renderHeader(): void;
+    _activeFilterLayerId(): any;
+    _titleForView(view: any): any;
+    _categoryLabel(categoryId: any): string | null;
+    _goBack(): void;
+    get currentView(): string;
+    destroy(): void;
+}
+import { CategoryTabs } from './CategoryTabs.js';
+import { FilterListView } from './FilterListView.js';
+import { FilterControlsView } from './FilterControlsView.js';
+import { BackgroundPanel } from './BackgroundPanel.js';
+import { LayerStackPanel } from './LayerStackPanel.js';
+import { TextPanel } from './TextPanel.js';

package/dist/vanilla-editor/ui-v2/SplitPanelLayout.d.ts

@@ -0,0 +1,70 @@
+export class SplitPanelLayout {
+    constructor(state: any, filterManager: any, editor: any);
+    state: any;
+    filterManager: any;
+    editor: any;
+    root: HTMLElement | null;
+    canvasSection: HTMLElement | null;
+    canvasContainer: HTMLElement | null;
+    cropOverlay: HTMLElement | null;
+    _callbacks: any;
+    _isMobile: boolean;
+    _panel: HTMLElement | null;
+    _categoryTabs: CategoryTabs | null;
+    _filterListView: FilterListView | null;
+    _filterControlsView: FilterControlsView | null;
+    _activeStack: ActiveFiltersStack | null;
+    _backgroundPanel: BackgroundPanel | null;
+    _layerStackPanel: LayerStackPanel | null;
+    _textPanel: TextPanel | null;
+    _desktopBackgroundSection: HTMLElement | null;
+    _desktopLayerSection: HTMLElement | null;
+    _desktopTextSection: HTMLElement | null;
+    _desktopFilterListSection: HTMLElement | null;
+    _desktopCropWrapper: HTMLElement | null;
+    _mobileChips: MobileActiveChips | null;
+    _mobileDrawer: BottomDrawer | null;
+    _mobileNav: MobileNavigation | null;
+    _mobileCropWrapper: HTMLElement | null;
+    _cropControlsEl: any;
+    _unsubscribers: any[];
+    _mql: MediaQueryList | null;
+    _mqlHandler: ((event: any) => void) | null;
+    _resizeObserver: ResizeObserver | null;
+    /**
+     * Build the DOM and child components. The initial shell (desktop vs mobile)
+     * is chosen from the current viewport; subsequent changes swap shells.
+     *
+     * @returns {{ root: HTMLElement, canvasContainer: HTMLElement, cropOverlay: HTMLElement }}
+     */
+    build(callbacks: any): {
+        root: HTMLElement;
+        canvasContainer: HTMLElement;
+        cropOverlay: HTMLElement;
+    };
+    /**
+     * Accept the externally-constructed crop controls element.
+     * The layout re-parents it into the active shell's crop slot.
+     */
+    mountCropControls(cropControlsElement: any): void;
+    _buildDesktopShell(): void;
+    _buildMobileShell(): void;
+    _wireDrawerSizing(): void;
+    _destroyDesktopShell(): void;
+    _destroyMobileShell(): void;
+    _handleBreakpointChange(isNowMobile: any): void;
+    _mountCropControlsInActiveShell(): void;
+    _handleDesktopCategoryChange(): void;
+    _applyMode(mode: any): void;
+    destroy(): void;
+}
+import { CategoryTabs } from './CategoryTabs.js';
+import { FilterListView } from './FilterListView.js';
+import { FilterControlsView } from './FilterControlsView.js';
+import { ActiveFiltersStack } from './ActiveFiltersStack.js';
+import { BackgroundPanel } from './BackgroundPanel.js';
+import { LayerStackPanel } from './LayerStackPanel.js';
+import { TextPanel } from './TextPanel.js';
+import { MobileActiveChips } from './MobileActiveChips.js';
+import { BottomDrawer } from './BottomDrawer.js';
+import { MobileNavigation } from './MobileNavigation.js';

package/dist/vanilla-editor/ui-v2/TextPanel.d.ts

@@ -0,0 +1,58 @@
+export class TextPanel {
+    constructor(state: any, editor: any);
+    state: any;
+    editor: any;
+    element: HTMLElement | null;
+    _errorMessage: string | null;
+    _unsubscribers: any[];
+    render(): HTMLElement;
+    _render(): void;
+    _contentControl(layerId: any, content: any, disabled: any): HTMLElement;
+    _controlGrid(controls: any): HTMLElement;
+    _effectSection(title: any, controls: any): HTMLElement;
+    _selectField({ label, testId, value, options, disabled, onChange }: {
+        label: any;
+        testId: any;
+        value: any;
+        options: any;
+        disabled: any;
+        onChange: any;
+    }): HTMLElement;
+    _numberField({ label, testId, value, min, max, step, disabled, onInput }: {
+        label: any;
+        testId: any;
+        value: any;
+        min: any;
+        max: any;
+        step: any;
+        disabled: any;
+        onInput: any;
+    }): HTMLElement;
+    _colorField({ label, testId, value, disabled, onInput }: {
+        label: any;
+        testId: any;
+        value: any;
+        disabled: any;
+        onInput: any;
+    }): HTMLElement;
+    _checkboxField({ label, testId, checked, disabled, onChange }: {
+        label: any;
+        testId: any;
+        checked: any;
+        disabled: any;
+        onChange: any;
+    }): HTMLElement;
+    _field(label: any, control: any): HTMLElement;
+    _updateStyle(layerId: any, style: any): void;
+    _updateBox(layerId: any, box: any): void;
+    _updateEffects(layerId: any, effects: any): void;
+    _textEffects(effects: any): {
+        stroke: any;
+        shadow: any;
+        glow: any;
+        backdrop: any;
+    };
+    _runAction(promise: any): void;
+    _activeTextLayer(): any;
+    destroy(): void;
+}

package/dist/vanilla-exports.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Vanilla Editor Exports
+ * Standalone exports for the vanilla image editor without Vue/Pinia/Ionic dependencies
+ *
+ * Use this entry point when you only need the VanillaImageEditor and filter registry
+ */
+export { VanillaImageEditor } from './vanilla-editor/index.js';
+export { initializeFilterRegistry, getAllFilters, getFilter, getFiltersByCategory, getAllCategories, registerFilter, hasFilter, } from './filters/index';
+export type { FilterDefinition, ControlDefinition } from './filters/index';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codingfactory/mediables-vue",
-  "version": "2.11.0",
+  "version": "2.13.0",
   "publishConfig": {
     "access": "restricted"
   },
@@ -36,7 +36,8 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "clean": "rimraf dist",
-    "build": "vite build --config vite.lib.config.ts && vue-tsc -p tsconfig.build.json --emitDeclarationOnly && pnpm build:render",
+    "build": "vite build --config vite.lib.config.ts && vue-tsc -p tsconfig.build.json --emitDeclarationOnly && pnpm build:vanilla-types && pnpm build:render",
+    "build:vanilla-types": "tsc -p tsconfig.vanilla-declarations.json && node scripts/build-vanilla-declarations.mjs",
     "build:render": "vite build --config vite.render.config.ts",
     "dev": "vite build --config vite.lib.config.ts --watch",
     "type-check": "vue-tsc --noEmit",