ids-enterprise-wc 1.15.9-patch.15 → 1.15.9-patch.16

package/custom-elements.json

@@ -6575,6 +6575,381 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/ids-badge/ids-badge.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "IDS Badge Component",
+          "name": "IdsBadge",
+          "cssParts": [
+            {
+              "description": "the badge element",
+              "name": "badge"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "attributes",
+              "type": {
+                "text": "string[]"
+              },
+              "static": true,
+              "description": "Return the attributes we handle as getters/setters",
+              "return": {
+                "type": {
+                  "text": "Array"
+                }
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "template",
+              "description": "Create the Template for the contents",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "IdsBadgeShape"
+              },
+              "description": "Set the badge shape between normal (default) and round",
+              "return": {
+                "type": {
+                  "text": "IdsBadgeShape"
+                }
+              },
+              "parameters": [
+                {
+                  "description": "The Badge Shape",
+                  "name": "value",
+                  "type": {
+                    "text": "IdsBadgeShape"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "string | null"
+              },
+              "description": "Set the color",
+              "return": {
+                "type": {
+                  "text": "string | null"
+                }
+              },
+              "parameters": [
+                {
+                  "description": "The Badge Color [base, error, info, success and warning]",
+                  "name": "value",
+                  "type": {
+                    "text": "string | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "description": "Sets the disabled state",
+              "parameters": [
+                {
+                  "description": "The value",
+                  "name": "value",
+                  "type": {
+                    "text": "boolean | string"
+                  }
+                }
+              ],
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "noMargins",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "Base",
+            "module": "src/components/ids-badge/ids-badge.ts"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IdsBadge",
+            "module": "src/components/ids-badge/ids-badge.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/ids-block-grid/ids-block-grid-item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "IDS Block Grid Item Component",
+          "name": "IdsBlockgridItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "checkboxHasFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "template"
+            },
+            {
+              "kind": "method",
+              "name": "#handleEvents",
+              "privacy": "private",
+              "description": "Establish Internal Event Handlers",
+              "return": {
+                "type": {
+                  "text": "object"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#attachKeyboardListeners",
+              "privacy": "private",
+              "description": "Establish Internal Keyboard shortcuts",
+              "return": {
+                "type": {
+                  "text": "object"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleSelectionChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "object"
+                  },
+                  "description": "Actual event"
+                }
+              ],
+              "description": "Handle single/multiple selection change"
+            },
+            {
+              "kind": "method",
+              "name": "#handleSingleSelectionChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "object"
+                  },
+                  "description": "Actual event"
+                }
+              ],
+              "description": "Change single selection for block item"
+            },
+            {
+              "kind": "method",
+              "name": "#handleMultiMixedSelectionChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "object"
+                  },
+                  "description": "Actual event"
+                }
+              ],
+              "description": "Change multiple selection for block item"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePreSelectionChange",
+              "privacy": "private",
+              "description": "Change single selection for block item"
+            },
+            {
+              "kind": "field",
+              "name": "state",
+              "type": {
+                "text": "object"
+              },
+              "default": "{ checkboxHasFocus: false, }"
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "Event"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "Base",
+            "module": "src/components/ids-block-grid/ids-block-grid-item.ts"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IdsBlockgridItem",
+            "module": "src/components/ids-block-grid/ids-block-grid-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/ids-block-grid/ids-block-grid.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "IDS Block Grid Component",
+          "name": "IdsBlockgrid",
+          "members": [
+            {
+              "kind": "field",
+              "name": "datasource",
+              "type": {
+                "text": "any"
+              },
+              "default": "new IdsDataSource()",
+              "description": "Reference to datasource API"
+            },
+            {
+              "kind": "method",
+              "name": "template",
+              "description": "Create the Template for the contents",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "attributes",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "redraw",
+              "description": "Rerender the list by re applying the template",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "description": "Set the data array of the blockgrid",
+              "parameters": [
+                {
+                  "description": "The array to use",
+                  "name": "value",
+                  "type": {
+                    "text": "Array"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "align",
+              "description": "Set the alignment of blockgrid",
+              "return": {
+                "type": {
+                  "text": "string|null"
+                }
+              },
+              "parameters": [
+                {
+                  "description": "The Blockgrid Alignment",
+                  "name": "value",
+                  "type": {
+                    "text": "string|null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "selection",
+              "description": "Set the selection to a block-grid and it will add selection to all items",
+              "parameters": [
+                {
+                  "description": "The selection value",
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#gridItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Array<IdsBlockGridItem>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#syncSelectionOnItems",
+              "privacy": "private",
+              "description": "Add selection value to all block-grid-items"
+            }
+          ],
+          "superclass": {
+            "name": "Base",
+            "module": "src/components/ids-block-grid/ids-block-grid.ts"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IdsBlockgrid",
+            "module": "src/components/ids-block-grid/ids-block-grid.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/ids-bar-chart/ids-bar-chart.ts",
@@ -6864,297 +7239,68 @@
                 }
               ],
               "type": {
-                "text": "string"
-              },
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "barPercentage",
-              "description": "Percent (0-1) of the available width each bar should be within the category width.\n1.0 will take the whole category width and put the bars right next to each other.\nif `isGrouped` this value, will use as whole group percentage.",
-              "parameters": [
-                {
-                  "description": "Percent (0-1)",
-                  "name": "value",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "categoryPercentage",
-              "description": "Percent (0-1) of the available width each category (group) section.",
-              "parameters": [
-                {
-                  "description": "Percent (0-1)",
-                  "name": "value",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "DEFAULT_SELECTABLE",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "initialized",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "dataLoaded",
-              "default": "new IdsDeferred()",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "svg",
-              "type": {
-                "text": "SVGElement | null | undefined"
-              },
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "canvas",
-              "type": {
-                "text": "HTMLCanvasElement | undefined"
-              },
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "emptyMessage",
-              "type": {
-                "text": "IdsEmptyMessage | null | undefined"
-              },
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "legend",
-              "type": {
-                "text": "HTMLSlotElement | null | undefined"
-              },
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sectionWidths",
-              "type": {
-                "text": "SectionWidth[]"
-              },
-              "default": "[]",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sectionWidth",
-              "default": "NaN",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sectionHeights",
-              "type": {
-                "text": "SectionHeight[]"
-              },
-              "default": "[]",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sectionHeight",
-              "default": "NaN",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "resizeToParentHeight",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "resizeToParentWidth",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "datasource",
-              "default": "new IdsDataSource()",
-              "description": "Reference to datasource API",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "vetoableEventTypes",
-              "type": {
-                "text": "array"
-              },
-              "default": "[ 'beforeselected', 'beforedeselected' ]",
-              "return": {
-                "type": {
-                  "text": "Array<string>"
-                }
-              },
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isGrouped",
-              "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "protected",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "onSelectableChange",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "number"
                 }
               },
-              "description": "On selectable change",
+              "readonly": true,
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "init",
-              "return": {
-                "type": {
-                  "text": "void"
+              "kind": "field",
+              "name": "barPercentage",
+              "description": "Percent (0-1) of the available width each bar should be within the category width.\n1.0 will take the whole category width and put the bars right next to each other.\nif `isGrouped` this value, will use as whole group percentage.",
+              "parameters": [
+                {
+                  "description": "Percent (0-1)",
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
                 }
-              },
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              ],
+              "type": {
+                "text": "number"
               }
             },
             {
-              "kind": "method",
-              "name": "template",
-              "return": {
-                "type": {
-                  "text": "string"
+              "kind": "field",
+              "name": "categoryPercentage",
+              "description": "Percent (0-1) of the available width each category (group) section.",
+              "parameters": [
+                {
+                  "description": "Percent (0-1)",
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
                 }
-              },
-              "description": "Create the Template for the contents",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              ],
+              "type": {
+                "text": "number"
               }
             },
             {
-              "kind": "method",
-              "name": "#attachEventHandlers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "DEFAULT_SELECTABLE",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Setup the Event Handling",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "#xMaxTextWidth",
-              "privacy": "private",
+              "name": "initialized",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "Max width for x-labels text",
+              "default": "false",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7162,13 +7308,8 @@
             },
             {
               "kind": "field",
-              "name": "#yMaxTextWidth",
-              "privacy": "private",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Max width for y-labels text",
+              "name": "dataLoaded",
+              "default": "new IdsDeferred()",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7176,41 +7317,31 @@
             },
             {
               "kind": "field",
-              "name": "#resizeObserver",
-              "privacy": "private",
+              "name": "svg",
               "type": {
-                "text": "ResizeObserver | undefined"
+                "text": "SVGElement | null | undefined"
               },
-              "default": "undefined",
-              "description": "Holds the resize observer object",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#attachResizeObserver",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "canvas",
+              "type": {
+                "text": "HTMLCanvasElement | undefined"
               },
-              "description": "Attach the resize observer",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#detachResizeObserver",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "emptyMessage",
+              "type": {
+                "text": "IdsEmptyMessage | null | undefined"
               },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
@@ -7218,60 +7349,32 @@
               }
             },
             {
-              "kind": "method",
-              "name": "resize",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "legend",
+              "type": {
+                "text": "HTMLSlotElement | null | undefined"
               },
-              "parameters": [
-                {
-                  "name": "width",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "parent width"
-                },
-                {
-                  "name": "height",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "parent height"
-                }
-              ],
-              "description": "Resize chart to given width height",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "redraw",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "sectionWidths",
+              "type": {
+                "text": "SectionWidth[]"
               },
-              "description": "Redraw the chart",
-              "privacy": "private",
+              "default": "[]",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#adjustRTL",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Adjust RTL",
+              "kind": "field",
+              "name": "sectionWidth",
+              "default": "NaN",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7279,117 +7382,84 @@
             },
             {
               "kind": "field",
-              "name": "markerData",
+              "name": "sectionHeights",
               "type": {
-                "text": "IdsChartMarkerData"
+                "text": "SectionHeight[]"
               },
-              "default": "{ markerCount: 0, groupCount: 0, min: 0, max: 0, scale: new NiceScale(this.yAxisMin, 0), gridTop: 0, gridBottom: 0, gridLeft: 0, gridRight: 0, groupTotals: [0], scaleValues: [0], zeroLine: 0 }",
-              "description": "The marker data to use to draw the chart",
+              "default": "[]",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#calculate",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Get the min/max points and calculate the scale",
+              "kind": "field",
+              "name": "sectionHeight",
+              "default": "NaN",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#horizontalPoints",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "resizeToParentHeight",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Set horizontal data points / locations",
+              "default": "false",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#verticalPoints",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "resizeToParentWidth",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Set vertical data points / locations",
+              "default": "false",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#sectionWidths",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Set the widths of each category section (used in other places)",
+              "kind": "field",
+              "name": "datasource",
+              "default": "new IdsDataSource()",
+              "description": "Reference to datasource API",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#sectionHeights",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "vetoableEventTypes",
+              "type": {
+                "text": "array"
               },
-              "description": "Set the heights of each category section (used in other places)",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#addColorVariables",
-              "privacy": "private",
+              "default": "[ 'beforeselected', 'beforedeselected' ]",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "Array<string>"
                 }
               },
-              "description": "Add colors in a style sheet to the root so the variables can be used",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#axisTemplate",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "kind": "field",
+              "name": "isGrouped",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Return the insider part of the SVG",
+              "privacy": "protected",
+              "default": "false",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7397,13 +7467,13 @@
             },
             {
               "kind": "method",
-              "name": "tooltipTemplate",
+              "name": "onSelectableChange",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
-              "description": "Overridable method to draw to get the tooltip template",
+              "description": "On selectable change",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7411,13 +7481,12 @@
             },
             {
               "kind": "method",
-              "name": "attachTooltipEvents",
+              "name": "init",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Setup handlers on tooltip elements",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7425,30 +7494,13 @@
             },
             {
               "kind": "method",
-              "name": "tooltipData",
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "the data groupIndex"
-                },
-                {
-                  "name": "groupIndex",
-                  "default": "0",
-                  "description": "the data index",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "description": "Return the data for a tooltip accessible by index",
+              "name": "template",
               "return": {
                 "type": {
-                  "text": "Array<string>"
+                  "text": "string"
                 }
               },
+              "description": "Create the Template for the contents",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7456,23 +7508,14 @@
             },
             {
               "kind": "method",
-              "name": "#tooltipContent",
+              "name": "#attachEventHandlers",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "elem",
-                  "type": {
-                    "text": "SVGElement"
-                  },
-                  "description": "The svg element we will inspect for content"
-                }
-              ],
-              "description": "Return the tooltip content",
+              "description": "Setup the Event Handling",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7480,51 +7523,41 @@
             },
             {
               "kind": "field",
-              "name": "#axisLabelsText",
+              "name": "#xMaxTextWidth",
               "privacy": "private",
               "type": {
-                "text": "{\n    bottom: string,\n    end: string,\n    start: string,\n    top: string\n  } | undefined"
+                "text": "number"
               },
-              "description": "Holds the axis labels text object",
+              "default": "0",
+              "description": "Max width for x-labels text",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#resetAxisLabelsText",
+              "kind": "field",
+              "name": "#yMaxTextWidth",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "type": {
+                "text": "number"
               },
-              "description": "Reset the axis labels",
+              "default": "0",
+              "description": "Max width for y-labels text",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#setAxisLabels",
+              "kind": "field",
+              "name": "#resizeObserver",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "type": {
+                "text": "ResizeObserver | undefined"
               },
-              "parameters": [
-                {
-                  "name": "opt",
-                  "type": {
-                    "text": "'bottom'|'end'|'start'|'top'"
-                  },
-                  "description": "The option"
-                }
-              ],
-              "description": "Set the axis labels",
+              "default": "undefined",
+              "description": "Holds the resize observer object",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7532,14 +7565,14 @@
             },
             {
               "kind": "method",
-              "name": "#axisLabels",
+              "name": "#attachResizeObserver",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
-              "description": "Return the axis label for the svg",
+              "description": "Attach the resize observer",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7547,14 +7580,13 @@
             },
             {
               "kind": "method",
-              "name": "#horizontalLines",
+              "name": "#detachResizeObserver",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
-              "description": "Return the horizontal line data for the svg",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7562,38 +7594,29 @@
             },
             {
               "kind": "method",
-              "name": "#verticalLines",
-              "privacy": "private",
+              "name": "resize",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
-              "description": "Return the vertical line data for the svg",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#formatXLabel",
-              "privacy": "private",
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "width",
                   "type": {
-                    "text": "string|Function"
+                    "text": "number"
                   },
-                  "description": "The value to format value"
+                  "description": "parent width"
+                },
+                {
+                  "name": "height",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "parent height"
                 }
               ],
-              "description": "Format the value for the x label in a variety of ways",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
+              "description": "Resize chart to given width height",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7601,22 +7624,13 @@
             },
             {
               "kind": "method",
-              "name": "formatYLabel",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string|Function"
-                  },
-                  "description": "The value to format value"
-                }
-              ],
-              "description": "Format the value for the y label in a variety of ways",
+              "name": "redraw",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
+              "description": "Redraw the chart",
               "privacy": "private",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
@@ -7625,13 +7639,27 @@
             },
             {
               "kind": "method",
-              "name": "#nameLabels",
+              "name": "#adjustRTL",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
+              "description": "Adjust RTL",
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "markerData",
+              "type": {
+                "text": "IdsChartMarkerData"
+              },
+              "default": "{ markerCount: 0, groupCount: 0, min: 0, max: 0, scale: new NiceScale(this.yAxisMin, 0), gridTop: 0, gridBottom: 0, gridLeft: 0, gridRight: 0, groupTotals: [0], scaleValues: [0], zeroLine: 0 }",
+              "description": "The marker data to use to draw the chart",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7639,14 +7667,14 @@
             },
             {
               "kind": "method",
-              "name": "#valueLabels",
+              "name": "#calculate",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
-              "description": "Return the value labels data",
+              "description": "Get the min/max points and calculate the scale",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7654,8 +7682,14 @@
             },
             {
               "kind": "method",
-              "name": "#namesLineGap",
+              "name": "#horizontalPoints",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Set horizontal data points / locations",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7663,8 +7697,14 @@
             },
             {
               "kind": "method",
-              "name": "#valuesLineGap",
+              "name": "#verticalPoints",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Set vertical data points / locations",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7672,14 +7712,14 @@
             },
             {
               "kind": "method",
-              "name": "#xLabels",
+              "name": "#sectionWidths",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
-              "description": "Return the x label data for the svg",
+              "description": "Set the widths of each category section (used in other places)",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7687,14 +7727,14 @@
             },
             {
               "kind": "method",
-              "name": "#yLabels",
+              "name": "#sectionHeights",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
-              "description": "Return the y label data for the svg",
+              "description": "Set the heights of each category section (used in other places)",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7702,9 +7742,14 @@
             },
             {
               "kind": "method",
-              "name": "#showEmptyMessage",
+              "name": "#addColorVariables",
               "privacy": "private",
-              "description": "Show an empty message with settings configuration",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Add colors in a style sheet to the root so the variables can be used",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7712,9 +7757,14 @@
             },
             {
               "kind": "method",
-              "name": "#hideEmptyMessage",
+              "name": "#axisTemplate",
               "privacy": "private",
-              "description": "Hide the empty message",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Return the insider part of the SVG",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7722,55 +7772,57 @@
             },
             {
               "kind": "method",
-              "name": "#patterns",
-              "privacy": "private",
+              "name": "tooltipTemplate",
               "return": {
                 "type": {
                   "text": "string"
                 }
               },
-              "description": "Return the def markup for svg patterns",
+              "description": "Overridable method to draw to get the tooltip template",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "title",
-              "description": "Set the chart title element for accessibility",
-              "parameters": [
-                {
-                  "description": "The title value",
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "attachTooltipEvents",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
-              "type": {
-                "text": "string"
               },
+              "description": "Setup handlers on tooltip elements",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "height",
-              "description": "The width of the chart (in pixels) or 'inherit' from the parent",
+              "kind": "method",
+              "name": "tooltipData",
               "parameters": [
                 {
-                  "description": "The height value",
-                  "name": "value",
+                  "name": "index",
                   "type": {
-                    "text": "number|string|'inherit'|'fluid'"
+                    "text": "number"
+                  },
+                  "description": "the data groupIndex"
+                },
+                {
+                  "name": "groupIndex",
+                  "default": "0",
+                  "description": "the data index",
+                  "type": {
+                    "text": "number"
                   }
                 }
               ],
-              "type": {
-                "text": "number"
+              "description": "Return the data for a tooltip accessible by index",
+              "return": {
+                "type": {
+                  "text": "Array<string>"
+                }
               },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
@@ -7778,22 +7830,24 @@
               }
             },
             {
-              "kind": "field",
-              "name": "horizontal",
-              "description": "Flips the orientation to horizontal\nsupported `Axis` and `Bar` type charts",
+              "kind": "method",
+              "name": "#tooltipContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
               "parameters": [
                 {
-                  "description": "If true will set `horizontal` attribute",
-                  "name": "value",
+                  "name": "elem",
                   "type": {
-                    "text": "boolean | string"
-                  }
+                    "text": "SVGElement"
+                  },
+                  "description": "The svg element we will inspect for content"
                 }
               ],
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
+              "description": "Return the tooltip content",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7801,32 +7855,27 @@
             },
             {
               "kind": "field",
-              "name": "width",
-              "description": "The width of the chart (in pixels) or 'inherit' from the parent",
-              "parameters": [
-                {
-                  "description": "The width value",
-                  "name": "value",
-                  "type": {
-                    "text": "number|string|'inherit'|'fluid'"
-                  }
-                }
-              ],
+              "name": "#axisLabelsText",
+              "privacy": "private",
               "type": {
-                "text": "number"
+                "text": "{\n    bottom: string,\n    end: string,\n    start: string,\n    top: string\n  } | undefined"
               },
+              "description": "Holds the axis labels text object",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "chartContainer",
-              "type": {
-                "text": "HTMLElement | null"
+              "kind": "method",
+              "name": "#resetAxisLabelsText",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "readonly": true,
+              "description": "Reset the axis labels",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7834,18 +7883,23 @@
             },
             {
               "kind": "method",
-              "name": "#setContainerWidth",
+              "name": "#setAxisLabels",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "opt",
                   "type": {
-                    "text": "number"
+                    "text": "'bottom'|'end'|'start'|'top'"
                   },
-                  "description": "The width value"
+                  "description": "The option"
                 }
               ],
-              "description": "Set the container width (for correct legend and sizing)",
+              "description": "Set the axis labels",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7853,14 +7907,14 @@
             },
             {
               "kind": "method",
-              "name": "#maxTextWidthForNames",
+              "name": "#axisLabels",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "string"
                 }
               },
-              "description": "Get the max width to render names axis",
+              "description": "Return the axis label for the svg",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7868,14 +7922,14 @@
             },
             {
               "kind": "method",
-              "name": "#maxTextWidthForValues",
+              "name": "#horizontalLines",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "string"
                 }
               },
-              "description": "Get the max width to render values axis",
+              "description": "Return the horizontal line data for the svg",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7883,14 +7937,14 @@
             },
             {
               "kind": "method",
-              "name": "xMaxTextWidth",
+              "name": "#verticalLines",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
-              "description": "Set the max width to render the x-axis",
-              "privacy": "private",
+              "description": "Return the vertical line data for the svg",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7898,32 +7952,47 @@
             },
             {
               "kind": "method",
-              "name": "yMaxTextWidth",
+              "name": "#formatXLabel",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string|Function"
+                  },
+                  "description": "The value to format value"
+                }
+              ],
+              "description": "Format the value for the x label in a variety of ways",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
-              "description": "Set the max width to render the y-axis",
-              "privacy": "private",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "margins",
-              "description": "Set the left, right, top, bottom margins",
+              "kind": "method",
+              "name": "formatYLabel",
               "parameters": [
                 {
-                  "description": "The margin values",
                   "name": "value",
                   "type": {
-                    "text": "object"
-                  }
+                    "text": "string|Function"
+                  },
+                  "description": "The value to format value"
                 }
               ],
+              "description": "Format the value for the y label in a variety of ways",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -7931,95 +8000,111 @@
             },
             {
               "kind": "method",
-              "name": "#getTextWidth",
+              "name": "#nameLabels",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "string"
                 }
               },
-              "parameters": [
-                {
-                  "name": "text",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The text to measure"
-                }
-              ],
-              "description": "Get approximate text width for a given string",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "leftRotateMargin",
-              "type": {
-                "text": "number"
-              },
-              "description": "Get left rotate margin for rotated labels",
+              "kind": "method",
+              "name": "#valueLabels",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "string"
                 }
               },
-              "readonly": true,
+              "description": "Return the value labels data",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "rightRotateMargin",
-              "type": {
-                "text": "number"
-              },
-              "description": "Get right rotate margin for rotated labels",
+              "kind": "method",
+              "name": "#namesLineGap",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#valuesLineGap",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#xLabels",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "string"
                 }
               },
-              "readonly": true,
+              "description": "Return the x label data for the svg",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "bottomRotateMargin",
-              "type": {
-                "text": "number"
-              },
-              "description": "Get bottom rotate margin",
+              "kind": "method",
+              "name": "#yLabels",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "string"
                 }
               },
-              "readonly": true,
+              "description": "Return the y label data for the svg",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "axisLabelsMargin",
-              "type": {
-                "text": "{ bottom: number; end: number; start: number; top: number; }"
-              },
-              "description": "Get axis labels margin",
+              "kind": "method",
+              "name": "#showEmptyMessage",
+              "privacy": "private",
+              "description": "Show an empty message with settings configuration",
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#hideEmptyMessage",
+              "privacy": "private",
+              "description": "Hide the empty message",
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#patterns",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "{ bottom: number, end: number, start: number, top: number }"
+                  "text": "string"
                 }
               },
-              "readonly": true,
+              "description": "Return the def markup for svg patterns",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -8027,19 +8112,19 @@
             },
             {
               "kind": "field",
-              "name": "textWidths",
-              "description": "Set the width the text labels/axes take up on each side.",
+              "name": "title",
+              "description": "Set the chart title element for accessibility",
               "parameters": [
                 {
-                  "description": "The margin values",
+                  "description": "The title value",
                   "name": "value",
                   "type": {
-                    "text": "object"
+                    "text": "string"
                   }
                 }
               ],
               "type": {
-                "text": "IdsChartDimensions"
+                "text": "string"
               },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
@@ -8048,19 +8133,19 @@
             },
             {
               "kind": "field",
-              "name": "data",
-              "description": "Set the data array of the chart",
+              "name": "height",
+              "description": "The width of the chart (in pixels) or 'inherit' from the parent",
               "parameters": [
                 {
-                  "description": "The array to use",
+                  "description": "The height value",
                   "name": "value",
                   "type": {
-                    "text": "Array<unknown>"
+                    "text": "number|string|'inherit'|'fluid'"
                   }
                 }
               ],
               "type": {
-                "text": "Array<IdsChartData>"
+                "text": "number"
               },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
@@ -8069,20 +8154,21 @@
             },
             {
               "kind": "field",
-              "name": "yAxisMin",
-              "description": "Set the minimum value on the y axis",
+              "name": "horizontal",
+              "description": "Flips the orientation to horizontal\nsupported `Axis` and `Bar` type charts",
               "parameters": [
                 {
-                  "description": "The value to use",
+                  "description": "If true will set `horizontal` attribute",
                   "name": "value",
                   "type": {
-                    "text": "number"
+                    "text": "boolean | string"
                   }
                 }
               ],
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
+              "default": "false",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -8090,19 +8176,19 @@
             },
             {
               "kind": "field",
-              "name": "ticks",
-              "description": "Set the number of ticks to show",
+              "name": "width",
+              "description": "The width of the chart (in pixels) or 'inherit' from the parent",
               "parameters": [
                 {
-                  "description": "The value to use",
+                  "description": "The width value",
                   "name": "value",
                   "type": {
-                    "text": "number"
+                    "text": "number|string|'inherit'|'fluid'"
                   }
                 }
               ],
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
@@ -8111,80 +8197,60 @@
             },
             {
               "kind": "field",
-              "name": "showTooltip",
-              "description": "Disable Tooltips",
-              "parameters": [
-                {
-                  "description": "True or false to show the grid lines",
-                  "name": "value",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
+              "name": "chartContainer",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement | null"
               },
+              "readonly": true,
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "showVerticalGridLines",
-              "description": "Show the vertical axis grid lines",
+              "kind": "method",
+              "name": "#setContainerWidth",
+              "privacy": "private",
               "parameters": [
                 {
-                  "description": "True or false to show the grid lines",
                   "name": "value",
                   "type": {
-                    "text": "boolean"
-                  }
+                    "text": "number"
+                  },
+                  "description": "The width value"
                 }
               ],
-              "type": {
-                "text": "boolean"
-              },
+              "description": "Set the container width (for correct legend and sizing)",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "showHorizontalGridLines",
-              "description": "Show the horizontal axis grid lines",
-              "parameters": [
-                {
-                  "description": "True or false to show the grid lines",
-                  "name": "value",
-                  "type": {
-                    "text": "boolean"
-                  }
+              "kind": "method",
+              "name": "#maxTextWidthForNames",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
                 }
-              ],
-              "type": {
-                "text": "boolean"
               },
+              "description": "Get the max width to render names axis",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "colors",
-              "type": {
-                "text": "Array<string>"
-              },
-              "description": "Utility function to get the colors series being used in this chart",
+              "kind": "method",
+              "name": "#maxTextWidthForValues",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Array"
+                  "text": "number"
                 }
               },
-              "readonly": true,
+              "description": "Get the max width to render values axis",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -8192,22 +8258,28 @@
             },
             {
               "kind": "method",
-              "name": "color",
+              "name": "xMaxTextWidth",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The current index"
+              "description": "Set the max width to render the x-axis",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "yMaxTextWidth",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
-              "description": "Get the color to use based on the index for sequential and custom colors",
+              },
+              "description": "Set the max width to render the y-axis",
               "privacy": "private",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
@@ -8216,56 +8288,59 @@
             },
             {
               "kind": "field",
-              "name": "xAxisFormatter",
-              "description": "Set the format on the x axis items",
+              "name": "margins",
+              "description": "Set the left, right, top, bottom margins",
               "parameters": [
                 {
-                  "description": "A string with the formatting routine or a function for more customization.",
+                  "description": "The margin values",
                   "name": "value",
                   "type": {
-                    "text": "Function"
+                    "text": "object"
                   }
                 }
               ],
-              "type": {
-                "text": "any"
-              },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "yAxisFormatter",
-              "description": "Set the format on the y axis items",
+              "kind": "method",
+              "name": "#getTextWidth",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
               "parameters": [
                 {
-                  "description": "A string with the formatting routine or a function for more customization.",
-                  "name": "value",
+                  "name": "text",
                   "type": {
-                    "text": "string|Function"
-                  }
+                    "text": "string"
+                  },
+                  "description": "The text to measure"
                 }
               ],
-              "type": {
-                "text": "any"
-              },
-              "default": "{ notation: 'compact', compactDisplay: 'short' }",
+              "description": "Get approximate text width for a given string",
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "reanimate",
+              "kind": "field",
+              "name": "leftRotateMargin",
+              "type": {
+                "text": "number"
+              },
+              "description": "Get left rotate margin for rotated labels",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "number"
                 }
               },
-              "description": "Reanimate the chart",
+              "readonly": true,
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -8273,15 +8348,14 @@
             },
             {
               "kind": "field",
-              "name": "cubicBezier",
+              "name": "rightRotateMargin",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "Get a reusable snippet to ease the animation",
-              "privacy": "private",
+              "description": "Get right rotate margin for rotated labels",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "number"
                 }
               },
               "readonly": true,
@@ -8292,20 +8366,17 @@
             },
             {
               "kind": "field",
-              "name": "animated",
-              "description": "Set the animation on/off",
-              "parameters": [
-                {
-                  "description": "True if animation is on",
-                  "name": "value",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
+              "name": "bottomRotateMargin",
               "type": {
-                "text": "boolean"
+                "text": "number"
+              },
+              "description": "Get bottom rotate margin",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
               },
+              "readonly": true,
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -8313,20 +8384,17 @@
             },
             {
               "kind": "field",
-              "name": "animationSpeed",
-              "description": "Set the animation speed in s",
-              "parameters": [
-                {
-                  "description": "The speed in s",
-                  "name": "value",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
+              "name": "axisLabelsMargin",
               "type": {
-                "text": "number"
+                "text": "{ bottom: number; end: number; start: number; top: number; }"
+              },
+              "description": "Get axis labels margin",
+              "return": {
+                "type": {
+                  "text": "{ bottom: number, end: number, start: number, top: number }"
+                }
               },
+              "readonly": true,
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -8334,19 +8402,19 @@
             },
             {
               "kind": "field",
-              "name": "stacked",
-              "description": "Stack the data forming a stacked bar chart",
+              "name": "textWidths",
+              "description": "Set the width the text labels/axes take up on each side.",
               "parameters": [
                 {
-                  "description": "True to stack the data",
+                  "description": "The margin values",
                   "name": "value",
                   "type": {
-                    "text": "boolean"
+                    "text": "object"
                   }
                 }
               ],
               "type": {
-                "text": "boolean"
+                "text": "IdsChartDimensions"
               },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
@@ -8355,17 +8423,20 @@
             },
             {
               "kind": "field",
-              "name": "axisLabelBottom",
-              "description": "Set the bottom axis label text",
+              "name": "data",
+              "description": "Set the data array of the chart",
               "parameters": [
                 {
-                  "description": "of the text",
+                  "description": "The array to use",
                   "name": "value",
                   "type": {
-                    "text": "string"
+                    "text": "Array<unknown>"
                   }
                 }
               ],
+              "type": {
+                "text": "Array<IdsChartData>"
+              },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -8373,17 +8444,20 @@
             },
             {
               "kind": "field",
-              "name": "axisLabelEnd",
-              "description": "Set the end axis label text",
+              "name": "yAxisMin",
+              "description": "Set the minimum value on the y axis",
               "parameters": [
                 {
-                  "description": "of the text",
+                  "description": "The value to use",
                   "name": "value",
                   "type": {
-                    "text": "string"
+                    "text": "number"
                   }
                 }
               ],
+              "type": {
+                "text": "number"
+              },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -8391,19 +8465,19 @@
             },
             {
               "kind": "field",
-              "name": "axisLabelMargin",
-              "description": "Set the margin for axis label text",
+              "name": "ticks",
+              "description": "Set the number of ticks to show",
               "parameters": [
                 {
-                  "description": "of the margin",
+                  "description": "The value to use",
                   "name": "value",
                   "type": {
-                    "text": "string|number"
+                    "text": "number"
                   }
                 }
               ],
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
@@ -8412,17 +8486,20 @@
             },
             {
               "kind": "field",
-              "name": "axisLabelStart",
-              "description": "Set the start axis label text",
+              "name": "showTooltip",
+              "description": "Disable Tooltips",
               "parameters": [
                 {
-                  "description": "of the text",
+                  "description": "True or false to show the grid lines",
                   "name": "value",
                   "type": {
-                    "text": "string"
+                    "text": "boolean"
                   }
                 }
               ],
+              "type": {
+                "text": "boolean"
+              },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -8430,17 +8507,20 @@
             },
             {
               "kind": "field",
-              "name": "axisLabelTop",
-              "description": "Set the top axis label text",
+              "name": "showVerticalGridLines",
+              "description": "Show the vertical axis grid lines",
               "parameters": [
                 {
-                  "description": "of the text",
+                  "description": "True or false to show the grid lines",
                   "name": "value",
                   "type": {
-                    "text": "string"
+                    "text": "boolean"
                   }
                 }
               ],
+              "type": {
+                "text": "boolean"
+              },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
                 "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
@@ -8448,19 +8528,19 @@
             },
             {
               "kind": "field",
-              "name": "rotateNameLabels",
-              "description": "Set the rotation for the axis name label text (eg 45deg)",
+              "name": "showHorizontalGridLines",
+              "description": "Show the horizontal axis grid lines",
               "parameters": [
                 {
-                  "description": "the number of degrees to rotate the text",
+                  "description": "True or false to show the grid lines",
                   "name": "value",
                   "type": {
-                    "text": "number"
+                    "text": "boolean"
                   }
                 }
               ],
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
               "inheritedFrom": {
                 "name": "IdsAxisChart",
@@ -8469,391 +8549,311 @@
             },
             {
               "kind": "field",
-              "name": "state",
-              "inheritedFrom": {
-                "name": "IdsAxisChart",
-                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "IdsAxisChart",
-            "module": "/src/components/ids-axis-chart/ids-axis-chart"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "IdsBarChart",
-            "module": "src/components/ids-bar-chart/ids-bar-chart.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/ids-badge/ids-badge.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "IDS Badge Component",
-          "name": "IdsBadge",
-          "cssParts": [
-            {
-              "description": "the badge element",
-              "name": "badge"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "attributes",
+              "name": "colors",
               "type": {
-                "text": "string[]"
+                "text": "Array<string>"
               },
-              "static": true,
-              "description": "Return the attributes we handle as getters/setters",
+              "description": "Utility function to get the colors series being used in this chart",
               "return": {
                 "type": {
                   "text": "Array"
                 }
               },
-              "readonly": true
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "template",
-              "description": "Create the Template for the contents",
+              "name": "color",
               "return": {
                 "type": {
                   "text": "string"
                 }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "IdsBadgeShape"
-              },
-              "description": "Set the badge shape between normal (default) and round",
-              "return": {
-                "type": {
-                  "text": "IdsBadgeShape"
-                }
               },
               "parameters": [
                 {
-                  "description": "The Badge Shape",
-                  "name": "value",
+                  "name": "index",
                   "type": {
-                    "text": "IdsBadgeShape"
-                  }
+                    "text": "number"
+                  },
+                  "description": "The current index"
                 }
-              ]
+              ],
+              "description": "Get the color to use based on the index for sequential and custom colors",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "string | null"
-              },
-              "description": "Set the color",
-              "return": {
-                "type": {
-                  "text": "string | null"
-                }
-              },
+              "name": "xAxisFormatter",
+              "description": "Set the format on the x axis items",
               "parameters": [
                 {
-                  "description": "The Badge Color [base, error, info, success and warning]",
+                  "description": "A string with the formatting routine or a function for more customization.",
                   "name": "value",
                   "type": {
-                    "text": "string | null"
+                    "text": "Function"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "any"
+              },
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "disabled",
-              "description": "Sets the disabled state",
+              "name": "yAxisFormatter",
+              "description": "Set the format on the y axis items",
               "parameters": [
                 {
-                  "description": "The value",
+                  "description": "A string with the formatting routine or a function for more customization.",
                   "name": "value",
                   "type": {
-                    "text": "boolean | string"
+                    "text": "string|Function"
                   }
                 }
               ],
               "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "noMargins",
-              "type": {
-                "text": "boolean"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "Base",
-            "module": "src/components/ids-badge/ids-badge.ts"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "IdsBadge",
-            "module": "src/components/ids-badge/ids-badge.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/ids-block-grid/ids-block-grid-item.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "IDS Block Grid Item Component",
-          "name": "IdsBlockgridItem",
-          "members": [
-            {
-              "kind": "field",
-              "name": "checkboxHasFocus",
-              "type": {
-                "text": "boolean"
+                "text": "any"
               },
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "template"
+              "default": "{ notation: 'compact', compactDisplay: 'short' }",
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#handleEvents",
-              "privacy": "private",
-              "description": "Establish Internal Event Handlers",
+              "name": "reanimate",
               "return": {
                 "type": {
-                  "text": "object"
+                  "text": "void"
                 }
+              },
+              "description": "Reanimate the chart",
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#attachKeyboardListeners",
+              "kind": "field",
+              "name": "cubicBezier",
+              "type": {
+                "text": "string"
+              },
+              "description": "Get a reusable snippet to ease the animation",
               "privacy": "private",
-              "description": "Establish Internal Keyboard shortcuts",
               "return": {
                 "type": {
-                  "text": "object"
+                  "text": "string"
                 }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#handleSelectionChange",
-              "privacy": "private",
+              "kind": "field",
+              "name": "animated",
+              "description": "Set the animation on/off",
               "parameters": [
                 {
-                  "name": "e",
+                  "description": "True if animation is on",
+                  "name": "value",
                   "type": {
-                    "text": "object"
-                  },
-                  "description": "Actual event"
+                    "text": "boolean"
+                  }
                 }
               ],
-              "description": "Handle single/multiple selection change"
+              "type": {
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "#handleSingleSelectionChange",
-              "privacy": "private",
+              "kind": "field",
+              "name": "animationSpeed",
+              "description": "Set the animation speed in s",
               "parameters": [
                 {
-                  "name": "e",
+                  "description": "The speed in s",
+                  "name": "value",
                   "type": {
-                    "text": "object"
-                  },
-                  "description": "Actual event"
+                    "text": "number"
+                  }
                 }
               ],
-              "description": "Change single selection for block item"
+              "type": {
+                "text": "number"
+              },
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "#handleMultiMixedSelectionChange",
-              "privacy": "private",
+              "kind": "field",
+              "name": "stacked",
+              "description": "Stack the data forming a stacked bar chart",
               "parameters": [
                 {
-                  "name": "e",
+                  "description": "True to stack the data",
+                  "name": "value",
                   "type": {
-                    "text": "object"
-                  },
-                  "description": "Actual event"
+                    "text": "boolean"
+                  }
                 }
               ],
-              "description": "Change multiple selection for block item"
-            },
-            {
-              "kind": "method",
-              "name": "#handlePreSelectionChange",
-              "privacy": "private",
-              "description": "Change single selection for block item"
-            },
-            {
-              "kind": "field",
-              "name": "state",
               "type": {
-                "text": "object"
+                "text": "boolean"
               },
-              "default": "{ checkboxHasFocus: false, }"
-            }
-          ],
-          "events": [
-            {
-              "name": "click",
-              "type": {
-                "text": "Event"
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
-            }
-          ],
-          "superclass": {
-            "name": "Base",
-            "module": "src/components/ids-block-grid/ids-block-grid-item.ts"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "IdsBlockgridItem",
-            "module": "src/components/ids-block-grid/ids-block-grid-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/ids-block-grid/ids-block-grid.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "IDS Block Grid Component",
-          "name": "IdsBlockgrid",
-          "members": [
-            {
-              "kind": "field",
-              "name": "datasource",
-              "type": {
-                "text": "any"
-              },
-              "default": "new IdsDataSource()",
-              "description": "Reference to datasource API"
             },
             {
-              "kind": "method",
-              "name": "template",
-              "description": "Create the Template for the contents",
-              "return": {
-                "type": {
-                  "text": "string"
+              "kind": "field",
+              "name": "axisLabelBottom",
+              "description": "Set the bottom axis label text",
+              "parameters": [
+                {
+                  "description": "of the text",
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
                 }
+              ],
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
               "kind": "field",
-              "name": "attributes",
-              "static": true,
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "redraw",
-              "description": "Rerender the list by re applying the template",
-              "privacy": "private"
+              "name": "axisLabelEnd",
+              "description": "Set the end axis label text",
+              "parameters": [
+                {
+                  "description": "of the text",
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "data",
-              "description": "Set the data array of the blockgrid",
+              "name": "axisLabelMargin",
+              "description": "Set the margin for axis label text",
               "parameters": [
                 {
-                  "description": "The array to use",
+                  "description": "of the margin",
                   "name": "value",
                   "type": {
-                    "text": "Array"
+                    "text": "string|number"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "number"
+              },
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "align",
-              "description": "Set the alignment of blockgrid",
-              "return": {
-                "type": {
-                  "text": "string|null"
-                }
-              },
+              "name": "axisLabelStart",
+              "description": "Set the start axis label text",
               "parameters": [
                 {
-                  "description": "The Blockgrid Alignment",
+                  "description": "of the text",
                   "name": "value",
                   "type": {
-                    "text": "string|null"
+                    "text": "string"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "selection",
-              "description": "Set the selection to a block-grid and it will add selection to all items",
+              "name": "axisLabelTop",
+              "description": "Set the top axis label text",
               "parameters": [
                 {
-                  "description": "The selection value",
+                  "description": "of the text",
                   "name": "value",
                   "type": {
                     "text": "string"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "#gridItems",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Array<IdsBlockGridItem>"
+              "kind": "field",
+              "name": "rotateNameLabels",
+              "description": "Set the rotation for the axis name label text (eg 45deg)",
+              "parameters": [
+                {
+                  "description": "the number of degrees to rotate the text",
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
                 }
+              ],
+              "type": {
+                "text": "number"
+              },
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#syncSelectionOnItems",
-              "privacy": "private",
-              "description": "Add selection value to all block-grid-items"
+              "kind": "field",
+              "name": "state",
+              "inheritedFrom": {
+                "name": "IdsAxisChart",
+                "module": "src/components/ids-axis-chart/ids-axis-chart.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "Base",
-            "module": "src/components/ids-block-grid/ids-block-grid.ts"
+            "name": "IdsAxisChart",
+            "module": "/src/components/ids-axis-chart/ids-axis-chart"
           }
         }
       ],
@@ -8862,8 +8862,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IdsBlockgrid",
-            "module": "src/components/ids-block-grid/ids-block-grid.ts"
+            "name": "IdsBarChart",
+            "module": "src/components/ids-bar-chart/ids-bar-chart.ts"
           }
         }
       ]
@@ -24944,6 +24944,12 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#updateTranslations",
+              "privacy": "private",
+              "description": "Updates translate-text elements with current locale translations"
+            },
             {
               "kind": "field",
               "name": "numberingSystem",