@ui5/webcomponents 2.29.0-rc.0 → 2.29.0-rc.1

package/dist/ComboBoxPopoverTemplate.js

@@ -9,7 +9,6 @@ import Popover from "./Popover.js";
 import ResponsivePopover from "./ResponsivePopover.js";
 import BusyIndicator from "./BusyIndicator.js";
 import SuggestionItem from "./SuggestionItem.js";
-import generateHighlightedMarkupFirstMatch from "@ui5/webcomponents-base/dist/util/generateHighlightedMarkupFirstMatch.js";
 import { LOADING_DELAY } from "./features/ComboBoxLazyLoading.js";
 export default function ComboBoxPopoverTemplate() {
     return (_jsxs(_Fragment, { children: [_jsxs(ResponsivePopover, { id: this.responsivePopoverId, class: this.classes.popover, style: this.styles.suggestionsPopover, tabindex: -1, open: this.open, opener: this, hideArrow: true, preventFocusRestore: true, preventInitialFocus: true, placement: "Bottom", horizontalAlign: "Start", accessibleName: this._popupLabel, onBeforeOpen: this._beforeOpenPopover, onOpen: this._afterOpenPopover, onClose: this._afterClosePopover, onKeyDown: this._handlePopoverKeydown, onFocusOut: this._handlePopoverFocusout, children: [this._isPhone && dialogHeader.call(this), valueStateHeader.call(this), content.call(this), this._isPhone && dialogFooter.call(this)] }), this.shouldOpenValueStateMessagePopover &&
@@ -52,10 +51,10 @@ function dialogHeader() {
                                 // For group items, return all nested items
                                 return item.items
                                     .filter(nestedItem => !!nestedItem)
-                                    .map(nestedItem => _jsx(SuggestionItem, { text: nestedItem.text, additionalText: nestedItem.additionalText, markupText: generateHighlightedMarkupFirstMatch(nestedItem.text || "", this.filterValue) }));
+                                    .map(nestedItem => _jsx(SuggestionItem, { text: nestedItem.text, additionalText: nestedItem.additionalText, markupText: this.filterValue }));
                             }
                             // For regular items
-                            return _jsx(SuggestionItem, { text: item.text, additionalText: item.additionalText, markupText: generateHighlightedMarkupFirstMatch(item.text || "", this.filterValue) });
+                            return _jsx(SuggestionItem, { text: item.text, additionalText: item.additionalText, markupText: this.filterValue });
                         }) }) })] }) });
 }
 //# sourceMappingURL=ComboBoxPopoverTemplate.js.map

package/dist/ComboBoxPopoverTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxPopoverTemplate.js","sourceRoot":"","sources":["../src/ComboBoxPopoverTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import Icon from \"./Icon.js\";\nimport Button from \"./Button.js\";\nimport List from \"./List.js\";\nimport Input from \"./Input.js\";\nimport Title from \"./Title.js\";\nimport PopoverHorizontalAlign from \"./types/PopoverHorizontalAlign.js\";\nimport Popover from \"./Popover.js\";\nimport ResponsivePopover from \"./ResponsivePopover.js\";\nimport BusyIndicator from \"./BusyIndicator.js\";\nimport SuggestionItem from \"./SuggestionItem.js\";\nimport generateHighlightedMarkupFirstMatch from \"@ui5/webcomponents-base/dist/util/generateHighlightedMarkupFirstMatch.js\";\nimport type ComboBox from \"./ComboBox.js\";\nimport { LOADING_DELAY } from \"./features/ComboBoxLazyLoading.js\";\n\nexport default function ComboBoxPopoverTemplate(this: ComboBox) {\n\treturn (\n\t\t<>\n\t\t\t<ResponsivePopover\n\t\t\t\tid={this.responsivePopoverId}\n\t\t\t\tclass={this.classes.popover}\n\t\t\t\tstyle={this.styles.suggestionsPopover}\n\t\t\t\ttabindex={-1}\n\t\t\t\topen={this.open}\n\t\t\t\topener={this}\n\t\t\t\thideArrow={true}\n\t\t\t\tpreventFocusRestore={true}\n\t\t\t\tpreventInitialFocus={true}\n\t\t\t\tplacement=\"Bottom\"\n\t\t\t\thorizontalAlign=\"Start\"\n\t\t\t\taccessibleName={this._popupLabel}\n\t\t\t\tonBeforeOpen={this._beforeOpenPopover}\n\t\t\t\tonOpen={this._afterOpenPopover}\n\t\t\t\tonClose={this._afterClosePopover}\n\t\t\t\tonKeyDown={this._handlePopoverKeydown}\n\t\t\t\tonFocusOut={this._handlePopoverFocusout}\n\t\t\t>\n\t\t\t\t{this._isPhone && dialogHeader.call(this)}\n\t\t\t\t{valueStateHeader.call(this)}\n\t\t\t\t{content.call(this)}\n\t\t\t\t{this._isPhone && dialogFooter.call(this)}\n\t\t\t</ResponsivePopover>\n\n\t\t\t{this.shouldOpenValueStateMessagePopover &&\n\t\t\t\t<Popover\n\t\t\t\t\tpreventFocusRestore={true}\n\t\t\t\t\tpreventInitialFocus={true}\n\t\t\t\t\thideArrow={true}\n\t\t\t\t\ttabindex={-1}\n\t\t\t\t\tclass=\"ui5-valuestatemessage-popover\"\n\t\t\t\t\thorizontalAlign={PopoverHorizontalAlign.Start}\n\t\t\t\t\tplacement=\"Bottom\"\n\t\t\t\t\topener={this}\n\t\t\t\t\topen={this.valueStateOpen}\n\t\t\t\t\tonClose={this._handleValueStatePopoverAfterClose}\n\t\t\t\t\tonFocusOut={this._handleValueStatePopoverFocusout}\n\t\t\t\t>\n\t\t\t\t\t<div slot=\"header\" class={this.classes.popoverValueState}>\n\t\t\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={this._valueStateMessageIcon} />\n\t\t\t\t\t\t{valueStateMessage.call(this)}\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t}\n\t\t</>\n\t);\n}\n\nfunction valueStateMessage(this: ComboBox) {\n\treturn (\n\t\t<>\n\t\t\t{this.shouldDisplayDefaultValueStateMessage ? this.valueStateDefaultText : <slot name=\"valueStateMessage\"></slot>}\n\t\t</>\n\t);\n}\n\nfunction valueStateHeader(this: ComboBox) {\n\tif (!this.hasValueStateText) {\n\t\treturn;\n\t}\n\n\tif (this._isPhone) {\n\t\treturn (\n\t\t\t<div class={this.classes.popoverValueState} style={this.styles.suggestionPopoverHeader}>\n\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={this._valueStateMessageIcon} />\n\t\t\t\t{this.open && valueStateMessage.call(this)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tslot=\"header\"\n\t\t\tclass={{\n\t\t\t\t\"ui5-responsive-popover-header\": true,\n\t\t\t\t...this.classes.popoverValueState,\n\t\t\t}}\n\t\t\tstyle={this.styles.suggestionPopoverHeader}\n\t\t>\n\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={this._valueStateMessageIcon} />\n\t\t\t{this.open && valueStateMessage.call(this)}\n\t\t</div>\n\t);\n}\n\nfunction content(this: ComboBox) {\n\tif (this.loading && (this._isPhone || !this.hasValueState)) {\n\t\treturn <BusyIndicator active={true} class=\"ui5-combobox-busy\" delay={LOADING_DELAY} />;\n\t}\n\n\tconst loadingOnDesktopWithValueState = this.loading && !this._isPhone && this.hasValueState;\n\tconst hasFilteredItems = !this.loading && !!this._filteredItems?.length;\n\n\tif (!loadingOnDesktopWithValueState && !hasFilteredItems) {\n\t\treturn;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{loadingOnDesktopWithValueState &&\n\t\t\t\t<div class=\"ui5-combobox-busy-container\">\n\t\t\t\t\t<BusyIndicator active={true} class=\"ui5-combobox-busy\" delay={LOADING_DELAY} />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t{hasFilteredItems &&\n\t\t\t\t<List\n\t\t\t\t\tclass=\"ui5-combobox-items-list\"\n\t\t\t\t\tseparators=\"None\"\n\t\t\t\t\taccessibleRole=\"ListBox\"\n\t\t\t\t\tselectionMode=\"Single\"\n\t\t\t\t\tonItemClick={this._selectItem}\n\t\t\t\t\tonItemFocused={this._onItemFocus}\n\t\t\t\t\tonMouseDown={this._itemMousedown}\n\t\t\t\t>\n\t\t\t\t\t{this._filteredItems.map(item => <slot name={item._individualSlot}></slot>)}\n\t\t\t\t</List>\n\t\t\t}\n\t\t</>\n\t);\n}\n\nfunction dialogFooter(this: ComboBox) {\n\treturn (\n\t\t<div slot=\"footer\" class=\"ui5-responsive-popover-footer\">\n\t\t\t<Button\n\t\t\t\tdesign=\"Emphasized\"\n\t\t\t\tonClick={this._closeRespPopover}\n\t\t\t>{this._dialogOkButtonText}</Button>\n\t\t\t<Button\n\t\t\t\tclass=\"ui5-responsive-popover-close-btn\"\n\t\t\t\tdesign=\"Transparent\"\n\t\t\t\tonClick={this._closeRespPopover}\n\t\t\t>\n\t\t\t\t{this._dialogCancelButtonText}\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nfunction dialogHeader(this: ComboBox) {\n\treturn <>\n\t\t<div slot=\"header\" class=\"ui5-responsive-popover-header\">\n\t\t\t<div class=\"row\">\n\t\t\t\t<Title\n\t\t\t\t\tlevel=\"H1\"\n\t\t\t\t\twrappingType=\"None\"\n\t\t\t\t\tclass=\"ui5-responsive-popover-header-text\"\n\t\t\t\t>\n\t\t\t\t\t{this._headerTitleText}\n\t\t\t\t</Title>\n\t\t\t</div>\n\n\t\t\t<div class=\"row\">\n\t\t\t\t<Input\n\t\t\t\t\topen={this.openOnMobile}\n\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\tvalueState={this.valueState}\n\t\t\t\t\tshowClearIcon={this.showClearIcon}\n\t\t\t\t\tnoTypeahead={this.noTypeahead}\n\t\t\t\t\tonKeyDown={this._handleMobileKeydown}\n\t\t\t\t\tonInput={this._handleMobileInput}\n\t\t\t\t\tonChange={this._inputChange}\n\t\t\t\t>\n\t\t\t\t\t{!this.loading && this._filteredItems.flatMap(item => {\n\t\t\t\t\t\tif (item.isGroupItem && item.items) {\n\t\t\t\t\t\t\t// For group items, return all nested items\n\t\t\t\t\t\t\treturn item.items\n\t\t\t\t\t\t\t\t.filter(nestedItem => !!nestedItem)\n\t\t\t\t\t\t\t\t.map(nestedItem =>\n\t\t\t\t\t\t\t\t\t<SuggestionItem text={nestedItem.text} additionalText={nestedItem.additionalText} markupText={generateHighlightedMarkupFirstMatch(nestedItem.text || \"\", this.filterValue)} />\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// For regular items\n\t\t\t\t\t\treturn <SuggestionItem text={item.text} additionalText={item.additionalText} markupText={generateHighlightedMarkupFirstMatch(item.text || \"\", this.filterValue)} />;\n\t\t\t\t\t})}\n\t\t\t\t</Input>\n\t\t\t</div>\n\t\t</div>\n\t</>;\n}\n"]}
+{"version":3,"file":"ComboBoxPopoverTemplate.js","sourceRoot":"","sources":["../src/ComboBoxPopoverTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import Icon from \"./Icon.js\";\nimport Button from \"./Button.js\";\nimport List from \"./List.js\";\nimport Input from \"./Input.js\";\nimport Title from \"./Title.js\";\nimport PopoverHorizontalAlign from \"./types/PopoverHorizontalAlign.js\";\nimport Popover from \"./Popover.js\";\nimport ResponsivePopover from \"./ResponsivePopover.js\";\nimport BusyIndicator from \"./BusyIndicator.js\";\nimport SuggestionItem from \"./SuggestionItem.js\";\nimport type ComboBox from \"./ComboBox.js\";\nimport { LOADING_DELAY } from \"./features/ComboBoxLazyLoading.js\";\n\nexport default function ComboBoxPopoverTemplate(this: ComboBox) {\n\treturn (\n\t\t<>\n\t\t\t<ResponsivePopover\n\t\t\t\tid={this.responsivePopoverId}\n\t\t\t\tclass={this.classes.popover}\n\t\t\t\tstyle={this.styles.suggestionsPopover}\n\t\t\t\ttabindex={-1}\n\t\t\t\topen={this.open}\n\t\t\t\topener={this}\n\t\t\t\thideArrow={true}\n\t\t\t\tpreventFocusRestore={true}\n\t\t\t\tpreventInitialFocus={true}\n\t\t\t\tplacement=\"Bottom\"\n\t\t\t\thorizontalAlign=\"Start\"\n\t\t\t\taccessibleName={this._popupLabel}\n\t\t\t\tonBeforeOpen={this._beforeOpenPopover}\n\t\t\t\tonOpen={this._afterOpenPopover}\n\t\t\t\tonClose={this._afterClosePopover}\n\t\t\t\tonKeyDown={this._handlePopoverKeydown}\n\t\t\t\tonFocusOut={this._handlePopoverFocusout}\n\t\t\t>\n\t\t\t\t{this._isPhone && dialogHeader.call(this)}\n\t\t\t\t{valueStateHeader.call(this)}\n\t\t\t\t{content.call(this)}\n\t\t\t\t{this._isPhone && dialogFooter.call(this)}\n\t\t\t</ResponsivePopover>\n\n\t\t\t{this.shouldOpenValueStateMessagePopover &&\n\t\t\t\t<Popover\n\t\t\t\t\tpreventFocusRestore={true}\n\t\t\t\t\tpreventInitialFocus={true}\n\t\t\t\t\thideArrow={true}\n\t\t\t\t\ttabindex={-1}\n\t\t\t\t\tclass=\"ui5-valuestatemessage-popover\"\n\t\t\t\t\thorizontalAlign={PopoverHorizontalAlign.Start}\n\t\t\t\t\tplacement=\"Bottom\"\n\t\t\t\t\topener={this}\n\t\t\t\t\topen={this.valueStateOpen}\n\t\t\t\t\tonClose={this._handleValueStatePopoverAfterClose}\n\t\t\t\t\tonFocusOut={this._handleValueStatePopoverFocusout}\n\t\t\t\t>\n\t\t\t\t\t<div slot=\"header\" class={this.classes.popoverValueState}>\n\t\t\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={this._valueStateMessageIcon} />\n\t\t\t\t\t\t{valueStateMessage.call(this)}\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t}\n\t\t</>\n\t);\n}\n\nfunction valueStateMessage(this: ComboBox) {\n\treturn (\n\t\t<>\n\t\t\t{this.shouldDisplayDefaultValueStateMessage ? this.valueStateDefaultText : <slot name=\"valueStateMessage\"></slot>}\n\t\t</>\n\t);\n}\n\nfunction valueStateHeader(this: ComboBox) {\n\tif (!this.hasValueStateText) {\n\t\treturn;\n\t}\n\n\tif (this._isPhone) {\n\t\treturn (\n\t\t\t<div class={this.classes.popoverValueState} style={this.styles.suggestionPopoverHeader}>\n\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={this._valueStateMessageIcon} />\n\t\t\t\t{this.open && valueStateMessage.call(this)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tslot=\"header\"\n\t\t\tclass={{\n\t\t\t\t\"ui5-responsive-popover-header\": true,\n\t\t\t\t...this.classes.popoverValueState,\n\t\t\t}}\n\t\t\tstyle={this.styles.suggestionPopoverHeader}\n\t\t>\n\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={this._valueStateMessageIcon} />\n\t\t\t{this.open && valueStateMessage.call(this)}\n\t\t</div>\n\t);\n}\n\nfunction content(this: ComboBox) {\n\tif (this.loading && (this._isPhone || !this.hasValueState)) {\n\t\treturn <BusyIndicator active={true} class=\"ui5-combobox-busy\" delay={LOADING_DELAY} />;\n\t}\n\n\tconst loadingOnDesktopWithValueState = this.loading && !this._isPhone && this.hasValueState;\n\tconst hasFilteredItems = !this.loading && !!this._filteredItems?.length;\n\n\tif (!loadingOnDesktopWithValueState && !hasFilteredItems) {\n\t\treturn;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{loadingOnDesktopWithValueState &&\n\t\t\t\t<div class=\"ui5-combobox-busy-container\">\n\t\t\t\t\t<BusyIndicator active={true} class=\"ui5-combobox-busy\" delay={LOADING_DELAY} />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t{hasFilteredItems &&\n\t\t\t\t<List\n\t\t\t\t\tclass=\"ui5-combobox-items-list\"\n\t\t\t\t\tseparators=\"None\"\n\t\t\t\t\taccessibleRole=\"ListBox\"\n\t\t\t\t\tselectionMode=\"Single\"\n\t\t\t\t\tonItemClick={this._selectItem}\n\t\t\t\t\tonItemFocused={this._onItemFocus}\n\t\t\t\t\tonMouseDown={this._itemMousedown}\n\t\t\t\t>\n\t\t\t\t\t{this._filteredItems.map(item => <slot name={item._individualSlot}></slot>)}\n\t\t\t\t</List>\n\t\t\t}\n\t\t</>\n\t);\n}\n\nfunction dialogFooter(this: ComboBox) {\n\treturn (\n\t\t<div slot=\"footer\" class=\"ui5-responsive-popover-footer\">\n\t\t\t<Button\n\t\t\t\tdesign=\"Emphasized\"\n\t\t\t\tonClick={this._closeRespPopover}\n\t\t\t>{this._dialogOkButtonText}</Button>\n\t\t\t<Button\n\t\t\t\tclass=\"ui5-responsive-popover-close-btn\"\n\t\t\t\tdesign=\"Transparent\"\n\t\t\t\tonClick={this._closeRespPopover}\n\t\t\t>\n\t\t\t\t{this._dialogCancelButtonText}\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nfunction dialogHeader(this: ComboBox) {\n\treturn <>\n\t\t<div slot=\"header\" class=\"ui5-responsive-popover-header\">\n\t\t\t<div class=\"row\">\n\t\t\t\t<Title\n\t\t\t\t\tlevel=\"H1\"\n\t\t\t\t\twrappingType=\"None\"\n\t\t\t\t\tclass=\"ui5-responsive-popover-header-text\"\n\t\t\t\t>\n\t\t\t\t\t{this._headerTitleText}\n\t\t\t\t</Title>\n\t\t\t</div>\n\n\t\t\t<div class=\"row\">\n\t\t\t\t<Input\n\t\t\t\t\topen={this.openOnMobile}\n\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\tvalueState={this.valueState}\n\t\t\t\t\tshowClearIcon={this.showClearIcon}\n\t\t\t\t\tnoTypeahead={this.noTypeahead}\n\t\t\t\t\tonKeyDown={this._handleMobileKeydown}\n\t\t\t\t\tonInput={this._handleMobileInput}\n\t\t\t\t\tonChange={this._inputChange}\n\t\t\t\t>\n\t\t\t\t\t{!this.loading && this._filteredItems.flatMap(item => {\n\t\t\t\t\t\tif (item.isGroupItem && item.items) {\n\t\t\t\t\t\t\t// For group items, return all nested items\n\t\t\t\t\t\t\treturn item.items\n\t\t\t\t\t\t\t\t.filter(nestedItem => !!nestedItem)\n\t\t\t\t\t\t\t\t.map(nestedItem =>\n\t\t\t\t\t\t\t\t\t<SuggestionItem text={nestedItem.text} additionalText={nestedItem.additionalText} markupText={this.filterValue} />\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// For regular items\n\t\t\t\t\t\treturn <SuggestionItem text={item.text} additionalText={item.additionalText} markupText={this.filterValue} />;\n\t\t\t\t\t})}\n\t\t\t\t</Input>\n\t\t\t</div>\n\t\t</div>\n\t</>;\n}\n"]}

package/dist/Input.js

@@ -13,8 +13,6 @@ import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-// @ts-expect-error
-import encodeXML from "@ui5/webcomponents-base/dist/sap/base/security/encodeXML.js";
 import { isPhone, isAndroid, isMac, } from "@ui5/webcomponents-base/dist/Device.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
 import { isUp, isDown, isSpace, isEnter, isBackSpace, isDelete, isEscape, isTabNext, isPageUp, isPageDown, isHome, isEnd, isCtrlAltF8, } from "@ui5/webcomponents-base/dist/Keys.js";
@@ -288,7 +286,7 @@ let Input = Input_1 = class Input extends UI5Element {
         this._composition?.removeEventListeners();
     }
     _highlightSuggestionItem(item) {
-        item.markupText = this.typedInValue ? this.Suggestions?.hightlightInput((item.text || ""), this.typedInValue) : encodeXML(item.text || "");
+        item.markupText = this.typedInValue;
     }
     _isGroupItem(item) {
         return item.hasAttribute("ui5-suggestion-item-group");