From b18115ccda563c13b681639bebd9110cf3dfac27 Mon Sep 17 00:00:00 2001 From: Lukas Harbarth Date: Wed, 21 Oct 2026 15:24:48 +0200 Subject: [PATCH] feat: update to UI5 Web Components 2.28.1 --- .storybook/custom-element-manifests/ai.json | 171 +- .../custom-element-manifests/fiori.json | 1323 +++++++- .storybook/custom-element-manifests/main.json | 2958 +++++++++++++++-- config/version-info.json | 3 +- package.json | 12 +- packages/ai/package.json | 2 +- packages/ai/src/components/Input/index.tsx | 10 + packages/ai/src/components/TextArea/index.tsx | 34 + packages/base/package.json | 2 +- packages/compat/package.json | 4 +- packages/cypress-commands/package.json | 4 +- packages/main/package.json | 18 +- .../main/src/webComponents/Avatar/index.tsx | 19 +- .../src/webComponents/AvatarGroup/index.tsx | 8 + packages/main/src/webComponents/Bar/index.tsx | 18 +- .../BarcodeScannerDialog/index.tsx | 2 + .../src/webComponents/Breadcrumbs/index.tsx | 2 + .../webComponents/BreadcrumbsItem/index.tsx | 2 + .../src/webComponents/BusyIndicator/index.tsx | 4 + .../main/src/webComponents/Button/index.tsx | 4 +- .../main/src/webComponents/Calendar/index.tsx | 8 + .../main/src/webComponents/Card/index.tsx | 6 + .../src/webComponents/CardHeader/index.tsx | 2 + .../main/src/webComponents/Carousel/index.tsx | 24 +- .../main/src/webComponents/CheckBox/index.tsx | 2 + .../src/webComponents/ColorPalette/index.tsx | 4 + .../webComponents/ColorPaletteItem/index.tsx | 2 + .../ColorPalettePopover/index.tsx | 2 + .../src/webComponents/ColorPicker/index.tsx | 2 + .../main/src/webComponents/ComboBox/index.tsx | 30 +- .../src/webComponents/ComboBoxItem/index.tsx | 2 + .../webComponents/ComboBoxItemGroup/index.tsx | 2 + .../src/webComponents/DatePicker/index.tsx | 16 + .../webComponents/DateRangePicker/index.tsx | 18 + .../webComponents/DateTimePicker/index.tsx | 18 + .../main/src/webComponents/Dialog/index.tsx | 10 + .../src/webComponents/FileUploader/index.tsx | 4 + .../src/webComponents/FilterItem/index.tsx | 2 + .../webComponents/FilterItemOption/index.tsx | 2 + .../FlexibleColumnLayout/index.tsx | 2 + .../IllustratedMessage/index.tsx | 4 + .../main/src/webComponents/Input/index.tsx | 10 + .../src/webComponents/InputIcon/index.tsx | 2 +- .../main/src/webComponents/Link/index.tsx | 19 +- .../main/src/webComponents/List/index.tsx | 18 +- .../webComponents/ListItemCustom/index.tsx | 4 +- .../webComponents/ListItemStandard/index.tsx | 10 +- .../main/src/webComponents/MenuItem/index.tsx | 2 +- .../src/webComponents/MessageStrip/index.tsx | 6 + .../src/webComponents/MultiComboBox/index.tsx | 8 + .../webComponents/MultiComboBoxItem/index.tsx | 2 + .../src/webComponents/MultiInput/index.tsx | 12 + .../NotificationListGroupItem/index.tsx | 4 + .../NotificationListItem/index.tsx | 6 + .../NumericInput.mdx} | 2 +- .../NumericInput.stories.tsx} | 8 +- .../{NumberInput => NumericInput}/index.tsx | 61 +- .../main/src/webComponents/Option/index.tsx | 2 + .../main/src/webComponents/Page/index.tsx | 2 + .../main/src/webComponents/Panel/index.tsx | 6 + .../main/src/webComponents/Popover/index.tsx | 8 + .../src/webComponents/ProductSwitch/index.tsx | 2 + .../webComponents/ProductSwitchItem/index.tsx | 6 + .../webComponents/ProgressIndicator/index.tsx | 2 + .../src/webComponents/RadioButton/index.tsx | 4 + .../src/webComponents/RangeSlider/index.tsx | 2 + .../webComponents/RatingIndicator/index.tsx | 10 +- .../webComponents/ResponsivePopover/index.tsx | 8 + .../webComponents/SegmentedButton/index.tsx | 2 + .../SegmentedButtonItem/index.tsx | 2 + .../main/src/webComponents/Select/index.tsx | 8 + .../main/src/webComponents/ShellBar/index.tsx | 22 + .../src/webComponents/ShellBarItem/index.tsx | 2 + .../SideNavigation/SideNavigation.mdx | 12 +- .../SideNavigation/SideNavigation.stories.tsx | 144 + .../webComponents/SideNavigation/index.tsx | 49 +- .../SideNavigationItem/index.tsx | 2 + .../SideNavigationSearchField/index.tsx | 97 + .../SideNavigationSubItem/index.tsx | 2 + .../main/src/webComponents/Slider/index.tsx | 2 + .../main/src/webComponents/SortItem/index.tsx | 2 + .../src/webComponents/StepInput/index.tsx | 6 + .../webComponents/SuggestionItem/index.tsx | 2 + .../main/src/webComponents/Switch/index.tsx | 2 + packages/main/src/webComponents/Tab/index.tsx | 2 + .../src/webComponents/TabContainer/index.tsx | 2 + .../main/src/webComponents/Table/index.tsx | 2 +- .../TableSelectionMulti/index.tsx | 4 +- .../TableSelectionSingle/index.tsx | 2 +- .../main/src/webComponents/TextArea/index.tsx | 34 + .../src/webComponents/TimePicker/index.tsx | 4 + .../main/src/webComponents/Timeline/index.tsx | 4 + .../main/src/webComponents/Toast/index.tsx | 2 + .../src/webComponents/ToggleButton/index.tsx | 4 +- .../main/src/webComponents/Token/index.tsx | 4 + .../main/src/webComponents/Tree/index.tsx | 6 + .../main/src/webComponents/TreeItem/index.tsx | 8 +- .../webComponents/TreeItemCustom/index.tsx | 4 +- .../webComponents/UploadCollection/index.tsx | 4 + .../UploadCollectionItem/index.tsx | 4 +- .../src/webComponents/UserMenuItem/index.tsx | 2 +- .../UserSettingsAppearanceViewItem/index.tsx | 4 +- .../index.tsx | 4 +- .../ViewSettingsDialog/index.tsx | 2 + .../main/src/webComponents/Wizard/index.tsx | 2 + .../src/webComponents/WizardStep/index.tsx | 6 + packages/main/src/webComponents/index.ts | 3 +- .../mcp-server/src/utils/component-config.ts | 3 +- yarn.lock | 166 +- 109 files changed, 5069 insertions(+), 557 deletions(-) rename packages/main/src/webComponents/{NumberInput/NumberInput.mdx => NumericInput/NumericInput.mdx} (85%) rename packages/main/src/webComponents/{NumberInput/NumberInput.stories.tsx => NumericInput/NumericInput.stories.tsx} (74%) rename packages/main/src/webComponents/{NumberInput => NumericInput}/index.tsx (70%) create mode 100644 packages/main/src/webComponents/SideNavigationSearchField/index.tsx diff --git a/.storybook/custom-element-manifests/ai.json b/.storybook/custom-element-manifests/ai.json index 2b75b11424e..1d17c4a40aa 100644 --- a/.storybook/custom-element-manifests/ai.json +++ b/.storybook/custom-element-manifests/ai.json @@ -195,7 +195,8 @@ "customElement": true, "_ui5experimental": "The **@ui5/webcomponents-ai** package (including Button and ButtonState) is under active development and considered experimental. Component APIs are subject to change.\nFurthermore, the package supports **Horizon** themes only.", "_ui5since": "2.0.0", - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": ["ButtonState"] } ], "exports": [ @@ -223,7 +224,7 @@ "declarations": [ { "kind": "class", - "description": "### Overview\n\n`ui5-ai-button-state` is the item to use for defining states of `ui5-ai-button` components.\n\n### Usage\n\n`ui5-ai-button-state` is an abstract element, representing a state of `ui5-ai-button`. It is meant to be used in the `default` slot\nof `ui5-ai-button` and should not be used as standalone component.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/AiButtonState.js\";`", + "description": "### Overview\n\n`ui5-ai-button-state` is the item to use for defining states of `ui5-ai-button` components.\n\n### Usage\n\n`ui5-ai-button-state` is an abstract element, representing a state of `ui5-ai-button`. It is meant to be used in the `default` slot\nof `ui5-ai-button` and should not be used as standalone component.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-ai/dist/ButtonState.js\";`", "name": "ButtonState", "members": [ { @@ -357,6 +358,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ButtonTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ButtonTemplate", + "module": "dist/ButtonTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Input.js", @@ -408,7 +424,7 @@ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.", - "_ui5since": "1.0.0-rc.6", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -477,7 +493,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -488,7 +504,7 @@ "description": "Receives id(or many ids) of the elements that label the input.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -527,7 +543,7 @@ "description": "Sets the maximum number of characters available in the input field.\n\n**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.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.5" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -590,7 +606,7 @@ "default": "false", "description": "Defines whether the component is required.", "privacy": "public", - "_ui5since": "1.0.0-rc.3" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -1071,13 +1087,28 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/InputTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "InputTemplate", + "module": "dist/InputTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/PromptInput.js", "declarations": [ { "kind": "class", - "description": "### Overview\n\nThe `ui5-ai-prompt-input` component allows the user to write custom instructions in natural language, so that AI is guided to generate content tailored to user needs.\n\n**Note:** The web component is in an experimental state\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-ai/dist/PromptInput.js\"`", + "description": "### Overview\n\nThe `ui5-ai-prompt-input` component allows the user to write custom instructions in natural language, so that AI is guided to generate content tailored to user needs.\n\n**Note:** The web component is in an experimental state\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-ai/dist/PromptInput.js\";`", "name": "PromptInput", "slots": [ { @@ -1384,6 +1415,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/PromptInputTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "PromptInputTemplate", + "module": "dist/PromptInputTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TextArea.js", @@ -1404,7 +1450,7 @@ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n \n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed if the component has\n`valueState` of type `Information`, `Critical` or `Negative`.", - "_ui5since": "1.0.0-rc.7", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -1483,7 +1529,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -1494,7 +1540,25 @@ "description": "Receives id(or many ids) of the elements that label the textarea.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" + }, + { + "kind": "field", + "name": "counterMode", + "type": { + "text": "TextAreaCounterMode", + "references": [ + { + "name": "TextAreaCounterMode", + "package": "@ui5/webcomponents", + "module": "dist/types/TextAreaCounterMode.js" + } + ] + }, + "default": "\"None\"", + "description": "Determines when the character counter of the component is displayed.\n\nAvailable options are:\n\n- `None` - The counter is never shown and `maxlength` acts as a hard cap.\n- `Always` - The counter is always visible below the component.\n- `Auto` - The counter is shown only when the component is focused, when the character limit\nis exceeded, or when `valueState` is `Critical` or `Negative`. Space is always reserved to\nprevent layout shifts.\n\n**Note:** When set to a value other than `None`, this property takes precedence over the\ndeprecated `showExceededText` property.", + "privacy": "public", + "_ui5since": "2.28.0" }, { "kind": "field", @@ -1575,7 +1639,7 @@ "default": "false", "description": "Defines whether the component is required.", "privacy": "public", - "_ui5since": "1.0.0-rc.3" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -1595,7 +1659,8 @@ }, "default": "false", "description": "Determines whether the characters exceeding the maximum allowed character count are visible\nin the component.\n\nIf set to `false`, the user is not allowed to enter more characters than what is set in the\n`maxlength` property.\nIf set to `true` the characters exceeding the `maxlength` value are selected on\npaste and the counter below the component displays their number.", - "privacy": "public" + "privacy": "public", + "deprecated": "Use `counterMode=\"Always\"` instead." }, { "kind": "field", @@ -1625,7 +1690,7 @@ "default": "\"None\"", "description": "Defines the value state of the component.\n\n**Note:** If `maxlength` property is set,\nthe component turns into \"Critical\" state once the characters exceeds the limit.\nIn this case, only the \"Negative\" state is considered and can be applied.", "privacy": "public", - "_ui5since": "1.0.0-rc.7" + "_ui5since": "1.0.0" } ], "events": [ @@ -1696,7 +1761,7 @@ "_ui5Cancelable": true, "_ui5allowPreventDefault": true, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.5", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -1806,6 +1871,15 @@ "text": "string | undefined" } }, + { + "description": "Determines when the character counter of the component is displayed.\n\nAvailable options are:\n\n- `None` - The counter is never shown and `maxlength` acts as a hard cap.\n- `Always` - The counter is always visible below the component.\n- `Auto` - The counter is shown only when the component is focused, when the character limit\nis exceeded, or when `valueState` is `Critical` or `Negative`. Space is always reserved to\nprevent layout shifts.\n\n**Note:** When set to a value other than `None`, this property takes precedence over the\ndeprecated `showExceededText` property.", + "name": "counter-mode", + "default": "\"None\"", + "fieldName": "counterMode", + "type": { + "text": "\"Auto\" | \"None\" | \"Always\"" + } + }, { "description": "Indicates whether the user can interact with the component or not.\n\n**Note:** A disabled component is completely noninteractive.", "name": "disabled", @@ -1894,7 +1968,8 @@ "fieldName": "showExceededText", "type": { "text": "boolean" - } + }, + "deprecated": "Use `counterMode=\"Always\"` instead." }, { "description": "Defines the value of the component.", @@ -1952,6 +2027,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TextAreaTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TextAreaTemplate", + "module": "dist/TextAreaTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ToolbarLabel.js", @@ -2055,7 +2145,7 @@ }, "tagName": "ui5-ai-toolbar-label", "customElement": true, - "_ui5since": "1.0.0-rc.1", + "_ui5since": "1.0.0", "_ui5privacy": "private", "slots": [ { @@ -2103,6 +2193,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ToolbarLabelTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ToolbarLabelTemplate", + "module": "dist/ToolbarLabelTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Versioning.js", @@ -2286,13 +2391,28 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/VersioningTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "VersioningTemplate", + "module": "dist/VersioningTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/WritingAssistant.js", "declarations": [ { "kind": "class", - "description": "### Overview\n\nThe `ui5-ai-textarea-toolbar` component provides a specialized toolbar for AI TextArea functionality.\nIt manages different states of the AI assistant and provides version navigation capabilities.\n\n### Structure\nThe `ui5-ai-textarea-toolbar` consists of the following elements:\n- AI Generate Button: Triggers AI text generation or stops ongoing generation\n- Version Navigation: Allows navigation between multiple AI-generated results\n- Action Label: Displays the current AI action being performed\n\n### ES6 Module Import\n\n`import \"@sap-webcomponents/ai/dist/WritingAssistant.js\";`", + "description": "### Overview\n\nThe `ui5-ai-writing-assistant` component provides a specialized toolbar for AI TextArea functionality.\nIt manages different states of the AI assistant and provides version navigation capabilities.\n\n### Structure\nThe `ui5-ai-writing-assistant` consists of the following elements:\n- AI Generate Button: Triggers AI text generation or stops ongoing generation\n- Version Navigation: Allows navigation between multiple AI-generated results\n- Action Label: Displays the current AI action being performed\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-ai/dist/WritingAssistant.js\";`", "name": "WritingAssistant", "members": [ { @@ -2431,6 +2551,21 @@ } } ] + }, + { + "kind": "javascript-module", + "path": "dist/WritingAssistantTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "WritingAssistantTemplate", + "module": "dist/WritingAssistantTemplate.js" + } + } + ] } ] } diff --git a/.storybook/custom-element-manifests/fiori.json b/.storybook/custom-element-manifests/fiori.json index 1124b353281..1e8af8d1167 100644 --- a/.storybook/custom-element-manifests/fiori.json +++ b/.storybook/custom-element-manifests/fiori.json @@ -165,7 +165,7 @@ }, "tagName": "ui5-barcode-scanner-dialog", "customElement": true, - "_ui5since": "1.0.0-rc.15", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -188,6 +188,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/BarcodeScannerDialogTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "BarcodeScannerDialogTemplate", + "module": "dist/BarcodeScannerDialogTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/DynamicPage.js", @@ -398,7 +413,8 @@ "tagName": "ui5-dynamic-page", "customElement": true, "_ui5since": "2.0.0", - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": ["DynamicPageHeader", "DynamicPageTitle"] } ], "exports": [ @@ -531,6 +547,51 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/DynamicPageHeaderActionsTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DynamicPageHeaderActionsTemplate", + "module": "dist/DynamicPageHeaderActionsTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/DynamicPageHeaderTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DynamicPageHeaderTemplate", + "module": "dist/DynamicPageHeaderTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/DynamicPageTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DynamicPageTemplate", + "module": "dist/DynamicPageTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/DynamicPageTitle.js", @@ -660,6 +721,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/DynamicPageTitleTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DynamicPageTitleTemplate", + "module": "dist/DynamicPageTitleTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/DynamicSideContent.js", @@ -947,6 +1023,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/DynamicSideContentTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DynamicSideContentTemplate", + "module": "dist/DynamicSideContentTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/FilterItem.js", @@ -1021,7 +1112,7 @@ }, "tagName": "ui5-filter-item", "customElement": true, - "_ui5since": "1.0.0-rc.16", + "_ui5since": "1.0.0", "_ui5privacy": "public", "_ui5abstract": true } @@ -1102,7 +1193,7 @@ }, "tagName": "ui5-filter-item-option", "customElement": true, - "_ui5since": "1.0.0-rc.16", + "_ui5since": "1.0.0", "_ui5privacy": "public", "_ui5abstract": true } @@ -1522,7 +1613,7 @@ }, "tagName": "ui5-flexible-column-layout", "customElement": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -1545,6 +1636,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/FlexibleColumnLayoutTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "FlexibleColumnLayoutTemplate", + "module": "dist/FlexibleColumnLayoutTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/GroupItem.js", @@ -1834,6 +1940,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/HeroBannerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "HeroBannerTemplate", + "module": "dist/HeroBannerTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/IllustratedMessage.js", @@ -1868,7 +1989,7 @@ { "name": "subtitle", "description": "Defines the subtitle of the component.\n\n**Note:** Using this slot, the default subtitle text of illustration and the value of `subtitleText` property will be overwritten.", - "_ui5since": "1.0.0-rc.16", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -2019,7 +2140,7 @@ }, "tagName": "ui5-illustrated-message", "customElement": true, - "_ui5since": "1.0.0-rc.15", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -2042,6 +2163,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/IllustratedMessageTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "IllustratedMessageTemplate", + "module": "dist/IllustratedMessageTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/MediaGallery.js", @@ -2254,7 +2390,8 @@ "tagName": "ui5-media-gallery", "customElement": true, "_ui5since": "1.1.0", - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": ["MediaGalleryItem"] } ], "exports": [ @@ -2408,6 +2545,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/MediaGalleryItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MediaGalleryItemTemplate", + "module": "dist/MediaGalleryItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/MediaGalleryTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MediaGalleryTemplate", + "module": "dist/MediaGalleryTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/NavigationLayout.js", @@ -2521,6 +2688,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/NavigationLayoutTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "NavigationLayoutTemplate", + "module": "dist/NavigationLayoutTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/NavigationMenu.js", @@ -2979,7 +3161,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -3436,6 +3618,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/NavigationMenuItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "NavigationMenuItemTemplate", + "module": "dist/NavigationMenuItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/NavigationMenuTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "NavigationMenuTemplate", + "module": "dist/NavigationMenuTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/NotificationList.js", @@ -3579,7 +3791,8 @@ "tagName": "ui5-notification-list", "customElement": true, "_ui5since": "2.0.0", - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": ["NotificationListGroupItem", "NotificationListItem"] } ], "exports": [ @@ -3665,7 +3878,7 @@ "default": "false", "description": "Defines if a busy indicator would be displayed over the item.", "privacy": "public", - "_ui5since": "1.0.0-rc.8" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -3815,7 +4028,7 @@ }, "tagName": "ui5-li-notification-group", "customElement": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -3838,6 +4051,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/NotificationListGroupItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "NotificationListItemTemplate", + "module": "dist/NotificationListGroupItemTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/NotificationListGroupList.js", @@ -3933,7 +4161,7 @@ "description": "Defines the accessible name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -3944,7 +4172,7 @@ "description": "Defines the IDs of the elements that label the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -3962,7 +4190,7 @@ "default": "\"List\"", "description": "Defines the accessible role of the component.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -3990,7 +4218,7 @@ "default": "\"None\"", "description": "Defines whether the component will have growing capability either by pressing a `More` button,\nor via user scroll. In both cases `load-more` event is fired.\n\n**Restrictions:** `growing=\"Scroll\"` is not supported for Internet Explorer,\non IE the component will fallback to `growing=\"Button\"`.", "privacy": "public", - "_ui5since": "1.0.0-rc.13" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -4001,7 +4229,7 @@ "description": "Defines the text that will be displayed inside the growing button.\n\n**Note:** If not specified a built-in text will be displayed.\n\n**Note:** This property takes effect if the `growing` property is set to the `Button`.", "default": "undefined", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -4051,7 +4279,7 @@ "default": "false", "description": "Defines if the component would display a loading indicator over the list.", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -4165,7 +4393,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -4222,7 +4450,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -4244,7 +4472,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "name": "move", @@ -4650,7 +4878,7 @@ "description": "Defines the accessible name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -4661,7 +4889,7 @@ "description": "Defines the IDs of the elements that label the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -4679,7 +4907,7 @@ "default": "\"List\"", "description": "Defines the accessible role of the component.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -4707,7 +4935,7 @@ "default": "\"None\"", "description": "Defines whether the component will have growing capability either by pressing a `More` button,\nor via user scroll. In both cases `load-more` event is fired.\n\n**Restrictions:** `growing=\"Scroll\"` is not supported for Internet Explorer,\non IE the component will fallback to `growing=\"Button\"`.", "privacy": "public", - "_ui5since": "1.0.0-rc.13" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -4718,7 +4946,7 @@ "description": "Defines the text that will be displayed inside the growing button.\n\n**Note:** If not specified a built-in text will be displayed.\n\n**Note:** This property takes effect if the `growing` property is set to the `Button`.", "default": "undefined", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -4768,7 +4996,7 @@ "default": "false", "description": "Defines if the component would display a loading indicator over the list.", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -4882,7 +5110,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -4939,7 +5167,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -4961,7 +5189,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "name": "move", @@ -5348,7 +5576,7 @@ "default": "false", "description": "Defines if a busy indicator would be displayed over the item.", "privacy": "public", - "_ui5since": "1.0.0-rc.8" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -5423,7 +5651,7 @@ "default": "\"None\"", "description": "Defines if the `titleText` and `description` should wrap,\nthey truncate by default.\n\n**Note:** by default the `titleText` and `description`,\nand a `ShowMore/Less` button would be displayed.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" } ], "events": [ @@ -5566,7 +5794,7 @@ }, "tagName": "ui5-li-notification", "customElement": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -5607,7 +5835,7 @@ "default": "false", "description": "Defines if a busy indicator would be displayed over the item.", "privacy": "public", - "_ui5since": "1.0.0-rc.8" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -5684,7 +5912,7 @@ "module": "dist/ListItemBase.js" }, "customElement": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5privacy": "public", "events": [ { @@ -5730,6 +5958,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/NotificationListItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "NotificationListItemTemplate", + "module": "dist/NotificationListItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/NotificationListTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "NotificationListTemplate", + "module": "dist/NotificationListTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Page.js", @@ -5865,7 +6123,7 @@ }, "tagName": "ui5-page", "customElement": true, - "_ui5since": "1.0.0-rc.12", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -5888,6 +6146,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/PageTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "PageTemplate", + "module": "dist/PageTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ProductSwitch.js", @@ -5927,8 +6200,9 @@ }, "tagName": "ui5-product-switch", "customElement": true, - "_ui5since": "1.0.0-rc.5", + "_ui5since": "1.0.0", "_ui5privacy": "public", + "_ui5subcomponents": ["ProductSwitchItem"], "members": [] } ], @@ -5990,7 +6264,7 @@ "description": "Defines the subtitle of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -6021,7 +6295,7 @@ "description": "Defines the title of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" } ], "events": [ @@ -6091,7 +6365,7 @@ }, "tagName": "ui5-product-switch-item", "customElement": true, - "_ui5since": "1.0.0-rc.5", + "_ui5since": "1.0.0", "_ui5privacy": "public", "_ui5implements": [ { @@ -6121,6 +6395,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ProductSwitchItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ProductSwitchItemTemplate", + "module": "dist/ProductSwitchItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/ProductSwitchTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ProductSwitchTemplate", + "module": "dist/ProductSwitchTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Search.js", @@ -6501,7 +6805,14 @@ "customElement": true, "_ui5experimental": true, "_ui5since": "2.9.0", - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": [ + "SearchItem", + "SearchItemGroup", + "SearchItemShowMore", + "SearchMessageArea", + "SearchScope" + ] } ], "exports": [ @@ -6792,8 +7103,38 @@ }, { "kind": "javascript-module", - "path": "dist/SearchItem.js", - "declarations": [ + "path": "dist/SearchFieldScopePopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SearchFieldScopePopoverTemplate", + "module": "dist/SearchFieldScopePopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/SearchFieldTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SearchFieldTemplate", + "module": "dist/SearchFieldTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/SearchItem.js", + "declarations": [ { "kind": "class", "description": "### Overview\n\nA `ui5-search-item` is a list item, used for displaying search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SearchItem.js\";`", @@ -7348,6 +7689,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SearchItemShowMoreTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SearchItemShowMoreTemplate", + "module": "dist/SearchItemShowMoreTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/SearchItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SearchItemTemplate", + "module": "dist/SearchItemTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SearchMessageArea.js", @@ -7429,6 +7800,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SearchMessageAreaTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SearchMessageAreaTemplate", + "module": "dist/SearchMessageAreaTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/SearchPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SearchPopoverTemplate", + "module": "dist/SearchPopoverTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SearchScope.js", @@ -7518,6 +7919,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SearchTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SearchTemplate", + "module": "dist/SearchTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ShellBar.js", @@ -7593,7 +8009,7 @@ { "name": "logo", "description": "Defines the logo of the `ui5-shellbar`.\nFor example, you can use `ui5-avatar` or `img` elements as logo.", - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -7602,7 +8018,7 @@ { "name": "menuItems", "description": "Defines the items displayed in menu after a click on a start button.\n\n**Note:** You can use the `` and its ancestors.", - "_ui5since": "0.10", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array", "references": [ @@ -7618,7 +8034,7 @@ { "name": "profile", "description": "You can pass `ui5-avatar` to set the profile image/icon.\nIf no profile slot is set - profile will be excluded from actions.\n\n**Note:** We recommend not using the `size` attribute of `ui5-avatar` because\nit should have specific size by design in the context of `ui5-shellbar` profile.", - "_ui5since": "1.0.0-rc.6", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -7726,7 +8142,7 @@ "privacy": "public", "default": "null", "readonly": true, - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7748,7 +8164,7 @@ "privacy": "public", "default": "null", "readonly": true, - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7760,7 +8176,7 @@ "privacy": "public", "default": "null", "readonly": true, - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7782,7 +8198,7 @@ "privacy": "public", "default": "null", "readonly": true, - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7794,7 +8210,7 @@ "privacy": "public", "default": "null", "readonly": true, - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7884,7 +8300,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "0.10", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -7913,7 +8329,7 @@ "_ui5Cancelable": true, "_ui5allowPreventDefault": true, "_ui5Bubbles": true, - "_ui5since": "0.10", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -8239,8 +8655,9 @@ }, "tagName": "ui5-shellbar", "customElement": true, - "_ui5since": "0.8.0", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": ["ShellBarBranding", "ShellBarItem", "ShellBarSearch", "ShellBarSpacer"] } ], "exports": [ @@ -8394,6 +8811,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ShellBarBrandingTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ShellBarBrandingTemplate", + "module": "dist/ShellBarBrandingTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ShellBarItem.js", @@ -8430,7 +8862,7 @@ "description": "Defines the count displayed in badge.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -8550,6 +8982,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ShellBarItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ShellBarItemTemplate", + "module": "dist/ShellBarItemTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ShellBarSearch.js", @@ -8971,6 +9418,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ShellBarSearchPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ShellBarSearchPopoverTemplate", + "module": "dist/ShellBarSearchPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/ShellBarSearchTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ShellBarSearchTemplate", + "module": "dist/ShellBarSearchTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ShellBarSpacer.js", @@ -9011,6 +9488,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ShellBarTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ShellBarTemplate", + "module": "dist/ShellBarTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SideNavigation.js", @@ -9036,6 +9528,15 @@ }, "_ui5privacy": "public" }, + { + "name": "filterSection", + "description": "Defines the filter section of the `ui5-side-navigation`.\n\n**Note:** The filter section is displayed when the component is expanded - the property `collapsed` is false;", + "_ui5since": "2.28.0", + "_ui5type": { + "text": "Array" + }, + "_ui5privacy": "public" + }, { "name": "fixedItems", "description": "Defines the fixed items at the bottom of the component.\n\n**Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)", @@ -9054,7 +9555,7 @@ { "name": "header", "description": "Defines the header of the `ui5-side-navigation`.\n\n**Note:** The header is displayed when the component is expanded - the property `collapsed` is false;", - "_ui5since": "1.0.0-rc.11", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -9073,6 +9574,28 @@ "privacy": "public", "_ui5since": "2.9.0" }, + { + "kind": "method", + "name": "announceSearchMatchCount", + "return": { + "type": { + "text": "void" + } + }, + "parameters": [ + { + "name": "count", + "type": { + "text": "number" + }, + "description": "The number of matching navigation items.", + "_ui5privacy": "public" + } + ], + "description": "Announces the number of search matches found in the side navigation to assistive technologies.\n\nThis method uses an invisible live region message so screen readers can inform users\nabout the current number of search matches.", + "privacy": "public", + "_ui5since": "2.28.0" + }, { "kind": "field", "name": "collapsed", @@ -9082,6 +9605,17 @@ "default": "false", "description": "Defines whether the `ui5-side-navigation` is expanded or collapsed.\n\n**Note:** On small screens (screen width of 599px or less) the collapsed mode is not supported, and in\nexpanded mode the side navigation will take the whole width of the screen.\nThe `ui5-side-navigation` component is intended to be used within a `ui5-navigation-layout`\ncomponent to ensure proper responsive behavior. If you choose not to use the\n`ui5-navigation-layout`, you will need to implement the appropriate responsive patterns yourself,\nparticularly for smaller screens where the collapsed mode should not be used.", "privacy": "public" + }, + { + "kind": "field", + "name": "highlightedText", + "type": { + "text": "string | undefined" + }, + "description": "Specifies a term to be highlighted in the navigation items' text.\nWhen set, matching portions of item and group texts are visually emphasized during rendering.", + "privacy": "public", + "default": "undefined", + "_ui5since": "2.28.0" } ], "events": [ @@ -9211,6 +9745,15 @@ "type": { "text": "boolean" } + }, + { + "description": "Specifies a term to be highlighted in the navigation items' text.\nWhen set, matching portions of item and group texts are visually emphasized during rendering.", + "name": "highlighted-text", + "default": "undefined", + "fieldName": "highlightedText", + "type": { + "text": "string | undefined" + } } ], "superclass": { @@ -9220,8 +9763,9 @@ }, "tagName": "ui5-side-navigation", "customElement": true, - "_ui5since": "1.0.0-rc.8", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": ["SideNavigationGroup", "SideNavigationItem", "SideNavigationSubItem"] } ], "exports": [ @@ -9402,6 +9946,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SideNavigationGroupTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SideNavigationGroupTemplate", + "module": "dist/SideNavigationGroupTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SideNavigationItem.js", @@ -9698,7 +10257,7 @@ }, "tagName": "ui5-side-navigation-item", "customElement": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5privacy": "public", "_ui5abstract": true, "events": [ @@ -9889,6 +10448,231 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SideNavigationItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SideNavigationItemTemplate", + "module": "dist/SideNavigationItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/SideNavigationPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SideNavigationTemplate", + "module": "dist/SideNavigationPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/SideNavigationSearchField.js", + "declarations": [ + { + "kind": "class", + "description": "### Overview\n\nA `ui5-side-navigation-search-field` is a search field,\nused to filter the items of a `ui5-side-navigation`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationSearchField.js\";`", + "name": "SideNavigationSearchField", + "members": [ + { + "kind": "field", + "name": "accessibleDescriptionRef", + "type": { + "text": "string | undefined" + }, + "description": "Receives id (or many ids) of the elements that describe the component.", + "privacy": "public", + "default": "undefined" + }, + { + "kind": "field", + "name": "accessibleName", + "type": { + "text": "string | undefined" + }, + "description": "Defines the accessible ARIA name of the component.", + "privacy": "public", + "default": "undefined" + }, + { + "kind": "field", + "name": "accessibleNameRef", + "type": { + "text": "string | undefined" + }, + "description": "Receives id (or many ids) of the elements that label the component.", + "privacy": "public", + "default": "undefined" + }, + { + "kind": "field", + "name": "hideClearIcon", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Defines whether the clear icon of the search will be hidden.\n\n**Note:** When not set, the clear icon is displayed while the component has a value.", + "privacy": "public" + }, + { + "kind": "field", + "name": "placeholder", + "type": { + "text": "string | undefined" + }, + "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.", + "default": "undefined", + "privacy": "public" + }, + { + "kind": "field", + "name": "value", + "type": { + "text": "string" + }, + "default": "\"\"", + "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.", + "privacy": "public" + } + ], + "events": [ + { + "name": "input", + "_ui5privacy": "public", + "type": { + "text": "CustomEvent" + }, + "description": "Fired when typing in input or clear icon is pressed.", + "_ui5Cancelable": false, + "_ui5allowPreventDefault": false, + "_ui5Bubbles": true + }, + { + "name": "search", + "_ui5privacy": "public", + "type": { + "text": "CustomEvent" + }, + "description": "Fired when the user has triggered search with Enter key or Search Button press.", + "_ui5Cancelable": true, + "_ui5allowPreventDefault": true, + "_ui5Bubbles": true + } + ], + "attributes": [ + { + "description": "Receives id (or many ids) of the elements that describe the component.", + "name": "accessible-description-ref", + "default": "undefined", + "fieldName": "accessibleDescriptionRef", + "type": { + "text": "string | undefined" + } + }, + { + "description": "Defines the accessible ARIA name of the component.", + "name": "accessible-name", + "default": "undefined", + "fieldName": "accessibleName", + "type": { + "text": "string | undefined" + } + }, + { + "description": "Receives id (or many ids) of the elements that label the component.", + "name": "accessible-name-ref", + "default": "undefined", + "fieldName": "accessibleNameRef", + "type": { + "text": "string | undefined" + } + }, + { + "description": "Defines whether the clear icon of the search will be hidden.\n\n**Note:** When not set, the clear icon is displayed while the component has a value.", + "name": "hide-clear-icon", + "default": "false", + "fieldName": "hideClearIcon", + "type": { + "text": "boolean" + } + }, + { + "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.", + "name": "placeholder", + "default": "undefined", + "fieldName": "placeholder", + "type": { + "text": "string | undefined" + } + }, + { + "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.", + "name": "value", + "default": "\"\"", + "fieldName": "value", + "type": { + "text": "string" + } + } + ], + "superclass": { + "name": "UI5Element", + "package": "@ui5/webcomponents-base", + "module": "dist/UI5Element.js" + }, + "tagName": "ui5-side-navigation-search-field", + "customElement": true, + "_ui5since": "2.28.0", + "_ui5privacy": "public" + } + ], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SideNavigationSearchField", + "module": "dist/SideNavigationSearchField.js" + } + }, + { + "kind": "custom-element-definition", + "name": "ui5-side-navigation-search-field", + "declaration": { + "name": "SideNavigationSearchField", + "module": "dist/SideNavigationSearchField.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/SideNavigationSearchFieldTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SideNavigationSearchFieldTemplate", + "module": "dist/SideNavigationSearchFieldTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SideNavigationSelectableItemBase.js", @@ -10368,7 +11152,7 @@ }, "tagName": "ui5-side-navigation-sub-item", "customElement": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5privacy": "public", "_ui5abstract": true, "attributes": [ @@ -10547,6 +11331,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SideNavigationSubItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SideNavigationSubItemTemplate", + "module": "dist/SideNavigationSubItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/SideNavigationTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SideNavigationTemplate", + "module": "dist/SideNavigationTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SortItem.js", @@ -10604,7 +11418,7 @@ }, "tagName": "ui5-sort-item", "customElement": true, - "_ui5since": "1.0.0-rc.16", + "_ui5since": "1.0.0", "_ui5privacy": "public", "_ui5abstract": true } @@ -10724,7 +11538,7 @@ "default": "\"Vertical\"", "description": "Defines the items orientation.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -10836,8 +11650,9 @@ }, "tagName": "ui5-timeline", "customElement": true, - "_ui5since": "0.8.0", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": ["TimelineGroupItem", "TimelineItem"] } ], "exports": [ @@ -10977,6 +11792,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TimelineGroupItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TimelineGroupItemTemplate", + "module": "dist/TimelineGroupItemTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TimelineItem.js", @@ -11191,6 +12021,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TimelineItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TimelineItemTemplate", + "module": "dist/TimelineItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/TimelineTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TimelineTemplate", + "module": "dist/TimelineTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/UploadCollection.js", @@ -11235,7 +12095,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -11424,8 +12284,9 @@ }, "tagName": "ui5-upload-collection", "customElement": true, - "_ui5since": "1.0.0-rc.7", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": ["UploadCollectionItem"] } ], "exports": [ @@ -11640,7 +12501,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -11931,7 +12792,7 @@ }, "tagName": "ui5-upload-collection-item", "customElement": true, - "_ui5since": "1.0.0-rc.7", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -11954,6 +12815,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/UploadCollectionItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UploadCollectionItemTemplate", + "module": "dist/UploadCollectionItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/UploadCollectionTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UploadCollectionTemplate", + "module": "dist/UploadCollectionTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/UserMenu.js", @@ -12316,7 +13207,8 @@ "tagName": "ui5-user-menu", "customElement": true, "_ui5since": "2.5.0", - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": ["UserMenuAccount", "UserMenuItem", "UserMenuItemGroup"] } ], "exports": [ @@ -12717,7 +13609,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -13208,6 +14100,51 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/UserMenuItemGroupTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UserMenuItemTemplate", + "module": "dist/UserMenuItemGroupTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/UserMenuItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UserMenuItemTemplate", + "module": "dist/UserMenuItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/UserMenuTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UserMenuTemplate", + "module": "dist/UserMenuTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/UserSettingsAccountView.js", @@ -13396,6 +14333,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/UserSettingsAccountViewTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UserSettingsAccountViewTemplate", + "module": "dist/UserSettingsAccountViewTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/UserSettingsAppearanceView.js", @@ -13853,7 +14805,7 @@ "description": "Defines the text alternative of the component.\n\n**Note**: If not provided a default text alternative will be set, if present.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -13889,7 +14841,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -14195,6 +15147,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/UserSettingsAppearanceViewItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UserSettingsAppearanceViewItemTemplate", + "module": "dist/UserSettingsAppearanceViewItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/UserSettingsAppearanceViewTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UserSettingsAppearanceViewTemplate", + "module": "dist/UserSettingsAppearanceViewTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/UserSettingsDialog.js", @@ -14416,7 +15398,18 @@ "tagName": "ui5-user-settings-dialog", "customElement": true, "_ui5since": "2.8.0", - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": [ + "UserSettingsAccountView", + "UserSettingsAppearanceView", + "UserSettingsAppearanceViewGroup", + "UserSettingsAppearanceViewItem", + "UserSettingsItem", + "UserSettingsNotificationsView", + "UserSettingsNotificationsViewGroup", + "UserSettingsNotificationsViewItem", + "UserSettingsView" + ] } ], "exports": [ @@ -14438,6 +15431,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/UserSettingsDialogTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UserSettingsDialogTemplate", + "module": "dist/UserSettingsDialogTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/UserSettingsItem.js", @@ -14721,6 +15729,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/UserSettingsItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UserSettingsItemTemplate", + "module": "dist/UserSettingsItemTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/UserSettingsNotificationsView.js", @@ -15237,7 +16260,7 @@ "description": "Defines the text alternative of the component.\n\n**Note**: If not provided a default text alternative will be set, if present.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -15273,7 +16296,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -15605,6 +16628,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/UserSettingsNotificationsViewItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UserSettingsNotificationsViewItemTemplate", + "module": "dist/UserSettingsNotificationsViewItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/UserSettingsNotificationsViewTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UserSettingsNotificationsViewTemplate", + "module": "dist/UserSettingsNotificationsViewTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/UserSettingsView.js", @@ -15715,6 +16768,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/UserSettingsViewTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "UserSettingsViewTemplate", + "module": "dist/UserSettingsViewTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ViewSettingsDialog.js", @@ -16143,8 +17211,15 @@ }, "tagName": "ui5-view-settings-dialog", "customElement": true, - "_ui5since": "1.0.0-rc.16", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": [ + "FilterItem", + "FilterItemOption", + "GroupItem", + "SortItem", + "ViewSettingsDialogCustomTab" + ] } ], "exports": [ @@ -16276,6 +17351,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ViewSettingsDialogCustomTabTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ViewSettingsDialogCustomTabTemplate", + "module": "dist/ViewSettingsDialogCustomTabTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/ViewSettingsDialogTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ViewSettingsDialogTemplate", + "module": "dist/ViewSettingsDialogTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Wizard.js", @@ -16450,8 +17555,9 @@ }, "tagName": "ui5-wizard", "customElement": true, - "_ui5since": "1.0.0-rc.10", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": ["WizardStep"] } ], "exports": [ @@ -16473,6 +17579,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/WizardPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "WizardPopoverTemplate", + "module": "dist/WizardPopoverTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/WizardStep.js", @@ -16541,7 +17662,7 @@ "description": "Defines the `subtitleText` of the step.\n\n**Note:** the text is displayed in the `ui5-wizard` navigation header.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -16552,7 +17673,7 @@ "description": "Defines the `titleText` of the step.\n\n**Note:** The text is displayed in the `ui5-wizard` navigation header.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" } ], "attributes": [ @@ -16618,7 +17739,7 @@ }, "tagName": "ui5-wizard-step", "customElement": true, - "_ui5since": "1.0.0-rc.10", + "_ui5since": "1.0.0", "_ui5privacy": "public", "_ui5abstract": true } @@ -16680,6 +17801,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/WizardTabTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "WizardTabTemplate", + "module": "dist/WizardTabTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/WizardTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "WizardTemplate", + "module": "dist/WizardTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ssr-zxing-shim.js", @@ -19150,7 +20301,7 @@ "kind": "field", "static": true, "privacy": "public", - "_ui5since": "1.0.0-rc.16", + "_ui5since": "1.0.0", "description": "Filter type", "default": "Filter", "name": "Filter", @@ -19170,7 +20321,7 @@ "kind": "field", "static": true, "privacy": "public", - "_ui5since": "1.0.0-rc.16", + "_ui5since": "1.0.0", "description": "Default type", "default": "Sort", "name": "Sort", diff --git a/.storybook/custom-element-manifests/main.json b/.storybook/custom-element-manifests/main.json index d66573fe111..c84b4465315 100644 --- a/.storybook/custom-element-manifests/main.json +++ b/.storybook/custom-element-manifests/main.json @@ -41,7 +41,7 @@ { "name": "default", "description": "Receives the desired `` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:
\n`ui5-avatar:not(:defined) {`
\n    `visibility: hidden;`
\n`}`", - "_ui5since": "1.0.0-rc.15", + "_ui5since": "1.0.0", "_ui5propertyName": "image", "_ui5type": { "text": "Array" @@ -77,7 +77,7 @@ "description": "Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.7" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -113,7 +113,7 @@ "text": "string" }, "default": "\"employee\"", - "description": "Defines the name of the fallback icon, which should be displayed in the following cases:\n\n\t- If the initials are not valid (more than 3 letters, unsupported languages or empty initials).\n\t- If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).\n\t- If the image src is wrong.\n\n**Note:** If not set, a default fallback icon \"employee\" is displayed.\n\n**Note:** You should import the desired icon first, then use its name as \"fallback-icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n``\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).", + "description": "Defines the name of the fallback icon, which should be displayed in the following cases:\n\n\t- If the initials are not valid (more than 3 letters or empty initials).\n\t- If the initials do not fit in the shape at the current size (e.g. WWW at size XS).\n\t- If the image src is wrong.\n\n**Note:** If not set, a default fallback icon \"employee\" is displayed.\n\n**Note:** You should import the desired icon first, then use its name as \"fallback-icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n``\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).", "privacy": "public" }, { @@ -132,7 +132,7 @@ "type": { "text": "string | undefined" }, - "description": "Defines the displayed initials.\n\nUp to three Latin letters can be displayed as initials.", + "description": "Defines the displayed initials.\n\nUp to three letters from an alphabetic script can be displayed as initials.\nAll scripts used in SAP-supported languages are accepted, except logographic and\npure syllabic scripts where the concept of initials does not apply: Han (Chinese,\nJapanese kanji), Hiragana, and Katakana. Korean (Hangul) is supported.\nIf the letters do not fit inside the avatar shape at the current size, the fallback\nicon is shown instead.", "default": "undefined", "privacy": "public" }, @@ -163,7 +163,7 @@ "default": "\"Image\"", "description": "Defines the mode of the component.\n\n**Note:**\n- `Image` (default) - renders with role=\"img\"\n- `Decorative` - renders with role=\"presentation\" and aria-hidden=\"true\", making it purely decorative\n- `Interactive` - renders with role=\"button\", focusable (tabindex=\"0\"), and supports keyboard interaction\n\n**Note:** This property is ignored when the `interactive` property is set to `true`.\nIn that case, the avatar will always be rendered as interactive.", "privacy": "public", - "_ui5since": "2.20" + "_ui5since": "2.20.0" }, { "kind": "field", @@ -252,7 +252,7 @@ } }, { - "description": "Defines the name of the fallback icon, which should be displayed in the following cases:\n\n\t- If the initials are not valid (more than 3 letters, unsupported languages or empty initials).\n\t- If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).\n\t- If the image src is wrong.\n\n**Note:** If not set, a default fallback icon \"employee\" is displayed.\n\n**Note:** You should import the desired icon first, then use its name as \"fallback-icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n``\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).", + "description": "Defines the name of the fallback icon, which should be displayed in the following cases:\n\n\t- If the initials are not valid (more than 3 letters or empty initials).\n\t- If the initials do not fit in the shape at the current size (e.g. WWW at size XS).\n\t- If the image src is wrong.\n\n**Note:** If not set, a default fallback icon \"employee\" is displayed.\n\n**Note:** You should import the desired icon first, then use its name as \"fallback-icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n``\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).", "name": "fallback-icon", "default": "\"employee\"", "fieldName": "fallbackIcon", @@ -270,7 +270,7 @@ } }, { - "description": "Defines the displayed initials.\n\nUp to three Latin letters can be displayed as initials.", + "description": "Defines the displayed initials.\n\nUp to three letters from an alphabetic script can be displayed as initials.\nAll scripts used in SAP-supported languages are accepted, except logographic and\npure syllabic scripts where the concept of initials does not apply: Han (Chinese,\nJapanese kanji), Hiragana, and Katakana. Korean (Hangul) is supported.\nIf the letters do not fit inside the avatar shape at the current size, the fallback\nicon is shown instead.", "name": "initials", "default": "undefined", "fieldName": "initials", @@ -323,8 +323,9 @@ }, "tagName": "ui5-avatar", "customElement": true, - "_ui5since": "1.0.0-rc.6", + "_ui5since": "1.0.0", "_ui5privacy": "public", + "_ui5subcomponents": ["AvatarBadge"], "_ui5implements": [ { "name": "IAvatarGroupItem", @@ -480,6 +481,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/AvatarBadgeTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "AvatarBadgeTemplate", + "module": "dist/AvatarBadgeTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/AvatarGroup.js", @@ -508,7 +524,7 @@ { "name": "overflowButton", "description": "Defines the overflow button of the component.\n\n**Note:** We recommend using the `ui5-button` component.\n\n**Note:** If this slot is not used, the component will display the built-in overflow button.", - "_ui5since": "1.0.0-rc.13", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array", "references": [ @@ -635,7 +651,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": false, - "_ui5since": "1.0.0-rc.11", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -665,7 +681,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": false, - "_ui5since": "1.0.0-rc.13" + "_ui5since": "1.0.0" } ], "attributes": [ @@ -731,7 +747,7 @@ }, "tagName": "ui5-avatar-group", "customElement": true, - "_ui5since": "1.0.0-rc.11", + "_ui5since": "1.0.0", "_ui5privacy": "public" }, { @@ -760,13 +776,43 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/AvatarGroupTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "AvatarGroupTemplate", + "module": "dist/AvatarGroupTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/AvatarTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "AvatarTemplate", + "module": "dist/AvatarTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Bar.js", "declarations": [ { "kind": "class", - "description": "### Overview\nThe Bar is a container which is primarily used to hold titles, buttons and input elements\nand its design and functionality is the basis for page headers and footers.\nThe component consists of three areas to hold its content - startContent slot, default slot and endContent slot.\nIt has the capability to center content, such as a title, while having other components on the left and right side.\n\n### Usage\nWith the use of the design property, you can set the style of the Bar to appear designed like a Header, Subheader, Footer and FloatingFooter.\n\n**Note:** Do not place a Bar inside another Bar or inside any bar-like component. Doing so may cause unpredictable behavior.\n\n### Responsive Behavior\nThe default slot will be centered in the available space between the startContent and the endContent areas,\ntherefore it might not always be centered in the entire bar.\n\n### Keyboard Handling\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### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Bar.js\";`", + "description": "### Overview\nThe Bar is a container which is primarily used to hold titles, buttons and input elements\nand its design and functionality is the basis for page headers and footers.\nThe component consists of three areas to hold its content - startContent slot, default slot and endContent slot.\nIt has the capability to center content, such as a title, while having other components on the left and right side.\n\n### Usage\nWith the use of the design property, you can set the style of the Bar to appear designed like a Header, Subheader, Footer and FloatingFooter.\n\n**Note:** Do not place a Bar inside another Bar or inside any bar-like component. Doing so may cause unpredictable behavior.\n\n**Note:** The Bar is a structural layout component for organizing page areas (header, footer, subheader) and not an action-oriented toolbar. To group action controls with full keyboard navigation support, use the Toolbar component instead.\n\n### Responsive Behavior\nThe default slot will be centered in the available space between the startContent and the endContent areas,\ntherefore it might not always be centered in the entire bar.\n\n### Keyboard Handling\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### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Bar.js\";`", "name": "Bar", "cssParts": [ { @@ -849,8 +895,8 @@ } ] }, - "default": "\"Toolbar\"", - "description": "Specifies the ARIA role applied to the component for accessibility purposes.\n\n**Note:**\n\n- By default, accessibleRole is set to \"Toolbar\", which renders the ARIA role \"toolbar\".\n\n- Use the default accessibleRole value \"Toolbar\" only when the component contains two or more active, interactive elements (such as buttons, links, or input fields) within the bar.\n\n- If there is only one or no active element, set accessibleRole to \"None\" to avoid rendering the ARIA role \"toolbar\", as that role implies a grouping of multiple interactive controls.", + "default": "\"None\"", + "description": "Specifies the ARIA role applied to the component for accessibility purposes.\n\n**Note:** By default, no ARIA role is applied (\"None\"). The Bar derives its semantics\nfrom the container it is placed in, such as a page header or footer.\n\n**Note:** The \"Toolbar\" value is deprecated. The Bar is a structural layout container and does not\nsupport toolbar keyboard interactions (such as arrow-key navigation between components). When 3 or more\ninteractive elements are needed, use the `ui5-toolbar` component instead, which provides the correct\ntoolbar role and arrow-key navigation between components.", "privacy": "public", "_ui5since": "2.10.0" }, @@ -892,9 +938,9 @@ } }, { - "description": "Specifies the ARIA role applied to the component for accessibility purposes.\n\n**Note:**\n\n- By default, accessibleRole is set to \"Toolbar\", which renders the ARIA role \"toolbar\".\n\n- Use the default accessibleRole value \"Toolbar\" only when the component contains two or more active, interactive elements (such as buttons, links, or input fields) within the bar.\n\n- If there is only one or no active element, set accessibleRole to \"None\" to avoid rendering the ARIA role \"toolbar\", as that role implies a grouping of multiple interactive controls.", + "description": "Specifies the ARIA role applied to the component for accessibility purposes.\n\n**Note:** By default, no ARIA role is applied (\"None\"). The Bar derives its semantics\nfrom the container it is placed in, such as a page header or footer.\n\n**Note:** The \"Toolbar\" value is deprecated. The Bar is a structural layout container and does not\nsupport toolbar keyboard interactions (such as arrow-key navigation between components). When 3 or more\ninteractive elements are needed, use the `ui5-toolbar` component instead, which provides the correct\ntoolbar role and arrow-key navigation between components.", "name": "accessible-role", - "default": "\"Toolbar\"", + "default": "\"None\"", "fieldName": "accessibleRole", "type": { "text": "\"None\" | \"Toolbar\"" @@ -917,7 +963,7 @@ }, "tagName": "ui5-bar", "customElement": true, - "_ui5since": "1.0.0-rc.11", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -940,6 +986,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/BarTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "BarTemplate", + "module": "dist/BarTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Breadcrumbs.js", @@ -1111,8 +1172,9 @@ }, "tagName": "ui5-breadcrumbs", "customElement": true, - "_ui5since": "1.0.0-rc.15", + "_ui5since": "1.0.0", "_ui5privacy": "public", + "_ui5subcomponents": ["BreadcrumbsItem"], "_ui5implements": [ { "name": "IToolbarItemContent", @@ -1283,7 +1345,7 @@ }, "tagName": "ui5-breadcrumbs-item", "customElement": true, - "_ui5since": "1.0.0-rc.15", + "_ui5since": "1.0.0", "_ui5privacy": "public", "_ui5abstract": true } @@ -1307,6 +1369,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/BreadcrumbsPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "BreadcrumbsPopoverTemplate", + "module": "dist/BreadcrumbsPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/BreadcrumbsTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "BreadcrumbsTemplate", + "module": "dist/BreadcrumbsTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/BusyIndicator.js", @@ -1372,7 +1464,7 @@ "description": "Defines text to be displayed below the component. It can be used to inform the user of the current operation.", "privacy": "public", "default": "undefined", - "_ui5since": "1.0.0-rc.7" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -1446,7 +1538,7 @@ }, "tagName": "ui5-busy-indicator", "customElement": true, - "_ui5since": "0.12.0", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -1469,6 +1561,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/BusyIndicatorTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "BusyIndicatorTemplate", + "module": "dist/BusyIndicatorTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Button.js", @@ -1557,7 +1664,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -1586,7 +1693,7 @@ "default": "\"Button\"", "description": "Describes the accessibility role of the button.\n\n**Note:** Use ButtonAccessibleRole.Link role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.", "privacy": "public", - "_ui5since": "1.23" + "_ui5since": "1.23.0" }, { "kind": "field", @@ -1918,6 +2025,7 @@ "tagName": "ui5-button", "customElement": true, "_ui5privacy": "public", + "_ui5subcomponents": ["ButtonBadge"], "_ui5implements": [ { "name": "IButton", @@ -2041,6 +2149,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ButtonBadgeTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ButtonTemplate", + "module": "dist/ButtonBadgeTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/ButtonTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ButtonTemplate", + "module": "dist/ButtonTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Calendar.js", @@ -2245,7 +2383,7 @@ "default": "\"\"", "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -2256,7 +2394,7 @@ "default": "\"\"", "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -2291,7 +2429,7 @@ "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -2460,8 +2598,9 @@ }, "tagName": "ui5-calendar", "customElement": true, - "_ui5since": "1.0.0-rc.11", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": ["CalendarDate", "CalendarDateRange", "SpecialCalendarDate"] }, { "kind": "interface", @@ -2645,6 +2784,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/CalendarHeaderTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "CalendarHeaderTemplate", + "module": "dist/CalendarHeaderTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/CalendarLegend.js", @@ -2759,7 +2913,8 @@ "tagName": "ui5-calendar-legend", "customElement": true, "_ui5since": "1.23.0", - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": ["CalendarLegendItem"] } ], "exports": [ @@ -2868,6 +3023,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/CalendarLegendItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "CalendarLegendItemTemplate", + "module": "dist/CalendarLegendItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/CalendarLegendTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "CalendarLegendTemplate", + "module": "dist/CalendarLegendTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/CalendarPart.js", @@ -2926,7 +3111,7 @@ "default": "\"\"", "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -2937,7 +3122,7 @@ "default": "\"\"", "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -2972,7 +3157,7 @@ "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -3081,6 +3266,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/CalendarTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "CalendarTemplate", + "module": "dist/CalendarTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Card.js", @@ -3112,7 +3312,7 @@ { "name": "header", "description": "Defines the header of the component.\n\n**Note:** Use `ui5-card-header` for the intended design.", - "_ui5since": "1.0.0-rc.15", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array", "references": [ @@ -3136,7 +3336,7 @@ "description": "Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.\n\n**Note:** `accessibleName` should be always set, unless `accessibleNameRef` is set.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -3147,7 +3347,7 @@ "description": "Defines the IDs of the elements that label the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -3217,7 +3417,8 @@ }, "tagName": "ui5-card", "customElement": true, - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": ["CardHeader"] } ], "exports": [ @@ -3383,7 +3584,7 @@ }, "tagName": "ui5-card-header", "customElement": true, - "_ui5since": "1.0.0-rc.15", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -3406,6 +3607,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/CardHeaderTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "CardHeaderTemplate", + "module": "dist/CardHeaderTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/CardTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "CardTemplate", + "module": "dist/CardTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Carousel.js", @@ -3441,7 +3672,7 @@ "description": "Defines the accessible name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -3452,7 +3683,7 @@ "description": "Defines the IDs of the elements that label the input.", "default": "undefined", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -3487,7 +3718,7 @@ "default": "\"Translucent\"", "description": "Defines the carousel's background design.", "privacy": "public", - "_ui5since": "1.14" + "_ui5since": "1.14.0" }, { "kind": "field", @@ -3508,7 +3739,7 @@ "default": "false", "description": "Defines the visibility of the navigation arrows.\nIf set to true the navigation arrows will be hidden.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -3519,7 +3750,7 @@ "default": "false", "description": "Defines the visibility of the page indicator.\nIf set to true the page indicator will be hidden.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -3551,7 +3782,7 @@ ], "description": "Changes the currently displayed page.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -3569,7 +3800,7 @@ "default": "\"Solid\"", "description": "Defines the page indicator background design.", "privacy": "public", - "_ui5since": "1.14" + "_ui5since": "1.14.0" }, { "kind": "field", @@ -3587,7 +3818,7 @@ "default": "\"Solid\"", "description": "Defines the page indicator border design.", "privacy": "public", - "_ui5since": "1.14" + "_ui5since": "1.14.0" }, { "kind": "field", @@ -3605,7 +3836,7 @@ "default": "\"Default\"", "description": "Defines the style of the page indicator.\nAvailable options are:\n\n- `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)\n- `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)", "privacy": "public", - "_ui5since": "1.10" + "_ui5since": "1.10.0" }, { "kind": "field", @@ -3617,7 +3848,7 @@ "privacy": "public", "default": "[]", "readonly": true, - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" } ], "events": [ @@ -3638,7 +3869,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.7", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -3768,7 +3999,7 @@ }, "tagName": "ui5-carousel", "customElement": true, - "_ui5since": "1.0.0-rc.6", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -3791,6 +4022,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/CarouselTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "CarouselTemplate", + "module": "dist/CarouselTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/CheckBox.js", @@ -3878,7 +4124,7 @@ "default": "false", "description": "Defines whether the component is displayed as partially checked.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction and the resulting visual state depends on the values of the `indeterminate`\nand `checked` properties:\n\n- If the component is checked and indeterminate, it will be displayed as partially checked\n- If the component is checked and it is not indeterminate, it will be displayed as checked\n- If the component is not checked, it will be displayed as not checked regardless value of the indeterminate attribute", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -4127,6 +4373,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/CheckBoxTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "CheckBoxTemplate", + "module": "dist/CheckBoxTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ColorPalette.js", @@ -4195,7 +4456,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": false, - "_ui5since": "1.0.0-rc.15", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -4235,8 +4496,9 @@ }, "tagName": "ui5-color-palette", "customElement": true, - "_ui5since": "1.0.0-rc.12", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": ["ColorPaletteItem"] }, { "kind": "interface", @@ -4373,7 +4635,7 @@ }, "tagName": "ui5-color-palette-item", "customElement": true, - "_ui5since": "1.0.0-rc.12", + "_ui5since": "1.0.0", "_ui5privacy": "public", "_ui5implements": [ { @@ -4403,6 +4665,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ColorPaletteItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ColorPaletteItemTemplate", + "module": "dist/ColorPaletteItemTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ColorPalettePopover.js", @@ -4665,7 +4942,7 @@ }, "tagName": "ui5-color-palette-popover", "customElement": true, - "_ui5since": "1.0.0-rc.16", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -4688,6 +4965,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ColorPalettePopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ColorPalettePopoverTemplate", + "module": "dist/ColorPalettePopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/ColorPaletteTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ColorPaletteTemplate", + "module": "dist/ColorPaletteTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ColorPicker.js", @@ -4819,7 +5126,7 @@ }, "tagName": "ui5-color-picker", "customElement": true, - "_ui5since": "1.0.0-rc.12", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -4842,6 +5149,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ColorPickerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ColorPickerTemplate", + "module": "dist/ColorPickerTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ComboBox.js", @@ -4870,7 +5192,7 @@ { "name": "icon", "description": "Defines the icon to be displayed in the input field.", - "_ui5since": "1.0.0-rc.9", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array", "references": [ @@ -4886,7 +5208,7 @@ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the `ui5-combobox` is in `Information`, `Critical` or `Negative` value state.", - "_ui5since": "1.0.0-rc.9", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -4903,7 +5225,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -4914,7 +5236,7 @@ "description": "Receives id(or many ids) of the elements that label the component", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -5103,6 +5425,43 @@ "_ui5allowPreventDefault": false, "_ui5Bubbles": true }, + { + "name": "load-items", + "_ui5privacy": "public", + "type": { + "text": "CustomEvent", + "references": [ + { + "name": "ComboBoxLoadItemsEventDetail", + "package": "@ui5/webcomponents", + "module": "dist/ComboBox.js" + } + ] + }, + "description": "Fired when the application should provide items for the component to render.\nThe event is fired either when text is input or when the user presses arrow down on a combo-box with no items.", + "_ui5Cancelable": false, + "_ui5allowPreventDefault": false, + "_ui5Bubbles": true, + "_ui5since": "2.28.0", + "_ui5parameters": [ + { + "type": { + "text": "string" + }, + "name": "reason", + "_ui5privacy": "public", + "description": "the reason the event was fired - \"input\" when text is typed, \"open\" when the picker is about to open" + }, + { + "type": { + "text": "string" + }, + "name": "value", + "_ui5privacy": "public", + "description": "value of the input" + } + ] + }, { "name": "open", "_ui5privacy": "public", @@ -5304,8 +5663,9 @@ }, "tagName": "ui5-combobox", "customElement": true, - "_ui5since": "1.0.0-rc.6", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": ["ComboBoxItem", "ComboBoxItemCustom", "ComboBoxItemGroup"] }, { "kind": "interface", @@ -5351,7 +5711,7 @@ "description": "Defines the additional text of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.11" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -5600,6 +5960,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ComboBoxItemCustomTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ComboBoxItemCustomTemplate", + "module": "dist/ComboBoxItemCustomTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ComboBoxItemGroup.js", @@ -5698,7 +6073,7 @@ }, "tagName": "ui5-cb-item-group", "customElement": true, - "_ui5since": "1.0.0-rc.15", + "_ui5since": "1.0.0", "_ui5privacy": "public", "_ui5abstract": true, "_ui5implements": [ @@ -5834,6 +6209,66 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ComboBoxItemGroupTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ComboBoxItemGroupTemplate", + "module": "dist/ComboBoxItemGroupTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/ComboBoxItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ComboBoxItemTemplate", + "module": "dist/ComboBoxItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/ComboBoxPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ComboBoxPopoverTemplate", + "module": "dist/ComboBoxPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/ComboBoxTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ComboBoxTemplate", + "module": "dist/ComboBoxTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/CustomAnnouncement.js", @@ -5898,7 +6333,7 @@ "default": "\"\"", "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -5909,7 +6344,7 @@ "default": "\"\"", "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -5944,7 +6379,7 @@ "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -6072,7 +6507,7 @@ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.", - "_ui5since": "1.0.0-rc.7", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -6111,7 +6546,7 @@ "description": "Defines the aria-label attribute for the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -6122,7 +6557,7 @@ "description": "Receives id(or many ids) of the elements that label the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -6228,7 +6663,7 @@ "default": "false", "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.", "privacy": "public", - "_ui5since": "1.0.0-rc.8" + "_ui5since": "1.0.0" }, { "kind": "method", @@ -6324,7 +6759,7 @@ "default": "\"\"", "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -6335,7 +6770,7 @@ "default": "\"\"", "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -6404,7 +6839,7 @@ "default": "false", "description": "Defines whether the component is required.", "privacy": "public", - "_ui5since": "1.0.0-rc.9" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -6422,7 +6857,7 @@ "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -6859,6 +7294,51 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/DatePickerInputTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DatePickerInputTemplate", + "module": "dist/DatePickerInputTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/DatePickerPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DatePickerPopoverTemplate", + "module": "dist/DatePickerPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/DatePickerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DatePickerTemplate", + "module": "dist/DatePickerTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/DateRangePicker.js", @@ -6899,7 +7379,7 @@ "description": "Defines the aria-label attribute for the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -6910,7 +7390,7 @@ "description": "Receives id(or many ids) of the elements that label the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7048,7 +7528,7 @@ "default": "false", "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.", "privacy": "public", - "_ui5since": "1.0.0-rc.8" + "_ui5since": "1.0.0" }, { "kind": "method", @@ -7144,7 +7624,7 @@ "default": "\"\"", "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7155,7 +7635,7 @@ "default": "\"\"", "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7224,7 +7704,7 @@ "default": "false", "description": "Defines whether the component is required.", "privacy": "public", - "_ui5since": "1.0.0-rc.9" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7242,7 +7722,7 @@ "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7589,13 +8069,13 @@ }, "tagName": "ui5-daterange-picker", "customElement": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5privacy": "public", "slots": [ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.", - "_ui5since": "1.0.0-rc.7", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -7763,6 +8243,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/DateRangePickerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DateRangePickerTemplate", + "module": "dist/DateRangePickerTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/DateTimeInput.js", @@ -7803,7 +8298,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7814,7 +8309,7 @@ "description": "Receives id(or many ids) of the elements that label the input.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7853,7 +8348,7 @@ "description": "Sets the maximum number of characters available in the input field.\n\n**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.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.5" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -7916,7 +8411,7 @@ "default": "false", "description": "Defines whether the component is required.", "privacy": "public", - "_ui5since": "1.0.0-rc.3" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -8029,7 +8524,7 @@ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.", - "_ui5since": "1.0.0-rc.6", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -8364,7 +8859,7 @@ "description": "Defines the aria-label attribute for the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -8375,7 +8870,7 @@ "description": "Receives id(or many ids) of the elements that label the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -8481,7 +8976,7 @@ "default": "false", "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.", "privacy": "public", - "_ui5since": "1.0.0-rc.8" + "_ui5since": "1.0.0" }, { "kind": "method", @@ -8577,7 +9072,7 @@ "default": "\"\"", "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -8588,7 +9083,7 @@ "default": "\"\"", "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -8657,7 +9152,7 @@ "default": "false", "description": "Defines whether the component is required.", "privacy": "public", - "_ui5since": "1.0.0-rc.9" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -8675,7 +9170,7 @@ "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -8736,13 +9231,13 @@ }, "tagName": "ui5-datetime-picker", "customElement": true, - "_ui5since": "1.0.0-rc.7", + "_ui5since": "1.0.0", "_ui5privacy": "public", "slots": [ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.", - "_ui5since": "1.0.0-rc.7", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -9130,6 +9625,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/DateTimePickerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DateTimePickerTemplate", + "module": "dist/DateTimePickerTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/DayPicker.js", @@ -9188,7 +9698,7 @@ "default": "\"\"", "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -9199,7 +9709,7 @@ "default": "\"\"", "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -9234,7 +9744,7 @@ "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -9352,6 +9862,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/DayPickerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DayPickerTemplate", + "module": "dist/DayPickerTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Dialog.js", @@ -9433,7 +9958,7 @@ "description": "Defines the accessible name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -9485,7 +10010,7 @@ "default": "false", "description": "Determines whether the component is draggable.\nIf this property is set to true, the Dialog will be draggable by its header.\n\n**Note:** The component can be draggable only in desktop mode.\n\n**Note:** This property overrides the default HTML \"draggable\" attribute native behavior.\nWhen \"draggable\" is set to true, the native browser \"draggable\"\nbehavior is prevented and only the Dialog custom logic (\"draggable by its header\") works.", "privacy": "public", - "_ui5since": "1.0.0-rc.9" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -9527,7 +10052,7 @@ "default": "false", "description": "Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.", "privacy": "public", - "_ui5since": "1.0.0-rc.8" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -9549,7 +10074,7 @@ "default": "false", "description": "Configures the component to be resizable.\nIf this property is set to true, the Dialog will have a resize handle in its bottom right corner in LTR languages.\nIn RTL languages, the resize handle will be placed in the bottom left corner.\n\n**Note:** The component can be resizable only in desktop mode.\n\n**Note:** Upon resizing, externally defined height and width styling will be ignored.", "privacy": "public", - "_ui5since": "1.0.0-rc.10" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -9578,7 +10103,7 @@ "default": "\"None\"", "description": "Defines the state of the `Dialog`.\n\n**Note:** If `\"Negative\"` and `\"Critical\"` states is set, it will change the\naccessibility role to \"alertdialog\", if the accessibleRole property is set to `\"Dialog\"`.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -9820,6 +10345,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/DialogTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DialogTemplate", + "module": "dist/DialogTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/DropIndicator.js", @@ -9951,6 +10491,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/DropIndicatorTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DropIndicatorTemplate", + "module": "dist/DropIndicatorTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/DynamicDateRange.js", @@ -10108,6 +10663,51 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/DynamicDateRangeInputTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DynamicDateRangeInputTemplate", + "module": "dist/DynamicDateRangeInputTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/DynamicDateRangePopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DynamicDateRangePopoverTemplate", + "module": "dist/DynamicDateRangePopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/DynamicDateRangeTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DynamicDateRangeTemplate", + "module": "dist/DynamicDateRangeTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ExpandableText.js", @@ -10240,6 +10840,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ExpandableTextTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ExpandableTextTemplate", + "module": "dist/ExpandableTextTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/FileUploader.js", @@ -10261,7 +10876,7 @@ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.", - "_ui5since": "1.0.0-rc.9", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -10646,7 +11261,7 @@ }, "tagName": "ui5-file-uploader", "customElement": true, - "_ui5since": "1.0.0-rc.6", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -10669,6 +11284,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/FileUploaderPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "FileUploaderPopoverTemplate", + "module": "dist/FileUploaderPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/FileUploaderTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "FileUploaderTemplate", + "module": "dist/FileUploaderTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Filters.js", @@ -10932,7 +11577,8 @@ "tagName": "ui5-form", "customElement": true, "_ui5since": "2.0.0", - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": ["FormGroup", "FormItem"] }, { "kind": "interface", @@ -11256,6 +11902,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/FormItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "FormItemTemplate", + "module": "dist/FormItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/FormTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "FormTemplate", + "module": "dist/FormTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/GridWalker.js", @@ -11473,6 +12149,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/IconTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "IconTemplate", + "module": "dist/IconTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Input.js", @@ -11536,7 +12227,7 @@ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.", - "_ui5since": "1.0.0-rc.6", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -11575,7 +12266,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -11586,7 +12277,7 @@ "description": "Receives id(or many ids) of the elements that label the input.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -11625,7 +12316,7 @@ "description": "Sets the maximum number of characters available in the input field.\n\n**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.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.5" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -11688,7 +12379,7 @@ "default": "false", "description": "Defines whether the component is required.", "privacy": "public", - "_ui5since": "1.0.0-rc.3" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -12018,7 +12709,8 @@ }, "tagName": "ui5-input", "customElement": true, - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": ["InputIcon", "SuggestionItem", "SuggestionItemCustom", "SuggestionItemGroup"] } ], "exports": [ @@ -12055,7 +12747,7 @@ "type": { "text": "string | undefined" }, - "description": "Defines the accessible name of the icon.\n\n**Note:** This property is used for accessibility purposes and will be announced by screen readers.\nWhen set, it is also rendered as a native `title` tooltip.", + "description": "Defines the accessible name of the icon.\n\n**Note:** This property is used for accessibility purposes and will be announced by screen readers.\nWhen set, it is also rendered as a native `title` tooltip, unless `hideTooltip` is set.", "default": "undefined", "privacy": "public" }, @@ -12085,7 +12777,7 @@ ], "attributes": [ { - "description": "Defines the accessible name of the icon.\n\n**Note:** This property is used for accessibility purposes and will be announced by screen readers.\nWhen set, it is also rendered as a native `title` tooltip.", + "description": "Defines the accessible name of the icon.\n\n**Note:** This property is used for accessibility purposes and will be announced by screen readers.\nWhen set, it is also rendered as a native `title` tooltip, unless `hideTooltip` is set.", "name": "accessible-name", "default": "undefined", "fieldName": "accessibleName", @@ -12133,6 +12825,51 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/InputIconTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "InputIconTemplate", + "module": "dist/InputIconTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/InputPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "InputPopoverTemplate", + "module": "dist/InputPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/InputTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "InputTemplate", + "module": "dist/InputTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Label.js", @@ -12267,13 +13004,28 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/LabelTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "LabelTemplate", + "module": "dist/LabelTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Link.js", "declarations": [ { "kind": "class", - "description": "### Overview\nThe `ui5-link` is a hyperlink component that is used to navigate to other\napps and web pages, or to trigger actions.\nIt is a clickable text element, visualized in such a way that it stands out\nfrom the standard text.\nOn hover, it changes its style to an underlined text to provide additional feedback to the user.\n\n### Usage\n\nYou can set the `ui5-link` to be enabled or disabled.\n\nTo create a visual hierarchy in large lists of links, you can set the less important links as\n`Subtle` or the more important ones as `Emphasized`,\nby using the `design` property.\n\nIf the `href` property is set, the link behaves as the HTML\nanchor tag (``) and opens the specified URL in the given target frame (`target` property).\nTo specify where the linked content is opened, you can use the `target` property.\n\n### Responsive behavior\n\nIf there is not enough space, the text of the `ui5-link` becomes truncated.\nIf the `wrappingType` property is set to `\"Normal\"`, the text is displayed\non several lines instead of being truncated.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Link\";`", + "description": "### Overview\nThe `ui5-link` is a hyperlink component that is used to navigate to other\napps and web pages, or to trigger actions.\nIt is a clickable text element, visualized in such a way that it stands out\nfrom the standard text.\nOn hover, it changes its style to an underlined text to provide additional feedback to the user.\n\n### Usage\n\nYou can set the `ui5-link` to be enabled or disabled.\n\nTo create a visual hierarchy in large lists of links, you can set the less important links as\n`Subtle` or the more important ones as `Emphasized`,\nby using the `design` property.\n\nIf the `href` property is set, the link behaves as the HTML\nanchor tag (``) and opens the specified URL in the given target frame (`target` property).\nTo specify where the linked content is opened, you can use the `target` property.\n\n### Navigation vs. Action\n\nThe `ui5-link` supports two distinct use cases. Choosing the right one is important for accessibility:\n\n- **Navigation**: set the `href` property (and optionally `target`). The component behaves as a\nstandard anchor tag, and the browser handles navigation, which also enables native\naffordances such as open-in-new-tab, copy link, and hover preview.\n- **Action**: when the link triggers an in-page action (for example, opening a dialog) instead of\nnavigating, leave `href` unset and set `accessibleRole` to `\"Button\"`. This exposes the component\nwith a `button` role, which assistive technologies activate reliably.\n\n**Note:** A link that triggers an action but keeps the default `\"Link\"` role (with no `href`) cannot be\nactivated by some screen readers, such as JAWS in browse mode, because a link without `href` has\nno destination to navigate to. Always set `accessibleRole=\"Button\"` for action-only links.\n\n### Responsive behavior\n\nIf there is not enough space, the text of the `ui5-link` becomes truncated.\nIf the `wrappingType` property is set to `\"Normal\"`, the text is displayed\non several lines instead of being truncated.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Link\";`", "name": "Link", "cssParts": [ { @@ -12345,7 +13097,7 @@ "description": "Receives id(or many ids) of the elements that label the input", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -12361,7 +13113,7 @@ ] }, "default": "\"Link\"", - "description": "Defines the ARIA role of the component.\n\n**Note:** Use the LinkAccessibleRole.Button role in cases when navigation is not expected to occur and the href property is not defined.", + "description": "Defines the ARIA role of the component.\n\n**Note:** Set the role to LinkAccessibleRole.Button when the link triggers an action instead of navigating (when the href property is not defined). Otherwise, the component keeps the default \"Link\" role, and some screen readers (for example, JAWS in browse mode) cannot activate it, as a link with no href has no destination to navigate to.", "privacy": "public", "_ui5since": "1.9.0" }, @@ -12573,7 +13325,7 @@ } }, { - "description": "Defines the ARIA role of the component.\n\n**Note:** Use the LinkAccessibleRole.Button role in cases when navigation is not expected to occur and the href property is not defined.", + "description": "Defines the ARIA role of the component.\n\n**Note:** Set the role to LinkAccessibleRole.Button when the link triggers an action instead of navigating (when the href property is not defined). Otherwise, the component keeps the default \"Link\" role, and some screen readers (for example, JAWS in browse mode) cannot activate it, as a link with no href has no destination to navigate to.", "name": "accessible-role", "default": "\"Link\"", "fieldName": "accessibleRole", @@ -12692,6 +13444,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/LinkTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "LinkTemplate", + "module": "dist/LinkTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/List.js", @@ -12779,7 +13546,7 @@ "description": "Defines the accessible name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -12790,7 +13557,7 @@ "description": "Defines the IDs of the elements that label the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -12808,7 +13575,7 @@ "default": "\"List\"", "description": "Defines the accessible role of the component.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -12836,7 +13603,7 @@ "default": "\"None\"", "description": "Defines whether the component will have growing capability either by pressing a `More` button,\nor via user scroll. In both cases `load-more` event is fired.\n\n**Restrictions:** `growing=\"Scroll\"` is not supported for Internet Explorer,\non IE the component will fallback to `growing=\"Button\"`.", "privacy": "public", - "_ui5since": "1.0.0-rc.13" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -12847,7 +13614,7 @@ "description": "Defines the text that will be displayed inside the growing button.\n\n**Note:** If not specified a built-in text will be displayed.\n\n**Note:** This property takes effect if the `growing` property is set to the `Button`.", "default": "undefined", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -12897,7 +13664,7 @@ "default": "false", "description": "Defines if the component would display a loading indicator over the list.", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -13011,7 +13778,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -13068,7 +13835,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -13090,7 +13857,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "name": "move", @@ -13387,7 +14154,8 @@ }, "tagName": "ui5-list", "customElement": true, - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": ["ListItemCustom", "ListItemGroup", "ListItemStandard"] } ], "exports": [ @@ -13409,6 +14177,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ListBoxItemGroupTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ListItemGroupTemplate", + "module": "dist/ListBoxItemGroupTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ListItem.js", @@ -13488,7 +14271,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -13729,6 +14512,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ListItemBaseTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ListItemBaseTemplate", + "module": "dist/ListItemBaseTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ListItemCustom.js", @@ -13817,7 +14615,7 @@ "description": "Defines the text alternative of the component.\n\n**Note**: If not provided a default text alternative will be set, if present.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -13853,7 +14651,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -14070,6 +14868,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ListItemCustomTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ListItemCustomTemplate", + "module": "dist/ListItemCustomTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ListItemGroup.js", @@ -14495,6 +15308,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ListItemGroupHeaderTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ListItemGroupHeaderTemplate", + "module": "dist/ListItemGroupHeaderTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/ListItemGroupTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ListItemGroupTemplate", + "module": "dist/ListItemGroupTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ListItemStandard.js", @@ -14609,7 +15452,7 @@ "description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -14638,7 +15481,7 @@ "description": "Defines the `additionalText`, displayed in the end of the list item.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -14656,7 +15499,7 @@ "default": "\"None\"", "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -14667,7 +15510,7 @@ "description": "Defines the description displayed right under the item text, if such is present.", "default": "undefined", "privacy": "public", - "_ui5since": "0.8.0" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -14685,7 +15528,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -15014,6 +15857,51 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ListItemStandardTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ListItemStandardTemplate", + "module": "dist/ListItemStandardTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/ListItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ListItemTemplate", + "module": "dist/ListItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/ListTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ListTemplate", + "module": "dist/ListTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Menu.js", @@ -15330,7 +16218,8 @@ "tagName": "ui5-menu", "customElement": true, "_ui5since": "1.3.0", - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": ["MenuItem", "MenuItemGroup", "MenuSeparator"] } ], "exports": [ @@ -15499,7 +16388,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -15995,6 +16884,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/MenuItemGroupTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MenuItemGroupTemplate", + "module": "dist/MenuItemGroupTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/MenuItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MenuItemTemplate", + "module": "dist/MenuItemTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/MenuSeparator.js", @@ -16041,6 +16960,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/MenuSeparatorTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MenuSeparatorTemplate", + "module": "dist/MenuSeparatorTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/MenuTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MenuTemplate", + "module": "dist/MenuTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/MessageStrip.js", @@ -16102,7 +17051,7 @@ "default": "\"Information\"", "description": "Defines the component type.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -16123,7 +17072,7 @@ "default": "false", "description": "Defines whether the MessageStrip will show an icon in the beginning.\nYou can directly provide an icon with the `icon` slot. Otherwise, the default icon for the type will be used.\n\n * **Note:** If MessageStripDesign.ColorSet1 or MessageStripDesign.ColorSet2 value is set to the design property, default icon will not be presented.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" } ], "events": [ @@ -16184,7 +17133,7 @@ }, "tagName": "ui5-message-strip", "customElement": true, - "_ui5since": "0.9.0", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -16207,6 +17156,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/MessageStripTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MessageStripTemplate", + "module": "dist/MessageStripTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/MonthPicker.js", @@ -16265,7 +17229,7 @@ "default": "\"\"", "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -16276,7 +17240,7 @@ "default": "\"\"", "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -16311,7 +17275,7 @@ "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -16429,6 +17393,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/MonthPickerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MonthPickerTemplate", + "module": "dist/MonthPickerTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/MultiComboBox.js", @@ -16469,7 +17448,7 @@ { "name": "icon", "description": "Defines the icon to be displayed in the component.", - "_ui5since": "1.0.0-rc.9", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array", "references": [ @@ -16485,7 +17464,7 @@ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.", - "_ui5since": "1.0.0-rc.9", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -16624,7 +17603,7 @@ "default": "false", "description": "Defines whether the component is required.", "privacy": "public", - "_ui5since": "1.0.0-rc.5" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -16962,8 +17941,9 @@ }, "tagName": "ui5-multi-combobox", "customElement": true, - "_ui5since": "0.11.0", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": ["MultiComboBoxItem", "MultiComboBoxItemCustom", "MultiComboBoxItemGroup"] } ], "exports": [ @@ -17003,7 +17983,7 @@ "description": "Defines the additional text of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.11" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -17273,6 +18253,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/MultiComboBoxItemCustomTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MultiComboBoxItemCustomTemplate", + "module": "dist/MultiComboBoxItemCustomTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/MultiComboBoxItemGroup.js", @@ -17506,6 +18501,66 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/MultiComboBoxItemGroupTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MultiComboBoxItemGroupTemplate", + "module": "dist/MultiComboBoxItemGroupTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/MultiComboBoxItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MultiComboBoxItemTemplate", + "module": "dist/MultiComboBoxItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/MultiComboBoxPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MultiComboBoxPopoverTemplate", + "module": "dist/MultiComboBoxPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/MultiComboBoxTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MultiComboBoxTemplate", + "module": "dist/MultiComboBoxTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/MultiInput.js", @@ -17564,7 +18619,7 @@ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.", - "_ui5since": "1.0.0-rc.6", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -17603,7 +18658,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -17614,7 +18669,7 @@ "description": "Receives id(or many ids) of the elements that label the input.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -17653,7 +18708,7 @@ "description": "Sets the maximum number of characters available in the input field.\n\n**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.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.5" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -17716,7 +18771,7 @@ "default": "false", "description": "Defines whether the component is required.", "privacy": "public", - "_ui5since": "1.0.0-rc.3" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -18104,7 +19159,7 @@ }, "tagName": "ui5-multi-input", "customElement": true, - "_ui5since": "1.0.0-rc.9", + "_ui5since": "1.0.0", "_ui5privacy": "public", "cssParts": [ { @@ -18143,12 +19198,27 @@ }, { "kind": "javascript-module", - "path": "dist/NumberInput.js", + "path": "dist/MultiInputTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "MultiInputTemplate", + "module": "dist/MultiInputTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/NumericInput.js", "declarations": [ { "kind": "class", - "description": "### Overview\n\nThe `ui5-number-input` component is a numeric input field. It allows users to enter, edit and select numeric values.\n\n### Usage\n\nThe default step is 1 but the app developer can set a different one.\n\nApp developers can set a maximum and minimum value for `ui5-number-input`.\nThe increase/decrease button and the up/down keyboard navigation become disabled when\nthe value reaches the max/min or a new value is entered from the input which is greater/less than the max/min.\n\n#### When to use:\n\n- To enter or adjust numeric values.\n- To adjust values for a specific step.\n\n#### When not to use:\n\n- To enter a static number (for example, postal code, phone number, or ID). In this case,\nuse the regular `ui5-input` instead.\n- To enter dates and times. In this case, use date/time related components instead.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/NumberInput.js\";`", - "name": "NumberInput", + "description": "### Overview\n\nThe `ui5-numeric-input` component is a numeric input field. It allows users to enter, edit and select numeric values.\n\n### Usage\n\nThe default step is 1 but the app developer can set a different one.\n\nApp developers can set a maximum and minimum value for `ui5-numeric-input`.\nThe increase/decrease button and the up/down keyboard navigation become disabled when\nthe value reaches the max/min or a new value is entered from the input which is greater/less than the max/min.\n\n#### When to use:\n\n- To enter or adjust numeric values.\n- To adjust values for a specific step.\n\n#### When not to use:\n\n- To enter a static number (for example, postal code, phone number, or ID). In this case,\nuse the regular `ui5-input` instead.\n- To enter dates and times. In this case, use date/time related components instead.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/NumericInput.js\";`", + "name": "NumericInput", "slots": [ { "name": "valueStateMessage", @@ -18220,6 +19290,16 @@ "default": "undefined", "privacy": "public" }, + { + "kind": "field", + "name": "placeholder", + "type": { + "text": "string | undefined" + }, + "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.", + "default": "undefined", + "privacy": "public" + }, { "kind": "field", "name": "readonly", @@ -18305,12 +19385,12 @@ "name": "value-state-change", "_ui5privacy": "public", "type": { - "text": "CustomEvent", + "text": "CustomEvent", "references": [ { - "name": "NumberInputValueStateChangeEventDetail", + "name": "NumericInputValueStateChangeEventDetail", "package": "@ui5/webcomponents", - "module": "dist/NumberInput.js" + "module": "dist/NumericInput.js" } ] }, @@ -18393,6 +19473,15 @@ "text": "string | undefined" } }, + { + "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.", + "name": "placeholder", + "default": "undefined", + "fieldName": "placeholder", + "type": { + "text": "string | undefined" + } + }, { "description": "Determines whether the component is displayed as read-only.", "name": "readonly", @@ -18444,10 +19533,10 @@ "package": "@ui5/webcomponents-base", "module": "dist/UI5Element.js" }, - "tagName": "ui5-number-input", + "tagName": "ui5-numeric-input", "customElement": true, "_ui5experimental": true, - "_ui5since": "2.27.0", + "_ui5since": "2.28.0", "_ui5privacy": "public" } ], @@ -18456,16 +19545,31 @@ "kind": "js", "name": "default", "declaration": { - "name": "NumberInput", - "module": "dist/NumberInput.js" + "name": "NumericInput", + "module": "dist/NumericInput.js" } }, { "kind": "custom-element-definition", - "name": "ui5-number-input", + "name": "ui5-numeric-input", "declaration": { - "name": "NumberInput", - "module": "dist/NumberInput.js" + "name": "NumericInput", + "module": "dist/NumericInput.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/NumericInputTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "NumericInputTemplate", + "module": "dist/NumericInputTemplate.js" } } ] @@ -18499,7 +19603,7 @@ "description": "Defines the `additionalText`, displayed in the end of the option.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -18826,6 +19930,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/OptionCustomTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "OptionCustomTemplate", + "module": "dist/OptionCustomTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/OptionGroup.js", @@ -18905,6 +20024,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/OptionGroupTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "OptionGroupTemplate", + "module": "dist/OptionGroupTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/OptionTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "OptionTemplate", + "module": "dist/OptionTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Panel.js", @@ -18955,7 +20104,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -19030,7 +20179,7 @@ "default": "false", "description": "Indicates whether the transition between the expanded and the collapsed state of the component is animated. By default the animation is enabled.", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -19041,7 +20190,7 @@ "default": "false", "description": "Indicates whether the Panel header is sticky or not.\nIf stickyHeader is set to true, then whenever you scroll the content or\nthe application, the header of the panel will be always visible and\na solid color will be used for its design.", "privacy": "public", - "_ui5since": "1.16.0-rc.1" + "_ui5since": "1.16.0" } ], "events": [ @@ -19160,6 +20309,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/PanelTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "PanelTemplate", + "module": "dist/PanelTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Popover.js", @@ -19241,7 +20405,7 @@ "description": "Defines the accessible name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -19313,7 +20477,7 @@ "default": "false", "description": "Determines whether the component arrow is hidden.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -19400,7 +20564,7 @@ "default": "false", "description": "Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.", "privacy": "public", - "_ui5since": "1.0.0-rc.8" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -19613,7 +20777,7 @@ }, "tagName": "ui5-popover", "customElement": true, - "_ui5since": "1.0.0-rc.6", + "_ui5since": "1.0.0", "_ui5privacy": "public", "events": [ { @@ -19714,6 +20878,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/PopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "PopoverTemplate", + "module": "dist/PopoverTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Popup.js", @@ -19765,7 +20944,7 @@ "description": "Defines the accessible name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -19838,7 +21017,7 @@ "default": "false", "description": "Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.", "privacy": "public", - "_ui5since": "1.0.0-rc.8" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -20018,6 +21197,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/PopupBlockLayerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "PopubBlockLayerTemplate", + "module": "dist/PopupBlockLayerTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/PopupTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "PopupTemplate", + "module": "dist/PopupTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ProgressIndicator.js", @@ -20150,7 +21359,7 @@ }, "tagName": "ui5-progress-indicator", "customElement": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -20173,6 +21382,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ProgressIndicatorTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ProgressIndicatorTemplate", + "module": "dist/ProgressIndicatorTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/RadioButton.js", @@ -20227,7 +21451,7 @@ "default": "false", "description": "Defines whether the component is checked or not.\n\n**Note:** The property value can be changed with user interaction,\neither by clicking/tapping on the component,\nor by using the Space or Enter key.\n\n**Note:** Only enabled radio buttons can be checked.\nRead-only radio buttons are not selectable, and therefore are always unchecked.", "privacy": "public", - "_ui5since": "1.0.0-rc.15", + "_ui5since": "1.0.0", "_ui5formProperty": true, "_ui5formEvents": "change" }, @@ -20338,7 +21562,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" } ], "attributes": [ @@ -20486,6 +21710,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/RadioButtonTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "RadioButtonTemplate", + "module": "dist/RadioButtonTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/RangeSlider.js", @@ -20780,7 +22019,7 @@ }, "tagName": "ui5-range-slider", "customElement": true, - "_ui5since": "1.0.0-rc.11", + "_ui5since": "1.0.0", "_ui5privacy": "public", "events": [ { @@ -20827,6 +22066,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/RangeSliderTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "RangeSliderTemplate", + "module": "dist/RangeSliderTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/RatingIndicator.js", @@ -20845,7 +22099,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -20888,7 +22142,7 @@ "default": "5", "description": "The number of displayed rating symbols.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -20899,7 +22153,7 @@ "default": "\"favorite\"", "description": "Defines the icon to be displayed for the selected (filled) rating symbol.", "privacy": "public", - "_ui5since": "2.20" + "_ui5since": "2.20.0" }, { "kind": "field", @@ -20960,7 +22214,7 @@ "default": "\"unfavorite\"", "description": "Defines the icon to be displayed for the unselected (empty) rating symbol.", "privacy": "public", - "_ui5since": "2.20" + "_ui5since": "2.20.0" }, { "kind": "field", @@ -21103,7 +22357,7 @@ }, "tagName": "ui5-rating-indicator", "customElement": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -21126,6 +22380,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/RatingIndicatorTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "RatingIndicatorTemplate", + "module": "dist/RatingIndicatorTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ResponsivePopover.js", @@ -21180,7 +22449,7 @@ "description": "Defines the accessible name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -21252,7 +22521,7 @@ "default": "false", "description": "Determines whether the component arrow is hidden.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -21339,7 +22608,7 @@ "default": "false", "description": "Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.", "privacy": "public", - "_ui5since": "1.0.0-rc.8" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -21388,7 +22657,7 @@ }, "tagName": "ui5-responsive-popover", "customElement": true, - "_ui5since": "1.0.0-rc.6", + "_ui5since": "1.0.0", "_ui5privacy": "public", "slots": [ { @@ -21665,6 +22934,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ResponsivePopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ResponsivePopoverTemplate", + "module": "dist/ResponsivePopoverTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SegmentedButton.js", @@ -21900,8 +23184,9 @@ }, "tagName": "ui5-segmented-button", "customElement": true, - "_ui5since": "1.0.0-rc.6", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": ["SegmentedButtonItem"] } ], "exports": [ @@ -21974,7 +23259,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -22175,6 +23460,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SegmentedButtonItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SegmentedButtonItemTemplate", + "module": "dist/SegmentedButtonItemTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/SegmentedButtonTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SegmentedButtonTemplate", + "module": "dist/SegmentedButtonTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Select.js", @@ -22262,7 +23577,7 @@ "description": "Defines the accessible ARIA name of the component.", "privacy": "public", "default": "undefined", - "_ui5since": "1.0.0-rc.9" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -22273,7 +23588,7 @@ "description": "Receives id(or many ids) of the elements that label the select.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -22315,7 +23630,7 @@ "default": "false", "description": "Defines whether the component is required.", "privacy": "public", - "_ui5since": "1.0.0-rc.9" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -22616,8 +23931,9 @@ }, "tagName": "ui5-select", "customElement": true, - "_ui5since": "0.8.0", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": ["Option", "OptionCustom", "OptionGroup"] } ], "exports": [ @@ -22639,6 +23955,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SelectPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SelectPopoverTemplate", + "module": "dist/SelectPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/SelectTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SelectTemplate", + "module": "dist/SelectTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Slider.js", @@ -22912,7 +24258,7 @@ }, "tagName": "ui5-slider", "customElement": true, - "_ui5since": "1.0.0-rc.11", + "_ui5since": "1.0.0", "_ui5privacy": "public", "events": [ { @@ -23273,6 +24619,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SliderHandleTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SliderHandleTemplate", + "module": "dist/SliderHandleTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SliderScale.js", @@ -23288,6 +24649,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SliderScaleTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SliderScaleTemplate", + "module": "dist/SliderScaleTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/SliderTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SliderTemplate", + "module": "dist/SliderTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SliderTooltip.js", @@ -23326,6 +24717,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SliderTooltipTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SliderTooltipTemplate", + "module": "dist/SliderTooltipTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SpecialCalendarDate.js", @@ -23635,6 +25041,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SplitButtonTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SplitButtonTemplate", + "module": "dist/SplitButtonTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/StepInput.js", @@ -23663,7 +25084,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -23674,7 +25095,7 @@ "description": "Receives id(or many ids) of the elements that label the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -23982,7 +25403,7 @@ }, "tagName": "ui5-step-input", "customElement": true, - "_ui5since": "1.0.0-rc.13", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -24005,6 +25426,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/StepInputTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "StepInputTemplate", + "module": "dist/StepInputTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SuggestionItem.js", @@ -24023,7 +25459,7 @@ "description": "Defines the `additionalText`, displayed in the end of the item.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -24234,6 +25670,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SuggestionItemCustomTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SuggestionItemCustomTemplate", + "module": "dist/SuggestionItemCustomTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SuggestionItemGroup.js", @@ -24460,6 +25911,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SuggestionItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SuggestionItemTemplate", + "module": "dist/SuggestionItemTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/SuggestionListItem.js", @@ -24552,7 +26018,7 @@ { "name": "richDescription", "description": "Defines a description that can contain HTML.\n**Note:** If not specified, the `description` property will be used.", - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -24587,7 +26053,7 @@ "description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -24616,7 +26082,7 @@ "description": "Defines the `additionalText`, displayed in the end of the list item.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -24634,7 +26100,7 @@ "default": "\"None\"", "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -24645,7 +26111,7 @@ "description": "Defines the description displayed right under the item text, if such is present.", "default": "undefined", "privacy": "public", - "_ui5since": "0.8.0" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -24663,7 +26129,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -24992,6 +26458,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SuggestionListItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SuggestionListItemTemplate", + "module": "dist/SuggestionListItemTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Switch.js", @@ -25286,7 +26767,7 @@ }, "tagName": "ui5-switch", "customElement": true, - "_ui5since": "0.8.0", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -25309,6 +26790,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/SwitchTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SwitchTemplate", + "module": "dist/SwitchTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Tab.js", @@ -25391,7 +26887,7 @@ }, "description": "Returns the DOM reference of the tab that is placed in the header.\n\n**Note:** Tabs, placed in the `items` slot of other tabs are not shown in the header. Calling this method on such tabs will return `undefined`.\n\n**Note:** If you need a DOM ref to the tab content please use the `getDomRef` method.", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -25612,7 +27108,7 @@ { "name": "overflowButton", "description": "Defines the button which will open the overflow menu. If nothing is provided to this slot,\nthe default button will be used.", - "_ui5since": "1.0.0-rc.9", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array", "references": [ @@ -25945,7 +27441,8 @@ }, "tagName": "ui5-tabcontainer", "customElement": true, - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": ["Tab", "TabSeparator"] } ], "exports": [ @@ -25967,6 +27464,66 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TabContainerPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TabContainerPopoverTemplate", + "module": "dist/TabContainerPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/TabContainerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TabContainerTemplate", + "module": "dist/TabContainerTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/TabInOverflowTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TabInOverflowTemplate", + "module": "dist/TabInOverflowTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/TabInStripTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TabInStripTemplate", + "module": "dist/TabInStripTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TabSeparator.js", @@ -26025,6 +27582,51 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TabSeparatorInOverflowTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TabSeparatorInOverflowTemplate", + "module": "dist/TabSeparatorInOverflowTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/TabSeparatorInStripTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TabSeparatorInStripTemplate", + "module": "dist/TabSeparatorInStripTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/TabTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TabTemplate", + "module": "dist/TabTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Table.js", @@ -26133,7 +27735,7 @@ "default": "false", "description": "Determines whether the table rows are displayed with alternating background colors.", "privacy": "public", - "_ui5since": "2.17" + "_ui5since": "2.17.0" }, { "kind": "field", @@ -26452,7 +28054,22 @@ "tagName": "ui5-table", "customElement": true, "_ui5since": "2.0.0", - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": [ + "TableCell", + "TableGroupRow", + "TableGrowing", + "TableHeaderCell", + "TableHeaderCellActionAI", + "TableHeaderRow", + "TableRow", + "TableRowAction", + "TableRowActionNavigation", + "TableSelection", + "TableSelectionMulti", + "TableSelectionSingle", + "TableVirtualizer" + ] } ], "exports": [ @@ -26644,6 +28261,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TableCellTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TableCellTemplate", + "module": "dist/TableCellTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TableCustomAnnouncement.js", @@ -26862,6 +28494,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TableGroupRowTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TableGroupRowTemplate", + "module": "dist/TableGroupRowTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TableGrowing.js", @@ -26981,6 +28628,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TableGrowingTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TableGrowingTemplate", + "module": "dist/TableGrowingTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TableHeaderCell.js", @@ -27332,6 +28994,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TableHeaderCellActionBaseTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TableHeaderCellActionBaseTemplate", + "module": "dist/TableHeaderCellActionBaseTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/TableHeaderCellTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TableHeaderCellTemplate", + "module": "dist/TableHeaderCellTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TableHeaderRow.js", @@ -27411,6 +29103,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TableHeaderRowTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TableHeaderRowTemplate", + "module": "dist/TableHeaderRowTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TableNavigation.js", @@ -27779,6 +29486,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TableRowActionBaseTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TableRowActionBaseTemplate", + "module": "dist/TableRowActionBaseTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TableRowActionNavigation.js", @@ -27906,6 +29628,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TableRowTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TableRowTemplate", + "module": "dist/TableRowTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TableSelection.js", @@ -28033,7 +29770,7 @@ "default": "\"RowSelector\"", "description": "Defines the selection behavior.", "privacy": "public", - "_ui5since": "2.11" + "_ui5since": "2.11.0" }, { "kind": "method", @@ -28153,7 +29890,7 @@ "default": "\"RowSelector\"", "description": "Defines the selection behavior.", "privacy": "public", - "_ui5since": "2.11" + "_ui5since": "2.11.0" }, { "kind": "method", @@ -28228,7 +29965,7 @@ "default": "\"SelectAll\"", "description": "Defines the selector of the header row.", "privacy": "public", - "_ui5since": "2.12" + "_ui5since": "2.12.0" }, { "kind": "field", @@ -28359,7 +30096,7 @@ "default": "\"RowSelector\"", "description": "Defines the selection behavior.", "privacy": "public", - "_ui5since": "2.11" + "_ui5since": "2.11.0" }, { "kind": "method", @@ -28481,6 +30218,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TableTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TableTemplate", + "module": "dist/TableTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TableUtils.js", @@ -28864,6 +30616,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TagTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TagTemplate", + "module": "dist/TagTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Text.js", @@ -28981,7 +30748,7 @@ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n \n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed if the component has\n`valueState` of type `Information`, `Critical` or `Negative`.", - "_ui5since": "1.0.0-rc.7", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -29020,7 +30787,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -29031,7 +30798,25 @@ "description": "Receives id(or many ids) of the elements that label the textarea.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" + }, + { + "kind": "field", + "name": "counterMode", + "type": { + "text": "TextAreaCounterMode", + "references": [ + { + "name": "TextAreaCounterMode", + "package": "@ui5/webcomponents", + "module": "dist/types/TextAreaCounterMode.js" + } + ] + }, + "default": "\"None\"", + "description": "Determines when the character counter of the component is displayed.\n\nAvailable options are:\n\n- `None` - The counter is never shown and `maxlength` acts as a hard cap.\n- `Always` - The counter is always visible below the component.\n- `Auto` - The counter is shown only when the component is focused, when the character limit\nis exceeded, or when `valueState` is `Critical` or `Negative`. Space is always reserved to\nprevent layout shifts.\n\n**Note:** When set to a value other than `None`, this property takes precedence over the\ndeprecated `showExceededText` property.", + "privacy": "public", + "_ui5since": "2.28.0" }, { "kind": "field", @@ -29112,7 +30897,7 @@ "default": "false", "description": "Defines whether the component is required.", "privacy": "public", - "_ui5since": "1.0.0-rc.3" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -29132,7 +30917,8 @@ }, "default": "false", "description": "Determines whether the characters exceeding the maximum allowed character count are visible\nin the component.\n\nIf set to `false`, the user is not allowed to enter more characters than what is set in the\n`maxlength` property.\nIf set to `true` the characters exceeding the `maxlength` value are selected on\npaste and the counter below the component displays their number.", - "privacy": "public" + "privacy": "public", + "deprecated": "Use `counterMode=\"Always\"` instead." }, { "kind": "field", @@ -29162,7 +30948,7 @@ "default": "\"None\"", "description": "Defines the value state of the component.\n\n**Note:** If `maxlength` property is set,\nthe component turns into \"Critical\" state once the characters exceeds the limit.\nIn this case, only the \"Negative\" state is considered and can be applied.", "privacy": "public", - "_ui5since": "1.0.0-rc.7" + "_ui5since": "1.0.0" } ], "events": [ @@ -29194,7 +30980,7 @@ "_ui5Cancelable": true, "_ui5allowPreventDefault": true, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.5", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -29268,6 +31054,15 @@ "text": "string | undefined" } }, + { + "description": "Determines when the character counter of the component is displayed.\n\nAvailable options are:\n\n- `None` - The counter is never shown and `maxlength` acts as a hard cap.\n- `Always` - The counter is always visible below the component.\n- `Auto` - The counter is shown only when the component is focused, when the character limit\nis exceeded, or when `valueState` is `Critical` or `Negative`. Space is always reserved to\nprevent layout shifts.\n\n**Note:** When set to a value other than `None`, this property takes precedence over the\ndeprecated `showExceededText` property.", + "name": "counter-mode", + "default": "\"None\"", + "fieldName": "counterMode", + "type": { + "text": "\"Auto\" | \"None\" | \"Always\"" + } + }, { "description": "Indicates whether the user can interact with the component or not.\n\n**Note:** A disabled component is completely noninteractive.", "name": "disabled", @@ -29356,7 +31151,8 @@ "fieldName": "showExceededText", "type": { "text": "boolean" - } + }, + "deprecated": "Use `counterMode=\"Always\"` instead." }, { "description": "Defines the value of the component.", @@ -29422,6 +31218,51 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TextAreaPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TextAreaPopoverTemplate", + "module": "dist/TextAreaPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/TextAreaTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TextAreaTemplate", + "module": "dist/TextAreaTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/TextTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TextTemplate", + "module": "dist/TextTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TimePicker.js", @@ -29440,7 +31281,7 @@ { "name": "valueStateMessage", "description": "Defines the value state message that will be displayed as pop up under the `ui5-time-picker`.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the `ui5-time-picker` is in `Information`, `Critical` or `Negative` value state.", - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array" }, @@ -29946,7 +31787,7 @@ }, "tagName": "ui5-time-picker", "customElement": true, - "_ui5since": "1.0.0-rc.6", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -30008,6 +31849,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TimePickerClockTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TimePickerClockTemplate", + "module": "dist/TimePickerClockTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TimePickerInternals.js", @@ -30080,6 +31936,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TimePickerPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TimePickerPopoverTemplate", + "module": "dist/TimePickerPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/TimePickerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TimePickerTemplate", + "module": "dist/TimePickerTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TimeSelectionClocks.js", @@ -30160,6 +32046,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TimeSelectionClocksTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TimeSelectionClocksTemplate", + "module": "dist/TimeSelectionClocksTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TimeSelectionInputs.js", @@ -30241,6 +32142,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TimeSelectionInputsTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TimeSelectionInputsTemplate", + "module": "dist/TimeSelectionInputsTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Title.js", @@ -30370,6 +32286,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TitleTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TitleTemplate", + "module": "dist/TitleTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Toast.js", @@ -30478,7 +32409,7 @@ }, "tagName": "ui5-toast", "customElement": true, - "_ui5since": "1.0.0-rc.6", + "_ui5since": "1.0.0", "_ui5privacy": "public" } ], @@ -30501,6 +32432,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ToastTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ToastTemplate", + "module": "dist/ToastTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ToggleButton.js", @@ -30548,7 +32494,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -30577,7 +32523,7 @@ "default": "\"Button\"", "description": "Describes the accessibility role of the button.\n\n**Note:** Use ButtonAccessibleRole.Link role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.", "privacy": "public", - "_ui5since": "1.23" + "_ui5since": "1.23.0" }, { "kind": "field", @@ -30990,6 +32936,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ToggleButtonTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ToggleButtonTemplate", + "module": "dist/ToggleButtonTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ToggleSpinButton.js", @@ -31037,7 +32998,7 @@ "description": "Defines the accessible ARIA name of the component.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -31066,7 +33027,7 @@ "default": "\"Button\"", "description": "Describes the accessibility role of the button.\n\n**Note:** Use ButtonAccessibleRole.Link role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.", "privacy": "public", - "_ui5since": "1.23" + "_ui5since": "1.23.0" }, { "kind": "field", @@ -31480,6 +33441,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ToggleSpinButtonTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ToggleSpinButtonTemplate", + "module": "dist/ToggleSpinButtonTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Token.js", @@ -31492,7 +33468,7 @@ { "name": "closeIcon", "description": "Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.\nAccepts `ui5-icon`.", - "_ui5since": "1.0.0-rc.9", + "_ui5since": "1.0.0", "_ui5type": { "text": "Array", "references": [ @@ -31555,7 +33531,7 @@ }, "tagName": "ui5-token", "customElement": true, - "_ui5since": "1.0.0-rc.9", + "_ui5since": "1.0.0", "_ui5privacy": "public", "_ui5implements": [ { @@ -31585,6 +33561,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TokenTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TokenTemplate", + "module": "dist/TokenTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Tokenizer.js", @@ -31846,6 +33837,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TokenizerPopoverTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TokenizerPopoverTemplate", + "module": "dist/TokenizerPopoverTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/TokenizerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TokenizerTemplate", + "module": "dist/TokenizerTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Toolbar.js", @@ -32006,7 +34027,15 @@ "tagName": "ui5-toolbar", "customElement": true, "_ui5since": "1.17.0", - "_ui5privacy": "public" + "_ui5privacy": "public", + "_ui5subcomponents": [ + "ToolbarButton", + "ToolbarItem", + "ToolbarSelect", + "ToolbarSelectOption", + "ToolbarSeparator", + "ToolbarSpacer" + ] } ], "exports": [ @@ -32426,6 +34455,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ToolbarButtonTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ToolbarButtonTemplate", + "module": "dist/ToolbarButtonTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ToolbarItem.js", @@ -32670,6 +34714,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ToolbarItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ToolbarItemTemplate", + "module": "dist/ToolbarItemTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ToolbarSelect.js", @@ -33087,6 +35146,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ToolbarSelectTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ToolbarSelectTemplate", + "module": "dist/ToolbarSelectTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ToolbarSeparator.js", @@ -33201,6 +35275,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ToolbarSeparatorTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ToolbarSeparatorTemplate", + "module": "dist/ToolbarSeparatorTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/ToolbarSpacer.js", @@ -33334,6 +35423,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/ToolbarTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ToolbarTemplate", + "module": "dist/ToolbarTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/Tree.js", @@ -33563,7 +35667,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.16", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -33592,7 +35696,7 @@ "_ui5Cancelable": false, "_ui5allowPreventDefault": false, "_ui5Bubbles": true, - "_ui5since": "1.0.0-rc.16", + "_ui5since": "1.0.0", "_ui5parameters": [ { "type": { @@ -33830,8 +35934,9 @@ }, "tagName": "ui5-tree", "customElement": true, - "_ui5since": "1.0.0-rc.8", - "_ui5privacy": "public" + "_ui5since": "1.0.0", + "_ui5privacy": "public", + "_ui5subcomponents": ["TreeItem", "TreeItemCustom"] } ], "exports": [ @@ -33932,7 +36037,7 @@ "description": "Defines the `additionalText`, displayed in the end of the tree item.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -33950,7 +36055,7 @@ "default": "\"None\"", "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -33988,7 +36093,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -34246,7 +36351,7 @@ }, "tagName": "ui5-tree-item", "customElement": true, - "_ui5since": "1.0.0-rc.8", + "_ui5since": "1.0.0", "_ui5privacy": "public", "slots": [ { @@ -34469,7 +36574,7 @@ "default": "\"None\"", "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -34507,7 +36612,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -34793,6 +36898,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TreeItemBaseTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TreeItemBaseTemplate", + "module": "dist/TreeItemBaseTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TreeItemCustom.js", @@ -34930,7 +37050,7 @@ "default": "\"None\"", "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.0.0-rc.15" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -34978,7 +37098,7 @@ "default": "\"None\"", "description": "Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.", "privacy": "public", - "_ui5since": "1.24" + "_ui5since": "1.24.0" }, { "kind": "field", @@ -35282,6 +37402,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TreeItemCustomTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TreeItemCustomTemplate", + "module": "dist/TreeItemCustomTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/TreeItemTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TreeItemTemplate", + "module": "dist/TreeItemTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/TreeList.js", @@ -35297,6 +37447,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/TreeTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TreeTemplate", + "module": "dist/TreeTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/YearPicker.js", @@ -35355,7 +37520,7 @@ "default": "\"\"", "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -35366,7 +37531,7 @@ "default": "\"\"", "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -35401,7 +37566,7 @@ "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -35519,6 +37684,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/YearPickerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "YearPickerTemplate", + "module": "dist/YearPickerTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/YearRangePicker.js", @@ -35577,7 +37757,7 @@ "default": "\"\"", "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -35588,7 +37768,7 @@ "default": "\"\"", "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).", "privacy": "public", - "_ui5since": "1.0.0-rc.6" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -35623,7 +37803,7 @@ "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.", "default": "undefined", "privacy": "public", - "_ui5since": "1.0.0-rc.16" + "_ui5since": "1.0.0" }, { "kind": "field", @@ -35741,6 +37921,51 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/YearRangePickerTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "YearRangePickerTemplate", + "module": "dist/YearRangePickerTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/bundle-assets/IconPensilJSXTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "IconPensilJSXTemplate", + "module": "dist/bundle-assets/IconPensilJSXTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/colorpicker-utils/ColorValue.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ColorValue", + "module": "dist/colorpicker-utils/ColorValue.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/delegate/DragAndDropHandler.js", @@ -35786,6 +38011,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/dynamic-date-range-options/DateRangeTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DateRangeTemplate", + "module": "dist/dynamic-date-range-options/DateRangeTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/dynamic-date-range-options/DateTimeRange.js", @@ -35816,6 +38056,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/dynamic-date-range-options/DateTimeRangeTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "DateTimeRangeTemplate", + "module": "dist/dynamic-date-range-options/DateTimeRangeTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/dynamic-date-range-options/FromDateTime.js", @@ -35846,6 +38101,36 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/dynamic-date-range-options/FromDateTimeTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "FromDateTime", + "module": "dist/dynamic-date-range-options/FromDateTimeTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/dynamic-date-range-options/LastNextTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "LastNextTemplate", + "module": "dist/dynamic-date-range-options/LastNextTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/dynamic-date-range-options/LastNextUtils.js", @@ -35942,6 +38227,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/dynamic-date-range-options/SingleDateTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "SingleDateTemplate", + "module": "dist/dynamic-date-range-options/SingleDateTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/dynamic-date-range-options/ToDateTime.js", @@ -36074,6 +38374,36 @@ "declarations": [], "exports": [] }, + { + "kind": "javascript-module", + "path": "dist/features/ColorPaletteMoreColorsTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ColorPaletteMoreColorsTemplate", + "module": "dist/features/ColorPaletteMoreColorsTemplate.js" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "dist/features/ComboBoxLazyLoading.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ComboBoxLazyLoading", + "module": "dist/features/ComboBoxLazyLoading.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/features/InputComposition.js", @@ -36104,6 +38434,21 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/features/InputSuggestionsTemplate.js", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "InputSuggestionsTemplate", + "module": "dist/features/InputSuggestionsTemplate.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/features/ListItemStandardExpandableText.js", @@ -36112,36 +38457,36 @@ }, { "kind": "javascript-module", - "path": "dist/form-utils/FormUtils.js", + "path": "dist/features/ListItemStandardExpandableTextTemplate.js", "declarations": [], - "exports": [] + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "ListItemStandardExpandableTextTemplate", + "module": "dist/features/ListItemStandardExpandableTextTemplate.js" + } + } + ] }, { "kind": "javascript-module", - "path": "dist/popup-utils/OpenedPopupsRegistry.js", + "path": "dist/form-utils/FormUtils.js", "declarations": [], "exports": [] }, { "kind": "javascript-module", - "path": "dist/popup-utils/PopoverRegistry.js", + "path": "dist/popup-utils/OpenedPopupsRegistry.js", "declarations": [], "exports": [] }, { "kind": "javascript-module", - "path": "dist/colorpicker-utils/ColorValue.js", + "path": "dist/popup-utils/PopoverRegistry.js", "declarations": [], - "exports": [ - { - "kind": "js", - "name": "default", - "declaration": { - "name": "ColorValue", - "module": "dist/colorpicker-utils/ColorValue.js" - } - } - ] + "exports": [] }, { "kind": "javascript-module", @@ -36541,7 +38886,7 @@ { "kind": "enum", "name": "BarAccessibleRole", - "description": "ListItem accessible roles.", + "description": "Bar accessible roles.", "_ui5privacy": "public", "_ui5since": "2.9.0", "members": [ @@ -36560,6 +38905,7 @@ "privacy": "public", "description": "Represents the ARIA role \"toolbar\".", "default": "Toolbar", + "deprecated": "The Bar does not implement toolbar keyboard navigation (arrow keys) and should not expose the \"toolbar\" role. Use \"None\" instead.", "name": "Toolbar", "readonly": true } @@ -36901,7 +39247,7 @@ "name": "ButtonAccessibleRole", "description": "Button accessible roles.", "_ui5privacy": "public", - "_ui5since": "1.23", + "_ui5since": "1.23.0", "members": [ { "kind": "field", @@ -39683,7 +42029,7 @@ "name": "TableSelectionBehavior", "description": "Selection behavior of the `ui5-table` selection components.", "_ui5privacy": "public", - "_ui5since": "2.11", + "_ui5since": "2.11.0", "members": [ { "kind": "field", @@ -39779,7 +42125,7 @@ "name": "TableSelectionMultiHeaderSelector", "description": "Selectors of the table header row in multi-selection scenarios.", "_ui5privacy": "public", - "_ui5since": "2.12", + "_ui5since": "2.12.0", "members": [ { "kind": "field", @@ -39942,6 +42288,58 @@ } ] }, + { + "kind": "javascript-module", + "path": "dist/types/TextAreaCounterMode.js", + "declarations": [ + { + "kind": "enum", + "name": "TextAreaCounterMode", + "description": "Determines when the character counter of `ui5-textarea` is displayed.", + "_ui5privacy": "public", + "_ui5since": "2.28.0", + "members": [ + { + "kind": "field", + "static": true, + "privacy": "public", + "description": "The character counter is always visible below the component. Characters exceeding\nthe `maxlength` value are selected on paste and the counter displays their number.", + "default": "Always", + "name": "Always", + "readonly": true + }, + { + "kind": "field", + "static": true, + "privacy": "public", + "description": "The character counter is shown only when the component is focused, when the character\nlimit is exceeded, or when `valueState` is `Critical` or `Negative`. Space for the\ncounter is always reserved to prevent layout shifts.", + "default": "Auto", + "name": "Auto", + "readonly": true + }, + { + "kind": "field", + "static": true, + "privacy": "public", + "description": "The character counter is never shown. The `maxlength` property acts as a hard cap\nand the user is not allowed to enter more characters than allowed.", + "default": "None", + "name": "None", + "readonly": true + } + ] + } + ], + "exports": [ + { + "kind": "js", + "name": "default", + "declaration": { + "name": "TextAreaCounterMode", + "module": "dist/types/TextAreaCounterMode.js" + } + } + ] + }, { "kind": "javascript-module", "path": "dist/types/TextEmptyIndicatorMode.js", diff --git a/config/version-info.json b/config/version-info.json index 2573193805e..613d2bb7930 100644 --- a/config/version-info.json +++ b/config/version-info.json @@ -69,5 +69,6 @@ "2.24.0": "2.24.0", "2.25.0": "2.25.0", "2.26.0": "2.26.0", - "2.27.0": "2.27.0" + "2.27.0": "2.27.0", + "2.28.0": "2.28.1" } diff --git a/package.json b/package.json index 557422cd5cd..29d3bba392f 100644 --- a/package.json +++ b/package.json @@ -48,11 +48,11 @@ "@storybook/addon-a11y": "10.6.2", "@storybook/addon-docs": "10.6.2", "@storybook/react-vite": "10.6.2", - "@ui5/webcomponents": "2.27.2", - "@ui5/webcomponents-ai": "2.27.2", - "@ui5/webcomponents-compat": "2.27.2", - "@ui5/webcomponents-fiori": "2.27.2", - "@ui5/webcomponents-icons": "2.27.2", + "@ui5/webcomponents": "2.28.1", + "@ui5/webcomponents-ai": "2.28.1", + "@ui5/webcomponents-compat": "2.28.1", + "@ui5/webcomponents-fiori": "2.28.1", + "@ui5/webcomponents-icons": "2.28.1", "react": "19.3.1", "react-dom": "19.3.1", "remark-gfm": "4.0.1", @@ -75,7 +75,7 @@ "@types/node": "24.19.2", "@types/react": "19.3.0", "@types/react-dom": "19.3.0", - "@ui5/webcomponents-tools": "2.27.2", + "@ui5/webcomponents-tools": "2.28.1", "@vitejs/plugin-react": "6.1.2", "chromatic": "17.8.0", "cssnano": "9.4.0", diff --git a/packages/ai/package.json b/packages/ai/package.json index 78759d14769..2c161f1c41b 100644 --- a/packages/ai/package.json +++ b/packages/ai/package.json @@ -53,7 +53,7 @@ "@ui5/webcomponents-react-base": "workspace:~" }, "peerDependencies": { - "@ui5/webcomponents-ai": "~2.27.0", + "@ui5/webcomponents-ai": "~2.28.1", "react": "^18 || ^19" }, "publishConfig": { diff --git a/packages/ai/src/components/Input/index.tsx b/packages/ai/src/components/Input/index.tsx index 777ed4bfada..9ecf28fe473 100644 --- a/packages/ai/src/components/Input/index.tsx +++ b/packages/ai/src/components/Input/index.tsx @@ -29,12 +29,16 @@ interface InputAttributes { /** * Defines the accessible ARIA name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-ai**. * @default undefined */ accessibleName?: string | undefined; /** * Receives id(or many ids) of the elements that label the input. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-ai**. * @default undefined */ accessibleNameRef?: string | undefined; @@ -73,6 +77,8 @@ interface InputAttributes { * Sets the maximum number of characters available in the input field. * * **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. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-ai**. * @default undefined */ maxlength?: number | undefined; @@ -121,6 +127,8 @@ interface InputAttributes { /** * Defines whether the component is required. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-ai**. * @default false */ required?: boolean; @@ -256,6 +264,8 @@ interface InputPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-ai**. + * * __Supported Node Type/s:__ `Array` */ valueStateMessage?: UI5WCSlotsNode; diff --git a/packages/ai/src/components/TextArea/index.tsx b/packages/ai/src/components/TextArea/index.tsx index cee05966d78..63ac1481265 100644 --- a/packages/ai/src/components/TextArea/index.tsx +++ b/packages/ai/src/components/TextArea/index.tsx @@ -2,6 +2,7 @@ import '@ui5/webcomponents-ai/dist/TextArea.js'; import type { TextAreaInputEventDetail } from '@ui5/webcomponents/dist/TextArea.js'; +import type TextAreaCounterMode from '@ui5/webcomponents/dist/types/TextAreaCounterMode.js'; import type { TextAreaVersionChangeEventDetail } from '@ui5/webcomponents-ai/dist/TextArea.js'; import type ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js'; import { withWebComponent } from '@ui5/webcomponents-react-base'; @@ -26,16 +27,39 @@ interface TextAreaAttributes { /** * Defines the accessible ARIA name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-ai**. * @default undefined */ accessibleName?: string | undefined; /** * Receives id(or many ids) of the elements that label the textarea. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-ai**. * @default undefined */ accessibleNameRef?: string | undefined; + /** + * Determines when the character counter of the component is displayed. + * + * Available options are: + * + * - `None` - The counter is never shown and `maxlength` acts as a hard cap. + * - `Always` - The counter is always visible below the component. + * - `Auto` - The counter is shown only when the component is focused, when the character limit + * is exceeded, or when `valueState` is `Critical` or `Negative`. Space is always reserved to + * prevent layout shifts. + * + * **Note:** When set to a value other than `None`, this property takes precedence over the + * deprecated `showExceededText` property. + * + * **Note:** Available since [v2.28.0](https://github.com/UI5/webcomponents/releases/tag/v2.28.0) of **@ui5/webcomponents-ai**. + * @default "None" + */ + counterMode?: TextAreaCounterMode | keyof typeof TextAreaCounterMode; + /** * Indicates the index of the currently displayed version. * @default 0 @@ -104,6 +128,8 @@ interface TextAreaAttributes { /** * Defines whether the component is required. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-ai**. * @default false */ required?: boolean; @@ -129,6 +155,7 @@ interface TextAreaAttributes { * If set to `true` the characters exceeding the `maxlength` value are selected on * paste and the counter below the component displays their number. * @default false + * @deprecated Use `counterMode="Always"` instead. */ showExceededText?: boolean; @@ -152,6 +179,8 @@ interface TextAreaAttributes { * **Note:** If `maxlength` property is set, * the component turns into "Critical" state once the characters exceeds the limit. * In this case, only the "Negative" state is considered and can be applied. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-ai**. * @default "None" */ valueState?: ValueState | keyof typeof ValueState; @@ -202,6 +231,8 @@ interface TextAreaPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-ai**. + * * __Supported Node Type/s:__ `Array` */ valueStateMessage?: UI5WCSlotsNode; @@ -220,6 +251,8 @@ interface TextAreaPropTypes * * **Note:** Call `event.preventDefault()` inside the handler of this event to prevent its default action/s. * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-ai**. + * * | cancelable | bubbles | * | :--------: | :-----: | * | ✅|✅| @@ -293,6 +326,7 @@ const TextArea = withWebComponent( 'accessibleDescriptionRef', 'accessibleName', 'accessibleNameRef', + 'counterMode', 'currentVersion', 'growingMaxRows', 'maxlength', diff --git a/packages/base/package.json b/packages/base/package.json index c850b9c73eb..e109ad3889a 100644 --- a/packages/base/package.json +++ b/packages/base/package.json @@ -88,7 +88,7 @@ }, "peerDependencies": { "@types/react": "*", - "@ui5/webcomponents-base": "~2.27.0", + "@ui5/webcomponents-base": "~2.28.1", "react": "^18 || ^19" }, "peerDependenciesMeta": { diff --git a/packages/compat/package.json b/packages/compat/package.json index efa4aef71b3..ebf6b75e83d 100644 --- a/packages/compat/package.json +++ b/packages/compat/package.json @@ -93,8 +93,8 @@ "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", - "@ui5/webcomponents-compat": "~2.27.0", - "@ui5/webcomponents-react": "~2.27.0", + "@ui5/webcomponents-compat": "~2.28.1", + "@ui5/webcomponents-react": "~2.28.1", "react": "^18 || ^19", "react-dom": "^18 || ^19" }, diff --git a/packages/cypress-commands/package.json b/packages/cypress-commands/package.json index e7666a75c78..5fe94849eee 100644 --- a/packages/cypress-commands/package.json +++ b/packages/cypress-commands/package.json @@ -23,8 +23,8 @@ "clean": "rimraf dist api-commands.json api-queries.json" }, "peerDependencies": { - "@ui5/webcomponents": "~2.27.0", - "@ui5/webcomponents-base": "~2.27.0", + "@ui5/webcomponents": "~2.28.1", + "@ui5/webcomponents-base": "~2.28.1", "cypress": "^12 || ^13 || ^14 || ^15 || ^16" }, "peerDependenciesMeta": { diff --git a/packages/main/package.json b/packages/main/package.json index 375a91b5efc..c45add71bcc 100644 --- a/packages/main/package.json +++ b/packages/main/package.json @@ -431,9 +431,9 @@ "types": "./dist/webComponents/NotificationListItem/index.d.ts", "default": "./dist/webComponents/NotificationListItem/index.js" }, - "./NumberInput": { - "types": "./dist/webComponents/NumberInput/index.d.ts", - "default": "./dist/webComponents/NumberInput/index.js" + "./NumericInput": { + "types": "./dist/webComponents/NumericInput/index.d.ts", + "default": "./dist/webComponents/NumericInput/index.js" }, "./Option": { "types": "./dist/webComponents/Option/index.d.ts", @@ -555,6 +555,10 @@ "types": "./dist/webComponents/SideNavigationItem/index.d.ts", "default": "./dist/webComponents/SideNavigationItem/index.js" }, + "./SideNavigationSearchField": { + "types": "./dist/webComponents/SideNavigationSearchField/index.d.ts", + "default": "./dist/webComponents/SideNavigationSearchField/index.js" + }, "./SideNavigationSubItem": { "types": "./dist/webComponents/SideNavigationSubItem/index.d.ts", "default": "./dist/webComponents/SideNavigationSubItem/index.js" @@ -863,10 +867,10 @@ "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", - "@ui5/webcomponents": "~2.27.0", - "@ui5/webcomponents-base": "~2.27.0", - "@ui5/webcomponents-fiori": "~2.27.0", - "@ui5/webcomponents-icons": "~2.27.0", + "@ui5/webcomponents": "~2.28.1", + "@ui5/webcomponents-base": "~2.28.1", + "@ui5/webcomponents-fiori": "~2.28.1", + "@ui5/webcomponents-icons": "~2.28.1", "react": "^18 || ^19", "react-dom": "^18 || ^19" }, diff --git a/packages/main/src/webComponents/Avatar/index.tsx b/packages/main/src/webComponents/Avatar/index.tsx index 80aca65587d..ea3f0ad4a30 100644 --- a/packages/main/src/webComponents/Avatar/index.tsx +++ b/packages/main/src/webComponents/Avatar/index.tsx @@ -26,6 +26,8 @@ interface AvatarAttributes { /** * Defines the text alternative of the component. * If not provided a default text alternative will be set, if present. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; @@ -48,8 +50,8 @@ interface AvatarAttributes { /** * Defines the name of the fallback icon, which should be displayed in the following cases: * - * - If the initials are not valid (more than 3 letters, unsupported languages or empty initials). - * - If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes). + * - If the initials are not valid (more than 3 letters or empty initials). + * - If the initials do not fit in the shape at the current size (e.g. WWW at size XS). * - If the image src is wrong. * * **Note:** If not set, a default fallback icon "employee" is displayed. @@ -86,7 +88,12 @@ interface AvatarAttributes { /** * Defines the displayed initials. * - * Up to three Latin letters can be displayed as initials. + * Up to three letters from an alphabetic script can be displayed as initials. + * All scripts used in SAP-supported languages are accepted, except logographic and + * pure syllabic scripts where the concept of initials does not apply: Han (Chinese, + * Japanese kanji), Hiragana, and Katakana. Korean (Hangul) is supported. + * If the letters do not fit inside the avatar shape at the current size, the fallback + * icon is shown instead. * @default undefined */ initials?: string | undefined; @@ -115,7 +122,7 @@ interface AvatarAttributes { * **Note:** This property is ignored when the `interactive` property is set to `true`. * In that case, the avatar will always be rendered as interactive. * - * **Note:** Available since [v2.20](https://github.com/UI5/webcomponents/releases/tag/v2.20) of **@ui5/webcomponents**. + * **Note:** Available since [v2.20.0](https://github.com/UI5/webcomponents/releases/tag/v2.20.0) of **@ui5/webcomponents**. * @default "Image" */ mode?: AvatarMode | keyof typeof AvatarMode; @@ -167,6 +174,8 @@ interface AvatarPropTypes *     `visibility: hidden;`
* `}` * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * __Supported Node Type/s:__ `Array` */ children?: ReactNode | ReactNode[]; @@ -200,6 +209,8 @@ interface AvatarPropTypes * * * __Note:__ This is a UI5 Web Component! [Avatar UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/Avatar) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const Avatar = withWebComponent( 'ui5-avatar', diff --git a/packages/main/src/webComponents/AvatarGroup/index.tsx b/packages/main/src/webComponents/AvatarGroup/index.tsx index e6089e6c975..a50c4e7dce7 100644 --- a/packages/main/src/webComponents/AvatarGroup/index.tsx +++ b/packages/main/src/webComponents/AvatarGroup/index.tsx @@ -91,6 +91,8 @@ interface AvatarGroupPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * __Supported Node Type/s:__ `Array` */ overflowButton?: UI5WCSlotsNode; @@ -98,6 +100,8 @@ interface AvatarGroupPropTypes * Fired when the component is activated either with a * click/tap or by using the Enter or Space key. * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * | cancelable | bubbles | * | :--------: | :-----: | * | ❌|❌| @@ -108,6 +112,8 @@ interface AvatarGroupPropTypes * Fired when the count of visible `Avatar` elements in the * component has changed * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * | cancelable | bubbles | * | :--------: | :-----: | * | ❌|❌| @@ -169,6 +175,8 @@ interface AvatarGroupPropTypes * - [Space] / [Enter] or [Return] - Trigger `ui5-click` event * * __Note:__ This is a UI5 Web Component! [AvatarGroup UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/AvatarGroup) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const AvatarGroup = withWebComponent( 'ui5-avatar-group', diff --git a/packages/main/src/webComponents/Bar/index.tsx b/packages/main/src/webComponents/Bar/index.tsx index 1d195b88663..7aad9df8c93 100644 --- a/packages/main/src/webComponents/Bar/index.tsx +++ b/packages/main/src/webComponents/Bar/index.tsx @@ -27,16 +27,16 @@ interface BarAttributes { /** * Specifies the ARIA role applied to the component for accessibility purposes. * - * **Note:** + * **Note:** By default, no ARIA role is applied ("None"). The Bar derives its semantics + * from the container it is placed in, such as a page header or footer. * - * - By default, accessibleRole is set to "Toolbar", which renders the ARIA role "toolbar". - * - * - Use the default accessibleRole value "Toolbar" only when the component contains two or more active, interactive elements (such as buttons, links, or input fields) within the bar. - * - * - If there is only one or no active element, set accessibleRole to "None" to avoid rendering the ARIA role "toolbar", as that role implies a grouping of multiple interactive controls. + * **Note:** The "Toolbar" value is deprecated. The Bar is a structural layout container and does not + * support toolbar keyboard interactions (such as arrow-key navigation between components). When 3 or more + * interactive elements are needed, use the `Toolbar` component instead, which provides the correct + * toolbar role and arrow-key navigation between components. * * **Note:** Available since [v2.10.0](https://github.com/UI5/webcomponents/releases/tag/v2.10.0) of **@ui5/webcomponents**. - * @default "Toolbar" + * @default "None" */ accessibleRole?: BarAccessibleRole | keyof typeof BarAccessibleRole; @@ -96,6 +96,8 @@ interface BarPropTypes * * **Note:** Do not place a Bar inside another Bar or inside any bar-like component. Doing so may cause unpredictable behavior. * + * **Note:** The Bar is a structural layout component for organizing page areas (header, footer, subheader) and not an action-oriented toolbar. To group action controls with full keyboard navigation support, use the Toolbar component instead. + * * ### Responsive Behavior * The default slot will be centered in the available space between the startContent and the endContent areas, * therefore it might not always be centered in the entire bar. @@ -110,6 +112,8 @@ interface BarPropTypes * * * __Note:__ This is a UI5 Web Component! [Bar UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/Bar) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const Bar = withWebComponent( 'ui5-bar', diff --git a/packages/main/src/webComponents/BarcodeScannerDialog/index.tsx b/packages/main/src/webComponents/BarcodeScannerDialog/index.tsx index dc9aa262fe4..5c54971e051 100644 --- a/packages/main/src/webComponents/BarcodeScannerDialog/index.tsx +++ b/packages/main/src/webComponents/BarcodeScannerDialog/index.tsx @@ -110,6 +110,8 @@ interface BarcodeScannerDialogPropTypes * For a list of supported barcode formats, see the [zxing-js/library](https://github.com/zxing-js/library) documentation. * * __Note:__ This is a UI5 Web Component! [BarcodeScannerDialog UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/BarcodeScannerDialog) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents-fiori__. */ const BarcodeScannerDialog = withWebComponent( 'ui5-barcode-scanner-dialog', diff --git a/packages/main/src/webComponents/Breadcrumbs/index.tsx b/packages/main/src/webComponents/Breadcrumbs/index.tsx index bed8e3719e3..cc082fe17c3 100644 --- a/packages/main/src/webComponents/Breadcrumbs/index.tsx +++ b/packages/main/src/webComponents/Breadcrumbs/index.tsx @@ -83,6 +83,8 @@ interface BreadcrumbsPropTypes * - [End] - Navigates to the last item. * * __Note:__ This is a UI5 Web Component! [Breadcrumbs UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/Breadcrumbs) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const Breadcrumbs = withWebComponent( 'ui5-breadcrumbs', diff --git a/packages/main/src/webComponents/BreadcrumbsItem/index.tsx b/packages/main/src/webComponents/BreadcrumbsItem/index.tsx index cd4dd521713..57e8585549e 100644 --- a/packages/main/src/webComponents/BreadcrumbsItem/index.tsx +++ b/packages/main/src/webComponents/BreadcrumbsItem/index.tsx @@ -70,6 +70,8 @@ interface BreadcrumbsItemPropTypes * The `BreadcrumbsItem` component defines the content of an item in `Breadcrumbs`. * * __Note:__ This is a UI5 Web Component! [BreadcrumbsItem UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/BreadcrumbsItem) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. * @abstract */ const BreadcrumbsItem = withWebComponent( diff --git a/packages/main/src/webComponents/BusyIndicator/index.tsx b/packages/main/src/webComponents/BusyIndicator/index.tsx index d2dee584012..7f0800a080d 100644 --- a/packages/main/src/webComponents/BusyIndicator/index.tsx +++ b/packages/main/src/webComponents/BusyIndicator/index.tsx @@ -28,6 +28,8 @@ interface BusyIndicatorAttributes { /** * Defines text to be displayed below the component. It can be used to inform the user of the current operation. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ text?: string | undefined; @@ -79,6 +81,8 @@ interface BusyIndicatorPropTypes * * * __Note:__ This is a UI5 Web Component! [BusyIndicator UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/BusyIndicator) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const BusyIndicator = withWebComponent( 'ui5-busy-indicator', diff --git a/packages/main/src/webComponents/Button/index.tsx b/packages/main/src/webComponents/Button/index.tsx index cdb6c83d7fc..c045cfc9db3 100644 --- a/packages/main/src/webComponents/Button/index.tsx +++ b/packages/main/src/webComponents/Button/index.tsx @@ -43,6 +43,8 @@ interface ButtonAttributes { /** * Defines the accessible ARIA name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; @@ -60,7 +62,7 @@ interface ButtonAttributes { * * **Note:** Use ButtonAccessibleRole.Link role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended. * - * **Note:** Available since [v1.23](https://github.com/UI5/webcomponents/releases/tag/v1.23) of **@ui5/webcomponents**. + * **Note:** Available since [v1.23.0](https://github.com/UI5/webcomponents/releases/tag/v1.23.0) of **@ui5/webcomponents**. * @default "Button" */ accessibleRole?: ButtonAccessibleRole | keyof typeof ButtonAccessibleRole; diff --git a/packages/main/src/webComponents/Calendar/index.tsx b/packages/main/src/webComponents/Calendar/index.tsx index 31039a3ad8f..9ad58630b13 100644 --- a/packages/main/src/webComponents/Calendar/index.tsx +++ b/packages/main/src/webComponents/Calendar/index.tsx @@ -47,6 +47,8 @@ interface CalendarAttributes { * Determines the maximum date available for selection. * * **Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd). + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. */ maxDate?: string; @@ -54,6 +56,8 @@ interface CalendarAttributes { * Determines the minimum date available for selection. * * **Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd). + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. */ minDate?: string; @@ -67,6 +71,8 @@ interface CalendarAttributes { /** * Defines the secondary calendar type. * If not set, the calendar will only show the primary calendar type. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ secondaryCalendarType?: CalendarType | undefined | keyof typeof CalendarType; @@ -258,6 +264,8 @@ interface CalendarPropTypes * * * __Note:__ This is a UI5 Web Component! [Calendar UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/Calendar) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const Calendar = withWebComponent( 'ui5-calendar', diff --git a/packages/main/src/webComponents/Card/index.tsx b/packages/main/src/webComponents/Card/index.tsx index c08911eb24d..e64ae9ebc77 100644 --- a/packages/main/src/webComponents/Card/index.tsx +++ b/packages/main/src/webComponents/Card/index.tsx @@ -10,12 +10,16 @@ interface CardAttributes { * Defines the accessible name of the component, which is used as the name of the card region and should be unique per card. * * **Note:** `accessibleName` should be always set, unless `accessibleNameRef` is set. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; /** * Defines the IDs of the elements that label the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleNameRef?: string | undefined; @@ -58,6 +62,8 @@ interface CardPropTypes extends CardAttributes, Omit` */ header?: UI5WCSlotsNode; diff --git a/packages/main/src/webComponents/CardHeader/index.tsx b/packages/main/src/webComponents/CardHeader/index.tsx index a7e62ff867c..159dff693a2 100644 --- a/packages/main/src/webComponents/CardHeader/index.tsx +++ b/packages/main/src/webComponents/CardHeader/index.tsx @@ -83,6 +83,8 @@ interface CardHeaderPropTypes * * * __Note:__ This is a UI5 Web Component! [CardHeader UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/CardHeader) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const CardHeader = withWebComponent( 'ui5-card-header', diff --git a/packages/main/src/webComponents/Carousel/index.tsx b/packages/main/src/webComponents/Carousel/index.tsx index ff4c4ff5153..0d4ec5ecb73 100644 --- a/packages/main/src/webComponents/Carousel/index.tsx +++ b/packages/main/src/webComponents/Carousel/index.tsx @@ -14,7 +14,7 @@ interface CarouselAttributes { /** * Defines the accessible name of the component. * - * **Note:** Available since [v1.24](https://github.com/UI5/webcomponents/releases/tag/v1.24) of **@ui5/webcomponents**. + * **Note:** Available since [v1.24.0](https://github.com/UI5/webcomponents/releases/tag/v1.24.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; @@ -22,7 +22,7 @@ interface CarouselAttributes { /** * Defines the IDs of the elements that label the input. * - * **Note:** Available since [v1.24](https://github.com/UI5/webcomponents/releases/tag/v1.24) of **@ui5/webcomponents**. + * **Note:** Available since [v1.24.0](https://github.com/UI5/webcomponents/releases/tag/v1.24.0) of **@ui5/webcomponents**. * @default undefined */ accessibleNameRef?: string | undefined; @@ -41,7 +41,7 @@ interface CarouselAttributes { /** * Defines the carousel's background design. * - * **Note:** Available since [v1.14](https://github.com/UI5/webcomponents/releases/tag/v1.14) of **@ui5/webcomponents**. + * **Note:** Available since [v1.14.0](https://github.com/UI5/webcomponents/releases/tag/v1.14.0) of **@ui5/webcomponents**. * @default "Translucent" */ backgroundDesign?: BackgroundDesign | keyof typeof BackgroundDesign; @@ -55,6 +55,8 @@ interface CarouselAttributes { /** * Defines the visibility of the navigation arrows. * If set to true the navigation arrows will be hidden. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ hideNavigationArrows?: boolean; @@ -62,6 +64,8 @@ interface CarouselAttributes { /** * Defines the visibility of the page indicator. * If set to true the page indicator will be hidden. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ hidePageIndicator?: boolean; @@ -82,7 +86,7 @@ interface CarouselAttributes { /** * Defines the page indicator background design. * - * **Note:** Available since [v1.14](https://github.com/UI5/webcomponents/releases/tag/v1.14) of **@ui5/webcomponents**. + * **Note:** Available since [v1.14.0](https://github.com/UI5/webcomponents/releases/tag/v1.14.0) of **@ui5/webcomponents**. * @default "Solid" */ pageIndicatorBackgroundDesign?: BackgroundDesign | keyof typeof BackgroundDesign; @@ -90,7 +94,7 @@ interface CarouselAttributes { /** * Defines the page indicator border design. * - * **Note:** Available since [v1.14](https://github.com/UI5/webcomponents/releases/tag/v1.14) of **@ui5/webcomponents**. + * **Note:** Available since [v1.14.0](https://github.com/UI5/webcomponents/releases/tag/v1.14.0) of **@ui5/webcomponents**. * @default "Solid" */ pageIndicatorBorderDesign?: BorderDesign | keyof typeof BorderDesign; @@ -102,7 +106,7 @@ interface CarouselAttributes { * - `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y) * - `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y) * - * **Note:** Available since [v1.10](https://github.com/UI5/webcomponents/releases/tag/v1.10) of **@ui5/webcomponents**. + * **Note:** Available since [v1.10.0](https://github.com/UI5/webcomponents/releases/tag/v1.10.0) of **@ui5/webcomponents**. * @default "Default" */ pageIndicatorType?: CarouselPageIndicatorType | keyof typeof CarouselPageIndicatorType; @@ -111,6 +115,8 @@ interface CarouselAttributes { interface CarouselDomRef extends Required, Ui5DomRef { /** * Changes the currently displayed page. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @param {number} itemIndex - The index of the target item * @returns {void} */ @@ -118,6 +124,8 @@ interface CarouselDomRef extends Required, Ui5DomRef { /** * The indices of the currently visible items of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. */ readonly visibleItemsIndices: Array; } @@ -138,6 +146,8 @@ interface CarouselPropTypes * when the user clicks on the navigation arrows or while resizing, * based on the `items-per-page` property. * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * | cancelable | bubbles | * | :--------: | :-----: | * | ❌|✅| @@ -190,6 +200,8 @@ interface CarouselPropTypes * * * __Note:__ This is a UI5 Web Component! [Carousel UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/Carousel) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const Carousel = withWebComponent( 'ui5-carousel', diff --git a/packages/main/src/webComponents/CheckBox/index.tsx b/packages/main/src/webComponents/CheckBox/index.tsx index 3c4bd26dd23..efe3ada9e34 100644 --- a/packages/main/src/webComponents/CheckBox/index.tsx +++ b/packages/main/src/webComponents/CheckBox/index.tsx @@ -64,6 +64,8 @@ interface CheckBoxAttributes { * - If the component is checked and indeterminate, it will be displayed as partially checked * - If the component is checked and it is not indeterminate, it will be displayed as checked * - If the component is not checked, it will be displayed as not checked regardless value of the indeterminate attribute + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ indeterminate?: boolean; diff --git a/packages/main/src/webComponents/ColorPalette/index.tsx b/packages/main/src/webComponents/ColorPalette/index.tsx index 3b0d5cc6ada..ffef03f8ac8 100644 --- a/packages/main/src/webComponents/ColorPalette/index.tsx +++ b/packages/main/src/webComponents/ColorPalette/index.tsx @@ -37,6 +37,8 @@ interface ColorPalettePropTypes /** * Fired when the user selects a color. * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * | cancelable | bubbles | * | :--------: | :-----: | * | ❌|❌| @@ -55,6 +57,8 @@ interface ColorPalettePropTypes * * * __Note:__ This is a UI5 Web Component! [ColorPalette UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/ColorPalette) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const ColorPalette = withWebComponent( 'ui5-color-palette', diff --git a/packages/main/src/webComponents/ColorPaletteItem/index.tsx b/packages/main/src/webComponents/ColorPaletteItem/index.tsx index 4669e99f2c9..5d34c1153c1 100644 --- a/packages/main/src/webComponents/ColorPaletteItem/index.tsx +++ b/packages/main/src/webComponents/ColorPaletteItem/index.tsx @@ -57,6 +57,8 @@ interface ColorPaletteItemPropTypes * The `ColorPaletteItem` component represents a color in the the `ColorPalette`. * * __Note:__ This is a UI5 Web Component! [ColorPaletteItem UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/ColorPaletteItem) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const ColorPaletteItem = withWebComponent( 'ui5-color-palette-item', diff --git a/packages/main/src/webComponents/ColorPalettePopover/index.tsx b/packages/main/src/webComponents/ColorPalettePopover/index.tsx index 9d05e186599..638542416f0 100644 --- a/packages/main/src/webComponents/ColorPalettePopover/index.tsx +++ b/packages/main/src/webComponents/ColorPalettePopover/index.tsx @@ -127,6 +127,8 @@ interface ColorPalettePopoverPropTypes * * * __Note:__ This is a UI5 Web Component! [ColorPalettePopover UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/ColorPalettePopover) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const ColorPalettePopover = withWebComponent( 'ui5-color-palette-popover', diff --git a/packages/main/src/webComponents/ColorPicker/index.tsx b/packages/main/src/webComponents/ColorPicker/index.tsx index b73aeafa12a..edb7eb193da 100644 --- a/packages/main/src/webComponents/ColorPicker/index.tsx +++ b/packages/main/src/webComponents/ColorPicker/index.tsx @@ -79,6 +79,8 @@ interface ColorPickerPropTypes * * * __Note:__ This is a UI5 Web Component! [ColorPicker UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/ColorPicker) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const ColorPicker = withWebComponent( 'ui5-color-picker', diff --git a/packages/main/src/webComponents/ComboBox/index.tsx b/packages/main/src/webComponents/ComboBox/index.tsx index 2a379dc302c..2ca87125e4a 100644 --- a/packages/main/src/webComponents/ComboBox/index.tsx +++ b/packages/main/src/webComponents/ComboBox/index.tsx @@ -1,7 +1,10 @@ 'use client'; import '@ui5/webcomponents/dist/ComboBox.js'; -import type { ComboBoxSelectionChangeEventDetail } from '@ui5/webcomponents/dist/ComboBox.js'; +import type { + ComboBoxLoadItemsEventDetail, + ComboBoxSelectionChangeEventDetail, +} from '@ui5/webcomponents/dist/ComboBox.js'; import type ComboBoxFilter from '@ui5/webcomponents/dist/types/ComboBoxFilter.js'; import type ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js'; import { withWebComponent } from '@ui5/webcomponents-react-base'; @@ -11,12 +14,16 @@ import type { ReactNode } from 'react'; interface ComboBoxAttributes { /** * Defines the accessible ARIA name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; /** * Receives id(or many ids) of the elements that label the component + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleNameRef?: string | undefined; @@ -143,6 +150,7 @@ interface ComboBoxPropTypes | 'onChange' | 'onClose' | 'onInput' + | 'onLoadItems' | 'onOpen' | 'onSelectionChange' > { @@ -162,6 +170,8 @@ interface ComboBoxPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * __Supported Node Type/s:__ `Array` */ icon?: UI5WCSlotsNode; @@ -181,6 +191,8 @@ interface ComboBoxPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * __Supported Node Type/s:__ `Array` */ valueStateMessage?: UI5WCSlotsNode; @@ -215,6 +227,18 @@ interface ComboBoxPropTypes */ onInput?: (event: Ui5CustomEvent) => void; + /** + * Fired when the application should provide items for the component to render. + * The event is fired either when text is input or when the user presses arrow down on a combo-box with no items. + * + * **Note:** Available since [v2.28.0](https://github.com/UI5/webcomponents/releases/tag/v2.28.0) of **@ui5/webcomponents**. + * + * | cancelable | bubbles | + * | :--------: | :-----: | + * | ❌|✅| + */ + onLoadItems?: (event: Ui5CustomEvent) => void; + /** * Fired when the dropdown is opened. * @@ -294,13 +318,15 @@ interface ComboBoxPropTypes * * * __Note:__ This is a UI5 Web Component! [ComboBox UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/ComboBox) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const ComboBox = withWebComponent( 'ui5-combobox', ['accessibleName', 'accessibleNameRef', 'filter', 'name', 'placeholder', 'selectedValue', 'value', 'valueState'], ['disabled', 'loading', 'noTypeahead', 'open', 'readonly', 'required', 'showClearIcon'], ['icon', 'valueStateMessage'], - ['change', 'close', 'input', 'open', 'selection-change'], + ['change', 'close', 'input', 'load-items', 'open', 'selection-change'], ); ComboBox.displayName = 'ComboBox'; diff --git a/packages/main/src/webComponents/ComboBoxItem/index.tsx b/packages/main/src/webComponents/ComboBoxItem/index.tsx index d50f8e00481..c9a95fc00f6 100644 --- a/packages/main/src/webComponents/ComboBoxItem/index.tsx +++ b/packages/main/src/webComponents/ComboBoxItem/index.tsx @@ -8,6 +8,8 @@ import type { CommonProps, Ui5CustomEvent, Ui5DomRef } from '@ui5/webcomponents- interface ComboBoxItemAttributes { /** * Defines the additional text of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ additionalText?: string | undefined; diff --git a/packages/main/src/webComponents/ComboBoxItemGroup/index.tsx b/packages/main/src/webComponents/ComboBoxItemGroup/index.tsx index c75dcf1a1d1..232fca78181 100644 --- a/packages/main/src/webComponents/ComboBoxItemGroup/index.tsx +++ b/packages/main/src/webComponents/ComboBoxItemGroup/index.tsx @@ -100,6 +100,8 @@ interface ComboBoxItemGroupPropTypes * that can be used to split the `ComboBox` suggestions into groups. * * __Note:__ This is a UI5 Web Component! [ComboBoxItemGroup UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/ComboBoxItemGroup) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. * @abstract */ const ComboBoxItemGroup = withWebComponent( diff --git a/packages/main/src/webComponents/DatePicker/index.tsx b/packages/main/src/webComponents/DatePicker/index.tsx index d627fda8ee1..9f65a46c2d1 100644 --- a/packages/main/src/webComponents/DatePicker/index.tsx +++ b/packages/main/src/webComponents/DatePicker/index.tsx @@ -31,12 +31,16 @@ interface DatePickerAttributes { /** * Defines the aria-label attribute for the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; /** * Receives id(or many ids) of the elements that label the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleNameRef?: string | undefined; @@ -76,6 +80,8 @@ interface DatePickerAttributes { * * **Note:** For calendars other than Gregorian, * the week numbers are not displayed regardless of what is set. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ hideWeekNumbers?: boolean; @@ -84,6 +90,8 @@ interface DatePickerAttributes { * Determines the maximum date available for selection. * * **Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd). + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. */ maxDate?: string; @@ -91,6 +99,8 @@ interface DatePickerAttributes { * Determines the minimum date available for selection. * * **Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd). + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. */ minDate?: string; @@ -135,6 +145,8 @@ interface DatePickerAttributes { /** * Defines whether the component is required. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ required?: boolean; @@ -142,6 +154,8 @@ interface DatePickerAttributes { /** * Defines the secondary calendar type. * If not set, the calendar will only show the primary calendar type. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ secondaryCalendarType?: CalendarType | undefined | keyof typeof CalendarType; @@ -254,6 +268,8 @@ interface DatePickerPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * __Supported Node Type/s:__ `Array` */ valueStateMessage?: UI5WCSlotsNode; diff --git a/packages/main/src/webComponents/DateRangePicker/index.tsx b/packages/main/src/webComponents/DateRangePicker/index.tsx index 21210d7d362..dc42c69b566 100644 --- a/packages/main/src/webComponents/DateRangePicker/index.tsx +++ b/packages/main/src/webComponents/DateRangePicker/index.tsx @@ -31,12 +31,16 @@ interface DateRangePickerAttributes { /** * Defines the aria-label attribute for the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; /** * Receives id(or many ids) of the elements that label the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleNameRef?: string | undefined; @@ -83,6 +87,8 @@ interface DateRangePickerAttributes { * * **Note:** For calendars other than Gregorian, * the week numbers are not displayed regardless of what is set. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ hideWeekNumbers?: boolean; @@ -91,6 +97,8 @@ interface DateRangePickerAttributes { * Determines the maximum date available for selection. * * **Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd). + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. */ maxDate?: string; @@ -98,6 +106,8 @@ interface DateRangePickerAttributes { * Determines the minimum date available for selection. * * **Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd). + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. */ minDate?: string; @@ -142,6 +152,8 @@ interface DateRangePickerAttributes { /** * Defines whether the component is required. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ required?: boolean; @@ -149,6 +161,8 @@ interface DateRangePickerAttributes { /** * Defines the secondary calendar type. * If not set, the calendar will only show the primary calendar type. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ secondaryCalendarType?: CalendarType | undefined | keyof typeof CalendarType; @@ -289,6 +303,8 @@ interface DateRangePickerPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * __Supported Node Type/s:__ `Array` */ valueStateMessage?: UI5WCSlotsNode; @@ -377,6 +393,8 @@ interface DateRangePickerPropTypes * - [Shift] + [Ctrl] + [Page Up] - Increments the corresponding year by one * * __Note:__ This is a UI5 Web Component! [DateRangePicker UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/DateRangePicker) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const DateRangePicker = withWebComponent( 'ui5-daterange-picker', diff --git a/packages/main/src/webComponents/DateTimePicker/index.tsx b/packages/main/src/webComponents/DateTimePicker/index.tsx index d0745293f1a..15579397ba8 100644 --- a/packages/main/src/webComponents/DateTimePicker/index.tsx +++ b/packages/main/src/webComponents/DateTimePicker/index.tsx @@ -31,12 +31,16 @@ interface DateTimePickerAttributes { /** * Defines the aria-label attribute for the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; /** * Receives id(or many ids) of the elements that label the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleNameRef?: string | undefined; @@ -76,6 +80,8 @@ interface DateTimePickerAttributes { * * **Note:** For calendars other than Gregorian, * the week numbers are not displayed regardless of what is set. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ hideWeekNumbers?: boolean; @@ -84,6 +90,8 @@ interface DateTimePickerAttributes { * Determines the maximum date available for selection. * * **Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd). + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. */ maxDate?: string; @@ -91,6 +99,8 @@ interface DateTimePickerAttributes { * Determines the minimum date available for selection. * * **Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd). + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. */ minDate?: string; @@ -135,6 +145,8 @@ interface DateTimePickerAttributes { /** * Defines whether the component is required. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ required?: boolean; @@ -142,6 +154,8 @@ interface DateTimePickerAttributes { /** * Defines the secondary calendar type. * If not set, the calendar will only show the primary calendar type. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ secondaryCalendarType?: CalendarType | undefined | keyof typeof CalendarType; @@ -254,6 +268,8 @@ interface DateTimePickerPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * __Supported Node Type/s:__ `Array` */ valueStateMessage?: UI5WCSlotsNode; @@ -369,6 +385,8 @@ interface DateTimePickerPropTypes * * * __Note:__ This is a UI5 Web Component! [DateTimePicker UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/DateTimePicker) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const DateTimePicker = withWebComponent( 'ui5-datetime-picker', diff --git a/packages/main/src/webComponents/Dialog/index.tsx b/packages/main/src/webComponents/Dialog/index.tsx index b1cd280e034..18d42e2942d 100644 --- a/packages/main/src/webComponents/Dialog/index.tsx +++ b/packages/main/src/webComponents/Dialog/index.tsx @@ -27,6 +27,8 @@ interface DialogAttributes { /** * Defines the accessible name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; @@ -56,6 +58,8 @@ interface DialogAttributes { * **Note:** This property overrides the default HTML "draggable" attribute native behavior. * When "draggable" is set to true, the native browser "draggable" * behavior is prevented and only the Dialog custom logic ("draggable by its header") works. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ draggable?: boolean; @@ -88,6 +92,8 @@ interface DialogAttributes { /** * Defines if the focus should be returned to the previously focused element, * when the popup closes. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ preventFocusRestore?: boolean; @@ -108,6 +114,8 @@ interface DialogAttributes { * **Note:** The component can be resizable only in desktop mode. * * **Note:** Upon resizing, externally defined height and width styling will be ignored. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ resizable?: boolean; @@ -131,6 +139,8 @@ interface DialogAttributes { * * **Note:** If `"Negative"` and `"Critical"` states is set, it will change the * accessibility role to "alertdialog", if the accessibleRole property is set to `"Dialog"`. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default "None" */ state?: ValueState | keyof typeof ValueState; diff --git a/packages/main/src/webComponents/FileUploader/index.tsx b/packages/main/src/webComponents/FileUploader/index.tsx index e028bed97fe..de23ade944b 100644 --- a/packages/main/src/webComponents/FileUploader/index.tsx +++ b/packages/main/src/webComponents/FileUploader/index.tsx @@ -155,6 +155,8 @@ interface FileUploaderPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * __Supported Node Type/s:__ `Array` */ valueStateMessage?: UI5WCSlotsNode; @@ -196,6 +198,8 @@ interface FileUploaderPropTypes * * * __Note:__ This is a UI5 Web Component! [FileUploader UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/FileUploader) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const FileUploader = withWebComponent( 'ui5-file-uploader', diff --git a/packages/main/src/webComponents/FilterItem/index.tsx b/packages/main/src/webComponents/FilterItem/index.tsx index bb1dd95f562..38ff66f7057 100644 --- a/packages/main/src/webComponents/FilterItem/index.tsx +++ b/packages/main/src/webComponents/FilterItem/index.tsx @@ -47,6 +47,8 @@ interface FilterItemPropTypes extends FilterItemAttributes, Omit( diff --git a/packages/main/src/webComponents/FilterItemOption/index.tsx b/packages/main/src/webComponents/FilterItemOption/index.tsx index 4b498418a7d..2193376164e 100644 --- a/packages/main/src/webComponents/FilterItemOption/index.tsx +++ b/packages/main/src/webComponents/FilterItemOption/index.tsx @@ -35,6 +35,8 @@ interface FilterItemOptionPropTypes * * * __Note:__ This is a UI5 Web Component! [FilterItemOption UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/FilterItemOption) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents-fiori__. * @abstract */ const FilterItemOption = withWebComponent( diff --git a/packages/main/src/webComponents/FlexibleColumnLayout/index.tsx b/packages/main/src/webComponents/FlexibleColumnLayout/index.tsx index a52f757fb6b..af4470ca8b0 100644 --- a/packages/main/src/webComponents/FlexibleColumnLayout/index.tsx +++ b/packages/main/src/webComponents/FlexibleColumnLayout/index.tsx @@ -225,6 +225,8 @@ interface FlexibleColumnLayoutPropTypes * * * __Note:__ This is a UI5 Web Component! [FlexibleColumnLayout UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/FlexibleColumnLayout) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents-fiori__. */ const FlexibleColumnLayout = withWebComponent( 'ui5-flexible-column-layout', diff --git a/packages/main/src/webComponents/IllustratedMessage/index.tsx b/packages/main/src/webComponents/IllustratedMessage/index.tsx index 05517f18cdd..50359282869 100644 --- a/packages/main/src/webComponents/IllustratedMessage/index.tsx +++ b/packages/main/src/webComponents/IllustratedMessage/index.tsx @@ -107,6 +107,8 @@ interface IllustratedMessagePropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. + * * __Supported Node Type/s:__ `Array` */ subtitle?: UI5WCSlotsNode; @@ -162,6 +164,8 @@ interface IllustratedMessagePropTypes * * * __Note:__ This is a UI5 Web Component! [IllustratedMessage UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/IllustratedMessage) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents-fiori__. */ const IllustratedMessage = withWebComponent( 'ui5-illustrated-message', diff --git a/packages/main/src/webComponents/Input/index.tsx b/packages/main/src/webComponents/Input/index.tsx index bead46a2014..ea9dc6a72ea 100644 --- a/packages/main/src/webComponents/Input/index.tsx +++ b/packages/main/src/webComponents/Input/index.tsx @@ -28,12 +28,16 @@ interface InputAttributes { /** * Defines the accessible ARIA name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; /** * Receives id(or many ids) of the elements that label the input. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleNameRef?: string | undefined; @@ -58,6 +62,8 @@ interface InputAttributes { * Sets the maximum number of characters available in the input field. * * **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. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ maxlength?: number | undefined; @@ -106,6 +112,8 @@ interface InputAttributes { /** * Defines whether the component is required. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ required?: boolean; @@ -215,6 +223,8 @@ interface InputPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * __Supported Node Type/s:__ `Array` */ valueStateMessage?: UI5WCSlotsNode; diff --git a/packages/main/src/webComponents/InputIcon/index.tsx b/packages/main/src/webComponents/InputIcon/index.tsx index c15d7cab6a5..7a81a74bf08 100644 --- a/packages/main/src/webComponents/InputIcon/index.tsx +++ b/packages/main/src/webComponents/InputIcon/index.tsx @@ -9,7 +9,7 @@ interface InputIconAttributes { * Defines the accessible name of the icon. * * **Note:** This property is used for accessibility purposes and will be announced by screen readers. - * When set, it is also rendered as a native `title` tooltip. + * When set, it is also rendered as a native `title` tooltip, unless `hideTooltip` is set. * @default undefined */ accessibleName?: string | undefined; diff --git a/packages/main/src/webComponents/Link/index.tsx b/packages/main/src/webComponents/Link/index.tsx index 5937cd3e330..c023abb83dd 100644 --- a/packages/main/src/webComponents/Link/index.tsx +++ b/packages/main/src/webComponents/Link/index.tsx @@ -44,6 +44,8 @@ interface LinkAttributes { /** * Receives id(or many ids) of the elements that label the input + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleNameRef?: string | undefined; @@ -51,7 +53,7 @@ interface LinkAttributes { /** * Defines the ARIA role of the component. * - * **Note:** Use the LinkAccessibleRole.Button role in cases when navigation is not expected to occur and the href property is not defined. + * **Note:** Set the role to LinkAccessibleRole.Button when the link triggers an action instead of navigating (when the href property is not defined). Otherwise, the component keeps the default "Link" role, and some screen readers (for example, JAWS in browse mode) cannot activate it, as a link with no href has no destination to navigate to. * * **Note:** Available since [v1.9.0](https://github.com/UI5/webcomponents/releases/tag/v1.9.0) of **@ui5/webcomponents**. * @default "Link" @@ -202,6 +204,21 @@ interface LinkPropTypes extends LinkAttributes, Omit`) and opens the specified URL in the given target frame (`target` property). * To specify where the linked content is opened, you can use the `target` property. * + * ### Navigation vs. Action + * + * The `Link` supports two distinct use cases. Choosing the right one is important for accessibility: + * + * - **Navigation**: set the `href` property (and optionally `target`). The component behaves as a + * standard anchor tag, and the browser handles navigation, which also enables native + * affordances such as open-in-new-tab, copy link, and hover preview. + * - **Action**: when the link triggers an in-page action (for example, opening a dialog) instead of + * navigating, leave `href` unset and set `accessibleRole` to `"Button"`. This exposes the component + * with a `button` role, which assistive technologies activate reliably. + * + * **Note:** A link that triggers an action but keeps the default `"Link"` role (with no `href`) cannot be + * activated by some screen readers, such as JAWS in browse mode, because a link without `href` has + * no destination to navigate to. Always set `accessibleRole="Button"` for action-only links. + * * ### Responsive behavior * * If there is not enough space, the text of the `Link` becomes truncated. diff --git a/packages/main/src/webComponents/List/index.tsx b/packages/main/src/webComponents/List/index.tsx index 41d3c9175d1..9337d692a6c 100644 --- a/packages/main/src/webComponents/List/index.tsx +++ b/packages/main/src/webComponents/List/index.tsx @@ -60,18 +60,24 @@ interface ListAttributes { /** * Defines the accessible name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; /** * Defines the IDs of the elements that label the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleNameRef?: string | undefined; /** * Defines the accessible role of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default "List" */ accessibleRole?: ListAccessibleRole | keyof typeof ListAccessibleRole; @@ -88,6 +94,8 @@ interface ListAttributes { * * **Restrictions:** `growing="Scroll"` is not supported for Internet Explorer, * on IE the component will fallback to `growing="Button"`. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default "None" */ growing?: ListGrowingMode | keyof typeof ListGrowingMode; @@ -99,7 +107,7 @@ interface ListAttributes { * * **Note:** This property takes effect if the `growing` property is set to the `Button`. * - * **Note:** Available since [v1.24](https://github.com/UI5/webcomponents/releases/tag/v1.24) of **@ui5/webcomponents**. + * **Note:** Available since [v1.24.0](https://github.com/UI5/webcomponents/releases/tag/v1.24.0) of **@ui5/webcomponents**. * @default undefined */ growingButtonText?: string | undefined; @@ -120,6 +128,8 @@ interface ListAttributes { /** * Defines if the component would display a loading indicator over the list. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ loading?: boolean; @@ -231,6 +241,8 @@ interface ListPropTypes * **Note:** This event is only applicable to list items that can be closed (such as notification list items), * not to be confused with `item-delete`. * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * | cancelable | bubbles | * | :--------: | :-----: | * | ❌|✅| @@ -254,6 +266,8 @@ interface ListPropTypes * * **Note:** This event is only applicable to list items that can be toggled (such as notification group list items). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * | cancelable | bubbles | * | :--------: | :-----: | * | ❌|✅| @@ -265,6 +279,8 @@ interface ListPropTypes * * **Note:** The event is fired when the `growing='Scroll'` property is enabled. * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * | cancelable | bubbles | * | :--------: | :-----: | * | ❌|✅| diff --git a/packages/main/src/webComponents/ListItemCustom/index.tsx b/packages/main/src/webComponents/ListItemCustom/index.tsx index 7193cf73b10..32163fdd35d 100644 --- a/packages/main/src/webComponents/ListItemCustom/index.tsx +++ b/packages/main/src/webComponents/ListItemCustom/index.tsx @@ -30,6 +30,8 @@ interface ListItemCustomAttributes { * Defines the text alternative of the component. * * **Note**: If not provided a default text alternative will be set, if present. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; @@ -50,7 +52,7 @@ interface ListItemCustomAttributes { * Defines the highlight state of the list items. * Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`. * - * **Note:** Available since [v1.24](https://github.com/UI5/webcomponents/releases/tag/v1.24) of **@ui5/webcomponents**. + * **Note:** Available since [v1.24.0](https://github.com/UI5/webcomponents/releases/tag/v1.24.0) of **@ui5/webcomponents**. * @default "None" */ highlight?: Highlight | keyof typeof Highlight; diff --git a/packages/main/src/webComponents/ListItemStandard/index.tsx b/packages/main/src/webComponents/ListItemStandard/index.tsx index 64fe064493d..c5265e1ad21 100644 --- a/packages/main/src/webComponents/ListItemStandard/index.tsx +++ b/packages/main/src/webComponents/ListItemStandard/index.tsx @@ -31,6 +31,8 @@ interface ListItemStandardAttributes { /** * Defines the text alternative of the component. * Note: If not provided a default text alternative will be set, if present. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; @@ -49,6 +51,8 @@ interface ListItemStandardAttributes { /** * Defines the `additionalText`, displayed in the end of the list item. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ additionalText?: string | undefined; @@ -57,12 +61,16 @@ interface ListItemStandardAttributes { * Defines the state of the `additionalText`. * * Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default "None" */ additionalTextState?: ValueState | keyof typeof ValueState; /** * Defines the description displayed right under the item text, if such is present. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ description?: string | undefined; @@ -71,7 +79,7 @@ interface ListItemStandardAttributes { * Defines the highlight state of the list items. * Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`. * - * **Note:** Available since [v1.24](https://github.com/UI5/webcomponents/releases/tag/v1.24) of **@ui5/webcomponents**. + * **Note:** Available since [v1.24.0](https://github.com/UI5/webcomponents/releases/tag/v1.24.0) of **@ui5/webcomponents**. * @default "None" */ highlight?: Highlight | keyof typeof Highlight; diff --git a/packages/main/src/webComponents/MenuItem/index.tsx b/packages/main/src/webComponents/MenuItem/index.tsx index 97db0627b5d..163a599c488 100644 --- a/packages/main/src/webComponents/MenuItem/index.tsx +++ b/packages/main/src/webComponents/MenuItem/index.tsx @@ -87,7 +87,7 @@ interface MenuItemAttributes { * Defines the highlight state of the list items. * Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`. * - * **Note:** Available since [v1.24](https://github.com/UI5/webcomponents/releases/tag/v1.24) of **@ui5/webcomponents**. + * **Note:** Available since [v1.24.0](https://github.com/UI5/webcomponents/releases/tag/v1.24.0) of **@ui5/webcomponents**. * @default "None" */ highlight?: Highlight | keyof typeof Highlight; diff --git a/packages/main/src/webComponents/MessageStrip/index.tsx b/packages/main/src/webComponents/MessageStrip/index.tsx index 4572da346f3..dad0fcbfc53 100644 --- a/packages/main/src/webComponents/MessageStrip/index.tsx +++ b/packages/main/src/webComponents/MessageStrip/index.tsx @@ -19,6 +19,8 @@ interface MessageStripAttributes { /** * Defines the component type. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default "Information" */ design?: MessageStripDesign | keyof typeof MessageStripDesign; @@ -34,6 +36,8 @@ interface MessageStripAttributes { * You can directly provide an icon with the `icon` slot. Otherwise, the default icon for the type will be used. * * * **Note:** If MessageStripDesign.ColorSet1 or MessageStripDesign.ColorSet2 value is set to the design property, default icon will not be presented. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ hideIcon?: boolean; @@ -102,6 +106,8 @@ interface MessageStripPropTypes * * * __Note:__ This is a UI5 Web Component! [MessageStrip UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/MessageStrip) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const MessageStrip = withWebComponent( 'ui5-message-strip', diff --git a/packages/main/src/webComponents/MultiComboBox/index.tsx b/packages/main/src/webComponents/MultiComboBox/index.tsx index b1abfdf68af..a6151e221a4 100644 --- a/packages/main/src/webComponents/MultiComboBox/index.tsx +++ b/packages/main/src/webComponents/MultiComboBox/index.tsx @@ -100,6 +100,8 @@ interface MultiComboBoxAttributes { /** * Defines whether the component is required. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ required?: boolean; @@ -186,6 +188,8 @@ interface MultiComboBoxPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * __Supported Node Type/s:__ `Array` */ icon?: UI5WCSlotsNode; @@ -205,6 +209,8 @@ interface MultiComboBoxPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * __Supported Node Type/s:__ `Array` */ valueStateMessage?: UI5WCSlotsNode; @@ -308,6 +314,8 @@ interface MultiComboBoxPropTypes * * * __Note:__ This is a UI5 Web Component! [MultiComboBox UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/MultiComboBox) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const MultiComboBox = withWebComponent( 'ui5-multi-combobox', diff --git a/packages/main/src/webComponents/MultiComboBoxItem/index.tsx b/packages/main/src/webComponents/MultiComboBoxItem/index.tsx index 832efeac437..b356fdb08a8 100644 --- a/packages/main/src/webComponents/MultiComboBoxItem/index.tsx +++ b/packages/main/src/webComponents/MultiComboBoxItem/index.tsx @@ -8,6 +8,8 @@ import type { CommonProps, Ui5CustomEvent, Ui5DomRef } from '@ui5/webcomponents- interface MultiComboBoxItemAttributes { /** * Defines the additional text of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ additionalText?: string | undefined; diff --git a/packages/main/src/webComponents/MultiInput/index.tsx b/packages/main/src/webComponents/MultiInput/index.tsx index 1e8c291751c..a052ddc6778 100644 --- a/packages/main/src/webComponents/MultiInput/index.tsx +++ b/packages/main/src/webComponents/MultiInput/index.tsx @@ -29,12 +29,16 @@ interface MultiInputAttributes { /** * Defines the accessible ARIA name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; /** * Receives id(or many ids) of the elements that label the input. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleNameRef?: string | undefined; @@ -59,6 +63,8 @@ interface MultiInputAttributes { * Sets the maximum number of characters available in the input field. * * **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. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ maxlength?: number | undefined; @@ -109,6 +115,8 @@ interface MultiInputAttributes { /** * Defines whether the component is required. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ required?: boolean; @@ -241,6 +249,8 @@ interface MultiInputPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * __Supported Node Type/s:__ `Array` */ valueStateMessage?: UI5WCSlotsNode; @@ -343,6 +353,8 @@ interface MultiInputPropTypes * * * __Note:__ This is a UI5 Web Component! [MultiInput UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/MultiInput) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const MultiInput = withWebComponent( 'ui5-multi-input', diff --git a/packages/main/src/webComponents/NotificationListGroupItem/index.tsx b/packages/main/src/webComponents/NotificationListGroupItem/index.tsx index 6b9d2dc5e82..c18fcdae6f9 100644 --- a/packages/main/src/webComponents/NotificationListGroupItem/index.tsx +++ b/packages/main/src/webComponents/NotificationListGroupItem/index.tsx @@ -25,6 +25,8 @@ interface NotificationListGroupItemAttributes { /** * Defines if a busy indicator would be displayed over the item. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. * @default false */ loading?: boolean; @@ -124,6 +126,8 @@ interface NotificationListGroupItemPropTypes * * * __Note:__ This is a UI5 Web Component! [NotificationListGroupItem UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/NotificationListGroupItem) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents-fiori__. */ const NotificationListGroupItem = withWebComponent( 'ui5-li-notification-group', diff --git a/packages/main/src/webComponents/NotificationListItem/index.tsx b/packages/main/src/webComponents/NotificationListItem/index.tsx index 6cfbb5a7399..39b129b8e8e 100644 --- a/packages/main/src/webComponents/NotificationListItem/index.tsx +++ b/packages/main/src/webComponents/NotificationListItem/index.tsx @@ -21,6 +21,8 @@ interface NotificationListItemAttributes { /** * Defines if a busy indicator would be displayed over the item. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. * @default false */ loading?: boolean; @@ -64,6 +66,8 @@ interface NotificationListItemAttributes { * * **Note:** by default the `titleText` and `description`, * and a `ShowMore/Less` button would be displayed. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. * @default "None" */ wrappingType?: WrappingType | keyof typeof WrappingType; @@ -192,6 +196,8 @@ interface NotificationListItemPropTypes * * * __Note:__ This is a UI5 Web Component! [NotificationListItem UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/NotificationListItem) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents-fiori__. */ const NotificationListItem = withWebComponent( 'ui5-li-notification', diff --git a/packages/main/src/webComponents/NumberInput/NumberInput.mdx b/packages/main/src/webComponents/NumericInput/NumericInput.mdx similarity index 85% rename from packages/main/src/webComponents/NumberInput/NumberInput.mdx rename to packages/main/src/webComponents/NumericInput/NumericInput.mdx index 52db803ce59..8ba64a340aa 100644 --- a/packages/main/src/webComponents/NumberInput/NumberInput.mdx +++ b/packages/main/src/webComponents/NumericInput/NumericInput.mdx @@ -1,6 +1,6 @@ import { ControlsWithNote, DocsHeader, Footer } from '@sb/components'; import { Canvas, Meta } from '@storybook/addon-docs/blocks'; -import * as ComponentStories from './NumberInput.stories'; +import * as ComponentStories from './NumericInput.stories'; diff --git a/packages/main/src/webComponents/NumberInput/NumberInput.stories.tsx b/packages/main/src/webComponents/NumericInput/NumericInput.stories.tsx similarity index 74% rename from packages/main/src/webComponents/NumberInput/NumberInput.stories.tsx rename to packages/main/src/webComponents/NumericInput/NumericInput.stories.tsx index efdf0b31d12..291069a1795 100644 --- a/packages/main/src/webComponents/NumberInput/NumberInput.stories.tsx +++ b/packages/main/src/webComponents/NumericInput/NumericInput.stories.tsx @@ -1,10 +1,10 @@ import type { Meta, StoryObj } from '@storybook/react-vite'; import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js'; -import { NumberInput } from './index.js'; +import { NumericInput } from './index.js'; const meta = { - title: 'Inputs / NumberInput', - component: NumberInput, + title: 'Inputs / NumericInput', + component: NumericInput, argTypes: { valueStateMessage: { control: { disable: true } }, }, @@ -12,7 +12,7 @@ const meta = { valueState: ValueState.None, }, tags: ['package:@ui5/webcomponents', 'experimental'], -} satisfies Meta; +} satisfies Meta; export default meta; type Story = StoryObj; diff --git a/packages/main/src/webComponents/NumberInput/index.tsx b/packages/main/src/webComponents/NumericInput/index.tsx similarity index 70% rename from packages/main/src/webComponents/NumberInput/index.tsx rename to packages/main/src/webComponents/NumericInput/index.tsx index d8d921d4054..069777e5dc7 100644 --- a/packages/main/src/webComponents/NumberInput/index.tsx +++ b/packages/main/src/webComponents/NumericInput/index.tsx @@ -1,12 +1,12 @@ 'use client'; -import '@ui5/webcomponents/dist/NumberInput.js'; -import type { NumberInputValueStateChangeEventDetail } from '@ui5/webcomponents/dist/NumberInput.js'; +import '@ui5/webcomponents/dist/NumericInput.js'; +import type { NumericInputValueStateChangeEventDetail } from '@ui5/webcomponents/dist/NumericInput.js'; import type ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js'; import { withWebComponent } from '@ui5/webcomponents-react-base'; import type { CommonProps, Ui5CustomEvent, Ui5DomRef, UI5WCSlotsNode } from '@ui5/webcomponents-react-base'; -interface NumberInputAttributes { +interface NumericInputAttributes { /** * Defines the accessible ARIA name of the component. * @default undefined @@ -45,6 +45,16 @@ interface NumberInputAttributes { */ name?: string | undefined; + /** + * Defines a short hint, intended to aid the user with data entry when the + * component has no value. + * + * **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. + * @default undefined + */ + placeholder?: string | undefined; + /** * Determines whether the component is displayed as read-only. * @default false @@ -76,14 +86,14 @@ interface NumberInputAttributes { valueState?: ValueState | keyof typeof ValueState; } -interface NumberInputDomRef extends Required, Ui5DomRef {} +interface NumericInputDomRef extends Required, Ui5DomRef {} -interface NumberInputPropTypes +interface NumericInputPropTypes extends - NumberInputAttributes, + NumericInputAttributes, Omit< CommonProps, - keyof NumberInputAttributes | 'valueStateMessage' | 'onChange' | 'onInput' | 'onValueStateChange' + keyof NumericInputAttributes | 'valueStateMessage' | 'onChange' | 'onInput' | 'onValueStateChange' > { /** * Defines the value state message that will be displayed as pop up under the component. @@ -109,7 +119,7 @@ interface NumberInputPropTypes * | :--------: | :-----: | * | ❌|✅| */ - onChange?: (event: Ui5CustomEvent) => void; + onChange?: (event: Ui5CustomEvent) => void; /** * Fired when the value of the component changes at each keystroke. @@ -120,7 +130,7 @@ interface NumberInputPropTypes * | :--------: | :-----: | * | ✅|✅| */ - onInput?: (event: Ui5CustomEvent) => void; + onInput?: (event: Ui5CustomEvent) => void; /** * Fired before the value state of the component is updated internally. @@ -133,17 +143,17 @@ interface NumberInputPropTypes * | :--------: | :-----: | * | ✅|✅| */ - onValueStateChange?: (event: Ui5CustomEvent) => void; + onValueStateChange?: (event: Ui5CustomEvent) => void; } /** - * The `NumberInput` component is a numeric input field. It allows users to enter, edit and select numeric values. + * The `NumericInput` component is a numeric input field. It allows users to enter, edit and select numeric values. * * ### Usage * * The default step is 1 but the app developer can set a different one. * - * App developers can set a maximum and minimum value for `NumberInput`. + * App developers can set a maximum and minimum value for `NumericInput`. * The increase/decrease button and the up/down keyboard navigation become disabled when * the value reaches the max/min or a new value is entered from the input which is greater/less than the max/min. * @@ -160,20 +170,31 @@ interface NumberInputPropTypes * * * - * __Note:__ This is a UI5 Web Component! [NumberInput UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/NumberInput) | [Repository](https://github.com/UI5/webcomponents) + * __Note:__ This is a UI5 Web Component! [NumericInput UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/NumericInput) | [Repository](https://github.com/UI5/webcomponents) * - * @since [2.27.0](https://github.com/UI5/webcomponents/releases/tag/v2.27.0) of __@ui5/webcomponents__. + * @since [2.28.0](https://github.com/UI5/webcomponents/releases/tag/v2.28.0) of __@ui5/webcomponents__. * @experimental */ -const NumberInput = withWebComponent( - 'ui5-number-input', - ['accessibleName', 'accessibleNameRef', 'max', 'min', 'name', 'step', 'value', 'valuePrecision', 'valueState'], +const NumericInput = withWebComponent( + 'ui5-numeric-input', + [ + 'accessibleName', + 'accessibleNameRef', + 'max', + 'min', + 'name', + 'placeholder', + 'step', + 'value', + 'valuePrecision', + 'valueState', + ], ['disabled', 'readonly'], ['valueStateMessage'], ['change', 'input', 'value-state-change'], ); -NumberInput.displayName = 'NumberInput'; +NumericInput.displayName = 'NumericInput'; -export { NumberInput }; -export type { NumberInputDomRef, NumberInputPropTypes }; +export { NumericInput }; +export type { NumericInputDomRef, NumericInputPropTypes }; diff --git a/packages/main/src/webComponents/Option/index.tsx b/packages/main/src/webComponents/Option/index.tsx index 68ef96f92ea..fe81b04eecd 100644 --- a/packages/main/src/webComponents/Option/index.tsx +++ b/packages/main/src/webComponents/Option/index.tsx @@ -9,6 +9,8 @@ import type { ReactNode } from 'react'; interface OptionAttributes { /** * Defines the `additionalText`, displayed in the end of the option. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ additionalText?: string | undefined; diff --git a/packages/main/src/webComponents/Page/index.tsx b/packages/main/src/webComponents/Page/index.tsx index 9a95f973938..fb61b13496d 100644 --- a/packages/main/src/webComponents/Page/index.tsx +++ b/packages/main/src/webComponents/Page/index.tsx @@ -94,6 +94,8 @@ interface PagePropTypes * * * __Note:__ This is a UI5 Web Component! [Page UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/Page) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents-fiori__. */ const Page = withWebComponent( 'ui5-page', diff --git a/packages/main/src/webComponents/Panel/index.tsx b/packages/main/src/webComponents/Panel/index.tsx index ebaeceb0aba..d62172cdf35 100644 --- a/packages/main/src/webComponents/Panel/index.tsx +++ b/packages/main/src/webComponents/Panel/index.tsx @@ -10,6 +10,8 @@ import type { ReactNode } from 'react'; interface PanelAttributes { /** * Defines the accessible ARIA name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; @@ -53,6 +55,8 @@ interface PanelAttributes { /** * Indicates whether the transition between the expanded and the collapsed state of the component is animated. By default the animation is enabled. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ noAnimation?: boolean; @@ -62,6 +66,8 @@ interface PanelAttributes { * If stickyHeader is set to true, then whenever you scroll the content or * the application, the header of the panel will be always visible and * a solid color will be used for its design. + * + * **Note:** Available since [v1.16.0](https://github.com/UI5/webcomponents/releases/tag/v1.16.0) of **@ui5/webcomponents**. * @default false */ stickyHeader?: boolean; diff --git a/packages/main/src/webComponents/Popover/index.tsx b/packages/main/src/webComponents/Popover/index.tsx index 17de56be683..cd73edf7669 100644 --- a/packages/main/src/webComponents/Popover/index.tsx +++ b/packages/main/src/webComponents/Popover/index.tsx @@ -29,6 +29,8 @@ interface PopoverAttributes { /** * Defines the accessible name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; @@ -66,6 +68,8 @@ interface PopoverAttributes { /** * Determines whether the component arrow is hidden. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ hideArrow?: boolean; @@ -120,6 +124,8 @@ interface PopoverAttributes { /** * Defines if the focus should be returned to the previously focused element, * when the popup closes. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ preventFocusRestore?: boolean; @@ -266,6 +272,8 @@ interface PopoverPropTypes * * * __Note:__ This is a UI5 Web Component! [Popover UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/Popover) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const Popover = withWebComponent( 'ui5-popover', diff --git a/packages/main/src/webComponents/ProductSwitch/index.tsx b/packages/main/src/webComponents/ProductSwitch/index.tsx index 9af2e453be6..1d571a34b32 100644 --- a/packages/main/src/webComponents/ProductSwitch/index.tsx +++ b/packages/main/src/webComponents/ProductSwitch/index.tsx @@ -36,6 +36,8 @@ interface ProductSwitchPropTypes extends ProductSwitchAttributes, Omit( 'ui5-product-switch', diff --git a/packages/main/src/webComponents/ProductSwitchItem/index.tsx b/packages/main/src/webComponents/ProductSwitchItem/index.tsx index f5c817447ec..5d4e5b32061 100644 --- a/packages/main/src/webComponents/ProductSwitchItem/index.tsx +++ b/packages/main/src/webComponents/ProductSwitchItem/index.tsx @@ -19,6 +19,8 @@ interface ProductSwitchItemAttributes { /** * Defines the subtitle of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. * @default undefined */ subtitleText?: string | undefined; @@ -47,6 +49,8 @@ interface ProductSwitchItemAttributes { /** * Defines the title of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. * @default undefined */ titleText?: string | undefined; @@ -100,6 +104,8 @@ interface ProductSwitchItemPropTypes * * * __Note:__ This is a UI5 Web Component! [ProductSwitchItem UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/ProductSwitchItem) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents-fiori__. */ const ProductSwitchItem = withWebComponent( 'ui5-product-switch-item', diff --git a/packages/main/src/webComponents/ProgressIndicator/index.tsx b/packages/main/src/webComponents/ProgressIndicator/index.tsx index 28946eb3590..56b38312354 100644 --- a/packages/main/src/webComponents/ProgressIndicator/index.tsx +++ b/packages/main/src/webComponents/ProgressIndicator/index.tsx @@ -62,6 +62,8 @@ interface ProgressIndicatorPropTypes * * * __Note:__ This is a UI5 Web Component! [ProgressIndicator UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/ProgressIndicator) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const ProgressIndicator = withWebComponent( 'ui5-progress-indicator', diff --git a/packages/main/src/webComponents/RadioButton/index.tsx b/packages/main/src/webComponents/RadioButton/index.tsx index 0455bf0244c..b233e09a99c 100644 --- a/packages/main/src/webComponents/RadioButton/index.tsx +++ b/packages/main/src/webComponents/RadioButton/index.tsx @@ -32,6 +32,8 @@ interface RadioButtonAttributes { * * **Note:** Only enabled radio buttons can be checked. * Read-only radio buttons are not selectable, and therefore are always unchecked. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ checked?: boolean; @@ -110,6 +112,8 @@ interface RadioButtonPropTypes /** * Fired when the component checked state changes. * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. + * * | cancelable | bubbles | * | :--------: | :-----: | * | ❌|✅| diff --git a/packages/main/src/webComponents/RangeSlider/index.tsx b/packages/main/src/webComponents/RangeSlider/index.tsx index e8133f43ac6..0d9026867bd 100644 --- a/packages/main/src/webComponents/RangeSlider/index.tsx +++ b/packages/main/src/webComponents/RangeSlider/index.tsx @@ -185,6 +185,8 @@ interface RangeSliderPropTypes * * * __Note:__ This is a UI5 Web Component! [RangeSlider UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/RangeSlider) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const RangeSlider = withWebComponent( 'ui5-range-slider', diff --git a/packages/main/src/webComponents/RatingIndicator/index.tsx b/packages/main/src/webComponents/RatingIndicator/index.tsx index 9ae9e36b3f9..677f4f97e80 100644 --- a/packages/main/src/webComponents/RatingIndicator/index.tsx +++ b/packages/main/src/webComponents/RatingIndicator/index.tsx @@ -8,6 +8,8 @@ import type { CommonProps, Ui5CustomEvent, Ui5DomRef } from '@ui5/webcomponents- interface RatingIndicatorAttributes { /** * Defines the accessible ARIA name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; @@ -41,6 +43,8 @@ interface RatingIndicatorAttributes { /** * The number of displayed rating symbols. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default 5 */ max?: number; @@ -48,7 +52,7 @@ interface RatingIndicatorAttributes { /** * Defines the icon to be displayed for the selected (filled) rating symbol. * - * **Note:** Available since [v2.20](https://github.com/UI5/webcomponents/releases/tag/v2.20) of **@ui5/webcomponents**. + * **Note:** Available since [v2.20.0](https://github.com/UI5/webcomponents/releases/tag/v2.20.0) of **@ui5/webcomponents**. * @default "favorite" */ ratedIcon?: string; @@ -89,7 +93,7 @@ interface RatingIndicatorAttributes { /** * Defines the icon to be displayed for the unselected (empty) rating symbol. * - * **Note:** Available since [v2.20](https://github.com/UI5/webcomponents/releases/tag/v2.20) of **@ui5/webcomponents**. + * **Note:** Available since [v2.20.0](https://github.com/UI5/webcomponents/releases/tag/v2.20.0) of **@ui5/webcomponents**. * @default "unfavorite" */ unratedIcon?: string; @@ -147,6 +151,8 @@ interface RatingIndicatorPropTypes * * * __Note:__ This is a UI5 Web Component! [RatingIndicator UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/RatingIndicator) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const RatingIndicator = withWebComponent( 'ui5-rating-indicator', diff --git a/packages/main/src/webComponents/ResponsivePopover/index.tsx b/packages/main/src/webComponents/ResponsivePopover/index.tsx index 25f16906d6c..837f2837521 100644 --- a/packages/main/src/webComponents/ResponsivePopover/index.tsx +++ b/packages/main/src/webComponents/ResponsivePopover/index.tsx @@ -29,6 +29,8 @@ interface ResponsivePopoverAttributes { /** * Defines the accessible name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; @@ -66,6 +68,8 @@ interface ResponsivePopoverAttributes { /** * Determines whether the component arrow is hidden. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ hideArrow?: boolean; @@ -120,6 +124,8 @@ interface ResponsivePopoverAttributes { /** * Defines if the focus should be returned to the previously focused element, * when the popup closes. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ preventFocusRestore?: boolean; @@ -254,6 +260,8 @@ interface ResponsivePopoverPropTypes * * * __Note:__ This is a UI5 Web Component! [ResponsivePopover UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/ResponsivePopover) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const ResponsivePopover = withWebComponent( 'ui5-responsive-popover', diff --git a/packages/main/src/webComponents/SegmentedButton/index.tsx b/packages/main/src/webComponents/SegmentedButton/index.tsx index 1a54d1d803f..cd35a5e97cb 100644 --- a/packages/main/src/webComponents/SegmentedButton/index.tsx +++ b/packages/main/src/webComponents/SegmentedButton/index.tsx @@ -105,6 +105,8 @@ interface SegmentedButtonPropTypes * * * __Note:__ This is a UI5 Web Component! [SegmentedButton UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/SegmentedButton) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const SegmentedButton = withWebComponent( 'ui5-segmented-button', diff --git a/packages/main/src/webComponents/SegmentedButtonItem/index.tsx b/packages/main/src/webComponents/SegmentedButtonItem/index.tsx index 9e85b861463..f1f5b85cfc1 100644 --- a/packages/main/src/webComponents/SegmentedButtonItem/index.tsx +++ b/packages/main/src/webComponents/SegmentedButtonItem/index.tsx @@ -25,6 +25,8 @@ interface SegmentedButtonItemAttributes { /** * Defines the accessible ARIA name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; diff --git a/packages/main/src/webComponents/Select/index.tsx b/packages/main/src/webComponents/Select/index.tsx index 5e3a03314fa..719c1b31302 100644 --- a/packages/main/src/webComponents/Select/index.tsx +++ b/packages/main/src/webComponents/Select/index.tsx @@ -27,12 +27,16 @@ interface SelectAttributes { /** * Defines the accessible ARIA name of the component. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleName?: string | undefined; /** * Receives id(or many ids) of the elements that label the select. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default undefined */ accessibleNameRef?: string | undefined; @@ -66,6 +70,8 @@ interface SelectAttributes { /** * Defines whether the component is required. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents**. * @default false */ required?: boolean; @@ -274,6 +280,8 @@ interface SelectPropTypes * `import "@ui5/webcomponents/dist/OptionCustom";` * * __Note:__ This is a UI5 Web Component! [Select UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/Select) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents__. */ const Select = withWebComponent( 'ui5-select', diff --git a/packages/main/src/webComponents/ShellBar/index.tsx b/packages/main/src/webComponents/ShellBar/index.tsx index 3421cc7e7b3..f783e1eb249 100644 --- a/packages/main/src/webComponents/ShellBar/index.tsx +++ b/packages/main/src/webComponents/ShellBar/index.tsx @@ -128,26 +128,36 @@ interface ShellBarDomRef extends Required, Ui5DomRef { /** * Returns the `logo` DOM ref. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. */ readonly logoDomRef: HTMLElement | null; /** * Returns the `notifications` icon DOM ref. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. */ readonly notificationsDomRef: HTMLElement | null; /** * Returns the `overflow` icon DOM ref. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. */ readonly overflowDomRef: HTMLElement | null; /** * Returns the `product-switch` icon DOM ref. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. */ readonly productSwitchDomRef: HTMLElement | null; /** * Returns the `profile` icon DOM ref. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. */ readonly profileDomRef: HTMLElement | null; } @@ -251,6 +261,8 @@ interface ShellBarPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. + * * __Supported Node Type/s:__ `Array` */ logo?: UI5WCSlotsNode; @@ -266,6 +278,8 @@ interface ShellBarPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. + * * __Supported Node Type/s:__ `Array` */ menuItems?: UI5WCSlotsNode; @@ -283,6 +297,8 @@ interface ShellBarPropTypes * __Note:__ When passing a custom React component to this prop, you have to make sure your component reads the `slot` prop and appends it to the most outer element of your component. * Learn more about it [here](https://ui5.github.io/webcomponents-react/v2/?path=/docs/knowledge-base-handling-slots--docs). * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. + * * __Supported Node Type/s:__ `Array` */ profile?: UI5WCSlotsNode; @@ -331,6 +347,8 @@ interface ShellBarPropTypes /** * Fired, when the logo is activated. * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. + * * | cancelable | bubbles | * | :--------: | :-----: | * | ❌|✅| @@ -344,6 +362,8 @@ interface ShellBarPropTypes * * **Note:** Call `event.preventDefault()` inside the handler of this event to prevent its default action/s. * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. + * * | cancelable | bubbles | * | :--------: | :-----: | * | ✅|✅| @@ -448,6 +468,8 @@ interface ShellBarPropTypes * * * __Note:__ This is a UI5 Web Component! [ShellBar UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/ShellBar) | [Repository](https://github.com/UI5/webcomponents) + * + * @since [1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of __@ui5/webcomponents-fiori__. */ const ShellBar = withWebComponent( 'ui5-shellbar', diff --git a/packages/main/src/webComponents/ShellBarItem/index.tsx b/packages/main/src/webComponents/ShellBarItem/index.tsx index d4da4b8fd10..9bf5797ba77 100644 --- a/packages/main/src/webComponents/ShellBarItem/index.tsx +++ b/packages/main/src/webComponents/ShellBarItem/index.tsx @@ -32,6 +32,8 @@ interface ShellBarItemAttributes { /** * Defines the count displayed in badge. + * + * **Note:** Available since [v1.0.0](https://github.com/UI5/webcomponents/releases/tag/v1.0.0) of **@ui5/webcomponents-fiori**. * @default undefined */ count?: string | undefined; diff --git a/packages/main/src/webComponents/SideNavigation/SideNavigation.mdx b/packages/main/src/webComponents/SideNavigation/SideNavigation.mdx index 17bc1a05ad6..c84f0774e52 100644 --- a/packages/main/src/webComponents/SideNavigation/SideNavigation.mdx +++ b/packages/main/src/webComponents/SideNavigation/SideNavigation.mdx @@ -4,6 +4,7 @@ import { Canvas, Description, Markdown, Meta } from '@storybook/addon-docs/block import { SideNavigationItem } from '../SideNavigationItem'; import { SideNavigationSubItem } from '../SideNavigationSubItem'; import { SideNavigationGroup } from '../SideNavigationGroup'; +import { SideNavigationSearchField } from '../SideNavigationSearchField'; import * as ComponentStories from './SideNavigation.stories'; import { excludePropsForAbstract } from '@sb/utils'; @@ -11,7 +12,7 @@ import { excludePropsForAbstract } from '@sb/utils'; [//]: # 'todo: remove once `_ui5type.references` is available in CEM again' - +
@@ -19,6 +20,10 @@ import { excludePropsForAbstract } from '@sb/utils'; +### With Search Field + + + ## Properties @@ -40,4 +45,9 @@ import { excludePropsForAbstract } from '@sb/utils'; +## SideNavigationSearchField + + + +