@fundamental-ngx/ui5-webcomponents 0.64.2-rc.49 → 0.64.2-rc.50

package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs

@@ -6954,6 +6954,8 @@ class Icon {
       When this slot is used, the component renders a `<span>` instead of an `<svg>`.
       Accessibility is fully delegated to the application — set `accessible-name` and `mode` explicitly.
       
+      **Note:** To control the glyph size, set `font-size` on the `ui5-icon` host element.
+      
       **Example:**
       ```html
       <ui5-icon mode="Image" accessible-name="Home">
@@ -6975,7 +6977,7 @@ class Icon {
         this.slots = [
             {
                 "name": "fontIcon",
-                "description": "Defines the font icon to be used as an icon.\nIntended for font-based icon libraries where\nthe application loads the font and provides a slotted element with the unicode character.\nWhen this slot is used, the component renders a `<span>` instead of an `<svg>`.\nAccessibility is fully delegated to the application — set `accessible-name` and `mode` explicitly.\n\n**Example:**\n```html\n<ui5-icon mode=\"Image\" accessible-name=\"Home\">\n  <i class=\"fa fa-home\" slot=\"fontIcon\"></i>\n</ui5-icon>\n```",
+                "description": "Defines the font icon to be used as an icon.\nIntended for font-based icon libraries where\nthe application loads the font and provides a slotted element with the unicode character.\nWhen this slot is used, the component renders a `<span>` instead of an `<svg>`.\nAccessibility is fully delegated to the application — set `accessible-name` and `mode` explicitly.\n\n**Note:** To control the glyph size, set `font-size` on the `ui5-icon` host element.\n\n**Example:**\n```html\n<ui5-icon mode=\"Image\" accessible-name=\"Home\">\n  <i class=\"fa fa-home\" slot=\"fontIcon\"></i>\n</ui5-icon>\n```",
                 "since": "2.23.0"
             }
         ];
@@ -8220,10 +8222,13 @@ class ListItemCustom {
         ...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
         /**
          * Defines the visual indication and behavior of the list items.
-      Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
+      Available options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.
       
       **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
-      while with type `Inactive` and `Detail` - will not.
+      while with type `Inactive`, `InactiveSelectable` and `Detail` - will not.
+      
+      **Note:** `InactiveSelectable` behaves like `Inactive` but allows selection (checkbox/radio) to be toggled
+      when the list has a selection mode. The `item-click` event is not fired for this type.
          */
         this.type = input("Active", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ [])); // className is now passed
@@ -8754,10 +8759,13 @@ class ListItemStandard {
         ...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
         /**
          * Defines the visual indication and behavior of the list items.
-      Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
+      Available options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.
       
       **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
-      while with type `Inactive` and `Detail` - will not.
+      while with type `Inactive`, `InactiveSelectable` and `Detail` - will not.
+      
+      **Note:** `InactiveSelectable` behaves like `Inactive` but allows selection (checkbox/radio) to be toggled
+      when the list has a selection mode. The `item-click` event is not fired for this type.
          */
         this.type = input("Active", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
@@ -9219,10 +9227,13 @@ class MenuItem {
         ...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
         /**
          * Defines the visual indication and behavior of the list items.
-      Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
+      Available options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.
       
       **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
-      while with type `Inactive` and `Detail` - will not.
+      while with type `Inactive`, `InactiveSelectable` and `Detail` - will not.
+      
+      **Note:** `InactiveSelectable` behaves like `Inactive` but allows selection (checkbox/radio) to be toggled
+      when the list has a selection mode. The `item-click` event is not fired for this type.
          */
         this.type = input("Active", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ [])); // className is now passed
@@ -9916,6 +9927,9 @@ class MultiComboBox {
         ...(ngDevMode ? [{ debugName: "selectedValues" }] : /* istanbul ignore next */ []));
         /**
          * Defines whether the clear icon of the multi-combobox will be shown.
+      
+      **Note:** The clear icon is only visible when there is text typed by the user
+        and only clears the typed value, not the selected tokens.
          */
         this.showClearIcon = input(false, { ...(ngDevMode ? { debugName: "showClearIcon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
@@ -12108,6 +12122,13 @@ class RatingIndicator {
       **Note:** A disabled component is completely noninteractive.
          */
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Defines whether the component is in display-only mode.
+      
+      **Note:** A display-only component is visually identical to read-only
+      but cannot receive focus and is not announced by screen readers.
+         */
+        this.displayOnly = input(false, { ...(ngDevMode ? { debugName: "displayOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * The number of displayed rating symbols.
          */
@@ -12178,6 +12199,7 @@ class RatingIndicator {
             'accessibleName',
             'accessibleNameRef',
             'disabled',
+            'displayOnly',
             'max',
             'ratedIcon',
             'readonly',
@@ -12231,7 +12253,7 @@ class RatingIndicator {
         this._destroyRef.onDestroy(() => _listeners.forEach((fn) => fn()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RatingIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: RatingIndicator, isStandalone: true, selector: "ui5-rating-indicator, [ui5-rating-indicator]", inputs: { 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 }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, ratedIcon: { classPropertyName: "ratedIcon", publicName: "ratedIcon", 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, unratedIcon: { classPropertyName: "unratedIcon", publicName: "unratedIcon", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: RatingIndicator, isStandalone: true, selector: "ui5-rating-indicator, [ui5-rating-indicator]", inputs: { 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 }, displayOnly: { classPropertyName: "displayOnly", publicName: "displayOnly", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, ratedIcon: { classPropertyName: "ratedIcon", publicName: "ratedIcon", 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, unratedIcon: { classPropertyName: "unratedIcon", publicName: "unratedIcon", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, providers: [
             contentDensityObserverProviders({
                 supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
             })
@@ -12251,7 +12273,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], ratedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "ratedIcon", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], unratedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "unratedIcon", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
+        }], propDecorators: { accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], displayOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayOnly", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], ratedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "ratedIcon", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], unratedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "unratedIcon", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
 
 class ResponsivePopover {
     constructor() {
@@ -14399,10 +14421,13 @@ class SuggestionListItem {
         ...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
         /**
          * Defines the visual indication and behavior of the list items.
-      Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
+      Available options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.
       
       **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
-      while with type `Inactive` and `Detail` - will not.
+      while with type `Inactive`, `InactiveSelectable` and `Detail` - will not.
+      
+      **Note:** `InactiveSelectable` behaves like `Inactive` but allows selection (checkbox/radio) to be toggled
+      when the list has a selection mode. The `item-click` event is not fired for this type.
          */
         this.type = input("Active", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
@@ -18941,7 +18966,7 @@ class Toolbar {
          *
          * - **(default)**: Defines the items of the component.
       
-      **Note:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here.
+      **Note:** Use `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` for the most common toolbar actions. To place any other UI5 Web Component into the toolbar and have it participate in overflow handling, wrap it in a `ui5-toolbar-item`.
          *
          * @example
          * ```html
@@ -18957,7 +18982,7 @@ class Toolbar {
         this.slots = [
             {
                 "name": "default",
-                "description": "Defines the items of the component.\n\n**Note:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here."
+                "description": "Defines the items of the component.\n\n**Note:** Use `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` for the most common toolbar actions. To place any other UI5 Web Component into the toolbar and have it participate in overflow handling, wrap it in a `ui5-toolbar-item`."
             }
         ];
         this.elementRef = inject(ElementRef);
@@ -20114,10 +20139,13 @@ class TreeItem {
         ...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
         /**
          * Defines the visual indication and behavior of the list items.
-      Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
+      Available options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.
       
       **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
-      while with type `Inactive` and `Detail` - will not.
+      while with type `Inactive`, `InactiveSelectable` and `Detail` - will not.
+      
+      **Note:** `InactiveSelectable` behaves like `Inactive` but allows selection (checkbox/radio) to be toggled
+      when the list has a selection mode. The `item-click` event is not fired for this type.
          */
         this.type = input("Active", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ [])); // className is now passed
@@ -20373,10 +20401,13 @@ class TreeItemCustom {
         ...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
         /**
          * Defines the visual indication and behavior of the list items.
-      Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
+      Available options are `Active` (by default), `Inactive`, `InactiveSelectable`, `Detail` and `Navigation`.
       
       **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
-      while with type `Inactive` and `Detail` - will not.
+      while with type `Inactive`, `InactiveSelectable` and `Detail` - will not.
+      
+      **Note:** `InactiveSelectable` behaves like `Inactive` but allows selection (checkbox/radio) to be toggled
+      when the list has a selection mode. The `item-click` event is not fired for this type.
          */
         this.type = input("Active", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ [])); // className is now passed