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

package/dist/components/{p-9fe00131.js → p-9dd16ce7.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-2e5f2e07.js';
-import { c as KupThemeIconValues, I as ItemsDisplayMode, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, b as KupThemeColorValues, R as RADAdapter, C as CMBandACPAdapter, j as KupTagNames, l as FCellShapes, m as getCellValueForDisplay, n as fullWidthFieldsComps, o as autoCenterComps, p as FCellEvents, q as isForceUppercase, r as isForceLowercase, t as KupDebugCategory, u as adaptContentToDisplayMode, v as FCellPadding, w as fillString, x as KupCardBuiltInClockElements, y as KupCardCSSClasses, z as KupLanguageTotals, A as KupLanguageColumn, B as KupDataNewColumnTypes, D as KupCardSubEvents, E as KupCardIds, G as KupLanguageRow, H as getColumnByName, J as KupObjects, L as formatToNumber, M as Filters, N as getValueForDisplay, O as getValueForDisplay2, P as KupData, Q as compareCell, T as TotalMode, S as getRegExpFromString, U as CHKAdapter, V as CHIAdapter, W as SWTAdapter, X as SortMode, Y as GroupLabelDisplayMode, Z as SelectionMode, _ as KupLanguageGrouping, $ as KupLanguageCheckbox, a0 as KupLanguageSearch, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as KupListProps, aa as KupCardFamily, ab as KupListRole, ac as KupLanguageUpload, ad as identify, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as FixedCellsClasses, an as FixedCellsCSSVarsBase, ao as KupLanguageFontsize, ap as KupLanguageDensity, aq as KupLanguageGrid, ar as KupDataTableProps, as as DataTableAreasEnum, at as iconColumn, au as keyColumn, av as fieldColumn, aw as KupCardProps } from './p-700a322b.js';
+import { c as KupThemeIconValues, I as ItemsDisplayMode, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, b as KupThemeColorValues, R as RADAdapter, C as CMBandACPAdapter, j as KupTagNames, l as FCellShapes, m as getCellValueForDisplay, n as fullWidthFieldsComps, o as autoCenterComps, p as FCellEvents, q as isForceUppercase, r as isForceLowercase, t as KupDebugCategory, u as adaptContentToDisplayMode, v as FCellPadding, w as fillString, x as KupCardBuiltInClockElements, y as KupCardCSSClasses, z as KupLanguageTotals, A as KupLanguageColumn, B as KupDataNewColumnTypes, D as KupCardSubEvents, E as KupCardIds, G as KupLanguageRow, H as getColumnByName, J as KupObjects, L as formatToNumber, M as Filters, N as getValueForDisplay, O as getValueForDisplay2, P as KupData, Q as compareCell, T as TotalMode, S as getRegExpFromString, U as CHKAdapter, V as CHIAdapter, W as SWTAdapter, X as SortMode, Y as GroupLabelDisplayMode, Z as SelectionMode, _ as KupLanguageGrouping, $ as KupLanguageCheckbox, a0 as KupLanguageSearch, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as KupListProps, aa as KupCardFamily, ab as KupListRole, ac as KupLanguageUpload, ad as identify, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as FixedCellsClasses, an as FixedCellsCSSVarsBase, ao as KupLanguageFontsize, ap as KupLanguageDensity, aq as KupLanguageGrid, ar as KupDataTableProps, as as DataTableAreasEnum, at as iconColumn, au as keyColumn, av as fieldColumn, aw as KupCardProps } from './p-09fe5413.js';
 import { h, g as getAssetPath, F as Fragment } from './p-3aae989f.js';
 import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './p-1581348d.js';
 
@@ -12720,6 +12720,9 @@ var KupDialogProps;
     KupDialogProps["header"] = "Header options.";
     KupDialogProps["modal"] = "Set of options to display the dialog as a modal.";
     KupDialogProps["resizable"] = "Sets whether the dialog is resizable or not.";
+    KupDialogProps["anchor"] = "Sets anchor position (\"none\", \"left\", \"top\", \"right\", \"bottom\")";
+    KupDialogProps["minSizeY"] = "The min height of the dialog.";
+    KupDialogProps["minSizeX"] = "The min width of the dialog.";
     KupDialogProps["sizeX"] = "The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.).";
     KupDialogProps["sizeY"] = "The height of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).";
     KupDialogProps["maxSizeY"] = "The max height of the dialog, defaults to 90dvh.";
@@ -21246,7 +21249,7 @@ function defineCustomElement$e() {
     } });
 }
 
-const kupDialogCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_dialogheader_text_color:var(\n    --kup-dialogheader-text-color,\n    var(--kup-text-secondary)\n  );--kup_dialog_background_color:var(\n    --kup-dialog-background-color,\n    var(--kup-layer-0)\n  );--kup_dialog_header_background_color:var(\n    --kup-dialog-header-background-color,\n    var(--kup-layer-1)\n  );--kup_dialog_header_height:var(\n    --kup-dialog-header-height,\n    var(--kup-space-09)\n  );--kup_dialog_content_max_height:var(--kup-dialog-content-max-height, 85dvh);box-sizing:border-box;display:block;height:var(--kup_dialog_height);left:var(--kup_dialog_left, -100%);min-height:var(--kup_dialog_height);min-width:var(--kup_dialog_width);max-width:var(--kup_dialog_max_width);max-height:var(--kup_dialog_max_height);position:absolute;top:var(--kup_dialog_top, -100%);transition:opacity 0.25s ease-in;width:var(--kup_dialog_width);-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px}#kup-component{height:100%;width:100%}:host([fade-in]){opacity:0}:host([fade-in]) ::slotted{opacity:0}.header{color:var(--kup_dialogheader_text_color);display:flex;flex-direction:row;height:var(--kup_dialog_header_height);position:relative;width:100%;min-height:var(--kup-space-09);background-color:var(--kup_dialog_header_background_color)}.header__title{padding:var(--kup-space-05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.header__close.f-image{--kup-icon-color:var(--kup_dialogheader_text_color);cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:var(--kup-space-05)}.header__close.f-image:hover{opacity:0.5}.content{height:calc(100% - var(--kup_dialog_header_height) - var(--kup-space-05) * 2);padding:var(--kup-space-05);overflow:auto;user-select:text;background-color:var(--kup_dialog_background_color);max-height:var(--kup_dialog_content_max_height)}";
+const kupDialogCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_dialogheader_text_color:var(\n    --kup-dialogheader-text-color,\n    var(--kup-text-secondary)\n  );--kup_dialog_background_color:var(\n    --kup-dialog-background-color,\n    var(--kup-layer-0)\n  );--kup_dialog_header_background_color:var(\n    --kup-dialog-header-background-color,\n    var(--kup-layer-1)\n  );--kup_dialog_header_height:var(\n    --kup-dialog-header-height,\n    var(--kup-space-09)\n  );--kup_dialog_content_max_height:var(--kup-dialog-content-max-height, 85dvh);box-sizing:border-box;display:block;height:var(--kup_dialog_height);left:var(--kup_dialog_left, -100%);min-height:var(--kup_dialog_min_height);min-width:var(--kup_dialog_min_width);max-width:var(--kup_dialog_max_width);max-height:var(--kup_dialog_max_height);position:absolute;top:var(--kup_dialog_top, -100%);transition:opacity 0.25s ease-in;width:var(--kup_dialog_width);-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px}#kup-component{height:100%;width:100%}:host([fade-in]){opacity:0}:host([fade-in]) ::slotted{opacity:0}:host([data-anchor=none]){inset:0}:host([data-anchor=left]){inset:0 auto 0 0;width:50%;height:100%}:host([data-anchor=top]){inset:0 0 auto 0;height:50%}:host([data-anchor=right]){inset:0 0 0 auto;width:50%}:host([data-anchor=bottom]){inset:auto 0 0 0;height:50%}.header{color:var(--kup_dialogheader_text_color);display:flex;flex-direction:row;height:var(--kup_dialog_header_height);position:relative;width:100%;min-height:var(--kup-space-09);background-color:var(--kup_dialog_header_background_color)}.header__title{padding:var(--kup-space-05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.header__close.f-image{--kup-icon-color:var(--kup_dialogheader_text_color);cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:var(--kup-space-05)}.header__close.f-image:hover{opacity:0.5}.content{height:calc(100% - var(--kup_dialog_header_height) - var(--kup-space-05) * 2);padding:var(--kup-space-05);overflow:auto;user-select:text;background-color:var(--kup_dialog_background_color);max-height:var(--kup_dialog_content_max_height)}";
 const KupDialogStyle0 = kupDialogCss;
 
 var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -21265,7 +21268,7 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupDialog_instances, _KupDialog_header, _KupDialog_kupManager, _KupDialog_recalcSafeguard, _KupDialog_disconnectedCallback;
+var _KupDialog_instances, _KupDialog_header, _KupDialog_kupManager, _KupDialog_recalcSafeguard, _KupDialog_disconnectedCallback, _KupDialog_getMinMaxDimensions, _KupDialog_onResize, _KupDialog_dialogify, _KupDialog_undialogify, _KupDialog_getEdgeOptions, _KupDialog_getStyles;
 const KupDialog = /*@__PURE__*/ proxyCustomElement(class KupDialog extends H {
     constructor() {
         super();
@@ -21285,6 +21288,9 @@ const KupDialog = /*@__PURE__*/ proxyCustomElement(class KupDialog extends H {
         this.header = { icons: { close: true } };
         this.modal = { closeOnBackdropClick: true };
         this.resizable = true;
+        this.anchor = 'none';
+        this.minSizeX = '20dvw';
+        this.minSizeY = '20dvh';
         this.sizeX = 'auto';
         this.sizeY = 'auto';
         this.maxSizeX = '90dvw';
@@ -21363,8 +21369,8 @@ const KupDialog = /*@__PURE__*/ proxyCustomElement(class KupDialog extends H {
     }
     componentDidLoad() {
         var _a;
-        __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").interact.dialogify(this.rootElement, __classPrivateFieldGet$4(this, _KupDialog_header, "f") ? __classPrivateFieldGet$4(this, _KupDialog_header, "f") : null, !this.resizable);
-        if ((_a = this.autoCenter) === null || _a === void 0 ? void 0 : _a.onReady) {
+        __classPrivateFieldGet$4(this, _KupDialog_instances, "m", _KupDialog_dialogify).call(this);
+        if (((_a = this.autoCenter) === null || _a === void 0 ? void 0 : _a.onReady) && this.anchor == 'none') {
             this.recalcPosition();
         }
         else {
@@ -21383,6 +21389,12 @@ const KupDialog = /*@__PURE__*/ proxyCustomElement(class KupDialog extends H {
         });
         __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").debug.logLoad(this, true);
     }
+    componentDidUpdate() {
+        // unregister dialog
+        __classPrivateFieldGet$4(this, _KupDialog_instances, "m", _KupDialog_undialogify).call(this);
+        // register it again
+        __classPrivateFieldGet$4(this, _KupDialog_instances, "m", _KupDialog_dialogify).call(this);
+    }
     componentWillRender() {
         __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").debug.logRender(this, false);
     }
@@ -21390,18 +21402,13 @@ const KupDialog = /*@__PURE__*/ proxyCustomElement(class KupDialog extends H {
         __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        var _a;
-        const style = {
-            '--kup_dialog_height': this.sizeY ? this.sizeY : 'auto',
-            '--kup_dialog_width': this.sizeX ? this.sizeX : 'auto',
-            '--kup_dialog_max_width': this.maxSizeX ? this.maxSizeX : '90dvw',
-            '--kup_dialog_max_height': this.maxSizeY ? this.maxSizeY : '90dvh',
-        };
+        var _a, _b;
+        let style = __classPrivateFieldGet$4(this, _KupDialog_instances, "m", _KupDialog_getStyles).call(this);
         const headerSlot = this.rootElement.querySelector('[slot="header"]');
         if (headerSlot) {
             __classPrivateFieldSet$3(this, _KupDialog_header, headerSlot, "f");
         }
-        return (h$1(Host, { key: '85b3008a0040995bdac981d0482852f53f696989', "fade-in": true, style: style }, h$1("style", { key: 'fe88280e675258f5604ee2abb4b944a4f8f11f17' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '872122d576446bb73d501de1a5248c650c1c9268', id: componentWrapperId }, this.header ? (h$1("div", { class: "header", ref: (el) => (__classPrivateFieldSet$3(this, _KupDialog_header, el, "f")) }, this.header.title ? (h$1("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h$1(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h$1("slot", { name: "header" })) : null, h$1("div", { key: 'c367d4b6a2308ef03b6fb0440a27c77a396f6cb7', class: "content" }, h$1("slot", { key: '619582bc343d3cd073289a8261844d1fc5bd9fc4', name: "content" })))));
+        return (h$1(Host, { key: '6b77e120901ad4af2375f3f39aa278645820735e', "fade-in": true, style: style, "data-anchor": ((_a = this.anchor) === null || _a === void 0 ? void 0 : _a.toString()) || 'none' }, h$1("style", { key: 'd8c4a1d878c71cf48259c2a749a18863b04bee2f' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'ee15ebb743fe59fc3e4a926eac8e21953b223d29', id: componentWrapperId }, this.header ? (h$1("div", { class: "header", ref: (el) => (__classPrivateFieldSet$3(this, _KupDialog_header, el, "f")) }, this.header.title ? (h$1("div", { class: "header__title" }, this.header.title)) : null, ((_b = this.header.icons) === null || _b === void 0 ? void 0 : _b.close) ? (h$1(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h$1("slot", { name: "header" })) : null, h$1("div", { key: '57fca041982e0a1f47479ce0ccc1369917b0c984', class: "content" }, h$1("slot", { key: 'a0397c07bb34449de093d0290ef4f981d5c70109', name: "content" })))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet$4(this, _KupDialog_instances, "m", _KupDialog_disconnectedCallback).call(this);
@@ -21414,6 +21421,9 @@ const KupDialog = /*@__PURE__*/ proxyCustomElement(class KupDialog extends H {
         "header": [16],
         "modal": [16],
         "resizable": [4],
+        "anchor": [1],
+        "minSizeX": [1, "min-size-x"],
+        "minSizeY": [1, "min-size-y"],
         "sizeX": [1, "size-x"],
         "sizeY": [1, "size-y"],
         "maxSizeX": [1, "max-size-x"],
@@ -21429,6 +21439,97 @@ _KupDialog_header = new WeakMap(), _KupDialog_kupManager = new WeakMap(), _KupDi
         __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").interact.hideModalBackdrop();
     }
     __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.unregister(this);
+}, _KupDialog_getMinMaxDimensions = function _KupDialog_getMinMaxDimensions(element) {
+    const minWidth = getComputedStyle(element).minWidth.replace('px', '');
+    const minHeight = getComputedStyle(element).minHeight.replace('px', '');
+    const maxWidth = getComputedStyle(element).maxWidth.replace('px', '');
+    const maxHeight = getComputedStyle(element).maxHeight.replace('px', '');
+    return {
+        min: {
+            width: parseFloat(minWidth),
+            height: parseFloat(minHeight),
+        },
+        max: {
+            width: parseFloat(maxWidth),
+            height: parseFloat(maxHeight),
+        },
+    };
+}, _KupDialog_onResize = function _KupDialog_onResize(e) {
+    let { width, height } = e.rect;
+    const target = e.target;
+    const dim = __classPrivateFieldGet$4(this, _KupDialog_instances, "m", _KupDialog_getMinMaxDimensions).call(this, this.rootElement);
+    const isDetatched = this.anchor == 'none';
+    const isHorizontalShiftAllowed = width >= dim.min.width - 1 &&
+        width <= dim.max.width + 1 &&
+        isDetatched;
+    const isVerticalShiftAllowed = height >= dim.min.height - 1 &&
+        height <= dim.max.height + 1 &&
+        isDetatched;
+    if (e.edges.left && isHorizontalShiftAllowed) {
+        target.style.left = `${parseFloat(target.style.left || '0') + e.deltaRect.left}px`;
+    }
+    if (e.edges.top && isVerticalShiftAllowed) {
+        target.style.top = `${parseFloat(target.style.top || '0') + e.deltaRect.top}px`;
+    }
+    if (e.edges.right && isHorizontalShiftAllowed) {
+        target.style.right = `${parseFloat(target.style.right || '0') - e.deltaRect.right}px`;
+    }
+    if (e.edges.bottom && isVerticalShiftAllowed) {
+        target.style.bottom = `${parseFloat(target.style.bottom || '0') - e.deltaRect.bottom}px`;
+    }
+}, _KupDialog_dialogify = function _KupDialog_dialogify() {
+    const isDetatched = this.anchor == 'none';
+    __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").interact.dialogify(this.rootElement, __classPrivateFieldGet$4(this, _KupDialog_header, "f") ? __classPrivateFieldGet$4(this, _KupDialog_header, "f") : null, {
+        isResizable: this.resizable || !isDetatched,
+        isDraggable: isDetatched,
+        onResize: __classPrivateFieldGet$4(this, _KupDialog_instances, "m", _KupDialog_onResize).bind(this),
+        resizeConstraints: __classPrivateFieldGet$4(this, _KupDialog_instances, "m", _KupDialog_getMinMaxDimensions).call(this, this.rootElement),
+        edges: __classPrivateFieldGet$4(this, _KupDialog_instances, "m", _KupDialog_getEdgeOptions).call(this),
+    });
+}, _KupDialog_undialogify = function _KupDialog_undialogify() {
+    __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").interact.undialogify(this.rootElement);
+}, _KupDialog_getEdgeOptions = function _KupDialog_getEdgeOptions() {
+    switch (this.anchor) {
+        case 'none':
+            return { left: true, top: true, right: true, bottom: true };
+        case 'left':
+            return { left: false, top: false, right: true, bottom: false };
+        case 'top':
+            return { left: false, top: false, right: false, bottom: true };
+        case 'right':
+            return { left: true, top: false, right: false, bottom: false };
+        case 'bottom':
+            return { left: false, top: true, right: false, bottom: false };
+    }
+}, _KupDialog_getStyles = function _KupDialog_getStyles() {
+    const minHeight = '--kup_dialog_min_height';
+    const minWidth = '--kup_dialog_min_width';
+    const height = '--kup_dialog_height';
+    const width = '--kup_dialog_width';
+    const maxHeight = '--kup_dialog_max_height';
+    const maxWidth = '--kup_dialog_max_width';
+    const styles = {};
+    if (this.anchor == 'none') {
+        styles[minHeight] = this.minSizeY ? this.minSizeY : '20dvh';
+        styles[minWidth] = this.minSizeX ? this.minSizeX : '20dvw';
+        styles[height] = this.sizeY ? this.sizeY : 'auto';
+        styles[width] = this.sizeX ? this.sizeX : 'auto';
+        styles[maxHeight] = this.maxSizeY ? this.maxSizeY : '90dvh';
+        styles[maxWidth] = this.maxSizeX ? this.maxSizeX : '90dvw';
+    }
+    if (this.anchor == 'left' || this.anchor == 'right') {
+        styles[minHeight] = '100dvh';
+        styles[minWidth] = this.minSizeX ? this.minSizeX : '20dvw';
+        styles[maxHeight] = this.maxSizeY ? this.maxSizeY : '100dvh';
+        styles[maxWidth] = this.maxSizeX ? this.maxSizeX : '80dvw';
+    }
+    if (this.anchor == 'top' || this.anchor == 'bottom') {
+        styles[minHeight] = this.minSizeY ? this.minSizeY : '20dvh';
+        styles[minWidth] = '100dvw';
+        styles[maxHeight] = this.maxSizeY ? this.maxSizeY : '80dvh';
+        styles[maxWidth] = this.maxSizeX ? this.maxSizeX : '100dvw';
+    }
+    return styles;
 };
 function defineCustomElement$d() {
     if (typeof customElements === "undefined") {
@@ -29823,9 +29924,12 @@ const KupCard = /*@__PURE__*/ proxyCustomElement(class KupCard extends H {
         if (root) {
             const card = this.rootElement;
             const dragHandle = root.querySelector('#' + KupCardIds.DRAG_HANDLE);
-            const unresizable = !!root.querySelector('.' + KupCardCSSClasses.DIALOG_UNRESIZABLE);
+            const isResizable = !!!root.querySelector('.' + KupCardCSSClasses.DIALOG_UNRESIZABLE);
             if (!this.kupManager.interact.isRegistered(card)) {
-                this.kupManager.interact.dialogify(card, dragHandle ? dragHandle : null, unresizable);
+                this.kupManager.interact.dialogify(card, dragHandle ? dragHandle : null, {
+                    isResizable: isResizable,
+                    isDraggable: true,
+                });
             }
         }
     }

package/dist/components/{p-b4f7e6d0.js → p-a2637946.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, t as KupDebugCategory } from './p-700a322b.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-9fe00131.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, t as KupDebugCategory } from './p-09fe5413.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-9dd16ce7.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-45b84d94.js → p-a4c08043.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, ad as identify, g as getProps, s as setProps, X as SortMode, H as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, t as KupDebugCategory, a7 as KupPointerEventTypes, aj as KupDragEffect, ax as kupDraggableAttr, al as KupDropEventTypes, a0 as KupLanguageSearch } from './p-700a322b.js';
-import { H as filterRows, I as paginateRows, E as sortRows, J as pageChange, L as rowsPerPageChange, F as FImage, N as FCell, O as FChip, P as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, Q as FPaginator } from './p-9fe00131.js';
+import { k as kupManagerInstance, ad as identify, g as getProps, s as setProps, X as SortMode, H as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, t as KupDebugCategory, a7 as KupPointerEventTypes, aj as KupDragEffect, ax as kupDraggableAttr, al as KupDropEventTypes, a0 as KupLanguageSearch } from './p-09fe5413.js';
+import { H as filterRows, I as paginateRows, E as sortRows, J as pageChange, L as rowsPerPageChange, F as FImage, N as FCell, O as FChip, P as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, Q as FPaginator } from './p-9dd16ce7.js';
 
 /**
  * Props of the kup-box component.

package/dist/components/{p-47327b2b.js → p-ecb94be7.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './p-700a322b.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-9fe00131.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-09fe5413.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-9dd16ce7.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};

package/dist/esm/{f-cell-c7bbb5a9.js → f-cell-f70fc3f1.js}

@@ -1,11 +1,11 @@
 import { h, g as getAssetPath, F as Fragment } from './index-c9246a86.js';
-import { an as editableTypes, ao as kupTypes, Q as FCellClasses, aa as FCellTypes, d as KupThemeColorValues, aj as RADAdapter, ai as CMBandACPAdapter, ap as KupTagNames, F as FCellShapes, af as getCellValueForDisplay, a as KupComponentSizing, aq as fullWidthFieldsComps, I as ItemsDisplayMode, ar as autoCenterComps, as as adaptContentToDisplayMode, at as FCellEvents, au as isForceUppercase, av as isForceLowercase, e as KupDebugCategory } from './kup-manager-a08b1823.js';
+import { an as editableTypes, ao as kupTypes, Q as FCellClasses, aa as FCellTypes, d as KupThemeColorValues, aj as RADAdapter, ai as CMBandACPAdapter, ap as KupTagNames, F as FCellShapes, af as getCellValueForDisplay, a as KupComponentSizing, aq as fullWidthFieldsComps, I as ItemsDisplayMode, ar as autoCenterComps, as as adaptContentToDisplayMode, at as FCellEvents, au as isForceUppercase, av as isForceLowercase, e as KupDebugCategory } from './kup-manager-e4341ce1.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { F as FCheckbox } from './f-checkbox-3ba20ca4.js';
-import { F as FChipType, c as FChip } from './f-chip-28f0f666.js';
+import { F as FChipType, c as FChip } from './f-chip-474adb94.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
-import { F as FObjectField } from './f-object-field-db698ceb.js';
-import { F as FTextField } from './f-text-field-f48cb7e9.js';
+import { F as FObjectField } from './f-object-field-4601200a.js';
+import { F as FTextField } from './f-text-field-da98216d.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-chip-28f0f666.js → f-chip-474adb94.js}

@@ -1,6 +1,6 @@
 import { h } from './index-c9246a86.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
-import { b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-a08b1823.js';
+import { b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-e4341ce1.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-object-field-db698ceb.js → f-object-field-4601200a.js}

@@ -1,8 +1,8 @@
 import { h } from './index-c9246a86.js';
-import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-a08b1823.js';
+import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-e4341ce1.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FTextField } from './f-text-field-f48cb7e9.js';
+import { F as FTextField } from './f-text-field-da98216d.js';
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/esm/{f-paginator-utils-b8c8e0b6.js → f-paginator-utils-ec173eb2.js}

@@ -1,5 +1,5 @@
 import { h } from './index-c9246a86.js';
-import { I as ItemsDisplayMode, aw as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-a08b1823.js';
+import { I as ItemsDisplayMode, aw as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-e4341ce1.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 

package/dist/esm/{f-text-field-f48cb7e9.js → f-text-field-da98216d.js}

@@ -1,5 +1,5 @@
 import { h, g as getAssetPath } from './index-c9246a86.js';
-import { b as KupThemeIconValues } from './kup-manager-a08b1823.js';
+import { b as KupThemeIconValues } from './kup-manager-e4341ce1.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
 
 const dom = document.documentElement;

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { K as KupManager } from './kup-manager-a08b1823.js';
+import { K as KupManager } from './kup-manager-e4341ce1.js';
 import './kup-dates-da19044e.js';
 import './index-c9246a86.js';