@breadstone/mosaik-elements-foundation 0.0.211 → 0.0.214

package/custom-elements.json

@@ -87044,17 +87044,11 @@
               }
             }
           ]
-        },
-        {
-          "kind": "variable",
-          "name": "DIALOG_STACKED_CLASS",
-          "description": "CSS class name applied to dialogs that are stacked (have another dialog on top).",
-          "type": "\"stacked\""
         }
       ]
     },
     {
-      "path": "./../src/Controls/Components/Overlays/Dialog/DialogStackBehavior.ts",
+      "path": "./../src/Controls/Components/Overlays/Dialog/behaviors/DialogStackBehavior.ts",
       "exports": [
         {
           "kind": "class",
@@ -87073,7 +87067,7 @@
               "name": "config",
               "privacy": "public",
               "description": "Returns the current stack configuration.",
-              "type": "Readonly<IDialogStackConfig>"
+              "type": "Readonly<IDialogStackBehaviorConfig>"
             },
             {
               "kind": "field",
@@ -87086,13 +87080,12 @@
               "kind": "method",
               "name": "configure",
               "privacy": "public",
-              "type": "(options: Partial<IDialogOptions>): void",
+              "type": "(_options: Partial<IDialogOptions>): void",
               "description": "Configures the dialog options before opening.\nValidates stack depth limits.",
               "parameters": [
                 {
-                  "name": "options",
-                  "type": "Partial<IDialogOptions>",
-                  "description": "The dialog options to configure."
+                  "name": "_options",
+                  "type": "Partial<IDialogOptions>"
                 }
               ],
               "return": {
@@ -87195,14 +87188,14 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Overlays/Drawer/DrawerContainerElement.ts",
+      "path": "./../src/Controls/Components/Overlays/Drawer/DrawerActionsElement.ts",
       "exports": [
         {
           "kind": "definition",
-          "name": "mosaik-drawer-container",
+          "name": "mosaik-drawer-actions",
           "declaration": {
-            "name": "DrawerContainerElement",
-            "module": "./../src/Controls/Components/Overlays/Drawer/DrawerContainerElement.ts"
+            "name": "DrawerActionsElement",
+            "module": "./../src/Controls/Components/Overlays/Drawer/DrawerActionsElement.ts"
           }
         },
         {
@@ -87217,60 +87210,13 @@
               "module": "./../src/Controls/Behaviors/Themeable.ts"
             },
             {
-              "name": "Fitable",
-              "module": "./../src/Controls/Behaviors/Fitable.ts"
+              "name": "Slottable",
+              "module": "./../src/Controls/Behaviors/Slottable.ts"
             }
           ],
-          "description": "Drawer Container - A container element often used to organize content in a drawer view.",
-          "name": "DrawerContainerElement",
+          "description": "[object Object],[object Object],[object Object]",
+          "name": "DrawerActionsElement",
           "members": [
-            {
-              "kind": "field",
-              "name": "content",
-              "privacy": "public",
-              "description": "Returns the `content` property.",
-              "type": "DrawerContentElement | null"
-            },
-            {
-              "kind": "field",
-              "name": "drawer",
-              "privacy": "public",
-              "description": "Returns the `drawer` property.",
-              "type": "DrawerElement | null"
-            },
-            {
-              "kind": "field",
-              "name": "contentMarginChanged",
-              "privacy": "public",
-              "description": "Called when the content margin changed.\nProvides reference to `IDrawerContainerContentMarginChangedEventDetails` as event argument.",
-              "type": "IEventEmitter<IDrawerContainerContentMarginChangedEventDetail>",
-              "inheritedFrom": {
-                "name": "IDrawerContainerElementEvents",
-                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContainerElementEvents.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "autoSize",
-              "privacy": "public",
-              "description": "Gets or sets the `autoSize` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IDrawerContainerElementProps",
-                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContainerElementEvents.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hasBackdrop",
-              "privacy": "public",
-              "description": "Gets or sets the `hasBackdrop` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IDrawerContainerElementProps",
-                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContainerElementEvents.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "themeName",
@@ -87282,17 +87228,6 @@
                 "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "fit",
-              "privacy": "public",
-              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `none`, which means the element is not displayed.",
-              "type": "Fit",
-              "inheritedFrom": {
-                "name": "Fitable",
-                "module": "./../src/Controls/Behaviors/Fitable.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "dir",
@@ -87350,22 +87285,88 @@
             },
             {
               "kind": "method",
-              "name": "open",
+              "name": "assignToSlot",
               "privacy": "public",
-              "type": "(): void",
+              "type": "(slotName: string, node: Element | Text): void",
+              "description": "Assigns nodes to a dedicated slot.",
+              "parameters": [],
+              "return": {},
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSlotAssignments",
+              "privacy": "public",
+              "type": "<T extends Element = Element>(slotName: string, filter?: ((e: T): boolean) | undefined) => T[]",
+              "description": "Returns the assigned elements of a slot.",
               "parameters": [],
               "return": {
-                "type": "void"
+                "description": "The assigned elements of a slot."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
             {
               "kind": "method",
-              "name": "close",
+              "name": "getSlotAssignmentsOf",
               "privacy": "public",
-              "type": "(): void",
+              "type": "<T extends Element = Element>(slotName: string, element: Constructor<T>): T[]",
+              "description": "Returns the assigned elements of a slot with a specific element type.",
               "parameters": [],
               "return": {
-                "type": "void"
+                "description": "The assigned elements of a slot."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasSlotContent",
+              "privacy": "public",
+              "type": "(slotName: string): boolean",
+              "description": "Returns a boolean that indicates if a slot has content.",
+              "parameters": [],
+              "return": {
+                "description": "A boolean that indicates if a slot has content."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasSlot",
+              "privacy": "public",
+              "type": "(slotName: string): boolean",
+              "description": "Returns a boolean that indicates if a slot exists.",
+              "parameters": [],
+              "return": {
+                "description": "A boolean that indicates if a slot exists."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onSlotChanges",
+              "privacy": "public",
+              "type": "(slotName?: string | undefined): void",
+              "description": "Called when the slot changes.\nThis method is a hook that can be overridden.",
+              "parameters": [],
+              "return": {},
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
             {
@@ -87489,13 +87490,8 @@
               }
             }
           ],
-          "tagName": "mosaik-drawer-container",
+          "tagName": "mosaik-drawer-actions",
           "events": [
-            {
-              "description": "Called when the content margin changed.",
-              "name": "contentMarginChanged",
-              "type": "Event"
-            },
             {
               "description": "Called when the element is connected to the DOM.",
               "name": "connected",
@@ -87526,45 +87522,19 @@
           ],
           "slots": [
             {
-              "description": "The drawer element.",
-              "name": "drawer"
+              "description": "The default content slot.",
+              "name": ""
             },
             {
-              "description": "The content element.",
-              "name": "content"
+              "description": "The prefix slot.",
+              "name": "prefix"
+            },
+            {
+              "description": "The suffix slot.",
+              "name": "suffix"
             }
           ],
           "attributes": [
-            {
-              "name": "autoSize",
-              "fieldName": "autoSize",
-              "description": "Gets or sets the `autoSize` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IDrawerContainerElementProps",
-                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContainerElementEvents.ts"
-              }
-            },
-            {
-              "name": "hasBackdrop",
-              "fieldName": "hasBackdrop",
-              "description": "Gets or sets the `hasBackdrop` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IDrawerContainerElementProps",
-                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContainerElementEvents.ts"
-              }
-            },
-            {
-              "name": "fit",
-              "fieldName": "fit",
-              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `none`, which means the element is not displayed.",
-              "type": "Fit",
-              "inheritedFrom": {
-                "name": "Fitable",
-                "module": "./../src/Controls/Behaviors/Fitable.ts"
-              }
-            },
             {
               "name": "dir",
               "fieldName": "dir",
@@ -87590,14 +87560,14 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Overlays/Drawer/DrawerContentElement.ts",
+      "path": "./../src/Controls/Components/Overlays/Drawer/DrawerContainerElement.ts",
       "exports": [
         {
           "kind": "definition",
-          "name": "mosaik-drawer-content",
+          "name": "mosaik-drawer-container",
           "declaration": {
-            "name": "DrawerContentElement",
-            "module": "./../src/Controls/Components/Overlays/Drawer/DrawerContentElement.ts"
+            "name": "DrawerContainerElement",
+            "module": "./../src/Controls/Components/Overlays/Drawer/DrawerContainerElement.ts"
           }
         },
         {
@@ -87610,58 +87580,109 @@
             {
               "name": "Themeable",
               "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Fitable",
+              "module": "./../src/Controls/Behaviors/Fitable.ts"
             }
           ],
-          "description": "Drawer Content - The content or information within a drawer component.",
-          "name": "DrawerContentElement",
+          "description": "Drawer Container - A container element often used to organize content in a drawer view.",
+          "name": "DrawerContainerElement",
           "members": [
             {
               "kind": "field",
-              "name": "opened",
+              "name": "content",
               "privacy": "public",
-              "description": "Gets or sets the `opened` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IDrawerContentElementProps",
-                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContentElementProps.ts"
-              }
+              "description": "Returns the `content` property.",
+              "type": "DrawerContentElement | null"
             },
             {
               "kind": "field",
-              "name": "themeName",
+              "name": "drawer",
               "privacy": "public",
-              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
-              "type": "string",
-              "inheritedFrom": {
-                "name": "IThemeableProps",
-                "module": "./../src/Controls/Behaviors/Themeable.ts"
-              }
+              "description": "Returns the `drawer` property.",
+              "type": "DrawerElement | null"
             },
             {
               "kind": "field",
-              "name": "dir",
+              "name": "contentMarginChanged",
               "privacy": "public",
-              "description": "Gets or sets the `dir` property.",
-              "type": "FlowDirection",
+              "description": "Called when the content margin changed.\nProvides reference to `IDrawerContainerContentMarginChangedEventDetails` as event argument.",
+              "type": "IEventEmitter<IDrawerContainerContentMarginChangedEventDetail>",
               "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+                "name": "IDrawerContainerElementEvents",
+                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContainerElementEvents.ts"
               }
             },
             {
               "kind": "field",
-              "name": "lang",
+              "name": "autoSize",
               "privacy": "public",
-              "description": "Gets or sets the `lang` property.",
-              "type": "string",
+              "description": "Gets or sets the `autoSize` property.",
+              "type": "boolean",
               "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+                "name": "IDrawerContainerElementProps",
+                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContainerElementEvents.ts"
               }
             },
             {
               "kind": "field",
-              "name": "changed",
+              "name": "hasBackdrop",
+              "privacy": "public",
+              "description": "Gets or sets the `hasBackdrop` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IDrawerContainerElementProps",
+                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContainerElementEvents.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "themeName",
+              "privacy": "public",
+              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IThemeableProps",
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fit",
+              "privacy": "public",
+              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `none`, which means the element is not displayed.",
+              "type": "Fit",
+              "inheritedFrom": {
+                "name": "Fitable",
+                "module": "./../src/Controls/Behaviors/Fitable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "privacy": "public",
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "privacy": "public",
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "changed",
               "privacy": "public",
               "description": "Called when the element will be updated.\nProvides reference to `IEventEmitter` as event argument.",
               "type": "IEventEmitter<IPropertyChangedEventDetail>",
@@ -87692,6 +87713,26 @@
                 "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "open",
+              "privacy": "public",
+              "type": "(): void",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "privacy": "public",
+              "type": "(): void",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -87813,8 +87854,13 @@
               }
             }
           ],
-          "tagName": "mosaik-drawer-content",
+          "tagName": "mosaik-drawer-container",
           "events": [
+            {
+              "description": "Called when the content margin changed.",
+              "name": "contentMarginChanged",
+              "type": "Event"
+            },
             {
               "description": "Called when the element is connected to the DOM.",
               "name": "connected",
@@ -87845,19 +87891,43 @@
           ],
           "slots": [
             {
-              "description": "The default content element.",
-              "name": ""
+              "description": "The drawer element.",
+              "name": "drawer"
+            },
+            {
+              "description": "The content element.",
+              "name": "content"
             }
           ],
           "attributes": [
             {
-              "name": "opened",
-              "fieldName": "opened",
-              "description": "Gets or sets the `opened` property.",
+              "name": "autoSize",
+              "fieldName": "autoSize",
+              "description": "Gets or sets the `autoSize` property.",
               "type": "boolean",
               "inheritedFrom": {
-                "name": "IDrawerContentElementProps",
-                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContentElementProps.ts"
+                "name": "IDrawerContainerElementProps",
+                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContainerElementEvents.ts"
+              }
+            },
+            {
+              "name": "hasBackdrop",
+              "fieldName": "hasBackdrop",
+              "description": "Gets or sets the `hasBackdrop` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IDrawerContainerElementProps",
+                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContainerElementEvents.ts"
+              }
+            },
+            {
+              "name": "fit",
+              "fieldName": "fit",
+              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `none`, which means the element is not displayed.",
+              "type": "Fit",
+              "inheritedFrom": {
+                "name": "Fitable",
+                "module": "./../src/Controls/Behaviors/Fitable.ts"
               }
             },
             {
@@ -87885,267 +87955,279 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Overlays/Drawer/DrawerElement.ts",
+      "path": "./../src/Controls/Components/Overlays/Drawer/DrawerContentElement.ts",
       "exports": [
         {
           "kind": "definition",
-          "name": "mosaik-drawer",
+          "name": "mosaik-drawer-content",
           "declaration": {
-            "name": "DrawerElement",
-            "module": "./../src/Controls/Components/Overlays/Drawer/DrawerElement.ts"
+            "name": "DrawerContentElement",
+            "module": "./../src/Controls/Components/Overlays/Drawer/DrawerContentElement.ts"
           }
         },
         {
           "kind": "class",
           "superclass": {
-            "name": "OverlayElement",
-            "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
           },
           "mixins": [
             {
               "name": "Themeable",
               "module": "./../src/Controls/Behaviors/Themeable.ts"
-            },
-            {
-              "name": "Animatable",
-              "module": "./../src/Controls/Behaviors/Animatable.ts"
-            },
-            {
-              "name": "Dimensionable",
-              "module": "./../src/Controls/Behaviors/Dimensionable.ts"
-            },
-            {
-              "name": "Elevatable",
-              "module": "./../src/Controls/Behaviors/Elevatable.ts"
-            },
-            {
-              "name": "Slottable",
-              "module": "./../src/Controls/Behaviors/Slottable.ts"
             }
           ],
-          "description": "Drawer - A hidden side view or container that can be opened from the side or bottom to display additional content.",
-          "name": "DrawerElement",
+          "description": "Drawer Content - The content or information within a drawer component.",
+          "name": "DrawerContentElement",
           "members": [
             {
               "kind": "field",
-              "name": "isComposed",
-              "privacy": "public",
-              "description": "Gets or sets the `isComposed` property.",
-              "type": "boolean"
-            },
-            {
-              "kind": "field",
-              "name": "header",
+              "name": "opened",
               "privacy": "public",
-              "description": "Gets or sets the `header` property.",
-              "type": "string",
+              "description": "Gets or sets the `opened` property.",
+              "type": "boolean",
               "inheritedFrom": {
-                "name": "IDrawerElementProps",
-                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerElementProps.ts"
+                "name": "IDrawerContentElementProps",
+                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContentElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "subHeader",
+              "name": "themeName",
               "privacy": "public",
-              "description": "Gets or sets the `subHeader` property.",
+              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
               "type": "string",
               "inheritedFrom": {
-                "name": "IDrawerElementProps",
-                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerElementProps.ts"
+                "name": "IThemeableProps",
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "dir",
               "privacy": "public",
-              "description": "Gets or sets the `position` property.",
-              "type": "DrawerPosition",
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
               "inheritedFrom": {
-                "name": "IDrawerElementProps",
-                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerElementProps.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
             {
               "kind": "field",
-              "name": "mode",
+              "name": "lang",
               "privacy": "public",
-              "description": "Gets or sets the `mode` property.",
-              "type": "DrawerMode",
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
               "inheritedFrom": {
-                "name": "IDrawerElementProps",
-                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerElementProps.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
             {
               "kind": "field",
-              "name": "hasShadow",
+              "name": "changed",
               "privacy": "public",
-              "description": "Gets or sets the `hasShadow` property.",
-              "type": "boolean",
+              "description": "Called when the element will be updated.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<IPropertyChangedEventDetail>",
               "inheritedFrom": {
-                "name": "IDrawerElementProps",
-                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerElementProps.ts"
+                "name": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
               }
             },
             {
               "kind": "field",
-              "name": "themeName",
+              "name": "connected",
               "privacy": "public",
-              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
-              "type": "string",
+              "description": "Called when the element is connected to the DOM.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<void>",
               "inheritedFrom": {
-                "name": "IThemeableProps",
-                "module": "./../src/Controls/Behaviors/Themeable.ts"
+                "name": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
               }
             },
             {
               "kind": "field",
-              "name": "animationTarget",
+              "name": "disconnected",
               "privacy": "public",
-              "description": "Gets the animation target element.\nFor the drawer, animations are applied to the root template part instead of the host element.",
-              "type": "HTMLElement",
+              "description": "Called when the element is disconnected from the DOM.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<void>",
               "inheritedFrom": {
-                "name": "Animatable",
-                "module": "./../src/Controls/Behaviors/Animatable.ts"
+                "name": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "enter",
+              "kind": "method",
+              "name": "adoptStyle",
               "privacy": "public",
-              "description": "Gets or sets the `enter` animation property.\nThe default value is `null`, which means no animation is applied.",
-              "type": "IAnimationReferenceMetadata | null",
+              "type": "(styles: CSSResultGroup): void",
+              "description": "Adopts the specified styles.",
+              "parameters": [
+                {
+                  "name": "styles",
+                  "type": "CSSResultGroup",
+                  "description": "The styles to adopt."
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
               "inheritedFrom": {
-                "name": "IAnimatableProps",
-                "module": "./../src/Controls/Behaviors/Animatable.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "exit",
+              "kind": "method",
+              "name": "on",
               "privacy": "public",
-              "description": "Gets or sets the `exit` animation property.\nThe default value is `null`, which means no animation is applied.",
-              "type": "IAnimationReferenceMetadata | null",
+              "type": "<TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): unknown, options?: boolean | AddEventListenerOptions | undefined) => IEventListenerSubscription",
+              "description": "Adds an event listener.\nThe listener will be removed when the element is disconnected from the DOM.",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": "TEvent"
+                },
+                {
+                  "name": "listener",
+                  "type": "(this: HTMLElement, event: HTMLElementEventMap[TEvent]) => unknown"
+                },
+                {
+                  "name": "options",
+                  "type": "boolean | AddEventListenerOptions"
+                }
+              ],
+              "return": {
+                "type": "IEventListenerSubscription"
+              },
               "inheritedFrom": {
-                "name": "IAnimatableProps",
-                "module": "./../src/Controls/Behaviors/Animatable.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "width",
+              "kind": "method",
+              "name": "off",
               "privacy": "public",
-              "description": "Gets or sets the `width` property.\nThe default value is `auto`, which means the width is determined by the content.",
-              "type": "CssLength",
+              "type": "{ (subscription: IEventListenerSubscription): void; <TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): unknown): void; }",
+              "description": "Removes an event listener.",
+              "parameters": [
+                {
+                  "name": "subscription",
+                  "type": "IEventListenerSubscription"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
               "inheritedFrom": {
-                "name": "Dimensionable",
-                "module": "./../src/Controls/Behaviors/Dimensionable.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "height",
+              "kind": "method",
+              "name": "emit",
               "privacy": "public",
-              "description": "Gets or sets the `height` property.\nThe default value is `auto`, which means the height is determined by the content.",
-              "type": "CssLength",
+              "type": "{ <TEvent extends Event, TDetail extends UnpackCustomEvent<TEvent>>(event: TEvent, eventInitDict?: CustomEventInit<TDetail> | undefined): boolean; <TEvent extends keyof HTMLElementEventMap, TDetail extends UnpackCustomEvent<HTMLElementEventMap[TEvent]>>(type: keyof HTMLElementEventMap, eventInitDict?: CustomEventIni...",
+              "description": "Emits a custom event with more convenient defaults.",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": "TEvent"
+                },
+                {
+                  "name": "eventInitDict",
+                  "type": "CustomEventInit<TDetail>"
+                }
+              ],
+              "return": {
+                "type": "boolean"
+              },
               "inheritedFrom": {
-                "name": "Dimensionable",
-                "module": "./../src/Controls/Behaviors/Dimensionable.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "elevation",
+              "kind": "method",
+              "name": "requestUpdate",
               "privacy": "public",
-              "description": "Gets or sets the `elevation` property.\nThe default value is `none`, which means the element has no elevation.",
-              "type": "ElevationWeight",
+              "type": "(name?: keyof this | undefined, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown> | undefined): void",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": "keyof this"
+                },
+                {
+                  "name": "oldValue",
+                  "type": "unknown"
+                },
+                {
+                  "name": "options",
+                  "type": "PropertyDeclaration<unknown, unknown>"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
               "inheritedFrom": {
-                "name": "Elevatable",
-                "module": "./../src/Controls/Behaviors/Elevatable.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
-            },
+            }
+          ],
+          "tagName": "mosaik-drawer-content",
+          "events": [
             {
-              "kind": "field",
-              "name": "isOpen",
-              "privacy": "public",
-              "description": "Gets or sets the `isOpen` property.",
-              "type": "boolean",
+              "description": "Called when the element is connected to the DOM.",
+              "name": "connected",
               "inheritedFrom": {
-                "name": "IOverlayElementProps",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
-              }
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
             },
             {
-              "kind": "field",
-              "name": "hasBackdrop",
-              "privacy": "public",
-              "description": "Gets or sets the `hasBackdrop` property.",
-              "type": "boolean",
+              "description": "Called when the element is disconnected from the DOM.",
+              "name": "disconnected",
               "inheritedFrom": {
-                "name": "IOverlayElementProps",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
-              }
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
             },
             {
-              "kind": "field",
-              "name": "pressEscapeToClose",
-              "privacy": "public",
-              "description": "Gets or sets the `pressEscapeToClose` property.",
-              "type": "boolean",
+              "description": "Called when the element will be updated.",
+              "name": "changed",
               "inheritedFrom": {
-                "name": "IOverlayElementProps",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
-              }
-            },
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "slots": [
             {
-              "kind": "field",
-              "name": "clickOutsideToClose",
-              "privacy": "public",
-              "description": "Gets or sets the `clickOutsideToClose` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IOverlayElementProps",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
-              }
-            },
+              "description": "The default content element.",
+              "name": ""
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
               "name": "opened",
-              "privacy": "public",
-              "description": "Called when the `open` method is called.\nProvides reference to the `ICancelEventDetail` as event argument.",
-              "type": "IEventEmitter<ICancelEventDetail<HTMLElement>>",
-              "inheritedFrom": {
-                "name": "IOpenableEvents",
-                "module": "./../src/Controls/Behaviors/Openable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "closeable",
-              "privacy": "public",
-              "description": "Gets or sets the `closeable` property.\nThe default value is `false`, which means the element is not closeable.",
+              "fieldName": "opened",
+              "description": "Gets or sets the `opened` property.",
               "type": "boolean",
               "inheritedFrom": {
-                "name": "Closeable",
-                "module": "./../src/Controls/Behaviors/Closeable.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "closed",
-              "privacy": "public",
-              "description": "Called when the `close` method is called.\nProvides reference to the `ICancelEventDetail` as event argument.",
-              "type": "IEventEmitter<ICancelEventDetail<HTMLElement>>",
-              "inheritedFrom": {
-                "name": "ICloseableEvents",
-                "module": "./../src/Controls/Behaviors/Closeable.ts"
+                "name": "IDrawerContentElementProps",
+                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerContentElementProps.ts"
               }
             },
             {
-              "kind": "field",
               "name": "dir",
-              "privacy": "public",
+              "fieldName": "dir",
               "description": "Gets or sets the `dir` property.",
               "type": "FlowDirection",
               "inheritedFrom": {
@@ -88154,26 +88236,309 @@
               }
             },
             {
-              "kind": "field",
               "name": "lang",
-              "privacy": "public",
+              "fieldName": "lang",
               "description": "Gets or sets the `lang` property.",
               "type": "string",
               "inheritedFrom": {
                 "name": "CustomElement",
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Overlays/Drawer/DrawerElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-drawer",
+          "declaration": {
+            "name": "DrawerElement",
+            "module": "./../src/Controls/Components/Overlays/Drawer/DrawerElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "OverlayElement",
+            "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Animatable",
+              "module": "./../src/Controls/Behaviors/Animatable.ts"
+            },
+            {
+              "name": "Dimensionable",
+              "module": "./../src/Controls/Behaviors/Dimensionable.ts"
+            },
+            {
+              "name": "Elevatable",
+              "module": "./../src/Controls/Behaviors/Elevatable.ts"
             },
+            {
+              "name": "Slottable",
+              "module": "./../src/Controls/Behaviors/Slottable.ts"
+            }
+          ],
+          "description": "Drawer - A hidden side view or container that can be opened from the side or bottom to display additional content.",
+          "name": "DrawerElement",
+          "members": [
             {
               "kind": "field",
-              "name": "changed",
+              "name": "isComposed",
               "privacy": "public",
-              "description": "Called when the element will be updated.\nProvides reference to `IEventEmitter` as event argument.",
-              "type": "IEventEmitter<IPropertyChangedEventDetail>",
-              "inheritedFrom": {
-                "name": "ICustomElementEvents",
-                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
-              }
+              "description": "Gets or sets the `isComposed` property.",
+              "type": "boolean"
+            },
+            {
+              "kind": "field",
+              "name": "header",
+              "privacy": "public",
+              "description": "Gets or sets the `header` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IDrawerElementProps",
+                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "subHeader",
+              "privacy": "public",
+              "description": "Gets or sets the `subHeader` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IDrawerElementProps",
+                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "privacy": "public",
+              "description": "Gets or sets the `position` property.",
+              "type": "DrawerPosition",
+              "inheritedFrom": {
+                "name": "IDrawerElementProps",
+                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "privacy": "public",
+              "description": "Gets or sets the `mode` property.",
+              "type": "DrawerMode",
+              "inheritedFrom": {
+                "name": "IDrawerElementProps",
+                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasShadow",
+              "privacy": "public",
+              "description": "Gets or sets the `hasShadow` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IDrawerElementProps",
+                "module": "./../src/Controls/Components/Overlays/Drawer/IDrawerElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "themeName",
+              "privacy": "public",
+              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IThemeableProps",
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "animationTarget",
+              "privacy": "public",
+              "description": "Gets the animation target element.\nFor the drawer, animations are applied to the root template part instead of the host element.",
+              "type": "HTMLElement",
+              "inheritedFrom": {
+                "name": "Animatable",
+                "module": "./../src/Controls/Behaviors/Animatable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "enter",
+              "privacy": "public",
+              "description": "Gets or sets the `enter` animation property.\nThe default value is `null`, which means no animation is applied.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "name": "IAnimatableProps",
+                "module": "./../src/Controls/Behaviors/Animatable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "exit",
+              "privacy": "public",
+              "description": "Gets or sets the `exit` animation property.\nThe default value is `null`, which means no animation is applied.",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "name": "IAnimatableProps",
+                "module": "./../src/Controls/Behaviors/Animatable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "privacy": "public",
+              "description": "Gets or sets the `width` property.\nThe default value is `auto`, which means the width is determined by the content.",
+              "type": "CssLength",
+              "inheritedFrom": {
+                "name": "Dimensionable",
+                "module": "./../src/Controls/Behaviors/Dimensionable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "privacy": "public",
+              "description": "Gets or sets the `height` property.\nThe default value is `auto`, which means the height is determined by the content.",
+              "type": "CssLength",
+              "inheritedFrom": {
+                "name": "Dimensionable",
+                "module": "./../src/Controls/Behaviors/Dimensionable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "elevation",
+              "privacy": "public",
+              "description": "Gets or sets the `elevation` property.\nThe default value is `none`, which means the element has no elevation.",
+              "type": "ElevationWeight",
+              "inheritedFrom": {
+                "name": "Elevatable",
+                "module": "./../src/Controls/Behaviors/Elevatable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isOpen",
+              "privacy": "public",
+              "description": "Gets or sets the `isOpen` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IOverlayElementProps",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasBackdrop",
+              "privacy": "public",
+              "description": "Gets or sets the `hasBackdrop` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IOverlayElementProps",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "pressEscapeToClose",
+              "privacy": "public",
+              "description": "Gets or sets the `pressEscapeToClose` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IOverlayElementProps",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "clickOutsideToClose",
+              "privacy": "public",
+              "description": "Gets or sets the `clickOutsideToClose` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IOverlayElementProps",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "opened",
+              "privacy": "public",
+              "description": "Called when the `open` method is called.\nProvides reference to the `ICancelEventDetail` as event argument.",
+              "type": "IEventEmitter<ICancelEventDetail<HTMLElement>>",
+              "inheritedFrom": {
+                "name": "IOpenableEvents",
+                "module": "./../src/Controls/Behaviors/Openable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closeable",
+              "privacy": "public",
+              "description": "Gets or sets the `closeable` property.\nThe default value is `false`, which means the element is not closeable.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Closeable",
+                "module": "./../src/Controls/Behaviors/Closeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closed",
+              "privacy": "public",
+              "description": "Called when the `close` method is called.\nProvides reference to the `ICancelEventDetail` as event argument.",
+              "type": "IEventEmitter<ICancelEventDetail<HTMLElement>>",
+              "inheritedFrom": {
+                "name": "ICloseableEvents",
+                "module": "./../src/Controls/Behaviors/Closeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "privacy": "public",
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "privacy": "public",
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "changed",
+              "privacy": "public",
+              "description": "Called when the element will be updated.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<IPropertyChangedEventDetail>",
+              "inheritedFrom": {
+                "name": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
+              }
             },
             {
               "kind": "field",
@@ -88529,12 +88894,20 @@
           ],
           "slots": [
             {
-              "description": "The default content element.",
+              "description": "The header content slot.",
+              "name": "header"
+            },
+            {
+              "description": "The default content slot.",
               "name": ""
             },
             {
-              "description": "The header end content element.",
-              "name": "end"
+              "description": "The actions content slot.",
+              "name": "actions"
+            },
+            {
+              "description": "The footer content slot.",
+              "name": "footer"
             }
           ],
           "attributes": [
@@ -90261,12 +90634,6 @@
             }
           ]
         },
-        {
-          "kind": "variable",
-          "name": "DRAWER_STACKED_CLASS",
-          "description": "CSS class name applied to drawers that are stacked (have another drawer on top).",
-          "type": "\"stacked\""
-        },
         {
           "kind": "variable",
           "name": "DRAWER_REGISTRY",
@@ -90275,7 +90642,7 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Overlays/Drawer/DrawerStackBehavior.ts",
+      "path": "./../src/Controls/Components/Overlays/Drawer/behaviors/DrawerStackBehavior.ts",
       "exports": [
         {
           "kind": "class",
@@ -90294,7 +90661,7 @@
               "name": "config",
               "privacy": "public",
               "description": "Returns the current stack configuration.",
-              "type": "Readonly<IDrawerStackConfig>"
+              "type": "Readonly<IDrawerStackBehaviorConfig>"
             },
             {
               "kind": "field",
@@ -90307,13 +90674,12 @@
               "kind": "method",
               "name": "configure",
               "privacy": "public",
-              "type": "(options: Partial<IDrawerOptions>): void",
+              "type": "(_options: Partial<IDrawerOptions>): void",
               "description": "Configures the drawer options before opening.\nCalculates the appropriate width based on stack position.",
               "parameters": [
                 {
-                  "name": "options",
-                  "type": "Partial<IDrawerOptions>",
-                  "description": "The drawer options to configure."
+                  "name": "_options",
+                  "type": "Partial<IDrawerOptions>"
                 }
               ],
               "return": {
@@ -106330,18 +106696,333 @@
               }
             },
             {
-              "name": "showSizes",
-              "fieldName": "showSizes",
-              "description": "Gets or sets the `showSizes` property.",
-              "type": "boolean",
+              "name": "showSizes",
+              "fieldName": "showSizes",
+              "description": "Gets or sets the `showSizes` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IPaginatorElementProps",
+                "module": "./../src/Controls/Components/Primitives/Paginator/IPaginatorElementProps.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "description": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Disableable",
+                "module": "./../src/Controls/Behaviors/Disableable.ts"
+              }
+            },
+            {
+              "name": "variant",
+              "fieldName": "variant",
+              "description": "Determines the visual appearance (color) of the element.\nThe default value is `default`, which means the element will use the default variant.",
+              "type": "Variant",
+              "inheritedFrom": {
+                "name": "Variantable",
+                "module": "./../src/Controls/Behaviors/Variantable.ts"
+              }
+            },
+            {
+              "name": "appearance",
+              "fieldName": "appearance",
+              "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
+              "type": "Appearance",
+              "inheritedFrom": {
+                "name": "Appearanceable",
+                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+              }
+            },
+            {
+              "name": "dir",
+              "fieldName": "dir",
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "fieldName": "lang",
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--paginator-font-family",
+              "description": "The font-family property for the paginator text.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-font-size",
+              "description": "The font-size property for the paginator text.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-font-line-height",
+              "description": "The line-height property for the paginator text.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-font-weight",
+              "description": "The font-weight property for the paginator text.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-font-letter-spacing",
+              "description": "The letter-spacing property for the paginator text.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-font-text-decoration",
+              "description": "The text-decoration property for the paginator text.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-font-text-transform",
+              "description": "The text-transform property for the paginator text.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-background-color",
+              "description": "The background-color property for the paginator.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-border-color",
+              "description": "The border-color property for the paginator.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-foreground-color",
+              "description": "The foreground-color property for the paginator.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-border-width",
+              "description": "The border-width property for the paginator.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-border-radius",
+              "description": "The border-radius property for the paginator.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-border-style",
+              "description": "The border-style property for the paginator.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-shadow",
+              "description": "The shadow property for the paginator.",
+              "type": "unknown"
+            },
+            {
+              "name": "--paginator-gap",
+              "description": "The gap property between paginator elements.",
+              "type": "unknown"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Primitives/Paginator/PaginatorElementIntl.ts",
+      "exports": [
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "ElementIntlBase",
+            "module": "./../src/Intl/Abstracts/ElementIntlBase.ts"
+          },
+          "description": "The `PaginatorElementIntl` class.",
+          "name": "PaginatorElementIntl",
+          "members": [
+            {
+              "kind": "field",
+              "name": "locale",
+              "privacy": "public",
+              "description": "Gets or sets the `locale` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "ElementIntlBase",
+                "module": "./../src/Intl/Abstracts/ElementIntlBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "changes",
+              "privacy": "public",
+              "description": "Stream to emit from when labels are changed. Use this to notify components when the labels have\nchanged after initialization.",
+              "type": "IEventEmitter<void>",
+              "inheritedFrom": {
+                "name": "ElementIntlBase",
+                "module": "./../src/Intl/Abstracts/ElementIntlBase.ts"
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Primitives/Popup/PopupElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-popup",
+          "declaration": {
+            "name": "PopupElement",
+            "module": "./../src/Controls/Components/Primitives/Popup/PopupElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Appearanceable",
+              "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+            },
+            {
+              "name": "Variantable",
+              "module": "./../src/Controls/Behaviors/Variantable.ts"
+            },
+            {
+              "name": "Disableable",
+              "module": "./../src/Controls/Behaviors/Disableable.ts"
+            },
+            {
+              "name": "Attachable",
+              "module": "./../src/Controls/Behaviors/Attachable.ts"
+            },
+            {
+              "name": "Elevatable",
+              "module": "./../src/Controls/Behaviors/Elevatable.ts"
+            }
+          ],
+          "description": "Popup - A transient dialog or window that appears on top of other content.",
+          "name": "PopupElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "verticalOffset",
+              "privacy": "public",
+              "description": "Gets or sets the `verticalOffset` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IPopupElementProps",
+                "module": "./../src/Controls/Components/Primitives/Popup/IPopupElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "horizontalOffset",
+              "privacy": "public",
+              "description": "Gets or sets the `horizontalOffset` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IPopupElementProps",
+                "module": "./../src/Controls/Components/Primitives/Popup/IPopupElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "staysOpen",
+              "privacy": "public",
+              "description": "Gets or sets the `staysOpen` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IPopupElementProps",
+                "module": "./../src/Controls/Components/Primitives/Popup/IPopupElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "privacy": "public",
+              "description": "Gets or sets the `placement` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IPopupElementProps",
+                "module": "./../src/Controls/Components/Primitives/Popup/IPopupElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isOpen",
+              "privacy": "public",
+              "description": "Gets or sets the `isOpen` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IPopupElementProps",
+                "module": "./../src/Controls/Components/Primitives/Popup/IPopupElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "openTrigger",
+              "privacy": "public",
+              "description": "Gets or sets the `openTrigger` property.",
+              "type": "Trigger",
+              "inheritedFrom": {
+                "name": "IPopupElementProps",
+                "module": "./../src/Controls/Components/Primitives/Popup/IPopupElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "themeName",
+              "privacy": "public",
+              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IThemeableProps",
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "privacy": "public",
+              "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
+              "type": "Appearance",
+              "inheritedFrom": {
+                "name": "Appearanceable",
+                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "privacy": "public",
+              "description": "Determines the visual appearance (color) of the element.\nThe default value is `default`, which means the element will use the default variant.",
+              "type": "Variant",
               "inheritedFrom": {
-                "name": "IPaginatorElementProps",
-                "module": "./../src/Controls/Components/Primitives/Paginator/IPaginatorElementProps.ts"
+                "name": "Variantable",
+                "module": "./../src/Controls/Behaviors/Variantable.ts"
               }
             },
             {
+              "kind": "field",
               "name": "disabled",
-              "fieldName": "disabled",
+              "privacy": "public",
               "description": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
               "type": "boolean",
               "inheritedFrom": {
@@ -106350,28 +107031,43 @@
               }
             },
             {
-              "name": "variant",
-              "fieldName": "variant",
-              "description": "Determines the visual appearance (color) of the element.\nThe default value is `default`, which means the element will use the default variant.",
-              "type": "Variant",
+              "kind": "field",
+              "name": "for",
+              "privacy": "public",
+              "description": "Reflects the value of the `for` attribute, which is the ID of the element's\nassociated control.\n\nUse this when the elements's associated control is not its parent.\n\nTo manually control an element, set its `for` attribute to `\"\"`.",
+              "type": "string | null",
               "inheritedFrom": {
-                "name": "Variantable",
-                "module": "./../src/Controls/Behaviors/Variantable.ts"
+                "name": "Attachable",
+                "module": "./../src/Controls/Behaviors/Attachable.ts"
               }
             },
             {
-              "name": "appearance",
-              "fieldName": "appearance",
-              "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
-              "type": "Appearance",
+              "kind": "field",
+              "name": "control",
+              "privacy": "public",
+              "description": "The element that controls the visibility of the attachable element. It is\none of:\n\n- The control referenced by the `for` attribute.\n- The control provided to `element.attach(control)`\n- The element's parent.\n- `null` if the element is not controlled.",
+              "type": "HTMLElement | null",
               "inheritedFrom": {
-                "name": "Appearanceable",
-                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+                "name": "Attachable",
+                "module": "./../src/Controls/Behaviors/Attachable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "elevation",
+              "privacy": "public",
+              "description": "Gets or sets the `elevation` property.\nThe default value is `none`, which means the element has no elevation.",
+              "type": "string",
+              "default": "\"Regular\"",
+              "inheritedFrom": {
+                "name": "Elevatable",
+                "module": "./../src/Controls/Behaviors/Elevatable.ts"
               }
             },
             {
+              "kind": "field",
               "name": "dir",
-              "fieldName": "dir",
+              "privacy": "public",
               "description": "Gets or sets the `dir` property.",
               "type": "FlowDirection",
               "inheritedFrom": {
@@ -106380,184 +107076,230 @@
               }
             },
             {
+              "kind": "field",
               "name": "lang",
-              "fieldName": "lang",
+              "privacy": "public",
               "description": "Gets or sets the `lang` property.",
               "type": "string",
               "inheritedFrom": {
                 "name": "CustomElement",
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
-            }
-          ],
-          "cssProperties": [
-            {
-              "name": "--paginator-font-family",
-              "description": "The font-family property for the paginator text.",
-              "type": "unknown"
-            },
-            {
-              "name": "--paginator-font-size",
-              "description": "The font-size property for the paginator text.",
-              "type": "unknown"
-            },
-            {
-              "name": "--paginator-font-line-height",
-              "description": "The line-height property for the paginator text.",
-              "type": "unknown"
             },
             {
-              "name": "--paginator-font-weight",
-              "description": "The font-weight property for the paginator text.",
-              "type": "unknown"
-            },
-            {
-              "name": "--paginator-font-letter-spacing",
-              "description": "The letter-spacing property for the paginator text.",
-              "type": "unknown"
-            },
-            {
-              "name": "--paginator-font-text-decoration",
-              "description": "The text-decoration property for the paginator text.",
-              "type": "unknown"
-            },
-            {
-              "name": "--paginator-font-text-transform",
-              "description": "The text-transform property for the paginator text.",
-              "type": "unknown"
+              "kind": "field",
+              "name": "changed",
+              "privacy": "public",
+              "description": "Called when the element will be updated.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<IPropertyChangedEventDetail>",
+              "inheritedFrom": {
+                "name": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
+              }
             },
             {
-              "name": "--paginator-background-color",
-              "description": "The background-color property for the paginator.",
-              "type": "unknown"
+              "kind": "field",
+              "name": "connected",
+              "privacy": "public",
+              "description": "Called when the element is connected to the DOM.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<void>",
+              "inheritedFrom": {
+                "name": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
+              }
             },
             {
-              "name": "--paginator-border-color",
-              "description": "The border-color property for the paginator.",
-              "type": "unknown"
+              "kind": "field",
+              "name": "disconnected",
+              "privacy": "public",
+              "description": "Called when the element is disconnected from the DOM.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<void>",
+              "inheritedFrom": {
+                "name": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
+              }
             },
             {
-              "name": "--paginator-foreground-color",
-              "description": "The foreground-color property for the paginator.",
-              "type": "unknown"
+              "kind": "method",
+              "name": "attach",
+              "privacy": "public",
+              "type": "(control: string | HTMLElement): void",
+              "description": "Attaches the element to an interactive control.",
+              "parameters": [],
+              "return": {},
+              "inheritedFrom": {
+                "name": "IAttachable",
+                "module": "./../src/Controls/Behaviors/Attachable.ts"
+              }
             },
             {
-              "name": "--paginator-border-width",
-              "description": "The border-width property for the paginator.",
-              "type": "unknown"
+              "kind": "method",
+              "name": "detach",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Detaches the element from its current control.",
+              "parameters": [],
+              "return": {},
+              "inheritedFrom": {
+                "name": "IAttachable",
+                "module": "./../src/Controls/Behaviors/Attachable.ts"
+              }
             },
             {
-              "name": "--paginator-border-radius",
-              "description": "The border-radius property for the paginator.",
-              "type": "unknown"
+              "kind": "method",
+              "name": "adoptStyle",
+              "privacy": "public",
+              "type": "(styles: CSSResultGroup): void",
+              "description": "Adopts the specified styles.",
+              "parameters": [
+                {
+                  "name": "styles",
+                  "type": "CSSResultGroup",
+                  "description": "The styles to adopt."
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
             },
             {
-              "name": "--paginator-border-style",
-              "description": "The border-style property for the paginator.",
-              "type": "unknown"
+              "kind": "method",
+              "name": "on",
+              "privacy": "public",
+              "type": "<TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): unknown, options?: boolean | AddEventListenerOptions | undefined) => IEventListenerSubscription",
+              "description": "Adds an event listener.\nThe listener will be removed when the element is disconnected from the DOM.",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": "TEvent"
+                },
+                {
+                  "name": "listener",
+                  "type": "(this: HTMLElement, event: HTMLElementEventMap[TEvent]) => unknown"
+                },
+                {
+                  "name": "options",
+                  "type": "boolean | AddEventListenerOptions"
+                }
+              ],
+              "return": {
+                "type": "IEventListenerSubscription"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
             },
             {
-              "name": "--paginator-shadow",
-              "description": "The shadow property for the paginator.",
-              "type": "unknown"
+              "kind": "method",
+              "name": "off",
+              "privacy": "public",
+              "type": "{ (subscription: IEventListenerSubscription): void; <TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): unknown): void; }",
+              "description": "Removes an event listener.",
+              "parameters": [
+                {
+                  "name": "subscription",
+                  "type": "IEventListenerSubscription"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
             },
             {
-              "name": "--paginator-gap",
-              "description": "The gap property between paginator elements.",
-              "type": "unknown"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "path": "./../src/Controls/Components/Primitives/Paginator/PaginatorElementIntl.ts",
-      "exports": [
-        {
-          "kind": "class",
-          "superclass": {
-            "name": "ElementIntlBase",
-            "module": "./../src/Intl/Abstracts/ElementIntlBase.ts"
-          },
-          "description": "The `PaginatorElementIntl` class.",
-          "name": "PaginatorElementIntl",
-          "members": [
-            {
-              "kind": "field",
-              "name": "locale",
+              "kind": "method",
+              "name": "emit",
               "privacy": "public",
-              "description": "Gets or sets the `locale` property.",
-              "type": "string",
+              "type": "{ <TEvent extends Event, TDetail extends UnpackCustomEvent<TEvent>>(event: TEvent, eventInitDict?: CustomEventInit<TDetail> | undefined): boolean; <TEvent extends keyof HTMLElementEventMap, TDetail extends UnpackCustomEvent<HTMLElementEventMap[TEvent]>>(type: keyof HTMLElementEventMap, eventInitDict?: CustomEventIni...",
+              "description": "Emits a custom event with more convenient defaults.",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": "TEvent"
+                },
+                {
+                  "name": "eventInitDict",
+                  "type": "CustomEventInit<TDetail>"
+                }
+              ],
+              "return": {
+                "type": "boolean"
+              },
               "inheritedFrom": {
-                "name": "ElementIntlBase",
-                "module": "./../src/Intl/Abstracts/ElementIntlBase.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "changes",
+              "kind": "method",
+              "name": "requestUpdate",
               "privacy": "public",
-              "description": "Stream to emit from when labels are changed. Use this to notify components when the labels have\nchanged after initialization.",
-              "type": "IEventEmitter<void>",
+              "type": "(name?: keyof this | undefined, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown> | undefined): void",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": "keyof this"
+                },
+                {
+                  "name": "oldValue",
+                  "type": "unknown"
+                },
+                {
+                  "name": "options",
+                  "type": "PropertyDeclaration<unknown, unknown>"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
               "inheritedFrom": {
-                "name": "ElementIntlBase",
-                "module": "./../src/Intl/Abstracts/ElementIntlBase.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             }
-          ]
-        }
-      ]
-    },
-    {
-      "path": "./../src/Controls/Components/Primitives/Popup/PopupElement.ts",
-      "exports": [
-        {
-          "kind": "definition",
-          "name": "mosaik-popup",
-          "declaration": {
-            "name": "PopupElement",
-            "module": "./../src/Controls/Components/Primitives/Popup/PopupElement.ts"
-          }
-        },
-        {
-          "kind": "class",
-          "superclass": {
-            "name": "CustomElement",
-            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-          },
-          "mixins": [
-            {
-              "name": "Themeable",
-              "module": "./../src/Controls/Behaviors/Themeable.ts"
-            },
-            {
-              "name": "Appearanceable",
-              "module": "./../src/Controls/Behaviors/Appearanceable.ts"
-            },
-            {
-              "name": "Variantable",
-              "module": "./../src/Controls/Behaviors/Variantable.ts"
-            },
+          ],
+          "tagName": "mosaik-popup",
+          "events": [
             {
-              "name": "Disableable",
-              "module": "./../src/Controls/Behaviors/Disableable.ts"
+              "description": "Called when the element is connected to the DOM.",
+              "name": "connected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
             },
             {
-              "name": "Attachable",
-              "module": "./../src/Controls/Behaviors/Attachable.ts"
+              "description": "Called when the element is disconnected from the DOM.",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
             },
             {
-              "name": "Elevatable",
-              "module": "./../src/Controls/Behaviors/Elevatable.ts"
+              "description": "Called when the element will be updated.",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
             }
           ],
-          "description": "Popup - A transient dialog or window that appears on top of other content.",
-          "name": "PopupElement",
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
               "name": "verticalOffset",
-              "privacy": "public",
+              "fieldName": "verticalOffset",
               "description": "Gets or sets the `verticalOffset` property.",
               "type": "string",
               "inheritedFrom": {
@@ -106566,9 +107308,8 @@
               }
             },
             {
-              "kind": "field",
               "name": "horizontalOffset",
-              "privacy": "public",
+              "fieldName": "horizontalOffset",
               "description": "Gets or sets the `horizontalOffset` property.",
               "type": "string",
               "inheritedFrom": {
@@ -106577,9 +107318,8 @@
               }
             },
             {
-              "kind": "field",
               "name": "staysOpen",
-              "privacy": "public",
+              "fieldName": "staysOpen",
               "description": "Gets or sets the `staysOpen` property.",
               "type": "boolean",
               "inheritedFrom": {
@@ -106588,9 +107328,8 @@
               }
             },
             {
-              "kind": "field",
               "name": "placement",
-              "privacy": "public",
+              "fieldName": "placement",
               "description": "Gets or sets the `placement` property.",
               "type": "string",
               "inheritedFrom": {
@@ -106599,9 +107338,8 @@
               }
             },
             {
-              "kind": "field",
               "name": "isOpen",
-              "privacy": "public",
+              "fieldName": "isOpen",
               "description": "Gets or sets the `isOpen` property.",
               "type": "boolean",
               "inheritedFrom": {
@@ -106610,9 +107348,8 @@
               }
             },
             {
-              "kind": "field",
               "name": "openTrigger",
-              "privacy": "public",
+              "fieldName": "openTrigger",
               "description": "Gets or sets the `openTrigger` property.",
               "type": "Trigger",
               "inheritedFrom": {
@@ -106621,81 +107358,181 @@
               }
             },
             {
-              "kind": "field",
-              "name": "themeName",
-              "privacy": "public",
-              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
+              "name": "appearance",
+              "fieldName": "appearance",
+              "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
+              "type": "Appearance",
+              "inheritedFrom": {
+                "name": "Appearanceable",
+                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+              }
+            },
+            {
+              "name": "variant",
+              "fieldName": "variant",
+              "description": "Determines the visual appearance (color) of the element.\nThe default value is `default`, which means the element will use the default variant.",
+              "type": "Variant",
+              "inheritedFrom": {
+                "name": "Variantable",
+                "module": "./../src/Controls/Behaviors/Variantable.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "description": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Disableable",
+                "module": "./../src/Controls/Behaviors/Disableable.ts"
+              }
+            },
+            {
+              "name": "for",
+              "fieldName": "for",
+              "description": "Reflects the value of the `for` attribute, which is the ID of the element's\nassociated control.\n\nUse this when the elements's associated control is not its parent.\n\nTo manually control an element, set its `for` attribute to `\"\"`.",
+              "type": "string | null",
+              "inheritedFrom": {
+                "name": "Attachable",
+                "module": "./../src/Controls/Behaviors/Attachable.ts"
+              }
+            },
+            {
+              "name": "elevation",
+              "fieldName": "elevation",
+              "defaultValue": "\"Regular\"",
+              "description": "Gets or sets the `elevation` property.\nThe default value is `none`, which means the element has no elevation.",
               "type": "string",
               "inheritedFrom": {
-                "name": "IThemeableProps",
-                "module": "./../src/Controls/Behaviors/Themeable.ts"
+                "name": "Elevatable",
+                "module": "./../src/Controls/Behaviors/Elevatable.ts"
+              }
+            },
+            {
+              "name": "dir",
+              "fieldName": "dir",
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
+            {
+              "name": "lang",
+              "fieldName": "lang",
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Primitives/Portal/Portal.ts",
+      "exports": [
+        {
+          "kind": "class",
+          "description": "Represents the `Portal` class.",
+          "name": "Portal"
+        },
+        {
+          "kind": "class",
+          "name": "LayerManager"
+        },
+        {
+          "kind": "variable",
+          "name": "PORTAL_HOST_REGISTRY",
+          "type": "Map<string, PortalHostElement>"
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Primitives/Portal/PortalElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-portal",
+          "declaration": {
+            "name": "PortalElement",
+            "module": "./../src/Controls/Components/Primitives/Portal/PortalElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Slottable",
+              "module": "./../src/Controls/Behaviors/Slottable.ts"
+            }
+          ],
+          "description": "Portal - A mechanism to render content outside its parent component's DOM hierarchy.",
+          "name": "PortalElement",
+          "members": [
             {
               "kind": "field",
-              "name": "appearance",
+              "name": "isProjected",
               "privacy": "public",
-              "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
-              "type": "Appearance",
-              "inheritedFrom": {
-                "name": "Appearanceable",
-                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
-              }
+              "description": "Gets or sets the `isProjected` property.",
+              "type": "boolean"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "projection",
               "privacy": "public",
-              "description": "Determines the visual appearance (color) of the element.\nThe default value is `default`, which means the element will use the default variant.",
-              "type": "Variant",
-              "inheritedFrom": {
-                "name": "Variantable",
-                "module": "./../src/Controls/Behaviors/Variantable.ts"
-              }
+              "description": "Gets the `projection` property.",
+              "type": "PortalProjectionElement | null"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "attached",
               "privacy": "public",
-              "description": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
-              "type": "boolean",
+              "description": "Called when a projection is attached to the DOM.\nProvides reference to `IPortalAttachedEventDetail` as event argument.",
+              "type": "IEventEmitter<IPortalAttachedEventDetail>",
               "inheritedFrom": {
-                "name": "Disableable",
-                "module": "./../src/Controls/Behaviors/Disableable.ts"
+                "name": "IPortalElementEvents",
+                "module": "./../src/Controls/Components/Primitives/Portal/PortalElement.ts"
               }
             },
             {
               "kind": "field",
-              "name": "for",
+              "name": "detached",
               "privacy": "public",
-              "description": "Reflects the value of the `for` attribute, which is the ID of the element's\nassociated control.\n\nUse this when the elements's associated control is not its parent.\n\nTo manually control an element, set its `for` attribute to `\"\"`.",
-              "type": "string | null",
+              "description": "Called when a projection is detached from the DOM.\nProvides reference to `IPortalDetachedEventDetail` as event argument.",
+              "type": "IEventEmitter<IPortalDetachedEventDetail>",
               "inheritedFrom": {
-                "name": "Attachable",
-                "module": "./../src/Controls/Behaviors/Attachable.ts"
+                "name": "IPortalElementEvents",
+                "module": "./../src/Controls/Components/Primitives/Portal/PortalElement.ts"
               }
             },
             {
               "kind": "field",
-              "name": "control",
+              "name": "destination",
               "privacy": "public",
-              "description": "The element that controls the visibility of the attachable element. It is\none of:\n\n- The control referenced by the `for` attribute.\n- The control provided to `element.attach(control)`\n- The element's parent.\n- `null` if the element is not controlled.",
-              "type": "HTMLElement | null",
+              "description": "Gets or sets the `destination` property.",
+              "type": "string | Element",
               "inheritedFrom": {
-                "name": "Attachable",
-                "module": "./../src/Controls/Behaviors/Attachable.ts"
+                "name": "IPortalElementProps",
+                "module": "./../src/Controls/Components/Primitives/Portal/IPortalElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "elevation",
+              "name": "adoptedStyles",
               "privacy": "public",
-              "description": "Gets or sets the `elevation` property.\nThe default value is `none`, which means the element has no elevation.",
-              "type": "string",
-              "default": "\"Regular\"",
+              "description": "Gets or sets the `adoptedStyles` property.",
+              "type": "CSSStyleSheet[] | undefined",
               "inheritedFrom": {
-                "name": "Elevatable",
-                "module": "./../src/Controls/Behaviors/Elevatable.ts"
+                "name": "IPortalElementProps",
+                "module": "./../src/Controls/Components/Primitives/Portal/IPortalElementProps.ts"
               }
             },
             {
@@ -106755,28 +107592,91 @@
             },
             {
               "kind": "method",
-              "name": "attach",
+              "name": "onSlotChanges",
               "privacy": "public",
-              "type": "(control: string | HTMLElement): void",
-              "description": "Attaches the element to an interactive control.",
+              "type": "(slotName?: string | undefined): void",
+              "description": "Called when the slot changes.\nThis method is a hook that can be overridden.",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": "string"
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "assignToSlot",
+              "privacy": "public",
+              "type": "(slotName: string, node: Element | Text): void",
+              "description": "Assigns nodes to a dedicated slot.",
               "parameters": [],
               "return": {},
               "inheritedFrom": {
-                "name": "IAttachable",
-                "module": "./../src/Controls/Behaviors/Attachable.ts"
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
             {
               "kind": "method",
-              "name": "detach",
+              "name": "getSlotAssignments",
               "privacy": "public",
-              "type": "(): void",
-              "description": "Detaches the element from its current control.",
+              "type": "<T extends Element = Element>(slotName: string, filter?: ((e: T): boolean) | undefined) => T[]",
+              "description": "Returns the assigned elements of a slot.",
               "parameters": [],
-              "return": {},
+              "return": {
+                "description": "The assigned elements of a slot."
+              },
               "inheritedFrom": {
-                "name": "IAttachable",
-                "module": "./../src/Controls/Behaviors/Attachable.ts"
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSlotAssignmentsOf",
+              "privacy": "public",
+              "type": "<T extends Element = Element>(slotName: string, element: Constructor<T>): T[]",
+              "description": "Returns the assigned elements of a slot with a specific element type.",
+              "parameters": [],
+              "return": {
+                "description": "The assigned elements of a slot."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasSlotContent",
+              "privacy": "public",
+              "type": "(slotName: string): boolean",
+              "description": "Returns a boolean that indicates if a slot has content.",
+              "parameters": [],
+              "return": {
+                "description": "A boolean that indicates if a slot has content."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasSlot",
+              "privacy": "public",
+              "type": "(slotName: string): boolean",
+              "description": "Returns a boolean that indicates if a slot exists.",
+              "parameters": [],
+              "return": {
+                "description": "A boolean that indicates if a slot exists."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
             {
@@ -106900,146 +107800,61 @@
               }
             }
           ],
-          "tagName": "mosaik-popup",
+          "tagName": "mosaik-portal",
           "events": [
             {
-              "description": "Called when the element is connected to the DOM.",
-              "name": "connected",
-              "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-              },
-              "type": "CustomEvent"
+              "description": "Fired when the portal is attached to the DOM.",
+              "name": "portalAttached",
+              "type": "Event"
             },
             {
-              "description": "Called when the element is disconnected from the DOM.",
-              "name": "disconnected",
-              "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-              },
-              "type": "CustomEvent"
+              "description": "Fired when the portal is detached from the DOM.",
+              "name": "portalDetached",
+              "type": "Event"
             },
             {
-              "description": "Called when the element will be updated.",
-              "name": "changed",
+              "description": "Called when the element is connected to the DOM.",
+              "name": "connected",
               "inheritedFrom": {
                 "name": "CustomElement",
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-              },
-              "type": "Event"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "verticalOffset",
-              "fieldName": "verticalOffset",
-              "description": "Gets or sets the `verticalOffset` property.",
-              "type": "string",
-              "inheritedFrom": {
-                "name": "IPopupElementProps",
-                "module": "./../src/Controls/Components/Primitives/Popup/IPopupElementProps.ts"
-              }
-            },
-            {
-              "name": "horizontalOffset",
-              "fieldName": "horizontalOffset",
-              "description": "Gets or sets the `horizontalOffset` property.",
-              "type": "string",
-              "inheritedFrom": {
-                "name": "IPopupElementProps",
-                "module": "./../src/Controls/Components/Primitives/Popup/IPopupElementProps.ts"
-              }
-            },
-            {
-              "name": "staysOpen",
-              "fieldName": "staysOpen",
-              "description": "Gets or sets the `staysOpen` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IPopupElementProps",
-                "module": "./../src/Controls/Components/Primitives/Popup/IPopupElementProps.ts"
-              }
-            },
-            {
-              "name": "placement",
-              "fieldName": "placement",
-              "description": "Gets or sets the `placement` property.",
-              "type": "string",
-              "inheritedFrom": {
-                "name": "IPopupElementProps",
-                "module": "./../src/Controls/Components/Primitives/Popup/IPopupElementProps.ts"
-              }
-            },
-            {
-              "name": "isOpen",
-              "fieldName": "isOpen",
-              "description": "Gets or sets the `isOpen` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IPopupElementProps",
-                "module": "./../src/Controls/Components/Primitives/Popup/IPopupElementProps.ts"
-              }
-            },
-            {
-              "name": "openTrigger",
-              "fieldName": "openTrigger",
-              "description": "Gets or sets the `openTrigger` property.",
-              "type": "Trigger",
-              "inheritedFrom": {
-                "name": "IPopupElementProps",
-                "module": "./../src/Controls/Components/Primitives/Popup/IPopupElementProps.ts"
-              }
-            },
-            {
-              "name": "appearance",
-              "fieldName": "appearance",
-              "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
-              "type": "Appearance",
-              "inheritedFrom": {
-                "name": "Appearanceable",
-                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
-              }
-            },
-            {
-              "name": "variant",
-              "fieldName": "variant",
-              "description": "Determines the visual appearance (color) of the element.\nThe default value is `default`, which means the element will use the default variant.",
-              "type": "Variant",
-              "inheritedFrom": {
-                "name": "Variantable",
-                "module": "./../src/Controls/Behaviors/Variantable.ts"
-              }
+              },
+              "type": "CustomEvent"
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "description": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
-              "type": "boolean",
+              "description": "Called when the element is disconnected from the DOM.",
+              "name": "disconnected",
               "inheritedFrom": {
-                "name": "Disableable",
-                "module": "./../src/Controls/Behaviors/Disableable.ts"
-              }
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
             },
             {
-              "name": "for",
-              "fieldName": "for",
-              "description": "Reflects the value of the `for` attribute, which is the ID of the element's\nassociated control.\n\nUse this when the elements's associated control is not its parent.\n\nTo manually control an element, set its `for` attribute to `\"\"`.",
-              "type": "string | null",
+              "description": "Called when the element will be updated.",
+              "name": "changed",
               "inheritedFrom": {
-                "name": "Attachable",
-                "module": "./../src/Controls/Behaviors/Attachable.ts"
-              }
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "isProjected",
+              "fieldName": "isProjected",
+              "description": "Gets or sets the `isProjected` property.",
+              "type": "boolean"
             },
             {
-              "name": "elevation",
-              "fieldName": "elevation",
-              "defaultValue": "\"Regular\"",
-              "description": "Gets or sets the `elevation` property.\nThe default value is `none`, which means the element has no elevation.",
-              "type": "string",
+              "name": "destination",
+              "fieldName": "destination",
+              "description": "Gets or sets the `destination` property.",
+              "type": "string | Element",
               "inheritedFrom": {
-                "name": "Elevatable",
-                "module": "./../src/Controls/Behaviors/Elevatable.ts"
+                "name": "IPortalElementProps",
+                "module": "./../src/Controls/Components/Primitives/Portal/IPortalElementProps.ts"
               }
             },
             {
@@ -107067,33 +107882,14 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Primitives/Portal/Portal.ts",
-      "exports": [
-        {
-          "kind": "class",
-          "description": "Represents the `Portal` class.",
-          "name": "Portal"
-        },
-        {
-          "kind": "class",
-          "name": "LayerManager"
-        },
-        {
-          "kind": "variable",
-          "name": "PORTAL_HOST_REGISTRY",
-          "type": "Map<string, PortalHostElement>"
-        }
-      ]
-    },
-    {
-      "path": "./../src/Controls/Components/Primitives/Portal/PortalElement.ts",
+      "path": "./../src/Controls/Components/Primitives/Portal/PortalHostElement.ts",
       "exports": [
         {
           "kind": "definition",
-          "name": "mosaik-portal",
+          "name": "mosaik-portal-host",
           "declaration": {
-            "name": "PortalElement",
-            "module": "./../src/Controls/Components/Primitives/Portal/PortalElement.ts"
+            "name": "PortalHostElement",
+            "module": "./../src/Controls/Components/Primitives/Portal/PortalHostElement.ts"
           }
         },
         {
@@ -107103,70 +107899,38 @@
             "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
           },
           "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
             {
               "name": "Slottable",
               "module": "./../src/Controls/Behaviors/Slottable.ts"
             }
           ],
-          "description": "Portal - A mechanism to render content outside its parent component's DOM hierarchy.",
-          "name": "PortalElement",
+          "description": "PortalHostElement - A host for portals, allowing them to be rendered in a specific location in the DOM.\n                    This element is used to define a destination for portal.",
+          "name": "PortalHostElement",
           "members": [
             {
               "kind": "field",
-              "name": "isProjected",
-              "privacy": "public",
-              "description": "Gets or sets the `isProjected` property.",
-              "type": "boolean"
-            },
-            {
-              "kind": "field",
-              "name": "projection",
-              "privacy": "public",
-              "description": "Gets the `projection` property.",
-              "type": "PortalProjectionElement | null"
-            },
-            {
-              "kind": "field",
-              "name": "attached",
-              "privacy": "public",
-              "description": "Called when a projection is attached to the DOM.\nProvides reference to `IPortalAttachedEventDetail` as event argument.",
-              "type": "IEventEmitter<IPortalAttachedEventDetail>",
-              "inheritedFrom": {
-                "name": "IPortalElementEvents",
-                "module": "./../src/Controls/Components/Primitives/Portal/PortalElement.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "detached",
-              "privacy": "public",
-              "description": "Called when a projection is detached from the DOM.\nProvides reference to `IPortalDetachedEventDetail` as event argument.",
-              "type": "IEventEmitter<IPortalDetachedEventDetail>",
-              "inheritedFrom": {
-                "name": "IPortalElementEvents",
-                "module": "./../src/Controls/Components/Primitives/Portal/PortalElement.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "destination",
+              "name": "name",
               "privacy": "public",
-              "description": "Gets or sets the `destination` property.",
-              "type": "string | Element",
+              "description": "Gets or sets the `name` property.\nThe `name` property represents the unique identifier for this portal host.",
+              "type": "string",
               "inheritedFrom": {
-                "name": "IPortalElementProps",
-                "module": "./../src/Controls/Components/Primitives/Portal/IPortalElementProps.ts"
+                "name": "IPortalHostElementProps",
+                "module": "./../src/Controls/Components/Primitives/Portal/IPortalHostElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "adoptedStyles",
+              "name": "themeName",
               "privacy": "public",
-              "description": "Gets or sets the `adoptedStyles` property.",
-              "type": "CSSStyleSheet[] | undefined",
+              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
+              "type": "string",
               "inheritedFrom": {
-                "name": "IPortalElementProps",
-                "module": "./../src/Controls/Components/Primitives/Portal/IPortalElementProps.ts"
+                "name": "IThemeableProps",
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
             {
@@ -107224,22 +107988,6 @@
                 "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "onSlotChanges",
-              "privacy": "public",
-              "type": "(slotName?: string | undefined): void",
-              "description": "Called when the slot changes.\nThis method is a hook that can be overridden.",
-              "parameters": [
-                {
-                  "name": "slotName",
-                  "type": "string"
-                }
-              ],
-              "return": {
-                "type": "void"
-              }
-            },
             {
               "kind": "method",
               "name": "assignToSlot",
@@ -107313,6 +108061,19 @@
                 "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "onSlotChanges",
+              "privacy": "public",
+              "type": "(slotName?: string | undefined): void",
+              "description": "Called when the slot changes.\nThis method is a hook that can be overridden.",
+              "parameters": [],
+              "return": {},
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -107434,18 +108195,8 @@
               }
             }
           ],
-          "tagName": "mosaik-portal",
+          "tagName": "mosaik-portal-host",
           "events": [
-            {
-              "description": "Fired when the portal is attached to the DOM.",
-              "name": "portalAttached",
-              "type": "Event"
-            },
-            {
-              "description": "Fired when the portal is detached from the DOM.",
-              "name": "portalDetached",
-              "type": "Event"
-            },
             {
               "description": "Called when the element is connected to the DOM.",
               "name": "connected",
@@ -107476,19 +108227,13 @@
           ],
           "attributes": [
             {
-              "name": "isProjected",
-              "fieldName": "isProjected",
-              "description": "Gets or sets the `isProjected` property.",
-              "type": "boolean"
-            },
-            {
-              "name": "destination",
-              "fieldName": "destination",
-              "description": "Gets or sets the `destination` property.",
-              "type": "string | Element",
+              "name": "name",
+              "fieldName": "name",
+              "description": "Gets or sets the `name` property.\nThe `name` property represents the unique identifier for this portal host.",
+              "type": "string",
               "inheritedFrom": {
-                "name": "IPortalElementProps",
-                "module": "./../src/Controls/Components/Primitives/Portal/IPortalElementProps.ts"
+                "name": "IPortalHostElementProps",
+                "module": "./../src/Controls/Components/Primitives/Portal/IPortalHostElementProps.ts"
               }
             },
             {
@@ -107516,55 +108261,128 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Primitives/Portal/PortalHostElement.ts",
+      "path": "./../src/Controls/Components/Primitives/Portal/PortalProjectionElement.ts",
       "exports": [
         {
           "kind": "definition",
-          "name": "mosaik-portal-host",
+          "name": "mosaik-portal-projection",
           "declaration": {
-            "name": "PortalHostElement",
-            "module": "./../src/Controls/Components/Primitives/Portal/PortalHostElement.ts"
+            "name": "PortalProjectionElement",
+            "module": "./../src/Controls/Components/Primitives/Portal/PortalProjectionElement.ts"
           }
         },
         {
           "kind": "class",
           "superclass": {
-            "name": "CustomElement",
-            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+            "name": "OverlayElement",
+            "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
           },
           "mixins": [
             {
-              "name": "Themeable",
-              "module": "./../src/Controls/Behaviors/Themeable.ts"
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Slottable",
+              "module": "./../src/Controls/Behaviors/Slottable.ts"
+            }
+          ],
+          "description": "[object Object],[object Object],[object Object]",
+          "name": "PortalProjectionElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "portal",
+              "privacy": "public",
+              "description": "Returns the portal assigned to this projection.",
+              "type": "PortalElement"
+            },
+            {
+              "kind": "field",
+              "name": "themeName",
+              "privacy": "public",
+              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IThemeableProps",
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isOpen",
+              "privacy": "public",
+              "description": "Gets or sets the `isOpen` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IOverlayElementProps",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasBackdrop",
+              "privacy": "public",
+              "description": "Gets or sets the `hasBackdrop` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IOverlayElementProps",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "pressEscapeToClose",
+              "privacy": "public",
+              "description": "Gets or sets the `pressEscapeToClose` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IOverlayElementProps",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
             },
             {
-              "name": "Slottable",
-              "module": "./../src/Controls/Behaviors/Slottable.ts"
-            }
-          ],
-          "description": "PortalHostElement - A host for portals, allowing them to be rendered in a specific location in the DOM.\n                    This element is used to define a destination for portal.",
-          "name": "PortalHostElement",
-          "members": [
+              "kind": "field",
+              "name": "clickOutsideToClose",
+              "privacy": "public",
+              "description": "Gets or sets the `clickOutsideToClose` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IOverlayElementProps",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "field",
-              "name": "name",
+              "name": "opened",
               "privacy": "public",
-              "description": "Gets or sets the `name` property.\nThe `name` property represents the unique identifier for this portal host.",
-              "type": "string",
+              "description": "Called when the `open` method is called.\nProvides reference to the `ICancelEventDetail` as event argument.",
+              "type": "IEventEmitter<ICancelEventDetail<HTMLElement>>",
               "inheritedFrom": {
-                "name": "IPortalHostElementProps",
-                "module": "./../src/Controls/Components/Primitives/Portal/IPortalHostElementProps.ts"
+                "name": "IOpenableEvents",
+                "module": "./../src/Controls/Behaviors/Openable.ts"
               }
             },
             {
               "kind": "field",
-              "name": "themeName",
+              "name": "closeable",
               "privacy": "public",
-              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
-              "type": "string",
+              "description": "Gets or sets the `closeable` property.\nThe default value is `false`, which means the element is not closeable.",
+              "type": "boolean",
               "inheritedFrom": {
-                "name": "IThemeableProps",
-                "module": "./../src/Controls/Behaviors/Themeable.ts"
+                "name": "Closeable",
+                "module": "./../src/Controls/Behaviors/Closeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closed",
+              "privacy": "public",
+              "description": "Called when the `close` method is called.\nProvides reference to the `ICancelEventDetail` as event argument.",
+              "type": "IEventEmitter<ICancelEventDetail<HTMLElement>>",
+              "inheritedFrom": {
+                "name": "ICloseableEvents",
+                "module": "./../src/Controls/Behaviors/Closeable.ts"
               }
             },
             {
@@ -107622,6 +108440,23 @@
                 "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "assign",
+              "privacy": "public",
+              "type": "(portal: PortalElement): void",
+              "description": "Assigns the portal to this projection.",
+              "parameters": [
+                {
+                  "name": "portal",
+                  "type": "PortalElement",
+                  "description": "The portal element to assign."
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
             {
               "kind": "method",
               "name": "assignToSlot",
@@ -107708,6 +108543,36 @@
                 "module": "./../src/Controls/Behaviors/Slottable.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "open",
+              "privacy": "public",
+              "type": "(): Promise<void>",
+              "description": "Opens the `OverlayElement`.",
+              "parameters": [],
+              "return": {
+                "type": "Promise<void>"
+              },
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "privacy": "public",
+              "type": "(): Promise<boolean>",
+              "description": "Closes the `OverlayElement`.",
+              "parameters": [],
+              "return": {
+                "type": "Promise<boolean>"
+              },
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "adoptStyle",
@@ -107829,8 +108694,26 @@
               }
             }
           ],
-          "tagName": "mosaik-portal-host",
+          "tagName": "mosaik-portal-projection",
           "events": [
+            {
+              "description": "Dispatched when the `OverlayElement` is closed.",
+              "name": "closed",
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Dispatched when the `OverlayElement` is opened.",
+              "name": "opened",
+              "inheritedFrom": {
+                "name": "OverlayElement",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              },
+              "type": "CustomEvent"
+            },
             {
               "description": "Called when the element is connected to the DOM.",
               "name": "connected",
@@ -107850,44 +108733,173 @@
               "type": "CustomEvent"
             },
             {
-              "description": "Called when the element will be updated.",
-              "name": "changed",
-              "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              "description": "Called when the element will be updated.",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "isOpen",
+              "fieldName": "isOpen",
+              "description": "Gets or sets the `isOpen` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IOverlayElementProps",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
+            {
+              "name": "hasBackdrop",
+              "fieldName": "hasBackdrop",
+              "description": "Gets or sets the `hasBackdrop` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IOverlayElementProps",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
+            {
+              "name": "pressEscapeToClose",
+              "fieldName": "pressEscapeToClose",
+              "description": "Gets or sets the `pressEscapeToClose` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IOverlayElementProps",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
+            {
+              "name": "clickOutsideToClose",
+              "fieldName": "clickOutsideToClose",
+              "description": "Gets or sets the `clickOutsideToClose` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IOverlayElementProps",
+                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+              }
+            },
+            {
+              "name": "closeable",
+              "fieldName": "closeable",
+              "description": "Gets or sets the `closeable` property.\nThe default value is `false`, which means the element is not closeable.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Closeable",
+                "module": "./../src/Controls/Behaviors/Closeable.ts"
+              }
+            },
+            {
+              "name": "dir",
+              "fieldName": "dir",
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "fieldName": "lang",
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Primitives/Portal/ProjectionController.ts",
+      "exports": [
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "ControllerBase",
+            "module": "./../src/Controls/Controllers/Abstracts/ControllerBase.ts"
+          },
+          "description": "A controller that observes content projected into a slot in the host,\nremoves the DOM nodes from the host, and transfers them into a render target\ninside a portal component.",
+          "name": "ProjectionController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "elements",
+              "privacy": "public",
+              "description": "Returns projected elements.",
+              "type": "HTMLElement[]"
+            },
+            {
+              "kind": "method",
+              "name": "hostFirstUpdated",
+              "privacy": "public",
+              "type": "(): void",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Called when the host is disconnected from the component tree. For custom\nelement hosts, this corresponds to the `disconnectedCallback()` lifecycle,\nwhich is called the host or an ancestor component is disconnected from the\ndocument.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Called when the host is connected to the component tree. For custom\nelement hosts, this corresponds to the `connectedCallback()` lifecycle,\nwhich is only called when the component is connected to the document.",
+              "parameters": [],
+              "return": {
+                "type": "void"
               },
-              "type": "Event"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "fieldName": "name",
-              "description": "Gets or sets the `name` property.\nThe `name` property represents the unique identifier for this portal host.",
-              "type": "string",
               "inheritedFrom": {
-                "name": "IPortalHostElementProps",
-                "module": "./../src/Controls/Components/Primitives/Portal/IPortalHostElementProps.ts"
+                "name": "ControllerBase",
+                "module": "./../src/Controls/Controllers/Abstracts/ControllerBase.ts"
               }
             },
             {
-              "name": "dir",
-              "fieldName": "dir",
-              "description": "Gets or sets the `dir` property.",
-              "type": "FlowDirection",
+              "kind": "method",
+              "name": "hostUpdate",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Called during the client-side host update, just before the host calls\nits own update.\n\nCode in `update()` can depend on the DOM as it is not called in\nserver-side rendering.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              },
               "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+                "name": "ControllerBase",
+                "module": "./../src/Controls/Controllers/Abstracts/ControllerBase.ts"
               }
             },
             {
-              "name": "lang",
-              "fieldName": "lang",
-              "description": "Gets or sets the `lang` property.",
-              "type": "string",
+              "kind": "method",
+              "name": "hostUpdated",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Called after a host update, just before the host calls firstUpdated and\nupdated. It is not called in server-side rendering.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              },
               "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+                "name": "ControllerBase",
+                "module": "./../src/Controls/Controllers/Abstracts/ControllerBase.ts"
               }
             }
           ]
@@ -107895,21 +108907,21 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Primitives/Portal/PortalProjectionElement.ts",
+      "path": "./../src/Controls/Components/Primitives/ResizeThumb/ResizeThumbElement.ts",
       "exports": [
         {
           "kind": "definition",
-          "name": "mosaik-portal-projection",
+          "name": "mosaik-resize-thumb",
           "declaration": {
-            "name": "PortalProjectionElement",
-            "module": "./../src/Controls/Components/Primitives/Portal/PortalProjectionElement.ts"
+            "name": "ResizeThumbElement",
+            "module": "./../src/Controls/Components/Primitives/ResizeThumb/ResizeThumbElement.ts"
           }
         },
         {
           "kind": "class",
           "superclass": {
-            "name": "OverlayElement",
-            "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
           },
           "mixins": [
             {
@@ -107917,294 +108929,245 @@
               "module": "./../src/Controls/Behaviors/Themeable.ts"
             },
             {
-              "name": "Slottable",
-              "module": "./../src/Controls/Behaviors/Slottable.ts"
+              "name": "Disableable",
+              "module": "./../src/Controls/Behaviors/Disableable.ts"
+            },
+            {
+              "name": "Attachable",
+              "module": "./../src/Controls/Behaviors/Attachable.ts"
             }
           ],
-          "description": "[object Object],[object Object],[object Object]",
-          "name": "PortalProjectionElement",
+          "description": "ResizeThumb - A primitive element that provides resize handle functionality.",
+          "name": "ResizeThumbElement",
           "members": [
             {
               "kind": "field",
-              "name": "portal",
+              "name": "isResizing",
               "privacy": "public",
-              "description": "Returns the portal assigned to this projection.",
-              "type": "PortalElement"
+              "description": "Gets whether a resize operation is currently in progress.",
+              "type": "boolean"
             },
             {
               "kind": "field",
-              "name": "themeName",
+              "name": "resizeStart",
               "privacy": "public",
-              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
-              "type": "string",
-              "inheritedFrom": {
-                "name": "IThemeableProps",
-                "module": "./../src/Controls/Behaviors/Themeable.ts"
-              }
+              "description": "[object Object],[object Object],[object Object]",
+              "type": "IEventEmitter<IResizeThumbResizeStartEventDetail>"
             },
             {
               "kind": "field",
-              "name": "isOpen",
+              "name": "resizing",
               "privacy": "public",
-              "description": "Gets or sets the `isOpen` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IOverlayElementProps",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
-              }
+              "description": "[object Object],[object Object],[object Object]",
+              "type": "IEventEmitter<IResizeThumbResizingEventDetail>"
             },
             {
               "kind": "field",
-              "name": "hasBackdrop",
+              "name": "resizeEnd",
               "privacy": "public",
-              "description": "Gets or sets the `hasBackdrop` property.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "IOverlayElementProps",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
-              }
+              "description": "[object Object],[object Object],[object Object]",
+              "type": "IEventEmitter<IResizeThumbResizeEndEventDetail>"
             },
             {
               "kind": "field",
-              "name": "pressEscapeToClose",
+              "name": "direction",
               "privacy": "public",
-              "description": "Gets or sets the `pressEscapeToClose` property.",
-              "type": "boolean",
+              "description": "Gets or sets the resize `direction`.\n\nDetermines which direction this resize thumb represents.\nThe cursor style is automatically updated based on this direction.",
+              "type": "ResizeDirection",
               "inheritedFrom": {
-                "name": "IOverlayElementProps",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "clickOutsideToClose",
+              "name": "allowedDirections",
               "privacy": "public",
-              "description": "Gets or sets the `clickOutsideToClose` property.",
-              "type": "boolean",
+              "description": "Gets or sets the `allowedDirections` array.\n\nWhen set, only the specified directions are permitted for resizing.\nIf the current direction is not in the allowed list, resize operations\nwill be blocked.",
+              "type": "readonly ResizeDirection[]",
               "inheritedFrom": {
-                "name": "IOverlayElementProps",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "opened",
+              "name": "minWidth",
               "privacy": "public",
-              "description": "Called when the `open` method is called.\nProvides reference to the `ICancelEventDetail` as event argument.",
-              "type": "IEventEmitter<ICancelEventDetail<HTMLElement>>",
+              "description": "Gets or sets the minimum width the control can be resized to.",
+              "type": "number",
               "inheritedFrom": {
-                "name": "IOpenableEvents",
-                "module": "./../src/Controls/Behaviors/Openable.ts"
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "closeable",
+              "name": "minHeight",
               "privacy": "public",
-              "description": "Gets or sets the `closeable` property.\nThe default value is `false`, which means the element is not closeable.",
-              "type": "boolean",
+              "description": "Gets or sets the minimum height the control can be resized to.",
+              "type": "number",
               "inheritedFrom": {
-                "name": "Closeable",
-                "module": "./../src/Controls/Behaviors/Closeable.ts"
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "closed",
+              "name": "maxWidth",
               "privacy": "public",
-              "description": "Called when the `close` method is called.\nProvides reference to the `ICancelEventDetail` as event argument.",
-              "type": "IEventEmitter<ICancelEventDetail<HTMLElement>>",
+              "description": "Gets or sets the maximum width the control can be resized to.",
+              "type": "number",
               "inheritedFrom": {
-                "name": "ICloseableEvents",
-                "module": "./../src/Controls/Behaviors/Closeable.ts"
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "dir",
+              "name": "maxHeight",
               "privacy": "public",
-              "description": "Gets or sets the `dir` property.",
-              "type": "FlowDirection",
+              "description": "Gets or sets the maximum height the control can be resized to.",
+              "type": "number",
               "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "lang",
+              "name": "autoApply",
               "privacy": "public",
-              "description": "Gets or sets the `lang` property.",
-              "type": "string",
+              "description": "Gets or sets whether resize changes are automatically applied to the control element.\nIf false, only events are emitted and the control is responsible for applying changes.\nDefaults to true.",
+              "type": "boolean",
               "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
               }
             },
             {
               "kind": "field",
-              "name": "changed",
+              "name": "themeName",
               "privacy": "public",
-              "description": "Called when the element will be updated.\nProvides reference to `IEventEmitter` as event argument.",
-              "type": "IEventEmitter<IPropertyChangedEventDetail>",
+              "description": "Gets or sets the `themeName` property.\nThis property defines the name of the theme to be applied to the element.\nIf not set, the element will use the default theme.\nThe default value is an empty string, which means no theme is set.",
+              "type": "string",
               "inheritedFrom": {
-                "name": "ICustomElementEvents",
-                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
+                "name": "IThemeableProps",
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
             {
               "kind": "field",
-              "name": "connected",
+              "name": "disabled",
               "privacy": "public",
-              "description": "Called when the element is connected to the DOM.\nProvides reference to `IEventEmitter` as event argument.",
-              "type": "IEventEmitter<void>",
+              "description": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
+              "type": "boolean",
               "inheritedFrom": {
-                "name": "ICustomElementEvents",
-                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
+                "name": "Disableable",
+                "module": "./../src/Controls/Behaviors/Disableable.ts"
               }
             },
             {
               "kind": "field",
-              "name": "disconnected",
+              "name": "for",
               "privacy": "public",
-              "description": "Called when the element is disconnected from the DOM.\nProvides reference to `IEventEmitter` as event argument.",
-              "type": "IEventEmitter<void>",
+              "description": "Reflects the value of the `for` attribute, which is the ID of the element's\nassociated control.\n\nUse this when the elements's associated control is not its parent.\n\nTo manually control an element, set its `for` attribute to `\"\"`.",
+              "type": "string | null",
               "inheritedFrom": {
-                "name": "ICustomElementEvents",
-                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "assign",
-              "privacy": "public",
-              "type": "(portal: PortalElement): void",
-              "description": "Assigns the portal to this projection.",
-              "parameters": [
-                {
-                  "name": "portal",
-                  "type": "PortalElement",
-                  "description": "The portal element to assign."
-                }
-              ],
-              "return": {
-                "type": "void"
+                "name": "Attachable",
+                "module": "./../src/Controls/Behaviors/Attachable.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "assignToSlot",
+              "kind": "field",
+              "name": "control",
               "privacy": "public",
-              "type": "(slotName: string, node: Element | Text): void",
-              "description": "Assigns nodes to a dedicated slot.",
-              "parameters": [],
-              "return": {},
+              "description": "The element that controls the visibility of the attachable element. It is\none of:\n\n- The control referenced by the `for` attribute.\n- The control provided to `element.attach(control)`\n- The element's parent.\n- `null` if the element is not controlled.",
+              "type": "HTMLElement | null",
               "inheritedFrom": {
-                "name": "ISlottable",
-                "module": "./../src/Controls/Behaviors/Slottable.ts"
+                "name": "Attachable",
+                "module": "./../src/Controls/Behaviors/Attachable.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "getSlotAssignments",
+              "kind": "field",
+              "name": "dir",
               "privacy": "public",
-              "type": "<T extends Element = Element>(slotName: string, filter?: ((e: T): boolean) | undefined) => T[]",
-              "description": "Returns the assigned elements of a slot.",
-              "parameters": [],
-              "return": {
-                "description": "The assigned elements of a slot."
-              },
+              "description": "Gets or sets the `dir` property.",
+              "type": "FlowDirection",
               "inheritedFrom": {
-                "name": "ISlottable",
-                "module": "./../src/Controls/Behaviors/Slottable.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "getSlotAssignmentsOf",
+              "kind": "field",
+              "name": "lang",
               "privacy": "public",
-              "type": "<T extends Element = Element>(slotName: string, element: Constructor<T>): T[]",
-              "description": "Returns the assigned elements of a slot with a specific element type.",
-              "parameters": [],
-              "return": {
-                "description": "The assigned elements of a slot."
-              },
+              "description": "Gets or sets the `lang` property.",
+              "type": "string",
               "inheritedFrom": {
-                "name": "ISlottable",
-                "module": "./../src/Controls/Behaviors/Slottable.ts"
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "hasSlotContent",
-              "privacy": "public",
-              "type": "(slotName: string): boolean",
-              "description": "Returns a boolean that indicates if a slot has content.",
-              "parameters": [],
-              "return": {
-                "description": "A boolean that indicates if a slot has content."
-              },
+            {
+              "kind": "field",
+              "name": "changed",
+              "privacy": "public",
+              "description": "Called when the element will be updated.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<IPropertyChangedEventDetail>",
               "inheritedFrom": {
-                "name": "ISlottable",
-                "module": "./../src/Controls/Behaviors/Slottable.ts"
+                "name": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "hasSlot",
+              "kind": "field",
+              "name": "connected",
               "privacy": "public",
-              "type": "(slotName: string): boolean",
-              "description": "Returns a boolean that indicates if a slot exists.",
-              "parameters": [],
-              "return": {
-                "description": "A boolean that indicates if a slot exists."
-              },
+              "description": "Called when the element is connected to the DOM.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<void>",
               "inheritedFrom": {
-                "name": "ISlottable",
-                "module": "./../src/Controls/Behaviors/Slottable.ts"
+                "name": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "onSlotChanges",
+              "kind": "field",
+              "name": "disconnected",
               "privacy": "public",
-              "type": "(slotName?: string | undefined): void",
-              "description": "Called when the slot changes.\nThis method is a hook that can be overridden.",
-              "parameters": [],
-              "return": {},
+              "description": "Called when the element is disconnected from the DOM.\nProvides reference to `IEventEmitter` as event argument.",
+              "type": "IEventEmitter<void>",
               "inheritedFrom": {
-                "name": "ISlottable",
-                "module": "./../src/Controls/Behaviors/Slottable.ts"
+                "name": "ICustomElementEvents",
+                "module": "./../src/Controls/Components/Abstracts/ICustomElementEvents.ts"
               }
             },
             {
               "kind": "method",
-              "name": "open",
+              "name": "attach",
               "privacy": "public",
-              "type": "(): Promise<void>",
-              "description": "Opens the `OverlayElement`.",
+              "type": "(control: string | HTMLElement): void",
+              "description": "Attaches the element to an interactive control.",
               "parameters": [],
-              "return": {
-                "type": "Promise<void>"
-              },
+              "return": {},
               "inheritedFrom": {
-                "name": "OverlayElement",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+                "name": "IAttachable",
+                "module": "./../src/Controls/Behaviors/Attachable.ts"
               }
             },
             {
               "kind": "method",
-              "name": "close",
+              "name": "detach",
               "privacy": "public",
-              "type": "(): Promise<boolean>",
-              "description": "Closes the `OverlayElement`.",
+              "type": "(): void",
+              "description": "Detaches the element from its current control.",
               "parameters": [],
-              "return": {
-                "type": "Promise<boolean>"
-              },
+              "return": {},
               "inheritedFrom": {
-                "name": "OverlayElement",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+                "name": "IAttachable",
+                "module": "./../src/Controls/Behaviors/Attachable.ts"
               }
             },
             {
@@ -108328,25 +109291,22 @@
               }
             }
           ],
-          "tagName": "mosaik-portal-projection",
+          "tagName": "mosaik-resize-thumb",
           "events": [
             {
-              "description": "Dispatched when the `OverlayElement` is closed.",
-              "name": "closed",
-              "inheritedFrom": {
-                "name": "OverlayElement",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
-              },
+              "description": "Fired when a resize operation begins.",
+              "name": "resizestart",
               "type": "Event"
             },
             {
-              "description": "Dispatched when the `OverlayElement` is opened.",
-              "name": "opened",
-              "inheritedFrom": {
-                "name": "OverlayElement",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
-              },
-              "type": "CustomEvent"
+              "description": "Fired continuously during a resize operation.",
+              "name": "resizing",
+              "type": "Event"
+            },
+            {
+              "description": "Fired when a resize operation ends.",
+              "name": "resizeend",
+              "type": "Event"
             },
             {
               "description": "Called when the element is connected to the DOM.",
@@ -108376,55 +109336,101 @@
               "type": "Event"
             }
           ],
+          "slots": [
+            {
+              "description": "Default slot for custom thumb content.",
+              "name": ""
+            }
+          ],
           "attributes": [
             {
-              "name": "isOpen",
-              "fieldName": "isOpen",
-              "description": "Gets or sets the `isOpen` property.",
-              "type": "boolean",
+              "name": "direction",
+              "fieldName": "direction",
+              "description": "Gets or sets the resize `direction`.\n\nDetermines which direction this resize thumb represents.\nThe cursor style is automatically updated based on this direction.",
+              "type": "ResizeDirection",
               "inheritedFrom": {
-                "name": "IOverlayElementProps",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
               }
             },
             {
-              "name": "hasBackdrop",
-              "fieldName": "hasBackdrop",
-              "description": "Gets or sets the `hasBackdrop` property.",
-              "type": "boolean",
+              "name": "allowedDirections",
+              "fieldName": "allowedDirections",
+              "description": "Gets or sets the `allowedDirections` array.\n\nWhen set, only the specified directions are permitted for resizing.\nIf the current direction is not in the allowed list, resize operations\nwill be blocked.",
+              "type": "readonly ResizeDirection[]",
               "inheritedFrom": {
-                "name": "IOverlayElementProps",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
               }
             },
             {
-              "name": "pressEscapeToClose",
-              "fieldName": "pressEscapeToClose",
-              "description": "Gets or sets the `pressEscapeToClose` property.",
-              "type": "boolean",
+              "name": "min-width",
+              "fieldName": "minWidth",
+              "description": "Gets or sets the minimum width the control can be resized to.",
+              "type": "number",
               "inheritedFrom": {
-                "name": "IOverlayElementProps",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
               }
             },
             {
-              "name": "clickOutsideToClose",
-              "fieldName": "clickOutsideToClose",
-              "description": "Gets or sets the `clickOutsideToClose` property.",
+              "name": "min-height",
+              "fieldName": "minHeight",
+              "description": "Gets or sets the minimum height the control can be resized to.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
+              }
+            },
+            {
+              "name": "max-width",
+              "fieldName": "maxWidth",
+              "description": "Gets or sets the maximum width the control can be resized to.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
+              }
+            },
+            {
+              "name": "max-height",
+              "fieldName": "maxHeight",
+              "description": "Gets or sets the maximum height the control can be resized to.",
+              "type": "number",
+              "inheritedFrom": {
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
+              }
+            },
+            {
+              "name": "auto-apply",
+              "fieldName": "autoApply",
+              "description": "Gets or sets whether resize changes are automatically applied to the control element.\nIf false, only events are emitted and the control is responsible for applying changes.\nDefaults to true.",
               "type": "boolean",
               "inheritedFrom": {
-                "name": "IOverlayElementProps",
-                "module": "./../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"
+                "name": "IResizeThumbElementProps",
+                "module": "./../src/Controls/Components/Primitives/ResizeThumb/IResizeThumbElementProps.ts"
               }
             },
             {
-              "name": "closeable",
-              "fieldName": "closeable",
-              "description": "Gets or sets the `closeable` property.\nThe default value is `false`, which means the element is not closeable.",
+              "name": "disabled",
+              "fieldName": "disabled",
+              "description": "The disabled state of the element.\nThe default value is `false`, which means the element is not disabled.",
               "type": "boolean",
               "inheritedFrom": {
-                "name": "Closeable",
-                "module": "./../src/Controls/Behaviors/Closeable.ts"
+                "name": "Disableable",
+                "module": "./../src/Controls/Behaviors/Disableable.ts"
+              }
+            },
+            {
+              "name": "for",
+              "fieldName": "for",
+              "description": "Reflects the value of the `for` attribute, which is the ID of the element's\nassociated control.\n\nUse this when the elements's associated control is not its parent.\n\nTo manually control an element, set its `for` attribute to `\"\"`.",
+              "type": "string | null",
+              "inheritedFrom": {
+                "name": "Attachable",
+                "module": "./../src/Controls/Behaviors/Attachable.ts"
               }
             },
             {
@@ -108447,94 +109453,11 @@
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             }
-          ]
-        }
-      ]
-    },
-    {
-      "path": "./../src/Controls/Components/Primitives/Portal/ProjectionController.ts",
-      "exports": [
-        {
-          "kind": "class",
-          "superclass": {
-            "name": "ControllerBase",
-            "module": "./../src/Controls/Controllers/Abstracts/ControllerBase.ts"
-          },
-          "description": "A controller that observes content projected into a slot in the host,\nremoves the DOM nodes from the host, and transfers them into a render target\ninside a portal component.",
-          "name": "ProjectionController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "elements",
-              "privacy": "public",
-              "description": "Returns projected elements.",
-              "type": "HTMLElement[]"
-            },
-            {
-              "kind": "method",
-              "name": "hostFirstUpdated",
-              "privacy": "public",
-              "type": "(): void",
-              "parameters": [],
-              "return": {
-                "type": "void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected",
-              "privacy": "public",
-              "type": "(): void",
-              "description": "Called when the host is disconnected from the component tree. For custom\nelement hosts, this corresponds to the `disconnectedCallback()` lifecycle,\nwhich is called the host or an ancestor component is disconnected from the\ndocument.",
-              "parameters": [],
-              "return": {
-                "type": "void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "hostConnected",
-              "privacy": "public",
-              "type": "(): void",
-              "description": "Called when the host is connected to the component tree. For custom\nelement hosts, this corresponds to the `connectedCallback()` lifecycle,\nwhich is only called when the component is connected to the document.",
-              "parameters": [],
-              "return": {
-                "type": "void"
-              },
-              "inheritedFrom": {
-                "name": "ControllerBase",
-                "module": "./../src/Controls/Controllers/Abstracts/ControllerBase.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "hostUpdate",
-              "privacy": "public",
-              "type": "(): void",
-              "description": "Called during the client-side host update, just before the host calls\nits own update.\n\nCode in `update()` can depend on the DOM as it is not called in\nserver-side rendering.",
-              "parameters": [],
-              "return": {
-                "type": "void"
-              },
-              "inheritedFrom": {
-                "name": "ControllerBase",
-                "module": "./../src/Controls/Controllers/Abstracts/ControllerBase.ts"
-              }
-            },
+          ],
+          "cssParts": [
             {
-              "kind": "method",
-              "name": "hostUpdated",
-              "privacy": "public",
-              "type": "(): void",
-              "description": "Called after a host update, just before the host calls firstUpdated and\nupdated. It is not called in server-side rendering.",
-              "parameters": [],
-              "return": {
-                "type": "void"
-              },
-              "inheritedFrom": {
-                "name": "ControllerBase",
-                "module": "./../src/Controls/Controllers/Abstracts/ControllerBase.ts"
-              }
+              "name": "thumb",
+              "description": "The main thumb element."
             }
           ]
         }
@@ -115206,7 +116129,7 @@
               "module": "./../src/Controls/Behaviors/Labelable.ts"
             }
           ],
-          "description": "[object Object],[object Object],[object Object]",
+          "description": "Meter bar - a visual representation of a numeric value within a specified range.",
           "name": "MeterBarElement",
           "members": [
             {
@@ -115580,6 +116503,16 @@
               "type": "Event"
             }
           ],
+          "slots": [
+            {
+              "description": "The label slot.",
+              "name": "label"
+            },
+            {
+              "description": "The hint slot.",
+              "name": "hint"
+            }
+          ],
           "attributes": [
             {
               "name": "thickness",