@fundamental-ngx/ui5-webcomponents-fiori 0.58.0-rc.65 → 0.58.0-rc.67

package/user-settings-item/index.d.ts

@@ -0,0 +1,88 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _UserSettingsItem from '@ui5/webcomponents-fiori/dist/UserSettingsItem.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class UserSettingsItem implements AfterViewInit {
+    /**
+     * Defines the text of the user settings item.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the tooltip of the component.
+  
+  A tooltip attribute should be provided to represent the meaning or function when the component is collapsed and only the icon is visible.
+     */
+    tooltip: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the headerText of the item.
+     */
+    headerText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Shows item tab.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the component is in disabled state.
+  
+  **Note:** A disabled component is completely noninteractive.
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Indicates whether a loading indicator should be shown.
+     */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Indicates why the control is in loading state.
+     */
+    loadingReason: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the icon of the component.
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the accessible ARIA name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Fired when a selected view changed.
+     */
+    ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsItem, "selection-change">>;
+    /**
+     * 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 page views of the user settings item.
+  
+  If there are no tab views, the first page view will be shown unless there is selected one. If there is selected page
+  view it will be shown no matter if there are tab views.
+  
+  The page views are displayed by default if there is no selected tab view.
+     * - **tabs**: Defines the tab views of the user settings item.
+     *
+     * @example
+     * ```html
+     * <ui5-user-settings-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-user-settings-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<_UserSettingsItem>;
+    injector: Injector;
+    get element(): _UserSettingsItem;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserSettingsItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserSettingsItem, "ui5-user-settings-item, [ui5-user-settings-item]", ["ui5UserSettingsItem"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingReason": { "alias": "loadingReason"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; }, { "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
+}
+
+export { UserSettingsItem };

package/user-settings-view/index.d.ts

@@ -0,0 +1,50 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _UserSettingsView from '@ui5/webcomponents-fiori/dist/UserSettingsView.js';
+
+declare class UserSettingsView implements AfterViewInit {
+    /**
+     * Defines the title text of the user settings view.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the view is selected. There can be just one selected view at a time.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Indicates whether the view is secondary. It is relevant only if the view is used in `pages` slot of `ui5-user-settings-item`
+  and controls the visibility of the back button.
+     */
+    secondary: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 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 content of the view.
+     *
+     * @example
+     * ```html
+     * <ui5-user-settings-view>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-user-settings-view>
+     * ```
+     *
+     * @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<_UserSettingsView>;
+    injector: Injector;
+    get element(): _UserSettingsView;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserSettingsView, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserSettingsView, "ui5-user-settings-view, [ui5-user-settings-view]", ["ui5UserSettingsView"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { UserSettingsView };

package/view-settings-dialog/index.d.ts

@@ -0,0 +1,78 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _ViewSettingsDialog from '@ui5/webcomponents-fiori/dist/ViewSettingsDialog.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class ViewSettingsDialog implements AfterViewInit {
+    /**
+     * Defines the initial sort order.
+     */
+    sortDescending: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the initial group order.
+     */
+    groupDescending: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Indicates if the dialog is open.
+     */
+    open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired when confirmation button is activated.
+     */
+    ui5Confirm: _angular_core.OutputEmitterRef<UI5CustomEvent<_ViewSettingsDialog, "confirm">>;
+    /**
+     * Fired when cancel button is activated.
+     */
+    ui5Cancel: _angular_core.OutputEmitterRef<UI5CustomEvent<_ViewSettingsDialog, "cancel">>;
+    /**
+     * Fired before the component is opened.
+     */
+    ui5BeforeOpen: _angular_core.OutputEmitterRef<UI5CustomEvent<_ViewSettingsDialog, "before-open">>;
+    /**
+     * Fired after the dialog is opened.
+     */
+    ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_ViewSettingsDialog, "open">>;
+    /**
+     * Fired after the dialog is closed.
+     */
+    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ViewSettingsDialog, "close">>;
+    /**
+     * 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.
+     *
+     * - **sortItems**: Defines the list of items against which the user could sort data.
+  
+  **Note:** If you want to use this slot, you need to import used item: `import "@ui5/webcomponents-fiori/dist/SortItem.js";`
+     * - **filterItems**: Defines the `filterItems` list.
+  
+  **Note:** If you want to use this slot, you need to import used item: `import "@ui5/webcomponents-fiori/dist/FilterItem.js";`
+     * - **groupItems**: Defines the list of items against which the user could group data.
+  
+  **Note:** If you want to use this slot, you need to import used item: `import "@ui5/webcomponents-fiori/dist/GroupItem.js";`
+     *
+     * @example
+     * ```html
+     * <ui5-view-settings-dialog>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-view-settings-dialog>
+     * ```
+     *
+     * @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<_ViewSettingsDialog>;
+    injector: Injector;
+    get element(): _ViewSettingsDialog;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViewSettingsDialog, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ViewSettingsDialog, "ui5-view-settings-dialog, [ui5-view-settings-dialog]", ["ui5ViewSettingsDialog"], { "sortDescending": { "alias": "sortDescending"; "required": false; "isSignal": true; }; "groupDescending": { "alias": "groupDescending"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5Confirm": "ui5Confirm"; "ui5Cancel": "ui5Cancel"; "ui5BeforeOpen": "ui5BeforeOpen"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
+}
+
+export { ViewSettingsDialog };

package/wizard/index.d.ts

@@ -0,0 +1,49 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Wizard from '@ui5/webcomponents-fiori/dist/Wizard.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class Wizard implements AfterViewInit {
+    /**
+     * Defines how the content of the `ui5-wizard` would be visualized.
+     */
+    contentLayout: _angular_core.InputSignal<"MultipleSteps" | "SingleStep" | undefined>;
+    /**
+     * Fired when the step is changed by user interaction - either with scrolling,
+  or by clicking on the steps within the component header.
+     */
+    ui5StepChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Wizard, "step-change">>;
+    /**
+     * 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 steps.
+  
+  **Note:** Use the available `ui5-wizard-step` component.
+     *
+     * @example
+     * ```html
+     * <ui5-wizard>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-wizard>
+     * ```
+     *
+     * @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<_Wizard>;
+    injector: Injector;
+    get element(): _Wizard;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Wizard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Wizard, "ui5-wizard, [ui5-wizard]", ["ui5Wizard"], { "contentLayout": { "alias": "contentLayout"; "required": false; "isSignal": true; }; }, { "ui5StepChange": "ui5StepChange"; }, never, ["*"], true, never>;
+}
+
+export { Wizard };

package/wizard-step/index.d.ts

@@ -0,0 +1,81 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _WizardStep from '@ui5/webcomponents-fiori/dist/WizardStep.js';
+
+declare class WizardStep implements AfterViewInit {
+    /**
+     * Defines the `titleText` of the step.
+  
+  **Note:** The text is displayed in the `ui5-wizard` navigation header.
+     */
+    titleText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the `subtitleText` of the step.
+  
+  **Note:** the text is displayed in the `ui5-wizard` navigation header.
+     */
+    subtitleText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the `icon` of the step.
+  
+  **Note:** The icon is displayed in the `ui5-wizard` navigation header.
+  
+  The SAP-icons font provides numerous options.
+  See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if the step is `disabled`. When disabled the step is displayed,
+  but the user can't select the step by clicking or navigate to it with scrolling.
+  
+  **Note:** Step can't be `selected` and `disabled` at the same time.
+  In this case the `selected` property would take precedence.
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the step's `selected` state - the step that is currently active.
+  
+  **Note:** Step can't be `selected` and `disabled` at the same time.
+  In this case the `selected` property would take precedence.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When `branching` is enabled a dashed line would be displayed after the step,
+  meant to indicate that the next step is not yet known and depends on user choice in the current step.
+  
+  **Note:** It is recommended to use `branching` on the last known step
+  and later add new steps when it becomes clear how the wizard flow should continue.
+     */
+    branching: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 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 step content.
+     *
+     * @example
+     * ```html
+     * <ui5-wizard-step>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-wizard-step>
+     * ```
+     *
+     * @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<_WizardStep>;
+    injector: Injector;
+    get element(): _WizardStep;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WizardStep, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WizardStep, "ui5-wizard-step, [ui5-wizard-step]", ["ui5WizardStep"], { "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "branching": { "alias": "branching"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { WizardStep };