@highcharts/grid-pro 2.0.1 → 2.1.0

package/es-modules/Grid/Core/Table/Table.js

@@ -165,10 +165,10 @@ class Table {
         // instead of the original data table row count.
         const rowCount = Number(grid.dataTable?.rowCount);
         const threshold = rows?.virtualizationThreshold ?? 50;
-        const paginationPageSize = grid.pagination?.currentPageSize;
-        return paginationPageSize ?
-            paginationPageSize >= threshold :
-            rowCount >= threshold;
+        if (grid.pagination) {
+            return grid.querying.pagination.currentPageSize >= threshold;
+        }
+        return rowCount >= threshold;
     }
     /**
      * Loads the columns of the table.
@@ -194,7 +194,7 @@ class Table {
         if (vp.focusCursor) {
             focusedRowId = vp.dataTable.getOriginalRowIndex(vp.focusCursor[0]);
         }
-        vp.grid.pagination?.clampCurrentPage();
+        vp.grid.querying.pagination.clampPage();
         // Update data
         const oldRowsCount = (vp.rows[vp.rows.length - 1]?.index ?? -1) + 1;
         await vp.grid.querying.proceed();
@@ -238,11 +238,14 @@ class Table {
                 });
             }
         }
+        vp.grid.dirtyFlags.delete('rows');
     }
     /**
      * Reflows the table's content dimensions.
      */
     reflow() {
+        // TODO: More `needsReflow` logic can be added in the future to avoid
+        // unnecessary reflows of the table parts.
         this.columnResizing.reflow();
         // Reflow the head
         this.header?.reflow();
@@ -254,6 +257,7 @@ class Table {
         this.grid.popups.forEach((popup) => {
             popup.reflow();
         });
+        this.grid.dirtyFlags.delete('reflow');
     }
     /**
      * Scrolls the table to the specified row.

package/es-modules/Grid/Core/UI/Button.d.ts

@@ -4,7 +4,7 @@ import type Popup from './Popup.js';
  * `Toolbar`.
  * @private
  */
-interface Button {
+export interface Button {
     /**
      * Focuses the button.
      */

package/es-modules/Grid/Core/UI/ContextMenu.d.ts

@@ -3,7 +3,7 @@ import ContextMenuButton from './ContextMenuButton.js';
 /**
  * The context menu.
  */
-declare abstract class ContextMenu extends Popup {
+export declare abstract class ContextMenu extends Popup {
     /**
      * The array of buttons in the context menu.
      */

package/es-modules/Grid/Core/UI/ContextMenu.js

@@ -30,7 +30,7 @@ const { makeHTMLElement } = GridUtils;
 /**
  * The context menu.
  */
-class ContextMenu extends Popup {
+export class ContextMenu extends Popup {
     constructor() {
         /* *
          *

package/es-modules/Grid/Core/UI/ContextMenuButton.d.ts

@@ -1,9 +1,9 @@
 import type ContextMenu from './ContextMenu';
 import type Button from './Button';
 import type Popup from './Popup';
-import SvgIcons from './SvgIcons.js';
-import Globals from '../Globals.js';
-declare class ContextMenuButton implements Button {
+import { GridIconName } from './SvgIcons.js';
+import { ClassNameKey } from '../Globals.js';
+export declare class ContextMenuButton implements Button {
     /**
      * The wrapper `<li>` element for the button.
      */
@@ -24,7 +24,7 @@ declare class ContextMenuButton implements Button {
     /**
      * The options for the context menu button.
      */
-    protected options: ContextMenuButton.Options;
+    protected options: ContextMenuButtonOptions;
     /**
      * The container for the icon element.
      */
@@ -41,7 +41,7 @@ declare class ContextMenuButton implements Button {
      * The span element for the label.
      */
     private spanEl?;
-    constructor(options: ContextMenuButton.Options);
+    constructor(options: ContextMenuButtonOptions);
     /**
      * Adds the button to the context menu.
      *
@@ -57,7 +57,7 @@ declare class ContextMenuButton implements Button {
      * @param icon
      * The icon to set.
      */
-    setIcon(icon?: SvgIcons.GridIconName): void;
+    setIcon(icon?: GridIconName): void;
     setActive(active: boolean): void;
     setHighlighted(highlighted: boolean): void;
     /**
@@ -84,43 +84,38 @@ declare class ContextMenuButton implements Button {
      */
     private removeEventListeners;
 }
-declare namespace ContextMenuButton {
-    /**
-     * Options for the context menu button.
-     */
-    interface Options {
-        /**
-         * The label for the button.
-         */
-        label?: string;
-        /**
-         * The icon for the button.
-         */
-        icon?: SvgIcons.GridIconName;
-        /**
-         * A class name key applied to the `<li>` wrapper of the button.
-         */
-        classNameKey?: Globals.ClassNameKey;
-        /**
-         * The icon for the active state of the button.
-         */
-        activeIcon?: SvgIcons.GridIconName;
-        /**
-         * The icon for the highlighted state of the button.
-         */
-        highlightedIcon?: SvgIcons.GridIconName;
-        /**
-         * The tooltip string for the button.
-         */
-        tooltip?: string;
-        /**
-         * If the chevron icon should be rendered.
-         */
-        chevron?: boolean;
-        /**
-         * The click handler for the button.
-         */
-        onClick?: (event: MouseEvent, button: ContextMenuButton) => void;
-    }
+export interface ContextMenuButtonOptions {
+    /**
+     * The label for the button.
+     */
+    label?: string;
+    /**
+     * The icon for the button.
+     */
+    icon?: GridIconName;
+    /**
+     * A class name key applied to the `<li>` wrapper of the button.
+     */
+    classNameKey?: ClassNameKey;
+    /**
+     * The icon for the active state of the button.
+     */
+    activeIcon?: GridIconName;
+    /**
+     * The icon for the highlighted state of the button.
+     */
+    highlightedIcon?: GridIconName;
+    /**
+     * The tooltip string for the button.
+     */
+    tooltip?: string;
+    /**
+     * If the chevron icon should be rendered.
+     */
+    chevron?: boolean;
+    /**
+     * The click handler for the button.
+     */
+    onClick?: (event: MouseEvent, button: ContextMenuButton) => void;
 }
 export default ContextMenuButton;

package/es-modules/Grid/Core/UI/ContextMenuButton.js

@@ -13,7 +13,7 @@
  *
  * */
 'use strict';
-import SvgIcons from './SvgIcons.js';
+import { createGridIcon } from './SvgIcons.js';
 import Globals from '../Globals.js';
 import GridUtils from '../GridUtils.js';
 const { makeHTMLElement } = GridUtils;
@@ -22,7 +22,7 @@ const { makeHTMLElement } = GridUtils;
  *  Class
  *
  * */
-class ContextMenuButton {
+export class ContextMenuButton {
     /* *
      *
      *  Constructor
@@ -80,7 +80,7 @@ class ContextMenuButton {
         buttonEl.setAttribute('tabindex', '-1');
         this.refreshState();
         if (cfg.chevron) {
-            chevronEl.appendChild(SvgIcons.createGridIcon('chevronRight'));
+            chevronEl.appendChild(createGridIcon('chevronRight'));
         }
         if (cfg.icon) {
             this.setIcon(cfg.icon);
@@ -111,7 +111,7 @@ class ContextMenuButton {
         if (!icon) {
             return;
         }
-        this.icon = SvgIcons.createGridIcon(icon);
+        this.icon = createGridIcon(icon);
         this.iconWrapper?.appendChild(this.icon);
     }
     setActive(active) {

package/es-modules/Grid/Core/UI/Popup.d.ts

@@ -3,7 +3,7 @@ import type Button from './Button';
 /**
  * Abstract base class for for Grid popups.
  */
-declare abstract class Popup {
+export declare abstract class Popup {
     /**
      * The popup container element.
      */
@@ -48,7 +48,7 @@ declare abstract class Popup {
      * @param options
      * Popup options.
      */
-    constructor(grid: Grid, button?: Button, options?: Popup.Options);
+    constructor(grid: Grid, button?: Button, options?: PopupOptions);
     /**
      * Renders the popup content.
      *
@@ -124,26 +124,24 @@ declare abstract class Popup {
      */
     private removeEventListeners;
 }
-declare namespace Popup {
-    interface Options {
+export interface PopupOptions {
+    /**
+     * Whether to position the popup next to the anchor element (`true`), or
+     * directly below it (`false`). Defaults to `false`.
+     */
+    nextToAnchor?: boolean;
+    /**
+     * The header of the popup.
+     */
+    header?: {
         /**
-         * Whether to position the popup next to the anchor element (`true`), or
-         * directly below it (`false`). Defaults to `false`.
+         * The prefix of the header label, placed before the label.
          */
-        nextToAnchor?: boolean;
+        category?: string;
         /**
-         * The header of the popup.
+         * The label of the header.
          */
-        header?: {
-            /**
-             * The prefix of the header label, placed before the label.
-             */
-            category?: string;
-            /**
-             * The label of the header.
-             */
-            label: string;
-        };
-    }
+        label: string;
+    };
 }
 export default Popup;

package/es-modules/Grid/Core/UI/Popup.js

@@ -26,7 +26,7 @@ const { fireEvent } = U;
 /**
  * Abstract base class for for Grid popups.
  */
-class Popup {
+export class Popup {
     /* *
      *
      *  Constructor
@@ -96,6 +96,7 @@ class Popup {
         if (!this.container) {
             return;
         }
+        fireEvent(this, 'beforeHide');
         this.grid.popups.delete(this);
         this.isVisible = false;
         // Remove event listeners

package/es-modules/Grid/Core/UI/SvgIcons.d.ts

@@ -1,53 +1,52 @@
 /**
- * Registry of all Grid Svg icons with their SVG path data.
- * Icons are designed for a 24x24 viewBox and use stroke-based rendering.
+ * The name of the icon from SvgIcons registry
  */
-declare namespace SvgIcons {
-    /**
-     * The name of the icon from SvgIcons registry
-     */
-    type GridIconName = ('filter' | 'menu' | 'chevronRight' | 'checkmark' | 'upDownArrows' | 'sortAsc' | 'sortDesc');
-    /**
-     * The registry of all Grid Svg icons with their SVG path data.
-     */
-    const icons: Record<GridIconName, SVGDefinition>;
-    /**
-     * The default path definitions for the Grid Svg icons.
-     */
-    const pathDefaults: Partial<PathDefinition>;
-    /**
-     * The definition of a path for a Grid Svg icon.
-     */
-    interface PathDefinition {
-        d: string;
-        stroke?: string;
-        'stroke-width'?: number;
-        'stroke-linecap'?: string;
-        'stroke-linejoin'?: string;
-        opacity?: number;
-    }
-    /**
-     * The definition of an SVG for a Grid Svg icon.
-     */
-    interface SVGDefinition {
-        width?: number;
-        height?: number;
-        viewBox?: string;
-        fill?: string;
-        children?: PathDefinition[];
-    }
-    /**
-     * Creates an SVG icon element from the SvgIcons registry.
-     *
-     * @param name
-     * The name of the icon from SvgIcons registry
-     *
-     * @param className
-     * CSS class name for the SVG element (default: 'hcg-icon')
-     *
-     * @returns
-     * SVG element with the specified icon
-     */
-    function createGridIcon(name: GridIconName, className?: string): SVGElement;
+export type GridIconName = ('filter' | 'menu' | 'chevronRight' | 'checkmark' | 'upDownArrows' | 'sortAsc' | 'sortDesc');
+/**
+ * The registry of all Grid Svg icons with their SVG path data.
+ */
+export declare const icons: Record<GridIconName, SVGDefinition>;
+/**
+ * The default path definitions for the Grid Svg icons.
+ */
+export declare const pathDefaults: Partial<PathDefinition>;
+/**
+ * The definition of a path for a Grid Svg icon.
+ */
+export interface PathDefinition {
+    d: string;
+    stroke?: string;
+    'stroke-width'?: number;
+    'stroke-linecap'?: string;
+    'stroke-linejoin'?: string;
+    opacity?: number;
 }
-export default SvgIcons;
+/**
+ * The definition of an SVG for a Grid Svg icon.
+ */
+export interface SVGDefinition {
+    width?: number;
+    height?: number;
+    viewBox?: string;
+    fill?: string;
+    children?: PathDefinition[];
+}
+/**
+ * Creates an SVG icon element from the SvgIcons registry.
+ *
+ * @param name
+ * The name of the icon from SvgIcons registry
+ *
+ * @param className
+ * CSS class name for the SVG element (default: 'hcg-icon')
+ *
+ * @returns
+ * SVG element with the specified icon
+ */
+export declare function createGridIcon(name: GridIconName, className?: string): SVGElement;
+declare const _default: {
+    readonly createGridIcon: typeof createGridIcon;
+    readonly icons: Record<GridIconName, SVGDefinition>;
+    readonly pathDefaults: Partial<PathDefinition>;
+};
+export default _default;

package/es-modules/Grid/Core/UI/SvgIcons.js

@@ -21,138 +21,129 @@
  *
  * */
 import Globals from '../Globals.js';
+/**
+ * The registry of all Grid Svg icons with their SVG path data.
+ */
+export const icons = {
+    filter: {
+        width: 16,
+        height: 14,
+        children: [{
+                d: 'M2.2571 2.77791C1.75287 2.21437 1.50076 1.93259 1.49125 1.69312C1.48299 1.48509 1.57238 1.28515 1.73292 1.15259C1.91773 1 2.29583 1 3.05202 1H12.9473C13.7035 1 14.0816 1 14.2664 1.15259C14.427 1.28515 14.5163 1.48509 14.5081 1.69312C14.4986 1.93259 14.2465 2.21437 13.7422 2.77791L9.93808 7.02962C9.83756 7.14196 9.78731 7.19813 9.75147 7.26205C9.71969 7.31875 9.69637 7.37978 9.68225 7.44323C9.66633 7.51476 9.66633 7.59013 9.66633 7.74087V11.3056C9.66633 11.436 9.66633 11.5011 9.64531 11.5575C9.62673 11.6073 9.59651 11.6519 9.55717 11.6877C9.51265 11.7281 9.45213 11.7524 9.33108 11.8008L7.06441 12.7074C6.81938 12.8054 6.69687 12.8545 6.59852 12.834C6.51251 12.8161 6.43704 12.765 6.3885 12.6918C6.333 12.6081 6.333 12.4762 6.333 12.2122V7.74087C6.333 7.59013 6.333 7.51476 6.31708 7.44323C6.30296 7.37978 6.27964 7.31875 6.24786 7.26205C6.21203 7.19813 6.16177 7.14196 6.06126 7.02962L2.2571 2.77791Z'
+            }]
+    },
+    menu: {
+        width: 4,
+        height: 12,
+        children: [{
+                d: 'M2.00016 6.66675C2.36835 6.66675 2.66683 6.36827 2.66683 6.00008C2.66683 5.63189 2.36835 5.33341 2.00016 5.33341C1.63197 5.33341 1.3335 5.63189 1.3335 6.00008C1.3335 6.36827 1.63197 6.66675 2.00016 6.66675Z'
+            }, {
+                d: 'M2.00016 2.00008C2.36835 2.00008 2.66683 1.7016 2.66683 1.33341C2.66683 0.965225 2.36835 0.666748 2.00016 0.666748C1.63197 0.666748 1.3335 0.965225 1.3335 1.33341C1.3335 1.7016 1.63197 2.00008 2.00016 2.00008Z'
+            }, {
+                d: 'M2.00016 11.3334C2.36835 11.3334 2.66683 11.0349 2.66683 10.6667C2.66683 10.2986 2.36835 10.0001 2.00016 10.0001C1.63197 10.0001 1.3335 10.2986 1.3335 10.6667C1.3335 11.0349 1.63197 11.3334 2.00016 11.3334Z'
+            }]
+    },
+    chevronRight: {
+        width: 6,
+        height: 10,
+        children: [{
+                d: 'M1 9L5 5L1 1',
+                'stroke-width': 1.34
+            }]
+    },
+    checkmark: {
+        width: 12,
+        height: 9,
+        children: [{
+                d: 'M11.3332 1L3.99984 8.33333L0.666504 5'
+            }]
+    },
+    upDownArrows: {
+        width: 14,
+        height: 12,
+        children: [{
+                d: 'M3.66667 0.666748V11.3334M3.66667 11.3334L1 8.66675M3.66667 11.3334L6.33333 8.66675M10.3333 11.3334V0.666748M10.3333 0.666748L7.66667 3.33341M10.3333 0.666748L13 3.33341'
+            }]
+    },
+    sortAsc: {
+        width: 14,
+        height: 12,
+        children: [{
+                d: 'M3.66667 0.666748V11.3334M3.66667 11.3334L1 8.66675M3.66667 11.3334L6.33333 8.66675',
+                opacity: 0.2
+            }, {
+                d: 'M 10.3333 11.3334 V 0.6667 M 10.3333 0.6667 L 7.6667 3.3334 M 10.3333 0.6667 L 13 3.3334'
+            }]
+    },
+    sortDesc: {
+        width: 14,
+        height: 12,
+        children: [{
+                d: 'M3.66667 0.666748V11.3334M3.66667 11.3334L1 8.66675M3.66667 11.3334L6.33333 8.66675'
+            }, {
+                d: 'M 10.3333 11.3334 V 0.6667 M 10.3333 0.6667 L 7.6667 3.3334 M 10.3333 0.6667 L 13 3.3334',
+                opacity: 0.2
+            }]
+    }
+};
+/**
+ * The default path definitions for the Grid Svg icons.
+ */
+export const pathDefaults = {
+    stroke: 'currentColor',
+    'stroke-width': 1.33,
+    'stroke-linecap': 'round',
+    'stroke-linejoin': 'round'
+};
 /* *
+*
+*  Functions
+*
+* */
+/**
+ * Creates an SVG icon element from the SvgIcons registry.
  *
- *  Constants
+ * @param name
+ * The name of the icon from SvgIcons registry
  *
- * */
-/**
- * Registry of all Grid Svg icons with their SVG path data.
- * Icons are designed for a 24x24 viewBox and use stroke-based rendering.
+ * @param className
+ * CSS class name for the SVG element (default: 'hcg-icon')
+ *
+ * @returns
+ * SVG element with the specified icon
  */
-var SvgIcons;
-(function (SvgIcons) {
-    /**
-     * The registry of all Grid Svg icons with their SVG path data.
-     */
-    SvgIcons.icons = {
-        filter: {
-            width: 16,
-            height: 14,
-            children: [{
-                    d: 'M2.2571 2.77791C1.75287 2.21437 1.50076 1.93259 1.49125 1.69312C1.48299 1.48509 1.57238 1.28515 1.73292 1.15259C1.91773 1 2.29583 1 3.05202 1H12.9473C13.7035 1 14.0816 1 14.2664 1.15259C14.427 1.28515 14.5163 1.48509 14.5081 1.69312C14.4986 1.93259 14.2465 2.21437 13.7422 2.77791L9.93808 7.02962C9.83756 7.14196 9.78731 7.19813 9.75147 7.26205C9.71969 7.31875 9.69637 7.37978 9.68225 7.44323C9.66633 7.51476 9.66633 7.59013 9.66633 7.74087V11.3056C9.66633 11.436 9.66633 11.5011 9.64531 11.5575C9.62673 11.6073 9.59651 11.6519 9.55717 11.6877C9.51265 11.7281 9.45213 11.7524 9.33108 11.8008L7.06441 12.7074C6.81938 12.8054 6.69687 12.8545 6.59852 12.834C6.51251 12.8161 6.43704 12.765 6.3885 12.6918C6.333 12.6081 6.333 12.4762 6.333 12.2122V7.74087C6.333 7.59013 6.333 7.51476 6.31708 7.44323C6.30296 7.37978 6.27964 7.31875 6.24786 7.26205C6.21203 7.19813 6.16177 7.14196 6.06126 7.02962L2.2571 2.77791Z'
-                }]
-        },
-        menu: {
-            width: 4,
-            height: 12,
-            children: [{
-                    d: 'M2.00016 6.66675C2.36835 6.66675 2.66683 6.36827 2.66683 6.00008C2.66683 5.63189 2.36835 5.33341 2.00016 5.33341C1.63197 5.33341 1.3335 5.63189 1.3335 6.00008C1.3335 6.36827 1.63197 6.66675 2.00016 6.66675Z'
-                }, {
-                    d: 'M2.00016 2.00008C2.36835 2.00008 2.66683 1.7016 2.66683 1.33341C2.66683 0.965225 2.36835 0.666748 2.00016 0.666748C1.63197 0.666748 1.3335 0.965225 1.3335 1.33341C1.3335 1.7016 1.63197 2.00008 2.00016 2.00008Z'
-                }, {
-                    d: 'M2.00016 11.3334C2.36835 11.3334 2.66683 11.0349 2.66683 10.6667C2.66683 10.2986 2.36835 10.0001 2.00016 10.0001C1.63197 10.0001 1.3335 10.2986 1.3335 10.6667C1.3335 11.0349 1.63197 11.3334 2.00016 11.3334Z'
-                }]
-        },
-        chevronRight: {
-            width: 6,
-            height: 10,
-            children: [{
-                    d: 'M1 9L5 5L1 1',
-                    'stroke-width': 1.34
-                }]
-        },
-        checkmark: {
-            width: 12,
-            height: 9,
-            children: [{
-                    d: 'M11.3332 1L3.99984 8.33333L0.666504 5'
-                }]
-        },
-        upDownArrows: {
-            width: 14,
-            height: 12,
-            children: [{
-                    d: 'M3.66667 0.666748V11.3334M3.66667 11.3334L1 8.66675M3.66667 11.3334L6.33333 8.66675M10.3333 11.3334V0.666748M10.3333 0.666748L7.66667 3.33341M10.3333 0.666748L13 3.33341'
-                }]
-        },
-        sortAsc: {
-            width: 14,
-            height: 12,
-            children: [{
-                    d: 'M3.66667 0.666748V11.3334M3.66667 11.3334L1 8.66675M3.66667 11.3334L6.33333 8.66675',
-                    opacity: 0.2
-                }, {
-                    d: 'M 10.3333 11.3334 V 0.6667 M 10.3333 0.6667 L 7.6667 3.3334 M 10.3333 0.6667 L 13 3.3334'
-                }]
-        },
-        sortDesc: {
-            width: 14,
-            height: 12,
-            children: [{
-                    d: 'M3.66667 0.666748V11.3334M3.66667 11.3334L1 8.66675M3.66667 11.3334L6.33333 8.66675'
-                }, {
-                    d: 'M 10.3333 11.3334 V 0.6667 M 10.3333 0.6667 L 7.6667 3.3334 M 10.3333 0.6667 L 13 3.3334',
-                    opacity: 0.2
-                }]
-        }
-    };
-    /**
-     * The default path definitions for the Grid Svg icons.
-     */
-    SvgIcons.pathDefaults = {
-        stroke: 'currentColor',
-        'stroke-width': 1.33,
-        'stroke-linecap': 'round',
-        'stroke-linejoin': 'round'
-    };
-    /* *
-    *
-    *  Functions
-    *
-    * */
-    /**
-     * Creates an SVG icon element from the SvgIcons registry.
-     *
-     * @param name
-     * The name of the icon from SvgIcons registry
-     *
-     * @param className
-     * CSS class name for the SVG element (default: 'hcg-icon')
-     *
-     * @returns
-     * SVG element with the specified icon
-     */
-    function createGridIcon(name, className = Globals.getClassName('icon')) {
-        const createElement = (type) => document.createElementNS('http://www.w3.org/2000/svg', type);
-        const { width = 16, height = 16, viewBox, fill, children } = SvgIcons.icons[name];
-        const svg = createElement('svg');
-        svg.setAttribute('width', width.toString());
-        svg.setAttribute('height', height.toString());
-        svg.setAttribute('viewBox', viewBox ?? `0 0 ${width} ${height}`);
-        svg.setAttribute('fill', fill ?? 'none');
-        for (const childDefinition of children ?? []) {
-            const path = createElement('path');
-            const attrKeys = new Set([
-                ...Object.keys(childDefinition),
-                ...Object.keys(SvgIcons.pathDefaults)
-            ]);
-            for (const attr of attrKeys) {
-                const value = childDefinition[attr] ?? SvgIcons.pathDefaults[attr];
-                if (value !== void 0) {
-                    path.setAttribute(attr, value.toString());
-                }
+export function createGridIcon(name, className = Globals.getClassName('icon')) {
+    const createElement = (type) => document.createElementNS('http://www.w3.org/2000/svg', type);
+    const { width = 16, height = 16, viewBox, fill, children } = icons[name];
+    const svg = createElement('svg');
+    svg.setAttribute('width', width.toString());
+    svg.setAttribute('height', height.toString());
+    svg.setAttribute('viewBox', viewBox ?? `0 0 ${width} ${height}`);
+    svg.setAttribute('fill', fill ?? 'none');
+    for (const childDefinition of children ?? []) {
+        const path = createElement('path');
+        const attrKeys = new Set([
+            ...Object.keys(childDefinition),
+            ...Object.keys(pathDefaults)
+        ]);
+        for (const attr of attrKeys) {
+            const value = childDefinition[attr] ?? pathDefaults[attr];
+            if (value !== void 0) {
+                path.setAttribute(attr, value.toString());
             }
-            svg.appendChild(path);
         }
-        svg.classList.add(className);
-        return svg;
+        svg.appendChild(path);
     }
-    SvgIcons.createGridIcon = createGridIcon;
-})(SvgIcons || (SvgIcons = {}));
+    svg.classList.add(className);
+    return svg;
+}
 /* *
  *
  *  Default Export
  *
  * */
-export default SvgIcons;
+export default {
+    createGridIcon,
+    icons,
+    pathDefaults
+};