@fundamental-ngx/ui5-webcomponents-ai 0.63.2-rc.7 → 0.63.2
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 +8 -17
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-button-state.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-button.mjs +8 -16
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-input.mjs +24 -42
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-prompt-input.mjs +13 -23
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-prompt-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-text-area.mjs +23 -42
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-text-area.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-theming.mjs +3 -3
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-toolbar-label.mjs +6 -13
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-toolbar-label.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-utils.mjs +3 -3
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-versioning.mjs +7 -15
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-versioning.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-writing-assistant.mjs +6 -14
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai-writing-assistant.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai.mjs +101 -188
- package/fesm2022/fundamental-ngx-ui5-webcomponents-ai.mjs.map +1 -1
- package/package.json +12 -13
|
@@ -140,8 +140,8 @@ class GenericControlValueAccessor {
|
|
|
140
140
|
this.cdr.markForCheck();
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
144
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
143
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: GenericControlValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
144
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: GenericControlValueAccessor, isStandalone: true, selector: "[noop]", providers: [
|
|
145
145
|
{
|
|
146
146
|
provide: NG_VALUE_ACCESSOR,
|
|
147
147
|
useExisting: forwardRef(() => GenericControlValueAccessor),
|
|
@@ -149,7 +149,7 @@ class GenericControlValueAccessor {
|
|
|
149
149
|
}
|
|
150
150
|
], ngImport: i0 }); }
|
|
151
151
|
}
|
|
152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: GenericControlValueAccessor, decorators: [{
|
|
153
153
|
type: Directive,
|
|
154
154
|
args: [{
|
|
155
155
|
selector: '[noop]',
|
|
@@ -187,30 +187,27 @@ class Button {
|
|
|
187
187
|
- **expanded**: Indicates whether the popup controlled by the arrow button is currently expanded.
|
|
188
188
|
Accepts boolean values: `true` or `false`.
|
|
189
189
|
*/
|
|
190
|
-
this.accessibilityAttributes = input({},
|
|
191
|
-
...(ngDevMode ? [{ debugName: "accessibilityAttributes" }] : /* istanbul ignore next */ []));
|
|
190
|
+
this.accessibilityAttributes = input({}, ...(ngDevMode ? [{ debugName: "accessibilityAttributes" }] : []));
|
|
192
191
|
/**
|
|
193
192
|
* Defines the active state of the arrow button in split mode.
|
|
194
193
|
Set to true when the button is in split mode and a menu with additional options
|
|
195
194
|
is opened by the arrow button. Set back to false when the menu is closed.
|
|
196
195
|
*/
|
|
197
|
-
this.arrowButtonPressed = input(false, { ...(ngDevMode ? { debugName: "arrowButtonPressed" } :
|
|
196
|
+
this.arrowButtonPressed = input(false, { ...(ngDevMode ? { debugName: "arrowButtonPressed" } : {}), transform: booleanAttribute });
|
|
198
197
|
/**
|
|
199
198
|
* Defines the component design.
|
|
200
199
|
*/
|
|
201
|
-
this.design = input("Default",
|
|
202
|
-
...(ngDevMode ? [{ debugName: "design" }] : /* istanbul ignore next */ []));
|
|
200
|
+
this.design = input("Default", ...(ngDevMode ? [{ debugName: "design" }] : []));
|
|
203
201
|
/**
|
|
204
202
|
* Defines whether the component is disabled.
|
|
205
203
|
A disabled component can't be pressed or
|
|
206
204
|
focused, and it is not in the tab chain.
|
|
207
205
|
*/
|
|
208
|
-
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } :
|
|
206
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
209
207
|
/**
|
|
210
208
|
* Defines the current state of the component.
|
|
211
209
|
*/
|
|
212
|
-
this.state = input(
|
|
213
|
-
...(ngDevMode ? [undefined, { debugName: "state" }] : /* istanbul ignore next */ [])); // className is now passed
|
|
210
|
+
this.state = input(...(ngDevMode ? [undefined, { debugName: "state" }] : [])); // className is now passed
|
|
214
211
|
/**
|
|
215
212
|
* Fired when the component is in split mode and after the arrow button
|
|
216
213
|
is activated either by clicking or tapping it or by using the [Arrow Up] / [Arrow Down],
|
|
@@ -281,11 +278,6 @@ class Button {
|
|
|
281
278
|
// Read the signal value
|
|
282
279
|
const value = this[signalName]();
|
|
283
280
|
if (wcElement) {
|
|
284
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
285
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
286
|
-
if (value === undefined && wcElement[inputName]) {
|
|
287
|
-
return;
|
|
288
|
-
}
|
|
289
281
|
// Write the value to the Web Component's property
|
|
290
282
|
wcElement[inputName] = value;
|
|
291
283
|
}
|
|
@@ -310,14 +302,14 @@ class Button {
|
|
|
310
302
|
}
|
|
311
303
|
}
|
|
312
304
|
}
|
|
313
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
314
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
305
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
306
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Button, isStandalone: true, selector: "ui5-ai-button, [ui5-ai-button]", inputs: { accessibilityAttributes: { classPropertyName: "accessibilityAttributes", publicName: "accessibilityAttributes", isSignal: true, isRequired: false, transformFunction: null }, arrowButtonPressed: { classPropertyName: "arrowButtonPressed", publicName: "arrowButtonPressed", isSignal: true, isRequired: false, transformFunction: null }, design: { classPropertyName: "design", publicName: "design", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5ArrowButtonClick: "ui5ArrowButtonClick", ui5Click: "ui5Click" }, providers: [
|
|
315
307
|
contentDensityObserverProviders({
|
|
316
308
|
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
317
309
|
})
|
|
318
310
|
], exportAs: ["ui5Button"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
319
311
|
}
|
|
320
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
312
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Button, decorators: [{
|
|
321
313
|
type: Component,
|
|
322
314
|
args: [{
|
|
323
315
|
standalone: true,
|
|
@@ -343,8 +335,7 @@ class ButtonState {
|
|
|
343
335
|
|
|
344
336
|
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
345
337
|
*/
|
|
346
|
-
this.endIcon = input(
|
|
347
|
-
...(ngDevMode ? [undefined, { debugName: "endIcon" }] : /* istanbul ignore next */ []));
|
|
338
|
+
this.endIcon = input(...(ngDevMode ? [undefined, { debugName: "endIcon" }] : []));
|
|
348
339
|
/**
|
|
349
340
|
* Defines the icon to be displayed as graphical element within the component before the text.
|
|
350
341
|
The SAP-icons font provides numerous options.
|
|
@@ -353,22 +344,19 @@ class ButtonState {
|
|
|
353
344
|
|
|
354
345
|
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
355
346
|
*/
|
|
356
|
-
this.icon = input(
|
|
357
|
-
...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
347
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
358
348
|
/**
|
|
359
349
|
* Defines the name of the button state.
|
|
360
350
|
*/
|
|
361
|
-
this.name = input(
|
|
362
|
-
...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
351
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
363
352
|
/**
|
|
364
353
|
* Defines if the component is in split button mode.
|
|
365
354
|
*/
|
|
366
|
-
this.showArrowButton = input(false, { ...(ngDevMode ? { debugName: "showArrowButton" } :
|
|
355
|
+
this.showArrowButton = input(false, { ...(ngDevMode ? { debugName: "showArrowButton" } : {}), transform: booleanAttribute });
|
|
367
356
|
/**
|
|
368
357
|
* Defines the text of the button in this state.
|
|
369
358
|
*/
|
|
370
|
-
this.text = input(
|
|
371
|
-
...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ [])); // className is now passed
|
|
359
|
+
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : [])); // className is now passed
|
|
372
360
|
this.elementRef = inject(ElementRef);
|
|
373
361
|
this.injector = inject(Injector);
|
|
374
362
|
/**
|
|
@@ -401,11 +389,6 @@ class ButtonState {
|
|
|
401
389
|
// Read the signal value
|
|
402
390
|
const value = this[signalName]();
|
|
403
391
|
if (wcElement) {
|
|
404
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
405
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
406
|
-
if (value === undefined && wcElement[inputName]) {
|
|
407
|
-
return;
|
|
408
|
-
}
|
|
409
392
|
// Write the value to the Web Component's property
|
|
410
393
|
wcElement[inputName] = value;
|
|
411
394
|
}
|
|
@@ -414,14 +397,14 @@ class ButtonState {
|
|
|
414
397
|
}
|
|
415
398
|
}
|
|
416
399
|
}
|
|
417
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
418
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
400
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ButtonState, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
401
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ButtonState, isStandalone: true, selector: "ui5-ai-button-state, [ui5-ai-button-state]", inputs: { endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, showArrowButton: { classPropertyName: "showArrowButton", publicName: "showArrowButton", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
419
402
|
contentDensityObserverProviders({
|
|
420
403
|
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
421
404
|
})
|
|
422
405
|
], exportAs: ["ui5ButtonState"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
423
406
|
}
|
|
424
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
407
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ButtonState, decorators: [{
|
|
425
408
|
type: Component,
|
|
426
409
|
args: [{
|
|
427
410
|
standalone: true,
|
|
@@ -442,101 +425,91 @@ class Input {
|
|
|
442
425
|
/**
|
|
443
426
|
* Indicates the index of the currently displayed version.
|
|
444
427
|
*/
|
|
445
|
-
this.currentVersion = input(0,
|
|
446
|
-
...(ngDevMode ? [{ debugName: "currentVersion" }] : /* istanbul ignore next */ []));
|
|
428
|
+
this.currentVersion = input(0, ...(ngDevMode ? [{ debugName: "currentVersion" }] : []));
|
|
447
429
|
/**
|
|
448
430
|
* Defines whether the AI Writing Assistant is currently loading.
|
|
449
431
|
|
|
450
432
|
When `true`, indicates that an AI action is in progress.
|
|
451
433
|
*/
|
|
452
|
-
this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } :
|
|
434
|
+
this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), transform: booleanAttribute });
|
|
453
435
|
/**
|
|
454
436
|
* Indicates the total number of result versions available.
|
|
455
437
|
|
|
456
438
|
When not set or set to 0, the versioning will be hidden.
|
|
457
439
|
*/
|
|
458
|
-
this.totalVersions = input(0,
|
|
459
|
-
...(ngDevMode ? [{ debugName: "totalVersions" }] : /* istanbul ignore next */ []));
|
|
440
|
+
this.totalVersions = input(0, ...(ngDevMode ? [{ debugName: "totalVersions" }] : []));
|
|
460
441
|
/**
|
|
461
442
|
* Defines the accessible description of the component.
|
|
462
443
|
*/
|
|
463
|
-
this.accessibleDescription = input(
|
|
464
|
-
...(ngDevMode ? [undefined, { debugName: "accessibleDescription" }] : /* istanbul ignore next */ []));
|
|
444
|
+
this.accessibleDescription = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescription" }] : []));
|
|
465
445
|
/**
|
|
466
446
|
* Receives id(or many ids) of the elements that describe the input.
|
|
467
447
|
*/
|
|
468
|
-
this.accessibleDescriptionRef = input(
|
|
469
|
-
...(ngDevMode ? [undefined, { debugName: "accessibleDescriptionRef" }] : /* istanbul ignore next */ []));
|
|
448
|
+
this.accessibleDescriptionRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescriptionRef" }] : []));
|
|
470
449
|
/**
|
|
471
450
|
* Defines the accessible ARIA name of the component.
|
|
472
451
|
*/
|
|
473
|
-
this.accessibleName = input(
|
|
474
|
-
...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : /* istanbul ignore next */ []));
|
|
452
|
+
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
475
453
|
/**
|
|
476
454
|
* Receives id(or many ids) of the elements that label the input.
|
|
477
455
|
*/
|
|
478
|
-
this.accessibleNameRef = input(
|
|
479
|
-
...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : /* istanbul ignore next */ []));
|
|
456
|
+
this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
|
|
480
457
|
/**
|
|
481
458
|
* Defines whether the component is in disabled state.
|
|
482
459
|
|
|
483
460
|
**Note:** A disabled component is completely noninteractive.
|
|
484
461
|
*/
|
|
485
|
-
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } :
|
|
462
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
486
463
|
/**
|
|
487
464
|
* Defines the filter type of the component.
|
|
488
465
|
*/
|
|
489
|
-
this.filter = input("None",
|
|
490
|
-
...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
|
|
466
|
+
this.filter = input("None", ...(ngDevMode ? [{ debugName: "filter" }] : []));
|
|
491
467
|
/**
|
|
492
468
|
* Sets the maximum number of characters available in the input field.
|
|
493
469
|
|
|
494
470
|
**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.
|
|
495
471
|
*/
|
|
496
|
-
this.maxlength = input(
|
|
497
|
-
...(ngDevMode ? [undefined, { debugName: "maxlength" }] : /* istanbul ignore next */ []));
|
|
472
|
+
this.maxlength = input(...(ngDevMode ? [undefined, { debugName: "maxlength" }] : []));
|
|
498
473
|
/**
|
|
499
474
|
* Determines the name by which the component will be identified upon submission in an HTML form.
|
|
500
475
|
|
|
501
476
|
**Note:** This property is only applicable within the context of an HTML Form element.
|
|
502
477
|
*/
|
|
503
|
-
this.name = input(
|
|
504
|
-
...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
478
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
505
479
|
/**
|
|
506
480
|
* Defines whether the value will be autcompleted to match an item
|
|
507
481
|
*/
|
|
508
|
-
this.noTypeahead = input(false, { ...(ngDevMode ? { debugName: "noTypeahead" } :
|
|
482
|
+
this.noTypeahead = input(false, { ...(ngDevMode ? { debugName: "noTypeahead" } : {}), transform: booleanAttribute });
|
|
509
483
|
/**
|
|
510
484
|
* Defines whether the suggestions picker is open.
|
|
511
485
|
The picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.
|
|
512
486
|
The picker will close automatically and `close` event will be fired if the input is not in the viewport.
|
|
513
487
|
*/
|
|
514
|
-
this.open = input(false, { ...(ngDevMode ? { debugName: "open" } :
|
|
488
|
+
this.open = input(false, { ...(ngDevMode ? { debugName: "open" } : {}), transform: booleanAttribute });
|
|
515
489
|
/**
|
|
516
490
|
* Defines a short hint intended to aid the user with data entry when the
|
|
517
491
|
component has no value.
|
|
518
492
|
*/
|
|
519
|
-
this.placeholder = input(
|
|
520
|
-
...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
493
|
+
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
|
|
521
494
|
/**
|
|
522
495
|
* Defines whether the component is read-only.
|
|
523
496
|
|
|
524
497
|
**Note:** A read-only component is not editable,
|
|
525
498
|
but still provides visual feedback upon user interaction.
|
|
526
499
|
*/
|
|
527
|
-
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } :
|
|
500
|
+
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
|
|
528
501
|
/**
|
|
529
502
|
* Defines whether the component is required.
|
|
530
503
|
*/
|
|
531
|
-
this.required = input(false, { ...(ngDevMode ? { debugName: "required" } :
|
|
504
|
+
this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
|
|
532
505
|
/**
|
|
533
506
|
* Defines whether the clear icon of the input will be shown.
|
|
534
507
|
*/
|
|
535
|
-
this.showClearIcon = input(false, { ...(ngDevMode ? { debugName: "showClearIcon" } :
|
|
508
|
+
this.showClearIcon = input(false, { ...(ngDevMode ? { debugName: "showClearIcon" } : {}), transform: booleanAttribute });
|
|
536
509
|
/**
|
|
537
510
|
* Defines whether the component should show suggestions, if such are present.
|
|
538
511
|
*/
|
|
539
|
-
this.showSuggestions = input(false, { ...(ngDevMode ? { debugName: "showSuggestions" } :
|
|
512
|
+
this.showSuggestions = input(false, { ...(ngDevMode ? { debugName: "showSuggestions" } : {}), transform: booleanAttribute });
|
|
540
513
|
/**
|
|
541
514
|
* Defines the HTML type of the component.
|
|
542
515
|
|
|
@@ -548,20 +521,17 @@ class Input {
|
|
|
548
521
|
that use different soft keyboard layouts depending on the given input type.
|
|
549
522
|
- Type `Number` does not support suggestions.
|
|
550
523
|
*/
|
|
551
|
-
this.type = input("Text",
|
|
552
|
-
...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
524
|
+
this.type = input("Text", ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
553
525
|
/**
|
|
554
526
|
* Defines the value of the component.
|
|
555
527
|
|
|
556
528
|
**Note:** The property is updated upon typing.
|
|
557
529
|
*/
|
|
558
|
-
this.value = input("",
|
|
559
|
-
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
530
|
+
this.value = input("", ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
560
531
|
/**
|
|
561
532
|
* Defines the value state of the component.
|
|
562
533
|
*/
|
|
563
|
-
this.valueState = input("None",
|
|
564
|
-
...(ngDevMode ? [{ debugName: "valueState" }] : /* istanbul ignore next */ [])); // className is now passed
|
|
534
|
+
this.valueState = input("None", ...(ngDevMode ? [{ debugName: "valueState" }] : [])); // className is now passed
|
|
565
535
|
/**
|
|
566
536
|
* Fired when the user selects the AI button.
|
|
567
537
|
*/
|
|
@@ -709,11 +679,6 @@ class Input {
|
|
|
709
679
|
// Read the signal value
|
|
710
680
|
const value = this[signalName]();
|
|
711
681
|
if (wcElement) {
|
|
712
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
713
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
714
|
-
if (value === undefined && wcElement[inputName]) {
|
|
715
|
-
return;
|
|
716
|
-
}
|
|
717
682
|
// Write the value to the Web Component's property
|
|
718
683
|
wcElement[inputName] = value;
|
|
719
684
|
}
|
|
@@ -746,8 +711,8 @@ class Input {
|
|
|
746
711
|
}
|
|
747
712
|
}
|
|
748
713
|
}
|
|
749
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
750
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
714
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Input, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
715
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Input, isStandalone: true, selector: "ui5-ai-input, [ui5-ai-input]", inputs: { currentVersion: { classPropertyName: "currentVersion", publicName: "currentVersion", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, totalVersions: { classPropertyName: "totalVersions", publicName: "totalVersions", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescription: { classPropertyName: "accessibleDescription", publicName: "accessibleDescription", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescriptionRef: { classPropertyName: "accessibleDescriptionRef", publicName: "accessibleDescriptionRef", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, noTypeahead: { classPropertyName: "noTypeahead", publicName: "noTypeahead", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, showClearIcon: { classPropertyName: "showClearIcon", publicName: "showClearIcon", isSignal: true, isRequired: false, transformFunction: null }, showSuggestions: { classPropertyName: "showSuggestions", publicName: "showSuggestions", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5ButtonClick: "ui5ButtonClick", ui5ItemClick: "ui5ItemClick", ui5StopGeneration: "ui5StopGeneration", ui5VersionChange: "ui5VersionChange", ui5Change: "ui5Change", ui5Close: "ui5Close", ui5Input: "ui5Input", ui5Open: "ui5Open", ui5Select: "ui5Select", ui5SelectionChange: "ui5SelectionChange" }, providers: [
|
|
751
716
|
contentDensityObserverProviders({
|
|
752
717
|
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
753
718
|
}),
|
|
@@ -761,7 +726,7 @@ class Input {
|
|
|
761
726
|
}
|
|
762
727
|
], exportAs: ["ui5Input"], hostDirectives: [{ directive: i1.GenericControlValueAccessor }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
763
728
|
}
|
|
764
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Input, decorators: [{
|
|
765
730
|
type: Component,
|
|
766
731
|
args: [{
|
|
767
732
|
standalone: true,
|
|
@@ -793,34 +758,31 @@ class PromptInput {
|
|
|
793
758
|
|
|
794
759
|
**Note:** A disabled component is completely noninteractive.
|
|
795
760
|
*/
|
|
796
|
-
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } :
|
|
761
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
797
762
|
/**
|
|
798
763
|
* Defines the label of the input field.
|
|
799
764
|
*/
|
|
800
|
-
this.label = input(
|
|
801
|
-
...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
765
|
+
this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
802
766
|
/**
|
|
803
767
|
* Sets the maximum number of characters available in the input field.
|
|
804
768
|
*/
|
|
805
|
-
this.maxlength = input(
|
|
806
|
-
...(ngDevMode ? [undefined, { debugName: "maxlength" }] : /* istanbul ignore next */ []));
|
|
769
|
+
this.maxlength = input(...(ngDevMode ? [undefined, { debugName: "maxlength" }] : []));
|
|
807
770
|
/**
|
|
808
771
|
* Defines a short hint intended to aid the user with data entry when the
|
|
809
772
|
component has no value.
|
|
810
773
|
*/
|
|
811
|
-
this.placeholder = input(
|
|
812
|
-
...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
774
|
+
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
|
|
813
775
|
/**
|
|
814
776
|
* Defines whether the component is read-only.
|
|
815
777
|
|
|
816
778
|
**Note:** A read-only component is not editable,
|
|
817
779
|
but still provides visual feedback upon user interaction.
|
|
818
780
|
*/
|
|
819
|
-
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } :
|
|
781
|
+
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
|
|
820
782
|
/**
|
|
821
783
|
* Defines whether the clear icon of the input will be shown.
|
|
822
784
|
*/
|
|
823
|
-
this.showClearIcon = input(false, { ...(ngDevMode ? { debugName: "showClearIcon" } :
|
|
785
|
+
this.showClearIcon = input(false, { ...(ngDevMode ? { debugName: "showClearIcon" } : {}), transform: booleanAttribute });
|
|
824
786
|
/**
|
|
825
787
|
* Determines whether the characters exceeding the maximum allowed character count are visible
|
|
826
788
|
in the component.
|
|
@@ -830,21 +792,19 @@ class PromptInput {
|
|
|
830
792
|
If set to `true` the characters exceeding the `maxlength` value are selected on
|
|
831
793
|
paste and the counter below the component displays their number.
|
|
832
794
|
*/
|
|
833
|
-
this.showExceededText = input(false, { ...(ngDevMode ? { debugName: "showExceededText" } :
|
|
795
|
+
this.showExceededText = input(false, { ...(ngDevMode ? { debugName: "showExceededText" } : {}), transform: booleanAttribute });
|
|
834
796
|
/**
|
|
835
797
|
* Defines whether the component should show suggestions, if such are present.
|
|
836
798
|
*/
|
|
837
|
-
this.showSuggestions = input(false, { ...(ngDevMode ? { debugName: "showSuggestions" } :
|
|
799
|
+
this.showSuggestions = input(false, { ...(ngDevMode ? { debugName: "showSuggestions" } : {}), transform: booleanAttribute });
|
|
838
800
|
/**
|
|
839
801
|
* Defines the value of the component.
|
|
840
802
|
*/
|
|
841
|
-
this.value = input("",
|
|
842
|
-
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
803
|
+
this.value = input("", ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
843
804
|
/**
|
|
844
805
|
* Defines the value state of the component.
|
|
845
806
|
*/
|
|
846
|
-
this.valueState = input("None",
|
|
847
|
-
...(ngDevMode ? [{ debugName: "valueState" }] : /* istanbul ignore next */ [])); // className is now passed
|
|
807
|
+
this.valueState = input("None", ...(ngDevMode ? [{ debugName: "valueState" }] : [])); // className is now passed
|
|
848
808
|
/**
|
|
849
809
|
* Fired when the input operation has finished by pressing Enter
|
|
850
810
|
or on focusout.
|
|
@@ -939,11 +899,6 @@ class PromptInput {
|
|
|
939
899
|
// Read the signal value
|
|
940
900
|
const value = this[signalName]();
|
|
941
901
|
if (wcElement) {
|
|
942
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
943
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
944
|
-
if (value === undefined && wcElement[inputName]) {
|
|
945
|
-
return;
|
|
946
|
-
}
|
|
947
902
|
// Write the value to the Web Component's property
|
|
948
903
|
wcElement[inputName] = value;
|
|
949
904
|
}
|
|
@@ -969,14 +924,14 @@ class PromptInput {
|
|
|
969
924
|
}
|
|
970
925
|
}
|
|
971
926
|
}
|
|
972
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
973
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
927
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PromptInput, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
928
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: PromptInput, isStandalone: true, selector: "ui5-ai-prompt-input, [ui5-ai-prompt-input]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, showClearIcon: { classPropertyName: "showClearIcon", publicName: "showClearIcon", isSignal: true, isRequired: false, transformFunction: null }, showExceededText: { classPropertyName: "showExceededText", publicName: "showExceededText", isSignal: true, isRequired: false, transformFunction: null }, showSuggestions: { classPropertyName: "showSuggestions", publicName: "showSuggestions", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change", ui5Input: "ui5Input", ui5Submit: "ui5Submit" }, providers: [
|
|
974
929
|
contentDensityObserverProviders({
|
|
975
930
|
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
976
931
|
})
|
|
977
932
|
], exportAs: ["ui5PromptInput"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
978
933
|
}
|
|
979
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
934
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PromptInput, decorators: [{
|
|
980
935
|
type: Component,
|
|
981
936
|
args: [{
|
|
982
937
|
standalone: true,
|
|
@@ -997,88 +952,77 @@ class TextArea {
|
|
|
997
952
|
/**
|
|
998
953
|
* Indicates the index of the currently displayed version.
|
|
999
954
|
*/
|
|
1000
|
-
this.currentVersion = input(0,
|
|
1001
|
-
...(ngDevMode ? [{ debugName: "currentVersion" }] : /* istanbul ignore next */ []));
|
|
955
|
+
this.currentVersion = input(0, ...(ngDevMode ? [{ debugName: "currentVersion" }] : []));
|
|
1002
956
|
/**
|
|
1003
957
|
* Defines whether the `ui5-ai-textarea` is currently in a loading(processing) state.
|
|
1004
958
|
*/
|
|
1005
|
-
this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } :
|
|
959
|
+
this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), transform: booleanAttribute });
|
|
1006
960
|
/**
|
|
1007
961
|
* Defines the prompt description of the current action.
|
|
1008
962
|
*/
|
|
1009
|
-
this.promptDescription = input("",
|
|
1010
|
-
...(ngDevMode ? [{ debugName: "promptDescription" }] : /* istanbul ignore next */ []));
|
|
963
|
+
this.promptDescription = input("", ...(ngDevMode ? [{ debugName: "promptDescription" }] : []));
|
|
1011
964
|
/**
|
|
1012
965
|
* Indicates the total number of result versions available.
|
|
1013
966
|
|
|
1014
967
|
Notes:
|
|
1015
968
|
Versioning is hidden if the value is `0`
|
|
1016
969
|
*/
|
|
1017
|
-
this.totalVersions = input(0,
|
|
1018
|
-
...(ngDevMode ? [{ debugName: "totalVersions" }] : /* istanbul ignore next */ []));
|
|
970
|
+
this.totalVersions = input(0, ...(ngDevMode ? [{ debugName: "totalVersions" }] : []));
|
|
1019
971
|
/**
|
|
1020
972
|
* Defines the accessible description of the component.
|
|
1021
973
|
*/
|
|
1022
|
-
this.accessibleDescription = input(
|
|
1023
|
-
...(ngDevMode ? [undefined, { debugName: "accessibleDescription" }] : /* istanbul ignore next */ []));
|
|
974
|
+
this.accessibleDescription = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescription" }] : []));
|
|
1024
975
|
/**
|
|
1025
976
|
* Receives id(or many ids) of the elements that describe the textarea.
|
|
1026
977
|
*/
|
|
1027
|
-
this.accessibleDescriptionRef = input(
|
|
1028
|
-
...(ngDevMode ? [undefined, { debugName: "accessibleDescriptionRef" }] : /* istanbul ignore next */ []));
|
|
978
|
+
this.accessibleDescriptionRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescriptionRef" }] : []));
|
|
1029
979
|
/**
|
|
1030
980
|
* Defines the accessible ARIA name of the component.
|
|
1031
981
|
*/
|
|
1032
|
-
this.accessibleName = input(
|
|
1033
|
-
...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : /* istanbul ignore next */ []));
|
|
982
|
+
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
1034
983
|
/**
|
|
1035
984
|
* Receives id(or many ids) of the elements that label the textarea.
|
|
1036
985
|
*/
|
|
1037
|
-
this.accessibleNameRef = input(
|
|
1038
|
-
...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : /* istanbul ignore next */ []));
|
|
986
|
+
this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
|
|
1039
987
|
/**
|
|
1040
988
|
* Indicates whether the user can interact with the component or not.
|
|
1041
989
|
|
|
1042
990
|
**Note:** A disabled component is completely noninteractive.
|
|
1043
991
|
*/
|
|
1044
|
-
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } :
|
|
992
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
1045
993
|
/**
|
|
1046
994
|
* Enables the component to automatically grow and shrink dynamically with its content.
|
|
1047
995
|
*/
|
|
1048
|
-
this.growing = input(false, { ...(ngDevMode ? { debugName: "growing" } :
|
|
996
|
+
this.growing = input(false, { ...(ngDevMode ? { debugName: "growing" } : {}), transform: booleanAttribute });
|
|
1049
997
|
/**
|
|
1050
998
|
* Defines the maximum number of rows that the component can grow.
|
|
1051
999
|
*/
|
|
1052
|
-
this.growingMaxRows = input(0,
|
|
1053
|
-
...(ngDevMode ? [{ debugName: "growingMaxRows" }] : /* istanbul ignore next */ []));
|
|
1000
|
+
this.growingMaxRows = input(0, ...(ngDevMode ? [{ debugName: "growingMaxRows" }] : []));
|
|
1054
1001
|
/**
|
|
1055
1002
|
* Defines the maximum number of characters that the `value` can have.
|
|
1056
1003
|
*/
|
|
1057
|
-
this.maxlength = input(
|
|
1058
|
-
...(ngDevMode ? [undefined, { debugName: "maxlength" }] : /* istanbul ignore next */ []));
|
|
1004
|
+
this.maxlength = input(...(ngDevMode ? [undefined, { debugName: "maxlength" }] : []));
|
|
1059
1005
|
/**
|
|
1060
1006
|
* Determines the name by which the component will be identified upon submission in an HTML form.
|
|
1061
1007
|
|
|
1062
1008
|
**Note:** This property is only applicable within the context of an HTML Form element.
|
|
1063
1009
|
*/
|
|
1064
|
-
this.name = input(
|
|
1065
|
-
...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
|
|
1010
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
1066
1011
|
/**
|
|
1067
1012
|
* Defines a short hint intended to aid the user with data entry when the component has no value.
|
|
1068
1013
|
*/
|
|
1069
|
-
this.placeholder = input(
|
|
1070
|
-
...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
1014
|
+
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
|
|
1071
1015
|
/**
|
|
1072
1016
|
* Defines whether the component is read-only.
|
|
1073
1017
|
|
|
1074
1018
|
**Note:** A read-only component is not editable,
|
|
1075
1019
|
but still provides visual feedback upon user interaction.
|
|
1076
1020
|
*/
|
|
1077
|
-
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } :
|
|
1021
|
+
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
|
|
1078
1022
|
/**
|
|
1079
1023
|
* Defines whether the component is required.
|
|
1080
1024
|
*/
|
|
1081
|
-
this.required = input(false, { ...(ngDevMode ? { debugName: "required" } :
|
|
1025
|
+
this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
|
|
1082
1026
|
/**
|
|
1083
1027
|
* Defines the number of visible text rows for the component.
|
|
1084
1028
|
|
|
@@ -1088,8 +1032,7 @@ class TextArea {
|
|
|
1088
1032
|
in the textarea.
|
|
1089
1033
|
- The CSS `height` property wins over the `rows` property, if both are set.
|
|
1090
1034
|
*/
|
|
1091
|
-
this.rows = input(0,
|
|
1092
|
-
...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
|
|
1035
|
+
this.rows = input(0, ...(ngDevMode ? [{ debugName: "rows" }] : []));
|
|
1093
1036
|
/**
|
|
1094
1037
|
* Determines whether the characters exceeding the maximum allowed character count are visible
|
|
1095
1038
|
in the component.
|
|
@@ -1099,12 +1042,11 @@ class TextArea {
|
|
|
1099
1042
|
If set to `true` the characters exceeding the `maxlength` value are selected on
|
|
1100
1043
|
paste and the counter below the component displays their number.
|
|
1101
1044
|
*/
|
|
1102
|
-
this.showExceededText = input(false, { ...(ngDevMode ? { debugName: "showExceededText" } :
|
|
1045
|
+
this.showExceededText = input(false, { ...(ngDevMode ? { debugName: "showExceededText" } : {}), transform: booleanAttribute });
|
|
1103
1046
|
/**
|
|
1104
1047
|
* Defines the value of the component.
|
|
1105
1048
|
*/
|
|
1106
|
-
this.value = input("",
|
|
1107
|
-
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
1049
|
+
this.value = input("", ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
1108
1050
|
/**
|
|
1109
1051
|
* Defines the value state of the component.
|
|
1110
1052
|
|
|
@@ -1112,8 +1054,7 @@ class TextArea {
|
|
|
1112
1054
|
the component turns into "Critical" state once the characters exceeds the limit.
|
|
1113
1055
|
In this case, only the "Negative" state is considered and can be applied.
|
|
1114
1056
|
*/
|
|
1115
|
-
this.valueState = input("None",
|
|
1116
|
-
...(ngDevMode ? [{ debugName: "valueState" }] : /* istanbul ignore next */ [])); // className is now passed
|
|
1057
|
+
this.valueState = input("None", ...(ngDevMode ? [{ debugName: "valueState" }] : [])); // className is now passed
|
|
1117
1058
|
/**
|
|
1118
1059
|
* Fired when the user requests to stop AI text generation.
|
|
1119
1060
|
*/
|
|
@@ -1223,11 +1164,6 @@ class TextArea {
|
|
|
1223
1164
|
// Read the signal value
|
|
1224
1165
|
const value = this[signalName]();
|
|
1225
1166
|
if (wcElement) {
|
|
1226
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
1227
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
1228
|
-
if (value === undefined && wcElement[inputName]) {
|
|
1229
|
-
return;
|
|
1230
|
-
}
|
|
1231
1167
|
// Write the value to the Web Component's property
|
|
1232
1168
|
wcElement[inputName] = value;
|
|
1233
1169
|
}
|
|
@@ -1256,8 +1192,8 @@ class TextArea {
|
|
|
1256
1192
|
}
|
|
1257
1193
|
}
|
|
1258
1194
|
}
|
|
1259
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1260
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1195
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TextArea, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1196
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TextArea, isStandalone: true, selector: "ui5-ai-textarea, [ui5-ai-textarea]", inputs: { currentVersion: { classPropertyName: "currentVersion", publicName: "currentVersion", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, promptDescription: { classPropertyName: "promptDescription", publicName: "promptDescription", isSignal: true, isRequired: false, transformFunction: null }, totalVersions: { classPropertyName: "totalVersions", publicName: "totalVersions", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescription: { classPropertyName: "accessibleDescription", publicName: "accessibleDescription", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescriptionRef: { classPropertyName: "accessibleDescriptionRef", publicName: "accessibleDescriptionRef", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, growing: { classPropertyName: "growing", publicName: "growing", isSignal: true, isRequired: false, transformFunction: null }, growingMaxRows: { classPropertyName: "growingMaxRows", publicName: "growingMaxRows", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, showExceededText: { classPropertyName: "showExceededText", publicName: "showExceededText", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5StopGeneration: "ui5StopGeneration", ui5VersionChange: "ui5VersionChange", ui5Change: "ui5Change", ui5Input: "ui5Input", ui5Scroll: "ui5Scroll", ui5Select: "ui5Select" }, providers: [
|
|
1261
1197
|
contentDensityObserverProviders({
|
|
1262
1198
|
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
1263
1199
|
}),
|
|
@@ -1271,7 +1207,7 @@ class TextArea {
|
|
|
1271
1207
|
}
|
|
1272
1208
|
], exportAs: ["ui5TextArea"], hostDirectives: [{ directive: i1.GenericControlValueAccessor }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1273
1209
|
}
|
|
1274
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1210
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TextArea, decorators: [{
|
|
1275
1211
|
type: Component,
|
|
1276
1212
|
args: [{
|
|
1277
1213
|
standalone: true,
|
|
@@ -1301,19 +1237,17 @@ class ToolbarLabel {
|
|
|
1301
1237
|
/**
|
|
1302
1238
|
* Defines the text of the label.
|
|
1303
1239
|
*/
|
|
1304
|
-
this.text = input("",
|
|
1305
|
-
...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
|
|
1240
|
+
this.text = input("", ...(ngDevMode ? [{ debugName: "text" }] : []));
|
|
1306
1241
|
/**
|
|
1307
1242
|
* Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
|
|
1308
1243
|
the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
|
|
1309
1244
|
*/
|
|
1310
|
-
this.overflowPriority = input("Default",
|
|
1311
|
-
...(ngDevMode ? [{ debugName: "overflowPriority" }] : /* istanbul ignore next */ []));
|
|
1245
|
+
this.overflowPriority = input("Default", ...(ngDevMode ? [{ debugName: "overflowPriority" }] : []));
|
|
1312
1246
|
/**
|
|
1313
1247
|
* Defines if the toolbar overflow popup should close upon interaction with the item.
|
|
1314
1248
|
It will close by default.
|
|
1315
1249
|
*/
|
|
1316
|
-
this.preventOverflowClosing = input(false, { ...(ngDevMode ? { debugName: "preventOverflowClosing" } :
|
|
1250
|
+
this.preventOverflowClosing = input(false, { ...(ngDevMode ? { debugName: "preventOverflowClosing" } : {}), transform: booleanAttribute }); // className is now passed
|
|
1317
1251
|
/**
|
|
1318
1252
|
* Available slots for content projection in this component.
|
|
1319
1253
|
*
|
|
@@ -1370,11 +1304,6 @@ class ToolbarLabel {
|
|
|
1370
1304
|
// Read the signal value
|
|
1371
1305
|
const value = this[signalName]();
|
|
1372
1306
|
if (wcElement) {
|
|
1373
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
1374
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
1375
|
-
if (value === undefined && wcElement[inputName]) {
|
|
1376
|
-
return;
|
|
1377
|
-
}
|
|
1378
1307
|
// Write the value to the Web Component's property
|
|
1379
1308
|
wcElement[inputName] = value;
|
|
1380
1309
|
}
|
|
@@ -1383,14 +1312,14 @@ class ToolbarLabel {
|
|
|
1383
1312
|
}
|
|
1384
1313
|
}
|
|
1385
1314
|
}
|
|
1386
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1387
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1315
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolbarLabel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1316
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ToolbarLabel, isStandalone: true, selector: "ui5-ai-toolbar-label, [ui5-ai-toolbar-label]", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
1388
1317
|
contentDensityObserverProviders({
|
|
1389
1318
|
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
1390
1319
|
})
|
|
1391
1320
|
], exportAs: ["ui5ToolbarLabel"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1392
1321
|
}
|
|
1393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1322
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolbarLabel, decorators: [{
|
|
1394
1323
|
type: Component,
|
|
1395
1324
|
args: [{
|
|
1396
1325
|
standalone: true,
|
|
@@ -1413,26 +1342,23 @@ class Versioning {
|
|
|
1413
1342
|
|
|
1414
1343
|
This property represents the current position in the version history.
|
|
1415
1344
|
*/
|
|
1416
|
-
this.currentStep = input(0,
|
|
1417
|
-
...(ngDevMode ? [{ debugName: "currentStep" }] : /* istanbul ignore next */ []));
|
|
1345
|
+
this.currentStep = input(0, ...(ngDevMode ? [{ debugName: "currentStep" }] : []));
|
|
1418
1346
|
/**
|
|
1419
1347
|
* The total number of available result versions.
|
|
1420
1348
|
|
|
1421
1349
|
Note: Versioning is hidden if the value is `0`.
|
|
1422
1350
|
*/
|
|
1423
|
-
this.totalSteps = input(0,
|
|
1424
|
-
...(ngDevMode ? [{ debugName: "totalSteps" }] : /* istanbul ignore next */ []));
|
|
1351
|
+
this.totalSteps = input(0, ...(ngDevMode ? [{ debugName: "totalSteps" }] : []));
|
|
1425
1352
|
/**
|
|
1426
1353
|
* Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
|
|
1427
1354
|
the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
|
|
1428
1355
|
*/
|
|
1429
|
-
this.overflowPriority = input("Default",
|
|
1430
|
-
...(ngDevMode ? [{ debugName: "overflowPriority" }] : /* istanbul ignore next */ []));
|
|
1356
|
+
this.overflowPriority = input("Default", ...(ngDevMode ? [{ debugName: "overflowPriority" }] : []));
|
|
1431
1357
|
/**
|
|
1432
1358
|
* Defines if the toolbar overflow popup should close upon interaction with the item.
|
|
1433
1359
|
It will close by default.
|
|
1434
1360
|
*/
|
|
1435
|
-
this.preventOverflowClosing = input(false, { ...(ngDevMode ? { debugName: "preventOverflowClosing" } :
|
|
1361
|
+
this.preventOverflowClosing = input(false, { ...(ngDevMode ? { debugName: "preventOverflowClosing" } : {}), transform: booleanAttribute }); // className is now passed
|
|
1436
1362
|
/**
|
|
1437
1363
|
* Fired when the user clicks on version navigation buttons.
|
|
1438
1364
|
*/
|
|
@@ -1494,11 +1420,6 @@ class Versioning {
|
|
|
1494
1420
|
// Read the signal value
|
|
1495
1421
|
const value = this[signalName]();
|
|
1496
1422
|
if (wcElement) {
|
|
1497
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
1498
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
1499
|
-
if (value === undefined && wcElement[inputName]) {
|
|
1500
|
-
return;
|
|
1501
|
-
}
|
|
1502
1423
|
// Write the value to the Web Component's property
|
|
1503
1424
|
wcElement[inputName] = value;
|
|
1504
1425
|
}
|
|
@@ -1522,14 +1443,14 @@ class Versioning {
|
|
|
1522
1443
|
}
|
|
1523
1444
|
}
|
|
1524
1445
|
}
|
|
1525
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1526
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1446
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Versioning, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1447
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Versioning, isStandalone: true, selector: "ui5-ai-versioning, [ui5-ai-versioning]", inputs: { currentStep: { classPropertyName: "currentStep", publicName: "currentStep", isSignal: true, isRequired: false, transformFunction: null }, totalSteps: { classPropertyName: "totalSteps", publicName: "totalSteps", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5VersionChange: "ui5VersionChange" }, providers: [
|
|
1527
1448
|
contentDensityObserverProviders({
|
|
1528
1449
|
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
1529
1450
|
})
|
|
1530
1451
|
], exportAs: ["ui5Versioning"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1531
1452
|
}
|
|
1532
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1453
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Versioning, decorators: [{
|
|
1533
1454
|
type: Component,
|
|
1534
1455
|
args: [{
|
|
1535
1456
|
standalone: true,
|
|
@@ -1553,24 +1474,21 @@ class WritingAssistant {
|
|
|
1553
1474
|
The index is **0-based** (i.e. `0` represents the first result).
|
|
1554
1475
|
This property is synchronized with the parent AI TextArea component.
|
|
1555
1476
|
*/
|
|
1556
|
-
this.currentVersion = input(0,
|
|
1557
|
-
...(ngDevMode ? [{ debugName: "currentVersion" }] : /* istanbul ignore next */ []));
|
|
1477
|
+
this.currentVersion = input(0, ...(ngDevMode ? [{ debugName: "currentVersion" }] : []));
|
|
1558
1478
|
/**
|
|
1559
1479
|
* Defines the prompt description of the Writing Assistant.
|
|
1560
1480
|
|
|
1561
1481
|
This text is displayed in the toolbar to indicate the current or last
|
|
1562
1482
|
performed AI action (e.g., "Generated text", "Simplified text").
|
|
1563
1483
|
*/
|
|
1564
|
-
this.promptDescription = input("",
|
|
1565
|
-
...(ngDevMode ? [{ debugName: "promptDescription" }] : /* istanbul ignore next */ []));
|
|
1484
|
+
this.promptDescription = input("", ...(ngDevMode ? [{ debugName: "promptDescription" }] : []));
|
|
1566
1485
|
/**
|
|
1567
1486
|
* Indicates the total number of result versions available.
|
|
1568
1487
|
|
|
1569
1488
|
This property determines whether version navigation controls are displayed.
|
|
1570
1489
|
When totalVersions > 0, previous/next buttons become available.
|
|
1571
1490
|
*/
|
|
1572
|
-
this.totalVersions = input(0,
|
|
1573
|
-
...(ngDevMode ? [{ debugName: "totalVersions" }] : /* istanbul ignore next */ [])); // className is now passed
|
|
1491
|
+
this.totalVersions = input(0, ...(ngDevMode ? [{ debugName: "totalVersions" }] : [])); // className is now passed
|
|
1574
1492
|
/**
|
|
1575
1493
|
* Fired when the user clicks on the AI button.
|
|
1576
1494
|
*/
|
|
@@ -1613,11 +1531,6 @@ class WritingAssistant {
|
|
|
1613
1531
|
// Read the signal value
|
|
1614
1532
|
const value = this[signalName]();
|
|
1615
1533
|
if (wcElement) {
|
|
1616
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
1617
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
1618
|
-
if (value === undefined && wcElement[inputName]) {
|
|
1619
|
-
return;
|
|
1620
|
-
}
|
|
1621
1534
|
// Write the value to the Web Component's property
|
|
1622
1535
|
wcElement[inputName] = value;
|
|
1623
1536
|
}
|
|
@@ -1643,14 +1556,14 @@ class WritingAssistant {
|
|
|
1643
1556
|
}
|
|
1644
1557
|
}
|
|
1645
1558
|
}
|
|
1646
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1647
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1559
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WritingAssistant, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1560
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: WritingAssistant, isStandalone: true, selector: "ui5-ai-writing-assistant, [ui5-ai-writing-assistant]", inputs: { currentVersion: { classPropertyName: "currentVersion", publicName: "currentVersion", isSignal: true, isRequired: false, transformFunction: null }, promptDescription: { classPropertyName: "promptDescription", publicName: "promptDescription", isSignal: true, isRequired: false, transformFunction: null }, totalVersions: { classPropertyName: "totalVersions", publicName: "totalVersions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5ButtonClick: "ui5ButtonClick", ui5StopGeneration: "ui5StopGeneration", ui5VersionChange: "ui5VersionChange" }, providers: [
|
|
1648
1561
|
contentDensityObserverProviders({
|
|
1649
1562
|
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
1650
1563
|
})
|
|
1651
1564
|
], exportAs: ["ui5WritingAssistant"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1652
1565
|
}
|
|
1653
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WritingAssistant, decorators: [{
|
|
1654
1567
|
type: Component,
|
|
1655
1568
|
args: [{
|
|
1656
1569
|
standalone: true,
|
|
@@ -1671,10 +1584,10 @@ class Ui5WebcomponentsAiThemingService extends WebcomponentsThemingProvider {
|
|
|
1671
1584
|
super(() => import('@ui5/webcomponents-ai/dist/generated/json-imports/Themes.js'));
|
|
1672
1585
|
this.name = 'ui-5-webcomponents--ai-theming-service';
|
|
1673
1586
|
}
|
|
1674
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1675
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1587
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Ui5WebcomponentsAiThemingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1588
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Ui5WebcomponentsAiThemingService, providedIn: 'root' }); }
|
|
1676
1589
|
}
|
|
1677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1590
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Ui5WebcomponentsAiThemingService, decorators: [{
|
|
1678
1591
|
type: Injectable,
|
|
1679
1592
|
args: [{ providedIn: 'root' }]
|
|
1680
1593
|
}], ctorParameters: () => [] });
|