@fundamental-ngx/ui5-webcomponents 0.58.0-rc.1

package/multi-input/index.d.ts

@@ -0,0 +1,147 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _MultiInput from '@ui5/webcomponents/dist/MultiInput.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
+
+declare class MultiInput implements AfterViewInit {
+    /**
+     * Determines whether a value help icon will be visualized in the end of the input.
+  Pressing the icon will fire `value-help-trigger` event.
+     */
+    showValueHelpIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines the name by which the component will be identified upon submission in an HTML form.
+  
+  **Note:** This property is only applicable within the context of an HTML Form element.
+  **Note:** When the component is used inside a form element,
+  the value is sent as the first element in the form data, even if it's empty.
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the component is in disabled state.
+  
+  **Note:** A disabled component is completely noninteractive.
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines a short hint intended to aid the user with data entry when the
+  component has no value.
+     */
+    placeholder: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the component is read-only.
+  
+  **Note:** A read-only component is not editable,
+  but still provides visual feedback upon user interaction.
+     */
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the component is required.
+     */
+    required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the value will be autcompleted to match an item
+     */
+    noTypeahead: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the HTML type of the component.
+  
+  **Notes:**
+  
+  - The particular effect of this property differs depending on the browser
+  and the current language settings, especially for type `Number`.
+  - The property is mostly intended to be used with touch devices
+  that use different soft keyboard layouts depending on the given input type.
+     */
+    type: _angular_core.InputSignal<"Text" | "Email" | "Number" | "Password" | "Tel" | "URL" | "Search" | undefined>;
+    /**
+     * Defines the value of the component.
+  
+  **Note:** The property is updated upon typing.
+     */
+    value: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the value state of the component.
+     */
+    valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
+    /**
+     * Defines whether the component should show suggestions, if such are present.
+     */
+    showSuggestions: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Sets the maximum number of characters available in the input field.
+  
+  **Note:** This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.
+     */
+    maxlength: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Defines the accessible ARIA name of the component.
+     */
+    accessibleName: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Receives id(or many ids) of the elements that label the input.
+     */
+    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the accessible description of the component.
+     */
+    accessibleDescription: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Receives id(or many ids) of the elements that describe the input.
+     */
+    accessibleDescriptionRef: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the clear icon of the input will be shown.
+     */
+    showClearIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the suggestions picker is open.
+  The picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.
+  The picker will close automatically and `close` event will be fired if the input is not in the viewport.
+     */
+    open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired when the value help icon is pressed
+  and F4 or ALT/OPTION + ARROW_UP/ARROW_DOWN keyboard keys are used.
+     */
+    ui5ValueHelpTrigger: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiInput, "value-help-trigger">>;
+    /**
+     * Fired when tokens are being deleted.
+     */
+    ui5TokenDelete: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiInput, "token-delete">>;
+    /**
+     * Fired when the input operation has finished by pressing Enter or on focusout.
+     */
+    ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiInput, "change">>;
+    /**
+     * Fired when the value of the component changes at each keystroke,
+  and when a suggestion item has been selected.
+     */
+    ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiInput, "input">>;
+    /**
+     * Fired when some text has been selected.
+     */
+    ui5Select: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiInput, "select">>;
+    /**
+     * Fired when the user navigates to a suggestion item via the ARROW keys,
+  as a preview, before the final selection.
+     */
+    ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiInput, "selection-change">>;
+    /**
+     * Fired when the suggestions picker is open.
+     */
+    ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiInput, "open">>;
+    /**
+     * Fired when the suggestions picker is closed.
+     */
+    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_MultiInput, "close">>;
+    elementRef: ElementRef<_MultiInput>;
+    injector: Injector;
+    get element(): _MultiInput;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiInput, "ui5-multi-input, [ui5-multi-input]", ["ui5MultiInput"], { "showValueHelpIcon": { "alias": "showValueHelpIcon"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "showSuggestions": { "alias": "showSuggestions"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5ValueHelpTrigger": "ui5ValueHelpTrigger"; "ui5TokenDelete": "ui5TokenDelete"; "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Select": "ui5Select"; "ui5SelectionChange": "ui5SelectionChange"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+}
+
+export { MultiInput };

package/option/index.d.ts

@@ -0,0 +1,39 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _Option from '@ui5/webcomponents/dist/Option.js';
+
+declare class Option implements AfterViewInit {
+    /**
+     * Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.
+  For more information on HTML Form support, see the `name` property of `ui5-select`.
+     */
+    value: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the `icon` source URI.
+  
+  **Note:**
+  SAP-icons font provides numerous built-in icons. To find all the available icons, see the
+  [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the `additionalText`, displayed in the end of the option.
+     */
+    additionalText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the tooltip of the option.
+     */
+    tooltip: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the selected state of the component.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    elementRef: ElementRef<_Option>;
+    injector: Injector;
+    get element(): _Option;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Option, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Option, "ui5-option, [ui5-option]", ["ui5Option"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "additionalText": { "alias": "additionalText"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { Option };

package/option-custom/index.d.ts

@@ -0,0 +1,32 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _OptionCustom from '@ui5/webcomponents/dist/OptionCustom.js';
+
+declare class OptionCustom implements AfterViewInit {
+    /**
+     * Defines the text, displayed inside the `ui5-select` input filed
+  when the option gets selected.
+     */
+    displayText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.
+  For more information on HTML Form support, see the `name` property of `ui5-select`.
+     */
+    value: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the tooltip of the option.
+     */
+    tooltip: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the selected state of the component.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    elementRef: ElementRef<_OptionCustom>;
+    injector: Injector;
+    get element(): _OptionCustom;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionCustom, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionCustom, "ui5-option-custom, [ui5-option-custom]", ["ui5OptionCustom"], { "displayText": { "alias": "displayText"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { OptionCustom };