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

package/dist/components/GidsPaginator/GidsPaginator.js

@@ -0,0 +1,154 @@
+import { GidsPaginatorWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { GidsPaginatorItemDom, } from '../GidsPaginatorItem/GidsPaginatorItem.js';
+const { getGidsPaginatorClassNames } = GidsPaginatorWebUtils;
+export const GidsPaginatorDom = ({ currentPage = 1, totalPages = 1, size = 'sm', disabled = false, selectColor = 'default', variant = 'default', shape = 'circled', showFirstPageBtn, showLastPageBtn, showNextBtn, showPreviousBtn, onPageChange, extraClasses, }) => {
+    const paginator = document.createElement('div');
+    paginator.className = getGidsPaginatorClassNames(extraClasses);
+    /*
+     * Container for pagination items.
+     */
+    const paginatorItems = document.createElement('div');
+    paginatorItems.className =
+        variant === 'outlined'
+            ? 'gids-paginator__shaped-items'
+            : 'gids-paginator__items';
+    const createPaginatorItem = ({ children, isIcon = false, iconName, selected = false, disabled: itemDisabled = false, onPaginatorItemClick, ellipsis = false, }) => {
+        return GidsPaginatorItemDom({
+            children,
+            isIcon: ellipsis ? false : isIcon,
+            iconName,
+            selected: ellipsis ? false : selected,
+            disabled: disabled || itemDisabled,
+            size,
+            selectColor,
+            variant: ellipsis ? 'default' : variant,
+            shape,
+            onPaginatorItemClick,
+        });
+    };
+    const handlePageChange = ({ page, event, }) => {
+        if (disabled || page < 1 || page > totalPages || page === currentPage) {
+            return;
+        }
+        if (onPageChange) {
+            const pageChangeEventDetail = {
+                currentPage: page,
+                totalPages,
+                size,
+                variant,
+                shape,
+                selectColor,
+            };
+            onPageChange({
+                originalEvent: event?.originalEvent,
+                details: pageChangeEventDetail,
+            });
+        }
+    };
+    if (showFirstPageBtn) {
+        /*
+         * First page button
+         */
+        paginatorItems.appendChild(createPaginatorItem({
+            isIcon: true,
+            iconName: 'backward',
+            disabled: currentPage <= 1,
+            onPaginatorItemClick: (event) => {
+                handlePageChange({ page: 1, event });
+            },
+        }));
+    }
+    if (showPreviousBtn) {
+        /*
+         * Previous button
+         */
+        paginatorItems.appendChild(createPaginatorItem({
+            isIcon: true,
+            iconName: 'chevron-left',
+            disabled: currentPage <= 1,
+            onPaginatorItemClick: (event) => {
+                handlePageChange({ page: currentPage - 1, event });
+            },
+        }));
+    }
+    /*
+     * Page calculation
+     *
+     * Example:
+     *
+     * totalPages = 5
+     * currentPage = 3
+     *
+     * Result:
+     *
+     * 1 2 3 4 5
+     *
+     * For larger page counts:
+     *
+     * 1 2 3 4 ... 10
+     */
+    const pages = [];
+    if (totalPages <= 7) {
+        for (let page = 1; page <= totalPages; page++) {
+            pages.push(page);
+        }
+    }
+    else if (currentPage <= 4) {
+        pages.push(1, 2, 3, 4, 'ellipsis', totalPages);
+    }
+    else if (currentPage >= totalPages - 3) {
+        pages.push(1, 'ellipsis', totalPages - 3, totalPages - 2, totalPages - 1, totalPages);
+    }
+    else {
+        pages.push(1, 'ellipsis', currentPage - 1, currentPage, currentPage + 1, 'ellipsis', totalPages);
+    }
+    /*
+     * Page buttons
+     */
+    pages.forEach((page) => {
+        if (page === 'ellipsis') {
+            paginatorItems.appendChild(createPaginatorItem({
+                children: '...',
+                disabled: true,
+                ellipsis: true,
+            }));
+            return;
+        }
+        paginatorItems.appendChild(createPaginatorItem({
+            children: String(page),
+            selected: page === currentPage,
+            onPaginatorItemClick: (event) => {
+                handlePageChange({ page, event });
+            },
+        }));
+    });
+    if (showNextBtn) {
+        /*
+         * Next button
+         */
+        paginatorItems.appendChild(createPaginatorItem({
+            isIcon: true,
+            iconName: 'chevron-right',
+            disabled: currentPage >= totalPages,
+            onPaginatorItemClick: (event) => {
+                handlePageChange({ page: currentPage + 1, event });
+            },
+        }));
+    }
+    if (showLastPageBtn) {
+        /*
+         * Last page button
+         */
+        paginatorItems.appendChild(createPaginatorItem({
+            isIcon: true,
+            iconName: 'forward',
+            disabled: currentPage >= totalPages,
+            onPaginatorItemClick: (event) => {
+                handlePageChange({ page: totalPages, event });
+            },
+        }));
+    }
+    paginator.appendChild(paginatorItems);
+    return paginator;
+};
+//# sourceMappingURL=GidsPaginator.js.map

package/dist/components/GidsPaginator/GidsPaginator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsPaginator.js","sourceRoot":"","sources":["../../../src/components/GidsPaginator/GidsPaginator.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,qBAAqB,GACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,oBAAoB,GAEpB,MAAM,2CAA2C,CAAC;AAOnD,MAAM,EAAE,0BAA0B,EAAE,GAAG,qBAAqB,CAAC;AAQ7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAChC,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,EACd,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,SAAS,EACvB,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,SAAS,EACjB,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,eAAe,EACf,YAAY,EACZ,YAAY,GACW,EAAkB,EAAE;IAC3C,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,SAAS,GAAG,0BAA0B,CAAC,YAAY,CAAC,CAAC;IAE/D;;OAEG;IACH,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrD,cAAc,CAAC,SAAS;QACvB,OAAO,KAAK,UAAU;YACrB,CAAC,CAAC,8BAA8B;YAChC,CAAC,CAAC,uBAAuB,CAAC;IAE5B,MAAM,mBAAmB,GAAG,CAAC,EAC5B,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,oBAAoB,EACpB,QAAQ,GAAG,KAAK,GAC6C,EAAE,EAAE;QACjE,OAAO,oBAAoB,CAAC;YAC3B,QAAQ;YACR,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;YACjC,QAAQ;YACR,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;YACrC,QAAQ,EAAE,QAAQ,IAAI,YAAY;YAClC,IAAI;YACJ,WAAW;YACX,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;YACvC,KAAK;YACL,oBAAoB;SACpB,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,EACzB,IAAI,EACJ,KAAK,GAIL,EAAE,EAAE;QACJ,IAAI,QAAQ,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,UAAU,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;YACvE,OAAO;QACR,CAAC;QAED,IAAI,YAAY,EAAE,CAAC;YAClB,MAAM,qBAAqB,GAC1B;gBACC,WAAW,EAAE,IAAI;gBACjB,UAAU;gBACV,IAAI;gBACJ,OAAO;gBACP,KAAK;gBACL,WAAW;aACX,CAAC;YAEH,YAAY,CAAC;gBACZ,aAAa,EAAE,KAAK,EAAE,aAAa;gBACnC,OAAO,EAAE,qBAAqB;aAC9B,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,CAAC;IAEF,IAAI,gBAAgB,EAAE,CAAC;QACtB;;WAEG;QACH,cAAc,CAAC,WAAW,CACzB,mBAAmB,CAAC;YACnB,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,WAAW,IAAI,CAAC;YAC1B,oBAAoB,EAAE,CAAC,KAAoC,EAAE,EAAE;gBAC9D,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACtC,CAAC;SACD,CAAC,CACF,CAAC;IACH,CAAC;IAED,IAAI,eAAe,EAAE,CAAC;QACrB;;WAEG;QACH,cAAc,CAAC,WAAW,CACzB,mBAAmB,CAAC;YACnB,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,cAAc;YACxB,QAAQ,EAAE,WAAW,IAAI,CAAC;YAC1B,oBAAoB,EAAE,CAAC,KAAoC,EAAE,EAAE;gBAC9D,gBAAgB,CAAC,EAAE,IAAI,EAAE,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACpD,CAAC;SACD,CAAC,CACF,CAAC;IACH,CAAC;IAED;;;;;;;;;;;;;;;OAeG;IACH,MAAM,KAAK,GAA+B,EAAE,CAAC;IAE7C,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;QACrB,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,IAAI,UAAU,EAAE,IAAI,EAAE,EAAE,CAAC;YAC/C,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACF,CAAC;SAAM,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;QAC7B,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;IAChD,CAAC;SAAM,IAAI,WAAW,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;QAC1C,KAAK,CAAC,IAAI,CACT,CAAC,EACD,UAAU,EACV,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,CAAC,EACd,UAAU,CACV,CAAC;IACH,CAAC;SAAM,CAAC;QACP,KAAK,CAAC,IAAI,CACT,CAAC,EACD,UAAU,EACV,WAAW,GAAG,CAAC,EACf,WAAW,EACX,WAAW,GAAG,CAAC,EACf,UAAU,EACV,UAAU,CACV,CAAC;IACH,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACtB,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACzB,cAAc,CAAC,WAAW,CACzB,mBAAmB,CAAC;gBACnB,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,IAAI;gBACd,QAAQ,EAAE,IAAI;aACd,CAAC,CACF,CAAC;YAEF,OAAO;QACR,CAAC;QAED,cAAc,CAAC,WAAW,CACzB,mBAAmB,CAAC;YACnB,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC;YACtB,QAAQ,EAAE,IAAI,KAAK,WAAW;YAC9B,oBAAoB,EAAE,CAAC,KAAoC,EAAE,EAAE;gBAC9D,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;YACnC,CAAC;SACD,CAAC,CACF,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,WAAW,EAAE,CAAC;QACjB;;WAEG;QACH,cAAc,CAAC,WAAW,CACzB,mBAAmB,CAAC;YACnB,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,eAAe;YACzB,QAAQ,EAAE,WAAW,IAAI,UAAU;YACnC,oBAAoB,EAAE,CAAC,KAAoC,EAAE,EAAE;gBAC9D,gBAAgB,CAAC,EAAE,IAAI,EAAE,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACpD,CAAC;SACD,CAAC,CACF,CAAC;IACH,CAAC;IAED,IAAI,eAAe,EAAE,CAAC;QACrB;;WAEG;QACH,cAAc,CAAC,WAAW,CACzB,mBAAmB,CAAC;YACnB,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,WAAW,IAAI,UAAU;YACnC,oBAAoB,EAAE,CAAC,KAAoC,EAAE,EAAE;gBAC9D,gBAAgB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;YAC/C,CAAC;SACD,CAAC,CACF,CAAC;IACH,CAAC;IAED,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAEtC,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC"}

package/dist/components/GidsPaginatorItem/GidsPaginatorItem.d.ts

@@ -0,0 +1,9 @@
+import { ClassValue, GidsPaginatorItemWebProps } from '@ganpatiinfo/gids-web-shared';
+import { DomChildren } from '../../utils/domUtils.js';
+import { IconName } from '@ganpatiinfo/gids-web-theme-interface';
+export type GidsPaginatorItemBaseWebProps = GidsPaginatorItemWebProps<DomChildren, IconName, Event>;
+export interface GidsPaginatorItemDomProps extends GidsPaginatorItemBaseWebProps {
+    extraClasses?: ClassValue;
+}
+export declare const GidsPaginatorItemDom: ({ selectColor, variant, shape, size, children, isIcon, iconName, disabled, selected, extraClasses, onPaginatorItemClick, }: GidsPaginatorItemDomProps) => HTMLButtonElement;
+//# sourceMappingURL=GidsPaginatorItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsPaginatorItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsPaginatorItem/GidsPaginatorItem.ts"],"names":[],"mappings":"AACA,OAAO,EACN,UAAU,EACV,yBAAyB,EAEzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAKjE,MAAM,MAAM,6BAA6B,GAAG,yBAAyB,CACpE,WAAW,EACX,QAAQ,EACR,KAAK,CACL,CAAC;AAEF,MAAM,WAAW,yBAA0B,SAAQ,6BAA6B;IAC/E,YAAY,CAAC,EAAE,UAAU,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,GAAI,4HAYlC,yBAAyB,KAAG,iBAoC9B,CAAC"}

package/dist/components/GidsPaginatorItem/GidsPaginatorItem.js

@@ -0,0 +1,33 @@
+import { GidsPaginatorItemCommonUtils } from '@ganpatiinfo/gids-core-shared';
+import { GidsPaginatorItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren } from '../../utils/domUtils.js';
+import { GidsIconDom } from '../GidsIcon/GidsIcon.js';
+const { getGidsPaginatorItemClassNames } = GidsPaginatorItemWebUtils;
+const { getPaginatorItemIconSize } = GidsPaginatorItemCommonUtils;
+export const GidsPaginatorItemDom = ({ selectColor = 'default', variant = 'default', shape = 'circled', size = 'sm', children, isIcon = false, iconName, disabled = false, selected = false, extraClasses, onPaginatorItemClick, }) => {
+    const paginatorItem = document.createElement('button');
+    paginatorItem.className = getGidsPaginatorItemClassNames({ selectColor, shape, size, variant, disabled, selected }, extraClasses);
+    if (!isIcon && children) {
+        appendAsChildren(paginatorItem, children);
+    }
+    if (isIcon &&
+        iconName &&
+        iconName.toString() !== '' &&
+        iconName.toString() !== '(none)') {
+        paginatorItem.appendChild(GidsIconDom({
+            size: getPaginatorItemIconSize({ size }),
+            name: iconName,
+            appearance: 'regular',
+            alt: '',
+        }));
+    }
+    if (onPaginatorItemClick && !disabled) {
+        paginatorItem.addEventListener('click', (event) => {
+            onPaginatorItemClick({
+                originalEvent: event,
+            });
+        });
+    }
+    return paginatorItem;
+};
+//# sourceMappingURL=GidsPaginatorItem.js.map

package/dist/components/GidsPaginatorItem/GidsPaginatorItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsPaginatorItem.js","sourceRoot":"","sources":["../../../src/components/GidsPaginatorItem/GidsPaginatorItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAGN,yBAAyB,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,MAAM,EAAE,8BAA8B,EAAE,GAAG,yBAAyB,CAAC;AACrE,MAAM,EAAE,wBAAwB,EAAE,GAAG,4BAA4B,CAAC;AAYlE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACpC,WAAW,GAAG,SAAS,EACvB,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,oBAAoB,GACO,EAAqB,EAAE;IAClD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvD,aAAa,CAAC,SAAS,GAAG,8BAA8B,CACvD,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACzD,YAAY,CACZ,CAAC;IAEF,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,CAAC;QACzB,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC3C,CAAC;IAED,IACC,MAAM;QACN,QAAQ;QACR,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE;QAC1B,QAAQ,CAAC,QAAQ,EAAE,KAAK,QAAQ,EAC/B,CAAC;QACF,aAAa,CAAC,WAAW,CACxB,WAAW,CAAC;YACX,IAAI,EAAE,wBAAwB,CAAC,EAAE,IAAI,EAAE,CAAC;YACxC,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,SAAS;YACrB,GAAG,EAAE,EAAE;SACP,CAAC,CACF,CAAC;IACH,CAAC;IAED,IAAI,oBAAoB,IAAI,CAAC,QAAQ,EAAE,CAAC;QACvC,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;YACxD,oBAAoB,CAAC;gBACpB,aAAa,EAAE,KAAK;aACpB,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,OAAO,aAAa,CAAC;AACtB,CAAC,CAAC"}

package/dist/components/GidsTable/GidsTable.d.ts

@@ -0,0 +1,18 @@
+import { GidsTableEntryTypographyStyle, GidsTableWebProps } from '@ganpatiinfo/gids-web-shared';
+import { DomChildren } from '../../utils/domUtils';
+import { HtmlInputAttributes } from '../GidsInput/GidsInput';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+import { GidsInputStatus, GidsTableActionEvent, GidsTableToolbarSettings } from '@ganpatiinfo/gids-core-shared';
+import { GidsTableToolbarDomProps } from '../GidsTableToolbar/GidsTableToolbar';
+export type GidsTableToolbarBaseSettings = GidsTableToolbarSettings<DomChildren, Event, Element, HtmlInputAttributes, GidsInputStatus> & Pick<GidsTableToolbarDomProps, 'onChange' | 'onInput' | 'onFocus' | 'onBlur' | 'onGidsSearchBarClear'>;
+type GidsTableBaseWebProps = Omit<GidsTableWebProps<DomChildren, GidsTableEntryTypographyStyle, IconName, IconAppearance, DomChildren, Event, Element, HtmlInputAttributes>, 'toolbarSettings'> & {
+    toolbarSettings?: GidsTableToolbarBaseSettings;
+};
+type GidsTableActionBaseEvent = GidsTableActionEvent<Event, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
+export interface GidsTableDomProps extends GidsTableBaseWebProps {
+    extraClasses?: string;
+    onTableAction?: (event: GidsTableActionBaseEvent) => void;
+}
+export declare const GidsTableDom: ({ toolbar, toolbarChildren, children, headerItems, bodyContent, isHeaderVisible, isToolbarVisible, bodySettings, toolbarSettings, headerSettings, tableBorders, tableBorderRadius, tableBodyMaxHeight, horizontalScroll, onTableAction, extraClasses, }: GidsTableDomProps) => HTMLDivElement;
+export {};
+//# sourceMappingURL=GidsTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsTable.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTable/GidsTable.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,6BAA6B,EAC7B,iBAAiB,EAGjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACN,eAAe,EACf,oBAAoB,EACpB,wBAAwB,EACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAEN,wBAAwB,EACxB,MAAM,sCAAsC,CAAC;AAgB9C,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,CAClE,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,qBAAqB,GAAG,IAAI,CAChC,iBAAiB,CAChB,WAAW,EACX,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,WAAW,EACX,KAAK,EACL,OAAO,EACP,mBAAmB,CACnB,EACD,iBAAiB,CACjB,GAAG;IACH,eAAe,CAAC,EAAE,4BAA4B,CAAC;CAC/C,CAAC;AAEF,KAAK,wBAAwB,GAAG,oBAAoB,CACnD,KAAK,EACL,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,YAAY,GAAI,yPAiB1B,iBAAiB,KAAG,cA6GtB,CAAC"}

package/dist/components/GidsTable/GidsTable.js

@@ -0,0 +1,96 @@
+import { GidsTableWebUtils, isValidChildren, } from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren } from '../../utils/domUtils';
+import { GidsTableToolbarDom, } from '../GidsTableToolbar/GidsTableToolbar';
+import { GidsTableHeaderDom, } from '../GidsTableHeader/GidsTableHeader';
+import { GidsTableBodyDom, } from '../GidsTableBody/GidsTableBody';
+const { getGidsTableClassNames, getCustomisedTableHeaderEntries, getTableBodyBorder, } = GidsTableWebUtils;
+export const GidsTableDom = ({ toolbar, toolbarChildren, children, headerItems, bodyContent, isHeaderVisible, isToolbarVisible, bodySettings, toolbarSettings, headerSettings, tableBorders, tableBorderRadius, tableBodyMaxHeight = 200, horizontalScroll = false, onTableAction, extraClasses, }) => {
+    const tableDiv = document.createElement('div');
+    tableDiv.className = getGidsTableClassNames({ tableBorders, tableBorderRadius }, extraClasses);
+    /*
+     * Toolbar
+     */
+    if (isValidChildren(toolbar)) {
+        appendAsChildren(tableDiv, toolbar);
+    }
+    else if (isToolbarVisible) {
+        tableDiv.append(GidsTableToolbarDom({
+            ...toolbarSettings,
+            children: toolbarChildren,
+        }));
+    }
+    /*
+     * Scroll container
+     */
+    const tableScrollContainer = document.createElement('div');
+    tableScrollContainer.className = [
+        'gids-table__scroll-container',
+        horizontalScroll ? 'gids-table__scroll-container--horizontal-scroll' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    if (tableBodyMaxHeight) {
+        tableScrollContainer.style.maxHeight = `${tableBodyMaxHeight}px`;
+    }
+    /*
+     * Table
+     */
+    const table = document.createElement('table');
+    table.className = 'gids-table--main-table';
+    /*
+     * Custom children
+     */
+    if (isValidChildren(children)) {
+        appendAsChildren(table, children);
+    }
+    else {
+        function onActionBtnClick(event) {
+            if (onTableAction) {
+                onTableAction({
+                    ...event,
+                    details: {
+                        ...event.details,
+                        columnIndex: event?.details?.entryIndex,
+                    },
+                });
+            }
+        }
+        /*
+         * Header
+         */
+        if (isHeaderVisible && headerItems && headerItems.length > 0) {
+            table.append(GidsTableHeaderDom({
+                ...headerSettings,
+                headerItems: getCustomisedTableHeaderEntries({
+                    headerItems,
+                    tableBorders,
+                }),
+                onHeaderAction: onActionBtnClick,
+            }));
+        }
+        /*
+         * Body
+         */
+        if (bodyContent && bodyContent.length > 0) {
+            table.append(GidsTableBodyDom({
+                bodyBorder: getTableBodyBorder({
+                    tableBorders,
+                }),
+                bodyContent,
+                bodySettings,
+                onBodyAction: onActionBtnClick,
+            }));
+        }
+    }
+    /*
+     * Final DOM:
+     *
+     * tableDiv
+     *   └── scrollContainer
+     *         └── table
+     */
+    tableScrollContainer.appendChild(table);
+    tableDiv.appendChild(tableScrollContainer);
+    return tableDiv;
+};
+//# sourceMappingURL=GidsTable.js.map

package/dist/components/GidsTable/GidsTable.js.map

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

package/dist/components/GidsTableBody/GidsTableBody.d.ts

@@ -0,0 +1,13 @@
+import { GidsTableBodyWebProps, GidsTableEntryTypographyStyle } from '@ganpatiinfo/gids-web-shared';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+import { GidsTableBodyActionEvent } from '@ganpatiinfo/gids-core-shared';
+import { DomChildren } from '../../utils/domUtils';
+type GidsTableBodyBaseWebProps = GidsTableBodyWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, DomChildren>;
+export type GidsTableBodyActionBaseEvent = GidsTableBodyActionEvent<Event, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
+export interface GidsTableBodyDomProps extends GidsTableBodyBaseWebProps {
+    extraClasses?: string;
+    onBodyAction?: (event: GidsTableBodyActionBaseEvent) => void;
+}
+export declare const GidsTableBodyDom: ({ bodySettings, bodyContent, bodyBorder, children, onBodyAction, extraClasses, }: GidsTableBodyDomProps) => HTMLElement;
+export {};
+//# sourceMappingURL=GidsTableBody.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsTableBody.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTableBody/GidsTableBody.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,qBAAqB,EAErB,6BAA6B,EAE7B,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAWrE,KAAK,yBAAyB,GAAG,qBAAqB,CACrD,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,WAAW,CACX,CAAC;AACF,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,CAClE,KAAK,EACL,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,gBAAgB,GAAI,kFAO9B,qBAAqB,KAAG,WAqF1B,CAAC"}

package/dist/components/GidsTableBody/GidsTableBody.js

@@ -0,0 +1,61 @@
+import { GidsTableBodyWebUtils, isValidChildren, } from '@ganpatiinfo/gids-web-shared';
+import { GidsTableRowDom, } from '../GidsTableRow/GidsTableRow';
+import { appendAsChildren } from '../../utils/domUtils';
+const { getGidsTableBodyClassNames, getConstructedTableBodyContent, getTableBodyRowEntryBackgroundColor, getTableBodyRowEntryContentColor, getTableBodyRowEntryActionsBackgroundColor, getTableBodyRowEntryActionsContentColor, } = GidsTableBodyWebUtils;
+export const GidsTableBodyDom = ({ bodySettings, bodyContent = [], bodyBorder = 'none', children, onBodyAction, extraClasses, }) => {
+    const tableBody = document.createElement('tbody');
+    tableBody.className = getGidsTableBodyClassNames(extraClasses);
+    if (isValidChildren(children)) {
+        appendAsChildren(tableBody, children);
+    }
+    else {
+        if (bodyContent && bodyContent.length > 0) {
+            const constructedTableBodyContent = getConstructedTableBodyContent({
+                bodyContent,
+                bodyBorder,
+            });
+            function onRowActionBtnClick({ event, rowIndex, }) {
+                if (onBodyAction) {
+                    onBodyAction({
+                        ...event,
+                        details: {
+                            ...event.details,
+                            rowIndex,
+                        },
+                    });
+                }
+            }
+            constructedTableBodyContent.forEach((constructedBody, indexI) => {
+                const constructedBodyRowItems = constructedBody?.rowItems ?? [];
+                const rowBgColor = getTableBodyRowEntryBackgroundColor({
+                    bodySettings,
+                    rowIndex: indexI,
+                });
+                const rowContentColor = getTableBodyRowEntryContentColor({
+                    bodySettings,
+                    rowIndex: indexI,
+                });
+                const rowActionsBgColor = getTableBodyRowEntryActionsBackgroundColor({
+                    bodySettings,
+                    rowIndex: indexI,
+                });
+                const rowActionsContentColor = getTableBodyRowEntryActionsContentColor({
+                    bodySettings,
+                    rowIndex: indexI,
+                });
+                tableBody.append(GidsTableRowDom({
+                    ...bodySettings,
+                    actionsBackgroundColor: rowActionsBgColor,
+                    actionsContentColor: rowActionsContentColor,
+                    backgroundColor: rowBgColor,
+                    contentColor: rowContentColor,
+                    rowType: 'body',
+                    rows: constructedBodyRowItems,
+                    onRowAction: (event) => onRowActionBtnClick({ event, rowIndex: indexI }),
+                }));
+            });
+        }
+    }
+    return tableBody;
+};
+//# sourceMappingURL=GidsTableBody.js.map

package/dist/components/GidsTableBody/GidsTableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsTableBody.js","sourceRoot":"","sources":["../../../src/components/GidsTableBody/GidsTableBody.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,qBAAqB,EAErB,eAAe,GACf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEN,eAAe,GACf,MAAM,8BAA8B,CAAC;AAMtC,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAErE,MAAM,EACL,0BAA0B,EAC1B,8BAA8B,EAC9B,mCAAmC,EACnC,gCAAgC,EAChC,0CAA0C,EAC1C,uCAAuC,GACvC,GAAG,qBAAqB,CAAC;AAoB1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAChC,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,MAAM,EACnB,QAAQ,EACR,YAAY,EACZ,YAAY,GACW,EAAe,EAAE;IACxC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAClD,SAAS,CAAC,SAAS,GAAG,0BAA0B,CAAC,YAAY,CAAC,CAAC;IAE/D,IAAI,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/B,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACvC,CAAC;SAAM,CAAC;QACP,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3C,MAAM,2BAA2B,GAAG,8BAA8B,CAAC;gBAClE,WAAW;gBACX,UAAU;aACV,CAAC,CAAC;YAEH,SAAS,mBAAmB,CAAC,EAC5B,KAAK,EACL,QAAQ,GAIR;gBACA,IAAI,YAAY,EAAE,CAAC;oBAClB,YAAY,CAAC;wBACZ,GAAG,KAAK;wBACR,OAAO,EAAE;4BACR,GAAG,KAAK,CAAC,OAAO;4BAChB,QAAQ;yBACR;qBACD,CAAC,CAAC;gBACJ,CAAC;YACF,CAAC;YAED,2BAA2B,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE;gBAC/D,MAAM,uBAAuB,GAAG,eAAe,EAAE,QAAQ,IAAI,EAAE,CAAC;gBAEhE,MAAM,UAAU,GAAG,mCAAmC,CAIpD;oBACD,YAAY;oBACZ,QAAQ,EAAE,MAAM;iBAChB,CAAC,CAAC;gBACH,MAAM,eAAe,GAAG,gCAAgC,CAItD;oBACD,YAAY;oBACZ,QAAQ,EAAE,MAAM;iBAChB,CAAC,CAAC;gBACH,MAAM,iBAAiB,GAAG,0CAA0C,CAIlE;oBACD,YAAY;oBACZ,QAAQ,EAAE,MAAM;iBAChB,CAAC,CAAC;gBACH,MAAM,sBAAsB,GAAG,uCAAuC,CAIpE;oBACD,YAAY;oBACZ,QAAQ,EAAE,MAAM;iBAChB,CAAC,CAAC;gBAEH,SAAS,CAAC,MAAM,CACf,eAAe,CAAC;oBACf,GAAG,YAAY;oBACf,sBAAsB,EAAE,iBAAiB;oBACzC,mBAAmB,EAAE,sBAAsB;oBAC3C,eAAe,EAAE,UAAU;oBAC3B,YAAY,EAAE,eAAe;oBAC7B,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,uBAAuB;oBAC7B,WAAW,EAAE,CAAC,KAAkC,EAAE,EAAE,CACnD,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;iBACjD,CAAC,CACF,CAAC;YACH,CAAC,CAAC,CAAC;QACJ,CAAC;IACF,CAAC;IAED,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC"}

package/dist/components/GidsTableCell/GidsTableCell.d.ts

@@ -0,0 +1,28 @@
+import { GidsTableCellTypographyStyle, GidsTableCellWebProps } from '@ganpatiinfo/gids-web-shared';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+import { GidsTableCellActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
+/**
+ * @deprecated
+ * Use `GidsTableEntry` and its props and functions
+ */
+type GidsTableCellBaseWebProps = GidsTableCellWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance>;
+/**
+ * @deprecated
+ * Use `GidsTableEntry` and its props and functions
+ */
+export type GidsTableCellActionButtonBaseEvent = GidsTableCellActionButtonEvent<Event, GidsTableCellTypographyStyle, IconName, IconAppearance>;
+/**
+ * @deprecated
+ * Use `GidsTableEntry` and its props and functions
+ */
+export interface GidsTableCellDomProps extends GidsTableCellBaseWebProps {
+    extraClasses?: string;
+    onClickCellActionBtn?: (event: GidsTableCellActionButtonBaseEvent) => void;
+}
+/**
+ * @deprecated
+ * Use `GidsTableEntry` and its props and functions
+ */
+export declare const GidsTableCellDom: ({ id, uniqueKey, extraData, label, cellDataType, displayTags, width, borderSides, borderRadiusSides, appearance, textAlignment, labelTypography, isHeaderCell, cellPrimaryActionButtons, cellSecondaryActionButtons, onClickCellActionBtn, extraClasses, }: GidsTableCellDomProps) => HTMLElement;
+export {};
+//# sourceMappingURL=GidsTableCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsTableCell.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTableCell/GidsTableCell.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,4BAA4B,EAC5B,qBAAqB,EAErB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EAEN,8BAA8B,EAI9B,MAAM,+BAA+B,CAAC;AAQvC;;;GAGG;AACH,KAAK,yBAAyB,GAAG,qBAAqB,CACrD,4BAA4B,EAC5B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kCAAkC,GAAG,8BAA8B,CAC9E,KAAK,EACL,4BAA4B,EAC5B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,kCAAkC,KAAK,IAAI,CAAC;CAC3E;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,4PAkB9B,qBAAqB,KAAG,WAqM1B,CAAC"}

package/dist/components/GidsTableCell/GidsTableCell.js

@@ -0,0 +1,146 @@
+import { GidsTableCellWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren } from '../../utils/domUtils';
+import { GidsDisplayTagDom } from '../GidsDisplayTag/GidsDisplayTag';
+import { GidsIconDom } from '../GidsIcon/GidsIcon';
+import { GidsTableCellCommonUtils, } from '@ganpatiinfo/gids-core-shared';
+import { GidsButtonDom } from '../GidsButton/GidsButton';
+const { getGidsTableCellClassNames, getGidsTableCellLabelTypographyClass } = GidsTableCellWebUtils;
+const { isTableCellActionButtonVisible, getTableCellBtnIcon } = GidsTableCellCommonUtils;
+/**
+ * @deprecated
+ * Use `GidsTableEntry` and its props and functions
+ */
+export const GidsTableCellDom = ({ id, uniqueKey, extraData, label, cellDataType = 'text', displayTags = [], width = 'full', borderSides = [], borderRadiusSides = [], appearance = 'none', textAlignment = 'center', labelTypography = 'label-medium', isHeaderCell = false, cellPrimaryActionButtons = [], cellSecondaryActionButtons = [], onClickCellActionBtn, extraClasses, }) => {
+    const cellTag = isHeaderCell ? 'th' : 'td';
+    const tableCell = document.createElement(cellTag);
+    tableCell.className = getGidsTableCellClassNames({ borderSides, borderRadiusSides, appearance, textAlignment, width }, extraClasses);
+    if (id) {
+        tableCell.setAttribute('id', id);
+    }
+    if (uniqueKey) {
+        tableCell.setAttribute('unique-key', uniqueKey);
+    }
+    if (extraData) {
+        tableCell.setAttribute('extra-data', JSON.stringify(extraData));
+    }
+    function makeCellActionBtnIcon({ cellActionBtn, neededIconType = 'leading', }) {
+        const tableCellBtnIcon = getTableCellBtnIcon({
+            cellActionButton: cellActionBtn,
+            neededIconType,
+        });
+        return tableCellBtnIcon?.cellIconName &&
+            tableCellBtnIcon.cellIconName.toString() !== ''
+            ? GidsIconDom({
+                name: tableCellBtnIcon.cellIconName,
+                size: tableCellBtnIcon.cellIconSize,
+                appearance: tableCellBtnIcon.cellIconAppearance,
+            })
+            : undefined;
+    }
+    function onActionBtnClick({ event, actionBtnIndex, actionBtnPosition, }) {
+        if (onClickCellActionBtn) {
+            onClickCellActionBtn({
+                originalEvent: event,
+                details: {
+                    appearance,
+                    cellDataType,
+                    displayTags,
+                    label,
+                    id,
+                    extraData,
+                    isHeaderCell,
+                    uniqueKey,
+                    actionBtnNumber: `action-btn-${actionBtnIndex + 1}`,
+                    actionBtnIndex: actionBtnIndex,
+                    actionBtnPosition: actionBtnPosition ?? 'secondary',
+                },
+            });
+        }
+    }
+    function makeCellActionButton({ cellActionBtn, actionBtnIndex, actionBtnPosition, }) {
+        return GidsButtonDom({
+            as: 'button',
+            appearance: cellActionBtn?.appearance ?? 'default',
+            size: cellActionBtn?.size ?? 'md',
+            disabled: cellActionBtn?.disabled,
+            destructive: cellActionBtn?.destructive,
+            positive: cellActionBtn?.positive,
+            loading: cellActionBtn?.loading,
+            width: cellActionBtn?.width ?? 'intrinsic',
+            children: cellActionBtn?.buttonLabel ?? '',
+            type: 'button',
+            leadingIcon: makeCellActionBtnIcon({
+                cellActionBtn,
+                neededIconType: 'leading',
+            }),
+            trailingIcon: makeCellActionBtnIcon({
+                cellActionBtn,
+                neededIconType: 'trailing',
+            }),
+            onClick: (event) => onActionBtnClick({ event, actionBtnIndex, actionBtnPosition }),
+        });
+    }
+    if (cellPrimaryActionButtons && cellPrimaryActionButtons.length > 0) {
+        const cellPrimaryActionBtnContainer = document.createElement('div');
+        cellPrimaryActionBtnContainer.className =
+            'gids-table-cell__primary-action-btn-container';
+        Array.from({ length: cellPrimaryActionButtons.length }, (_, indexI) => {
+            const cellPrimaryActionBtnIndex = cellPrimaryActionButtons.length - indexI - 1;
+            const cellPrimaryActionBtn = cellPrimaryActionButtons[cellPrimaryActionBtnIndex];
+            const cellActionBtnVisible = isTableCellActionButtonVisible(cellPrimaryActionBtn);
+            if (cellActionBtnVisible) {
+                cellPrimaryActionBtnContainer.append(makeCellActionButton({
+                    cellActionBtn: cellPrimaryActionBtn,
+                    actionBtnIndex: cellPrimaryActionBtnIndex,
+                    actionBtnPosition: 'primary',
+                }));
+            }
+        });
+        tableCell.appendChild(cellPrimaryActionBtnContainer);
+    }
+    if (cellDataType === 'text' && label && label !== '') {
+        const labelSpan = document.createElement('span');
+        labelSpan.textContent = label;
+        labelSpan.className = `${getGidsTableCellLabelTypographyClass(labelTypography)}`;
+        appendAsChildren(tableCell, labelSpan);
+    }
+    if (cellDataType === 'display-tag' && displayTags && displayTags.length > 0) {
+        const displayTagsContainer = document.createElement('div');
+        displayTagsContainer.className = 'gids-table-cell__display-tags-container';
+        displayTags.forEach((displayTag) => {
+            displayTagsContainer.append(GidsDisplayTagDom({
+                label: displayTag?.label ?? '',
+                appearance: displayTag?.displayTagAppearance ?? 'subtle',
+                size: displayTag?.displayTagSize ?? 'xs',
+                icon: displayTag?.displayTagIcon
+                    ? GidsIconDom({
+                        name: displayTag.displayTagIcon,
+                        size: displayTag?.displayTagSize ?? 'xs',
+                        appearance: displayTag?.displayTagIconAppearance ?? 'regular',
+                    })
+                    : undefined,
+                color: displayTag?.displayTagColor ?? 'accent-5',
+            }));
+        });
+        appendAsChildren(tableCell, displayTagsContainer);
+    }
+    if (cellSecondaryActionButtons && cellSecondaryActionButtons.length > 0) {
+        const cellSecondaryActionBtnContainer = document.createElement('div');
+        cellSecondaryActionBtnContainer.className =
+            'gids-table-cell__secondary-action-btn-container';
+        Array.from({ length: cellSecondaryActionButtons.length }, (_, indexJ) => {
+            const cellSecondaryActionBtn = cellSecondaryActionButtons[indexJ];
+            const cellActionBtnVisible = isTableCellActionButtonVisible(cellSecondaryActionBtn);
+            if (cellActionBtnVisible) {
+                cellSecondaryActionBtnContainer.append(makeCellActionButton({
+                    cellActionBtn: cellSecondaryActionBtn,
+                    actionBtnIndex: indexJ,
+                    actionBtnPosition: 'secondary',
+                }));
+            }
+        });
+        tableCell.appendChild(cellSecondaryActionBtnContainer);
+    }
+    return tableCell;
+};
+//# sourceMappingURL=GidsTableCell.js.map

package/dist/components/GidsTableCell/GidsTableCell.js.map

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

package/dist/components/GidsTableEntry/GidsTableEntry.d.ts

@@ -0,0 +1,13 @@
+import { GidsTableEntryTypographyStyle, GidsTableEntryWebProps } from '@ganpatiinfo/gids-web-shared';
+import { DomChildren } from '../../utils/domUtils';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+import { GidsTableEntryActionEvent } from '@ganpatiinfo/gids-core-shared';
+type GidsTableEntryBaseWebProps = GidsTableEntryWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, DomChildren>;
+export type GidsTableEntryActionBaseEvent = GidsTableEntryActionEvent<Event, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
+export interface GidsTableEntryDomProps extends GidsTableEntryBaseWebProps {
+    extraClasses?: string;
+    onEntryAction?: (event: GidsTableEntryActionBaseEvent) => void;
+}
+export declare const GidsTableEntryDom: ({ id, uniqueKey, extraData, colSpan, label, entryDataTypes, displayTags, statusTags, badges, avatars, colorSwatches, progressBars, borderSides, borderRadiusSides, appearance, textAlignment, entryAlignment, labelTypography, entryType, leadingActions, trailingActions, onEntryAction, colorSwatchLabelColor, colorSwatchLabelPosition, colorSwatchLabelTypography, colorSwatchSize, colorSwatchShape, colorSwatchShadow, colorSwatchBorderRadius, colorSwatchApplyBorders, colorSwatchBorderWidth, progressBarSize, progressBarEndCap, avatarSize, avatarGroupAppearance, avatarGroupLayout, statusTagAppearance, statusTagSize, progressBarContainerMinWidth, displayTagsOrientation, statusTagsOrientation, progressBarsOrientation, colorSwatchesOrientation, badgesOrientation, children, backgroundColor, contentColor, actionsBackgroundColor, actionsContentColor, extraClasses, }: GidsTableEntryDomProps) => HTMLTableCellElement;
+export {};
+//# sourceMappingURL=GidsTableEntry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GidsTableEntry.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTableEntry/GidsTableEntry.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,6BAA6B,EAC7B,sBAAsB,EAGtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EAEN,yBAAyB,EAIzB,MAAM,+BAA+B,CAAC;AAiBvC,KAAK,0BAA0B,GAAG,sBAAsB,CACvD,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,WAAW,CACX,CAAC;AACF,MAAM,MAAM,6BAA6B,GAAG,yBAAyB,CACpE,KAAK,EACL,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,0BAA0B;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,IAAI,CAAC;CAC/D;AAED,eAAO,MAAM,iBAAiB,GAAI,+1BAmD/B,sBAAsB,KAAG,oBAyZ3B,CAAC"}