@sme.up/ketchup 11.0.0-SNAPSHOT-20250205143327 → 11.0.0-SNAPSHOT-20250205160050

package/dist/ketchup/{p-742e1ca0.js → p-dcd875f8.js}

@@ -1 +1 @@
-import{h as e}from"./p-b0368f88.js";import{I as l,aw as t,r as n,a,h as o}from"./p-b2ed96d1.js";import{F as i}from"./p-d39c3267.js";import{a as r}from"./p-e3062c19.js";var s;!function(e){e.SIMPLE="simple",e.FULL="full"}(s||(s={}));const u=document.documentElement,p=p=>{p.perPage||(p.perPage=1e3),p.perPage>p.max&&(p.perPage=p.max);const m=Math.ceil(p.max/p.perPage),f=function(e,l){const t=[];for(let n=1;n<=l;n++){const l=n==e.currentPage;t.push({id:n.toString(),selected:l,value:n.toString()})}return t}(p,m),b=function(e){const l=[],t=Math.min(e.max,e.maxRowsPerPage);let n=e.perPage;if(0===n)return l;for(;n<t;){const t=n==e.perPage;l.push({id:n.toString(),selected:t,value:n.toString()}),n*=2}const a=t==e.perPage;return l.push({id:t.toString(),selected:a,value:t.toString()}),l}(p),h={"kup-list":{data:f,displayMode:l.CODE},"kup-text-field":{label:u.ketchup.language.translate(t.PAGE),helper:u.ketchup.language.translate(t.TOTAL)+`: ${m}`,helperWhenFocused:!0,inputType:"number",max:m,min:1,size:5}},g={"kup-list":{data:b,displayMode:l.CODE},"kup-text-field":{label:u.ketchup.language.translate(n.ROWS)+" / "+u.ketchup.language.translate(t.PAGE),helper:u.ketchup.language.translate(n.TOTAL)+`: ${p.max}`,helperWhenFocused:!0,inputType:"number",max:p.max,min:1,size:5}};return e("div",Object.assign({class:`f-paginator ${p.mode?p.mode:""} ${p.wrapperClass?p.wrapperClass:""}`},p.dataSet,{id:p.id,title:p.title}),p.onLoadMore?e(i,{icon:"plus",onClick:p.onLoadMore,label:u.ketchup.language.translate(o.LOAD_MORE),sizing:a.SMALL,styling:r.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,displayMode:l.CODE,initialValue:p.perPage.toString(),initialValueDecode:p.perPage.toString(),"onkup-combobox-change":p.onRowsChange}),e("kup-combobox",{class:"page-selector",data:h,displayMode:l.CODE,initialValue:p.currentPage.toString(),initialValueDecode:p.currentPage.toString(),"onkup-combobox-change":p.onPageChange}),p.showMaxPages?e("div",{class:"max-page-wrapper"},e("label",{htmlFor:"page-selector"},"/ "+m)):null,e("div",{class:"arrow-wrapper"},p.mode!==s.SIMPLE?e(i,{icon:"chevron_left",disabled:d(p),onClick:p.onPrevPage,sizing:a.SMALL,styling:r.FLAT,wrapperClass:"kup-neutral prev-page"}):null,p.mode!==s.SIMPLE?e(i,{icon:"chevron_right",disabled:c(p),onClick:p.onNextPage,sizing:a.SMALL,styling:r.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function c(e){return e.currentPage*e.perPage>=e.max}function d(e){return 1==e.currentPage}const m=document.documentElement;function f(e,l,t){if(m.ketchup.math.isNumber(e)){const n=Math.ceil(l/t);let a=e;return a>n&&(a=n),a<1&&(a=1),a}return null}function b(e,l){if(m.ketchup.math.isNumber(e)){let t=e;return t>l&&(t=l),t<1&&(t=1),t}return null}export{p as F,f as p,b as r}
+import{h as e}from"./p-b0368f88.js";import{I as l,aw as t,r as n,a,h as o}from"./p-bccb0dd8.js";import{F as i}from"./p-d39c3267.js";import{a as r}from"./p-e3062c19.js";var s;!function(e){e.SIMPLE="simple",e.FULL="full"}(s||(s={}));const u=document.documentElement,c=c=>{c.perPage||(c.perPage=1e3),c.perPage>c.max&&(c.perPage=c.max);const m=Math.ceil(c.max/c.perPage),f=function(e,l){const t=[];for(let n=1;n<=l;n++){const l=n==e.currentPage;t.push({id:n.toString(),selected:l,value:n.toString()})}return t}(c,m),b=function(e){const l=[],t=Math.min(e.max,e.maxRowsPerPage);let n=e.perPage;if(0===n)return l;for(;n<t;){const t=n==e.perPage;l.push({id:n.toString(),selected:t,value:n.toString()}),n*=2}const a=t==e.perPage;return l.push({id:t.toString(),selected:a,value:t.toString()}),l}(c),h={"kup-list":{data:f,displayMode:l.CODE},"kup-text-field":{label:u.ketchup.language.translate(t.PAGE),helper:u.ketchup.language.translate(t.TOTAL)+`: ${m}`,helperWhenFocused:!0,inputType:"number",max:m,min:1,size:5}},g={"kup-list":{data:b,displayMode:l.CODE},"kup-text-field":{label:u.ketchup.language.translate(n.ROWS)+" / "+u.ketchup.language.translate(t.PAGE),helper:u.ketchup.language.translate(n.TOTAL)+`: ${c.max}`,helperWhenFocused:!0,inputType:"number",max:c.max,min:1,size:5}};return e("div",Object.assign({class:`f-paginator ${c.mode?c.mode:""} ${c.wrapperClass?c.wrapperClass:""}`},c.dataSet,{id:c.id,title:c.title}),c.onLoadMore?e(i,{icon:"plus",onClick:c.onLoadMore,label:u.ketchup.language.translate(o.LOAD_MORE),sizing:a.SMALL,styling:r.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,displayMode:l.CODE,initialValue:c.perPage.toString(),initialValueDecode:c.perPage.toString(),"onkup-combobox-change":c.onRowsChange}),e("kup-combobox",{class:"page-selector",data:h,displayMode:l.CODE,initialValue:c.currentPage.toString(),initialValueDecode:c.currentPage.toString(),"onkup-combobox-change":c.onPageChange}),c.showMaxPages?e("div",{class:"max-page-wrapper"},e("label",{htmlFor:"page-selector"},"/ "+m)):null,e("div",{class:"arrow-wrapper"},c.mode!==s.SIMPLE?e(i,{icon:"chevron_left",disabled:d(c),onClick:c.onPrevPage,sizing:a.SMALL,styling:r.FLAT,wrapperClass:"kup-neutral prev-page"}):null,c.mode!==s.SIMPLE?e(i,{icon:"chevron_right",disabled:p(c),onClick:c.onNextPage,sizing:a.SMALL,styling:r.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function p(e){return e.currentPage*e.perPage>=e.max}function d(e){return 1==e.currentPage}const m=document.documentElement;function f(e,l,t){if(m.ketchup.math.isNumber(e)){const n=Math.ceil(l/t);let a=e;return a>n&&(a=n),a<1&&(a=1),a}return null}function b(e,l){if(m.ketchup.math.isNumber(e)){let t=e;return t>l&&(t=l),t<1&&(t=1),t}return null}export{c as F,f as p,b as r}

package/dist/types/components/kup-dialog/kup-dialog-declarations.d.ts

@@ -8,6 +8,9 @@ export declare enum KupDialogProps {
     header = "Header options.",
     modal = "Set of options to display the dialog as a modal.",
     resizable = "Sets whether the dialog is resizable or not.",
+    anchor = "Sets anchor position (\"none\", \"left\", \"top\", \"right\", \"bottom\")",
+    minSizeY = "The min height of the dialog.",
+    minSizeX = "The min width of the dialog.",
     sizeX = "The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.).",
     sizeY = "The height of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).",
     maxSizeY = "The max height of the dialog, defaults to 90dvh.",

package/dist/types/components/kup-dialog/kup-dialog.d.ts

@@ -33,6 +33,21 @@ export declare class KupDialog {
      * @default "true"
      */
     resizable: boolean;
+    /**
+     * Sets anchor position ("none", "left", "top", "right", "bottom").
+     * @default "none"
+     */
+    anchor: 'none' | 'left' | 'top' | 'right' | 'bottom';
+    /**
+     * The min width of the dialog.
+     * @default "auto"
+     */
+    minSizeX: string;
+    /**
+     * The min height of the dialog.
+     * @default "auto"
+     */
+    minSizeY: string;
     /**
      * The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.).
      * @default "auto"
@@ -80,6 +95,7 @@ export declare class KupDialog {
     setProps(props: GenericObject): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    componentDidUpdate(): void;
     componentWillRender(): void;
     componentDidRender(): void;
     render(): any;

package/dist/types/components.d.ts

@@ -1949,6 +1949,11 @@ export namespace Components {
         "sizing": KupComponentSizing;
     }
     interface KupDialog {
+        /**
+          * Sets anchor position ("none", "left", "top", "right", "bottom").
+          * @default "none"
+         */
+        "anchor": 'none' | 'left' | 'top' | 'right' | 'bottom';
         /**
           * Auto centers the dialog relatively to the viewport.
           * @default "{ onReady: true }"
@@ -1985,6 +1990,16 @@ export namespace Components {
           * @default "auto"
          */
         "maxSizeY": string;
+        /**
+          * The min width of the dialog.
+          * @default "auto"
+         */
+        "minSizeX": string;
+        /**
+          * The min height of the dialog.
+          * @default "auto"
+         */
+        "minSizeY": string;
         /**
           * Set of options to display the dialog as a modal.
           * @default "{ closeOnBackdropClick: true }"
@@ -7774,6 +7789,11 @@ declare namespace LocalJSX {
         "sizing"?: KupComponentSizing;
     }
     interface KupDialog {
+        /**
+          * Sets anchor position ("none", "left", "top", "right", "bottom").
+          * @default "none"
+         */
+        "anchor"?: 'none' | 'left' | 'top' | 'right' | 'bottom';
         /**
           * Auto centers the dialog relatively to the viewport.
           * @default "{ onReady: true }"
@@ -7800,6 +7820,16 @@ declare namespace LocalJSX {
           * @default "auto"
          */
         "maxSizeY"?: string;
+        /**
+          * The min width of the dialog.
+          * @default "auto"
+         */
+        "minSizeX"?: string;
+        /**
+          * The min height of the dialog.
+          * @default "auto"
+         */
+        "minSizeY"?: string;
         /**
           * Set of options to display the dialog as a modal.
           * @default "{ closeOnBackdropClick: true }"

package/dist/types/managers/kup-interact/kup-interact-declarations.d.ts

@@ -1,4 +1,4 @@
-import type { DropEvent, InteractEvent } from '@interactjs/types/index';
+import type { DropEvent, EdgeOptions, InteractEvent } from '@interactjs/types/index';
 import type { ResizeEvent } from '@interactjs/actions/resize/plugin';
 import { KupBoxRow } from '../../components/kup-box/kup-box-declarations';
 import { KupDataCell, KupDataColumn, KupDataRow } from '../kup-data/kup-data-declarations';
@@ -126,3 +126,22 @@ export interface KupDropEventTarget {
     cell?: KupDataCell;
     column?: KupDataColumn;
 }
+/**
+ * Dialogify options
+ */
+export interface KupDialogifyOptions {
+    isResizable?: boolean;
+    isDraggable?: boolean;
+    onResize?: (e: ResizeEvent) => void;
+    resizeConstraints?: {
+        min?: {
+            width: number;
+            height: number;
+        };
+        max?: {
+            width: number;
+            height: number;
+        };
+    };
+    edges?: EdgeOptions | null;
+}

package/dist/types/managers/kup-interact/kup-interact.d.ts

@@ -1,7 +1,7 @@
 import type { Interaction } from '@interactjs/core/Interaction';
 import type { ActionMap } from '@interactjs/core/scope';
 import type { DraggableOptions, DropzoneOptions, ListenersArg, Point, RectResolvable, ResizableOptions } from '@interactjs/types/index';
-import { KupDragCallbacks, KupDragEffect, KupDragEventData, KupDropCallbacks, KupDropEventData, KupPointerEventTypes, KupResizeCallbacks } from './kup-interact-declarations';
+import { KupDialogifyOptions, KupDragCallbacks, KupDragEffect, KupDragEventData, KupDropCallbacks, KupDropEventData, KupPointerEventTypes, KupResizeCallbacks } from './kup-interact-declarations';
 /**
  * This class handles elements as dialogs, making them resizable and movable.
  * @module KupInteract
@@ -80,14 +80,18 @@ export declare class KupInteract {
      * This method gives the element dialog-like features, by activating moving on drag and, optionally, the resize.
      * @param {HTMLElement} el - Dialog element.
      * @param {HTMLElement} handleEl - Element that must be dragged in order to trigger movement. When not provided, dragging anywhere on "el" will move it.
-     * @param {boolean} unresizable - When true, the dialog can't be resized.
+     * @param {KupDialogifyOptions} options - Sets the options for dialogify.
      * @param {RectResolvable<[number, number, Interaction<keyof ActionMap>]>} restrictContainer - When present, it will set the constraint of "el": it can't be moved outside this container.
      */
-    dialogify(el: HTMLElement, handleEl?: HTMLElement, unresizable?: boolean, restrictContainer?: RectResolvable<[
+    dialogify(el: HTMLElement, handleEl?: HTMLElement, options?: KupDialogifyOptions, restrictContainer?: RectResolvable<[
         number,
         number,
         Interaction<keyof ActionMap>
     ]>): void;
+    /**
+     * Undialogify element
+     */
+    undialogify(el: HTMLElement): void;
     /**
      * Hides the modal's backdrop.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "11.0.0-SNAPSHOT-20250205143327",
+    "version": "11.0.0-SNAPSHOT-20250205160050",
     "keywords": [
         "smeup",
         "KetchUP",