@fundamental-ngx/ui5-webcomponents-ai 0.61.2 → 0.61.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-button-state.mjs +106 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-button-state.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-button.mjs +172 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-button.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-input.mjs +341 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-input.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-prompt-input.mjs +207 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-prompt-input.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-text-area.mjs +298 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-text-area.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-theming.mjs +23 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-theming.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-toolbar-label.mjs +114 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-toolbar-label.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-versioning.mjs +142 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-versioning.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-writing-assistant.mjs +124 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-writing-assistant.mjs.map +1 -0
- package/package.json +40 -4
- package/types/fundamental-ngx-ui5-webcomponents-ai-button-state.d.ts +50 -0
- package/types/fundamental-ngx-ui5-webcomponents-ai-button.d.ts +100 -0
- package/types/fundamental-ngx-ui5-webcomponents-ai-input.d.ts +218 -0
- package/types/fundamental-ngx-ui5-webcomponents-ai-prompt-input.d.ts +128 -0
- package/types/fundamental-ngx-ui5-webcomponents-ai-text-area.d.ts +188 -0
- package/types/fundamental-ngx-ui5-webcomponents-ai-theming.d.ts +11 -0
- package/types/fundamental-ngx-ui5-webcomponents-ai-toolbar-label.d.ts +58 -0
- package/types/fundamental-ngx-ui5-webcomponents-ai-versioning.d.ts +71 -0
- package/types/fundamental-ngx-ui5-webcomponents-ai-writing-assistant.d.ts +54 -0
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
+
import _Input from '@ui5/webcomponents-ai/dist/Input.js';
|
|
4
|
+
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
+
import * as i1 from '@fundamental-ngx/ui5-webcomponents-ai/utils';
|
|
6
|
+
|
|
7
|
+
declare class Input implements AfterViewInit {
|
|
8
|
+
/**
|
|
9
|
+
* Indicates the index of the currently displayed version.
|
|
10
|
+
*/
|
|
11
|
+
currentVersion: _angular_core.InputSignal<number | undefined>;
|
|
12
|
+
/**
|
|
13
|
+
* Defines whether the AI Writing Assistant is currently loading.
|
|
14
|
+
|
|
15
|
+
When `true`, indicates that an AI action is in progress.
|
|
16
|
+
*/
|
|
17
|
+
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
18
|
+
/**
|
|
19
|
+
* Indicates the total number of result versions available.
|
|
20
|
+
|
|
21
|
+
When not set or set to 0, the versioning will be hidden.
|
|
22
|
+
*/
|
|
23
|
+
totalVersions: _angular_core.InputSignal<number | undefined>;
|
|
24
|
+
/**
|
|
25
|
+
* Defines the accessible description of the component.
|
|
26
|
+
*/
|
|
27
|
+
accessibleDescription: _angular_core.InputSignal<string | undefined>;
|
|
28
|
+
/**
|
|
29
|
+
* Receives id(or many ids) of the elements that describe the input.
|
|
30
|
+
*/
|
|
31
|
+
accessibleDescriptionRef: _angular_core.InputSignal<string | undefined>;
|
|
32
|
+
/**
|
|
33
|
+
* Defines the accessible ARIA name of the component.
|
|
34
|
+
*/
|
|
35
|
+
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
36
|
+
/**
|
|
37
|
+
* Receives id(or many ids) of the elements that label the input.
|
|
38
|
+
*/
|
|
39
|
+
accessibleNameRef: _angular_core.InputSignal<string | undefined>;
|
|
40
|
+
/**
|
|
41
|
+
* Defines whether the component is in disabled state.
|
|
42
|
+
|
|
43
|
+
**Note:** A disabled component is completely noninteractive.
|
|
44
|
+
*/
|
|
45
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
46
|
+
/**
|
|
47
|
+
* Defines the filter type of the component.
|
|
48
|
+
*/
|
|
49
|
+
filter: _angular_core.InputSignal<"StartsWithPerTerm" | "StartsWith" | "Contains" | "None" | undefined>;
|
|
50
|
+
/**
|
|
51
|
+
* Sets the maximum number of characters available in the input field.
|
|
52
|
+
|
|
53
|
+
**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.
|
|
54
|
+
*/
|
|
55
|
+
maxlength: _angular_core.InputSignal<number | undefined>;
|
|
56
|
+
/**
|
|
57
|
+
* Determines the name by which the component will be identified upon submission in an HTML form.
|
|
58
|
+
|
|
59
|
+
**Note:** This property is only applicable within the context of an HTML Form element.
|
|
60
|
+
*/
|
|
61
|
+
name: _angular_core.InputSignal<string | undefined>;
|
|
62
|
+
/**
|
|
63
|
+
* Defines whether the value will be autcompleted to match an item
|
|
64
|
+
*/
|
|
65
|
+
noTypeahead: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
66
|
+
/**
|
|
67
|
+
* Defines whether the suggestions picker is open.
|
|
68
|
+
The picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.
|
|
69
|
+
The picker will close automatically and `close` event will be fired if the input is not in the viewport.
|
|
70
|
+
*/
|
|
71
|
+
open: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
72
|
+
/**
|
|
73
|
+
* Defines a short hint intended to aid the user with data entry when the
|
|
74
|
+
component has no value.
|
|
75
|
+
*/
|
|
76
|
+
placeholder: _angular_core.InputSignal<string | undefined>;
|
|
77
|
+
/**
|
|
78
|
+
* Defines whether the component is read-only.
|
|
79
|
+
|
|
80
|
+
**Note:** A read-only component is not editable,
|
|
81
|
+
but still provides visual feedback upon user interaction.
|
|
82
|
+
*/
|
|
83
|
+
readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
84
|
+
/**
|
|
85
|
+
* Defines whether the component is required.
|
|
86
|
+
*/
|
|
87
|
+
required: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
88
|
+
/**
|
|
89
|
+
* Defines whether the clear icon of the input will be shown.
|
|
90
|
+
*/
|
|
91
|
+
showClearIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
92
|
+
/**
|
|
93
|
+
* Defines whether the component should show suggestions, if such are present.
|
|
94
|
+
*/
|
|
95
|
+
showSuggestions: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
96
|
+
/**
|
|
97
|
+
* Defines the HTML type of the component.
|
|
98
|
+
|
|
99
|
+
**Notes:**
|
|
100
|
+
|
|
101
|
+
- The particular effect of this property differs depending on the browser
|
|
102
|
+
and the current language settings, especially for type `Number`.
|
|
103
|
+
- The property is mostly intended to be used with touch devices
|
|
104
|
+
that use different soft keyboard layouts depending on the given input type.
|
|
105
|
+
*/
|
|
106
|
+
type: _angular_core.InputSignal<"Text" | "Email" | "Number" | "Password" | "Tel" | "URL" | "Search" | undefined>;
|
|
107
|
+
/**
|
|
108
|
+
* Defines the value of the component.
|
|
109
|
+
|
|
110
|
+
**Note:** The property is updated upon typing.
|
|
111
|
+
*/
|
|
112
|
+
value: _angular_core.InputSignal<string | undefined>;
|
|
113
|
+
/**
|
|
114
|
+
* Defines the value state of the component.
|
|
115
|
+
*/
|
|
116
|
+
valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
|
|
117
|
+
/**
|
|
118
|
+
* Fired when the user selects the AI button.
|
|
119
|
+
*/
|
|
120
|
+
ui5ButtonClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "button-click">>;
|
|
121
|
+
/**
|
|
122
|
+
* Fired when an item from the AI actions menu is clicked.
|
|
123
|
+
*/
|
|
124
|
+
ui5ItemClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "item-click">>;
|
|
125
|
+
/**
|
|
126
|
+
* Fired when the user selects the "Stop" button to stop ongoing AI text generation.
|
|
127
|
+
*/
|
|
128
|
+
ui5StopGeneration: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "stop-generation">>;
|
|
129
|
+
/**
|
|
130
|
+
* Fired when the user selects the version navigation buttons.
|
|
131
|
+
*/
|
|
132
|
+
ui5VersionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "version-change">>;
|
|
133
|
+
/**
|
|
134
|
+
* Fired when the input operation has finished by pressing Enter or on focusout.
|
|
135
|
+
*/
|
|
136
|
+
ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "change">>;
|
|
137
|
+
/**
|
|
138
|
+
* Fired when the suggestions picker is closed.
|
|
139
|
+
*/
|
|
140
|
+
ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "close">>;
|
|
141
|
+
/**
|
|
142
|
+
* Fired when the value of the component changes at each keystroke,
|
|
143
|
+
and when a suggestion item has been selected.
|
|
144
|
+
*/
|
|
145
|
+
ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "input">>;
|
|
146
|
+
/**
|
|
147
|
+
* Fired when the suggestions picker is open.
|
|
148
|
+
*/
|
|
149
|
+
ui5Open: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "open">>;
|
|
150
|
+
/**
|
|
151
|
+
* Fired when some text has been selected.
|
|
152
|
+
*/
|
|
153
|
+
ui5Select: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "select">>;
|
|
154
|
+
/**
|
|
155
|
+
* Fired when the user navigates to a suggestion item via the ARROW keys,
|
|
156
|
+
as a preview, before the final selection.
|
|
157
|
+
*/
|
|
158
|
+
ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Input, "selection-change">>;
|
|
159
|
+
/**
|
|
160
|
+
* Available slots for content projection in this component.
|
|
161
|
+
*
|
|
162
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
163
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
164
|
+
*
|
|
165
|
+
* - **actions**: Defines the items of the menu for the component.
|
|
166
|
+
* - **(default)**: Defines the suggestion items.
|
|
167
|
+
|
|
168
|
+
**Note:** The suggestions would be displayed only if the `showSuggestions`
|
|
169
|
+
property is set to `true`.
|
|
170
|
+
|
|
171
|
+
**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
|
|
172
|
+
* - **icon**: Defines the icon to be displayed in the component.
|
|
173
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
174
|
+
The value state message slot should contain only one root element.
|
|
175
|
+
|
|
176
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
177
|
+
|
|
178
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
179
|
+
when the component is in `Information`, `Critical` or `Negative` value state.
|
|
180
|
+
|
|
181
|
+
**Note:** If the component has `suggestionItems`,
|
|
182
|
+
the `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.
|
|
183
|
+
*
|
|
184
|
+
* @example
|
|
185
|
+
* ```html
|
|
186
|
+
* <ui5-ai-input>
|
|
187
|
+
* <div slot="header">Custom header content</div>
|
|
188
|
+
* <p>Default slot content</p>
|
|
189
|
+
* </ui5-ai-input>
|
|
190
|
+
* ```
|
|
191
|
+
*
|
|
192
|
+
* @readonly
|
|
193
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
194
|
+
*/
|
|
195
|
+
readonly slots: ({
|
|
196
|
+
name: string;
|
|
197
|
+
description: string;
|
|
198
|
+
since?: undefined;
|
|
199
|
+
} | {
|
|
200
|
+
name: string;
|
|
201
|
+
description: string;
|
|
202
|
+
since: string;
|
|
203
|
+
})[];
|
|
204
|
+
elementRef: ElementRef<_Input>;
|
|
205
|
+
injector: Injector;
|
|
206
|
+
/**
|
|
207
|
+
* Content density observer is injected to activate automatic CSS class and
|
|
208
|
+
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
209
|
+
* @private
|
|
210
|
+
*/
|
|
211
|
+
private readonly _contentDensityObserver;
|
|
212
|
+
get element(): _Input;
|
|
213
|
+
ngAfterViewInit(): void;
|
|
214
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Input, never>;
|
|
215
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Input, "ui5-ai-input, [ui5-ai-input]", ["ui5Input"], { "currentVersion": { "alias": "currentVersion"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "totalVersions": { "alias": "totalVersions"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "noTypeahead": { "alias": "noTypeahead"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "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; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "showSuggestions": { "alias": "showSuggestions"; "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; }; }, { "ui5ButtonClick": "ui5ButtonClick"; "ui5ItemClick": "ui5ItemClick"; "ui5StopGeneration": "ui5StopGeneration"; "ui5VersionChange": "ui5VersionChange"; "ui5Change": "ui5Change"; "ui5Close": "ui5Close"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5Select": "ui5Select"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
export { Input };
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
+
import _PromptInput from '@ui5/webcomponents-ai/dist/PromptInput.js';
|
|
4
|
+
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
+
|
|
6
|
+
declare class PromptInput implements AfterViewInit {
|
|
7
|
+
/**
|
|
8
|
+
* Defines whether the component is in disabled state.
|
|
9
|
+
|
|
10
|
+
**Note:** A disabled component is completely noninteractive.
|
|
11
|
+
*/
|
|
12
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
13
|
+
/**
|
|
14
|
+
* Defines the label of the input field.
|
|
15
|
+
*/
|
|
16
|
+
label: _angular_core.InputSignal<string | undefined>;
|
|
17
|
+
/**
|
|
18
|
+
* Sets the maximum number of characters available in the input field.
|
|
19
|
+
*/
|
|
20
|
+
maxlength: _angular_core.InputSignal<number | undefined>;
|
|
21
|
+
/**
|
|
22
|
+
* Defines a short hint intended to aid the user with data entry when the
|
|
23
|
+
component has no value.
|
|
24
|
+
*/
|
|
25
|
+
placeholder: _angular_core.InputSignal<string | undefined>;
|
|
26
|
+
/**
|
|
27
|
+
* Defines whether the component is read-only.
|
|
28
|
+
|
|
29
|
+
**Note:** A read-only component is not editable,
|
|
30
|
+
but still provides visual feedback upon user interaction.
|
|
31
|
+
*/
|
|
32
|
+
readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
33
|
+
/**
|
|
34
|
+
* Defines whether the clear icon of the input will be shown.
|
|
35
|
+
*/
|
|
36
|
+
showClearIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
37
|
+
/**
|
|
38
|
+
* Determines whether the characters exceeding the maximum allowed character count are visible
|
|
39
|
+
in the component.
|
|
40
|
+
|
|
41
|
+
If set to `false`, the user is not allowed to enter more characters than what is set in the
|
|
42
|
+
`maxlength` property.
|
|
43
|
+
If set to `true` the characters exceeding the `maxlength` value are selected on
|
|
44
|
+
paste and the counter below the component displays their number.
|
|
45
|
+
*/
|
|
46
|
+
showExceededText: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
47
|
+
/**
|
|
48
|
+
* Defines whether the component should show suggestions, if such are present.
|
|
49
|
+
*/
|
|
50
|
+
showSuggestions: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
51
|
+
/**
|
|
52
|
+
* Defines the value of the component.
|
|
53
|
+
*/
|
|
54
|
+
value: _angular_core.InputSignal<string | undefined>;
|
|
55
|
+
/**
|
|
56
|
+
* Defines the value state of the component.
|
|
57
|
+
*/
|
|
58
|
+
valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
|
|
59
|
+
/**
|
|
60
|
+
* Fired when the input operation has finished by pressing Enter
|
|
61
|
+
or on focusout.
|
|
62
|
+
*/
|
|
63
|
+
ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_PromptInput, "change">>;
|
|
64
|
+
/**
|
|
65
|
+
* Fired when the value of the component changes at each keystroke,
|
|
66
|
+
and when a suggestion item has been selected.
|
|
67
|
+
*/
|
|
68
|
+
ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_PromptInput, "input">>;
|
|
69
|
+
/**
|
|
70
|
+
* Fired when the input operation has finished by pressing Enter
|
|
71
|
+
or AI button is clicked.
|
|
72
|
+
*/
|
|
73
|
+
ui5Submit: _angular_core.OutputEmitterRef<UI5CustomEvent<_PromptInput, "submit">>;
|
|
74
|
+
/**
|
|
75
|
+
* Available slots for content projection in this component.
|
|
76
|
+
*
|
|
77
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
78
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
79
|
+
*
|
|
80
|
+
* - **(default)**: Defines the suggestion items.
|
|
81
|
+
|
|
82
|
+
**Note:** The suggestions would be displayed only if the `showSuggestions`
|
|
83
|
+
property is set to `true`.
|
|
84
|
+
|
|
85
|
+
**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.
|
|
86
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
87
|
+
The value state message slot should contain only one root element.
|
|
88
|
+
|
|
89
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
90
|
+
|
|
91
|
+
**Note:** The `valueStateMessage` would be displayed,
|
|
92
|
+
when the component is in `Information`, `Critical` or `Negative` value state.
|
|
93
|
+
*
|
|
94
|
+
* @example
|
|
95
|
+
* ```html
|
|
96
|
+
* <ui5-ai-prompt-input>
|
|
97
|
+
* <div slot="header">Custom header content</div>
|
|
98
|
+
* <p>Default slot content</p>
|
|
99
|
+
* </ui5-ai-prompt-input>
|
|
100
|
+
* ```
|
|
101
|
+
*
|
|
102
|
+
* @readonly
|
|
103
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
104
|
+
*/
|
|
105
|
+
readonly slots: ({
|
|
106
|
+
name: string;
|
|
107
|
+
description: string;
|
|
108
|
+
since?: undefined;
|
|
109
|
+
} | {
|
|
110
|
+
name: string;
|
|
111
|
+
description: string;
|
|
112
|
+
since: string;
|
|
113
|
+
})[];
|
|
114
|
+
elementRef: ElementRef<_PromptInput>;
|
|
115
|
+
injector: Injector;
|
|
116
|
+
/**
|
|
117
|
+
* Content density observer is injected to activate automatic CSS class and
|
|
118
|
+
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
119
|
+
* @private
|
|
120
|
+
*/
|
|
121
|
+
private readonly _contentDensityObserver;
|
|
122
|
+
get element(): _PromptInput;
|
|
123
|
+
ngAfterViewInit(): void;
|
|
124
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptInput, never>;
|
|
125
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptInput, "ui5-ai-prompt-input, [ui5-ai-prompt-input]", ["ui5PromptInput"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "showExceededText": { "alias": "showExceededText"; "required": false; "isSignal": true; }; "showSuggestions": { "alias": "showSuggestions"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Submit": "ui5Submit"; }, never, ["*"], true, never>;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
export { PromptInput };
|
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
+
import _TextArea from '@ui5/webcomponents-ai/dist/TextArea.js';
|
|
4
|
+
import { UI5CustomEvent } from '@ui5/webcomponents-base';
|
|
5
|
+
import * as i1 from '@fundamental-ngx/ui5-webcomponents-ai/utils';
|
|
6
|
+
|
|
7
|
+
declare class TextArea implements AfterViewInit {
|
|
8
|
+
/**
|
|
9
|
+
* Indicates the index of the currently displayed version.
|
|
10
|
+
*/
|
|
11
|
+
currentVersion: _angular_core.InputSignal<number | undefined>;
|
|
12
|
+
/**
|
|
13
|
+
* Defines whether the `ui5-ai-textarea` is currently in a loading(processing) state.
|
|
14
|
+
*/
|
|
15
|
+
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
16
|
+
/**
|
|
17
|
+
* Defines the prompt description of the current action.
|
|
18
|
+
*/
|
|
19
|
+
promptDescription: _angular_core.InputSignal<string | undefined>;
|
|
20
|
+
/**
|
|
21
|
+
* Indicates the total number of result versions available.
|
|
22
|
+
|
|
23
|
+
Notes:
|
|
24
|
+
Versioning is hidden if the value is `0`
|
|
25
|
+
*/
|
|
26
|
+
totalVersions: _angular_core.InputSignal<number | undefined>;
|
|
27
|
+
/**
|
|
28
|
+
* Defines the accessible description of the component.
|
|
29
|
+
*/
|
|
30
|
+
accessibleDescription: _angular_core.InputSignal<string | undefined>;
|
|
31
|
+
/**
|
|
32
|
+
* Receives id(or many ids) of the elements that describe the textarea.
|
|
33
|
+
*/
|
|
34
|
+
accessibleDescriptionRef: _angular_core.InputSignal<string | undefined>;
|
|
35
|
+
/**
|
|
36
|
+
* Defines the accessible ARIA name of the component.
|
|
37
|
+
*/
|
|
38
|
+
accessibleName: _angular_core.InputSignal<string | undefined>;
|
|
39
|
+
/**
|
|
40
|
+
* Receives id(or many ids) of the elements that label the textarea.
|
|
41
|
+
*/
|
|
42
|
+
accessibleNameRef: _angular_core.InputSignal<string | undefined>;
|
|
43
|
+
/**
|
|
44
|
+
* Indicates whether the user can interact with the component or not.
|
|
45
|
+
|
|
46
|
+
**Note:** A disabled component is completely noninteractive.
|
|
47
|
+
*/
|
|
48
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
49
|
+
/**
|
|
50
|
+
* Enables the component to automatically grow and shrink dynamically with its content.
|
|
51
|
+
*/
|
|
52
|
+
growing: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
53
|
+
/**
|
|
54
|
+
* Defines the maximum number of rows that the component can grow.
|
|
55
|
+
*/
|
|
56
|
+
growingMaxRows: _angular_core.InputSignal<number | undefined>;
|
|
57
|
+
/**
|
|
58
|
+
* Defines the maximum number of characters that the `value` can have.
|
|
59
|
+
*/
|
|
60
|
+
maxlength: _angular_core.InputSignal<number | undefined>;
|
|
61
|
+
/**
|
|
62
|
+
* Determines the name by which the component will be identified upon submission in an HTML form.
|
|
63
|
+
|
|
64
|
+
**Note:** This property is only applicable within the context of an HTML Form element.
|
|
65
|
+
*/
|
|
66
|
+
name: _angular_core.InputSignal<string | undefined>;
|
|
67
|
+
/**
|
|
68
|
+
* Defines a short hint intended to aid the user with data entry when the component has no value.
|
|
69
|
+
*/
|
|
70
|
+
placeholder: _angular_core.InputSignal<string | undefined>;
|
|
71
|
+
/**
|
|
72
|
+
* Defines whether the component is read-only.
|
|
73
|
+
|
|
74
|
+
**Note:** A read-only component is not editable,
|
|
75
|
+
but still provides visual feedback upon user interaction.
|
|
76
|
+
*/
|
|
77
|
+
readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
78
|
+
/**
|
|
79
|
+
* Defines whether the component is required.
|
|
80
|
+
*/
|
|
81
|
+
required: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
82
|
+
/**
|
|
83
|
+
* Defines the number of visible text rows for the component.
|
|
84
|
+
|
|
85
|
+
**Notes:**
|
|
86
|
+
|
|
87
|
+
- If the `growing` property is enabled, this property defines the minimum rows to be displayed
|
|
88
|
+
in the textarea.
|
|
89
|
+
- The CSS `height` property wins over the `rows` property, if both are set.
|
|
90
|
+
*/
|
|
91
|
+
rows: _angular_core.InputSignal<number | undefined>;
|
|
92
|
+
/**
|
|
93
|
+
* Determines whether the characters exceeding the maximum allowed character count are visible
|
|
94
|
+
in the component.
|
|
95
|
+
|
|
96
|
+
If set to `false`, the user is not allowed to enter more characters than what is set in the
|
|
97
|
+
`maxlength` property.
|
|
98
|
+
If set to `true` the characters exceeding the `maxlength` value are selected on
|
|
99
|
+
paste and the counter below the component displays their number.
|
|
100
|
+
*/
|
|
101
|
+
showExceededText: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
102
|
+
/**
|
|
103
|
+
* Defines the value of the component.
|
|
104
|
+
*/
|
|
105
|
+
value: _angular_core.InputSignal<string | undefined>;
|
|
106
|
+
/**
|
|
107
|
+
* Defines the value state of the component.
|
|
108
|
+
|
|
109
|
+
**Note:** If `maxlength` property is set,
|
|
110
|
+
the component turns into "Critical" state once the characters exceeds the limit.
|
|
111
|
+
In this case, only the "Negative" state is considered and can be applied.
|
|
112
|
+
*/
|
|
113
|
+
valueState: _angular_core.InputSignal<"None" | "Positive" | "Critical" | "Negative" | "Information" | undefined>;
|
|
114
|
+
/**
|
|
115
|
+
* Fired when the user requests to stop AI text generation.
|
|
116
|
+
*/
|
|
117
|
+
ui5StopGeneration: _angular_core.OutputEmitterRef<UI5CustomEvent<_TextArea, "stop-generation">>;
|
|
118
|
+
/**
|
|
119
|
+
* Fired when the user clicks on version navigation buttons.
|
|
120
|
+
*/
|
|
121
|
+
ui5VersionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_TextArea, "version-change">>;
|
|
122
|
+
/**
|
|
123
|
+
* Fired when the text has changed and the focus leaves the component.
|
|
124
|
+
*/
|
|
125
|
+
ui5Change: _angular_core.OutputEmitterRef<UI5CustomEvent<_TextArea, "change">>;
|
|
126
|
+
/**
|
|
127
|
+
* Fired when the value of the component changes at each keystroke or when
|
|
128
|
+
something is pasted.
|
|
129
|
+
*/
|
|
130
|
+
ui5Input: _angular_core.OutputEmitterRef<UI5CustomEvent<_TextArea, "input">>;
|
|
131
|
+
/**
|
|
132
|
+
* Fired when textarea is scrolled.
|
|
133
|
+
*/
|
|
134
|
+
ui5Scroll: _angular_core.OutputEmitterRef<UI5CustomEvent<_TextArea, "scroll">>;
|
|
135
|
+
/**
|
|
136
|
+
* Fired when some text has been selected.
|
|
137
|
+
*/
|
|
138
|
+
ui5Select: _angular_core.OutputEmitterRef<UI5CustomEvent<_TextArea, "select">>;
|
|
139
|
+
/**
|
|
140
|
+
* Available slots for content projection in this component.
|
|
141
|
+
*
|
|
142
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
143
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
144
|
+
*
|
|
145
|
+
* - **menu**: Defines a slot for `ui5-menu` integration. This slot allows you to pass a `ui5-menu` instance that will be associated with the assistant.
|
|
146
|
+
* - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
|
|
147
|
+
The value state message slot should contain only one root element.
|
|
148
|
+
|
|
149
|
+
**Note:** If not specified, a default text (in the respective language) will be displayed.
|
|
150
|
+
|
|
151
|
+
**Note:** The `valueStateMessage` would be displayed if the component has
|
|
152
|
+
`valueState` of type `Information`, `Critical` or `Negative`.
|
|
153
|
+
*
|
|
154
|
+
* @example
|
|
155
|
+
* ```html
|
|
156
|
+
* <ui5-ai-textarea>
|
|
157
|
+
* <div slot="header">Custom header content</div>
|
|
158
|
+
* <p>Default slot content</p>
|
|
159
|
+
* </ui5-ai-textarea>
|
|
160
|
+
* ```
|
|
161
|
+
*
|
|
162
|
+
* @readonly
|
|
163
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
164
|
+
*/
|
|
165
|
+
readonly slots: ({
|
|
166
|
+
name: string;
|
|
167
|
+
description: string;
|
|
168
|
+
since?: undefined;
|
|
169
|
+
} | {
|
|
170
|
+
name: string;
|
|
171
|
+
description: string;
|
|
172
|
+
since: string;
|
|
173
|
+
})[];
|
|
174
|
+
elementRef: ElementRef<_TextArea>;
|
|
175
|
+
injector: Injector;
|
|
176
|
+
/**
|
|
177
|
+
* Content density observer is injected to activate automatic CSS class and
|
|
178
|
+
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
179
|
+
* @private
|
|
180
|
+
*/
|
|
181
|
+
private readonly _contentDensityObserver;
|
|
182
|
+
get element(): _TextArea;
|
|
183
|
+
ngAfterViewInit(): void;
|
|
184
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextArea, never>;
|
|
185
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextArea, "ui5-ai-textarea, [ui5-ai-textarea]", ["ui5TextArea"], { "currentVersion": { "alias": "currentVersion"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "promptDescription": { "alias": "promptDescription"; "required": false; "isSignal": true; }; "totalVersions": { "alias": "totalVersions"; "required": false; "isSignal": true; }; "accessibleDescription": { "alias": "accessibleDescription"; "required": false; "isSignal": true; }; "accessibleDescriptionRef": { "alias": "accessibleDescriptionRef"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "growing": { "alias": "growing"; "required": false; "isSignal": true; }; "growingMaxRows": { "alias": "growingMaxRows"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "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; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "showExceededText": { "alias": "showExceededText"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; }, { "ui5StopGeneration": "ui5StopGeneration"; "ui5VersionChange": "ui5VersionChange"; "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Scroll": "ui5Scroll"; "ui5Select": "ui5Select"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
export { TextArea };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { WebcomponentsThemingProvider } from '@fundamental-ngx/ui5-webcomponents-base/theming';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
|
|
4
|
+
declare class Ui5WebcomponentsAiThemingService extends WebcomponentsThemingProvider {
|
|
5
|
+
name: string;
|
|
6
|
+
constructor();
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Ui5WebcomponentsAiThemingService, never>;
|
|
8
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<Ui5WebcomponentsAiThemingService>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { Ui5WebcomponentsAiThemingService };
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
+
import _ToolbarLabel from '@ui5/webcomponents-ai/dist/ToolbarLabel.js';
|
|
4
|
+
|
|
5
|
+
declare class ToolbarLabel implements AfterViewInit {
|
|
6
|
+
/**
|
|
7
|
+
* Defines the text of the label.
|
|
8
|
+
*/
|
|
9
|
+
text: _angular_core.InputSignal<string | undefined>;
|
|
10
|
+
/**
|
|
11
|
+
* Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
|
|
12
|
+
the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
|
|
13
|
+
*/
|
|
14
|
+
overflowPriority: _angular_core.InputSignal<"Default" | "NeverOverflow" | "AlwaysOverflow" | undefined>;
|
|
15
|
+
/**
|
|
16
|
+
* Defines if the toolbar overflow popup should close upon interaction with the item.
|
|
17
|
+
It will close by default.
|
|
18
|
+
*/
|
|
19
|
+
preventOverflowClosing: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
20
|
+
/**
|
|
21
|
+
* Available slots for content projection in this component.
|
|
22
|
+
*
|
|
23
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
24
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
25
|
+
*
|
|
26
|
+
* - **(default)**: Wrapped component slot.
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* ```html
|
|
30
|
+
* <ui5-ai-toolbar-label>
|
|
31
|
+
* <div slot="header">Custom header content</div>
|
|
32
|
+
* <p>Default slot content</p>
|
|
33
|
+
* </ui5-ai-toolbar-label>
|
|
34
|
+
* ```
|
|
35
|
+
*
|
|
36
|
+
* @readonly
|
|
37
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
38
|
+
*/
|
|
39
|
+
readonly slots: {
|
|
40
|
+
name: string;
|
|
41
|
+
description: string;
|
|
42
|
+
since: string;
|
|
43
|
+
}[];
|
|
44
|
+
elementRef: ElementRef<_ToolbarLabel>;
|
|
45
|
+
injector: Injector;
|
|
46
|
+
/**
|
|
47
|
+
* Content density observer is injected to activate automatic CSS class and
|
|
48
|
+
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
49
|
+
* @private
|
|
50
|
+
*/
|
|
51
|
+
private readonly _contentDensityObserver;
|
|
52
|
+
get element(): _ToolbarLabel;
|
|
53
|
+
ngAfterViewInit(): void;
|
|
54
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarLabel, never>;
|
|
55
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarLabel, "ui5-ai-toolbar-label, [ui5-ai-toolbar-label]", ["ui5ToolbarLabel"], { "text": { "alias": "text"; "required": false; "isSignal": true; }; "overflowPriority": { "alias": "overflowPriority"; "required": false; "isSignal": true; }; "preventOverflowClosing": { "alias": "preventOverflowClosing"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export { ToolbarLabel };
|