igniteui-webcomponents 5.3.0-alpha.0 → 5.3.0-beta.0

package/custom-elements.json

@@ -573,6 +573,55 @@
               }
             }
           ]
+        },
+        {
+          "kind": "function",
+          "name": "pick",
+          "parameters": [
+            {
+              "name": "entry",
+              "type": {
+                "text": "T"
+              }
+            },
+            {
+              "name": "props",
+              "type": {
+                "text": "Array<keyof T>"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "omit",
+          "parameters": [
+            {
+              "name": "entry",
+              "type": {
+                "text": "T"
+              }
+            },
+            {
+              "name": "props",
+              "type": {
+                "text": "Array<keyof T>"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getCenterPoint",
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "Element"
+              }
+            }
+          ],
+          "description": "Returns the center x/y coordinate of a given element."
         }
       ],
       "exports": [
@@ -839,6 +888,30 @@
             "name": "partition",
             "module": "src/components/common/util.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "pick",
+          "declaration": {
+            "name": "pick",
+            "module": "src/components/common/util.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "omit",
+          "declaration": {
+            "name": "omit",
+            "module": "src/components/common/util.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getCenterPoint",
+          "declaration": {
+            "name": "getCenterPoint",
+            "module": "src/components/common/util.ts"
+          }
         }
       ]
     },
@@ -1741,6 +1814,24 @@
             }
           ],
           "description": "Creates and attaches an animation player instance to the passed in `host` element.\nThe player will run animations on the passed in `target`, or if `target` is undefined,\nthe host element itself."
+        },
+        {
+          "kind": "function",
+          "name": "startViewTransition",
+          "return": {
+            "type": {
+              "text": "ViewTransitionResult"
+            }
+          },
+          "parameters": [
+            {
+              "name": "callback",
+              "optional": true,
+              "type": {
+                "text": "ViewTransitionUpdateCallback"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -1751,6 +1842,14 @@
             "name": "addAnimationController",
             "module": "src/animations/player.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "startViewTransition",
+          "declaration": {
+            "name": "startViewTransition",
+            "module": "src/animations/player.ts"
+          }
         }
       ]
     },
@@ -9946,218 +10045,22 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/tile-manager/controllers/fullscreen.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "addFullscreenController",
-          "parameters": [
-            {
-              "name": "host",
-              "type": {
-                "text": "ReactiveControllerHost & HTMLElement"
-              }
-            },
-            {
-              "name": "callback",
-              "optional": true,
-              "type": {
-                "text": "FullscreenControllerCallback"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "addFullscreenController",
-          "declaration": {
-            "name": "addFullscreenController",
-            "module": "src/components/tile-manager/controllers/fullscreen.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/tile-manager/controllers/tile-dnd.ts",
+      "path": "src/components/button/icon-button.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TileDragAndDropController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "enabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "_host",
-              "type": {
-                "text": "IgcTileComponent"
-              },
-              "privacy": "private",
-              "default": "host"
-            },
-            {
-              "kind": "field",
-              "name": "_handlers",
-              "type": {
-                "text": "Map<string, TileDragCallback>"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_initEventHandlers",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "config",
-                  "type": {
-                    "text": "Partial<TileDragAndDropConfig>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleEvent",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "DragEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "hostUpdate",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "hostConnected",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "addTileDragAndDrop",
-          "parameters": [
-            {
-              "name": "host",
-              "type": {
-                "text": "IgcTileComponent"
-              }
-            },
-            {
-              "name": "config",
-              "type": {
-                "text": "Partial<TileDragAndDropConfig>"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TileDragAndDropController",
-          "declaration": {
-            "name": "TileDragAndDropController",
-            "module": "src/components/tile-manager/controllers/tile-dnd.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "addTileDragAndDrop",
-          "declaration": {
-            "name": "addTileDragAndDrop",
-            "module": "src/components/tile-manager/controllers/tile-dnd.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/tile-manager/resize-controller.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "addResizeController",
-          "return": {
-            "type": {
-              "text": "ResizeController"
-            }
-          },
-          "parameters": [
+          "name": "IgcIconButtonComponent",
+          "cssParts": [
             {
-              "name": "host",
-              "type": {
-                "text": "ReactiveControllerHost & HTMLElement"
-              }
+              "description": "The wrapping element of the icon button.",
+              "name": "base"
             },
             {
-              "name": "config",
-              "optional": true,
-              "type": {
-                "text": "ResizeControllerConfig"
-              }
+              "description": "The icon element of the icon button.",
+              "name": "icon"
             }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "addResizeController",
-          "declaration": {
-            "name": "addResizeController",
-            "module": "src/components/tile-manager/resize-controller.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/tile-manager/resize-element.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "IgcResizeComponent",
+          ],
           "members": [
             {
               "kind": "field",
@@ -10168,7 +10071,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-resize'"
+              "default": "'igc-icon-button'"
             },
             {
               "kind": "method",
@@ -10178,415 +10081,104 @@
             },
             {
               "kind": "field",
-              "name": "_resizeController",
-              "type": {
-                "text": "ReturnType<typeof addResizeController>"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_ghostFactory",
-              "type": {
-                "text": "(element?: HTMLElement) => HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_mode",
+              "name": "name",
               "type": {
-                "text": "ResizeMode"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "'immediate'",
-              "expandedType": {
-                "text": "'immediate' | 'deferred'"
-              }
+              "privacy": "public",
+              "description": "The name of the icon.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "_adorner",
+              "name": "collection",
               "type": {
-                "text": "Ref<HTMLElement>"
+                "text": "string"
               },
-              "privacy": "private"
+              "privacy": "public",
+              "description": "The name of the icon collection.",
+              "attribute": "collection"
             },
             {
               "kind": "field",
-              "name": "_state",
+              "name": "mirrored",
               "type": {
-                "text": "ResizeCallbackParams['state']"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether to flip the icon button. Useful for RTL layouts.",
+              "attribute": "mirrored"
             },
             {
               "kind": "field",
-              "name": "_isResizing",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'flat' | 'contained' | 'outlined'"
               },
-              "privacy": "private",
-              "default": "false"
+              "privacy": "public",
+              "default": "'contained'",
+              "description": "The visual variant of the icon button.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
-              "kind": "field",
-              "name": "mode",
-              "privacy": "public",
-              "type": {
-                "text": "ResizeMode"
+              "kind": "method",
+              "name": "renderContent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
               },
-              "attribute": "mode",
-              "expandedType": {
-                "text": "'immediate' | 'deferred'"
+              "inheritedFrom": {
+                "name": "IgcButtonBaseComponent",
+                "module": "src/components/button/button-base.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "ghostFactory",
-              "privacy": "public"
-            },
             {
               "kind": "method",
-              "name": "_setState",
-              "privacy": "private",
+              "name": "registerIcon",
+              "privacy": "protected",
               "parameters": [
                 {
-                  "name": "state",
+                  "name": "name",
                   "type": {
-                    "text": "ResizeCallbackParams['state']"
+                    "text": "string"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_handleResizeStart",
-              "privacy": "private",
-              "parameters": [
+                },
                 {
-                  "name": "params",
+                  "name": "url",
                   "type": {
-                    "text": "ResizeCallbackParams"
+                    "text": "string"
                   }
+                },
+                {
+                  "name": "collection",
+                  "default": "'default'"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_handleResize",
-              "privacy": "private",
+              "name": "registerIconFromText",
+              "privacy": "protected",
               "parameters": [
                 {
-                  "name": "params",
+                  "name": "name",
                   "type": {
-                    "text": "ResizeCallbackParams"
+                    "text": "string"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_handleResizeEnd",
-              "privacy": "private",
-              "parameters": [
+                },
                 {
-                  "name": "params",
+                  "name": "iconText",
                   "type": {
-                    "text": "ResizeCallbackParams"
+                    "text": "string"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_handleResizeCancel",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "addEventListener",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "type",
-                  "type": {
-                    "text": "K"
-                  }
-                },
-                {
-                  "name": "listener",
-                  "type": {
-                    "text": "(this: HTMLElement, ev: M[K]) => any"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean | AddEventListenerOptions"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "EventEmitterMixin",
-                "module": "src/components/common/mixins/event-emitter.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "removeEventListener",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "type",
-                  "type": {
-                    "text": "K"
-                  }
-                },
-                {
-                  "name": "listener",
-                  "type": {
-                    "text": "(this: HTMLElement, ev: M[K]) => any"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean | EventListenerOptions"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "EventEmitterMixin",
-                "module": "src/components/common/mixins/event-emitter.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "emitEvent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "type",
-                  "type": {
-                    "text": "K"
-                  }
-                },
-                {
-                  "name": "eventInitDict",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomEventInit<D>"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "EventEmitterMixin",
-                "module": "src/components/common/mixins/event-emitter.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "mode",
-              "type": {
-                "text": "ResizeMode"
-              },
-              "fieldName": "mode",
-              "expandedType": {
-                "text": "'immediate' | 'deferred'"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "EventEmitterMixin",
-              "module": "/src/components/common/mixins/event-emitter.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "igc-resize",
-          "customElement": true,
-          "events": [
-            {
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "EventEmitterMixin",
-                "module": "src/components/common/mixins/event-emitter.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "IgcResizeComponent",
-            "module": "src/components/tile-manager/resize-element.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/button/icon-button.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "IgcIconButtonComponent",
-          "cssParts": [
-            {
-              "description": "The wrapping element of the icon button.",
-              "name": "base"
-            },
-            {
-              "description": "The icon element of the icon button.",
-              "name": "icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "tagName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'igc-icon-button'"
-            },
-            {
-              "kind": "method",
-              "name": "register",
-              "privacy": "public",
-              "static": true
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "The name of the icon.",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "collection",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "The name of the icon collection.",
-              "attribute": "collection"
-            },
-            {
-              "kind": "field",
-              "name": "mirrored",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether to flip the icon button. Useful for RTL layouts.",
-              "attribute": "mirrored"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'flat' | 'contained' | 'outlined'"
-              },
-              "privacy": "public",
-              "default": "'contained'",
-              "description": "The visual variant of the icon button.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "renderContent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "inheritedFrom": {
-                "name": "IgcButtonBaseComponent",
-                "module": "src/components/button/button-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "registerIcon",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "url",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "collection",
-                  "default": "'default'"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "registerIconFromText",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "iconText",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "collection",
-                  "default": "'default'"
+                },
+                {
+                  "name": "collection",
+                  "default": "'default'"
                 }
               ]
             },
@@ -11104,6 +10696,193 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/common/controllers/async-consumer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "AsyncContextConsumer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_host",
+              "type": {
+                "text": "Host"
+              },
+              "privacy": "protected",
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "_options",
+              "type": {
+                "text": "AsyncContextOptions<T>"
+              },
+              "privacy": "protected",
+              "default": "options"
+            },
+            {
+              "kind": "field",
+              "name": "_consumer",
+              "type": {
+                "text": "ContextConsumer<T, Host> | undefined"
+              },
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "ContextType<T> | undefined"
+              },
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "createAsyncContext",
+          "return": {
+            "type": {
+              "text": "AsyncContextConsumer<T, Host>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "host",
+              "type": {
+                "text": "Host"
+              }
+            },
+            {
+              "name": "context",
+              "type": {
+                "text": "T"
+              }
+            },
+            {
+              "name": "callback",
+              "optional": true,
+              "type": {
+                "text": "(value: ContextType<T>, dispose?: () => void) => void"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AsyncContextConsumer",
+          "declaration": {
+            "name": "AsyncContextConsumer",
+            "module": "src/components/common/controllers/async-consumer.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createAsyncContext",
+          "declaration": {
+            "name": "createAsyncContext",
+            "module": "src/components/common/controllers/async-consumer.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/common/controllers/drag.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "addDragController",
+          "return": {
+            "type": {
+              "text": "DragController"
+            }
+          },
+          "parameters": [
+            {
+              "name": "host",
+              "type": {
+                "text": "ReactiveControllerHost & LitElement"
+              }
+            },
+            {
+              "name": "options",
+              "optional": true,
+              "type": {
+                "text": "DragControllerConfiguration"
+              }
+            }
+          ],
+          "description": "Adds a drag and drop controller to the given host"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "addDragController",
+          "declaration": {
+            "name": "addDragController",
+            "module": "src/components/common/controllers/drag.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/common/controllers/fullscreen.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "addFullscreenController",
+          "return": {
+            "type": {
+              "text": "FullscreenController"
+            }
+          },
+          "parameters": [
+            {
+              "name": "host",
+              "type": {
+                "text": "ReactiveControllerHost & HTMLElement"
+              }
+            },
+            {
+              "name": "options",
+              "optional": true,
+              "type": {
+                "text": "FullscreenControllerConfiguration"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "addFullscreenController",
+          "declaration": {
+            "name": "addFullscreenController",
+            "module": "src/components/common/controllers/fullscreen.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/divider/divider.ts",
@@ -11257,294 +11036,654 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/tile-manager/tile-header.ts",
+      "path": "src/components/resize-container/default-ghost.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "A container for tile's header",
-          "name": "IgcTileHeaderComponent",
-          "cssParts": [
-            {
-              "description": "The tile header container",
-              "name": "header"
-            },
-            {
-              "description": "The tile title container",
-              "name": "title"
-            },
-            {
-              "description": "The tile actions container",
-              "name": "actions"
+          "kind": "function",
+          "name": "createDefaultGhostElement",
+          "return": {
+            "type": {
+              "text": "HTMLElement"
             }
-          ],
-          "slots": [
+          },
+          "parameters": [
             {
-              "description": "Renders the tile title",
-              "name": "title"
+              "name": "width",
+              "type": {
+                "text": "number"
+              }
             },
             {
-              "description": "Renders the tile actions",
-              "name": "actions"
+              "name": "height",
+              "type": {
+                "text": "number"
+              }
             }
           ],
-          "members": [
+          "description": "Default ghost element factory for the igc-resize implementation."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "createDefaultGhostElement",
+          "declaration": {
+            "name": "createDefaultGhostElement",
+            "module": "src/components/resize-container/default-ghost.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/resize-container/types.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/resize-container/resize-controller.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "addResizeController",
+          "return": {
+            "type": {
+              "text": "ResizeController"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "tagName",
+              "name": "host",
               "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'igc-tile-header'"
-            },
-            {
-              "kind": "method",
-              "name": "register",
-              "privacy": "public",
-              "static": true
+                "text": "ReactiveControllerHost & HTMLElement"
+              }
             },
             {
-              "kind": "field",
-              "name": "_tileContext",
+              "name": "options",
+              "optional": true,
               "type": {
-                "text": "TileContext | undefined"
+                "text": "ResizeControllerConfiguration"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "addResizeController",
+          "declaration": {
+            "name": "addResizeController",
+            "module": "src/components/resize-container/resize-controller.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/resize-container/resize-container.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "IgcResizeContainerComponent",
+          "slots": [
+            {
+              "description": "renders the element(s) that should be resized",
+              "name": ""
+            },
+            {
+              "description": "renders the side resize handle.",
+              "name": "side-adorner"
+            },
+            {
+              "description": "renders the corner resize handle.",
+              "name": "corner-adorner"
+            },
+            {
+              "description": "renders the bottom resize handle.",
+              "name": "bottom-adorner"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'igc-resize'"
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controller",
+              "type": {
+                "text": "ReturnType<typeof addResizeController>"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_tile",
+              "name": "_enabled",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "readonly": true
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "_isMaximized",
+              "name": "_mode",
+              "type": {
+                "text": "ResizeMode"
+              },
               "privacy": "private",
-              "readonly": true
+              "default": "'immediate'",
+              "expandedType": {
+                "text": "'immediate' | 'deferred'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_ghostFactory",
+              "type": {
+                "text": "ResizeGhostFactory | undefined"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_isFullscreen",
+              "name": "_container",
+              "type": {
+                "text": "Ref<HTMLElement>"
+              },
               "privacy": "private",
-              "readonly": true
+              "description": "The DOM container doing the actual resizing"
             },
             {
-              "kind": "method",
-              "name": "handleFullscreen",
-              "privacy": "private"
+              "kind": "field",
+              "name": "_adorners",
+              "type": {
+                "text": "Record<'side' | 'corner' | 'bottom', Ref<HTMLElement>>"
+              },
+              "privacy": "private",
+              "default": "{ side: createRef(), corner: createRef(), bottom: createRef(), }",
+              "description": "Resize component adorners"
+            },
+            {
+              "kind": "field",
+              "name": "_isActive",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "enabled",
+              "privacy": "public",
+              "description": "Whether the resize behavior is enabled.",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "enabled"
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether to always show the resize element adorners.",
+              "attribute": "active",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "ghostFactory",
+              "privacy": "public",
+              "type": {
+                "text": "ResizeGhostFactory | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "privacy": "public",
+              "description": "Get/Set the mode of the resizing operation.",
+              "type": {
+                "text": "ResizeMode"
+              },
+              "attribute": "mode",
+              "expandedType": {
+                "text": "'immediate' | 'deferred'"
+              }
             },
             {
               "kind": "method",
-              "name": "handleMaximize",
-              "privacy": "private"
+              "name": "setSize",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "width",
+                  "type": {
+                    "text": "number | null"
+                  }
+                },
+                {
+                  "name": "height",
+                  "type": {
+                    "text": "number | null"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "emitMaximizedEvent",
-              "privacy": "private"
+              "name": "getSize",
+              "privacy": "public"
             },
             {
               "kind": "method",
-              "name": "_renderAction",
-              "privacy": "protected",
+              "name": "_updateResizingState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "{\n    icon,\n    handler,\n  }",
+                  "name": "params",
                   "type": {
-                    "text": "{\n    icon: string;\n    handler: () => unknown;\n  }"
+                    "text": "ResizeCallbackParams"
                   }
                 }
               ]
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "igc-tile-header",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "IgcTileHeaderComponent",
-            "module": "src/components/tile-manager/tile-header.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/tile-manager/tile-util.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ResizeUtil",
-          "members": [
+            },
             {
               "kind": "method",
-              "name": "calculateSnappedHeight",
-              "privacy": "public",
-              "static": true,
+              "name": "_handlePointerEnter",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handlePointerLeave",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleResizeStart",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "deltaY",
+                  "name": "params",
                   "type": {
-                    "text": "number"
+                    "text": "ResizeCallbackParams"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleResize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
                 {
-                  "name": "startingY",
+                  "name": "params",
                   "type": {
-                    "text": "number"
+                    "text": "ResizeCallbackParams"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleResizeEnd",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
                 {
-                  "name": "rowHeights",
+                  "name": "params",
                   "type": {
-                    "text": "number[]"
+                    "text": "ResizeCallbackParams"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleResizeCancel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
                 {
-                  "name": "rowGap",
+                  "name": "{ initial }",
                   "type": {
-                    "text": "number"
+                    "text": "ResizeState"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_renderAdorner",
+              "privacy": "protected",
+              "parameters": [
                 {
-                  "name": "initialTop",
+                  "name": "name",
                   "type": {
-                    "text": "number"
+                    "text": "'side' | 'corner' | 'bottom'"
                   }
                 },
                 {
-                  "name": "initialHeight",
+                  "name": "part",
                   "type": {
-                    "text": "number"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "calculateSnappedWidth",
+              "name": "_renderAdorners",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "addEventListener",
               "privacy": "public",
-              "static": true,
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "deltaX",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "initialWidth",
+                  "name": "type",
                   "type": {
-                    "text": "number"
+                    "text": "K"
                   }
                 },
                 {
-                  "name": "gap",
+                  "name": "listener",
                   "type": {
-                    "text": "number"
+                    "text": "(this: HTMLElement, ev: M[K]) => any"
                   }
                 },
                 {
-                  "name": "gridColumnWidth",
+                  "name": "options",
+                  "optional": true,
                   "type": {
-                    "text": "number"
+                    "text": "boolean | AddEventListenerOptions"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "calculate",
+              "name": "removeEventListener",
               "privacy": "public",
-              "static": true,
               "return": {
                 "type": {
-                  "text": "any"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "initialTop",
+                  "name": "type",
                   "type": {
-                    "text": "number"
+                    "text": "K"
                   }
                 },
                 {
-                  "name": "rowHeights",
+                  "name": "listener",
                   "type": {
-                    "text": "number[]"
+                    "text": "(this: HTMLElement, ev: M[K]) => any"
                   }
                 },
                 {
-                  "name": "rowGap",
+                  "name": "options",
+                  "optional": true,
                   "type": {
-                    "text": "number"
+                    "text": "boolean | EventListenerOptions"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "accumulateHeight",
+              "name": "emitEvent",
               "privacy": "private",
-              "static": true,
               "return": {
                 "type": {
-                  "text": "number"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "rowIndex",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "rowHeights",
+                  "name": "type",
                   "type": {
-                    "text": "number[]"
+                    "text": "K"
                   }
                 },
                 {
-                  "name": "rowGap",
+                  "name": "eventInitDict",
+                  "optional": true,
                   "type": {
-                    "text": "number"
+                    "text": "CustomEventInit<D>"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "enabled",
+              "description": "Whether the resize behavior is enabled.",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "enabled"
+            },
+            {
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to always show the resize element adorners.",
+              "fieldName": "active"
+            },
+            {
+              "name": "mode",
+              "description": "Get/Set the mode of the resizing operation.",
+              "type": {
+                "text": "ResizeMode"
+              },
+              "fieldName": "mode",
+              "expandedType": {
+                "text": "'immediate' | 'deferred'"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitterMixin",
+              "module": "/src/components/common/mixins/event-emitter.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "igc-resize",
+          "customElement": true,
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/components/common/mixins/event-emitter.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IgcResizeContainerComponent",
+            "module": "src/components/resize-container/resize-container.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/tile-manager/tile-util.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "DraggedTileAttribute",
+          "type": {
+            "text": "string"
+          },
+          "default": "'data-drag-ghost-tile'"
+        },
+        {
+          "kind": "function",
+          "name": "createTileResizeState",
+          "return": {
+            "type": {
+              "text": "TileResizeState"
+            }
+          }
+        },
+        {
+          "kind": "function",
+          "name": "createTileDragGhost",
+          "return": {
+            "type": {
+              "text": "IgcTileComponent"
+            }
+          },
+          "parameters": [
+            {
+              "name": "tile",
+              "type": {
+                "text": "IgcTileComponent"
+              }
             }
           ]
+        },
+        {
+          "kind": "function",
+          "name": "createTileGhost",
+          "return": {
+            "type": {
+              "text": "HTMLElement"
+            }
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ResizeUtil",
+          "name": "DraggedTileAttribute",
+          "declaration": {
+            "name": "DraggedTileAttribute",
+            "module": "src/components/tile-manager/tile-util.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createTileResizeState",
+          "declaration": {
+            "name": "createTileResizeState",
+            "module": "src/components/tile-manager/tile-util.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createTileDragGhost",
+          "declaration": {
+            "name": "createTileDragGhost",
+            "module": "src/components/tile-manager/tile-util.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createTileGhost",
           "declaration": {
-            "name": "ResizeUtil",
+            "name": "createTileGhost",
             "module": "src/components/tile-manager/tile-util.ts"
           }
         }
@@ -11558,6 +11697,62 @@
           "kind": "class",
           "description": "The tile component is used within the `igc-tile-manager` as a container\nfor displaying various types of information.",
           "name": "IgcTileComponent",
+          "cssParts": [
+            {
+              "description": "The wrapper for the entire tile.",
+              "name": "base"
+            },
+            {
+              "description": "The container for the header, including title and actions.",
+              "name": "header"
+            },
+            {
+              "description": "The title container.",
+              "name": "title"
+            },
+            {
+              "description": "The actions container.",
+              "name": "actions"
+            },
+            {
+              "description": "The container wrapping the tile’s main content.",
+              "name": "content-container"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the title of the tile header.",
+              "name": "title"
+            },
+            {
+              "description": "Renders the maximize action element.",
+              "name": "maximize-action"
+            },
+            {
+              "description": "Renders the fullscreen action element.",
+              "name": "fullscreen-action"
+            },
+            {
+              "description": "Renders items after the default actions.",
+              "name": "actions"
+            },
+            {
+              "description": "slot for the tile's content.",
+              "name": "Default"
+            },
+            {
+              "description": "Renders the side resize handle.",
+              "name": "side-adorner"
+            },
+            {
+              "description": "Renders the corner resize handle.",
+              "name": "corner-adorner"
+            },
+            {
+              "description": "Renders the bottom resize handle.",
+              "name": "bottom-adorner"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -11640,116 +11835,74 @@
             },
             {
               "kind": "field",
-              "name": "_disableDrag",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_maximized",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "name": "_resizeState",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_initialPointerX",
-              "type": {
-                "text": "number | null"
-              },
-              "privacy": "private",
-              "default": "null"
+              "name": "_dragStack",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_initialPointerY",
-              "type": {
-                "text": "number | null"
-              },
+              "name": "_setDragConfiguration",
               "privacy": "private",
-              "default": "null"
+              "description": "Context consumer callback that sets the updated configuration of the internal drag controller\nbased on the passed tile manager properties."
             },
             {
               "kind": "field",
-              "name": "_dragCounter",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
+              "name": "_context",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_dragGhost",
+              "name": "_tileManagerCtx",
               "type": {
-                "text": "HTMLElement | null"
+                "text": "TileManagerContext | undefined"
               },
               "privacy": "private",
-              "default": "null"
+              "description": "Returns the parent tile manager context.",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_dragImage",
-              "type": {
-                "text": "HTMLElement | null"
-              },
+              "name": "_tileManager",
               "privacy": "private",
-              "default": "null"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_cachedStyles",
+              "name": "_cssContainer",
               "type": {
-                "text": "{\n    background?: string;\n    border?: string;\n    borderRadius?: string;\n    columnCount?: number;\n    gap?: number;\n    initialTop?: number;\n    minHeight?: number;\n    minWidth?: number;\n    tileBackground?: string;\n    tileBorder?: string;\n    rowHeights?: number[];\n  }"
+                "text": "HTMLElement"
               },
               "privacy": "private",
-              "default": "{}"
-            },
-            {
-              "kind": "field",
-              "name": "_managerContext",
-              "type": {
-                "text": "TileManagerContext | undefined"
-              },
-              "privacy": "private"
+              "description": "Returns the tile manager internal CSS grid container.",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_context",
+              "name": "_resizeMode",
               "privacy": "private",
-              "default": "new ContextProvider(this, { context: tileContext, initialValue: { instance: this, setFullscreenState: (fullscreen, isUserTriggered) => this._fullscreenController.setState(fullscreen, isUserTriggered), }, })"
-            },
-            {
-              "kind": "method",
-              "name": "_setTileContext",
-              "privacy": "private"
+              "description": "Returns the tile manager current resize mode.",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_draggedItem",
-              "type": {
-                "text": "IgcTileComponent | null"
-              },
-              "privacy": "private",
-              "readonly": true
+              "name": "_headerRef",
+              "privacy": "protected"
             },
             {
               "kind": "field",
-              "name": "_isSlideMode",
+              "name": "_resizeContainer",
               "type": {
-                "text": "boolean"
+                "text": "IgcResizeContainerComponent | undefined"
               },
-              "privacy": "private",
-              "readonly": true
+              "privacy": "protected"
             },
             {
               "kind": "field",
-              "name": "_ghost",
+              "name": "_tileContent",
               "type": {
                 "text": "HTMLElement"
               },
@@ -11757,11 +11910,12 @@
             },
             {
               "kind": "field",
-              "name": "_tileContent",
+              "name": "_maximized",
               "type": {
-                "text": "HTMLElement"
+                "text": "boolean"
               },
-              "privacy": "public"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
@@ -11774,7 +11928,7 @@
             },
             {
               "kind": "field",
-              "name": "_hasDragOver",
+              "name": "_isResizing",
               "type": {
                 "text": "boolean"
               },
@@ -11783,12 +11937,19 @@
             },
             {
               "kind": "field",
-              "name": "_isResizing",
+              "name": "_resizeDisabled",
               "type": {
                 "text": "boolean"
               },
               "privacy": "private",
-              "default": "false"
+              "description": "Whether to render the resize container based on tile and tile manager configuration.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_shouldHideHeader",
+              "privacy": "protected",
+              "readonly": true
             },
             {
               "kind": "field",
@@ -11806,48 +11967,51 @@
               "kind": "field",
               "name": "colSpan",
               "privacy": "public",
+              "description": "The number of columns the tile will span.",
+              "attribute": "col-span",
               "type": {
                 "text": "number"
-              },
-              "attribute": "colSpan"
+              }
             },
             {
               "kind": "field",
               "name": "rowSpan",
               "privacy": "public",
+              "description": "The number of rows the tile will span.",
+              "attribute": "row-span",
               "type": {
                 "text": "number"
-              },
-              "attribute": "rowSpan"
+              }
             },
             {
               "kind": "field",
               "name": "colStart",
               "privacy": "public",
+              "description": "The starting column for the tile.",
+              "attribute": "col-start",
               "type": {
                 "text": "number | null"
-              },
-              "attribute": "colStart"
+              }
             },
             {
               "kind": "field",
               "name": "rowStart",
               "privacy": "public",
+              "description": "The starting row for the tile.",
+              "attribute": "row-start",
               "type": {
                 "text": "number | null"
-              },
-              "attribute": "rowStart"
+              }
             },
             {
               "kind": "field",
               "name": "fullscreen",
-              "privacy": "public",
-              "description": "Indicates whether the tile occupies the whole screen.",
-              "attribute": "fullscreen",
               "type": {
                 "text": "boolean"
               },
-              "reflects": true
+              "privacy": "public",
+              "description": "Indicates whether the tile occupies the whole screen.",
+              "readonly": true
             },
             {
               "kind": "field",
@@ -11855,142 +12019,160 @@
               "privacy": "public",
               "description": "Indicates whether the tile occupies all available space within the layout.",
               "attribute": "maximized",
+              "type": {
+                "text": "boolean"
+              },
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disableDrag",
+              "name": "disableResize",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "public",
-              "description": "Indicates whether the tile can be dragged.",
-              "attribute": "disable-drag",
+              "default": "false",
+              "description": "Indicates whether the tile can be resized.",
+              "attribute": "disable-resize",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disableResize",
+              "name": "disableFullscreen",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Indicates whether the tile can be resized.",
-              "attribute": "disable-resize",
+              "description": "Indicates whether the fullscreen action is displayed.",
+              "attribute": "disable-fullscreen",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "disableMaximize",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "public",
-              "description": "Gets/sets the tile's visual position in the layout.\nCorresponds to the CSS order property.",
-              "attribute": "position"
+              "default": "false",
+              "description": "Indicates whether the maximize action is displayed.",
+              "attribute": "disable-maximize",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "gridColumnWidth",
+              "name": "position",
+              "privacy": "public",
+              "description": "Gets/sets the tile's visual position in the layout.\n\nCorresponds to the CSS order property.",
+              "attribute": "position",
               "type": {
                 "text": "number"
-              },
-              "privacy": "protected",
-              "readonly": true
+              }
             },
             {
               "kind": "method",
-              "name": "emitFullScreenEvent",
+              "name": "_setDragState",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "state",
-                  "type": {
-                    "text": "boolean"
-                  }
+                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "assignDragImage",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "DragEvent"
-                  }
-                }
-              ]
+              "name": "_handleDragStart",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleDragStart",
+              "name": "_handleDragMove",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "{\n    event: { clientX, clientY },\n  }",
                   "type": {
-                    "text": "DragEvent"
+                    "text": "DragCallbackParameters"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleDragEnter",
+              "name": "_handleDragCancel",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleDragEnd",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleDragOver",
+              "name": "_skipDrag",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "DragEvent"
+                    "text": "PointerEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleDragLeave",
-              "privacy": "private"
+              "name": "_match",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "element is IgcTileComponent"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleDragEnd",
-              "privacy": "private"
+              "name": "_createDragGhost",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "IgcTileComponent"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "hasPointerLeftLastSwapTile",
+              "name": "_setResizeState",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
-                  "type": {
-                    "text": "DragEvent"
-                  }
-                },
-                {
-                  "name": "lastSwapTile",
-                  "type": {
-                    "text": "IgcTileComponent | null"
-                  }
+                  "name": "state",
+                  "default": "true"
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "cacheStyles",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "_handleResizeStart",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "{\n    detail: { state },\n  }",
                   "type": {
                     "text": "CustomEvent<ResizeCallbackParams>"
                   }
@@ -12003,7 +12185,7 @@
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "{\n    detail: { state },\n  }",
                   "type": {
                     "text": "CustomEvent<ResizeCallbackParams>"
                   }
@@ -12016,7 +12198,7 @@
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "{\n    detail: { state },\n  }",
                   "type": {
                     "text": "CustomEvent<ResizeCallbackParams>"
                   }
@@ -12025,38 +12207,79 @@
             },
             {
               "kind": "method",
-              "name": "_calculateRowSpan",
+              "name": "_handleResizeCancel",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleFullscreen",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleMaximize",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "emitFullScreenEvent",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
               "parameters": [
                 {
-                  "name": "height",
+                  "name": "state",
                   "type": {
-                    "text": "number"
+                    "text": "boolean"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "emitMaximizedEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_renderDefaultAction",
+              "privacy": "protected",
+              "parameters": [
                 {
-                  "name": "startRowIndex",
+                  "name": "type",
                   "type": {
-                    "text": "number"
+                    "text": "'maximize' | 'fullscreen'"
                   }
                 }
               ]
             },
             {
-              "kind": "field",
-              "name": "ghostFactory",
+              "kind": "method",
+              "name": "_renderHeader",
               "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "renderContent",
+              "name": "_renderContent",
               "privacy": "protected"
             },
+            {
+              "kind": "field",
+              "name": "_customAdorners",
+              "privacy": "private",
+              "default": "new Map<string, boolean>( Object.entries({ side: false, corner: false, bottom: false, }) )"
+            },
+            {
+              "kind": "method",
+              "name": "_renderAdornerSlot",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "AdornerType"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "addEventListener",
@@ -12190,34 +12413,59 @@
           ],
           "attributes": [
             {
-              "name": "tileId",
+              "name": "tile-id",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
               "description": "The unique identifier of the tile.",
-              "fieldName": "tileId"
+              "fieldName": "tileId",
+              "attribute": "tile-id"
             },
             {
-              "name": "fullscreen",
-              "description": "Indicates whether the tile occupies the whole screen.",
-              "fieldName": "fullscreen",
-              "attribute": "fullscreen",
+              "name": "col-span",
+              "description": "The number of columns the tile will span.",
+              "fieldName": "colSpan",
+              "attribute": "col-span",
               "type": {
-                "text": "boolean"
+                "text": "number"
+              }
+            },
+            {
+              "name": "row-span",
+              "description": "The number of rows the tile will span.",
+              "fieldName": "rowSpan",
+              "attribute": "row-span",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "col-start",
+              "description": "The starting column for the tile.",
+              "fieldName": "colStart",
+              "attribute": "col-start",
+              "type": {
+                "text": "number | null"
+              }
+            },
+            {
+              "name": "row-start",
+              "description": "The starting row for the tile.",
+              "fieldName": "rowStart",
+              "attribute": "row-start",
+              "type": {
+                "text": "number | null"
               }
             },
             {
               "name": "maximized",
               "description": "Indicates whether the tile occupies all available space within the layout.",
               "fieldName": "maximized",
-              "attribute": "maximized"
-            },
-            {
-              "name": "disable-drag",
-              "description": "Indicates whether the tile can be dragged.",
-              "fieldName": "disableDrag",
-              "attribute": "disable-drag"
+              "attribute": "maximized",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
               "name": "disable-resize",
@@ -12230,48 +12478,33 @@
               "attribute": "disable-resize"
             },
             {
-              "name": "position",
-              "description": "Gets/sets the tile's visual position in the layout.\nCorresponds to the CSS order property.",
-              "fieldName": "position",
-              "attribute": "position"
-            },
-            {
-              "name": "tile-id",
+              "name": "disable-fullscreen",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
-              "default": "null",
-              "description": "The unique identifier of the tile.",
-              "attribute": "tileId",
-              "fieldName": "tileId"
+              "default": "false",
+              "description": "Indicates whether the fullscreen action is displayed.",
+              "fieldName": "disableFullscreen",
+              "attribute": "disable-fullscreen"
             },
             {
-              "name": "colSpan",
+              "name": "disable-maximize",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "fieldName": "colSpan"
+              "default": "false",
+              "description": "Indicates whether the maximize action is displayed.",
+              "fieldName": "disableMaximize",
+              "attribute": "disable-maximize"
             },
             {
-              "name": "rowSpan",
+              "name": "position",
+              "description": "Gets/sets the tile's visual position in the layout.\n\nCorresponds to the CSS order property.",
+              "fieldName": "position",
+              "attribute": "position",
               "type": {
                 "text": "number"
-              },
-              "fieldName": "rowSpan"
-            },
-            {
-              "name": "colStart",
-              "type": {
-                "text": "number | null"
-              },
-              "fieldName": "colStart"
-            },
-            {
-              "name": "rowStart",
-              "type": {
-                "text": "number | null"
-              },
-              "fieldName": "rowStart"
+              }
             }
           ],
           "mixins": [
@@ -12305,60 +12538,44 @@
       "declarations": [
         {
           "kind": "function",
-          "name": "swapTiles",
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          },
+          "name": "createTilesState",
           "parameters": [
             {
-              "name": "a",
-              "type": {
-                "text": "IgcTileComponent"
-              }
-            },
-            {
-              "name": "b",
+              "name": "manager",
               "type": {
-                "text": "IgcTileComponent"
+                "text": "IgcTileManagerComponent"
               }
             }
           ]
         },
         {
           "kind": "function",
-          "name": "isSameTile",
+          "name": "createTileDragStack",
           "return": {
             "type": {
-              "text": "boolean"
+              "text": "TileDragStack"
+            }
+          }
+        },
+        {
+          "kind": "function",
+          "name": "swapTiles",
+          "return": {
+            "type": {
+              "text": "void"
             }
           },
           "parameters": [
             {
               "name": "a",
-              "optional": true,
               "type": {
-                "text": "IgcTileComponent | null"
+                "text": "IgcTileComponent"
               }
             },
             {
               "name": "b",
-              "optional": true,
               "type": {
-                "text": "IgcTileComponent | null"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "createTilesState",
-          "parameters": [
-            {
-              "name": "manager",
-              "type": {
-                "text": "IgcTileManagerComponent"
+                "text": "IgcTileComponent"
               }
             }
           ]
@@ -12367,25 +12584,25 @@
       "exports": [
         {
           "kind": "js",
-          "name": "swapTiles",
+          "name": "createTilesState",
           "declaration": {
-            "name": "swapTiles",
+            "name": "createTilesState",
             "module": "src/components/tile-manager/position.ts"
           }
         },
         {
           "kind": "js",
-          "name": "isSameTile",
+          "name": "createTileDragStack",
           "declaration": {
-            "name": "isSameTile",
+            "name": "createTileDragStack",
             "module": "src/components/tile-manager/position.ts"
           }
         },
         {
           "kind": "js",
-          "name": "createTilesState",
+          "name": "swapTiles",
           "declaration": {
-            "name": "createTilesState",
+            "name": "swapTiles",
             "module": "src/components/tile-manager/position.ts"
           }
         }
@@ -12464,6 +12681,30 @@
               "privacy": "private",
               "default": "{}"
             },
+            {
+              "kind": "field",
+              "name": "_dragMode",
+              "type": {
+                "text": "TileManagerDragMode"
+              },
+              "privacy": "private",
+              "default": "'none'",
+              "expandedType": {
+                "text": "'none' | 'tile-header' | 'tile'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resizeMode",
+              "type": {
+                "text": "TileManagerResizeMode"
+              },
+              "privacy": "private",
+              "default": "'none'",
+              "expandedType": {
+                "text": "'none' | 'hover' | 'always'"
+              }
+            },
             {
               "kind": "field",
               "name": "_columnCount",
@@ -12499,66 +12740,72 @@
             },
             {
               "kind": "field",
-              "name": "_draggedItem",
-              "type": {
-                "text": "IgcTileComponent | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_lastSwapTile",
-              "type": {
-                "text": "IgcTileComponent | null"
-              },
-              "privacy": "private",
-              "default": "null"
+              "name": "_serializer",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_serializer",
+              "name": "_tilesState",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_tilesState",
+              "name": "_grid",
               "privacy": "private"
             },
             {
               "kind": "field",
               "name": "_context",
               "privacy": "private",
-              "default": "new ContextProvider(this, { context: tileManagerContext, initialValue: { instance: this, draggedItem: this._draggedItem, lastSwapTile: this._lastSwapTile, }, })"
+              "default": "new ContextProvider(this, { context: tileManagerContext, initialValue: this._createContext(), })"
             },
             {
               "kind": "method",
-              "name": "_setManagerContext",
-              "privacy": "private"
+              "name": "_createContext",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TileManagerContext"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "_observerCallback",
+              "name": "_setManagerContext",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "{\n    changes: { added, removed },\n  }",
-                  "type": {
-                    "text": "MutationControllerParams<IgcTileComponent>"
-                  }
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ]
+              }
             },
             {
               "kind": "field",
-              "name": "dragMode",
+              "name": "resizeMode",
+              "privacy": "public",
+              "description": "Whether resize operations are enabled.",
+              "default": "none",
+              "attribute": "resize-mode",
               "type": {
-                "text": "'slide' | 'swap'"
+                "text": "TileManagerResizeMode"
               },
+              "expandedType": {
+                "text": "'none' | 'hover' | 'always'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dragMode",
               "privacy": "public",
-              "default": "'slide'",
-              "description": "Determines whether the tiles slide or swap on drop.",
-              "attribute": "drag-mode"
+              "description": "Whether drag and drop operations are enabled.",
+              "default": "none",
+              "attribute": "drag-mode",
+              "type": {
+                "text": "TileManagerDragMode"
+              },
+              "expandedType": {
+                "text": "'none' | 'tile-header' | 'tile'"
+              }
             },
             {
               "kind": "field",
@@ -12596,59 +12843,53 @@
               "name": "gap",
               "privacy": "public",
               "description": "Sets the gap size of the the tile manager.",
+              "attribute": "gap",
               "type": {
                 "text": "string | undefined"
-              },
-              "attribute": "gap"
+              }
             },
             {
               "kind": "field",
               "name": "tiles",
               "privacy": "public",
               "description": "Gets the tiles sorted by their position in the layout.",
-              "readonly": true,
-              "attribute": "tiles"
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "handleTileDragStart",
+              "name": "_observerCallback",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "{ detail }",
+                  "name": "{\n    changes: { added, removed },\n  }",
                   "type": {
-                    "text": "CustomEvent<IgcTileComponent>"
+                    "text": "MutationControllerParams<IgcTileComponent>"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleTileDragEnd",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleDragOver",
+              "name": "_handleTileDragStart",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "{ detail }",
                   "type": {
-                    "text": "DragEvent"
+                    "text": "CustomEvent<IgcTileComponent>"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleDrop",
+              "name": "_handleTileDragEnd",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "{ detail }",
                   "type": {
-                    "text": "DragEvent"
+                    "text": "CustomEvent<IgcTileComponent>"
                   }
                 }
               ]
@@ -12786,6 +13027,10 @@
               "description": "Fired when an owning tile begins a drag operation.",
               "name": "igcTileDragStarted"
             },
+            {
+              "description": "Fired when an owning tile completes a drag operation, either by dropping onto a new position or canceling the drag.",
+              "name": "igcTileDragEnded"
+            },
             {
               "type": {
                 "text": "CustomEvent"
@@ -12798,14 +13043,30 @@
           ],
           "attributes": [
             {
-              "name": "drag-mode",
+              "name": "resize-mode",
+              "description": "Whether resize operations are enabled.",
+              "default": "none",
+              "fieldName": "resizeMode",
+              "attribute": "resize-mode",
               "type": {
-                "text": "'slide' | 'swap'"
+                "text": "TileManagerResizeMode"
               },
-              "default": "'slide'",
-              "description": "Determines whether the tiles slide or swap on drop.",
+              "expandedType": {
+                "text": "'none' | 'hover' | 'always'"
+              }
+            },
+            {
+              "name": "drag-mode",
+              "description": "Whether drag and drop operations are enabled.",
+              "default": "none",
               "fieldName": "dragMode",
-              "attribute": "drag-mode"
+              "attribute": "drag-mode",
+              "type": {
+                "text": "TileManagerDragMode"
+              },
+              "expandedType": {
+                "text": "'none' | 'tile-header' | 'tile'"
+              }
             },
             {
               "name": "column-count",
@@ -12835,19 +13096,14 @@
                 "text": "string | undefined"
               }
             },
-            {
-              "name": "tiles",
-              "description": "Gets the tiles sorted by their position in the layout.",
-              "readonly": true,
-              "fieldName": "tiles"
-            },
             {
               "name": "gap",
               "description": "Sets the gap size of the the tile manager.",
+              "fieldName": "gap",
+              "attribute": "gap",
               "type": {
                 "text": "string | undefined"
-              },
-              "fieldName": "gap"
+              }
             }
           ],
           "mixins": [
@@ -12883,10 +13139,6 @@
           "kind": "variable",
           "name": "carouselContext"
         },
-        {
-          "kind": "variable",
-          "name": "tileContext"
-        },
         {
           "kind": "variable",
           "name": "tileManagerContext"
@@ -12901,14 +13153,6 @@
             "module": "src/components/common/context.ts"
           }
         },
-        {
-          "kind": "js",
-          "name": "tileContext",
-          "declaration": {
-            "name": "tileContext",
-            "module": "src/components/common/context.ts"
-          }
-        },
         {
           "kind": "js",
           "name": "tileManagerContext",
@@ -13269,12 +13513,6 @@
           "kind": "class",
           "description": "A single content container within a set of containers used in the context of an `igc-carousel`.",
           "name": "IgcCarouselSlideComponent",
-          "cssParts": [
-            {
-              "description": "The base wrapper of the carousel slide.",
-              "name": "base"
-            }
-          ],
           "slots": [
             {
               "description": "slot for the carousel slide.",
@@ -13314,14 +13552,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "_slideRef",
-              "type": {
-                "text": "Ref<HTMLElement>"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "_animationPlayer",
@@ -13378,7 +13608,9 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "default": "false"
+              "default": "false",
+              "attribute": "previous",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -13427,6 +13659,14 @@
               "description": "The current active slide for the carousel component.",
               "fieldName": "active",
               "attribute": "active"
+            },
+            {
+              "name": "previous",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "previous"
             }
           ],
           "superclass": {
@@ -32658,6 +32898,10 @@
               "description": "Renders the title of the dialog header.",
               "name": "title"
             },
+            {
+              "description": "Renders the message content of the dialog.",
+              "name": "message"
+            },
             {
               "description": "Renders the dialog footer.",
               "name": "footer"
@@ -32731,6 +32975,14 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "messageElements",
+              "type": {
+                "text": "Array<HTMLElement>"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "footerElements",
@@ -56826,14 +57078,6 @@
             "module": "./components/tile-manager/tile.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "IgcTileHeaderComponent",
-          "declaration": {
-            "name": "default",
-            "module": "./components/tile-manager/tile-header.js"
-          }
-        },
         {
           "kind": "js",
           "name": "IgcTileManagerComponent",
@@ -57186,6 +57430,30 @@
             "module": "./components/types.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "TileManagerDragAction",
+          "declaration": {
+            "name": "TileManagerDragAction",
+            "module": "./components/types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TileManagerDragMode",
+          "declaration": {
+            "name": "TileManagerDragMode",
+            "module": "./components/types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TileManagerResizeMode",
+          "declaration": {
+            "name": "TileManagerResizeMode",
+            "module": "./components/types.js"
+          }
+        },
         {
           "kind": "js",
           "name": "DateRangeDescriptor",