@ui5/webcomponents-ngx 0.3.0-rc.2 → 0.3.0-rc.3

package/main/tag/index.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter } from '@angular/core';
+import '@ui5/webcomponents/dist/Tag.js';
+import Tag from '@ui5/webcomponents/dist/Tag.js';
+import * as i0 from "@angular/core";
+declare class TagComponent {
+    /**
+       Defines the design type of the component.
+      */
+    design: 'Set1' | 'Set2' | 'Set3' | 'Neutral' | 'Information' | 'Positive' | 'Negative' | 'Critical';
+    /**
+       Defines the color scheme of the component.
+  There are 10 predefined schemes.
+  To use one you can set a number from `"1"` to `"10"`. The `colorScheme` `"1"` will be set by default.
+      */
+    colorScheme: string;
+    /**
+       Defines if the default state icon is shown.
+      */
+    hideStateIcon: boolean;
+    /**
+       Defines if the component is interactive (focusable and pressable).
+  
+  **Note:** The tag cannot be `interactive`
+  when `design` property is `TagDesign.Set3`
+      */
+    interactive: boolean;
+    /**
+       Defines how the text of a component will be displayed when there is not enough space.
+  
+  **Note:** For option "Normal" the text will wrap and the
+  words will not be broken based on hyphenation.
+      */
+    wrappingType: 'None' | 'Normal';
+    /**
+       Defines predefined size of the component.
+      */
+    size: 'S' | 'L';
+    /**
+       Fired when the user clicks on an interactive tag.
+  
+  **Note:** The event will be fired if the `interactive` property is `true`
+      */
+    ui5Click: EventEmitter<void>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): Tag;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "ui5-tag", ["ui5Tag"], { "design": { "alias": "design"; "required": false; }; "colorScheme": { "alias": "colorScheme"; "required": false; }; "hideStateIcon": { "alias": "hideStateIcon"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "wrappingType": { "alias": "wrappingType"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+}
+export { TagComponent };

package/main/text/index.d.ts

@@ -0,0 +1,17 @@
+import '@ui5/webcomponents/dist/Text.js';
+import Text from '@ui5/webcomponents/dist/Text.js';
+import * as i0 from "@angular/core";
+declare class TextComponent {
+    /**
+       Defines the number of lines the text should wrap before it truncates.
+      */
+    maxLines: number;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): Text;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "ui5-text", ["ui5Text"], { "maxLines": { "alias": "maxLines"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export { TextComponent };

package/main/text-area/index.d.ts

@@ -11,14 +11,14 @@ declare class TextAreaComponent {
     value: string;
     /**
        Indicates whether the user can interact with the component or not.
-  <br><br>
-  <b>Note:</b> A disabled component is completely noninteractive.
+  
+  **Note:** A disabled component is completely noninteractive.
       */
     disabled: boolean;
     /**
        Defines whether the component is read-only.
-  <br><br>
-  <b>Note:</b> A read-only component is not editable,
+  
+  **Note:** A read-only component is not editable,
   but still provides visual feedback upon user interaction.
       */
     readonly: boolean;
@@ -32,58 +32,48 @@ declare class TextAreaComponent {
     placeholder: string;
     /**
        Defines the value state of the component.
-  <br><br>
   
-  <b>Note:</b> If <code>maxlength</code> property is set,
+  **Note:** If `maxlength` property is set,
   the component turns into "Warning" state once the characters exceeds the limit.
   In this case, only the "Error" state is considered and can be applied.
       */
-    valueState: 'None' | 'Success' | 'Warning' | 'Error' | 'Information';
+    valueState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
     /**
-       Defines the number of visible text lines for the component.
-  <br><br>
-  <b>Notes:</b>
-  <ul>
-  <li>If the <code>growing</code> property is enabled, this property defines the minimum rows to be displayed
-  in the textarea.</li>
-  <li>The CSS <code>height</code> property wins over the <code>rows</code> property, if both are set.</li>
-  </ul>
+       Defines the number of visible text rows for the component.
+  
+  **Notes:**
+  
+  - If the `growing` property is enabled, this property defines the minimum rows to be displayed
+  in the textarea.
+  - The CSS `height` property wins over the `rows` property, if both are set.
       */
     rows: number;
     /**
-       Defines the maximum number of characters that the <code>value</code> can have.
+       Defines the maximum number of characters that the `value` can have.
       */
     maxlength: number | undefined;
     /**
        Determines whether the characters exceeding the maximum allowed character count are visible
   in the component.
-  <br><br>
-  If set to <code>false</code>, the user is not allowed to enter more characters than what is set in the
-  <code>maxlength</code> property.
-  If set to <code>true</code> the characters exceeding the <code>maxlength</code> value are selected on
+  
+  If set to `false`, the user is not allowed to enter more characters than what is set in the
+  `maxlength` property.
+  If set to `true` the characters exceeding the `maxlength` value are selected on
   paste and the counter below the component displays their number.
       */
     showExceededText: boolean;
     /**
        Enables the component to automatically grow and shrink dynamically with its content.
-  <br><br>
       */
     growing: boolean;
     /**
-       Defines the maximum number of lines that the component can grow.
+       Defines the maximum number of rows that the component can grow.
       */
-    growingMaxLines: number;
+    growingMaxRows: number;
     /**
-       Determines the name with which the component will be submitted in an HTML form.
+       Determines the name by which the component will be identified upon submission in an HTML form.
   
-  <br><br>
-  <b>Important:</b> For the <code>name</code> property to have effect, you must add the following import to your project:
-  <code>import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";</code>
-  
-  <br><br>
-  <b>Note:</b> When set, a native <code>input</code> HTML element
-  will be created inside the component so that it can be submitted as
-  part of an HTML form. Do not use this property unless you need to submit a form.
+  **Note:** This property is only applicable within the context of an HTML Form element.
       */
     name: string;
     /**
@@ -103,6 +93,14 @@ declare class TextAreaComponent {
   something is pasted.
       */
     ui5Input: EventEmitter<void>;
+    /**
+       Fired when some text has been selected.
+      */
+    ui5Select: EventEmitter<void>;
+    /**
+       Fired when textarea is scrolled.
+      */
+    ui5Scroll: EventEmitter<void>;
     private elementRef;
     private zone;
     private cdr;
@@ -112,6 +110,6 @@ declare class TextAreaComponent {
     get cvaValue(): string;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ui5-textarea", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "showExceededText": { "alias": "showExceededText"; "required": false; }; "growing": { "alias": "growing"; "required": false; }; "growingMaxLines": { "alias": "growingMaxLines"; "required": false; }; "name": { "alias": "name"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ui5-textarea", ["ui5Textarea"], { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "showExceededText": { "alias": "showExceededText"; "required": false; }; "growing": { "alias": "growing"; "required": false; }; "growingMaxRows": { "alias": "growingMaxRows"; "required": false; }; "name": { "alias": "name"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Select": "ui5Select"; "ui5Scroll": "ui5Scroll"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
 }
 export { TextAreaComponent };

package/main/time-picker/index.d.ts

@@ -1,8 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { GenericControlValueAccessor } from '@ui5/webcomponents-ngx/generic-cva';
 import '@ui5/webcomponents/dist/TimePicker.js';
-import TimePicker from '@ui5/webcomponents/dist/TimePicker.js';
-import { TimePickerBaseChangeEventDetail, TimePickerBaseInputEventDetail } from '@ui5/webcomponents/dist/TimePickerBase.js';
+import { default as TimePicker, TimePickerChangeEventDetail, TimePickerInputEventDetail } from '@ui5/webcomponents/dist/TimePicker.js';
 import * as i0 from "@angular/core";
 import * as i1 from "@ui5/webcomponents-ngx/generic-cva";
 declare class TimePickerComponent {
@@ -11,32 +10,28 @@ declare class TimePickerComponent {
       */
     value: string | undefined;
     /**
-       Defines the value state of the <code>ui5-time-picker</code>.
-  <br><br>
-  Available options are:
-  <ul>
-  <li><code>None</code></li>
-  <li><code>Error</code></li>
-  <li><code>Warning</code></li>
-  <li><code>Success</code></li>
-  <li><code>Information</code></li>
-  </ul>
+       Determines the name by which the component will be identified upon submission in an HTML form.
+  
+  **Note:** This property is only applicable within the context of an HTML Form element.
+      */
+    name: string;
+    /**
+       Defines the value state of the component.
       */
-    valueState: 'None' | 'Success' | 'Warning' | 'Error' | 'Information';
+    valueState: 'None' | 'Positive' | 'Critical' | 'Negative' | 'Information';
     /**
-       Determines whether the <code>ui5-time-picker</code> is displayed as disabled.
+       Defines the disabled state of the comonent.
       */
     disabled: boolean;
     /**
-       Determines whether the <code>ui5-time-picker</code> is displayed as readonly.
+       Defines the readonly state of the comonent.
       */
     readonly: boolean;
     /**
        Defines a short hint, intended to aid the user with data entry when the
   component has no value.
   
-  <br><br>
-  <b>Note:</b> When no placeholder is set, the format pattern is displayed as a placeholder.
+  **Note:** When no placeholder is set, the format pattern is displayed as a placeholder.
   Passing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.
       */
     placeholder: string | undefined;
@@ -49,15 +44,27 @@ declare class TimePickerComponent {
   mm:ss -> 12:04 (only minutes and seconds)
       */
     formatPattern: string;
+    /**
+       Defines the open or closed state of the popover.
+      */
+    open: boolean;
     /**
        Fired when the input operation has finished by clicking the "OK" button or
   when the text in the input field has changed and the focus leaves the input field.
       */
-    ui5Change: EventEmitter<TimePickerBaseChangeEventDetail>;
+    ui5Change: EventEmitter<TimePickerChangeEventDetail>;
+    /**
+       Fired when the value of the `ui5-time-picker` is changed at each key stroke.
+      */
+    ui5Input: EventEmitter<TimePickerInputEventDetail>;
+    /**
+       Fired after the value-help dialog of the component is opened.
+      */
+    ui5Open: EventEmitter<void>;
     /**
-       Fired when the value of the <code>ui5-time-picker</code> is changed at each key stroke.
+       Fired after the value-help dialog of the component is closed.
       */
-    ui5Input: EventEmitter<TimePickerBaseInputEventDetail>;
+    ui5Close: EventEmitter<void>;
     private elementRef;
     private zone;
     private cdr;
@@ -67,6 +74,6 @@ declare class TimePickerComponent {
     get cvaValue(): string | undefined;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "ui5-time-picker", never, { "value": { "alias": "value"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "formatPattern": { "alias": "formatPattern"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "ui5-time-picker", ["ui5TimePicker"], { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "formatPattern": { "alias": "formatPattern"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "ui5Change": "ui5Change"; "ui5Input": "ui5Input"; "ui5Open": "ui5Open"; "ui5Close": "ui5Close"; }, never, ["*"], true, [{ directive: typeof i1.GenericControlValueAccessor; inputs: {}; outputs: {}; }]>;
 }
 export { TimePickerComponent };

package/main/title/index.d.ts

@@ -4,12 +4,13 @@ import * as i0 from "@angular/core";
 declare class TitleComponent {
     /**
        Defines how the text of a component will be displayed when there is not enough space.
-  <br><b>Note:</b> for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
+  
+  **Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
       */
     wrappingType: 'None' | 'Normal';
     /**
        Defines the component level.
-  Available options are: <code>"H6"</code> to <code>"H1"</code>.
+  Available options are: `"H6"` to `"H1"`.
       */
     level: 'H1' | 'H2' | 'H3' | 'H4' | 'H5' | 'H6';
     private elementRef;
@@ -18,6 +19,6 @@ declare class TitleComponent {
     get element(): Title;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TitleComponent, "ui5-title", never, { "wrappingType": { "alias": "wrappingType"; "required": false; }; "level": { "alias": "level"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TitleComponent, "ui5-title", ["ui5Title"], { "wrappingType": { "alias": "wrappingType"; "required": false; }; "level": { "alias": "level"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { TitleComponent };

package/main/toast/index.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '@angular/core';
 import '@ui5/webcomponents/dist/Toast.js';
 import Toast from '@ui5/webcomponents/dist/Toast.js';
 import * as i0 from "@angular/core";
@@ -5,22 +6,29 @@ declare class ToastComponent {
     /**
        Defines the duration in milliseconds for which component
   remains on the screen before it's automatically closed.
-  <br><br>
-  <b>Note:</b> The minimum supported value is <code>500</code> ms
-  and even if a lower value is set, the duration would remain <code>500</code> ms.
+  
+  **Note:** The minimum supported value is `500` ms
+  and even if a lower value is set, the duration would remain `500` ms.
       */
     duration: number;
     /**
        Defines the placement of the component.
-  <br><br>
       */
     placement: 'TopStart' | 'TopCenter' | 'TopEnd' | 'MiddleStart' | 'MiddleCenter' | 'MiddleEnd' | 'BottomStart' | 'BottomCenter' | 'BottomEnd';
+    /**
+       Indicates whether the component is open (visible).
+      */
+    open: boolean;
+    /**
+       Fired after the component is auto closed.
+      */
+    ui5Close: EventEmitter<void>;
     private elementRef;
     private zone;
     private cdr;
     get element(): Toast;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "ui5-toast", never, { "duration": { "alias": "duration"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "ui5-toast", ["ui5Toast"], { "duration": { "alias": "duration"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "ui5Close": "ui5Close"; }, never, ["*"], true, never>;
 }
 export { ToastComponent };

package/main/toggle-button/index.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { AccessibilityAttributes } from '@ui5/webcomponents/dist/Button.js';
+import { ButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/Button.js';
 import '@ui5/webcomponents/dist/ToggleButton.js';
 import ToggleButton from '@ui5/webcomponents/dist/ToggleButton.js';
 import * as i0 from "@angular/core";
@@ -17,28 +17,34 @@ declare class ToggleButtonComponent {
     /**
        Defines the icon, displayed as graphical element within the component.
   The SAP-icons font provides numerous options.
-  <br><br>
-  Example:
   
-  See all the available icons within the <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Icon Explorer</ui5-link>.
+  Example:
+  See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
       */
     icon: string;
     /**
-       Defines whether the icon should be displayed after the component text.
+       Defines the icon, displayed as graphical element within the component after the button text.
+  
+  **Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.
+  Usage of `endIcon` only should be avoided.
+  
+  The SAP-icons font provides numerous options.
+  
+  Example:
+  See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
       */
-    iconEnd: boolean;
+    endIcon: string;
     /**
-       When set to <code>true</code>, the component will
-  automatically submit the nearest HTML form element on <code>press</code>.
-  <br><br>
-  <b>Note:</b> For the <code>submits</code> property to have effect, you must add the following import to your project:
-  <code>import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";</code>
+       When set to `true`, the component will
+  automatically submit the nearest HTML form element on `press`.
+  
+  **Note:** This property is only applicable within the context of an HTML Form element.`
       */
     submits: boolean;
     /**
        Defines the tooltip of the component.
-  <br>
-  <b>Note:</b> A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.
+  
+  **Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.
       */
     tooltip: string;
     /**
@@ -50,39 +56,31 @@ declare class ToggleButtonComponent {
       */
     accessibleNameRef: string;
     /**
-       An object of strings that defines several additional accessibility attribute values
-  for customization depending on the use case.
+       Defines the additional accessibility attributes that will be applied to the component.
+  The following fields are supported:
   
-  It supports the following fields:
+  - **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.
+  Accepts the following string values: `true` or `false`
   
-  <ul>
-          <li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:
-          <ul>
-              <li><code>true</code></li>
-              <li><code>false</code></li>
-          </ul>
-          </li>
-          <li><code>hasPopup</code>: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button. Accepts the following string values:
-              <ul>
-              <li><code>Dialog</code></li>
-              <li><code>Grid</code></li>
-              <li><code>Listbox</code></li>
-              <li><code>Menu</code></li>
-              <li><code>Tree</code></li>
-              </ul>
-          </li>
-          <li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>
-  </ul>
+  - **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.
+  Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
+  
+  - **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.
+  Accepts a lowercase string value.
       */
-    accessibilityAttributes: AccessibilityAttributes;
+    accessibilityAttributes: ButtonAccessibilityAttributes;
     /**
        Defines whether the button has special form-related functionality.
   
-  <br><br>
-  <b>Note:</b> For the <code>type</code> property to have effect, you must add the following import to your project:
-  <code>import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";</code>
+  **Note:** This property is only applicable within the context of an HTML Form element.
       */
     type: 'Button' | 'Submit' | 'Reset';
+    /**
+       Describes the accessibility role of the button.
+  
+  **Note:** Use <code>ButtonAccessibleRole.Link</code> role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.
+      */
+    accessibleRole: 'Button' | 'Link';
     /**
        Determines whether the component is displayed as pressed.
       */
@@ -90,9 +88,9 @@ declare class ToggleButtonComponent {
     /**
        Fired when the component is activated either with a
   mouse/tap or by using the Enter or Space key.
-  <br><br>
-  <b>Note:</b> The event will not be fired if the <code>disabled</code>
-  property is set to <code>true</code>.
+  
+  **Note:** The event will not be fired if the `disabled`
+  property is set to `true`.
       */
     ui5Click: EventEmitter<Event>;
     private elementRef;
@@ -101,6 +99,6 @@ declare class ToggleButtonComponent {
     get element(): ToggleButton;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleButtonComponent, "ui5-toggle-button", never, { "design": { "alias": "design"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconEnd": { "alias": "iconEnd"; "required": false; }; "submits": { "alias": "submits"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleButtonComponent, "ui5-toggle-button", ["ui5ToggleButton"], { "design": { "alias": "design"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "endIcon": { "alias": "endIcon"; "required": false; }; "submits": { "alias": "submits"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; }; "type": { "alias": "type"; "required": false; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; }; "pressed": { "alias": "pressed"; "required": false; }; }, { "ui5Click": "ui5Click"; }, never, ["*"], true, never>;
 }
 export { ToggleButtonComponent };

package/main/token/index.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import '@ui5/webcomponents/dist/Token.js';
 import Token from '@ui5/webcomponents/dist/Token.js';
 import * as i0 from "@angular/core";
@@ -7,27 +6,16 @@ declare class TokenComponent {
        Defines the text of the token.
       */
     text: string;
-    /**
-       Defines whether the component is read-only.
-  <br><br>
-  <b>Note:</b> A read-only component can not be deleted or selected,
-  but still provides visual feedback upon user interaction.
-      */
-    readonly: boolean;
     /**
        Defines whether the component is selected or not.
       */
     selected: boolean;
-    /**
-       Fired when the the component is selected by user interaction with mouse or by clicking space.
-      */
-    ui5Select: EventEmitter<void>;
     private elementRef;
     private zone;
     private cdr;
     get element(): Token;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TokenComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TokenComponent, "ui5-token", never, { "text": { "alias": "text"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "ui5Select": "ui5Select"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TokenComponent, "ui5-token", ["ui5Token"], { "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { TokenComponent };

package/main/tokenizer/index.d.ts

@@ -0,0 +1,43 @@
+import { EventEmitter } from '@angular/core';
+import '@ui5/webcomponents/dist/Tokenizer.js';
+import { default as Tokenizer, TokenizerSelectionChangeEventDetail, TokenizerTokenDeleteEventDetail } from '@ui5/webcomponents/dist/Tokenizer.js';
+import * as i0 from "@angular/core";
+declare class TokenizerComponent {
+    /**
+       Defines whether the component is read-only.
+  
+  **Note:** A read-only component is not editable,
+  but still provides visual feedback upon user interaction.
+      */
+    readonly: boolean;
+    /**
+       Defines whether the component is disabled.
+  
+  **Note:** A disabled component is completely noninteractive.
+      */
+    disabled: boolean;
+    /**
+       Defines the accessible ARIA name of the component.
+      */
+    accessibleName: string | undefined;
+    /**
+       Receives id(or many ids) of the elements that label the component.
+      */
+    accessibleNameRef: string | undefined;
+    /**
+       Fired when tokens are being deleted (delete icon, delete or backspace is pressed)
+      */
+    ui5TokenDelete: EventEmitter<TokenizerTokenDeleteEventDetail>;
+    /**
+       Fired when token selection is changed by user interaction
+      */
+    ui5SelectionChange: EventEmitter<TokenizerSelectionChangeEventDetail>;
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): Tokenizer;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TokenizerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TokenizerComponent, "ui5-tokenizer", ["ui5Tokenizer"], { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, { "ui5TokenDelete": "ui5TokenDelete"; "ui5SelectionChange": "ui5SelectionChange"; }, never, ["*"], true, never>;
+}
+export { TokenizerComponent };

package/main/toolbar/index.d.ts

@@ -20,6 +20,6 @@ declare class ToolbarComponent {
     get element(): Toolbar;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "ui5-toolbar", never, { "alignContent": { "alias": "alignContent"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "ui5-toolbar", ["ui5Toolbar"], { "alignContent": { "alias": "alignContent"; "required": false; }; "accessibleName": { "alias": "accessibleName"; "required": false; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export { ToolbarComponent };