@fundamental-ngx/ui5-webcomponents 0.58.0-rc.6 → 0.58.0-rc.60

package/file-uploader/index.d.ts

@@ -85,6 +85,45 @@ declare class FileUploader implements AfterViewInit {
      * Event is fired when the size of a file is above the `maxFileSize` property value.
      */
     ui5FileSizeExceed: _angular_core.OutputEmitterRef<UI5CustomEvent<_FileUploader, "file-size-exceed">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: This slot allows you to add custom content to the component, such as a button or any other interactive element to trigger the file selection dialog.
+  
+  **Note:** For best accessibility experience, set a `tabindex` of "-1" on your interactive element, or it will be set automatically.
+  This slot is intended for use cases where you want a button-only file uploader.
+  It is recommended to set `hideInput` property to "true" when using this slot.
+  Not setting `hideInput` may negatively impact the screen reader users.
+     * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
+  
+  **Note:** If not specified, a default text (in the respective language) will be displayed.
+  
+  **Note:** The `valueStateMessage` would be displayed,
+  when the component is in `Information`, `Critical` or `Negative` value state.
+     *
+     * @example
+     * ```html
+     * <ui5-file-uploader>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-file-uploader>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: ({
+        name: string;
+        description: string;
+        since?: undefined;
+    } | {
+        name: string;
+        description: string;
+        since: string;
+    })[];
     elementRef: ElementRef<_FileUploader>;
     injector: Injector;
     private _filesSignal;

package/form/index.d.ts

@@ -73,6 +73,35 @@ declare class Form implements AfterViewInit {
   to avoid "jumping" effect, caused by the hight difference between texts in "display"("non-edit") mode and the input fields in "edit" mode.
      */
     itemSpacing: _angular_core.InputSignal<"Normal" | "Large" | undefined>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **header**: Defines the component header area.
+  
+  **Note:** When a `header` is provided, the `headerText` property is ignored.
+     * - **(default)**: Defines the component content - FormGroups or FormItems.
+  
+  **Note:** Mixing FormGroups and standalone FormItems (not belonging to a group) is not supported.
+  Either use FormGroups and make sure all FormItems are part of a FormGroup, or use just FormItems without any FormGroups.
+     *
+     * @example
+     * ```html
+     * <ui5-form>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-form>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_Form>;
     injector: Injector;
     get element(): _Form;

package/form-group/index.d.ts

@@ -25,6 +25,29 @@ declare class FormGroup implements AfterViewInit {
      * Defines id (or many ids) of the element (or elements) that label the component.
      */
     accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the items of the component.
+     *
+     * @example
+     * ```html
+     * <ui5-form-group>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-form-group>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_FormGroup>;
     injector: Injector;
     get element(): _FormGroup;

package/form-item/index.d.ts

@@ -12,6 +12,31 @@ declare class FormItem implements AfterViewInit {
   A number bigger than the available columns won't take effect.
      */
     columnSpan: i0.InputSignal<number | undefined>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **labelContent**: Defines the label of the component.
+     * - **(default)**: Defines the content of the component,
+  associated to `labelContent`.
+     *
+     * @example
+     * ```html
+     * <ui5-form-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-form-item>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_FormItem>;
     injector: Injector;
     get element(): _FormItem;