@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.
- package/CHANGELOG.md +16 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/TextArea.d.ts +5 -0
- package/dist/TextArea.js +43 -2
- package/dist/TextArea.js.map +1 -1
- package/dist/TextAreaTemplate.js +1 -1
- package/dist/TextAreaTemplate.js.map +1 -1
- package/dist/WritingAssistant.d.ts +1 -0
- package/dist/WritingAssistant.js +4 -0
- package/dist/WritingAssistant.js.map +1 -1
- package/dist/WritingAssistantTemplate.js +1 -1
- package/dist/WritingAssistantTemplate.js.map +1 -1
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/Input.css +1 -1
- package/dist/css/themes/TextArea.css +1 -1
- package/dist/css/themes/WritingAssistant.css +1 -1
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/i18n/i18n-defaults.js +2 -2
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/themes/Button.css.d.ts +1 -1
- package/dist/generated/themes/Button.css.js +1 -1
- package/dist/generated/themes/Button.css.js.map +1 -1
- package/dist/generated/themes/Input.css.d.ts +1 -1
- package/dist/generated/themes/Input.css.js +1 -1
- package/dist/generated/themes/Input.css.js.map +1 -1
- package/dist/generated/themes/TextArea.css.d.ts +1 -1
- package/dist/generated/themes/TextArea.css.js +1 -1
- package/dist/generated/themes/TextArea.css.js.map +1 -1
- package/dist/generated/themes/WritingAssistant.css.d.ts +1 -1
- package/dist/generated/themes/WritingAssistant.css.js +1 -1
- package/dist/generated/themes/WritingAssistant.css.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +7 -7
- package/src/TextArea.css +0 -20
- package/src/TextAreaTemplate.tsx +1 -0
- package/src/WritingAssistantTemplate.tsx +13 -11
- package/src/i18n/messagebundle.properties +4 -4
- package/src/i18n/messagebundle_en.properties +2 -2
- package/src/themes/WritingAssistant.css +0 -22
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ".ui5-ai-
|
|
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-
|
|
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-
|
|
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`"]}
|
package/dist/web-types.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ui5/webcomponents-ai",
|
|
3
|
-
"version": "2.18.0
|
|
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
|
|
50
|
-
"@ui5/webcomponents-base": "2.18.0
|
|
51
|
-
"@ui5/webcomponents-icons": "2.18.0
|
|
52
|
-
"@ui5/webcomponents-theming": "2.18.0
|
|
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
|
|
57
|
+
"@ui5/webcomponents-tools": "2.18.0",
|
|
58
58
|
"cypress": "^15.3.0",
|
|
59
59
|
"vite": "5.4.21"
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
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
|
-
}
|
package/src/TextAreaTemplate.tsx
CHANGED
|
@@ -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
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
-
#
|
|
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
|
-
#
|
|
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;
|