@breadstone/mosaik-elements-foundation 0.1.35 → 0.1.37

package/custom-elements.json

@@ -14904,7 +14904,7 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Charts/intl/ChartElementIntl.ts",
+      "path": "./../src/Controls/Components/Charts/intl2/ChartElementIntl.ts",
       "exports": [
         {
           "kind": "class",
@@ -44653,7 +44653,7 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Inputs/Calendar/intl/CalendarElementIntl.ts",
+      "path": "./../src/Controls/Components/Inputs/Calendar/intl2/CalendarElementIntl.ts",
       "exports": [
         {
           "kind": "class",
@@ -60444,7 +60444,7 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Inputs/FileUpload/intl/FileUploadElementIntl.ts",
+      "path": "./../src/Controls/Components/Inputs/FileUpload/intl2/FileUploadElementIntl.ts",
       "exports": [
         {
           "kind": "class",
@@ -68952,7 +68952,7 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Inputs/RichTextBox/intl/RichTextBoxElementIntl.ts",
+      "path": "./../src/Controls/Components/Inputs/RichTextBox/intl2/RichTextBoxElementIntl.ts",
       "exports": [
         {
           "kind": "class",
@@ -118563,7 +118563,7 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Media/Chat/intl/ChatElementIntl.ts",
+      "path": "./../src/Controls/Components/Media/Chat/intl2/ChatElementIntl.ts",
       "exports": [
         {
           "kind": "class",
@@ -140616,7 +140616,7 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Misc/CookieConsent/intl/CookiesConsentElementIntl.ts",
+      "path": "./../src/Controls/Components/Misc/CookieConsent/intl2/CookiesConsentElementIntl.ts",
       "exports": [
         {
           "kind": "class",
@@ -166248,6 +166248,1789 @@
         }
       ]
     },
+    {
+      "path": "./../src/Controls/Components/Primitives/Dropdown/DropdownAnchorElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-dropdown-anchor",
+          "declaration": {
+            "name": "DropdownAnchorElement",
+            "module": "./../src/Controls/Components/Primitives/Dropdown/DropdownAnchorElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            }
+          ],
+          "description": "Dropdown Anchor - A declarative alias element that projects its children into the anchor area of a Dropdown.",
+          "name": "DropdownAnchorElement",
+          "members": [
+            {
+              "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": {
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "privacy": "public",
+              "description": "The dir property indicates the directionality of the element's text.\n\nSupported values are:\n- `ltr`: Left-to-Right text direction (e.g. English, German)\n- `rtl`: Right-to-Left text direction (e.g. Arabic, Hebrew)\n- `auto`: Automatically determine direction based on content (default)",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "privacy": "public",
+              "description": "The lang property indicates the language of the element's content.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.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": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.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": "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": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.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]): 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"
+              }
+            },
+            {
+              "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"
+              }
+            },
+            {
+              "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-dropdown-anchor",
+          "events": [
+            {
+              "description": "Emitted when the element is connected to the DOM",
+              "name": "connected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when the element is disconnected from the DOM",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when any attribute changes before update",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot for anchor content.",
+              "name": ""
+            },
+            {
+              "description": "Custom styles injection slot for shadow DOM styling escape hatch",
+              "name": "style",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "dir",
+              "fieldName": "dir",
+              "description": "The dir property indicates the directionality of the element's text.\n\nSupported values are:\n- `ltr`: Left-to-Right text direction (e.g. English, German)\n- `rtl`: Right-to-Left text direction (e.g. Arabic, Hebrew)\n- `auto`: Automatically determine direction based on content (default)",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "fieldName": "lang",
+              "description": "The lang property indicates the language of the element's content.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Primitives/Dropdown/DropdownElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-dropdown",
+          "declaration": {
+            "name": "DropdownElement",
+            "module": "./../src/Controls/Components/Primitives/Dropdown/DropdownElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "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": "Disableable",
+              "module": "./../src/Controls/Behaviors/Disableable.ts"
+            }
+          ],
+          "description": "Dropdown - A generic anchored floating-content primitive for building dropdowns, popovers, menus, and floating panels.",
+          "name": "DropdownElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_anchorId",
+              "privacy": "public",
+              "description": "Gets the unique anchor ID for this instance.",
+              "type": "string"
+            },
+            {
+              "kind": "field",
+              "name": "_panelId",
+              "privacy": "public",
+              "description": "Gets the unique panel ID for this instance.",
+              "type": "string"
+            },
+            {
+              "kind": "field",
+              "name": "_anchorName",
+              "privacy": "public",
+              "description": "Gets the anchor name CSS custom property for CSS Anchor Positioning.",
+              "type": "string"
+            },
+            {
+              "kind": "field",
+              "name": "popupRole",
+              "privacy": "public",
+              "description": "Gets the current popup role based on the hasPopup property.",
+              "type": "string"
+            },
+            {
+              "kind": "field",
+              "name": "isVisible",
+              "privacy": "public",
+              "description": "Gets whether the panel is currently visible.\nThis is separate from `open` to allow exit animations to complete before hiding.",
+              "type": "boolean"
+            },
+            {
+              "kind": "field",
+              "name": "openChanged",
+              "privacy": "public",
+              "description": "Called when the open state changes.",
+              "type": "IEventEmitter<{ open: boolean; reason: DropdownChangeReason; }>"
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "privacy": "public",
+              "description": "Gets or sets the `placement` property.",
+              "type": "Placement",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "strategy",
+              "privacy": "public",
+              "description": "Gets or sets the `strategy` property.",
+              "type": "Strategy",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "offset",
+              "privacy": "public",
+              "description": "Gets or sets the `offset` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "skidding",
+              "privacy": "public",
+              "description": "Gets or sets the `skidding` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "privacy": "public",
+              "description": "Gets or sets the `open` property.\nSupports both controlled and uncontrolled usage.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "trigger",
+              "privacy": "public",
+              "description": "Gets or sets the `trigger` property.",
+              "type": "DropdownTrigger",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closeOnOutsideClick",
+              "privacy": "public",
+              "description": "Gets or sets the `closeOnOutsideClick` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closeOnEscape",
+              "privacy": "public",
+              "description": "Gets or sets the `closeOnEscape` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closeOnSelect",
+              "privacy": "public",
+              "description": "Gets or sets the `closeOnSelect` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "restoreFocus",
+              "privacy": "public",
+              "description": "Gets or sets the `restoreFocus` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasPopup",
+              "privacy": "public",
+              "description": "Gets or sets the `hasPopup` property.",
+              "type": "string | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "matchAnchorWidth",
+              "privacy": "public",
+              "description": "Gets or sets the `matchAnchorWidth` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maxHeight",
+              "privacy": "public",
+              "description": "Gets or sets the `maxHeight` property.",
+              "type": "CssLength",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "privacy": "public",
+              "description": "Gets or sets the `height` property.",
+              "type": "CssLength | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "privacy": "public",
+              "description": "Gets or sets the `width` property.",
+              "type": "CssLength | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maxWidth",
+              "privacy": "public",
+              "description": "Gets or sets the `maxWidth` property.",
+              "type": "CssLength | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dropDownPlacement",
+              "privacy": "public",
+              "description": "Gets or sets the `dropDownPlacement` property.",
+              "type": "Placement",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dropDownStrategy",
+              "privacy": "public",
+              "description": "Gets or sets the `dropDownStrategy` property.",
+              "type": "Strategy",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dropDownDistance",
+              "privacy": "public",
+              "description": "Gets or sets the `dropDownDistance` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dropDownSkidding",
+              "privacy": "public",
+              "description": "Gets or sets the `dropDownSkidding` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dropDownStaysOpen",
+              "privacy": "public",
+              "description": "Gets or sets the `dropDownStaysOpen` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dropDownMaxHeight",
+              "privacy": "public",
+              "description": "Gets or sets the `dropDownMaxHeight` property.",
+              "type": "CssLength",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dropDownHeight",
+              "privacy": "public",
+              "description": "Gets or sets the `dropDownHeight` property.",
+              "type": "CssLength | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dropDownMaxWidth",
+              "privacy": "public",
+              "description": "Gets or sets the `dropDownMaxWidth` property.",
+              "type": "CssLength | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dropDownWidth",
+              "privacy": "public",
+              "description": "Gets or sets the `dropDownWidth` property.",
+              "type": "CssLength | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isDropDownOpen",
+              "privacy": "public",
+              "description": "Gets or sets the `isDropDownOpen` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.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": {
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "animationTarget",
+              "privacy": "public",
+              "description": "Gets the animation target element.\nAnimations are applied to the panel element.",
+              "type": "HTMLElement",
+              "inheritedFrom": {
+                "name": "Animatable",
+                "module": "./../src/Controls/Behaviors/Animatable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "enter",
+              "privacy": "public",
+              "description": "The enter animation configuration.\nThe default value is `null` (no animation).",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/Animatable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "exit",
+              "privacy": "public",
+              "description": "The exit animation configuration.\nThe default value is `null` (no animation).",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/Animatable.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": "dir",
+              "privacy": "public",
+              "description": "The dir property indicates the directionality of the element's text.\n\nSupported values are:\n- `ltr`: Left-to-Right text direction (e.g. English, German)\n- `rtl`: Right-to-Left text direction (e.g. Arabic, Hebrew)\n- `auto`: Automatically determine direction based on content (default)",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "privacy": "public",
+              "description": "The lang property indicates the language of the element's content.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.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": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.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": "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": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "openDropdown",
+              "privacy": "public",
+              "type": "(reason?: DropdownChangeReason): void",
+              "description": "Opens the dropdown.",
+              "parameters": [
+                {
+                  "name": "reason",
+                  "type": "DropdownChangeReason",
+                  "description": "The reason for opening."
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "closeDropdown",
+              "privacy": "public",
+              "type": "(reason?: DropdownChangeReason): void",
+              "description": "Closes the dropdown.",
+              "parameters": [
+                {
+                  "name": "reason",
+                  "type": "DropdownChangeReason",
+                  "description": "The reason for closing."
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggleDropdown",
+              "privacy": "public",
+              "type": "(reason?: DropdownChangeReason): void",
+              "description": "Toggles the dropdown.",
+              "parameters": [
+                {
+                  "name": "reason",
+                  "type": "DropdownChangeReason",
+                  "description": "The reason for toggling."
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updatePosition",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Updates the panel position. With native CSS Anchor Positioning,\nthis is usually not needed but serves as an imperative escape hatch.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onAnchorSlotChange",
+              "privacy": "public",
+              "type": "(_event: Event): void",
+              "description": "Handles anchor slot changes.",
+              "parameters": [
+                {
+                  "name": "_event"
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onPanelSlotChange",
+              "privacy": "public",
+              "type": "(_event: Event): void",
+              "description": "Handles panel slot changes.",
+              "parameters": [
+                {
+                  "name": "_event"
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "play",
+              "privacy": "public",
+              "type": "(animation: IAnimationReferenceMetadata): Promise<boolean>",
+              "parameters": [
+                {
+                  "name": "animation",
+                  "type": "IAnimationReferenceMetadata"
+                }
+              ],
+              "return": {
+                "type": "Promise<boolean>"
+              },
+              "inheritedFrom": {
+                "name": "Animatable",
+                "module": "./../src/Controls/Behaviors/Animatable.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]): 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"
+              }
+            },
+            {
+              "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"
+              }
+            },
+            {
+              "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-dropdown",
+          "events": [
+            {
+              "description": "Fired when the open state changes.",
+              "name": "openChanged",
+              "type": "CustomEvent"
+            },
+            {
+              "name": "slotchange",
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when the element is connected to the DOM",
+              "name": "connected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when the element is disconnected from the DOM",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when any attribute changes before update",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The anchor content that triggers the dropdown.",
+              "name": "anchor"
+            },
+            {
+              "description": "The floating panel content.",
+              "name": "panel"
+            },
+            {
+              "description": "Custom styles injection slot for shadow DOM styling escape hatch",
+              "name": "style",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "placement",
+              "fieldName": "placement",
+              "description": "Gets or sets the `placement` property.",
+              "type": "Placement",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "strategy",
+              "fieldName": "strategy",
+              "description": "Gets or sets the `strategy` property.",
+              "type": "Strategy",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "offset",
+              "fieldName": "offset",
+              "description": "Gets or sets the `offset` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "skidding",
+              "fieldName": "skidding",
+              "description": "Gets or sets the `skidding` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "open",
+              "fieldName": "open",
+              "description": "Gets or sets the `open` property.\nSupports both controlled and uncontrolled usage.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "trigger",
+              "fieldName": "trigger",
+              "description": "Gets or sets the `trigger` property.",
+              "type": "DropdownTrigger",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "close-on-outside-click",
+              "fieldName": "closeOnOutsideClick",
+              "description": "Gets or sets the `closeOnOutsideClick` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "close-on-escape",
+              "fieldName": "closeOnEscape",
+              "description": "Gets or sets the `closeOnEscape` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "close-on-select",
+              "fieldName": "closeOnSelect",
+              "description": "Gets or sets the `closeOnSelect` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "restore-focus",
+              "fieldName": "restoreFocus",
+              "description": "Gets or sets the `restoreFocus` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "has-popup",
+              "fieldName": "hasPopup",
+              "description": "Gets or sets the `hasPopup` property.",
+              "type": "string | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "match-anchor-width",
+              "fieldName": "matchAnchorWidth",
+              "description": "Gets or sets the `matchAnchorWidth` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "max-height",
+              "fieldName": "maxHeight",
+              "description": "Gets or sets the `maxHeight` property.",
+              "type": "CssLength",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "height",
+              "fieldName": "height",
+              "description": "Gets or sets the `height` property.",
+              "type": "CssLength | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "width",
+              "fieldName": "width",
+              "description": "Gets or sets the `width` property.",
+              "type": "CssLength | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "max-width",
+              "fieldName": "maxWidth",
+              "description": "Gets or sets the `maxWidth` property.",
+              "type": "CssLength | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Components/Primitives/Dropdown/IDropdownElementProps.ts"
+              }
+            },
+            {
+              "name": "drop-down-placement",
+              "fieldName": "dropDownPlacement",
+              "description": "Gets or sets the `dropDownPlacement` property.",
+              "type": "Placement",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "name": "drop-down-strategy",
+              "fieldName": "dropDownStrategy",
+              "description": "Gets or sets the `dropDownStrategy` property.",
+              "type": "Strategy",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "name": "drop-down-distance",
+              "fieldName": "dropDownDistance",
+              "description": "Gets or sets the `dropDownDistance` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "name": "drop-down-skidding",
+              "fieldName": "dropDownSkidding",
+              "description": "Gets or sets the `dropDownSkidding` property.",
+              "type": "number",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "name": "drop-down-stays-open",
+              "fieldName": "dropDownStaysOpen",
+              "description": "Gets or sets the `dropDownStaysOpen` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "name": "drop-down-max-height",
+              "fieldName": "dropDownMaxHeight",
+              "description": "Gets or sets the `dropDownMaxHeight` property.",
+              "type": "CssLength",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "name": "drop-down-height",
+              "fieldName": "dropDownHeight",
+              "description": "Gets or sets the `dropDownHeight` property.",
+              "type": "CssLength | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "name": "drop-down-max-width",
+              "fieldName": "dropDownMaxWidth",
+              "description": "Gets or sets the `dropDownMaxWidth` property.",
+              "type": "CssLength | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "name": "drop-down-width",
+              "fieldName": "dropDownWidth",
+              "description": "Gets or sets the `dropDownWidth` property.",
+              "type": "CssLength | undefined",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "name": "is-drop-down-open",
+              "fieldName": "isDropDownOpen",
+              "description": "Gets or sets the `isDropDownOpen` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/DropDownable.ts"
+              }
+            },
+            {
+              "name": "enter",
+              "fieldName": "enter",
+              "description": "The enter animation configuration.\nThe default value is `null` (no animation).",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/Animatable.ts"
+              }
+            },
+            {
+              "name": "exit",
+              "fieldName": "exit",
+              "description": "The exit animation configuration.\nThe default value is `null` (no animation).",
+              "type": "IAnimationReferenceMetadata | null",
+              "inheritedFrom": {
+                "module": "./../src/Controls/Behaviors/Animatable.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": "dir",
+              "fieldName": "dir",
+              "description": "The dir property indicates the directionality of the element's text.\n\nSupported values are:\n- `ltr`: Left-to-Right text direction (e.g. English, German)\n- `rtl`: Right-to-Left text direction (e.g. Arabic, Hebrew)\n- `auto`: Automatically determine direction based on content (default)",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "fieldName": "lang",
+              "description": "The lang property indicates the language of the element's content.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "cssProperties": [
+            {
+              "name": "--dropdown-background-color",
+              "description": "The background color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-border-color",
+              "description": "The border color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-border-radius",
+              "description": "The border radius CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-border-style",
+              "description": "The border style CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-border-width",
+              "description": "The border width CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-font-family",
+              "description": "The font family CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-font-letter-spacing",
+              "description": "The font letter spacing CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-font-line-height",
+              "description": "The font line height CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-font-size",
+              "description": "The font size CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-font-text-decoration",
+              "description": "The font text decoration CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-font-text-transform",
+              "description": "The font text transform CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-font-weight",
+              "description": "The font weight CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-foreground-color",
+              "description": "The foreground color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-gap",
+              "description": "The gap CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-padding-bottom",
+              "description": "The padding bottom CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-padding-left",
+              "description": "The padding left CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-padding-right",
+              "description": "The padding right CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-padding-top",
+              "description": "The padding top CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-panel-background-color",
+              "description": "The background color of the dropdown panel.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-panel-border-color",
+              "description": "The border color of the dropdown panel.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-panel-border-radius",
+              "description": "The border radius of the dropdown panel.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-panel-border-style",
+              "description": "The border style of the dropdown panel.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-panel-border-width",
+              "description": "The border width of the dropdown panel.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-panel-box-shadow",
+              "description": "The box shadow of the dropdown panel.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-panel-max-height",
+              "description": "The max height of the dropdown panel.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-panel-offset",
+              "description": "The offset between anchor and panel.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-panel-padding",
+              "description": "The padding of the dropdown panel.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-panel-z-index",
+              "description": "The z-index of the dropdown panel.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-shadow",
+              "description": "The shadow CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-shadow-blur",
+              "description": "The shadow blur CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-shadow-color",
+              "description": "The shadow color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-shadow-offset-x",
+              "description": "The shadow offset x CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-shadow-offset-y",
+              "description": "The shadow offset y CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-shadow-spread",
+              "description": "The shadow spread CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-transition-duration",
+              "description": "The transition duration CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-transition-mode",
+              "description": "The transition mode CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-transition-property",
+              "description": "The transition property CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--dropdown-translate",
+              "description": "The translate CSS custom property.",
+              "type": "String"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "anchor",
+              "description": "The anchor wrapper part."
+            },
+            {
+              "name": "panel",
+              "description": "The panel wrapper part."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Primitives/Dropdown/DropdownPanelElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-dropdown-panel",
+          "declaration": {
+            "name": "DropdownPanelElement",
+            "module": "./../src/Controls/Components/Primitives/Dropdown/DropdownPanelElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            }
+          ],
+          "description": "Dropdown Panel - A declarative alias element that projects its children into the panel area of a Dropdown.",
+          "name": "DropdownPanelElement",
+          "members": [
+            {
+              "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": {
+                "module": "./../src/Controls/Behaviors/Themeable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "privacy": "public",
+              "description": "The dir property indicates the directionality of the element's text.\n\nSupported values are:\n- `ltr`: Left-to-Right text direction (e.g. English, German)\n- `rtl`: Right-to-Left text direction (e.g. Arabic, Hebrew)\n- `auto`: Automatically determine direction based on content (default)",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "privacy": "public",
+              "description": "The lang property indicates the language of the element's content.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.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": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.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": "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": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.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]): 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"
+              }
+            },
+            {
+              "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"
+              }
+            },
+            {
+              "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-dropdown-panel",
+          "events": [
+            {
+              "description": "Emitted when the element is connected to the DOM",
+              "name": "connected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when the element is disconnected from the DOM",
+              "name": "disconnected",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            },
+            {
+              "description": "Emitted when any attribute changes before update",
+              "name": "changed",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              },
+              "type": "Event"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot for panel content.",
+              "name": ""
+            },
+            {
+              "description": "Custom styles injection slot for shadow DOM styling escape hatch",
+              "name": "style",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "dir",
+              "fieldName": "dir",
+              "description": "The dir property indicates the directionality of the element's text.\n\nSupported values are:\n- `ltr`: Left-to-Right text direction (e.g. English, German)\n- `rtl`: Right-to-Left text direction (e.g. Arabic, Hebrew)\n- `auto`: Automatically determine direction based on content (default)",
+              "type": "FlowDirection",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "fieldName": "lang",
+              "description": "The lang property indicates the language of the element's content.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "CustomElement",
+                "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+              }
+            }
+          ]
+        }
+      ]
+    },
     {
       "path": "./../src/Controls/Components/Primitives/Elevation/ElevationElement.ts",
       "exports": [