mtrl 0.4.5 → 0.5.0

package/dist/core/composition/features/icon.d.ts

@@ -1,45 +0,0 @@
-/**
- * Configuration for icon feature
- */
-export interface IconConfig {
-    /**
-     * Icon HTML content
-     */
-    icon?: string;
-    /**
-     * Position of the icon ('start' or 'end')
-     */
-    iconPosition?: 'start' | 'end';
-    /**
-     * Size variant for the icon
-     */
-    iconSize?: string;
-    /**
-     * CSS class prefix
-     */
-    prefix?: string;
-    /**
-     * Component name for class generation
-     */
-    componentName?: string;
-    [key: string]: any;
-}
-/**
- * Enhances component schema with an icon element
- * Unlike the traditional withIcon, this modifies the schema
- * without creating actual DOM elements.
- *
- * @param config Configuration containing icon information
- * @returns Component enhancer that adds icon to schema
- *
- * @example
- * ```ts
- * // Add icon to a component schema
- * const component = pipe(
- *   createBase,
- *   withLayout(config),
- *   withIcon(config)
- * )(config);
- * ```
- */
-export declare const withIcon: (config: IconConfig) => (component: any) => any;

package/dist/core/composition/features/index.d.ts

@@ -1,7 +0,0 @@
-export { withLayout } from './layout';
-export { withIcon } from './icon';
-export { withLabel } from './label';
-export { withDom } from './dom';
-export type { IconConfig } from './icon';
-export type { LabelConfig } from './label';
-export type { LayoutConfig } from './layout';

package/dist/core/composition/features/label.d.ts

@@ -1,49 +0,0 @@
-/**
- * Configuration for label feature
- */
-export interface LabelConfig {
-    /**
-     * Label text content
-     */
-    label?: string;
-    /**
-     * Position of the label ('start', 'end', 'top', or 'bottom')
-     */
-    labelPosition?: "start" | "end" | "top" | "bottom";
-    /**
-     * CSS class prefix
-     */
-    prefix?: string;
-    /**
-     * Component name for class generation
-     */
-    componentName?: string;
-    /**
-     * ID for the input element this label is associated with
-     */
-    id?: string;
-    /**
-     * Whether the labeled element is required
-     */
-    required?: boolean;
-    [key: string]: any;
-}
-/**
- * Enhances component schema with a label element
- * Unlike the traditional withLabel, this modifies the schema
- * without creating actual DOM elements.
- *
- * @param config Configuration containing label information
- * @returns Component enhancer that adds label to schema
- *
- * @example
- * ```ts
- * // Add label to a component schema
- * const component = pipe(
- *   createBase,
- *   withLayout(config),
- *   withLabel(config)
- * )(config);
- * ```
- */
-export declare const withLabel: (config: LabelConfig) => (component: any) => any;

package/dist/core/composition/features/layout.d.ts

@@ -1,31 +0,0 @@
-/**
- * Configuration that includes a component schema
- */
-export interface LayoutConfig {
-    /**
-     * Component schema definition
-     */
-    schema?: any;
-    [key: string]: any;
-}
-/**
- * Adds schema definition to component without creating DOM
- * This establishes the blueprint for the component's layout
- * before materializing it with withDom
- *
- * @param config Configuration containing schema definition
- * @returns Component enhancer with schema definition
- *
- * @example
- * ```ts
- * // Add layout to a component
- * const component = pipe(
- *   createBase,
- *   withLayout(config),
- *   withIcon(config),
- *   withLabel(config),
- *   withDom()
- * )(config);
- * ```
- */
-export declare const withLayout: (config: LayoutConfig) => (component: any) => any;

package/dist/core/composition/index.d.ts

@@ -1,16 +0,0 @@
-/**
- * @module core/composition
- * @description Composition utilities for creating components using the structure-based approach
- *
- * The composition module provides features that work with the structure definition
- * mechanism. Unlike traditional features that directly modify the DOM, these
- * features modify a layout schema that is later used to create DOM elements.
- *
- * This approach provides several advantages:
- * - Clearer separation between layout and DOM creation
- * - More predictable component creation process
- * - Better support for server-side rendering
- * - Enhanced testability
- */
-export { withLayout, withDom, withIcon, withLabel, } from './features';
-export type { IconConfig, LabelConfig } from './features';

package/dist/core/gestures/index.d.ts

@@ -1,12 +0,0 @@
-/**
- * @module core/gestures
- * @description Modular gesture recognition system for touch and mouse interactions
- */
-export { createGestureManager, GESTURE_TYPES, SWIPE_DIRECTIONS } from './manager';
-export { detectTap } from './tap';
-export { detectSwipe } from './swipe';
-export { detectLongPress } from './longpress';
-export { detectPinch } from './pinch';
-export { detectRotate } from './rotate';
-export { detectPan } from './pan';
-export type { GestureManager, GestureConfig, GestureEvent, TapEvent, SwipeEvent, LongPressEvent, PinchEvent, RotateEvent, PanEvent, AnyGestureEvent, GestureHandler, GestureState, GestureDetectionContext } from './types';

package/dist/core/gestures/longpress.d.ts

@@ -1,23 +0,0 @@
-/**
- * @module core/gestures
- * @description Long press gesture detection
- */
-import { LongPressEvent, GestureDetectionContext } from './types';
-/**
- * Detect long press gesture
- *
- * This is slightly different from other gesture detectors as it sets up a timer
- * and returns a callback function that will be triggered when the timer completes.
- *
- * @param context - Gesture detection context
- * @param callback - Function to call when long press is detected
- * @returns Cleanup function to cancel the long press detection
- */
-export declare function detectLongPress(context: GestureDetectionContext, callback: (event: LongPressEvent) => void): () => void;
-/**
- * Check if movement would cancel a long press
- *
- * @param context - Gesture detection context
- * @returns Whether the long press should be canceled
- */
-export declare function shouldCancelLongPress(context: GestureDetectionContext): boolean;

package/dist/core/gestures/manager.d.ts

@@ -1,14 +0,0 @@
-/**
- * @module core/gestures
- * @description Gesture management system for handling touch and mouse interactions
- */
-import { GestureConfig, GestureManager, GESTURE_TYPES, SWIPE_DIRECTIONS } from './types';
-export { GESTURE_TYPES, SWIPE_DIRECTIONS };
-/**
- * Creates a gesture manager for handling touch and mouse interactions
- *
- * @param element - DOM element to attach gesture recognition to
- * @param config - Configuration options
- * @returns Gesture manager instance
- */
-export declare const createGestureManager: (element: HTMLElement, config?: GestureConfig) => GestureManager;

package/dist/core/gestures/pan.d.ts

@@ -1,12 +0,0 @@
-/**
- * @module core/gestures
- * @description Pan gesture detection
- */
-import { PanEvent, GestureDetectionContext } from "./types";
-/**
- * Detect pan gesture
- *
- * @param context - Gesture detection context
- * @returns Pan event or null if no significant movement
- */
-export declare function detectPan(context: GestureDetectionContext): PanEvent | null;

package/dist/core/gestures/pinch.d.ts

@@ -1,14 +0,0 @@
-/**
- * @module core/gestures
- * @description Pinch gesture detection
- */
-import { PinchEvent, GestureDetectionContext } from "./types";
-/**
- * Detect pinch gesture
- *
- * @param context - Gesture detection context
- * @param touch1 - First touch point
- * @param touch2 - Second touch point
- * @returns Pinch event or null if no pinch detected
- */
-export declare function detectPinch(context: GestureDetectionContext, touch1: Touch, touch2: Touch): PinchEvent | null;

package/dist/core/gestures/rotate.d.ts

@@ -1,14 +0,0 @@
-/**
- * @module core/gestures
- * @description Rotate gesture detection
- */
-import { RotateEvent, GestureDetectionContext } from "./types";
-/**
- * Detect rotate gesture
- *
- * @param context - Gesture detection context
- * @param touch1 - First touch point
- * @param touch2 - Second touch point
- * @returns Rotate event or null if no rotation detected
- */
-export declare function detectRotate(context: GestureDetectionContext, touch1: Touch, touch2: Touch): RotateEvent | null;

package/dist/core/gestures/swipe.d.ts

@@ -1,20 +0,0 @@
-/**
- * @module core/gestures
- * @description Swipe gesture detection
- */
-import { SwipeEvent, GestureDetectionContext, SWIPE_DIRECTIONS } from './types';
-/**
- * Determine swipe direction based on delta X and Y
- *
- * @param deltaX - Distance moved in X direction
- * @param deltaY - Distance moved in Y direction
- * @returns Direction of the swipe
- */
-export declare function getSwipeDirection(deltaX: number, deltaY: number): SWIPE_DIRECTIONS;
-/**
- * Detect swipe gesture
- *
- * @param context - Gesture detection context
- * @returns Swipe event or null if no swipe detected
- */
-export declare function detectSwipe(context: GestureDetectionContext): SwipeEvent | null;

package/dist/core/gestures/tap.d.ts

@@ -1,12 +0,0 @@
-/**
- * @module core/gestures
- * @description Tap gesture detection
- */
-import { TapEvent, GestureDetectionContext } from './types';
-/**
- * Detect tap gesture
- *
- * @param context - Gesture detection context
- * @returns Tap event or null if no tap detected
- */
-export declare function detectTap(context: GestureDetectionContext): TapEvent | null;

package/dist/core/gestures/types.d.ts

@@ -1,320 +0,0 @@
-/**
- * @module core/gestures
- * @description Type definitions for the gesture system
- */
-/**
- * Types of gestures supported by the system
- */
-export declare enum GESTURE_TYPES {
-    TAP = "tap",
-    SWIPE = "swipe",
-    SWIPE_LEFT = "swipeleft",
-    SWIPE_RIGHT = "swiperight",
-    SWIPE_UP = "swipeup",
-    SWIPE_DOWN = "swipedown",
-    PINCH = "pinch",
-    ROTATE = "rotate",
-    LONG_PRESS = "longpress",
-    PAN = "pan"
-}
-/**
- * Direction of swipe gestures
- */
-export declare enum SWIPE_DIRECTIONS {
-    UP = "up",
-    DOWN = "down",
-    LEFT = "left",
-    RIGHT = "right"
-}
-/**
- * Configuration options for gesture recognition
- */
-export interface GestureConfig {
-    /**
-     * Minimum distance (in pixels) to recognize a swipe
-     * @default 30
-     */
-    swipeThreshold?: number;
-    /**
-     * Maximum time (in ms) in which a swipe must be completed
-     * @default 300
-     */
-    swipeTimeThreshold?: number;
-    /**
-     * Time (in ms) to recognize a long press
-     * @default 500
-     */
-    longPressTime?: number;
-    /**
-     * Distance threshold (in pixels) for tap recognition
-     * @default 10
-     */
-    tapDistanceThreshold?: number;
-    /**
-     * Whether to prevent default behaviors on touch events
-     * @default true
-     */
-    preventDefault?: boolean;
-    /**
-     * Whether to stop event propagation
-     * @default false
-     */
-    stopPropagation?: boolean;
-    [key: string]: any;
-}
-/**
- * Base gesture event data
- */
-export interface GestureEvent {
-    /**
-     * Type of the gesture
-     */
-    type: string;
-    /**
-     * Original DOM event
-     */
-    originalEvent: Event;
-    /**
-     * Element the gesture was triggered on
-     */
-    target: EventTarget;
-    /**
-     * Timestamp when the gesture started
-     */
-    startTime: number;
-    /**
-     * Timestamp when the gesture ended
-     */
-    endTime: number;
-    /**
-     * Gesture duration in milliseconds
-     */
-    duration: number;
-    /**
-     * Whether default behavior was prevented
-     */
-    defaultPrevented: boolean;
-    /**
-     * Prevent default behavior
-     */
-    preventDefault: () => void;
-    /**
-     * Stop event propagation
-     */
-    stopPropagation: () => void;
-}
-/**
- * Tap gesture event data
- */
-export interface TapEvent extends GestureEvent {
-    type: 'tap';
-    /**
-     * Number of taps (for double tap detection)
-     */
-    count: number;
-    /**
-     * X position of the tap
-     */
-    x: number;
-    /**
-     * Y position of the tap
-     */
-    y: number;
-}
-/**
- * Swipe gesture event data
- */
-export interface SwipeEvent extends GestureEvent {
-    type: 'swipe' | 'swipeleft' | 'swiperight' | 'swipeup' | 'swipedown';
-    /**
-     * Direction of the swipe
-     */
-    direction: 'up' | 'down' | 'left' | 'right';
-    /**
-     * Distance swiped in the X direction
-     */
-    deltaX: number;
-    /**
-     * Distance swiped in the Y direction
-     */
-    deltaY: number;
-    /**
-     * Total distance swiped
-     */
-    distance: number;
-    /**
-     * Velocity of the swipe in pixels per millisecond
-     */
-    velocity: number;
-    /**
-     * Start X position
-     */
-    startX: number;
-    /**
-     * Start Y position
-     */
-    startY: number;
-    /**
-     * End X position
-     */
-    endX: number;
-    /**
-     * End Y position
-     */
-    endY: number;
-}
-/**
- * Long press gesture event data
- */
-export interface LongPressEvent extends GestureEvent {
-    type: 'longpress';
-    /**
-     * X position of the long press
-     */
-    x: number;
-    /**
-     * Y position of the long press
-     */
-    y: number;
-}
-/**
- * Pinch gesture event data
- */
-export interface PinchEvent extends GestureEvent {
-    type: 'pinch';
-    /**
-     * Scale factor of the pinch (>1 for zoom in, <1 for zoom out)
-     */
-    scale: number;
-    /**
-     * Center X position of the pinch
-     */
-    centerX: number;
-    /**
-     * Center Y position of the pinch
-     */
-    centerY: number;
-}
-/**
- * Rotate gesture event data
- */
-export interface RotateEvent extends GestureEvent {
-    type: 'rotate';
-    /**
-     * Rotation angle in degrees
-     */
-    rotation: number;
-    /**
-     * Center X position of the rotation
-     */
-    centerX: number;
-    /**
-     * Center Y position of the rotation
-     */
-    centerY: number;
-}
-/**
- * Pan gesture event data
- */
-export interface PanEvent extends GestureEvent {
-    type: 'pan';
-    /**
-     * Distance panned in the X direction
-     */
-    deltaX: number;
-    /**
-     * Distance panned in the Y direction
-     */
-    deltaY: number;
-    /**
-     * Start X position
-     */
-    startX: number;
-    /**
-     * Start Y position
-     */
-    startY: number;
-    /**
-     * Current X position
-     */
-    currentX: number;
-    /**
-     * Current Y position
-     */
-    currentY: number;
-}
-/**
- * Union type of all gesture events
- */
-export type AnyGestureEvent = TapEvent | SwipeEvent | LongPressEvent | PinchEvent | RotateEvent | PanEvent;
-/**
- * Handler for gesture events
- */
-export type GestureHandler = (event: AnyGestureEvent) => void;
-/**
- * Gesture state for tracking touch interactions
- */
-export interface GestureState {
-    active: boolean;
-    startTime: number;
-    startX: number;
-    startY: number;
-    lastX: number;
-    lastY: number;
-    currentX: number;
-    currentY: number;
-    touchCount: number;
-    longPressTimer: number | null;
-    startDistance: number;
-    startAngle: number;
-    lastTapTime: number;
-    tapCount: number;
-    target: EventTarget | null;
-}
-/**
- * Context for gesture detection
- */
-export interface GestureDetectionContext {
-    state: GestureState;
-    options: Required<GestureConfig>;
-    originalEvent: Event;
-}
-/**
- * Gesture manager interface
- */
-export interface GestureManager {
-    /**
-     * Add an event listener for a gesture
-     * @param eventType - Gesture type
-     * @param handler - Event handler
-     * @returns Gesture manager for chaining
-     */
-    on: (eventType: string, handler: GestureHandler) => GestureManager;
-    /**
-     * Remove an event listener for a gesture
-     * @param eventType - Gesture type
-     * @param handler - Event handler
-     * @returns Gesture manager for chaining
-     */
-    off: (eventType: string, handler: GestureHandler) => GestureManager;
-    /**
-     * Check if a gesture is supported on the current device
-     * @param gestureType - Type of gesture to check
-     * @returns Whether the gesture is supported
-     */
-    isSupported: (gestureType: string) => boolean;
-    /**
-     * Enable gesture recognition
-     * @returns Gesture manager for chaining
-     */
-    enable: () => GestureManager;
-    /**
-     * Disable gesture recognition
-     * @returns Gesture manager for chaining
-     */
-    disable: () => GestureManager;
-    /**
-     * Clean up event listeners
-     */
-    destroy: () => void;
-}

package/dist/core/gestures/utils.d.ts

@@ -1,57 +0,0 @@
-/**
- * @module core/gestures
- * @description Utility functions for gesture detection
- */
-import { GestureEvent, GestureState } from './types';
-/**
- * Calculate distance between two points
- *
- * @param x1 - X coordinate of first point
- * @param y1 - Y coordinate of first point
- * @param x2 - X coordinate of second point
- * @param y2 - Y coordinate of second point
- * @returns Distance between the points
- */
-export declare function getDistance(x1: number, y1: number, x2: number, y2: number): number;
-/**
- * Calculate angle between two points in degrees (0-360)
- *
- * @param x1 - X coordinate of first point
- * @param y1 - Y coordinate of first point
- * @param x2 - X coordinate of second point
- * @param y2 - Y coordinate of second point
- * @returns Angle in degrees
- */
-export declare function getAngle(x1: number, y1: number, x2: number, y2: number): number;
-/**
- * Create a base gesture event
- *
- * @param type - Type of gesture
- * @param originalEvent - Original DOM event
- * @param state - Current gesture state
- * @returns Base gesture event object
- */
-export declare function createGestureEvent(type: string, originalEvent: Event, state: GestureState): GestureEvent;
-/**
- * Detect if the device supports touch events
- *
- * @returns Whether touch is supported
- */
-export declare function hasTouchSupport(): boolean;
-/**
- * Detect if the device supports pointer events
- *
- * @returns Whether pointer events are supported
- */
-export declare function hasPointerSupport(): boolean;
-/**
- * Extract normalized touch coordinates from an event
- * Works with mouse events, touch events and pointer events
- *
- * @param e - DOM event
- * @returns Object with clientX and clientY coordinates
- */
-export declare function getTouchCoordinates(e: MouseEvent | TouchEvent | PointerEvent): {
-    clientX: number;
-    clientY: number;
-};

package/dist/core/layout/array.d.ts

@@ -1,20 +0,0 @@
-/**
- * @module core/layout
- * @description Processor for array-based layout schemas
- */
-import { LayoutResult, LayoutOptions } from "./types";
-/**
- * Type for schema items
- */
-type SchemaItem = Function | string | Record<string, unknown> | SchemaItem[];
-/**
- * Processes an array-based layout definition
- *
- * @param schema - Array-based layout definition
- * @param parentElement - Optional parent element to attach layout to
- * @param level - Current recursion level
- * @param options - Layout creation options
- * @returns Layout result object
- */
-export declare function processArraySchema(schema: SchemaItem[], parentElement?: HTMLElement | null, level?: number, options?: LayoutOptions): LayoutResult;
-export {};