@ui5/webcomponents-ai 0.0.0-9261ac932 → 0.0.0-acc6fea96

package/dist/generated/themes/PromptInput.css.js

@@ -3,7 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-ai", "sap_horizon", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents-ai", fileName: "themes/PromptInput.css.ts", content: `.ai-prompt-input-button{margin-left:.5rem;margin-top:3px}.ai-prompt-input-wrapper{display:flex;flex-direction:column;width:270px}.ai-prompt-input-form-wrapper{display:flex;flex:1}.ai-prompt-input-counter{font-size:.75rem;align-self:flex-end}#input{width:100%}.ai-prompt-inner-input-wrapper{display:flex;flex-direction:column;flex:1}
-` };
-export default styleData;
+export default `.ai-prompt-input-button{margin-left:.5rem;margin-top:3px}.ai-prompt-input-wrapper{display:flex;flex-direction:column;width:270px}.ai-prompt-input-form-wrapper{display:flex;flex:1}.ai-prompt-input-counter{font-size:.75rem;align-self:flex-end}#input{width:100%}.ai-prompt-inner-input-wrapper{display:flex;flex-direction:column;flex:1}
+`;
 //# sourceMappingURL=PromptInput.css.js.map

package/dist/generated/themes/PromptInput.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptInput.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PromptInput.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEhG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,uBAAuB,EAAC,QAAQ,EAAC,2BAA2B,EAAC,OAAO,EAAC;CAC9G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-ai\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-ai\",fileName:\"themes/PromptInput.css.ts\",content:`.ai-prompt-input-button{margin-left:.5rem;margin-top:3px}.ai-prompt-input-wrapper{display:flex;flex-direction:column;width:270px}.ai-prompt-input-form-wrapper{display:flex;flex:1}.ai-prompt-input-counter{font-size:.75rem;align-self:flex-end}#input{width:100%}.ai-prompt-inner-input-wrapper{display:flex;flex-direction:column;flex:1}\n`};\nexport default styleData;\n\t"]}
+{"version":3,"file":"PromptInput.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PromptInput.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChG,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-ai\", \"sap_horizon\", async () => defaultTheme);\nexport default `.ai-prompt-input-button{margin-left:.5rem;margin-top:3px}.ai-prompt-input-wrapper{display:flex;flex-direction:column;width:270px}.ai-prompt-input-form-wrapper{display:flex;flex:1}.ai-prompt-input-counter{font-size:.75rem;align-self:flex-end}#input{width:100%}.ai-prompt-inner-input-wrapper{display:flex;flex-direction:column;flex:1}\n`"]}

package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts

@@ -1,3 +1,2 @@
-import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
-declare const styleData: StyleData;
-export default styleData;
+declare const _default: "";
+export default _default;

package/dist/generated/themes/sap_horizon/parameters-bundle.css.js

@@ -1,3 +1,2 @@
-const styleData = { packageName: "@ui5/webcomponents-ai", fileName: "themes/sap_horizon/parameters-bundle.css.ts", content: `` };
-export default styleData;
+export default ``;
 //# sourceMappingURL=parameters-bundle.css.js.map

package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon/parameters-bundle.css.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,uBAAuB,EAAC,QAAQ,EAAC,6CAA6C,EAAC,OAAO,EAAC,EAAE,EAAC,CAAC;AACrI,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-ai\",fileName:\"themes/sap_horizon/parameters-bundle.css.ts\",content:``};\nexport default styleData;\n\t"]}
+{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe,EAAE,CAAA","sourcesContent":["export default ``"]}

package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts

@@ -1,3 +1,2 @@
-import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
-declare const styleData: StyleData;
-export default styleData;
+declare const _default: "";
+export default _default;

package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js

@@ -1,3 +1,2 @@
-const styleData = { packageName: "@ui5/webcomponents-ai", fileName: "themes/sap_horizon_dark/parameters-bundle.css.ts", content: `` };
-export default styleData;
+export default ``;
 //# sourceMappingURL=parameters-bundle.css.js.map

package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_dark/parameters-bundle.css.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,uBAAuB,EAAC,QAAQ,EAAC,kDAAkD,EAAC,OAAO,EAAC,EAAE,EAAC,CAAC;AAC1I,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-ai\",fileName:\"themes/sap_horizon_dark/parameters-bundle.css.ts\",content:``};\nexport default styleData;\n\t"]}
+{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_dark/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe,EAAE,CAAA","sourcesContent":["export default ``"]}

package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts

@@ -1,3 +1,2 @@
-import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
-declare const styleData: StyleData;
-export default styleData;
+declare const _default: "";
+export default _default;

package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js

@@ -1,3 +1,2 @@
-const styleData = { packageName: "@ui5/webcomponents-ai", fileName: "themes/sap_horizon_hcb/parameters-bundle.css.ts", content: `` };
-export default styleData;
+export default ``;
 //# sourceMappingURL=parameters-bundle.css.js.map

package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcb/parameters-bundle.css.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,uBAAuB,EAAC,QAAQ,EAAC,iDAAiD,EAAC,OAAO,EAAC,EAAE,EAAC,CAAC;AACzI,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-ai\",fileName:\"themes/sap_horizon_hcb/parameters-bundle.css.ts\",content:``};\nexport default styleData;\n\t"]}
+{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcb/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe,EAAE,CAAA","sourcesContent":["export default ``"]}

package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts

@@ -1,3 +1,2 @@
-import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
-declare const styleData: StyleData;
-export default styleData;
+declare const _default: "";
+export default _default;

package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js

@@ -1,3 +1,2 @@
-const styleData = { packageName: "@ui5/webcomponents-ai", fileName: "themes/sap_horizon_hcw/parameters-bundle.css.ts", content: `` };
-export default styleData;
+export default ``;
 //# sourceMappingURL=parameters-bundle.css.js.map

package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,uBAAuB,EAAC,QAAQ,EAAC,iDAAiD,EAAC,OAAO,EAAC,EAAE,EAAC,CAAC;AACzI,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-ai\",fileName:\"themes/sap_horizon_hcw/parameters-bundle.css.ts\",content:``};\nexport default styleData;\n\t"]}
+{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe,EAAE,CAAA","sourcesContent":["export default ``"]}

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/assets.ts","../src/button.ts","../src/buttonstate.ts","../src/promptinput.ts","../src/bundle.esm.ts","../src/bundle.scoped.config.ts","../src/bundle.scoped.esm.ts","../src/generated/i18n/i18n-defaults.ts","../src/generated/json-imports/themes-fetch.ts","../src/generated/json-imports/themes.ts","../src/generated/json-imports/i18n-fetch.ts","../src/generated/json-imports/i18n.ts","../src/generated/templates/buttontemplate.lit.ts","../src/generated/templates/promptinputtemplate.lit.ts","../src/generated/themes/button.css.ts","../src/generated/themes/promptinput.css.ts","../src/generated/themes/sap_horizon/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_dark/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_hcb/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts"],"version":"5.6.2"}
+{"root":["../src/assets.ts","../src/button.ts","../src/buttonstate.ts","../src/buttontemplate.tsx","../src/promptinput.ts","../src/promptinputtemplate.tsx","../src/bundle.esm.ts","../src/bundle.scoped.config.ts","../src/bundle.scoped.esm.ts","../src/generated/i18n/i18n-defaults.ts","../src/generated/json-imports/themes-fetch.ts","../src/generated/json-imports/themes.ts","../src/generated/json-imports/i18n-fetch.ts","../src/generated/json-imports/i18n.ts","../src/generated/themes/button.css.ts","../src/generated/themes/promptinput.css.ts","../src/generated/themes/sap_horizon/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_dark/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_hcb/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts"],"version":"5.6.2"}

package/dist/vscode.html-custom-data.json

@@ -3,7 +3,7 @@
   "tags": [
     {
       "name": "ui5-ai-button",
-      "description": "### Overview\n\nThe `ui5-ai-button` component represents a button used in AI-related scenarios.\nIt enables users to trigger actions by clicking or tapping the `ui5-ai-button`, or by pressing\ncertain keyboard keys, such as Enter.\n\n### Usage\n\nFor the `ui5-ai-button` UI, you can define one or more states of the button by placing `ai-button-state` components in its default slot.\nEach state have a name that identifies it and can have text, icon and end icon defined (in any combination) depending on the state purpose.\n\nYou can choose from a set of predefined designs (the same as for regular `ui5-button` component) that allow different styling to correspond to the triggered action.\n\n`ui5-ai-button` can be activated by clicking or tapping it. The state can be changed in `click` event handler.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-ai/dist/Button.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n### **Slots:**\n - **default** - Defines the available states of the component.\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use `ui5-ai-button-state` components in order to preserve the intended design.",
+      "description": "### Overview\n\nThe `ui5-ai-button` component serves as a button for AI-related scenarios. Users can trigger actions by clicking or tapping the `ui5-ai-button`\nor by pressing keyboard keys like [Enter] or [Space].\n\n### Usage\n\nFor the `ui5-ai-button` user interface, you can define one or more button states by placing `ui5-ai-button-state` components in their default slot.\nEach state has a name for identification and can include text, an icon, and an end icon, as needed for its purpose.\nYou can define a split mode for the `ui5-ai-button`, which will results in displaying an arrow button for additional actions.\n\nYou can choose from a set of predefined designs for `ui5-ai-button` (as in `ui5-button`) to match the desired styling.\n\nThe `ui5-ai-button` can be activated by clicking or tapping it. You can change the button state in the click event handler. When the button is\nin split mode, you can activate the default button action by clicking or tapping it, or by pressing keyboard keys like [Enter] or [Space].\nYou can activate the arrow button by clicking or tapping it, or by pressing keyboard keys like [Arrow Up], [Arrow Down], or [F4].\nTo display additional actions, you can attach a menu to the arrow button.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-ai/dist/Button.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n- **arrow-click** - Fired when the component is in split mode and after the arrow button\nis activated either by clicking or tapping it or by using the [Arrow Up] / [Arrow Down],\n[Alt] + [Arrow Up]/ [Arrow Down], or [F4] keyboard keys.\n\n### **Slots:**\n - **default** - Defines the available states of the component.\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that\nyou only use `ui5-ai-button-state` components in order to preserve the intended design.",
       "attributes": [
         {
           "name": "design",
@@ -26,6 +26,11 @@
           "name": "state",
           "description": "Defines the current state of the component.",
           "values": []
+        },
+        {
+          "name": "active-arrow-button",
+          "description": "Defines the active state of the arrow button in split mode.\nSet to true when the button is in split mode and a menu with additional options\nis opened by the arrow button. Set back to false when the menu is closed.",
+          "values": []
         }
       ],
       "references": []
@@ -53,6 +58,11 @@
           "name": "end-icon",
           "description": "Defines the icon to be displayed as graphical element within the component after the text.\nThe SAP-icons font provides numerous options.\n\n**Example:**\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
           "values": []
+        },
+        {
+          "name": "split-mode",
+          "description": "Defines if the component is in split button mode.",
+          "values": []
         }
       ],
       "references": []

package/dist/web-types.json

@@ -1,14 +1,14 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents-ai",
-  "version": "0.0.0-9261ac932",
+  "version": "2.6.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
           "name": "ui5-ai-button",
-          "description": "### Overview\n\nThe `ui5-ai-button` component represents a button used in AI-related scenarios.\nIt enables users to trigger actions by clicking or tapping the `ui5-ai-button`, or by pressing\ncertain keyboard keys, such as Enter.\n\n### Usage\n\nFor the `ui5-ai-button` UI, you can define one or more states of the button by placing `ai-button-state` components in its default slot.\nEach state have a name that identifies it and can have text, icon and end icon defined (in any combination) depending on the state purpose.\n\nYou can choose from a set of predefined designs (the same as for regular `ui5-button` component) that allow different styling to correspond to the triggered action.\n\n`ui5-ai-button` can be activated by clicking or tapping it. The state can be changed in `click` event handler.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-ai/dist/Button.js\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n### **Slots:**\n - **default** - Defines the available states of the component.\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use `ui5-ai-button-state` components in order to preserve the intended design.",
+          "description": "### Overview\n\nThe `ui5-ai-button` component serves as a button for AI-related scenarios. Users can trigger actions by clicking or tapping the `ui5-ai-button`\nor by pressing keyboard keys like [Enter] or [Space].\n\n### Usage\n\nFor the `ui5-ai-button` user interface, you can define one or more button states by placing `ui5-ai-button-state` components in their default slot.\nEach state has a name for identification and can include text, an icon, and an end icon, as needed for its purpose.\nYou can define a split mode for the `ui5-ai-button`, which will results in displaying an arrow button for additional actions.\n\nYou can choose from a set of predefined designs for `ui5-ai-button` (as in `ui5-button`) to match the desired styling.\n\nThe `ui5-ai-button` can be activated by clicking or tapping it. You can change the button state in the click event handler. When the button is\nin split mode, you can activate the default button action by clicking or tapping it, or by pressing keyboard keys like [Enter] or [Space].\nYou can activate the arrow button by clicking or tapping it, or by pressing keyboard keys like [Arrow Up], [Arrow Down], or [F4].\nTo display additional actions, you can attach a menu to the arrow button.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-ai/dist/Button.js\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n- **arrow-click** - Fired when the component is in split mode and after the arrow button\nis activated either by clicking or tapping it or by using the [Arrow Up] / [Arrow Down],\n[Alt] + [Arrow Up]/ [Arrow Down], or [F4] keyboard keys.\n\n### **Slots:**\n - **default** - Defines the available states of the component.\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that\nyou only use `ui5-ai-button-state` components in order to preserve the intended design.",
           "doc-url": "",
           "attributes": [
             {
@@ -28,18 +28,27 @@
               "name": "state",
               "description": "Defines the current state of the component.",
               "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "active-arrow-button",
+              "description": "Defines the active state of the arrow button in split mode.\nSet to true when the button is in split mode and a menu with additional options\nis opened by the arrow button. Set back to false when the menu is closed.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
             {
               "name": "default",
-              "description": "Defines the available states of the component.\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use `ui5-ai-button-state` components in order to preserve the intended design."
+              "description": "Defines the available states of the component.\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that\nyou only use `ui5-ai-button-state` components in order to preserve the intended design."
             }
           ],
           "events": [
             {
               "name": "click",
               "description": "Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key."
+            },
+            {
+              "name": "arrow-click",
+              "description": "Fired when the component is in split mode and after the arrow button\nis activated either by clicking or tapping it or by using the [Arrow Up] / [Arrow Down],\n[Alt] + [Arrow Up]/ [Arrow Down], or [F4] keyboard keys."
             }
           ],
           "js": {
@@ -60,12 +69,21 @@
                 "name": "state",
                 "description": "Defines the current state of the component.",
                 "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "active-arrow-button",
+                "description": "Defines the active state of the arrow button in split mode.\nSet to true when the button is in split mode and a menu with additional options\nis opened by the arrow button. Set back to false when the menu is closed.",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
               {
                 "name": "click",
                 "description": "Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key."
+              },
+              {
+                "name": "arrow-click",
+                "description": "Fired when the component is in split mode and after the arrow button\nis activated either by clicking or tapping it or by using the [Arrow Up] / [Arrow Down],\n[Alt] + [Arrow Up]/ [Arrow Down], or [F4] keyboard keys."
               }
             ]
           }
@@ -94,6 +112,11 @@
               "name": "end-icon",
               "description": "Defines the icon to be displayed as graphical element within the component after the text.\nThe SAP-icons font provides numerous options.\n\n**Example:**\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
               "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "split-mode",
+              "description": "Defines if the component is in split button mode.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "events": [],
@@ -118,6 +141,11 @@
                 "name": "end-icon",
                 "description": "Defines the icon to be displayed as graphical element within the component after the text.\nThe SAP-icons font provides numerous options.\n\n**Example:**\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
                 "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "split-mode",
+                "description": "Defines if the component is in split button mode.",
+                "value": { "type": "boolean" }
               }
             ],
             "events": []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-ai",
-  "version": "0.0.0-9261ac932",
+  "version": "0.0.0-acc6fea96",
   "description": "UI5 Web Components: webcomponents.ai",
   "ui5": {
     "webComponentsPackage": true
@@ -45,13 +45,13 @@
     "directory": "packages/ai"
   },
   "dependencies": {
-    "@ui5/webcomponents": "0.0.0-9261ac932",
-    "@ui5/webcomponents-base": "0.0.0-9261ac932",
-    "@ui5/webcomponents-icons": "0.0.0-9261ac932",
-    "@ui5/webcomponents-theming": "0.0.0-9261ac932"
+    "@ui5/webcomponents": "0.0.0-acc6fea96",
+    "@ui5/webcomponents-base": "0.0.0-acc6fea96",
+    "@ui5/webcomponents-icons": "0.0.0-acc6fea96",
+    "@ui5/webcomponents-theming": "0.0.0-acc6fea96"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "0.0.0-9261ac932",
-    "chromedriver": "^128.0.3"
+    "@ui5/webcomponents-tools": "0.0.0-acc6fea96",
+    "chromedriver": "^131.0.0"
   }
 }

package/src/ButtonTemplate.tsx

@@ -0,0 +1,26 @@
+import SplitButton from "@ui5/webcomponents/dist/SplitButton.js";
+import type Button from "./Button.js";
+
+export default function ButtonTemplate(this: Button) {
+	return (<>
+		<SplitButton
+			class="ui5-ai-button-inner"
+			design={this.design}
+			icon={this._stateIcon}
+			disabled={this.disabled}
+			_endIcon={this._stateEndIcon}
+			_hideArrowButton={this._hideArrowButton}
+			onClick={this._onClick}
+			onArrowClick={this._onArrowClick}
+		>
+			{this._hasText && (
+				<div class="ui5-ai-button-text">{this._stateText}</div>
+			)}
+		</SplitButton>
+
+		<SplitButton
+			class="ui5-ai-button-hidden"
+			design={this.design}
+		/>
+	</>);
+}

package/src/PromptInputTemplate.tsx

@@ -0,0 +1,49 @@
+import type PromptInput from "./PromptInput.js";
+import Label from "@ui5/webcomponents/dist/Label.js";
+import Input from "@ui5/webcomponents/dist/Input.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+import paperPlane from "@ui5/webcomponents-icons/dist/paper-plane.js";
+
+export default function PromptInputTemplate(this: PromptInput) {
+	return (
+		<div class="ai-prompt-input-wrapper">
+			{this.label &&
+				<Label for="input">{this.label}</Label>
+			}
+
+			<div class="ai-prompt-input-form-wrapper">
+				<div class="ai-prompt-inner-input-wrapper">
+					<Input
+						id="input"
+						value={this.value}
+						placeholder={this.placeholder}
+						valueState={this.valueState}
+						showClearIcon={this.showClearIcon}
+						disabled={this.disabled}
+						readonly={this.readonly}
+						showSuggestions={this.showSuggestions}
+						onKeyDown={this._onkeydown}
+						onInput={this._onInnerInput}
+						onChange={this._onInnerChange}
+						onTypeAhead={this._onTypeAhead}
+					>
+						<slot></slot>
+						{this.valueStateMessage.length > 0 &&
+							<slot name="valueStateMessage" slot="valueStateMessage"></slot>
+						}
+					</Input>
+
+					{this.showExceededText &&
+						<Label class="ai-prompt-input-counter">{this._exceededText}</Label>
+					}
+				</div>
+				<Button
+					icon={paperPlane}
+					disabled={this._submitButtonDisabled}
+					class="ai-prompt-input-button"
+					design="Emphasized"
+					onClick={this._onButtonClick}>
+				</Button>
+			</div>
+		</div>);
+}

package/src/i18n/messagebundle_en_US_saptrc.properties

@@ -1,4 +1,4 @@
 
-PROMPT_INPUT_CHARACTERS_LEFT=6PVdksQU16mGDfLHCB3D7g_{0} characters remaining
+PROMPT_INPUT_CHARACTERS_LEFT=ApfX3Ybp+LpUZGYmQzr70w_{0} characters remaining
 
-PROMPT_INPUT_CHARACTERS_EXCEEDED=BH/EJSWUGaLLgpsIfqSJNA_{0} characters over limit
+PROMPT_INPUT_CHARACTERS_EXCEEDED=j5kNPkXE7zFJCcHSJi7nbg_{0} characters over limit

package/src/themes/Button.css

@@ -24,64 +24,118 @@
 	width: fit-content;
 }
 
+:host .ui5-ai-button-inner {
+	width: 100%;
+}
+
 /* Animated parts */
 
-:host [ui5-button]:not(.ui5-ai-button-hidden) {
+:host {
 	width: auto;
 	position: relative;
 	transition: width 0.18s cubic-bezier(0.67, 1, 0.95, 1.3) 0.12s;
 }
 
-:host ::part(icon) {
-	opacity: 1;
-	transform: translateY(0);
+:host(.ui5-ai-button-menu-to-button) .ui5-ai-button-inner::part(button),
+:host(.ui5-ai-button-fade-out:not([icon-only])) .ui5-ai-button-inner::part(button) {
+	justify-content: flex-start;
+}
+
+:host([icon-only]) .ui5-ai-button-inner[_end-icon=""]::part(textButton),
+:host(.ui5-ai-button-menu-to-button[icon-only]) .ui5-ai-button-inner::part(textButton) {
+	min-width: var(--_ui5_button_base_min_width) !important;
+	max-width: var(--_ui5_button_base_min_width) !important;
+}
+
+:host(.ui5-ai-button-menu-to-button) .ui5-ai-button-inner::part(button),
+:host(.ui5-ai-button-fade-out:not([icon-only])) .ui5-ai-button-inner::part(button) {
+	justify-content: flex-start;
 }
 
-:host(:not([fade-out]):not([fade-mid]):not([fade-in])) .ui5-ai-button-text,
-:host(:not([fade-out]):not([fade-mid]):not([fade-in])) ::part(endIcon) {
+:host([icon-only]) .ui5-ai-button-inner[_end-icon]:not([_end-icon=""])::part(button),
+:host([icon-only]) .ui5-ai-button-inner[_hide-arrow-button]::part(button) {
+	justify-content: flex-start;
+	padding-inline-start: var(--_ui5_button_base_padding);
+}
+
+:host(.ui5-ai-button-fade-in[icon-only]) .ui5-ai-button-inner[_end-icon=""]::part(button) {
+	max-width: var(--_ui5_button_base_min_width);
+}
+
+:host([icon-only]) .ui5-ai-button-inner[_end-icon=""]::part(textButton),
+:host(.ui5-ai-button-menu-to-button[icon-only]) .ui5-ai-button-inner::part(textButton) {
+	min-width: var(--_ui5_button_base_min_width);
+	max-width: var(--_ui5_button_base_min_width);
+}
+
+:host(:not(.ui5-ai-button-fade-out):not(.ui5-ai-button-fade-mid):not(.ui5-ai-button-fade-in)) .ui5-ai-button-text,
+:host(:not(.ui5-ai-button-fade-out):not(.ui5-ai-button-fade-mid):not(.ui5-ai-button-fade-in)) ::part(endIcon),
+:host(:not(.ui5-ai-button-fade-out):not(.ui5-ai-button-fade-mid):not(.ui5-ai-button-fade-in)) ::part(arrowButton) {
 	opacity: 1;
 	transform: translateY(0);
 }
 
-/* Fade out */
+:host(.ui5-ai-button-button-to-menu) .ui5-ai-button-inner::part(endIcon),
+:host(.ui5-ai-button-button-to-menu) .ui5-ai-button-inner::part(arrowButton) {
+	display: none;
+	transform: translateY(0);
+	opacity: 0;
+}
 
-:host([fade-out]:not([fade-mid])) ::part(icon) {
+:host(.ui5-ai-button-button-to-menu) .ui5-ai-button-inner::part(endIcon),
+:host(.ui5-ai-button-button-to-menu) .ui5-ai-button-inner::part(arrowButton) {
+	display: none;
+	transform: translateY(0);
 	opacity: 0;
-	transform: translateY(-1rem);
-	transition: opacity 0.05s ease-in-out 0.025s, transform 0.10s ease-in-out 0s;
 }
 
-:host([fade-out]:not([fade-mid])) .ui5-ai-button-text,
-:host([fade-out]:not([fade-mid])) ::part(endIcon) {
+/* Fade out phase */
+
+:host(.ui5-ai-button-fade-out) .ui5-ai-button-text {
 	opacity: 0;
 	transform: translateY(-1rem);
 	transition: opacity 0.06s ease-in-out 0.12s, transform 0.08s ease-in-out 0.12s;
 }
 
-/* Fade mid */
+:host(.ui5-ai-button-fade-out) ::part(icon)
+{
+	opacity: 0;
+	transform: translateY(-1rem);
+	transition: opacity 0.05s ease-in-out 0.025s, transform 0.10s ease-in-out 0s;
+}
 
-:host([fade-mid]) ::part(icon) {
+:host(.ui5-ai-button-fade-out) ::part(endIcon) {
 	opacity: 0;
-	transform: translateY(1rem);
+	transform: translateY(-1rem);
+	transition: opacity 0.06s ease-in-out 0.12s, transform 0.08s ease-in-out 0.12s;
 }
 
-:host([fade-mid]) .ui5-ai-button-text,
-:host([fade-mid]) ::part(endIcon) {
+/* Fade middle phase */
+
+:host(.ui5-ai-button-fade-mid) .ui5-ai-button-text,
+:host(.ui5-ai-button-fade-mid) ::part(icon),
+:host(.ui5-ai-button-fade-mid) ::part(endIcon),
+:host(.ui5-ai-button-fade-mid) ::part(arrowButton) {
 	opacity: 0;
 	transform: translateY(1rem);
 	transition: none;
 }
 
-/* Fade in */
+/* Fade in phase */
+
+:host(.ui5-ai-button-fade-in) .ui5-ai-button-text {
+	opacity: 1;
+	transform: translateY(0);
+	transition: opacity 0.06s ease-in-out 0.12s, transform 0.08s ease-in-out 0.12s;
+}
 
-:host([fade-in]) ::part(icon) {
+:host(.ui5-ai-button-fade-in) ::part(icon) {
 	opacity: 1;
 	transform: translateY(0);
 	transition: opacity 0.05s ease-in-out 0.025s, transform 0.10s ease-in-out 0s;
 }
 
-:host([fade-in]) .ui5-ai-button-text,
-:host([fade-in]) ::part(endIcon) {
+:host(.ui5-ai-button-fade-in) ::part(endIcon) {
 	opacity: 1;
 	transform: translateY(0);
 	transition: opacity 0.06s ease-in-out 0.12s, transform 0.08s ease-in-out 0.12s;

package/dist/generated/templates/ButtonTemplate.lit.d.ts

@@ -1,4 +0,0 @@
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type Button from "../../Button.js";
-declare function block0(this: Button, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
-export default block0;

package/dist/generated/templates/ButtonTemplate.lit.js

@@ -1,6 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} class="ui5-ai-button-inner" design="${ifDefined(this.design)}" icon=${ifDefined(this._stateIcon)} end-icon=${ifDefined(this._stateEndIcon)} ?disabled="${this.disabled}" @click=${this._onclick}>${this._hasText ? block1.call(this, context, tags, suffix) : undefined}</${scopeTag("ui5-button", tags, suffix)}><${scopeTag("ui5-button", tags, suffix)} class="ui5-ai-button-hidden" design="${ifDefined(this.design)}"></${scopeTag("ui5-button", tags, suffix)}>` : html `<ui5-button class="ui5-ai-button-inner" design="${ifDefined(this.design)}" icon=${ifDefined(this._stateIcon)} end-icon=${ifDefined(this._stateEndIcon)} ?disabled="${this.disabled}" @click=${this._onclick}>${this._hasText ? block1.call(this, context, tags, suffix) : undefined}</ui5-button><ui5-button class="ui5-ai-button-hidden" design="${ifDefined(this.design)}"></ui5-button>`; }
-function block1(context, tags, suffix) { return html `<div class="ui5-ai-button-text">${ifDefined(this._stateText)}</div>`; }
-export default block0;
-//# sourceMappingURL=ButtonTemplate.lit.js.map

package/dist/generated/templates/ButtonTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ButtonTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,wCAAwC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,QAAQ,IAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,KAAK,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,yCAAyC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,mDAAmD,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,QAAQ,IAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,iEAAiE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAA,CAAC;AAC/+B,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA,CAAC;AAGpL,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type Button from \"../../Button.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Button, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} class=\"ui5-ai-button-inner\" design=\"${ifDefined(this.design)}\" icon=${ifDefined(this._stateIcon)} end-icon=${ifDefined(this._stateEndIcon)} ?disabled=\"${this.disabled}\" @click=${this._onclick}>${ this._hasText ? block1.call(this, context, tags, suffix) : undefined }</${scopeTag(\"ui5-button\", tags, suffix)}><${scopeTag(\"ui5-button\", tags, suffix)} class=\"ui5-ai-button-hidden\" design=\"${ifDefined(this.design)}\"></${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button class=\"ui5-ai-button-inner\" design=\"${ifDefined(this.design)}\" icon=${ifDefined(this._stateIcon)} end-icon=${ifDefined(this._stateEndIcon)} ?disabled=\"${this.disabled}\" @click=${this._onclick}>${ this._hasText ? block1.call(this, context, tags, suffix) : undefined }</ui5-button><ui5-button class=\"ui5-ai-button-hidden\" design=\"${ifDefined(this.design)}\"></ui5-button>`;}\nfunction block1 (this: Button, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"ui5-ai-button-text\">${ifDefined(this._stateText)}</div>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/PromptInputTemplate.lit.d.ts

@@ -1,4 +0,0 @@
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type PromptInput from "../../PromptInput.js";
-declare function block0(this: PromptInput, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
-export default block0;

package/dist/generated/templates/PromptInputTemplate.lit.js

@@ -1,8 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return suffix ? html `<div class="ai-prompt-input-wrapper">${this.label ? block1.call(this, context, tags, suffix) : undefined}<div class="ai-prompt-input-form-wrapper"><div class="ai-prompt-inner-input-wrapper"><${scopeTag("ui5-input", tags, suffix)} id="input" .value="${ifDefined(this.value)}" placeholder="${ifDefined(this.placeholder)}" value-state="${ifDefined(this.valueState)}" ?show-clear-icon=${this.showClearIcon} ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?show-suggestions="${this.showSuggestions}" @keydown="${this._onkeydown}" @ui5-input="${ifDefined(this._onInnerInput)}" @ui5-change="${ifDefined(this._onInnerChange)}" @ui5-type-ahead="${ifDefined(this._onTypeAhead)}"><slot></slot>${this.valueStateMessage.length ? block2.call(this, context, tags, suffix) : undefined}</${scopeTag("ui5-input", tags, suffix)}>${this.showExceededText ? block3.call(this, context, tags, suffix) : undefined}</div><${scopeTag("ui5-button", tags, suffix)} ?disabled=${this._submitButtonDisabled} class="ai-prompt-input-button" design="Emphasized" icon="paper-plane" @click="${this._onButtonClick}"></${scopeTag("ui5-button", tags, suffix)}></div></div>` : html `<div class="ai-prompt-input-wrapper">${this.label ? block1.call(this, context, tags, suffix) : undefined}<div class="ai-prompt-input-form-wrapper"><div class="ai-prompt-inner-input-wrapper"><ui5-input id="input" .value="${ifDefined(this.value)}" placeholder="${ifDefined(this.placeholder)}" value-state="${ifDefined(this.valueState)}" ?show-clear-icon=${this.showClearIcon} ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?show-suggestions="${this.showSuggestions}" @keydown="${this._onkeydown}" @ui5-input="${ifDefined(this._onInnerInput)}" @ui5-change="${ifDefined(this._onInnerChange)}" @ui5-type-ahead="${ifDefined(this._onTypeAhead)}"><slot></slot>${this.valueStateMessage.length ? block2.call(this, context, tags, suffix) : undefined}</ui5-input>${this.showExceededText ? block3.call(this, context, tags, suffix) : undefined}</div><ui5-button ?disabled=${this._submitButtonDisabled} class="ai-prompt-input-button" design="Emphasized" icon="paper-plane" @click="${this._onButtonClick}"></ui5-button></div></div>`; }
-function block1(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-label", tags, suffix)} for="input">${ifDefined(this.label)}</${scopeTag("ui5-label", tags, suffix)}>` : html `<ui5-label for="input">${ifDefined(this.label)}</ui5-label>`; }
-function block2(context, tags, suffix) { return html `<slot name="valueStateMessage" slot="valueStateMessage"></slot>`; }
-function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-label", tags, suffix)} class="ai-prompt-input-counter">${ifDefined(this._exceededText)}</${scopeTag("ui5-label", tags, suffix)}>` : html `<ui5-label class="ai-prompt-input-counter">${ifDefined(this._exceededText)}</ui5-label>`; }
-export default block0;
-//# sourceMappingURL=PromptInputTemplate.lit.js.map

package/dist/generated/templates/PromptInputTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PromptInputTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/PromptInputTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type PromptInput from \"../../PromptInput.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: PromptInput, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"ai-prompt-input-wrapper\">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<div class=\"ai-prompt-input-form-wrapper\"><div class=\"ai-prompt-inner-input-wrapper\"><${scopeTag(\"ui5-input\", tags, suffix)} id=\"input\" .value=\"${ifDefined(this.value)}\" placeholder=\"${ifDefined(this.placeholder)}\" value-state=\"${ifDefined(this.valueState)}\" ?show-clear-icon=${this.showClearIcon} ?disabled=\"${this.disabled}\" ?readonly=\"${this.readonly}\" ?show-suggestions=\"${this.showSuggestions}\" @keydown=\"${this._onkeydown}\" @ui5-input=\"${ifDefined(this._onInnerInput)}\" @ui5-change=\"${ifDefined(this._onInnerChange)}\" @ui5-type-ahead=\"${ifDefined(this._onTypeAhead)}\"><slot></slot>${ this.valueStateMessage.length ? block2.call(this, context, tags, suffix) : undefined }</${scopeTag(\"ui5-input\", tags, suffix)}>${ this.showExceededText ? block3.call(this, context, tags, suffix) : undefined }</div><${scopeTag(\"ui5-button\", tags, suffix)} ?disabled=${this._submitButtonDisabled} class=\"ai-prompt-input-button\" design=\"Emphasized\" icon=\"paper-plane\" @click=\"${this._onButtonClick}\"></${scopeTag(\"ui5-button\", tags, suffix)}></div></div>` : html`<div class=\"ai-prompt-input-wrapper\">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<div class=\"ai-prompt-input-form-wrapper\"><div class=\"ai-prompt-inner-input-wrapper\"><ui5-input id=\"input\" .value=\"${ifDefined(this.value)}\" placeholder=\"${ifDefined(this.placeholder)}\" value-state=\"${ifDefined(this.valueState)}\" ?show-clear-icon=${this.showClearIcon} ?disabled=\"${this.disabled}\" ?readonly=\"${this.readonly}\" ?show-suggestions=\"${this.showSuggestions}\" @keydown=\"${this._onkeydown}\" @ui5-input=\"${ifDefined(this._onInnerInput)}\" @ui5-change=\"${ifDefined(this._onInnerChange)}\" @ui5-type-ahead=\"${ifDefined(this._onTypeAhead)}\"><slot></slot>${ this.valueStateMessage.length ? block2.call(this, context, tags, suffix) : undefined }</ui5-input>${ this.showExceededText ? block3.call(this, context, tags, suffix) : undefined }</div><ui5-button ?disabled=${this._submitButtonDisabled} class=\"ai-prompt-input-button\" design=\"Emphasized\" icon=\"paper-plane\" @click=\"${this._onButtonClick}\"></ui5-button></div></div>`;}\nfunction block1 (this: PromptInput, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-label\", tags, suffix)} for=\"input\">${ifDefined(this.label)}</${scopeTag(\"ui5-label\", tags, suffix)}>` : html`<ui5-label for=\"input\">${ifDefined(this.label)}</ui5-label>`;}\nfunction block2 (this: PromptInput, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name=\"valueStateMessage\" slot=\"valueStateMessage\"></slot>`;}\nfunction block3 (this: PromptInput, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-label\", tags, suffix)} class=\"ai-prompt-input-counter\">${ifDefined(this._exceededText)}</${scopeTag(\"ui5-label\", tags, suffix)}>` : html`<ui5-label class=\"ai-prompt-input-counter\">${ifDefined(this._exceededText)}</ui5-label>`;}\n\n\nexport default block0;"]}

package/src/Button.hbs

@@ -1,17 +0,0 @@
-<ui5-button
-	class="ui5-ai-button-inner"
-	design="{{design}}"
-	icon={{_stateIcon}}
-	end-icon={{_stateEndIcon}}
-	?disabled="{{disabled}}"
-	@click={{_onclick}}
->
-	{{#if _hasText}}
-		<div class="ui5-ai-button-text">{{_stateText}}</div>
-	{{/if}}
-</ui5-button>
-
-<ui5-button
-	class="ui5-ai-button-hidden"
-	design="{{design}}"
-></ui5-button>