@ui5/webcomponents 2.7.2 → 2.7.4

package/dist/custom-elements-internal.json

@@ -24613,167 +24613,6 @@
               "_ui5since": "2.7.0"
             }
           ],
-          "events": [
-            {
-              "name": "row-click",
-              "_ui5privacy": "public",
-              "type": {
-                "text": "CustomEvent<TableRowClickEventDetail>",
-                "references": [
-                  {
-                    "name": "TableRowClickEventDetail",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/Table.js"
-                  }
-                ]
-              },
-              "description": "Fired when an interactive row is clicked.",
-              "_ui5Cancelable": false,
-              "_ui5allowPreventDefault": false,
-              "_ui5Bubbles": false,
-              "_ui5parameters": [
-                {
-                  "type": {
-                    "text": "TableRow",
-                    "references": [
-                      {
-                        "name": "TableRow",
-                        "package": "@ui5/webcomponents",
-                        "module": "dist/TableRow.js"
-                      }
-                    ]
-                  },
-                  "name": "row",
-                  "_ui5privacy": "public",
-                  "description": "The row instance"
-                }
-              ]
-            },
-            {
-              "name": "move-over",
-              "_ui5privacy": "public",
-              "type": {
-                "text": "CustomEvent<TableMoveEventDetail>",
-                "references": [
-                  {
-                    "name": "TableMoveEventDetail",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/Table.js"
-                  }
-                ]
-              },
-              "description": "Fired when a movable item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n\n**Note:** If the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`.",
-              "_ui5Cancelable": true,
-              "_ui5allowPreventDefault": true,
-              "_ui5Bubbles": true,
-              "_ui5parameters": [
-                {
-                  "type": {
-                    "text": "Event"
-                  },
-                  "name": "originalEvent",
-                  "_ui5privacy": "public",
-                  "description": "The original `dragover` event"
-                },
-                {
-                  "type": {
-                    "text": "object"
-                  },
-                  "name": "source",
-                  "_ui5privacy": "public",
-                  "description": "The source object"
-                },
-                {
-                  "type": {
-                    "text": "object"
-                  },
-                  "name": "destination",
-                  "_ui5privacy": "public",
-                  "description": "The destination object"
-                }
-              ]
-            },
-            {
-              "name": "move",
-              "_ui5privacy": "public",
-              "type": {
-                "text": "CustomEvent<TableMoveEventDetail>",
-                "references": [
-                  {
-                    "name": "TableMoveEventDetail",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/Table.js"
-                  }
-                ]
-              },
-              "description": "Fired when a movable list item is dropped onto a drop target.\n\n**Notes:**\n\nThe `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\nIf the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`.",
-              "_ui5Cancelable": false,
-              "_ui5allowPreventDefault": false,
-              "_ui5Bubbles": true,
-              "_ui5parameters": [
-                {
-                  "type": {
-                    "text": "Event"
-                  },
-                  "name": "originalEvent",
-                  "_ui5privacy": "public",
-                  "description": "The original `drop` event"
-                },
-                {
-                  "type": {
-                    "text": "object"
-                  },
-                  "name": "source",
-                  "_ui5privacy": "public",
-                  "description": "The source object"
-                },
-                {
-                  "type": {
-                    "text": "object"
-                  },
-                  "name": "destination",
-                  "_ui5privacy": "public",
-                  "description": "The destination object"
-                }
-              ]
-            },
-            {
-              "name": "row-action-click",
-              "_ui5privacy": "public",
-              "type": {
-                "text": "CustomEvent<TableRowActionClickEventDetail>",
-                "references": [
-                  {
-                    "name": "TableRowActionClickEventDetail",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/Table.js"
-                  }
-                ]
-              },
-              "description": "Fired when a row action is clicked.",
-              "_ui5Cancelable": false,
-              "_ui5allowPreventDefault": false,
-              "_ui5Bubbles": false,
-              "_ui5since": "2.6.0",
-              "_ui5parameters": [
-                {
-                  "type": {
-                    "text": "TableRowActionBase",
-                    "references": [
-                      {
-                        "name": "TableRowActionBase",
-                        "package": "@ui5/webcomponents",
-                        "module": "dist/TableRowActionBase.js"
-                      }
-                    ]
-                  },
-                  "name": "action",
-                  "_ui5privacy": "public",
-                  "description": "The row action instance"
-                }
-              ]
-            }
-          ],
           "attributes": [
             {
               "description": "Defines the accessible ARIA name of the component.",
@@ -25176,6 +25015,24 @@
           "kind": "class",
           "description": "### Overview\n\nThe `ui5-table-header-cell` component represents a column in the `ui5-table`.\n\nAs it is tightly coupled to the `ui5-table`, it should only be used in the `ui5-table-header-row`\nto ensure correct layout and design.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableHeaderCell.js\";`",
           "name": "TableHeaderCell",
+          "slots": [
+            {
+              "name": "action",
+              "description": "Defines the action of the column.\n\n**Note:** While multiple actions are technically possible, this is not supported.",
+              "_ui5since": "2.8.0",
+              "_ui5type": {
+                "text": "Array<TableHeaderCellActionBase>",
+                "references": [
+                  {
+                    "name": "TableHeaderCellActionBase",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/TableHeaderCellActionBase.js"
+                  }
+                ]
+              },
+              "_ui5privacy": "public"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -25228,6 +25085,35 @@
               "privacy": "public",
               "_ui5since": "2.7.0"
             },
+            {
+              "kind": "field",
+              "name": "sortIndicator",
+              "type": {
+                "text": "SortOrder",
+                "references": [
+                  {
+                    "name": "SortOrder",
+                    "package": "@ui5/webcomponents-base",
+                    "module": "dist/types/SortOrder.js"
+                  }
+                ]
+              },
+              "default": "\"None\"",
+              "description": "Defines the sort indicator of the column.",
+              "privacy": "public",
+              "_ui5since": "2.8.0"
+            },
+            {
+              "kind": "field",
+              "name": "popinHidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if the column is hidden in the popin.\n\n**Note:** Please be aware that hiding the column in the popin might lead to accessibility issues as\nusers might not be able to access the content of the column on small screens.",
+              "privacy": "public",
+              "_ui5since": "2.8.0"
+            },
             {
               "kind": "field",
               "name": "horizontalAlign",
@@ -25296,6 +25182,24 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "description": "Defines the sort indicator of the column.",
+              "name": "sort-indicator",
+              "default": "\"None\"",
+              "fieldName": "sortIndicator",
+              "type": {
+                "text": "\"None\" | \"Ascending\" | \"Descending\""
+              }
+            },
+            {
+              "description": "Defines if the column is hidden in the popin.\n\n**Note:** Please be aware that hiding the column in the popin might lead to accessibility issues as\nusers might not be able to access the content of the column on small screens.",
+              "name": "popin-hidden",
+              "default": "false",
+              "fieldName": "popinHidden",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "description": "Determines the horizontal alignment of table cells.",
               "name": "horizontal-align",
@@ -25341,6 +25245,74 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/TableHeaderCellActionAI.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "### Overview\n\nThe `ui5-table-header-cell-action-ai` component defines a dedicated AI action for the table column.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableHeaderCellActionAI.js\";`",
+          "name": "TableHeaderCellActionAI",
+          "superclass": {
+            "name": "TableHeaderCellActionBase",
+            "package": "@ui5/webcomponents",
+            "module": "dist/TableHeaderCellActionBase.js"
+          },
+          "tagName": "ui5-table-header-cell-action-ai",
+          "customElement": true,
+          "_ui5since": "2.8.0",
+          "_ui5privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TableHeaderCellActionAI",
+            "module": "dist/TableHeaderCellActionAI.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-table-header-cell-action-ai",
+          "declaration": {
+            "name": "TableHeaderCellActionAI",
+            "module": "dist/TableHeaderCellActionAI.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/TableHeaderCellActionBase.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `TableHeaderCellActionBase` class serves as a foundation for table header cell actions.",
+          "name": "TableHeaderCellActionBase",
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "customElement": true,
+          "_ui5since": "2.8.0",
+          "_ui5privacy": "public",
+          "_ui5abstract": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TableHeaderCellActionBase",
+            "module": "dist/TableHeaderCellActionBase.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/TableHeaderRow.js",
@@ -25795,7 +25767,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `TableRowActionNavigation` class defines a navigation actio‚n for table rows.",
+          "description": "### Overview\n\nThe `ui5-table-row-action-navigation` component defines a navigation action for table rows.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableRowActionNavigation.js\";`",
           "name": "TableRowActionNavigation",
           "members": [
             {

package/dist/custom-elements.json

@@ -19130,64 +19130,6 @@
               "privacy": "public"
             }
           ],
-          "events": [
-            {
-              "name": "row-click",
-              "type": {
-                "text": "CustomEvent<TableRowClickEventDetail>",
-                "references": [
-                  {
-                    "name": "TableRowClickEventDetail",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/Table.js"
-                  }
-                ]
-              },
-              "description": "Fired when an interactive row is clicked."
-            },
-            {
-              "name": "move-over",
-              "type": {
-                "text": "CustomEvent<TableMoveEventDetail>",
-                "references": [
-                  {
-                    "name": "TableMoveEventDetail",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/Table.js"
-                  }
-                ]
-              },
-              "description": "Fired when a movable item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n\n**Note:** If the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`."
-            },
-            {
-              "name": "move",
-              "type": {
-                "text": "CustomEvent<TableMoveEventDetail>",
-                "references": [
-                  {
-                    "name": "TableMoveEventDetail",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/Table.js"
-                  }
-                ]
-              },
-              "description": "Fired when a movable list item is dropped onto a drop target.\n\n**Notes:**\n\nThe `move` event is fired only if there was a preceding `move-over` with prevented default action.\n\nIf the dragging operation is a cross-browser operation or files are moved to a potential drop target,\nthe `source` parameter will be `null`."
-            },
-            {
-              "name": "row-action-click",
-              "type": {
-                "text": "CustomEvent<TableRowActionClickEventDetail>",
-                "references": [
-                  {
-                    "name": "TableRowActionClickEventDetail",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/Table.js"
-                  }
-                ]
-              },
-              "description": "Fired when a row action is clicked."
-            }
-          ],
           "attributes": [
             {
               "description": "Defines the accessible ARIA name of the component.",
@@ -19569,6 +19511,12 @@
           "kind": "class",
           "description": "### Overview\n\nThe `ui5-table-header-cell` component represents a column in the `ui5-table`.\n\nAs it is tightly coupled to the `ui5-table`, it should only be used in the `ui5-table-header-row`\nto ensure correct layout and design.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableHeaderCell.js\";`",
           "name": "TableHeaderCell",
+          "slots": [
+            {
+              "name": "action",
+              "description": "Defines the action of the column.\n\n**Note:** While multiple actions are technically possible, this is not supported."
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -19620,6 +19568,33 @@
               "default": "undefined",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "sortIndicator",
+              "type": {
+                "text": "SortOrder",
+                "references": [
+                  {
+                    "name": "SortOrder",
+                    "package": "@ui5/webcomponents-base",
+                    "module": "dist/types/SortOrder.js"
+                  }
+                ]
+              },
+              "default": "\"None\"",
+              "description": "Defines the sort indicator of the column.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "popinHidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if the column is hidden in the popin.\n\n**Note:** Please be aware that hiding the column in the popin might lead to accessibility issues as\nusers might not be able to access the content of the column on small screens.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "horizontalAlign",
@@ -19688,6 +19663,24 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "description": "Defines the sort indicator of the column.",
+              "name": "sort-indicator",
+              "default": "\"None\"",
+              "fieldName": "sortIndicator",
+              "type": {
+                "text": "\"None\" | \"Ascending\" | \"Descending\""
+              }
+            },
+            {
+              "description": "Defines if the column is hidden in the popin.\n\n**Note:** Please be aware that hiding the column in the popin might lead to accessibility issues as\nusers might not be able to access the content of the column on small screens.",
+              "name": "popin-hidden",
+              "default": "false",
+              "fieldName": "popinHidden",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "description": "Determines the horizontal alignment of table cells.",
               "name": "horizontal-align",
@@ -19730,6 +19723,69 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/TableHeaderCellActionAI.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "### Overview\n\nThe `ui5-table-header-cell-action-ai` component defines a dedicated AI action for the table column.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableHeaderCellActionAI.js\";`",
+          "name": "TableHeaderCellActionAI",
+          "superclass": {
+            "name": "TableHeaderCellActionBase",
+            "package": "@ui5/webcomponents",
+            "module": "dist/TableHeaderCellActionBase.js"
+          },
+          "tagName": "ui5-table-header-cell-action-ai",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TableHeaderCellActionAI",
+            "module": "dist/TableHeaderCellActionAI.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-table-header-cell-action-ai",
+          "declaration": {
+            "name": "TableHeaderCellActionAI",
+            "module": "dist/TableHeaderCellActionAI.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/TableHeaderCellActionBase.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `TableHeaderCellActionBase` class serves as a foundation for table header cell actions.",
+          "name": "TableHeaderCellActionBase",
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TableHeaderCellActionBase",
+            "module": "dist/TableHeaderCellActionBase.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/TableHeaderRow.js",
@@ -20135,7 +20191,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `TableRowActionNavigation` class defines a navigation actio‚n for table rows.",
+          "description": "### Overview\n\nThe `ui5-table-row-action-navigation` component defines a navigation action for table rows.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TableRowActionNavigation.js\";`",
           "name": "TableRowActionNavigation",
           "members": [
             {

package/dist/features/InputSuggestionsTemplate.d.ts

@@ -1,3 +1,7 @@
 import type { JsxTemplateResult } from "@ui5/webcomponents-base/dist/index.js";
 import Input from "../Input.js";
-export default function InputSuggestionsTemplate(this: Input, valueStateMessage: (this: Input) => JsxTemplateResult, valueStateMessageInputIcon: (this: Input) => string): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;
+export default function InputSuggestionsTemplate(this: Input, hooks?: {
+    suggestionsList?: (this: Input) => JsxTemplateResult;
+    valueStateMessage: (this: Input) => JsxTemplateResult;
+    valueStateMessageInputIcon: (this: Input) => string;
+}): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/features/InputSuggestionsTemplate.js

@@ -5,18 +5,21 @@ import decline from "@ui5/webcomponents-icons/dist/decline.js";
 import List from "../List.js";
 import ResponsivePopover from "../ResponsivePopover.js";
 import Button from "../Button.js";
-export default function InputSuggestionsTemplate(valueStateMessage, valueStateMessageInputIcon) {
+export default function InputSuggestionsTemplate(hooks) {
+    const suggestionsList = hooks?.suggestionsList || defaultSuggestionsList;
+    const valueStateMessage = hooks?.valueStateMessage;
+    const valueStateMessageInputIcon = hooks?.valueStateMessageInputIcon;
     return (_jsxs(ResponsivePopover, { class: this.classes.popover, hideArrow: true, preventFocusRestore: true, preventInitialFocus: true, placement: "Bottom", horizontalAlign: "Start", tabindex: -1, style: this.styles.suggestionsPopover, onOpen: this._afterOpenPicker, onClose: this._afterClosePicker, onScroll: this._scroll, open: this.open, opener: this, accessibleName: this._popupLabel, children: [this._isPhone &&
                 _jsxs(_Fragment, { children: [_jsxs("div", { slot: "header", class: "ui5-responsive-popover-header", children: [_jsxs("div", { class: "row", children: [_jsx("span", { children: this._headerTitleText }), _jsx(Button, { class: "ui5-responsive-popover-close-btn", icon: decline, design: "Transparent", onClick: this._closePicker })] }), _jsx("div", { class: "row", children: _jsx("div", { class: "input-root-phone native-input-wrapper", children: _jsx(Input, { class: "ui5-input-inner-phone", type: this.inputType, value: this.value, showClearIcon: this.showClearIcon, placeholder: this.placeholder, onInput: this._handleInput, onChange: this._handleChange }) }) })] }), this.hasValueStateMessage &&
-                            _jsxs("div", { class: this.classes.popoverValueState, style: this.styles.suggestionPopoverHeader, children: [_jsx(Icon, { class: "ui5-input-value-state-message-icon", name: valueStateMessageInputIcon.call(this) }), this.open && valueStateMessage.call(this)] })] }), !this._isPhone && this.hasValueStateMessage &&
+                            _jsxs("div", { class: this.classes.popoverValueState, style: this.styles.suggestionPopoverHeader, children: [_jsx(Icon, { class: "ui5-input-value-state-message-icon", name: valueStateMessageInputIcon?.call(this) }), this.open && valueStateMessage?.call(this)] })] }), !this._isPhone && this.hasValueStateMessage &&
                 _jsxs("div", { slot: "header", class: {
                         "ui5-responsive-popover-header": true,
                         "ui5-responsive-popover-header--focused": this._isValueStateFocused,
                         ...this.classes.popoverValueState,
-                    }, style: this.styles.suggestionPopoverHeader, children: [_jsx(Icon, { class: "ui5-input-value-state-message-icon", name: valueStateMessageInputIcon.call(this) }), this.open && valueStateMessage.call(this)] }), suggestionsList.call(this), this._isPhone &&
+                    }, style: this.styles.suggestionPopoverHeader, children: [_jsx(Icon, { class: "ui5-input-value-state-message-icon", name: valueStateMessageInputIcon?.call(this) }), this.open && valueStateMessage?.call(this)] }), suggestionsList.call(this), this._isPhone &&
                 _jsx("div", { slot: "footer", class: "ui5-responsive-popover-footer", children: _jsx(Button, { design: "Transparent", onClick: this._closePicker, children: "OK" }) })] }));
 }
-function suggestionsList() {
+function defaultSuggestionsList() {
     return (_jsx(List, { separators: this.suggestionSeparators, selectionMode: "Single", onMouseDown: this.onItemMouseDown, onItemClick: this._handleSuggestionItemPress, onSelectionChange: this._handleSelectionChange, children: _jsx("slot", {}) }));
 }
 //# sourceMappingURL=InputSuggestionsTemplate.js.map

package/dist/features/InputSuggestionsTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSuggestionsTemplate.js","sourceRoot":"","sources":["../../src/features/InputSuggestionsTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JsxTemplateResult } from \"@ui5/webcomponents-base/dist/index.js\";\nimport Input from \"../Input.js\";\nimport Icon from \"../Icon.js\";\nimport decline from \"@ui5/webcomponents-icons/dist/decline.js\";\n\nimport List from \"../List.js\";\nimport ResponsivePopover from \"../ResponsivePopover.js\";\nimport Button from \"../Button.js\";\n\nexport default function InputSuggestionsTemplate(this: Input, valueStateMessage: (this: Input) => JsxTemplateResult, valueStateMessageInputIcon: (this: Input) => string) {\n\treturn (\n\t\t<ResponsivePopover\n\t\t\tclass={this.classes.popover}\n\t\t\thideArrow={true}\n\t\t\tpreventFocusRestore={true}\n\t\t\tpreventInitialFocus={true}\n\t\t\tplacement=\"Bottom\"\n\t\t\thorizontalAlign=\"Start\"\n\t\t\ttabindex={-1}\n\t\t\tstyle={this.styles.suggestionsPopover}\n\t\t\tonOpen={this._afterOpenPicker}\n\t\t\tonClose={this._afterClosePicker}\n\t\t\tonScroll={this._scroll}\n\t\t\topen={this.open}\n\t\t\topener={this}\n\t\t\taccessibleName={this._popupLabel}\n\t\t>\n\t\t\t{this._isPhone &&\n\t\t\t\t<>\n\t\t\t\t\t<div slot=\"header\" class=\"ui5-responsive-popover-header\">\n\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<span>{this._headerTitleText}</span>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclass=\"ui5-responsive-popover-close-btn\"\n\t\t\t\t\t\t\t\ticon={decline}\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\tonClick={this._closePicker}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"input-root-phone native-input-wrapper\">\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tclass=\"ui5-input-inner-phone\"\n\t\t\t\t\t\t\t\t\ttype={this.inputType}\n\t\t\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\t\t\tshowClearIcon={this.showClearIcon}\n\t\t\t\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\t\t\t\tonInput={this._handleInput}\n\t\t\t\t\t\t\t\t\tonChange={this._handleChange}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.hasValueStateMessage &&\n\t\t\t\t\t<div class={this.classes.popoverValueState} style={this.styles.suggestionPopoverHeader}>\n\t\t\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={valueStateMessageInputIcon.call(this)} />\n\t\t\t\t\t\t{ this.open && valueStateMessage.call(this) }\n\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</>\n\t\t\t}\n\n\t\t\t{!this._isPhone && this.hasValueStateMessage &&\n\t\t\t\t\t<div\n\t\t\t\t\t\tslot=\"header\"\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\"ui5-responsive-popover-header\": true,\n\t\t\t\t\t\t\t\"ui5-responsive-popover-header--focused\": this._isValueStateFocused,\n\t\t\t\t\t\t\t...this.classes.popoverValueState,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={this.styles.suggestionPopoverHeader}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={valueStateMessageInputIcon.call(this)} />\n\t\t\t\t\t\t{ this.open && valueStateMessage.call(this) }\n\t\t\t\t\t</div>\n\t\t\t}\n\n\t\t\t{ suggestionsList.call(this) }\n\n\t\t\t{this._isPhone &&\n\t\t\t\t<div slot=\"footer\" class=\"ui5-responsive-popover-footer\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\tonClick={this._closePicker}\n\t\t\t\t\t>\n\t\t\t\t\t\tOK\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</ResponsivePopover>\n\t);\n}\n\nfunction suggestionsList(this: Input) {\n\treturn (\n\t\t<List\n\t\t\tseparators={this.suggestionSeparators}\n\t\t\tselectionMode=\"Single\"\n\t\t\tonMouseDown={this.onItemMouseDown}\n\t\t\tonItemClick={this._handleSuggestionItemPress}\n\t\t\tonSelectionChange={this._handleSelectionChange}\n\t\t>\n\t\t\t<slot></slot>\n\t\t</List>\n\t);\n}\n"]}
+{"version":3,"file":"InputSuggestionsTemplate.js","sourceRoot":"","sources":["../../src/features/InputSuggestionsTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JsxTemplateResult } from \"@ui5/webcomponents-base/dist/index.js\";\nimport Input from \"../Input.js\";\nimport Icon from \"../Icon.js\";\nimport decline from \"@ui5/webcomponents-icons/dist/decline.js\";\n\nimport List from \"../List.js\";\nimport ResponsivePopover from \"../ResponsivePopover.js\";\nimport Button from \"../Button.js\";\n\nexport default function InputSuggestionsTemplate(this: Input, hooks?: { suggestionsList?: (this: Input) => JsxTemplateResult, valueStateMessage: (this: Input) => JsxTemplateResult, valueStateMessageInputIcon: (this: Input) => string }) {\n\tconst suggestionsList = hooks?.suggestionsList || defaultSuggestionsList;\n\tconst valueStateMessage = hooks?.valueStateMessage;\n\tconst valueStateMessageInputIcon = hooks?.valueStateMessageInputIcon;\n\n\treturn (\n\t\t<ResponsivePopover\n\t\t\tclass={this.classes.popover}\n\t\t\thideArrow={true}\n\t\t\tpreventFocusRestore={true}\n\t\t\tpreventInitialFocus={true}\n\t\t\tplacement=\"Bottom\"\n\t\t\thorizontalAlign=\"Start\"\n\t\t\ttabindex={-1}\n\t\t\tstyle={this.styles.suggestionsPopover}\n\t\t\tonOpen={this._afterOpenPicker}\n\t\t\tonClose={this._afterClosePicker}\n\t\t\tonScroll={this._scroll}\n\t\t\topen={this.open}\n\t\t\topener={this}\n\t\t\taccessibleName={this._popupLabel}\n\t\t>\n\t\t\t{this._isPhone &&\n\t\t\t\t<>\n\t\t\t\t\t<div slot=\"header\" class=\"ui5-responsive-popover-header\">\n\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<span>{this._headerTitleText}</span>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclass=\"ui5-responsive-popover-close-btn\"\n\t\t\t\t\t\t\t\ticon={decline}\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\tonClick={this._closePicker}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"input-root-phone native-input-wrapper\">\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tclass=\"ui5-input-inner-phone\"\n\t\t\t\t\t\t\t\t\ttype={this.inputType}\n\t\t\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\t\t\tshowClearIcon={this.showClearIcon}\n\t\t\t\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\t\t\t\tonInput={this._handleInput}\n\t\t\t\t\t\t\t\t\tonChange={this._handleChange}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.hasValueStateMessage &&\n\t\t\t\t\t<div class={this.classes.popoverValueState} style={this.styles.suggestionPopoverHeader}>\n\t\t\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={valueStateMessageInputIcon?.call(this)} />\n\t\t\t\t\t\t{ this.open && valueStateMessage?.call(this) }\n\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</>\n\t\t\t}\n\n\t\t\t{!this._isPhone && this.hasValueStateMessage &&\n\t\t\t\t\t<div\n\t\t\t\t\t\tslot=\"header\"\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\"ui5-responsive-popover-header\": true,\n\t\t\t\t\t\t\t\"ui5-responsive-popover-header--focused\": this._isValueStateFocused,\n\t\t\t\t\t\t\t...this.classes.popoverValueState,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={this.styles.suggestionPopoverHeader}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={valueStateMessageInputIcon?.call(this)} />\n\t\t\t\t\t\t{ this.open && valueStateMessage?.call(this) }\n\t\t\t\t\t</div>\n\t\t\t}\n\n\t\t\t{ suggestionsList.call(this) }\n\n\t\t\t{this._isPhone &&\n\t\t\t\t<div slot=\"footer\" class=\"ui5-responsive-popover-footer\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\tonClick={this._closePicker}\n\t\t\t\t\t>\n\t\t\t\t\t\tOK\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</ResponsivePopover>\n\t);\n}\n\nfunction defaultSuggestionsList(this: Input) {\n\treturn (\n\t\t<List\n\t\t\tseparators={this.suggestionSeparators}\n\t\t\tselectionMode=\"Single\"\n\t\t\tonMouseDown={this.onItemMouseDown}\n\t\t\tonItemClick={this._handleSuggestionItemPress}\n\t\t\tonSelectionChange={this._handleSelectionChange}\n\t\t>\n\t\t\t<slot></slot>\n\t\t</List>\n\t);\n}\n"]}