@breadstone/mosaik-elements-foundation 0.0.120 → 0.0.121

package/custom-elements.json

@@ -7968,12 +7968,12 @@
               "kind": "method",
               "name": "writeValue",
               "privacy": "public",
-              "type": "(value: boolean): void",
+              "type": "(value: unknown): void",
               "description": "Writes a new value to the element.",
               "parameters": [
                 {
                   "name": "value",
-                  "type": "boolean"
+                  "type": "unknown"
                 }
               ],
               "return": {
@@ -8080,6 +8080,143 @@
         }
       ]
     },
+    {
+      "path": "./../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.ts",
+      "exports": [
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "ElementValueAccessorBase",
+            "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+          },
+          "name": "ToggleButtonGroupElementValueAccessor",
+          "members": [
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "privacy": "public",
+              "type": "(): void",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "writeValue",
+              "privacy": "public",
+              "type": "(value: unknown): void",
+              "description": "Writes a new value to the element.",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": "unknown"
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "resetValue",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Resets the value of the element.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "registerOnChange",
+              "privacy": "public",
+              "type": "(fn: (_: any): void) => void",
+              "description": "Registers a function called when the element value changes.",
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": "(_: any) => void"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "registerOnTouched",
+              "privacy": "public",
+              "type": "(fn: (): void) => void",
+              "description": "Registers a function called when the element is touched.",
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": "() => void"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "registerOnReset",
+              "privacy": "public",
+              "type": "(fn: (): void) => void",
+              "description": "Registers a function called when the element is reset.",
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": "() => void"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setDisabled",
+              "privacy": "public",
+              "type": "(isDisabled: boolean): void",
+              "description": "Sets the \"disabled\" property on the range input element.",
+              "parameters": [
+                {
+                  "name": "isDisabled",
+                  "type": "boolean"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "ElementValueAccessorBase",
+                "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "toggleButtonGroupElementValueAccessor",
+          "type": "ElementValueAccessorFn<IToggleButtonGroupHost>"
+        }
+      ]
+    },
     {
       "path": "./../src/Controls/Components/Buttons/ToggleButton/ToggleButtonElement.ts",
       "exports": [
@@ -8647,29 +8784,827 @@
               "type": "Event"
             }
           ],
-          "slots": [
-            {
-              "description": "The label slot.",
-              "name": "label"
-            },
+          "slots": [
+            {
+              "description": "The label slot.",
+              "name": "label"
+            },
+            {
+              "description": "The icon slot.",
+              "name": "icon"
+            },
+            {
+              "description": "The overlay slot (useful for badge).",
+              "name": "overlay"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "reverse",
+              "fieldName": "reverse",
+              "description": "Gets or sets the `reverse` property.\nIf `true`, the element will be reversed in its orientation.\nThe default value is `false`, which means the element is not reversed.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Reversible",
+                "module": "./../src/Controls/Behaviors/Reversible.ts"
+              }
+            },
+            {
+              "name": "orientation",
+              "fieldName": "orientation",
+              "description": "Gets or sets the `orientation` property.\nThe default value is `horizontal`.",
+              "type": "Orientation",
+              "inheritedFrom": {
+                "name": "Orientable",
+                "module": "./../src/Controls/Behaviors/Orientable.ts"
+              }
+            },
+            {
+              "name": "horizontalContentAlignment",
+              "fieldName": "horizontalContentAlignment",
+              "description": "A property that supports adjusting the horizontal alignment of its content.\nThe default value is `center`, which means the content is centered horizontally.",
+              "type": "HorizontalAlignment",
+              "inheritedFrom": {
+                "name": "ContentAlignable",
+                "module": "./../src/Controls/Behaviors/ContentAlignable.ts"
+              }
+            },
+            {
+              "name": "verticalContentAlignment",
+              "fieldName": "verticalContentAlignment",
+              "description": "A property that supports adjusting the vertical alignment of its content.\nThe default value is `center`, which means the content is centered vertically.",
+              "type": "VerticalAlignment",
+              "inheritedFrom": {
+                "name": "ContentAlignable",
+                "module": "./../src/Controls/Behaviors/ContentAlignable.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": "isBusy",
+              "fieldName": "isBusy",
+              "description": "A visual characteristics and presentation of this element.\nThe default value is `false`, which means the element is not busy.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Busyable",
+                "module": "./../src/Controls/Behaviors/Busyable.ts"
+              }
+            },
+            {
+              "name": "isChecked",
+              "fieldName": "isChecked",
+              "description": "Gets or sets the `isChecked` property.\nThe default value is `false`, which means the element is not checked.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Checkable",
+                "module": "./../src/Controls/Behaviors/Checkable.ts"
+              }
+            },
+            {
+              "name": "iconPosition",
+              "fieldName": "iconPosition",
+              "description": "Gets or sets the `iconPosition` property.\nThe default value is `before`, which means the icon is displayed before the content.",
+              "type": "IconPosition",
+              "inheritedFrom": {
+                "name": "Iconable",
+                "module": "./../src/Controls/Behaviors/Iconable.ts"
+              }
+            },
+            {
+              "name": "iconSize",
+              "fieldName": "iconSize",
+              "description": "Gets or sets the `iconSize` property.\nThe default value is `null`, which means the icon size is not specified.",
+              "type": "Size | null",
+              "inheritedFrom": {
+                "name": "Iconable",
+                "module": "./../src/Controls/Behaviors/Iconable.ts"
+              }
+            },
+            {
+              "name": "type",
+              "fieldName": "type",
+              "description": "The type of the button.",
+              "type": "ButtonType",
+              "inheritedFrom": {
+                "name": "IButtonBaseElementProps",
+                "module": "./../src/Controls/Components/Buttons/Abstracts/IButtonBaseElementProps.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": "size",
+              "fieldName": "size",
+              "description": "Gets or sets the `size` property.\nThe default value is `medium`, which means the element has a medium size.",
+              "type": "Size",
+              "inheritedFrom": {
+                "name": "Sizeable",
+                "module": "./../src/Controls/Behaviors/Sizeable.ts"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "description": "Gets or sets the `value` property.\nThe default value is `undefined`, which means the element has no value set.",
+              "type": "TType",
+              "inheritedFrom": {
+                "name": "Valueable",
+                "module": "./../src/Controls/Behaviors/Valueable.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": "isFocused",
+              "fieldName": "isFocused",
+              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `false`, which means the element is not focused.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Focusable",
+                "module": "./../src/Controls/Behaviors/Focusable.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": "--toggle-button-font-family",
+              "description": "The font family of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-font-size",
+              "description": "The font size of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-font-line-height",
+              "description": "The font line height of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-font-weight",
+              "description": "The font weight of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-font-letter-spacing",
+              "description": "The font letter spacing of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-font-text-decoration",
+              "description": "The font text decoration of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-font-text-transform",
+              "description": "The font text transform of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-padding-top",
+              "description": "The padding top of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-padding-right",
+              "description": "The padding right of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-padding-bottom",
+              "description": "The padding bottom of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-padding-left",
+              "description": "The padding left of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-gap",
+              "description": "The gap between elements of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-transition-duration",
+              "description": "The transition duration for the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-transition-mode",
+              "description": "The transition mode for the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-transition-property",
+              "description": "The transition property for the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-background-color",
+              "description": "The background color of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-border-color",
+              "description": "The border color of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-foreground-color",
+              "description": "The foreground color of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-border-width",
+              "description": "The border width of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-border-radius",
+              "description": "The border radius of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-border-style",
+              "description": "The border style of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-shadow",
+              "description": "The shadow of the toggle button.",
+              "type": "String"
+            },
+            {
+              "name": "--focus-ring-outward-offset",
+              "description": "The outward offset of the focus ring.",
+              "type": "String"
+            },
+            {
+              "name": "--toggle-button-line-height",
+              "description": "The line height of the toggle button text.",
+              "type": "String"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "button",
+              "description": "The button part of the toggle button."
+            },
+            {
+              "name": "focusRing",
+              "description": "The focus ring part of the toggle button."
+            },
+            {
+              "name": "ripple",
+              "description": "The ripple part of the toggle button."
+            },
+            {
+              "name": "icon",
+              "description": "The icon part of the toggle button."
+            },
+            {
+              "name": "label",
+              "description": "The label part of the toggle button."
+            },
+            {
+              "name": "progressRing",
+              "description": "The progress ring part of the toggle button."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-toggle-button-group",
+          "declaration": {
+            "name": "ToggleButtonGroupElement",
+            "module": "./../src/Controls/Components/Buttons/ToggleButton/ToggleButtonGroupElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Invalidable",
+              "module": "./../src/Controls/Behaviors/Invalidable.ts"
+            },
+            {
+              "name": "Disableable",
+              "module": "./../src/Controls/Behaviors/Disableable.ts"
+            },
+            {
+              "name": "Orientable",
+              "module": "./../src/Controls/Behaviors/Orientable.ts"
+            },
+            {
+              "name": "Valueable",
+              "module": "./../src/Controls/Behaviors/Valueable.ts"
+            },
+            {
+              "name": "Appearanceable",
+              "module": "./../src/Controls/Behaviors/Appearanceable.ts"
+            },
+            {
+              "name": "Variantable",
+              "module": "./../src/Controls/Behaviors/Variantable.ts"
+            },
+            {
+              "name": "Slottable",
+              "module": "./../src/Controls/Behaviors/Slottable.ts"
+            }
+          ],
+          "description": "Toggle Button Group - A container for grouping multiple toggle buttons with single-selection behavior.",
+          "name": "ToggleButtonGroupElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "toggleChanged",
+              "privacy": "public",
+              "description": "[object Object],[object Object],[object Object]",
+              "type": "IEventEmitter<IToggleButtonGroupChangedEventDetail>"
+            },
+            {
+              "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": "invalid",
+              "privacy": "public",
+              "description": "Determines whether the element is invalid or not.\nIf `true`, the element will be invalid.\nThe default value is `false`, which means the element is valid.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Invalidable",
+                "module": "./../src/Controls/Behaviors/Invalidable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "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": {
+                "name": "Disableable",
+                "module": "./../src/Controls/Behaviors/Disableable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "privacy": "public",
+              "description": "Gets or sets the `orientation` property.\nThe default value is `horizontal`.",
+              "type": "Orientation",
+              "inheritedFrom": {
+                "name": "Orientable",
+                "module": "./../src/Controls/Behaviors/Orientable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "privacy": "public",
+              "description": "Gets or sets the `value` property.\nThe default value is `undefined`, which means the element has no value set.",
+              "type": "TType",
+              "inheritedFrom": {
+                "name": "Valueable",
+                "module": "./../src/Controls/Behaviors/Valueable.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": "Variantable",
+                "module": "./../src/Controls/Behaviors/Variantable.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",
+              "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"
+              }
+            },
+            {
+              "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"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onSlotChanges",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Called when the slot changes.\nThis method is a hook that can be overridden.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "privacy": "public",
+              "type": "(): boolean",
+              "description": "Returns whether a form will validate when it is submitted, without having to submit it.",
+              "parameters": [],
+              "return": {
+                "type": "boolean"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reset",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Resets the element to its initial state.",
+              "parameters": [],
+              "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": "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": {
+                "description": "The assigned elements of a slot."
+              },
+              "inheritedFrom": {
+                "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"
+              }
+            },
+            {
+              "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"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "on",
+              "privacy": "public",
+              "type": "<TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): any, options?: boolean | ... 1 more ... | 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]) => any"
+                },
+                {
+                  "name": "options",
+                  "type": "boolean | AddEventListenerOptions"
+                }
+              ],
+              "return": {
+                "type": "IEventListenerSubscription"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "off",
+              "privacy": "public",
+              "type": "{ (subscription: IEventListenerSubscription): void; <TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): any): void; }",
+              "description": "Removes an event listener.",
+              "parameters": [
+                {
+                  "name": "subscription",
+                  "type": "IEventListenerSubscription"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emit",
+              "privacy": "public",
+              "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": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "requestUpdate",
+              "privacy": "public",
+              "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": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "tagName": "mosaik-toggle-button-group",
+          "events": [
+            {
+              "description": "Called when the selection in the group changes.",
+              "name": "toggleChanged",
+              "type": "Event"
+            },
+            {
+              "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": "Called when the element is disconnected from the DOM.",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
+            },
+            {
+              "description": "Called when the element will be updated.",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "attributes": [
             {
-              "description": "The icon slot.",
-              "name": "icon"
+              "name": "invalid",
+              "fieldName": "invalid",
+              "description": "Determines whether the element is invalid or not.\nIf `true`, the element will be invalid.\nThe default value is `false`, which means the element is valid.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Invalidable",
+                "module": "./../src/Controls/Behaviors/Invalidable.ts"
+              }
             },
             {
-              "description": "The overlay slot (useful for badge).",
-              "name": "overlay"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "reverse",
-              "fieldName": "reverse",
-              "description": "Gets or sets the `reverse` property.\nIf `true`, the element will be reversed in its orientation.\nThe default value is `false`, which means the element is not reversed.",
+              "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": "Reversible",
-                "module": "./../src/Controls/Behaviors/Reversible.ts"
+                "name": "Disableable",
+                "module": "./../src/Controls/Behaviors/Disableable.ts"
               }
             },
             {
@@ -8682,116 +9617,6 @@
                 "module": "./../src/Controls/Behaviors/Orientable.ts"
               }
             },
-            {
-              "name": "horizontalContentAlignment",
-              "fieldName": "horizontalContentAlignment",
-              "description": "A property that supports adjusting the horizontal alignment of its content.\nThe default value is `center`, which means the content is centered horizontally.",
-              "type": "HorizontalAlignment",
-              "inheritedFrom": {
-                "name": "ContentAlignable",
-                "module": "./../src/Controls/Behaviors/ContentAlignable.ts"
-              }
-            },
-            {
-              "name": "verticalContentAlignment",
-              "fieldName": "verticalContentAlignment",
-              "description": "A property that supports adjusting the vertical alignment of its content.\nThe default value is `center`, which means the content is centered vertically.",
-              "type": "VerticalAlignment",
-              "inheritedFrom": {
-                "name": "ContentAlignable",
-                "module": "./../src/Controls/Behaviors/ContentAlignable.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": "isBusy",
-              "fieldName": "isBusy",
-              "description": "A visual characteristics and presentation of this element.\nThe default value is `false`, which means the element is not busy.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "Busyable",
-                "module": "./../src/Controls/Behaviors/Busyable.ts"
-              }
-            },
-            {
-              "name": "isChecked",
-              "fieldName": "isChecked",
-              "description": "Gets or sets the `isChecked` property.\nThe default value is `false`, which means the element is not checked.",
-              "type": "boolean",
-              "inheritedFrom": {
-                "name": "Checkable",
-                "module": "./../src/Controls/Behaviors/Checkable.ts"
-              }
-            },
-            {
-              "name": "iconPosition",
-              "fieldName": "iconPosition",
-              "description": "Gets or sets the `iconPosition` property.\nThe default value is `before`, which means the icon is displayed before the content.",
-              "type": "IconPosition",
-              "inheritedFrom": {
-                "name": "Iconable",
-                "module": "./../src/Controls/Behaviors/Iconable.ts"
-              }
-            },
-            {
-              "name": "iconSize",
-              "fieldName": "iconSize",
-              "description": "Gets or sets the `iconSize` property.\nThe default value is `null`, which means the icon size is not specified.",
-              "type": "Size | null",
-              "inheritedFrom": {
-                "name": "Iconable",
-                "module": "./../src/Controls/Behaviors/Iconable.ts"
-              }
-            },
-            {
-              "name": "type",
-              "fieldName": "type",
-              "description": "The type of the button.",
-              "type": "ButtonType",
-              "inheritedFrom": {
-                "name": "IButtonBaseElementProps",
-                "module": "./../src/Controls/Components/Buttons/Abstracts/IButtonBaseElementProps.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": "size",
-              "fieldName": "size",
-              "description": "Gets or sets the `size` property.\nThe default value is `medium`, which means the element has a medium size.",
-              "type": "Size",
-              "inheritedFrom": {
-                "name": "Sizeable",
-                "module": "./../src/Controls/Behaviors/Sizeable.ts"
-              }
-            },
             {
               "name": "value",
               "fieldName": "value",
@@ -8803,23 +9628,23 @@
               }
             },
             {
-              "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",
+              "name": "appearance",
+              "fieldName": "appearance",
+              "description": "A visual characteristics and presentation of the element.\nThe default value is `default`.",
+              "type": "Appearance",
               "inheritedFrom": {
-                "name": "Disableable",
-                "module": "./../src/Controls/Behaviors/Disableable.ts"
+                "name": "Appearanceable",
+                "module": "./../src/Controls/Behaviors/Appearanceable.ts"
               }
             },
             {
-              "name": "isFocused",
-              "fieldName": "isFocused",
-              "description": "Gets or sets a value indicating whether this element is displayed in the UI.\nThe default value is `false`, which means the element is not focused.",
-              "type": "boolean",
+              "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": "Focusable",
-                "module": "./../src/Controls/Behaviors/Focusable.ts"
+                "name": "Variantable",
+                "module": "./../src/Controls/Behaviors/Variantable.ts"
               }
             },
             {
@@ -8842,154 +9667,6 @@
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             }
-          ],
-          "cssProperties": [
-            {
-              "name": "--toggle-button-font-family",
-              "description": "The font family of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-font-size",
-              "description": "The font size of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-font-line-height",
-              "description": "The font line height of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-font-weight",
-              "description": "The font weight of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-font-letter-spacing",
-              "description": "The font letter spacing of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-font-text-decoration",
-              "description": "The font text decoration of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-font-text-transform",
-              "description": "The font text transform of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-padding-top",
-              "description": "The padding top of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-padding-right",
-              "description": "The padding right of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-padding-bottom",
-              "description": "The padding bottom of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-padding-left",
-              "description": "The padding left of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-gap",
-              "description": "The gap between elements of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-transition-duration",
-              "description": "The transition duration for the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-transition-mode",
-              "description": "The transition mode for the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-transition-property",
-              "description": "The transition property for the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-background-color",
-              "description": "The background color of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-border-color",
-              "description": "The border color of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-foreground-color",
-              "description": "The foreground color of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-border-width",
-              "description": "The border width of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-border-radius",
-              "description": "The border radius of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-border-style",
-              "description": "The border style of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-shadow",
-              "description": "The shadow of the toggle button.",
-              "type": "String"
-            },
-            {
-              "name": "--focus-ring-outward-offset",
-              "description": "The outward offset of the focus ring.",
-              "type": "String"
-            },
-            {
-              "name": "--toggle-button-line-height",
-              "description": "The line height of the toggle button text.",
-              "type": "String"
-            }
-          ],
-          "cssParts": [
-            {
-              "name": "button",
-              "description": "The button part of the toggle button."
-            },
-            {
-              "name": "focusRing",
-              "description": "The focus ring part of the toggle button."
-            },
-            {
-              "name": "ripple",
-              "description": "The ripple part of the toggle button."
-            },
-            {
-              "name": "icon",
-              "description": "The icon part of the toggle button."
-            },
-            {
-              "name": "label",
-              "description": "The label part of the toggle button."
-            },
-            {
-              "name": "progressRing",
-              "description": "The progress ring part of the toggle button."
-            }
           ]
         }
       ]
@@ -12829,7 +13506,7 @@
           "members": [
             {
               "kind": "field",
-              "name": "submited",
+              "name": "submitted",
               "privacy": "public",
               "description": "[object Object],[object Object],[object Object]",
               "type": "IEventEmitter<IFormSubmitEventDetail>"
@@ -13195,7 +13872,7 @@
           "events": [
             {
               "description": "Fired when the form is submitted.",
-              "name": "submited",
+              "name": "submitted",
               "type": "CustomEvent"
             },
             {
@@ -53882,126 +54559,425 @@
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             }
-          ],
-          "tagName": "mosaik-absolute-item",
-          "events": [
+          ],
+          "tagName": "mosaik-absolute-item",
+          "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": "Called when the element is disconnected from the DOM.",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
+            },
+            {
+              "description": "Called when the element will be updated.",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot for placing child elements.",
+              "name": ""
+            }
+          ],
+          "attributes": [
+            {
+              "name": "left",
+              "fieldName": "left",
+              "description": "Gets or sets the `left` property.",
+              "type": "CssLength | null | undefined",
+              "inheritedFrom": {
+                "name": "IAbsoluteItemElementProps",
+                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+              }
+            },
+            {
+              "name": "top",
+              "fieldName": "top",
+              "description": "Gets or sets the `top` property.",
+              "type": "CssLength | null | undefined",
+              "inheritedFrom": {
+                "name": "IAbsoluteItemElementProps",
+                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+              }
+            },
+            {
+              "name": "bottom",
+              "fieldName": "bottom",
+              "description": "Gets or sets the `bottom` property.",
+              "type": "CssLength | null | undefined",
+              "inheritedFrom": {
+                "name": "IAbsoluteItemElementProps",
+                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+              }
+            },
+            {
+              "name": "right",
+              "fieldName": "right",
+              "description": "Gets or sets the `right` property.",
+              "type": "CssLength | null | undefined",
+              "inheritedFrom": {
+                "name": "IAbsoluteItemElementProps",
+                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.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/Layouts/Abstracts/LayoutElement.ts",
+      "exports": [
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "description": "[object Object],[object Object],[object Object]",
+          "name": "LayoutElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "items",
+              "privacy": "public",
+              "description": "Gets or sets the `items` property.",
+              "type": "HTMLElement[]"
+            },
+            {
+              "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",
+              "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"
+              }
+            },
+            {
+              "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"
+              }
+            },
+            {
+              "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"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "on",
+              "privacy": "public",
+              "type": "<TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): any, options?: boolean | ... 1 more ... | 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]) => any"
+                },
+                {
+                  "name": "options",
+                  "type": "boolean | AddEventListenerOptions"
+                }
+              ],
+              "return": {
+                "type": "IEventListenerSubscription"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "off",
+              "privacy": "public",
+              "type": "{ (subscription: IEventListenerSubscription): void; <TEvent extends keyof HTMLElementEventMap>(event: TEvent, listener: (this: HTMLElement, event: HTMLElementEventMap[TEvent]): any): void; }",
+              "description": "Removes an event listener.",
+              "parameters": [
+                {
+                  "name": "subscription",
+                  "type": "IEventListenerSubscription"
+                }
+              ],
+              "return": {
+                "type": "void"
+              },
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emit",
+              "privacy": "public",
+              "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": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "requestUpdate",
+              "privacy": "public",
+              "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": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Layouts/Dock/DockPanelElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-dock-panel",
+          "declaration": {
+            "name": "DockPanelElement",
+            "module": "./../src/Controls/Components/Layouts/Dock/DockPanelElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "LayoutElement",
+            "module": "./../src/Controls/Components/Layouts/Abstracts/LayoutElement.ts"
+          },
+          "mixins": [
             {
-              "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": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.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": "Reversible",
+              "module": "./../src/Controls/Behaviors/Reversible.ts"
             },
             {
-              "description": "Called when the element will be updated.",
-              "name": "changed",
-              "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-              },
-              "type": "Event"
-            }
-          ],
-          "slots": [
+              "name": "Orientable",
+              "module": "./../src/Controls/Behaviors/Orientable.ts"
+            },
             {
-              "description": "The default slot for placing child elements.",
-              "name": ""
+              "name": "Fitable",
+              "module": "./../src/Controls/Behaviors/Fitable.ts"
+            },
+            {
+              "name": "Gapable",
+              "module": "./../src/Controls/Behaviors/Gapable.ts"
             }
           ],
-          "attributes": [
+          "description": "DockPanel - A layout component used to arrange child components by docking them to specific edges or filling the remaining space.",
+          "name": "DockPanelElement",
+          "members": [
             {
-              "name": "left",
-              "fieldName": "left",
-              "description": "Gets or sets the `left` property.",
-              "type": "CssLength | null | undefined",
+              "kind": "field",
+              "name": "lastChildFill",
+              "privacy": "public",
+              "description": "The `lastChildFill` property determines whether the last child element should fill the remaining space.",
+              "type": "boolean",
+              "default": "\"true\"",
               "inheritedFrom": {
-                "name": "IAbsoluteItemElementProps",
-                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+                "name": "IDockPanelElementProps",
+                "module": "./../src/Controls/Components/Layouts/Dock/IDockPanelElementProps.ts"
               }
             },
             {
-              "name": "top",
-              "fieldName": "top",
-              "description": "Gets or sets the `top` property.",
-              "type": "CssLength | null | undefined",
+              "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": "IAbsoluteItemElementProps",
-                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+                "name": "IThemeableProps",
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
             {
-              "name": "bottom",
-              "fieldName": "bottom",
-              "description": "Gets or sets the `bottom` property.",
-              "type": "CssLength | null | undefined",
+              "kind": "field",
+              "name": "reverse",
+              "privacy": "public",
+              "description": "Gets or sets the `reverse` property.\nIf `true`, the element will be reversed in its orientation.\nThe default value is `false`, which means the element is not reversed.",
+              "type": "boolean",
               "inheritedFrom": {
-                "name": "IAbsoluteItemElementProps",
-                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+                "name": "Reversible",
+                "module": "./../src/Controls/Behaviors/Reversible.ts"
               }
             },
             {
-              "name": "right",
-              "fieldName": "right",
-              "description": "Gets or sets the `right` property.",
-              "type": "CssLength | null | undefined",
+              "kind": "field",
+              "name": "orientation",
+              "privacy": "public",
+              "description": "Gets or sets the `orientation` property.\nThe default value is `horizontal`.",
+              "type": "Orientation",
               "inheritedFrom": {
-                "name": "IAbsoluteItemElementProps",
-                "module": "./../src/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps.ts"
+                "name": "Orientable",
+                "module": "./../src/Controls/Behaviors/Orientable.ts"
               }
             },
             {
-              "name": "dir",
-              "fieldName": "dir",
-              "description": "Gets or sets the `dir` property.",
-              "type": "FlowDirection",
+              "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": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+                "name": "Fitable",
+                "module": "./../src/Controls/Behaviors/Fitable.ts"
               }
             },
             {
-              "name": "lang",
-              "fieldName": "lang",
-              "description": "Gets or sets the `lang` property.",
-              "type": "string",
+              "kind": "field",
+              "name": "gap",
+              "privacy": "public",
+              "description": "The `gap` represents the space between the child elements.\nThe default value is `0`, which means no gap is applied.",
+              "type": "Size | CssLength",
               "inheritedFrom": {
-                "name": "CustomElement",
-                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+                "name": "IGapableProps",
+                "module": "./../src/Controls/Behaviors/Gapable.ts"
               }
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "path": "./../src/Controls/Components/Layouts/Abstracts/LayoutElement.ts",
-      "exports": [
-        {
-          "kind": "class",
-          "superclass": {
-            "name": "CustomElement",
-            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
-          },
-          "description": "[object Object],[object Object],[object Object]",
-          "name": "LayoutElement",
-          "members": [
+            },
             {
               "kind": "field",
               "name": "items",
               "privacy": "public",
               "description": "Gets or sets the `items` property.",
-              "type": "HTMLElement[]"
+              "type": "HTMLElement[]",
+              "inheritedFrom": {
+                "name": "LayoutElement",
+                "module": "./../src/Controls/Components/Layouts/Abstracts/LayoutElement.ts"
+              }
             },
             {
               "kind": "field",
@@ -54178,6 +55154,105 @@
                 "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
               }
             }
+          ],
+          "tagName": "mosaik-dock-panel",
+          "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": "Called when the element is disconnected from the DOM.",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "CustomEvent"
+            },
+            {
+              "description": "Called when the element will be updated.",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot for child elements to be docked.",
+              "name": ""
+            }
+          ],
+          "attributes": [
+            {
+              "name": "lastChildFill",
+              "fieldName": "lastChildFill",
+              "defaultValue": "\"true\"",
+              "description": "The `lastChildFill` property determines whether the last child element should fill the remaining space.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IDockPanelElementProps",
+                "module": "./../src/Controls/Components/Layouts/Dock/IDockPanelElementProps.ts"
+              }
+            },
+            {
+              "name": "reverse",
+              "fieldName": "reverse",
+              "description": "Gets or sets the `reverse` property.\nIf `true`, the element will be reversed in its orientation.\nThe default value is `false`, which means the element is not reversed.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Reversible",
+                "module": "./../src/Controls/Behaviors/Reversible.ts"
+              }
+            },
+            {
+              "name": "orientation",
+              "fieldName": "orientation",
+              "description": "Gets or sets the `orientation` property.\nThe default value is `horizontal`.",
+              "type": "Orientation",
+              "inheritedFrom": {
+                "name": "Orientable",
+                "module": "./../src/Controls/Behaviors/Orientable.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",
+              "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"
+              }
+            }
           ]
         }
       ]
@@ -55074,7 +56149,7 @@
               "description": "The `gap` represents the space between the child elements.\nThe default value is `0`, which means no gap is applied.",
               "type": "Size | CssLength",
               "inheritedFrom": {
-                "name": "Gapable",
+                "name": "IGapableProps",
                 "module": "./../src/Controls/Behaviors/Gapable.ts"
               }
             },
@@ -57946,7 +59021,7 @@
               "description": "The `gap` represents the space between the child elements.\nThe default value is `0`, which means no gap is applied.",
               "type": "Size | CssLength",
               "inheritedFrom": {
-                "name": "Gapable",
+                "name": "IGapableProps",
                 "module": "./../src/Controls/Behaviors/Gapable.ts"
               }
             },
@@ -59838,7 +60913,7 @@
               "description": "The `gap` represents the space between the child elements.\nThe default value is `0`, which means no gap is applied.",
               "type": "Size | CssLength",
               "inheritedFrom": {
-                "name": "Gapable",
+                "name": "IGapableProps",
                 "module": "./../src/Controls/Behaviors/Gapable.ts"
               }
             },
@@ -104335,6 +105410,12 @@
               "type": "Event"
             }
           ],
+          "slots": [
+            {
+              "description": "The hint slot.",
+              "name": "hint"
+            }
+          ],
           "attributes": [
             {
               "name": "orientation",
@@ -125760,8 +126841,12 @@
               "name": "header"
             },
             {
-              "description": "The sub header slot.",
-              "name": "header-start"
+              "description": "The header before slot.",
+              "name": "header-before"
+            },
+            {
+              "description": "The header after slot.",
+              "name": "header-after"
             },
             {
               "description": "The steps slot.",