@ui5/webcomponents-ai 2.18.0-rc.2 → 2.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/TextArea.d.ts +5 -0
  4. package/dist/TextArea.js +43 -2
  5. package/dist/TextArea.js.map +1 -1
  6. package/dist/TextAreaTemplate.js +1 -1
  7. package/dist/TextAreaTemplate.js.map +1 -1
  8. package/dist/WritingAssistant.d.ts +1 -0
  9. package/dist/WritingAssistant.js +4 -0
  10. package/dist/WritingAssistant.js.map +1 -1
  11. package/dist/WritingAssistantTemplate.js +1 -1
  12. package/dist/WritingAssistantTemplate.js.map +1 -1
  13. package/dist/css/themes/Button.css +1 -1
  14. package/dist/css/themes/Input.css +1 -1
  15. package/dist/css/themes/TextArea.css +1 -1
  16. package/dist/css/themes/WritingAssistant.css +1 -1
  17. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  18. package/dist/generated/i18n/i18n-defaults.js +2 -2
  19. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  20. package/dist/generated/themes/Button.css.d.ts +1 -1
  21. package/dist/generated/themes/Button.css.js +1 -1
  22. package/dist/generated/themes/Button.css.js.map +1 -1
  23. package/dist/generated/themes/Input.css.d.ts +1 -1
  24. package/dist/generated/themes/Input.css.js +1 -1
  25. package/dist/generated/themes/Input.css.js.map +1 -1
  26. package/dist/generated/themes/TextArea.css.d.ts +1 -1
  27. package/dist/generated/themes/TextArea.css.js +1 -1
  28. package/dist/generated/themes/TextArea.css.js.map +1 -1
  29. package/dist/generated/themes/WritingAssistant.css.d.ts +1 -1
  30. package/dist/generated/themes/WritingAssistant.css.js +1 -1
  31. package/dist/generated/themes/WritingAssistant.css.js.map +1 -1
  32. package/dist/web-types.json +1 -1
  33. package/package.json +7 -7
  34. package/src/TextArea.css +0 -20
  35. package/src/TextAreaTemplate.tsx +1 -0
  36. package/src/WritingAssistantTemplate.tsx +13 -11
  37. package/src/i18n/messagebundle.properties +4 -4
  38. package/src/i18n/messagebundle_en.properties +2 -2
  39. package/src/themes/WritingAssistant.css +0 -22
@@ -1,2 +1,2 @@
1
- declare const _default: ".ui5-ai-textarea-root{position:relative;display:flex;flex-direction:column;width:100%;height:100%}.ui5-ai-textarea-root .ui5-textarea-wrapper{display:flex;flex-direction:column;flex:1;position:relative}.ui5-ai-textarea-root [part=footer]{width:100%;margin-top:auto;flex-shrink:0}.ui5-ai-writing-assistant-footer-bar{background:var(--_ui5-v2-18-0-rc-1_texteditor_toolbar_background, var(--sapPageFooter_Background));width:100%;box-sizing:border-box;box-shadow:none;border-bottom:none;border-top:none;padding:.5rem;min-height:2.75rem;display:flex;align-items:center;justify-content:flex-start}.ui5-ai-writing-assistant-footer-bar--with-border{border-top:1px solid var(--sapPageFooter_BorderColor)}.ui5-ai-writing-assistant-action-label{color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);margin-left:.25rem}\n";
1
+ declare const _default: ".ui5-ai-writing-assistant-footer-bar{background:var(--_ui5-v2-18-0-rc-3_texteditor_toolbar_background, var(--sapPageFooter_Background));width:100%;box-sizing:border-box;box-shadow:none;border-bottom:none;border-top:none;padding:.5rem;display:flex;align-items:center;justify-content:flex-start}.ui5-ai-writing-assistant-footer-bar--with-border{border-top:1px solid var(--sapPageFooter_BorderColor)}.ui5-ai-writing-assistant-action-label{color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);margin-left:.25rem}\n";
2
2
  export default _default;
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  registerThemePropertiesLoader("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "a" + "i", "sap_horizon", async () => defaultTheme);
6
- export default `.ui5-ai-textarea-root{position:relative;display:flex;flex-direction:column;width:100%;height:100%}.ui5-ai-textarea-root .ui5-textarea-wrapper{display:flex;flex-direction:column;flex:1;position:relative}.ui5-ai-textarea-root [part=footer]{width:100%;margin-top:auto;flex-shrink:0}.ui5-ai-writing-assistant-footer-bar{background:var(--_ui5-v2-18-0-rc-1_texteditor_toolbar_background, var(--sapPageFooter_Background));width:100%;box-sizing:border-box;box-shadow:none;border-bottom:none;border-top:none;padding:.5rem;min-height:2.75rem;display:flex;align-items:center;justify-content:flex-start}.ui5-ai-writing-assistant-footer-bar--with-border{border-top:1px solid var(--sapPageFooter_BorderColor)}.ui5-ai-writing-assistant-action-label{color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);font-family:"72override",var(--sapFontFamily);margin-left:.25rem}
6
+ export default `.ui5-ai-writing-assistant-footer-bar{background:var(--_ui5-v2-18-0-rc-3_texteditor_toolbar_background, var(--sapPageFooter_Background));width:100%;box-sizing:border-box;box-shadow:none;border-bottom:none;border-top:none;padding:.5rem;display:flex;align-items:center;justify-content:flex-start}.ui5-ai-writing-assistant-footer-bar--with-border{border-top:1px solid var(--sapPageFooter_BorderColor)}.ui5-ai-writing-assistant-action-label{color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);font-family:"72override",var(--sapFontFamily);margin-left:.25rem}
7
7
  `;
8
8
  //# sourceMappingURL=WritingAssistant.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"WritingAssistant.css.js","sourceRoot":"","sources":["../../../src/generated/themes/WritingAssistant.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,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AACpM,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(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"a\" + \"i\", \"sap_horizon\", async () => defaultTheme);\nexport default `.ui5-ai-textarea-root{position:relative;display:flex;flex-direction:column;width:100%;height:100%}.ui5-ai-textarea-root .ui5-textarea-wrapper{display:flex;flex-direction:column;flex:1;position:relative}.ui5-ai-textarea-root [part=footer]{width:100%;margin-top:auto;flex-shrink:0}.ui5-ai-writing-assistant-footer-bar{background:var(--_ui5-v2-18-0-rc-1_texteditor_toolbar_background, var(--sapPageFooter_Background));width:100%;box-sizing:border-box;box-shadow:none;border-bottom:none;border-top:none;padding:.5rem;min-height:2.75rem;display:flex;align-items:center;justify-content:flex-start}.ui5-ai-writing-assistant-footer-bar--with-border{border-top:1px solid var(--sapPageFooter_BorderColor)}.ui5-ai-writing-assistant-action-label{color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);margin-left:.25rem}\n`"]}
1
+ {"version":3,"file":"WritingAssistant.css.js","sourceRoot":"","sources":["../../../src/generated/themes/WritingAssistant.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,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AACpM,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(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"a\" + \"i\", \"sap_horizon\", async () => defaultTheme);\nexport default `.ui5-ai-writing-assistant-footer-bar{background:var(--_ui5-v2-18-0-rc-3_texteditor_toolbar_background, var(--sapPageFooter_Background));width:100%;box-sizing:border-box;box-shadow:none;border-bottom:none;border-top:none;padding:.5rem;display:flex;align-items:center;justify-content:flex-start}.ui5-ai-writing-assistant-footer-bar--with-border{border-top:1px solid var(--sapPageFooter_BorderColor)}.ui5-ai-writing-assistant-action-label{color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);margin-left:.25rem}\n`"]}
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@ui5/webcomponents-ai",
4
- "version": "2.18.0-rc.1",
4
+ "version": "2.18.0-rc.3",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents-ai",
3
- "version": "2.18.0-rc.2",
3
+ "version": "2.18.0",
4
4
  "description": "UI5 Web Components: webcomponents.ai",
5
5
  "ui5": {
6
6
  "webComponentsPackage": true
@@ -46,17 +46,17 @@
46
46
  "directory": "packages/ai"
47
47
  },
48
48
  "dependencies": {
49
- "@ui5/webcomponents": "2.18.0-rc.2",
50
- "@ui5/webcomponents-base": "2.18.0-rc.2",
51
- "@ui5/webcomponents-icons": "2.18.0-rc.2",
52
- "@ui5/webcomponents-theming": "2.18.0-rc.2"
49
+ "@ui5/webcomponents": "2.18.0",
50
+ "@ui5/webcomponents-base": "2.18.0",
51
+ "@ui5/webcomponents-icons": "2.18.0",
52
+ "@ui5/webcomponents-theming": "2.18.0"
53
53
  },
54
54
  "devDependencies": {
55
55
  "@custom-elements-manifest/analyzer": "^0.10.10",
56
56
  "@ui5/cypress-internal": "0.1.0",
57
- "@ui5/webcomponents-tools": "2.18.0-rc.2",
57
+ "@ui5/webcomponents-tools": "2.18.0",
58
58
  "cypress": "^15.3.0",
59
59
  "vite": "5.4.21"
60
60
  },
61
- "gitHead": "7bd25a1267953fe0b38ff07839c30563892aaf97"
61
+ "gitHead": "e03b1c2b6315fbe4594f6563e1cb301a38fff885"
62
62
  }
package/src/TextArea.css CHANGED
@@ -20,26 +20,6 @@
20
20
  flex-shrink: 0;
21
21
  }
22
22
 
23
- .ui5-ai-writing-assistant-footer-bar {
24
- background: var(--_ui5_texteditor_toolbar_background, var(--sapPageFooter_Background));
25
- width: 100%;
26
- box-sizing: border-box;
27
- box-shadow: none;
28
- border-bottom: none;
29
- border-top: none;
30
- }
31
-
32
23
  .ui5-ai-writing-assistant-footer-bar--with-border {
33
24
  border-top: 1px solid var(--sapPageFooter_BorderColor);
34
25
  }
35
-
36
- .ui5-ai-writing-assistant-action-label {
37
- margin-left: 0.5rem;
38
- color: var(--sapContent_LabelColor);
39
- font-size: var(--sapFontSmallSize);
40
- }
41
-
42
- #ai-menu-wrapper {
43
- position: relative;
44
- z-index: 1000;
45
- }
@@ -58,6 +58,7 @@ export default function TextAreaTemplate(this: TextArea) {
58
58
  currentVersion={this.currentVersion}
59
59
  totalVersions={this.totalVersions}
60
60
  promptDescription={this.promptDescription}
61
+ focused={this.focused}
61
62
  onButtonClick={this._handleAIButtonClick}
62
63
  onStopGeneration={this.handleStopGeneration}
63
64
  onVersionChange={this._handleVersionChange}
@@ -33,17 +33,19 @@ export default function WritingAssistantTemplate(this: WritingAssistant) {
33
33
 
34
34
  <ToolbarSpacer />
35
35
 
36
- <ToolbarButton
37
- id="ai-menu-btn"
38
- design="Transparent"
39
- icon={this.loading ? "stop" : "ai"}
40
- data-state={this.loading ? "generating" : "generate"}
41
- onClick={this.handleButtonClick}
42
- tooltip={this.loading ? this._stopTooltip : this._buttonTooltip}
43
- accessibilityAttributes={{ hasPopup: this.loading ? "false" : "menu" }}
44
- accessibleName={this._buttonAccessibleName}
45
- overflowPriority="NeverOverflow"
46
- />
36
+ {this.focused && (
37
+ <ToolbarButton
38
+ id="ai-menu-btn"
39
+ design="Transparent"
40
+ icon={this.loading ? "stop" : "ai"}
41
+ data-state={this.loading ? "generating" : "generate"}
42
+ onClick={this.handleButtonClick}
43
+ tooltip={this.loading ? this._stopTooltip : this._buttonTooltip}
44
+ accessibilityAttributes={{ hasPopup: this.loading ? "false" : "menu" }}
45
+ accessibleName={this._buttonAccessibleName}
46
+ overflowPriority="NeverOverflow"
47
+ />
48
+ )}
47
49
  </Toolbar>
48
50
  );
49
51
  }
@@ -43,8 +43,8 @@ WRITING_ASSISTANT_BUTTON_TOOLTIP=Writing Assistant (Shift + F4)
43
43
  #XTOL: Writing Assistant stop generating button tooltip
44
44
  WRITING_ASSISTANT_STOP_TOOLTIP=Stop Generating (Esc)
45
45
 
46
- #XFLD: Tooltip for the Previous Version button
47
- VERSIONING_PREVIOUS_BUTTON_TOOLTIP=Previous Version
46
+ #XTOL: Tooltip for the Previous Version button
47
+ VERSIONING_PREVIOUS_BUTTON_TOOLTIP=Previous Version (Ctrl + Shift + Z)
48
48
 
49
- #XFLD: Tooltip for the Next Version button
50
- VERSIONING_NEXT_BUTTON_TOOLTIP=Next Version
49
+ #XTOL: Tooltip for the Next Version button
50
+ VERSIONING_NEXT_BUTTON_TOOLTIP=Next Version (Ctrl + Shift + Y)
@@ -19,6 +19,6 @@ WRITING_ASSISTANT_BUTTON_ACCESSIBLE_NAME=Writing Assistant
19
19
 
20
20
  WRITING_ASSISTANT_BUTTON_TOOLTIP=Writing Assistant (Shift + F4)
21
21
 
22
- VERSIONING_PREVIOUS_BUTTON_TOOLTIP=Previous Version
22
+ VERSIONING_PREVIOUS_BUTTON_TOOLTIP=Previous Version (Ctrl + Shift + Z)
23
23
 
24
- VERSIONING_NEXT_BUTTON_TOOLTIP=Next Version
24
+ VERSIONING_NEXT_BUTTON_TOOLTIP=Next Version (Ctrl + Shift + Y)
@@ -1,24 +1,3 @@
1
- .ui5-ai-textarea-root {
2
- position: relative;
3
- display: flex;
4
- flex-direction: column;
5
- width: 100%;
6
- height: 100%;
7
- }
8
-
9
- .ui5-ai-textarea-root .ui5-textarea-wrapper {
10
- display: flex;
11
- flex-direction: column;
12
- flex: 1;
13
- position: relative;
14
- }
15
-
16
- .ui5-ai-textarea-root [part="footer"] {
17
- width: 100%;
18
- margin-top: auto;
19
- flex-shrink: 0;
20
- }
21
-
22
1
  .ui5-ai-writing-assistant-footer-bar {
23
2
  background: var(--_ui5_texteditor_toolbar_background, var(--sapPageFooter_Background));
24
3
  width: 100%;
@@ -27,7 +6,6 @@
27
6
  border-bottom: none;
28
7
  border-top: none;
29
8
  padding: 0.5rem;
30
- min-height: 2.75rem;
31
9
  display: flex;
32
10
  align-items: center;
33
11
  justify-content: flex-start;