@breadstone/mosaik-elements-foundation 0.0.269 → 0.0.271

package/custom-elements.json

@@ -39515,6 +39515,10 @@
               "description": "The footer slot.",
               "name": "footer"
             },
+            {
+              "description": "The header slot.",
+              "name": "header"
+            },
             {
               "description": "Custom styles injection slot for shadow DOM styling escape hatch",
               "name": "style",
@@ -39938,6 +39942,10 @@
               "name": "daysView",
               "description": "The daysView part."
             },
+            {
+              "name": "footer",
+              "description": "The footer part."
+            },
             {
               "name": "header",
               "description": "The header part."
@@ -55347,6 +55355,14 @@
             }
           ],
           "cssParts": [
+            {
+              "name": "ampm-button",
+              "description": "The ampm-button part."
+            },
+            {
+              "name": "ampm-toggle",
+              "description": "The ampm-toggle part."
+            },
             {
               "name": "calendar",
               "description": "The calendar part."
@@ -55355,10 +55371,18 @@
               "name": "clear",
               "description": "The clear part."
             },
+            {
+              "name": "datetime-content",
+              "description": "The datetime-content part."
+            },
             {
               "name": "focusRing",
               "description": "The focusRing part."
             },
+            {
+              "name": "hour-column",
+              "description": "The hour-column part."
+            },
             {
               "name": "inner",
               "description": "The inner part."
@@ -55371,6 +55395,10 @@
               "name": "label",
               "description": "The label part."
             },
+            {
+              "name": "minute-column",
+              "description": "The minute-column part."
+            },
             {
               "name": "picker",
               "description": "The picker part."
@@ -55390,6 +55418,18 @@
             {
               "name": "suffix",
               "description": "The suffix part."
+            },
+            {
+              "name": "time-columns",
+              "description": "The time-columns part."
+            },
+            {
+              "name": "time-divider",
+              "description": "The time-divider part."
+            },
+            {
+              "name": "time-picker",
+              "description": "The time-picker part."
             }
           ]
         }
@@ -56581,7 +56621,7 @@
       ]
     },
     {
-      "path": "./../src/Controls/Components/Inputs/FileUpload/Accessors/FileUploadElementValueAccessor.ts",
+      "path": "./../src/Controls/Components/Inputs/FileBox/Accessors/FileBoxElementValueAccessor.ts",
       "exports": [
         {
           "kind": "class",
@@ -56589,8 +56629,8 @@
             "name": "ElementValueAccessorBase",
             "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
           },
-          "description": "The `FileUploadElementValueAccessor` class.",
-          "name": "FileUploadElementValueAccessor",
+          "description": "The `FileBoxElementValueAccessor` class.",
+          "name": "FileBoxElementValueAccessor",
           "members": [
             {
               "kind": "method",
@@ -56606,12 +56646,12 @@
               "kind": "method",
               "name": "writeValue",
               "privacy": "public",
-              "type": "(value: IFileInfo | IFileInfo[] | null): void",
+              "type": "(value: string | null): void",
               "description": "Writes a new value to the element.",
               "parameters": [
                 {
                   "name": "value",
-                  "type": "IFileInfo | IFileInfo[] | null"
+                  "type": "string | null"
                 }
               ],
               "return": {
@@ -56713,79 +56753,173 @@
         },
         {
           "kind": "variable",
-          "name": "fileUploadElementValueAccessor",
-          "type": "ElementValueAccessorFn<FileUploadElement>"
+          "name": "fileBoxElementValueAccessor",
+          "type": "ElementValueAccessorFn<FileBoxElement>"
         }
       ]
     },
     {
-      "path": "./../src/Controls/Components/Inputs/FileUpload/FilePickerElement.ts",
+      "path": "./../src/Controls/Components/Inputs/FileBox/FileBoxElement.ts",
       "exports": [
         {
           "kind": "definition",
-          "name": "mosaik-file-picker",
+          "name": "mosaik-filebox",
           "declaration": {
-            "name": "FilePickerElement",
-            "module": "./../src/Controls/Components/Inputs/FileUpload/FilePickerElement.ts"
+            "name": "FileBoxElement",
+            "module": "./../src/Controls/Components/Inputs/FileBox/FileBoxElement.ts"
           }
         },
         {
           "kind": "class",
           "superclass": {
-            "name": "CustomElement",
-            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+            "name": "InputBaseElement",
+            "module": "./../src/Controls/Components/Inputs/Abstracts/InputBase.ts"
           },
           "mixins": [
             {
               "name": "Themeable",
               "module": "./../src/Controls/Behaviors/Themeable.ts"
             },
+            {
+              "name": "Slottable",
+              "module": "./../src/Controls/Behaviors/Slottable.ts"
+            },
+            {
+              "name": "Clearable",
+              "module": "./../src/Controls/Behaviors/Clearable.ts"
+            },
             {
               "name": "Disableable",
               "module": "./../src/Controls/Behaviors/Disableable.ts"
+            },
+            {
+              "name": "Invalidable",
+              "module": "./../src/Controls/Behaviors/Invalidable.ts"
+            },
+            {
+              "name": "Valueable",
+              "module": "./../src/Controls/Behaviors/Valueable.ts"
+            },
+            {
+              "name": "Variantable",
+              "module": "./../src/Controls/Behaviors/Variantable.ts"
+            },
+            {
+              "name": "Labelable",
+              "module": "./../src/Controls/Behaviors/Labelable.ts"
+            },
+            {
+              "name": "Appearanceable",
+              "module": "./../src/Controls/Behaviors/Appearanceable.ts"
             }
           ],
-          "description": "File Picker - A user interface component that allows users to select files from their device.",
-          "name": "FilePickerElement",
+          "description": "File Box - A text-box-styled file input control with a trailing browse button.",
+          "name": "FileBoxElement",
           "members": [
             {
               "kind": "field",
-              "name": "filesPicked",
+              "name": "filesSelected",
               "privacy": "public",
-              "description": "Called when files are picked.\nProvides reference to `IEventDetail` as event detail.",
-              "type": "IEventEmitter<IFilesPickedEventDetail>"
+              "description": "Called when files are selected.\nProvides reference to `IFilesSelectedEventDetail` as event detail.",
+              "type": "IEventEmitter<IFilesSelectedEventDetail>"
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "privacy": "public",
+              "description": "Gets or sets the `readonly` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "privacy": "public",
+              "description": "Gets or sets the `required` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "privacy": "public",
+              "description": "Gets or sets the `autofocus` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "privacy": "public",
+              "description": "Gets or sets the `name` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "privacy": "public",
+              "description": "Gets or sets the `placeholder` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
             },
             {
               "kind": "field",
               "name": "multiple",
               "privacy": "public",
-              "description": "Gets or sets the `multiple` property.",
+              "description": "Gets or sets the `multiple` property.\nWhen true, allows selecting multiple files.",
               "type": "boolean",
               "inheritedFrom": {
-                "name": "IFilePickerElementProps",
-                "module": "./../src/Controls/Components/Inputs/FileUpload/IFilePickerElementProps.ts"
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
               }
             },
             {
               "kind": "field",
               "name": "accept",
               "privacy": "public",
-              "description": "Gets or sets the `accept` property.",
+              "description": "Gets or sets the `accept` property.\nSpecifies the file types that the file input should accept.",
               "type": "string[]",
               "inheritedFrom": {
-                "name": "IFilePickerElementProps",
-                "module": "./../src/Controls/Components/Inputs/FileUpload/IFilePickerElementProps.ts"
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
               }
             },
             {
               "kind": "field",
               "name": "directory",
               "privacy": "public",
-              "description": "Gets or sets the `directory` property.",
+              "description": "Gets or sets the `directory` property.\nWhen true, allows selecting directories instead of files.",
               "type": "boolean",
               "inheritedFrom": {
-                "name": "IFilePickerElementProps",
-                "module": "./../src/Controls/Components/Inputs/FileUpload/IFilePickerElementProps.ts"
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "files",
+              "privacy": "public",
+              "description": "Gets or sets the selected files.",
+              "type": "readonly File[]",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
               }
             },
             {
@@ -56798,6 +56932,83 @@
                 "module": "./../src/Controls/Behaviors/Themeable.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "isClearable",
+              "privacy": "public",
+              "description": "Determines whether the element is clearable or not.\nClearable means that a clear button will be displayed when the element has a value.\nWhen the clear button is clicked, the value of the element will be cleared.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Clearable",
+                "module": "./../src/Controls/Behaviors/Clearable.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "cleared",
+              "privacy": "public",
+              "description": "Called when the clear method will be called.\nProvides reference to the `IEventDetail` as event argument.",
+              "type": "IEventEmitter<IEventDetail>",
+              "inheritedFrom": {
+                "name": "IClearableEvents",
+                "module": "./../src/Controls/Behaviors/Clearable.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": "value",
+              "privacy": "public",
+              "description": "Gets or sets the `value` property.\nThe value represents the display text of the selected file(s).",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "Valueable",
+                "module": "./../src/Controls/Behaviors/Valueable.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": "label",
+              "privacy": "public",
+              "description": "Gets or sets the `label` property.\nThe default value is an empty string, which means no label is displayed.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "Labelable",
+                "module": "./../src/Controls/Behaviors/Labelable.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": "disabled",
@@ -56805,8 +57016,1080 @@
               "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": "IInputBaseProps",
+                "module": "./../src/Controls/Components/Inputs/Abstracts/InputBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "state",
+              "privacy": "public",
+              "description": "Gets or sets the `state` property.",
+              "type": "InputState",
+              "inheritedFrom": {
+                "name": "IInputBaseProps",
+                "module": "./../src/Controls/Components/Inputs/Abstracts/InputBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formatter",
+              "privacy": "public",
+              "description": "Gets or sets the `formatter` property.",
+              "type": "InputFormatterFn | null",
+              "inheritedFrom": {
+                "name": "IInputBaseProps",
+                "module": "./../src/Controls/Components/Inputs/Abstracts/InputBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "parser",
+              "privacy": "public",
+              "description": "Gets or sets the `parser` property.",
+              "type": "InputParserFn | null",
+              "inheritedFrom": {
+                "name": "IInputBaseProps",
+                "module": "./../src/Controls/Components/Inputs/Abstracts/InputBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isFocused",
+              "privacy": "public",
+              "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"
+              }
+            },
+            {
+              "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": "focus",
+              "privacy": "public",
+              "type": "(): void",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "privacy": "public",
+              "type": "(): void",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "browse",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Opens the native file picker dialog.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "clear",
+              "privacy": "public",
+              "type": "(force?: boolean | undefined): boolean",
+              "description": "Clears the selected files and value.",
+              "parameters": [
+                {
+                  "name": "force",
+                  "type": "boolean"
+                }
+              ],
+              "return": {
+                "type": "boolean"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reset",
+              "privacy": "public",
+              "type": "(): void",
+              "description": "Resets the value, all kinds of validation and errors.",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "privacy": "public",
+              "type": "(): boolean",
+              "description": "Checks the validity of the element.",
+              "parameters": [],
+              "return": {
+                "type": "boolean"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onFileChange",
+              "privacy": "public",
+              "type": "(event: Event): void",
+              "description": "Handles file input change events.",
+              "parameters": [
+                {
+                  "name": "event"
+                }
+              ],
+              "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": "getSlotContent",
+              "privacy": "public",
+              "type": "(slotName: string): string",
+              "description": "Returns the assigned elements of a slot as string.",
+              "parameters": [],
+              "return": {
+                "description": "The assigned elements of a slot as string."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasSlotContent",
+              "privacy": "public",
+              "type": "(slotName: string): boolean",
+              "description": "Returns a boolean that indicates if a slot has content.",
+              "parameters": [],
+              "return": {
+                "description": "A boolean that indicates if a slot has content."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasSlot",
+              "privacy": "public",
+              "type": "(slotName: string): boolean",
+              "description": "Returns a boolean that indicates if a slot exists.",
+              "parameters": [],
+              "return": {
+                "description": "A boolean that indicates if a slot exists."
+              },
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onSlotChanges",
+              "privacy": "public",
+              "type": "(slotName?: string | undefined): void",
+              "description": "Called when the slot changes.\nThis method is a hook that can be overridden.",
+              "parameters": [],
+              "return": {},
+              "inheritedFrom": {
+                "name": "ISlottable",
+                "module": "./../src/Controls/Behaviors/Slottable.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasVisibleFocusInTree",
+              "privacy": "public",
+              "type": "(): boolean",
+              "description": "Returns a value indicating whether the element has visible focus in the tree.",
+              "parameters": [],
+              "return": {
+                "type": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "Focusable",
+                "module": "./../src/Controls/Behaviors/Focusable.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-filebox",
+          "events": [
+            {
+              "description": "Fired when the file selection is cleared.",
+              "name": "cleared",
+              "type": "Event"
+            },
+            {
+              "description": "Fired when files are selected.",
+              "name": "filesSelected",
+              "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": "Content placed before the input field.",
+              "name": "prefix"
+            },
+            {
+              "description": "Content placed after the input field.",
+              "name": "suffix"
+            },
+            {
+              "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": "readonly",
+              "fieldName": "readonly",
+              "description": "Gets or sets the `readonly` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
+            },
+            {
+              "name": "required",
+              "fieldName": "required",
+              "description": "Gets or sets the `required` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "description": "Gets or sets the `name` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
+            },
+            {
+              "name": "placeholder",
+              "fieldName": "placeholder",
+              "description": "Gets or sets the `placeholder` property.",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
+            },
+            {
+              "name": "multiple",
+              "fieldName": "multiple",
+              "description": "Gets or sets the `multiple` property.\nWhen true, allows selecting multiple files.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
+            },
+            {
+              "name": "accept",
+              "fieldName": "accept",
+              "description": "Gets or sets the `accept` property.\nSpecifies the file types that the file input should accept.",
+              "type": "string[]",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
+            },
+            {
+              "name": "directory",
+              "fieldName": "directory",
+              "description": "Gets or sets the `directory` property.\nWhen true, allows selecting directories instead of files.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IFileBoxElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileBox/IFileBoxElementProps.ts"
+              }
+            },
+            {
+              "name": "is-clearable",
+              "fieldName": "isClearable",
+              "description": "Determines whether the element is clearable or not.\nClearable means that a clear button will be displayed when the element has a value.\nWhen the clear button is clicked, the value of the element will be cleared.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "Clearable",
+                "module": "./../src/Controls/Behaviors/Clearable.ts"
+              }
+            },
+            {
+              "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"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "description": "Gets or sets the `value` property.\nThe value represents the display text of the selected file(s).",
+              "type": "string",
+              "inheritedFrom": {
+                "name": "Valueable",
+                "module": "./../src/Controls/Behaviors/Valueable.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": "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": "IInputBaseProps",
+                "module": "./../src/Controls/Components/Inputs/Abstracts/InputBase.ts"
+              }
+            },
+            {
+              "name": "state",
+              "fieldName": "state",
+              "description": "Gets or sets the `state` property.",
+              "type": "InputState",
+              "inheritedFrom": {
+                "name": "IInputBaseProps",
+                "module": "./../src/Controls/Components/Inputs/Abstracts/InputBase.ts"
+              }
+            },
+            {
+              "name": "is-focused",
+              "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": "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": "--file-box-background-color",
+              "description": "The box background color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-border-color",
+              "description": "The box border color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-border-radius",
+              "description": "The box border radius CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-border-style",
+              "description": "The box border style CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-border-width",
+              "description": "The box border width CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-focus-ring-width",
+              "description": "The box focus ring width CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-font-family",
+              "description": "The box font family CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-font-letter-spacing",
+              "description": "The box font letter spacing CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-font-line-height",
+              "description": "The box font line height CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-font-size",
+              "description": "The box font size CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-font-text-decoration",
+              "description": "The box font text decoration CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-font-text-transform",
+              "description": "The box font text transform CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-font-weight",
+              "description": "The box font weight CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-foreground-color",
+              "description": "The box foreground color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-gap",
+              "description": "The box gap CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-height",
+              "description": "The box height CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-padding-bottom",
+              "description": "The box padding bottom CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-padding-left",
+              "description": "The box padding left CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-padding-right",
+              "description": "The box padding right CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-padding-top",
+              "description": "The box padding top CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-shadow",
+              "description": "The box shadow CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-shadow-blur",
+              "description": "The box shadow blur CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-shadow-color",
+              "description": "The box shadow color CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-shadow-offset-x",
+              "description": "The box shadow offset x CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-shadow-offset-y",
+              "description": "The box shadow offset y CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-shadow-spread",
+              "description": "The box shadow spread CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-transition-duration",
+              "description": "The box transition duration CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-transition-mode",
+              "description": "The box transition mode CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-transition-property",
+              "description": "The box transition property CSS custom property.",
+              "type": "String"
+            },
+            {
+              "name": "--file-box-translate",
+              "description": "The box translate CSS custom property.",
+              "type": "String"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "browse",
+              "description": "The browse button."
+            },
+            {
+              "name": "clear",
+              "description": "The clear button."
+            },
+            {
+              "name": "fileInput",
+              "description": "The fileInput part."
+            },
+            {
+              "name": "focusRing",
+              "description": "The focus ring indicator."
+            },
+            {
+              "name": "inner",
+              "description": "The inner container wrapper."
+            },
+            {
+              "name": "input",
+              "description": "The readonly text input showing file names."
+            },
+            {
+              "name": "label",
+              "description": "The floating label element."
+            },
+            {
+              "name": "prefix",
+              "description": "The prefix content container."
+            },
+            {
+              "name": "suffix",
+              "description": "The suffix content container."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Inputs/FileUpload/Accessors/FileUploadElementValueAccessor.ts",
+      "exports": [
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "ElementValueAccessorBase",
+            "module": "./../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"
+          },
+          "description": "The `FileUploadElementValueAccessor` class.",
+          "name": "FileUploadElementValueAccessor",
+          "members": [
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "privacy": "public",
+              "type": "(): void",
+              "parameters": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "writeValue",
+              "privacy": "public",
+              "type": "(value: IFileInfo | IFileInfo[] | null): void",
+              "description": "Writes a new value to the element.",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": "IFileInfo | IFileInfo[] | null"
+                }
+              ],
+              "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": "fileUploadElementValueAccessor",
+          "type": "ElementValueAccessorFn<FileUploadElement>"
+        }
+      ]
+    },
+    {
+      "path": "./../src/Controls/Components/Inputs/FileUpload/FilePickerElement.ts",
+      "exports": [
+        {
+          "kind": "definition",
+          "name": "mosaik-file-picker",
+          "declaration": {
+            "name": "FilePickerElement",
+            "module": "./../src/Controls/Components/Inputs/FileUpload/FilePickerElement.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "superclass": {
+            "name": "CustomElement",
+            "module": "./../src/Controls/Components/Abstracts/CustomElement.ts"
+          },
+          "mixins": [
+            {
+              "name": "Themeable",
+              "module": "./../src/Controls/Behaviors/Themeable.ts"
+            },
+            {
+              "name": "Disableable",
+              "module": "./../src/Controls/Behaviors/Disableable.ts"
+            }
+          ],
+          "description": "File Picker - A user interface component that allows users to select files from their device.",
+          "name": "FilePickerElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "filesPicked",
+              "privacy": "public",
+              "description": "Called when files are picked.\nProvides reference to `IEventDetail` as event detail.",
+              "type": "IEventEmitter<IFilesPickedEventDetail>"
+            },
+            {
+              "kind": "field",
+              "name": "multiple",
+              "privacy": "public",
+              "description": "Gets or sets the `multiple` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IFilePickerElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileUpload/IFilePickerElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "accept",
+              "privacy": "public",
+              "description": "Gets or sets the `accept` property.",
+              "type": "string[]",
+              "inheritedFrom": {
+                "name": "IFilePickerElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileUpload/IFilePickerElementProps.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "directory",
+              "privacy": "public",
+              "description": "Gets or sets the `directory` property.",
+              "type": "boolean",
+              "inheritedFrom": {
+                "name": "IFilePickerElementProps",
+                "module": "./../src/Controls/Components/Inputs/FileUpload/IFilePickerElementProps.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": "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"
               }
             },
             {
@@ -96140,6 +97423,11 @@
               "description": "The header padding top CSS custom property.",
               "type": "String"
             },
+            {
+              "name": "--page-header-prefix-gap",
+              "description": "The header prefix gap CSS custom property.",
+              "type": "String"
+            },
             {
               "name": "--page-header-shadow",
               "description": "The header shadow CSS custom property.",
@@ -96205,6 +97493,11 @@
               "description": "The header sub header font weight CSS custom property.",
               "type": "String"
             },
+            {
+              "name": "--page-header-suffix-gap",
+              "description": "The header suffix gap CSS custom property.",
+              "type": "String"
+            },
             {
               "name": "--page-header-transition-duration",
               "description": "The header transition duration CSS custom property.",
@@ -96227,6 +97520,10 @@
             }
           ],
           "cssParts": [
+            {
+              "name": "content",
+              "description": "The content part."
+            },
             {
               "name": "heading",
               "description": "The heading part."
@@ -104165,7 +105462,7 @@
           "cssParts": [
             {
               "name": "actions",
-              "description": "The actions container of the tile header."
+              "description": "The actions part."
             },
             {
               "name": "base",
@@ -104179,17 +105476,13 @@
               "name": "fullscreen-button",
               "description": "The fullscreen-button part."
             },
-            {
-              "name": "header",
-              "description": "The container for the tile header, including title and actions."
-            },
             {
               "name": "maximize-button",
               "description": "The maximize-button part."
             },
             {
-              "name": "title",
-              "description": "The title container of the tile."
+              "name": "header",
+              "description": "The container for the tile header, including title and actions."
             },
             {
               "name": "trigger",
@@ -149484,26 +150777,10 @@
             }
           ],
           "cssParts": [
-            {
-              "name": "actionCancel",
-              "description": "The cancel action button."
-            },
-            {
-              "name": "actionNo",
-              "description": "The no action button."
-            },
-            {
-              "name": "actionOk",
-              "description": "The ok action button."
-            },
             {
               "name": "actions",
               "description": "The actions container."
             },
-            {
-              "name": "actionYes",
-              "description": "The yes action button."
-            },
             {
               "name": "backdrop",
               "description": "The semi-transparent overlay backdrop."