@ui5/webcomponents 2.1.0-rc.1 → 2.1.0-rc.3

package/dist/custom-elements-internal.json

@@ -4825,6 +4825,36 @@
           "kind": "class",
           "description": "### Overview\n\nThe `ui5-calendar` component allows users to select one or more dates.\n\nCurrently selected dates are represented with instances of `ui5-date` as\nchildren of the `ui5-calendar`. The value property of each `ui5-date` must be a\ndate string, correctly formatted according to the `ui5-calendar`'s `formatPattern` property.\nWhenever the user changes the date selection, `ui5-calendar` will automatically create/remove instances\nof `ui5-date` in itself, unless you prevent this behavior by calling `preventDefault()` for the\n`selection-change` event. This is useful if you want to control the selected dates externally.\n\n### Usage\n\nThe user can navigate to a particular date by:\n\n- Pressing over a month inside the months view\n- Pressing over an year inside the years view\n\nThe user can confirm a date selection by pressing over a date inside the days view.\n\n### Keyboard Handling\nThe `ui5-calendar` provides advanced keyboard handling.\nWhen a picker is showed and focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- Day picker:\n\n- [F4] - Shows month picker\n- [Shift] + [F4] - Shows year picker\n- [Page Up] - Navigate to the previous month\n- [Page Down] - Navigate to the next month\n- [Shift] + [Page Up] - Navigate to the previous year\n- [Shift] + [Page Down] - Navigate to the next year\n- [Ctrl] + [Shift] + [Page Up] - Navigate ten years backwards\n- [Ctrl] + [Shift] + [Page Down] - Navigate ten years forwards\n- [Home] - Navigate to the first day of the week\n- [End] - Navigate to the last day of the week\n- [Ctrl] + [Home] - Navigate to the first day of the month\n- [Ctrl] + [End] - Navigate to the last day of the month\n\n- Month picker:\n\n- [Page Up] - Navigate to the previous year\n- [Page Down] - Navigate to the next year\n- [Home] - Navigate to the first month of the current row\n- [End] - Navigate to the last month of the current row\n- [Ctrl] + [Home] - Navigate to the first month of the current year\n- [Ctrl] + [End] - Navigate to the last month of the year\n\n- Year picker:\n\n- [Page Up] - Navigate to the previous year range\n- [Page Down] - Navigate the next year range\n- [Home] - Navigate to the first year of the current row\n- [End] - Navigate to the last year of the current row\n- [Ctrl] + [Home] - Navigate to the first year of the current year range\n- [Ctrl] + [End] - Navigate to the last year of the current year range\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n</script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Calendar.js\";`",
           "name": "Calendar",
+          "cssParts": [
+            {
+              "description": "Used to style the day cells.",
+              "name": "day-cell"
+            },
+            {
+              "description": "Used to style the day cells when selected.",
+              "name": "day-cell-selected"
+            },
+            {
+              "description": "Used to style the day cells in between of selected dates in range.",
+              "name": "day-cell-selected-between"
+            },
+            {
+              "description": "Used to style the month cells.",
+              "name": "month-cell"
+            },
+            {
+              "description": "Used to style the month cells when selected.",
+              "name": "month-cell-selected"
+            },
+            {
+              "description": "Used to style the year cells.",
+              "name": "year-cell"
+            },
+            {
+              "description": "Used to style the year cells when selected.",
+              "name": "year-cell-selected"
+            }
+          ],
           "slots": [
             {
               "name": "calendarLegend",
@@ -5267,7 +5297,7 @@
           },
           "tagName": "ui5-date-range",
           "customElement": true,
-          "_ui5since": "2.0",
+          "_ui5since": "2.0.0",
           "_ui5privacy": "public",
           "_ui5abstract": true,
           "_ui5implements": [
@@ -5772,6 +5802,28 @@
               "default": "undefined",
               "privacy": "public",
               "_ui5since": "1.0.0-rc.16"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if a loading indicator would be displayed over the card.",
+              "privacy": "public",
+              "_ui5since": "2.1.0"
+            },
+            {
+              "kind": "field",
+              "name": "loadingDelay",
+              "type": {
+                "text": "number"
+              },
+              "default": "1000",
+              "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this card.",
+              "privacy": "public",
+              "_ui5since": "2.1.0"
             }
           ],
           "attributes": [
@@ -5792,6 +5844,24 @@
               "type": {
                 "text": "string | undefined"
               }
+            },
+            {
+              "description": "Defines if a loading indicator would be displayed over the card.",
+              "name": "loading",
+              "default": "false",
+              "fieldName": "loading",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this card.",
+              "name": "loading-delay",
+              "default": "1000",
+              "fieldName": "loadingDelay",
+              "type": {
+                "text": "number"
+              }
             }
           ],
           "superclass": {
@@ -11625,6 +11695,15 @@
               },
               "description": "Fired when the value of the component changes at each keystroke,\nand when a suggestion item has been selected."
             },
+            {
+              "name": "select",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when some text has been selected.",
+              "_ui5since": "2.0.0"
+            },
             {
               "name": "selection-change",
               "_ui5privacy": "public",
@@ -14850,7 +14929,7 @@
           },
           "tagName": "ui5-menu-separator",
           "customElement": true,
-          "_ui5since": "2.0",
+          "_ui5since": "2.0.0",
           "_ui5privacy": "public",
           "_ui5implements": [
             {
@@ -15711,7 +15790,7 @@
           },
           "tagName": "ui5-mcb-item-group",
           "customElement": true,
-          "_ui5since": "2.0",
+          "_ui5since": "2.0.0",
           "_ui5privacy": "public",
           "_ui5abstract": true,
           "_ui5implements": [
@@ -16070,6 +16149,19 @@
                 "module": "dist/Input.js"
               }
             },
+            {
+              "name": "select",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when some text has been selected.",
+              "_ui5since": "2.0.0",
+              "inheritedFrom": {
+                "name": "Input",
+                "module": "dist/Input.js"
+              }
+            },
             {
               "name": "selection-change",
               "_ui5privacy": "public",
@@ -16453,7 +16545,7 @@
               "description": "Defines the tooltip of the option.",
               "default": "undefined",
               "privacy": "public",
-              "_ui5since": "1.23.0"
+              "_ui5since": "2.0.0"
             },
             {
               "kind": "field",
@@ -19842,6 +19934,7 @@
                 "text": "string"
               },
               "_ui5since": "1.20.0",
+              "_ui5noAttribute": true,
               "_ui5formProperty": true,
               "_ui5formEvents": "change,liveChange"
             },
@@ -22781,8 +22874,8 @@
           },
           "tagName": "ui5-table",
           "customElement": true,
-          "_ui5experimental": "This Table web component is available since 2.0 and has been newly implemented to provide better screen reader and keyboard handling support.\nCurrently, it's considered experimental as its API is subject to change.\nThis Table replaces the previous Table web component, that has been part of **@ui5/webcomponents** version 1.x.\nFor compatibility reasons, we moved the previous Tabple implementation to the **@ui5/webcomponents-compat** package\nand will be maintained until the new Table is experimental.",
-          "_ui5since": "2.0",
+          "_ui5experimental": "This Table web component is available since 2.0 and has been newly implemented to provide better screen reader and keyboard handling support.\nCurrently, it's considered experimental as its API is subject to change.\nThis Table replaces the previous Table web component, that has been part of **@ui5/webcomponents** version 1.x.\nFor compatibility reasons, we moved the previous Table implementation to the **@ui5/webcomponents-compat** package\nand will be maintained until the new Table is experimental.",
+          "_ui5since": "2.0.0",
           "_ui5privacy": "public"
         }
       ],
@@ -22821,7 +22914,7 @@
           "tagName": "ui5-table-cell",
           "customElement": true,
           "_ui5experimental": "This web component is available since 2.0 with an experimental flag and its API and behavior are subject to change.",
-          "_ui5since": "2.0",
+          "_ui5since": "2.0.0",
           "_ui5privacy": "public"
         }
       ],
@@ -22869,7 +22962,7 @@
             "module": "dist/UI5Element.js"
           },
           "customElement": true,
-          "_ui5since": "2.0",
+          "_ui5since": "2.0.0",
           "_ui5privacy": "public",
           "_ui5abstract": true
         }
@@ -22994,7 +23087,7 @@
           "tagName": "ui5-table-growing",
           "customElement": true,
           "_ui5experimental": "This web component is available since 2.0 with an experimental flag and its API and behavior are subject to change.",
-          "_ui5since": "2.0",
+          "_ui5since": "2.0.0",
           "_ui5privacy": "public"
         }
       ],
@@ -23113,7 +23206,7 @@
           "tagName": "ui5-table-header-cell",
           "customElement": true,
           "_ui5experimental": "This web component is available since 2.0 with an experimental flag and its API and behavior are subject to change.",
-          "_ui5since": "2.0",
+          "_ui5since": "2.0.0",
           "_ui5privacy": "public"
         }
       ],
@@ -23170,13 +23263,13 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Sticks the `ui5-table-header-row` to the top of a table.",
+              "description": "Sticks the `ui5-table-header-row` to the top of a table.\n\nNote: If used in combination with overflowMode \"Scroll\", the table needs a defined height\nor needs to be inside of a container with a defined height for the sticky header to work as expected.",
               "privacy": "public"
             }
           ],
           "attributes": [
             {
-              "description": "Sticks the `ui5-table-header-row` to the top of a table.",
+              "description": "Sticks the `ui5-table-header-row` to the top of a table.\n\nNote: If used in combination with overflowMode \"Scroll\", the table needs a defined height\nor needs to be inside of a container with a defined height for the sticky header to work as expected.",
               "name": "sticky",
               "default": "false",
               "fieldName": "sticky",
@@ -23193,7 +23286,7 @@
           "tagName": "ui5-table-header-row",
           "customElement": true,
           "_ui5experimental": "This web component is available since 2.0 with an experimental flag and its API and behavior are subject to change.",
-          "_ui5since": "2.0",
+          "_ui5since": "2.0.0",
           "_ui5privacy": "public"
         }
       ],
@@ -23326,7 +23419,7 @@
           "tagName": "ui5-table-row",
           "customElement": true,
           "_ui5experimental": "This web component is available since 2.0 with an experimental flag and its API and behavior are subject to change.",
-          "_ui5since": "2.0",
+          "_ui5since": "2.0.0",
           "_ui5privacy": "public"
         }
       ],
@@ -23363,7 +23456,7 @@
             "module": "dist/UI5Element.js"
           },
           "customElement": true,
-          "_ui5since": "2.0",
+          "_ui5since": "2.0.0",
           "_ui5privacy": "public",
           "_ui5abstract": true
         }
@@ -23454,7 +23547,7 @@
           "tagName": "ui5-table-selection",
           "customElement": true,
           "_ui5experimental": "This web component is available since 2.0 with an experimental flag and its API and behavior are subject to change.",
-          "_ui5since": "2.0",
+          "_ui5since": "2.0.0",
           "_ui5privacy": "public"
         }
       ],
@@ -24256,7 +24349,7 @@
               "default": "false",
               "description": "Defines the open or closed state of the popover.",
               "privacy": "public",
-              "_ui5since": "2.0"
+              "_ui5since": "2.0.0"
             },
             {
               "kind": "field",

package/dist/custom-elements.json

@@ -2124,6 +2124,36 @@
           "kind": "class",
           "description": "### Overview\n\nThe `ui5-calendar` component allows users to select one or more dates.\n\nCurrently selected dates are represented with instances of `ui5-date` as\nchildren of the `ui5-calendar`. The value property of each `ui5-date` must be a\ndate string, correctly formatted according to the `ui5-calendar`'s `formatPattern` property.\nWhenever the user changes the date selection, `ui5-calendar` will automatically create/remove instances\nof `ui5-date` in itself, unless you prevent this behavior by calling `preventDefault()` for the\n`selection-change` event. This is useful if you want to control the selected dates externally.\n\n### Usage\n\nThe user can navigate to a particular date by:\n\n- Pressing over a month inside the months view\n- Pressing over an year inside the years view\n\nThe user can confirm a date selection by pressing over a date inside the days view.\n\n### Keyboard Handling\nThe `ui5-calendar` provides advanced keyboard handling.\nWhen a picker is showed and focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- Day picker:\n\n- [F4] - Shows month picker\n- [Shift] + [F4] - Shows year picker\n- [Page Up] - Navigate to the previous month\n- [Page Down] - Navigate to the next month\n- [Shift] + [Page Up] - Navigate to the previous year\n- [Shift] + [Page Down] - Navigate to the next year\n- [Ctrl] + [Shift] + [Page Up] - Navigate ten years backwards\n- [Ctrl] + [Shift] + [Page Down] - Navigate ten years forwards\n- [Home] - Navigate to the first day of the week\n- [End] - Navigate to the last day of the week\n- [Ctrl] + [Home] - Navigate to the first day of the month\n- [Ctrl] + [End] - Navigate to the last day of the month\n\n- Month picker:\n\n- [Page Up] - Navigate to the previous year\n- [Page Down] - Navigate to the next year\n- [Home] - Navigate to the first month of the current row\n- [End] - Navigate to the last month of the current row\n- [Ctrl] + [Home] - Navigate to the first month of the current year\n- [Ctrl] + [End] - Navigate to the last month of the year\n\n- Year picker:\n\n- [Page Up] - Navigate to the previous year range\n- [Page Down] - Navigate the next year range\n- [Home] - Navigate to the first year of the current row\n- [End] - Navigate to the last year of the current row\n- [Ctrl] + [Home] - Navigate to the first year of the current year range\n- [Ctrl] + [End] - Navigate to the last year of the current year range\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n</script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Calendar.js\";`",
           "name": "Calendar",
+          "cssParts": [
+            {
+              "description": "Used to style the day cells.",
+              "name": "day-cell"
+            },
+            {
+              "description": "Used to style the day cells when selected.",
+              "name": "day-cell-selected"
+            },
+            {
+              "description": "Used to style the day cells in between of selected dates in range.",
+              "name": "day-cell-selected-between"
+            },
+            {
+              "description": "Used to style the month cells.",
+              "name": "month-cell"
+            },
+            {
+              "description": "Used to style the month cells when selected.",
+              "name": "month-cell-selected"
+            },
+            {
+              "description": "Used to style the year cells.",
+              "name": "year-cell"
+            },
+            {
+              "description": "Used to style the year cells when selected.",
+              "name": "year-cell-selected"
+            }
+          ],
           "slots": [
             {
               "name": "calendarLegend",
@@ -2952,6 +2982,26 @@
               "description": "Defines the IDs of the elements that label the component.",
               "default": "undefined",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if a loading indicator would be displayed over the card.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "loadingDelay",
+              "type": {
+                "text": "number"
+              },
+              "default": "1000",
+              "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this card.",
+              "privacy": "public"
             }
           ],
           "attributes": [
@@ -2972,6 +3022,24 @@
               "type": {
                 "text": "string | undefined"
               }
+            },
+            {
+              "description": "Defines if a loading indicator would be displayed over the card.",
+              "name": "loading",
+              "default": "false",
+              "fieldName": "loading",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this card.",
+              "name": "loading-delay",
+              "default": "1000",
+              "fieldName": "loadingDelay",
+              "type": {
+                "text": "number"
+              }
             }
           ],
           "superclass": {
@@ -8160,6 +8228,13 @@
               },
               "description": "Fired when the value of the component changes at each keystroke,\nand when a suggestion item has been selected."
             },
+            {
+              "name": "select",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when some text has been selected."
+            },
             {
               "name": "selection-change",
               "type": {
@@ -11998,6 +12073,17 @@
                 "module": "dist/Input.js"
               }
             },
+            {
+              "name": "select",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when some text has been selected.",
+              "inheritedFrom": {
+                "name": "Input",
+                "module": "dist/Input.js"
+              }
+            },
             {
               "name": "selection-change",
               "type": {
@@ -18387,13 +18473,13 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Sticks the `ui5-table-header-row` to the top of a table.",
+              "description": "Sticks the `ui5-table-header-row` to the top of a table.\n\nNote: If used in combination with overflowMode \"Scroll\", the table needs a defined height\nor needs to be inside of a container with a defined height for the sticky header to work as expected.",
               "privacy": "public"
             }
           ],
           "attributes": [
             {
-              "description": "Sticks the `ui5-table-header-row` to the top of a table.",
+              "description": "Sticks the `ui5-table-header-row` to the top of a table.\n\nNote: If used in combination with overflowMode \"Scroll\", the table needs a defined height\nor needs to be inside of a container with a defined height for the sticky header to work as expected.",
               "name": "sticky",
               "default": "false",
               "fieldName": "sticky",

package/dist/features/ColorPaletteMoreColors.d.ts

@@ -1,11 +1,12 @@
+import { ComponentFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import Dialog from "../Dialog.js";
 import Button from "../Button.js";
 import ColorPicker from "../ColorPicker.js";
-declare class ColorPaletteMoreColors {
+declare class ColorPaletteMoreColors extends ComponentFeature {
     static get dependencies(): (typeof Button | typeof Dialog | typeof ColorPicker)[];
     static i18nBundle: I18nBundle;
-    static init(): Promise<void>;
+    static define(): Promise<void>;
     get colorPaletteDialogTitle(): string;
     get colorPaletteDialogOKButton(): string;
     get colorPaletteCancelButton(): string;

package/dist/features/ColorPaletteMoreColors.js

@@ -1,10 +1,10 @@
-import { registerFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
+import { ComponentFeature, registerComponentFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import Dialog from "../Dialog.js";
 import Button from "../Button.js";
 import ColorPicker from "../ColorPicker.js";
 import { COLOR_PALETTE_DIALOG_CANCEL_BUTTON, COLOR_PALETTE_DIALOG_OK_BUTTON, COLOR_PALETTE_DIALOG_TITLE, } from "../generated/i18n/i18n-defaults.js";
-class ColorPaletteMoreColors {
+class ColorPaletteMoreColors extends ComponentFeature {
     static get dependencies() {
         return [
             Dialog,
@@ -12,7 +12,7 @@ class ColorPaletteMoreColors {
             ColorPicker,
         ];
     }
-    static async init() {
+    static async define() {
         ColorPaletteMoreColors.i18nBundle = await getI18nBundle("@ui5/webcomponents");
     }
     get colorPaletteDialogTitle() {
@@ -25,6 +25,6 @@ class ColorPaletteMoreColors {
         return ColorPaletteMoreColors.i18nBundle.getText(COLOR_PALETTE_DIALOG_CANCEL_BUTTON);
     }
 }
-registerFeature("ColorPaletteMoreColors", ColorPaletteMoreColors);
+registerComponentFeature("ColorPaletteMoreColors", ColorPaletteMoreColors);
 export default ColorPaletteMoreColors;
 //# sourceMappingURL=ColorPaletteMoreColors.js.map

package/dist/features/ColorPaletteMoreColors.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPaletteMoreColors.js","sourceRoot":"","sources":["../../src/features/ColorPaletteMoreColors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAG3E,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EACN,kCAAkC,EAClC,8BAA8B,EAC9B,0BAA0B,GAC1B,MAAM,oCAAoC,CAAC;AAE5C,MAAM,sBAAsB;IAC3B,MAAM,KAAK,YAAY;QACtB,OAAO;YACN,MAAM;YACN,MAAM;YACN,WAAW;SACX,CAAC;IACH,CAAC;IAID,MAAM,CAAC,KAAK,CAAC,IAAI;QAChB,sBAAsB,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC/E,CAAC;IAED,IAAI,uBAAuB;QAC1B,OAAO,sBAAsB,CAAC,UAAU,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC;IAC9E,CAAC;IAED,IAAI,0BAA0B;QAC7B,OAAO,sBAAsB,CAAC,UAAU,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAC;IAClF,CAAC;IAED,IAAI,wBAAwB;QAC3B,OAAO,sBAAsB,CAAC,UAAU,CAAC,OAAO,CAAC,kCAAkC,CAAC,CAAC;IACtF,CAAC;CACD;AAED,eAAe,CAAC,wBAAwB,EAAE,sBAAsB,CAAC,CAAC;AAElE,eAAe,sBAAsB,CAAC","sourcesContent":["import { registerFeature } from \"@ui5/webcomponents-base/dist/FeaturesRegistry.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\n\nimport Dialog from \"../Dialog.js\";\nimport Button from \"../Button.js\";\nimport ColorPicker from \"../ColorPicker.js\";\n\nimport {\n\tCOLOR_PALETTE_DIALOG_CANCEL_BUTTON,\n\tCOLOR_PALETTE_DIALOG_OK_BUTTON,\n\tCOLOR_PALETTE_DIALOG_TITLE,\n} from \"../generated/i18n/i18n-defaults.js\";\n\nclass ColorPaletteMoreColors {\n\tstatic get dependencies() {\n\t\treturn [\n\t\t\tDialog,\n\t\t\tButton,\n\t\t\tColorPicker,\n\t\t];\n\t}\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async init() {\n\t\tColorPaletteMoreColors.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n\n\tget colorPaletteDialogTitle() {\n\t\treturn ColorPaletteMoreColors.i18nBundle.getText(COLOR_PALETTE_DIALOG_TITLE);\n\t}\n\n\tget colorPaletteDialogOKButton() {\n\t\treturn ColorPaletteMoreColors.i18nBundle.getText(COLOR_PALETTE_DIALOG_OK_BUTTON);\n\t}\n\n\tget colorPaletteCancelButton() {\n\t\treturn ColorPaletteMoreColors.i18nBundle.getText(COLOR_PALETTE_DIALOG_CANCEL_BUTTON);\n\t}\n}\n\nregisterFeature(\"ColorPaletteMoreColors\", ColorPaletteMoreColors);\n\nexport default ColorPaletteMoreColors;\n"]}
+{"version":3,"file":"ColorPaletteMoreColors.js","sourceRoot":"","sources":["../../src/features/ColorPaletteMoreColors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,kDAAkD,CAAC;AAC9G,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAG3E,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EACN,kCAAkC,EAClC,8BAA8B,EAC9B,0BAA0B,GAC1B,MAAM,oCAAoC,CAAC;AAE5C,MAAM,sBAAuB,SAAQ,gBAAgB;IACpD,MAAM,KAAK,YAAY;QACtB,OAAO;YACN,MAAM;YACN,MAAM;YACN,WAAW;SACX,CAAC;IACH,CAAC;IAID,MAAM,CAAC,KAAK,CAAC,MAAM;QAClB,sBAAsB,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC/E,CAAC;IAED,IAAI,uBAAuB;QAC1B,OAAO,sBAAsB,CAAC,UAAU,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC;IAC9E,CAAC;IAED,IAAI,0BAA0B;QAC7B,OAAO,sBAAsB,CAAC,UAAU,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAC;IAClF,CAAC;IAED,IAAI,wBAAwB;QAC3B,OAAO,sBAAsB,CAAC,UAAU,CAAC,OAAO,CAAC,kCAAkC,CAAC,CAAC;IACtF,CAAC;CACD;AAED,wBAAwB,CAAC,wBAAwB,EAAE,sBAAsB,CAAC,CAAC;AAE3E,eAAe,sBAAsB,CAAC","sourcesContent":["import { ComponentFeature, registerComponentFeature } from \"@ui5/webcomponents-base/dist/FeaturesRegistry.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\n\nimport Dialog from \"../Dialog.js\";\nimport Button from \"../Button.js\";\nimport ColorPicker from \"../ColorPicker.js\";\n\nimport {\n\tCOLOR_PALETTE_DIALOG_CANCEL_BUTTON,\n\tCOLOR_PALETTE_DIALOG_OK_BUTTON,\n\tCOLOR_PALETTE_DIALOG_TITLE,\n} from \"../generated/i18n/i18n-defaults.js\";\n\nclass ColorPaletteMoreColors extends ComponentFeature {\n\tstatic get dependencies() {\n\t\treturn [\n\t\t\tDialog,\n\t\t\tButton,\n\t\t\tColorPicker,\n\t\t];\n\t}\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async define() {\n\t\tColorPaletteMoreColors.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n\n\tget colorPaletteDialogTitle() {\n\t\treturn ColorPaletteMoreColors.i18nBundle.getText(COLOR_PALETTE_DIALOG_TITLE);\n\t}\n\n\tget colorPaletteDialogOKButton() {\n\t\treturn ColorPaletteMoreColors.i18nBundle.getText(COLOR_PALETTE_DIALOG_OK_BUTTON);\n\t}\n\n\tget colorPaletteCancelButton() {\n\t\treturn ColorPaletteMoreColors.i18nBundle.getText(COLOR_PALETTE_DIALOG_CANCEL_BUTTON);\n\t}\n}\n\nregisterComponentFeature(\"ColorPaletteMoreColors\", ColorPaletteMoreColors);\n\nexport default ColorPaletteMoreColors;\n"]}

package/dist/features/InputSuggestions.d.ts

@@ -1,4 +1,5 @@
 import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import { ComponentFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import List from "../List.js";
 import type { ListItemClickEventDetail, ListSelectionChangeEventDetail } from "../List.js";
@@ -32,7 +33,7 @@ type SuggestionsAccInfo = {
  * @class
  * @private
  */
-declare class Suggestions {
+declare class Suggestions extends ComponentFeature {
     component: SuggestionComponent;
     slotName: string;
     handleFocus: boolean;
@@ -97,7 +98,7 @@ declare class Suggestions {
     _clearValueStateFocus(): void;
     _clearSelectedSuggestionAndaccInfo(): void;
     static get dependencies(): (typeof Button | typeof Icon | typeof List | typeof SuggestionItem | typeof SuggestionItemGroup)[];
-    static init(): Promise<void>;
+    static define(): Promise<void>;
 }
 export default Suggestions;
 export type { SuggestionComponent, };

package/dist/features/InputSuggestions.js

@@ -1,4 +1,4 @@
-import { registerFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
+import { ComponentFeature, registerComponentFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import generateHighlightedMarkup from "@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js";
 import List from "../List.js";
@@ -12,8 +12,9 @@ import SuggestionItemGroup from "../SuggestionItemGroup.js";
  * @class
  * @private
  */
-class Suggestions {
+class Suggestions extends ComponentFeature {
     constructor(component, slotName, highlight, handleFocus) {
+        super();
         // The component, that the suggestion would plug into.
         this.component = component;
         // Defines the items` slot name.
@@ -400,12 +401,12 @@ class Suggestions {
             Icon,
         ];
     }
-    static async init() {
+    static async define() {
         Suggestions.i18nBundle = await getI18nBundle("@ui5/webcomponents");
     }
 }
 Suggestions.SCROLL_STEP = 60;
 // Add suggestions support to the global features registry so that Input.js can use it
-registerFeature("InputSuggestions", Suggestions);
+registerComponentFeature("InputSuggestions", Suggestions);
 export default Suggestions;
 //# sourceMappingURL=InputSuggestions.js.map