@ganpatiinfo/gids-web-dom-reference 13.0.0 → 14.1.0

package/CHANGELOG.md

@@ -1,5 +1,72 @@
 # @ganpatiinfo/gids-web-dom-reference
 
+## 14.1.0
+
+### Minor Changes
+
+- a09b469: - Developed `GidsHeaderNavigation` web component for all web platforms
+- 26a6469: - Developed `GidsProfileMenu` web component for all web platforms
+- a09b469: - Developed `GidsHeaderNavigationItem` web component for all web platforms
+- 26a6469: - Developed `GidsProfileMenuHeader` web component for all web platforms
+- 26a6469: - Developed `GidsProfile` web component for all web platforms
+
+### Patch Changes
+
+- Updated dependencies [a09b469]
+- Updated dependencies [26a6469]
+- Updated dependencies [a09b469]
+- Updated dependencies [26a6469]
+- Updated dependencies [26a6469]
+  - @ganpatiinfo/gids-core-shared@14.1.0
+  - @ganpatiinfo/gids-web-shared@13.1.0
+
+## 14.0.0
+
+### Major Changes
+
+- e1c1f52: - Moved `leading` and `trailing` actions to its entry specific prop for `GidsTableBody` component
+- e1c1f52: - Moved `leading` and `trailing` actions to its entry specific prop for `GidsTableFooter` component
+- fbeee63: Marked `GidsMatrixTable` component as `Deprecated`. Use `GidsCrossTable` component instead
+- fbeee63: - Marked `GidsMatrixTableBody` component as `Deprecated`. Use `GidsCrossTableBody` component instead
+- e1c1f52: - Moved `leading` and `trailing` actions to its entry specific prop for `GidsTable` component
+- e1c1f52: - Moved `leading` and `trailing` actions to its entry specific prop for `GidsCrossTableBody` component
+- e1c1f52: - Moved `leading` and `trailing` actions to its entry specific prop for `GidsTableHeader` component
+- e1c1f52: - Moved `leading` and `trailing` actions to its entry specific prop for `GidsCrossTable` component
+- e1c1f52: - Moved `leading` and `trailing` actions to its entry specific prop for `GidsCrossTableRow` component
+- e1c1f52: - Moved `leading` and `trailing` actions to its entry specific prop for `GidsTableRow` component
+
+### Minor Changes
+
+- 385fe5d: - Developed `GidsDialog` component for all web platforms
+- 036d067: - Developed `GidsSkeleton` component for all web platforms
+- fbeee63: - Developed `GidsCrossTableRow` component for all web platforms
+- 036d067: - Developed `GidsTransferList` component for all web platforms
+- fbeee63: - Developed `GidsCrossTable` component for all web platforms
+- fbeee63: - Developed `GidsCrossTableBody` component for all web platforms
+
+### Patch Changes
+
+- 385fe5d: - Developed `GidsDialogControl` private component for all web platforms
+- Updated dependencies [385fe5d]
+- Updated dependencies [036d067]
+- Updated dependencies [fbeee63]
+- Updated dependencies [e1c1f52]
+- Updated dependencies [385fe5d]
+- Updated dependencies [e1c1f52]
+- Updated dependencies [fbeee63]
+- Updated dependencies [fbeee63]
+- Updated dependencies [e1c1f52]
+- Updated dependencies [e1c1f52]
+- Updated dependencies [e1c1f52]
+- Updated dependencies [036d067]
+- Updated dependencies [fbeee63]
+- Updated dependencies [e1c1f52]
+- Updated dependencies [e1c1f52]
+- Updated dependencies [e1c1f52]
+- Updated dependencies [fbeee63]
+  - @ganpatiinfo/gids-core-shared@14.0.0
+  - @ganpatiinfo/gids-web-shared@13.0.0
+
 ## 13.0.0
 
 ### Major Changes

package/dist/components/GidsCrossTable/GidsCrossTable.d.ts

@@ -0,0 +1,18 @@
+import { GidsCrossTableActionEvent, GidsCrossTableToolbarSettings, GidsInputStatus } from '@ganpatiinfo/gids-core-shared';
+import { DomChildren } from '../../utils/domUtils';
+import { HtmlInputAttributes } from '../GidsInput/GidsInput';
+import { GidsTableToolbarDomProps } from '../GidsTableToolbar/GidsTableToolbar';
+import { GidsCrossTableWebProps, GidsTableEntryTypographyStyle } from '@ganpatiinfo/gids-web-shared';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+export type GidsCrossTableToolbarBaseSettings = GidsCrossTableToolbarSettings<DomChildren, Event, Element, HtmlInputAttributes, GidsInputStatus> & Pick<GidsTableToolbarDomProps, 'onChange' | 'onInput' | 'onFocus' | 'onBlur' | 'onGidsSearchBarClear'>;
+type GidsCrossTableBaseWebProps = Omit<GidsCrossTableWebProps<DomChildren, GidsTableEntryTypographyStyle, IconName, IconAppearance, DomChildren, Event, Element, HtmlInputAttributes>, 'toolbarSettings'> & {
+    toolbarSettings?: GidsCrossTableToolbarBaseSettings;
+};
+type GidsCrossTableActionBaseEvent = GidsCrossTableActionEvent<Event, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
+export interface GidsCrossTableDomProps extends GidsCrossTableBaseWebProps {
+    extraClasses?: string;
+    onCrossTableAction?: (event: GidsCrossTableActionBaseEvent) => void;
+}
+export declare const GidsCrossTableDom: ({ toolbar, toolbarChildren, children, headerItems, bodyContent, isHeaderVisible, isToolbarVisible, bodySettings, toolbarSettings, headerSettings, tableBorders, tableBorderRadius, tableBodyMaxHeight, horizontalScroll, crossHeaderSettings, onCrossTableAction, footerItems, footerSettings, isFooterVisible, isFooterControlVisible, footerControlSettings, footerControl, extraClasses, }: GidsCrossTableDomProps) => HTMLDivElement;
+export {};
+//# sourceMappingURL=GidsCrossTable.d.ts.map

package/dist/components/GidsCrossTable/GidsCrossTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCrossTable.d.ts","sourceRoot":"","sources":["../../../src/components/GidsCrossTable/GidsCrossTable.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,yBAAyB,EACzB,6BAA6B,EAC7B,eAAe,EACf,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAEN,wBAAwB,EACxB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACN,sBAAsB,EAEtB,6BAA6B,EAE7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAmB/C,MAAM,MAAM,iCAAiC,GAAG,6BAA6B,CAC5E,WAAW,EACX,KAAK,EACL,OAAO,EACP,mBAAmB,EACnB,eAAe,CACf,GACA,IAAI,CACH,wBAAwB,EACxB,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,sBAAsB,CACtE,CAAC;AAEH,KAAK,0BAA0B,GAAG,IAAI,CACrC,sBAAsB,CACrB,WAAW,EACX,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,WAAW,EACX,KAAK,EACL,OAAO,EACP,mBAAmB,CACnB,EACD,iBAAiB,CACjB,GAAG;IACH,eAAe,CAAC,EAAE,iCAAiC,CAAC;CACpD,CAAC;AAEF,KAAK,6BAA6B,GAAG,yBAAyB,CAC7D,KAAK,EACL,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,0BAA0B;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,IAAI,CAAC;CACpE;AAED,eAAO,MAAM,iBAAiB,GAAI,+XAwB/B,sBAAsB,KAAG,cA2J3B,CAAC"}

package/dist/components/GidsCrossTable/GidsCrossTable.js

@@ -0,0 +1,141 @@
+import { appendAsChildren } from '../../utils/domUtils';
+import { GidsTableToolbarDom, } from '../GidsTableToolbar/GidsTableToolbar';
+import { GidsCrossTableWebUtils, isValidChildren, } from '@ganpatiinfo/gids-web-shared';
+import { GidsTableHeaderDom, } from '../GidsTableHeader/GidsTableHeader';
+import { GidsCrossTableBodyDom, } from '../GidsCrossTableBody/GidsCrossTableBody';
+import { GidsTableFooterDom } from '../GidsTableFooter/GidsTableFooter';
+import { GidsTableFooterControlDom } from '../GidsTableFooterControl/GidsTableFooterControl';
+const { getGidsCrossTableClassNames, getCustomisedCrossTableHeaderEntries, getCustomisedCrossTableFooterEntries, getCrossTableBodyBorder, } = GidsCrossTableWebUtils;
+export const GidsCrossTableDom = ({ toolbar, toolbarChildren, children, headerItems = [], bodyContent = [], isHeaderVisible, isToolbarVisible, bodySettings, toolbarSettings, headerSettings, tableBorders, tableBorderRadius, tableBodyMaxHeight = 200, horizontalScroll = false, crossHeaderSettings, onCrossTableAction, footerItems = [], footerSettings, isFooterVisible = false, isFooterControlVisible = false, footerControlSettings, footerControl, extraClasses, }) => {
+    /*
+     * Cross Table Root
+     */
+    const crossTableDiv = document.createElement('div');
+    crossTableDiv.className = getGidsCrossTableClassNames({ tableBorders, tableBorderRadius }, extraClasses);
+    /*
+     * Toolbar
+     */
+    if (isValidChildren(toolbar)) {
+        appendAsChildren(crossTableDiv, toolbar);
+    }
+    else if (isToolbarVisible) {
+        const tableToolbar = GidsTableToolbarDom({
+            ...toolbarSettings,
+            children: toolbarChildren,
+        });
+        crossTableDiv.append(tableToolbar);
+    }
+    /*
+     * Scroll Container
+     */
+    const tableScrollContainer = document.createElement('div');
+    tableScrollContainer.className = [
+        'gids-cross-table__scroll-container',
+        horizontalScroll
+            ? 'gids-cross-table__scroll-container--horizontal-scroll'
+            : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    if (tableBodyMaxHeight) {
+        tableScrollContainer.style.maxHeight = `${tableBodyMaxHeight}px`;
+    }
+    /*
+     * Cross Table
+     */
+    const crossTable = document.createElement('table');
+    crossTable.className = 'gids-cross-table__main-table';
+    /*
+     * Horizontal scroll is enabled:
+     *
+     * The table is allowed to become wider than the viewport.
+     *
+     * Horizontal scroll is disabled:
+     *
+     * The table stays 100% wide and cells wrap exactly like GidsTable.
+     */
+    if (horizontalScroll) {
+        crossTable.classList.add('gids-cross-table__main-table--horizontal-scroll');
+    }
+    /*
+     * Custom Children
+     */
+    if (isValidChildren(children)) {
+        appendAsChildren(crossTable, children);
+    }
+    else {
+        function onActionBtnClick(event) {
+            if (onCrossTableAction) {
+                onCrossTableAction({
+                    ...event,
+                    details: {
+                        ...event.details,
+                        columnIndex: event?.details?.entryIndex,
+                    },
+                });
+            }
+        }
+        /*
+         * Header
+         */
+        if (isHeaderVisible && headerItems && headerItems.length > 0) {
+            const crossTableHeader = GidsTableHeaderDom({
+                ...headerSettings,
+                headerItems: getCustomisedCrossTableHeaderEntries({
+                    headerItems: [{}, ...headerItems],
+                    tableBorders,
+                }),
+                onHeaderAction: onActionBtnClick,
+            });
+            crossTable.append(crossTableHeader);
+        }
+        /*
+         * Body
+         */
+        if (bodyContent && bodyContent.length > 0) {
+            crossTable.append(GidsCrossTableBodyDom({
+                bodyBorder: getCrossTableBodyBorder({
+                    tableBorders,
+                }),
+                bodyContent,
+                bodySettings,
+                crossHeaderSettings,
+                onCrossTableBodyAction: onActionBtnClick,
+            }));
+        }
+        /*
+         * Footer
+         */
+        if (isFooterVisible && footerItems && footerItems.length > 0) {
+            const crossTableFooter = GidsTableFooterDom({
+                ...footerSettings,
+                footerItems: getCustomisedCrossTableFooterEntries({
+                    footerItems: [{}, ...footerItems],
+                    tableBorders,
+                }),
+                onFooterAction: onActionBtnClick,
+            });
+            crossTable.append(crossTableFooter);
+        }
+    }
+    /*
+     * Put cross table inside scroll container
+     */
+    tableScrollContainer.appendChild(crossTable);
+    /*
+     * Put scroll container inside Cross Table div
+     */
+    crossTableDiv.appendChild(tableScrollContainer);
+    /*
+     * Footer Control
+     */
+    if (isFooterControlVisible || isValidChildren(footerControl)) {
+        crossTableDiv.append(GidsTableFooterControlDom({
+            ...footerControlSettings,
+            tableViewControllerSettings: footerControlSettings?.tableViewControllerSettings,
+            children: footerControl,
+        }));
+    }
+    return crossTableDiv;
+};
+//# sourceMappingURL=GidsCrossTable.js.map

package/dist/components/GidsCrossTable/GidsCrossTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCrossTable.js","sourceRoot":"","sources":["../../../src/components/GidsCrossTable/GidsCrossTable.ts"],"names":[],"mappings":"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"}

package/dist/components/GidsCrossTableBody/GidsCrossTableBody.d.ts

@@ -0,0 +1,13 @@
+import { GidsCrossTableBodyActionEvent } from '@ganpatiinfo/gids-core-shared';
+import { GidsCrossTableBodyWebProps, GidsTableEntryTypographyStyle } from '@ganpatiinfo/gids-web-shared';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+import { DomChildren } from '../../utils/domUtils';
+type GidsCrossTableBodyBaseWebProps = GidsCrossTableBodyWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, DomChildren>;
+export type GidsCrossTableBodyActionBaseEvent = GidsCrossTableBodyActionEvent<Event, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
+export interface GidsCrossTableBodyDomProps extends GidsCrossTableBodyBaseWebProps {
+    extraClasses?: string;
+    onCrossTableBodyAction?: (event: GidsCrossTableBodyActionBaseEvent) => void;
+}
+export declare const GidsCrossTableBodyDom: ({ bodySettings, bodyContent, bodyBorder, crossHeaderSettings, children, onCrossTableBodyAction, extraClasses, }: GidsCrossTableBodyDomProps) => HTMLElement;
+export {};
+//# sourceMappingURL=GidsCrossTableBody.d.ts.map

package/dist/components/GidsCrossTableBody/GidsCrossTableBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCrossTableBody.d.ts","sourceRoot":"","sources":["../../../src/components/GidsCrossTableBody/GidsCrossTableBody.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EACN,0BAA0B,EAE1B,6BAA6B,EAE7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAerE,KAAK,8BAA8B,GAAG,0BAA0B,CAC/D,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,WAAW,CACX,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG,6BAA6B,CAC5E,KAAK,EACL,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,0BAA2B,SAAQ,8BAA8B;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,iCAAiC,KAAK,IAAI,CAAC;CAC5E;AAED,eAAO,MAAM,qBAAqB,GAAI,iHAQnC,0BAA0B,KAAG,WAqH/B,CAAC"}

package/dist/components/GidsCrossTableBody/GidsCrossTableBody.js

@@ -0,0 +1,79 @@
+import { GidsCrossTableBodyWebUtils, isValidChildren, } from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren } from '../../utils/domUtils';
+import { GidsCrossTableRowDom, } from '../GidsCrossTableRow/GidsCrossTableRow';
+const { getGidsCrossTableBodyClassNames, getConstructedCrossTableBodyContent, getCrossTableBodyRowEntryBackgroundColor, getCrossTableBodyRowEntryContentColor, getCrossTableBodyRowEntryActionsBackgroundColor, getCrossTableBodyRowEntryActionsContentColor, } = GidsCrossTableBodyWebUtils;
+export const GidsCrossTableBodyDom = ({ bodySettings, bodyContent = [], bodyBorder = 'none', crossHeaderSettings, children, onCrossTableBodyAction, extraClasses, }) => {
+    const crossTableBody = document.createElement('tbody');
+    crossTableBody.className = getGidsCrossTableBodyClassNames(extraClasses);
+    if (isValidChildren(children)) {
+        appendAsChildren(crossTableBody, children);
+        return crossTableBody;
+    }
+    if (bodyContent && bodyContent.length > 0) {
+        const constructedCrossTableBodyContent = getConstructedCrossTableBodyContent({
+            bodyContent,
+            bodyBorder,
+        });
+        function onCrossTableRowActionBtnClick({ event, rowIndex, }) {
+            if (onCrossTableBodyAction) {
+                onCrossTableBodyAction({
+                    ...event,
+                    details: {
+                        ...event.details,
+                        rowIndex,
+                    },
+                });
+            }
+        }
+        constructedCrossTableBodyContent.forEach((constructedCrossTableBody, indexI) => {
+            const constructedBodyRowItems = constructedCrossTableBody?.rowItems ?? [];
+            const rowBgColor = getCrossTableBodyRowEntryBackgroundColor({
+                bodySettings,
+                rowIndex: indexI,
+            });
+            const rowContentColor = getCrossTableBodyRowEntryContentColor({
+                bodySettings,
+                rowIndex: indexI,
+            });
+            const rowActionsBgColor = getCrossTableBodyRowEntryActionsBackgroundColor({
+                bodySettings,
+                rowIndex: indexI,
+            });
+            const rowActionsContentColor = getCrossTableBodyRowEntryActionsContentColor({
+                bodySettings,
+                rowIndex: indexI,
+            });
+            crossTableBody.append(GidsCrossTableRowDom({
+                ...bodySettings,
+                rows: constructedBodyRowItems,
+                /*
+                 * Cross Header
+                 *
+                 * sideHeaderItem = actual content
+                 * for this specific row.
+                 */
+                crossHeaderItem: constructedCrossTableBody?.crossHeaderItem,
+                /*
+                 * Cross Header Settings
+                 *
+                 * Shared configuration/style for
+                 * all side-header cells.
+                 */
+                crossHeaderSettings,
+                /*
+                 * Body row styling
+                 */
+                backgroundColor: rowBgColor,
+                contentColor: rowContentColor,
+                actionsBackgroundColor: rowActionsBgColor,
+                actionsContentColor: rowActionsContentColor,
+                onCrossTableRowAction: (event) => onCrossTableRowActionBtnClick({
+                    event,
+                    rowIndex: indexI,
+                }),
+            }));
+        });
+    }
+    return crossTableBody;
+};
+//# sourceMappingURL=GidsCrossTableBody.js.map

package/dist/components/GidsCrossTableBody/GidsCrossTableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCrossTableBody.js","sourceRoot":"","sources":["../../../src/components/GidsCrossTableBody/GidsCrossTableBody.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,0BAA0B,EAE1B,eAAe,GACf,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAEN,oBAAoB,GACpB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,EACL,+BAA+B,EAC/B,mCAAmC,EACnC,wCAAwC,EACxC,qCAAqC,EACrC,+CAA+C,EAC/C,4CAA4C,GAC5C,GAAG,0BAA0B,CAAC;AAqB/B,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACrC,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,MAAM,EACnB,mBAAmB,EACnB,QAAQ,EACR,sBAAsB,EACtB,YAAY,GACgB,EAAe,EAAE;IAC7C,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAEvD,cAAc,CAAC,SAAS,GAAG,+BAA+B,CAAC,YAAY,CAAC,CAAC;IAEzE,IAAI,eAAe,CAAc,QAAQ,CAAC,EAAE,CAAC;QAC5C,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QAE3C,OAAO,cAAc,CAAC;IACvB,CAAC;IAED,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC3C,MAAM,gCAAgC,GACrC,mCAAmC,CAAC;YACnC,WAAW;YACX,UAAU;SACV,CAAC,CAAC;QAEJ,SAAS,6BAA6B,CAAC,EACtC,KAAK,EACL,QAAQ,GAIR;YACA,IAAI,sBAAsB,EAAE,CAAC;gBAC5B,sBAAsB,CAAC;oBACtB,GAAG,KAAK;oBACR,OAAO,EAAE;wBACR,GAAG,KAAK,CAAC,OAAO;wBAChB,QAAQ;qBACR;iBACD,CAAC,CAAC;YACJ,CAAC;QACF,CAAC;QAED,gCAAgC,CAAC,OAAO,CACvC,CAAC,yBAAyB,EAAE,MAAM,EAAE,EAAE;YACrC,MAAM,uBAAuB,GAC5B,yBAAyB,EAAE,QAAQ,IAAI,EAAE,CAAC;YAE3C,MAAM,UAAU,GAAG,wCAAwC,CAIzD;gBACD,YAAY;gBACZ,QAAQ,EAAE,MAAM;aAChB,CAAC,CAAC;YAEH,MAAM,eAAe,GAAG,qCAAqC,CAI3D;gBACD,YAAY;gBACZ,QAAQ,EAAE,MAAM;aAChB,CAAC,CAAC;YAEH,MAAM,iBAAiB,GACtB,+CAA+C,CAI7C;gBACD,YAAY;gBACZ,QAAQ,EAAE,MAAM;aAChB,CAAC,CAAC;YAEJ,MAAM,sBAAsB,GAC3B,4CAA4C,CAI1C;gBACD,YAAY;gBACZ,QAAQ,EAAE,MAAM;aAChB,CAAC,CAAC;YAEJ,cAAc,CAAC,MAAM,CACpB,oBAAoB,CAAC;gBACpB,GAAG,YAAY;gBAEf,IAAI,EAAE,uBAAuB;gBAC7B;;;;;mBAKG;gBACH,eAAe,EAAE,yBAAyB,EAAE,eAAe;gBAC3D;;;;;mBAKG;gBACH,mBAAmB;gBACnB;;mBAEG;gBACH,eAAe,EAAE,UAAU;gBAC3B,YAAY,EAAE,eAAe;gBAC7B,sBAAsB,EAAE,iBAAiB;gBACzC,mBAAmB,EAAE,sBAAsB;gBAC3C,qBAAqB,EAAE,CAAC,KAAuC,EAAE,EAAE,CAClE,6BAA6B,CAAC;oBAC7B,KAAK;oBACL,QAAQ,EAAE,MAAM;iBAChB,CAAC;aACH,CAAC,CACF,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC;IAED,OAAO,cAAc,CAAC;AACvB,CAAC,CAAC"}

package/dist/components/GidsCrossTableRow/GidsCrossTableRow.d.ts

@@ -0,0 +1,13 @@
+import { GidsCrossTableRowWebProps, GidsTableEntryTypographyStyle } from '@ganpatiinfo/gids-web-shared';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+import { DomChildren } from '../../utils/domUtils';
+import { GidsCrossTableRowActionEvent } from '@ganpatiinfo/gids-core-shared';
+type GidsCrossTableRowBaseWebProps = GidsCrossTableRowWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, DomChildren>;
+export type GidsCrossTableRowActionBaseEvent = GidsCrossTableRowActionEvent<Event, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
+export interface GidsCrossTableRowDomProps extends GidsCrossTableRowBaseWebProps {
+    extraClasses?: string;
+    onCrossTableRowAction?: (event: GidsCrossTableRowActionBaseEvent) => void;
+}
+export declare const GidsCrossTableRowDom: ({ rows, crossHeaderItem, crossHeaderSettings, onCrossTableRowAction, textAlignment, appearance, labelTypography, entryAlignment, colorSwatchLabelColor, colorSwatchLabelPosition, colorSwatchLabelTypography, colorSwatchSize, colorSwatchShape, colorSwatchShadow, colorSwatchBorderRadius, colorSwatchApplyBorders, colorSwatchBorderWidth, progressBarSize, progressBarEndCap, avatarSize, avatarGroupAppearance, avatarGroupLayout, statusTagAppearance, statusTagSize, progressBarContainerMinWidth, displayTagsOrientation, statusTagsOrientation, progressBarsOrientation, colorSwatchesOrientation, badgesOrientation, actionsBackgroundColor, actionsContentColor, backgroundColor, contentColor, children, extraClasses, }: GidsCrossTableRowDomProps) => HTMLTableRowElement;
+export {};
+//# sourceMappingURL=GidsCrossTableRow.d.ts.map

package/dist/components/GidsCrossTableRow/GidsCrossTableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCrossTableRow.d.ts","sourceRoot":"","sources":["../../../src/components/GidsCrossTableRow/GidsCrossTableRow.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,yBAAyB,EACzB,6BAA6B,EAG7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAoB,MAAM,sBAAsB,CAAC;AAKrE,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAI7E,KAAK,6BAA6B,GAAG,yBAAyB,CAC7D,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,WAAW,CACX,CAAC;AACF,MAAM,MAAM,gCAAgC,GAAG,4BAA4B,CAC1E,KAAK,EACL,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,yBAA0B,SAAQ,6BAA6B;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,oBAAoB,GAAI,ssBAqClC,yBAAyB,KAAG,mBA2J9B,CAAC"}

package/dist/components/GidsCrossTableRow/GidsCrossTableRow.js

@@ -0,0 +1,128 @@
+import { GidsCrossTableRowWebUtils, isValidChildren, } from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren } from '../../utils/domUtils';
+import { GidsTableEntryDom, } from '../GidsTableEntry/GidsTableEntry';
+const { getGidsCrossTableRowClassNames } = GidsCrossTableRowWebUtils;
+export const GidsCrossTableRowDom = ({ rows = [], crossHeaderItem, crossHeaderSettings, onCrossTableRowAction, textAlignment = 'center', appearance = 'none', labelTypography = 'label-medium', entryAlignment = 'center', colorSwatchLabelColor = 'default', colorSwatchLabelPosition = 'left', colorSwatchLabelTypography = 'label-medium', colorSwatchSize = 'sm', colorSwatchShape = 'oval', colorSwatchShadow = 'shadow-overlay', colorSwatchBorderRadius = 'none', colorSwatchApplyBorders = true, colorSwatchBorderWidth = 'thick', progressBarSize = 'sm', progressBarEndCap = true, avatarSize = 'sm', avatarGroupAppearance, avatarGroupLayout, statusTagAppearance = 'subtle', statusTagSize = 'sm', progressBarContainerMinWidth = 200, displayTagsOrientation = 'horizontal', statusTagsOrientation = 'horizontal', progressBarsOrientation = 'horizontal', colorSwatchesOrientation = 'horizontal', badgesOrientation = 'horizontal', actionsBackgroundColor, actionsContentColor, backgroundColor, contentColor, children, extraClasses, }) => {
+    const crossTableRow = document.createElement('tr');
+    crossTableRow.className = getGidsCrossTableRowClassNames(extraClasses);
+    if (isValidChildren(children)) {
+        appendAsChildren(crossTableRow, children);
+        return crossTableRow;
+    }
+    function onEntryActionBtnClick({ event, entryIndex, }) {
+        if (onCrossTableRowAction) {
+            onCrossTableRowAction({
+                ...event,
+                details: {
+                    ...event.details,
+                    entryIndex,
+                },
+            });
+        }
+    }
+    /*
+     * Cross Header
+     *
+     * IMPORTANT:
+     * Cross header settings are completely independent
+     * from the body row settings.
+     */
+    if (crossHeaderItem && Object.keys(crossHeaderItem).length > 0) {
+        crossTableRow.append(GidsTableEntryDom({
+            ...crossHeaderItem,
+            ...crossHeaderSettings,
+            label: crossHeaderItem?.label,
+            entryType: 'header',
+            /*
+             * Cross header uses its own settings first.
+             */
+            leadingActions: crossHeaderItem?.leadingActions ?? [],
+            trailingActions: crossHeaderItem?.trailingActions ?? [],
+            entryAlignment: crossHeaderSettings?.entryAlignment ?? 'center',
+            colorSwatchLabelColor: crossHeaderSettings?.colorSwatchLabelColor ?? 'default',
+            colorSwatchLabelPosition: crossHeaderSettings?.colorSwatchLabelPosition ?? 'left',
+            colorSwatchLabelTypography: crossHeaderSettings?.colorSwatchLabelTypography ?? 'label-medium',
+            colorSwatchSize: crossHeaderSettings?.colorSwatchSize ?? 'sm',
+            colorSwatchShape: crossHeaderSettings?.colorSwatchShape ?? 'oval',
+            colorSwatchShadow: crossHeaderSettings?.colorSwatchShadow ?? 'shadow-overlay',
+            colorSwatchBorderRadius: crossHeaderSettings?.colorSwatchBorderRadius ?? 'none',
+            colorSwatchApplyBorders: crossHeaderSettings?.colorSwatchApplyBorders ?? true,
+            colorSwatchBorderWidth: crossHeaderSettings?.colorSwatchBorderWidth ?? 'thick',
+            progressBarSize: crossHeaderSettings?.progressBarSize ?? 'sm',
+            progressBarEndCap: crossHeaderSettings?.progressBarEndCap ?? true,
+            avatarSize: crossHeaderSettings?.avatarSize ?? 'sm',
+            avatarGroupAppearance: crossHeaderSettings?.avatarGroupAppearance ?? 'spread',
+            avatarGroupLayout: crossHeaderSettings?.avatarGroupLayout ?? 'wrap',
+            statusTagAppearance: crossHeaderSettings?.statusTagAppearance ?? 'subtle',
+            statusTagSize: crossHeaderSettings?.statusTagSize ?? 'sm',
+            progressBarContainerMinWidth: crossHeaderSettings?.progressBarContainerMinWidth ?? 200,
+            displayTagsOrientation: crossHeaderSettings?.displayTagsOrientation ?? 'horizontal',
+            statusTagsOrientation: crossHeaderSettings?.statusTagsOrientation ?? 'horizontal',
+            progressBarsOrientation: crossHeaderSettings?.progressBarsOrientation ?? 'horizontal',
+            colorSwatchesOrientation: crossHeaderSettings?.colorSwatchesOrientation ?? 'horizontal',
+            badgesOrientation: crossHeaderSettings?.badgesOrientation ?? 'horizontal',
+            textAlignment: crossHeaderSettings?.textAlignment ?? 'center',
+            labelTypography: crossHeaderSettings?.labelTypography ?? 'label-medium',
+            appearance: crossHeaderSettings?.appearance ?? 'none',
+            /*
+             * Most importantly, colors come from crossHeaderSettings,
+             * never from the body row.
+             */
+            onEntryAction: (event) => onEntryActionBtnClick({
+                event,
+                entryIndex: -1,
+            }),
+        }));
+    }
+    /*
+     * Body Cells
+     *
+     * These continue using the normal row settings.
+     */
+    if (rows && rows.length > 0) {
+        rows.forEach((row, index) => {
+            crossTableRow.append(GidsTableEntryDom({
+                ...row,
+                entryType: 'body',
+                leadingActions: row?.leadingActions ?? [],
+                trailingActions: row?.trailingActions ?? [],
+                entryAlignment,
+                colorSwatchLabelColor,
+                colorSwatchLabelPosition,
+                colorSwatchLabelTypography,
+                colorSwatchSize,
+                colorSwatchShape,
+                colorSwatchShadow,
+                colorSwatchBorderRadius,
+                colorSwatchApplyBorders,
+                colorSwatchBorderWidth,
+                progressBarSize,
+                progressBarEndCap,
+                avatarSize,
+                avatarGroupAppearance,
+                avatarGroupLayout,
+                statusTagAppearance,
+                statusTagSize,
+                progressBarContainerMinWidth,
+                displayTagsOrientation,
+                statusTagsOrientation,
+                progressBarsOrientation,
+                colorSwatchesOrientation,
+                badgesOrientation,
+                textAlignment,
+                labelTypography,
+                appearance,
+                backgroundColor,
+                contentColor,
+                actionsBackgroundColor,
+                actionsContentColor,
+                onEntryAction: (event) => onEntryActionBtnClick({
+                    event,
+                    entryIndex: index,
+                }),
+            }));
+        });
+    }
+    return crossTableRow;
+};
+//# sourceMappingURL=GidsCrossTableRow.js.map

package/dist/components/GidsCrossTableRow/GidsCrossTableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCrossTableRow.js","sourceRoot":"","sources":["../../../src/components/GidsCrossTableRow/GidsCrossTableRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,yBAAyB,EACzB,eAAe,GACf,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EAAe,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAEN,iBAAiB,GACjB,MAAM,kCAAkC,CAAC;AAG1C,MAAM,EAAE,8BAA8B,EAAE,GAAG,yBAAyB,CAAC;AAoBrE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACpC,IAAI,GAAG,EAAE,EACT,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,aAAa,GAAG,QAAQ,EACxB,UAAU,GAAG,MAAM,EACnB,eAAe,GAAG,cAAc,EAChC,cAAc,GAAG,QAAQ,EACzB,qBAAqB,GAAG,SAAS,EACjC,wBAAwB,GAAG,MAAM,EACjC,0BAA0B,GAAG,cAAc,EAC3C,eAAe,GAAG,IAAI,EACtB,gBAAgB,GAAG,MAAM,EACzB,iBAAiB,GAAG,gBAAgB,EACpC,uBAAuB,GAAG,MAAM,EAChC,uBAAuB,GAAG,IAAI,EAC9B,sBAAsB,GAAG,OAAO,EAChC,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,UAAU,GAAG,IAAI,EACjB,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,GAAG,QAAQ,EAC9B,aAAa,GAAG,IAAI,EACpB,4BAA4B,GAAG,GAAG,EAClC,sBAAsB,GAAG,YAAY,EACrC,qBAAqB,GAAG,YAAY,EACpC,uBAAuB,GAAG,YAAY,EACtC,wBAAwB,GAAG,YAAY,EACvC,iBAAiB,GAAG,YAAY,EAChC,sBAAsB,EACtB,mBAAmB,EACnB,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,YAAY,GACe,EAAuB,EAAE;IACpD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACnD,aAAa,CAAC,SAAS,GAAG,8BAA8B,CAAC,YAAY,CAAC,CAAC;IAEvE,IAAI,eAAe,CAAc,QAAQ,CAAC,EAAE,CAAC;QAC5C,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QAE1C,OAAO,aAAa,CAAC;IACtB,CAAC;IAED,SAAS,qBAAqB,CAAC,EAC9B,KAAK,EACL,UAAU,GAIV;QACA,IAAI,qBAAqB,EAAE,CAAC;YAC3B,qBAAqB,CAAC;gBACrB,GAAG,KAAK;gBACR,OAAO,EAAE;oBACR,GAAG,KAAK,CAAC,OAAO;oBAChB,UAAU;iBACV;aACD,CAAC,CAAC;QACJ,CAAC;IACF,CAAC;IAED;;;;;;OAMG;IACH,IAAI,eAAe,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChE,aAAa,CAAC,MAAM,CACnB,iBAAiB,CAAC;YACjB,GAAG,eAAe;YAClB,GAAG,mBAAmB;YACtB,KAAK,EAAE,eAAe,EAAE,KAAK;YAC7B,SAAS,EAAE,QAAQ;YACnB;;eAEG;YACH,cAAc,EAAE,eAAe,EAAE,cAAc,IAAI,EAAE;YACrD,eAAe,EAAE,eAAe,EAAE,eAAe,IAAI,EAAE;YACvD,cAAc,EAAE,mBAAmB,EAAE,cAAc,IAAI,QAAQ;YAC/D,qBAAqB,EACpB,mBAAmB,EAAE,qBAAqB,IAAI,SAAS;YACxD,wBAAwB,EACvB,mBAAmB,EAAE,wBAAwB,IAAI,MAAM;YACxD,0BAA0B,EACzB,mBAAmB,EAAE,0BAA0B,IAAI,cAAc;YAClE,eAAe,EAAE,mBAAmB,EAAE,eAAe,IAAI,IAAI;YAC7D,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,IAAI,MAAM;YACjE,iBAAiB,EAChB,mBAAmB,EAAE,iBAAiB,IAAI,gBAAgB;YAC3D,uBAAuB,EACtB,mBAAmB,EAAE,uBAAuB,IAAI,MAAM;YACvD,uBAAuB,EACtB,mBAAmB,EAAE,uBAAuB,IAAI,IAAI;YACrD,sBAAsB,EACrB,mBAAmB,EAAE,sBAAsB,IAAI,OAAO;YACvD,eAAe,EAAE,mBAAmB,EAAE,eAAe,IAAI,IAAI;YAC7D,iBAAiB,EAAE,mBAAmB,EAAE,iBAAiB,IAAI,IAAI;YACjE,UAAU,EAAE,mBAAmB,EAAE,UAAU,IAAI,IAAI;YACnD,qBAAqB,EACpB,mBAAmB,EAAE,qBAAqB,IAAI,QAAQ;YACvD,iBAAiB,EAAE,mBAAmB,EAAE,iBAAiB,IAAI,MAAM;YACnE,mBAAmB,EAClB,mBAAmB,EAAE,mBAAmB,IAAI,QAAQ;YACrD,aAAa,EAAE,mBAAmB,EAAE,aAAa,IAAI,IAAI;YACzD,4BAA4B,EAC3B,mBAAmB,EAAE,4BAA4B,IAAI,GAAG;YACzD,sBAAsB,EACrB,mBAAmB,EAAE,sBAAsB,IAAI,YAAY;YAC5D,qBAAqB,EACpB,mBAAmB,EAAE,qBAAqB,IAAI,YAAY;YAC3D,uBAAuB,EACtB,mBAAmB,EAAE,uBAAuB,IAAI,YAAY;YAC7D,wBAAwB,EACvB,mBAAmB,EAAE,wBAAwB,IAAI,YAAY;YAC9D,iBAAiB,EAChB,mBAAmB,EAAE,iBAAiB,IAAI,YAAY;YACvD,aAAa,EAAE,mBAAmB,EAAE,aAAa,IAAI,QAAQ;YAC7D,eAAe,EAAE,mBAAmB,EAAE,eAAe,IAAI,cAAc;YACvE,UAAU,EAAE,mBAAmB,EAAE,UAAU,IAAI,MAAM;YACrD;;;eAGG;YACH,aAAa,EAAE,CAAC,KAAoC,EAAE,EAAE,CACvD,qBAAqB,CAAC;gBACrB,KAAK;gBACL,UAAU,EAAE,CAAC,CAAC;aACd,CAAC;SACH,CAAC,CACF,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC7B,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAC3B,aAAa,CAAC,MAAM,CACnB,iBAAiB,CAAC;gBACjB,GAAG,GAAG;gBACN,SAAS,EAAE,MAAM;gBACjB,cAAc,EAAE,GAAG,EAAE,cAAc,IAAI,EAAE;gBACzC,eAAe,EAAE,GAAG,EAAE,eAAe,IAAI,EAAE;gBAC3C,cAAc;gBACd,qBAAqB;gBACrB,wBAAwB;gBACxB,0BAA0B;gBAC1B,eAAe;gBACf,gBAAgB;gBAChB,iBAAiB;gBACjB,uBAAuB;gBACvB,uBAAuB;gBACvB,sBAAsB;gBACtB,eAAe;gBACf,iBAAiB;gBACjB,UAAU;gBACV,qBAAqB;gBACrB,iBAAiB;gBACjB,mBAAmB;gBACnB,aAAa;gBACb,4BAA4B;gBAC5B,sBAAsB;gBACtB,qBAAqB;gBACrB,uBAAuB;gBACvB,wBAAwB;gBACxB,iBAAiB;gBACjB,aAAa;gBACb,eAAe;gBACf,UAAU;gBACV,eAAe;gBACf,YAAY;gBACZ,sBAAsB;gBACtB,mBAAmB;gBACnB,aAAa,EAAE,CAAC,KAAoC,EAAE,EAAE,CACvD,qBAAqB,CAAC;oBACrB,KAAK;oBACL,UAAU,EAAE,KAAK;iBACjB,CAAC;aACH,CAAC,CACF,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,OAAO,aAAa,CAAC;AACtB,CAAC,CAAC"}

package/dist/components/GidsDialog/GidsDialog.d.ts

@@ -0,0 +1,13 @@
+import { type GidsDialogWebProps } from '@ganpatiinfo/gids-web-shared';
+import { DomNodeOrString } from '../../utils/domUtils.js';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+type GidsDialogBaseWebProps = GidsDialogWebProps<DomNodeOrString, Event, IconName, IconAppearance>;
+export type GidsDialogCustomElement = HTMLDialogElement & {
+    element: HTMLDialogElement;
+    open: (parent?: HTMLElement) => void;
+    close: () => void;
+};
+export type GidsDialogDomProps = GidsDialogBaseWebProps;
+export declare const GidsDialogDom: ({ variant, maxWidth, scrollMode, draggable, headerTitle, closeVisible, children, footerActions, headerDividerVisible, footerDividerVisible, transition, cancellable, onCloseDialog, onDialogFooterAction, }: GidsDialogDomProps) => GidsDialogCustomElement;
+export {};
+//# sourceMappingURL=GidsDialog.d.ts.map

package/dist/components/GidsDialog/GidsDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsDialog.d.ts","sourceRoot":"","sources":["../../../src/components/GidsDialog/GidsDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,kBAAkB,EACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAM/C,KAAK,sBAAsB,GAAG,kBAAkB,CAC/C,eAAe,EACf,KAAK,EACL,QAAQ,EACR,cAAc,CACd,CAAC;AAGF,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG;IACzD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AAExD,eAAO,MAAM,aAAa,GAAI,6MAe3B,kBAAkB,KAAG,uBAmHvB,CAAC"}

package/dist/components/GidsDialog/GidsDialog.js

@@ -0,0 +1,102 @@
+import { GidsDialogWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { GidsDialogControlDom } from '../_GidsDialogControl/GidsDialogControl.js';
+const { getGidsDialogClassNames } = GidsDialogWebUtils;
+export const GidsDialogDom = ({ variant = 'alert', maxWidth = 'sm', scrollMode = 'paper', draggable = false, headerTitle, closeVisible = true, children, footerActions = [], headerDividerVisible = false, footerDividerVisible = false, transition = 'none', cancellable, onCloseDialog, onDialogFooterAction, }) => {
+    const nativeClose = HTMLDialogElement.prototype.close;
+    function executeClose(event) {
+        if (onCloseDialog) {
+            onCloseDialog({ originalEvent: event?.originalEvent });
+        }
+        dialog.close();
+    }
+    // 1. Generate the pristine native dialog instance directly from the control function
+    const dialog = GidsDialogControlDom({
+        variant,
+        maxWidth,
+        scrollMode,
+        draggable,
+        headerTitle,
+        closeVisible,
+        children,
+        footerActions,
+        headerDividerVisible,
+        footerDividerVisible,
+        onCloseDialogControl: executeClose,
+        onDialogControlFooterAction: onDialogFooterAction,
+    });
+    // 2. CRITICAL BODY SCROLL PROTECTION: Inject layout protections inline immediately
+    if (scrollMode === 'body') {
+        dialog.style.setProperty('position', 'absolute', 'important');
+        dialog.style.setProperty('max-height', 'none', 'important');
+        dialog.style.setProperty('overflow', 'visible', 'important');
+    }
+    // 3. RESTORED: Backdrop-only click cancellation logic for DOM target implementation
+    if (cancellable) {
+        dialog.addEventListener('click', (event) => {
+            if (event.target === dialog) {
+                const rect = dialog.getBoundingClientRect();
+                const isOutside = event.clientX < rect.left ||
+                    event.clientX > rect.right ||
+                    event.clientY < rect.top ||
+                    event.clientY > rect.bottom;
+                if (isOutside) {
+                    executeClose({ originalEvent: event });
+                }
+            }
+        });
+    }
+    dialog.element = dialog;
+    // 4. Overwrite orchestration controllers cleanly via Object.defineProperty
+    Object.defineProperty(dialog, 'open', {
+        value: (parent = document.body) => {
+            // Append the node directly to the DOM tree first
+            if (!dialog.isConnected) {
+                parent.appendChild(dialog);
+            }
+            if (scrollMode === 'body') {
+                document.body.style.overflow = 'hidden';
+            }
+            // Add base classes and transition modifiers ONLY when open() runs to stop the jumping bug
+            dialog.classList.add('gids-dialog');
+            const transitionClasses = getGidsDialogClassNames({ transition });
+            if (transitionClasses) {
+                transitionClasses.split(' ').forEach((className) => {
+                    if (className.trim()) {
+                        dialog.classList.add(className.trim());
+                    }
+                });
+            }
+            // Force a quick layout reflow to initialize your animation coordinates perfectly
+            void dialog.offsetHeight;
+            // Open modal cleanly on the top layer
+            dialog.showModal();
+        },
+        writable: true,
+        configurable: true,
+    });
+    Object.defineProperty(dialog, 'close', {
+        value: () => {
+            if (scrollMode === 'body') {
+                document.body.style.overflow = '';
+            }
+            // Clean up all added classes on close so they completely reset for the next run
+            dialog.classList.remove('gids-dialog');
+            const transitionClasses = getGidsDialogClassNames({ transition });
+            if (transitionClasses) {
+                transitionClasses.split(' ').forEach((className) => {
+                    if (className.trim()) {
+                        dialog.classList.remove(className.trim());
+                    }
+                });
+            }
+            nativeClose.call(dialog);
+            if (dialog.isConnected) {
+                dialog.remove();
+            }
+        },
+        writable: true,
+        configurable: true,
+    });
+    return dialog;
+};
+//# sourceMappingURL=GidsDialog.js.map

package/dist/components/GidsDialog/GidsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsDialog.js","sourceRoot":"","sources":["../../../src/components/GidsDialog/GidsDialog.ts"],"names":[],"mappings":"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"}