zs3-ui-components 1.2.3 → 1.2.5

package/README.md

@@ -1,6 +1,6 @@
 # ZS3 UI Components
 
-**v1.2.3** · Modern Web Components library with built-in theming, i18n, reactive state, HTTP client, and more.
+**v1.2.4** · Modern Web Components library with built-in theming, i18n, reactive state, HTTP client, and more.
 
 ZS3 UI Components is a zero-dependency UI library based on native **Web Components** (Custom Elements + Shadow DOM). It provides a complete set of UI components and utilities that work in any framework or in plain HTML.
 
@@ -1984,7 +1984,7 @@ Logger avançat amb nivells i formatació a la consola del navegador.
 ```ts
 import { log } from 'zs3-ui-components'
 
-log.info('Aplicació iniciada', { version: '1.2.3' })
+log.info('Aplicació iniciada', { version: '1.2.4' })
 log.warn('Configuració incompleta', { missing: 'api-key' })
 log.error('Error en la petició', { code: 500, url: '/api/users' })
 log.success('Operació completada!')

package/dist/components/zs3-Window.d.ts

@@ -59,6 +59,14 @@ export declare class $Window extends $BaseComponent {
      * After mount setup
      */
     protected afterMount(): void;
+    /**
+     * Before unmount cleanup
+     */
+    protected beforeUnmount(): void;
+    /**
+     * Setup resize handles on the 4 corners
+     */
+    private setupResizeHandles;
     /**
      * Setup event listeners
      */
@@ -85,5 +93,6 @@ export declare class $Window extends $BaseComponent {
     closable: boolean;
     minimizable: boolean;
     maximizable: boolean;
+    resizable: boolean;
     i18nTitle: string | null;
 }

package/dist/components/zs3-common.d.ts

@@ -104,4 +104,69 @@ export declare const isMoveEnabled: (dragHandle: HTMLElement) => boolean;
  * @returns La direcció de moviment o undefined si no està activat
  */
 export declare const getMoveDirection: (dragHandle: HTMLElement) => MoveDirection | undefined;
+/**
+ * Cantonada de redimensió
+ */
+export type ResizeCorner = 'nw' | 'ne' | 'sw' | 'se';
+/**
+ * Elements handle per a cada cantonada
+ */
+export interface ResizeHandles {
+    nw?: HTMLElement | null;
+    ne?: HTMLElement | null;
+    sw?: HTMLElement | null;
+    se?: HTMLElement | null;
+}
+/**
+ * Configuració per a la funcionalitat de redimensió
+ */
+export interface ResizeConfig {
+    /** L'element HTML que es redimensionarà */
+    container: HTMLElement;
+    /** Elements handle per a cada cantonada */
+    handles: ResizeHandles;
+    /** Amplada mínima en píxels (per defecte 100) */
+    minWidth?: number;
+    /** Alçada mínima en píxels (per defecte 60) */
+    minHeight?: number;
+    /** Amplada màxima en píxels (opcional) */
+    maxWidth?: number;
+    /** Alçada màxima en píxels (opcional) */
+    maxHeight?: number;
+}
+/**
+ * Detall dels esdeveniments de resize
+ */
+export interface ResizeEventDetail {
+    element: HTMLElement;
+    corner: ResizeCorner;
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+}
+/**
+ * Aplica la funcionalitat de redimensió a un element a través de handles de cantonada.
+ * Suporta ratolí i tàctil. Cada cantonada ajusta width/height i, si l'element
+ * està posicionat (ex: window amb move), també left/top.
+ *
+ * @param config - Configuració del resize
+ *
+ * @example
+ * ```typescript
+ * resize({
+ *   container: windowElement,
+ *   handles: { nw: handleNW, ne: handleNE, sw: handleSW, se: handleSE },
+ *   minWidth: 200,
+ *   minHeight: 120,
+ * })
+ * ```
+ */
+export declare const resize: (config: ResizeConfig) => void;
+/**
+ * Desactiva la funcionalitat de resize d'un conjunt de handles
+ *
+ * @param handles - Els elements handle a netejar
+ */
+export declare const disableResize: (handles: ResizeHandles) => void;
 export declare const generateEvent: (eventDescription: EventDescription) => void;