@ui5/webcomponents-ai 0.0.0-bf8366eb6 → 0.0.0-c143e338b

package/src/themes/Input.css

@@ -0,0 +1,83 @@
+/* root*/
+.ui5-ai-input-root {
+	width: 100%;
+	height: 100%;
+	border-right: none;
+}
+
+:host([focused]:not([opened])[_is-menu-open]) .ui5-ai-input-root:hover {
+	border-radius: var(--_ui5_input_border_radius);
+	box-shadow: var(--sapField_Hover_Shadow);
+}
+
+:host([focused]:not([opened])[_is-menu-open]) .ui5-input-focusable-element::after {
+	border: var(--_ui5-input-border);
+}
+
+.ui5-input-busy-indicator {
+	flex: 1;
+	width: 100%;
+	height: 100%;
+	position: relative;
+	box-sizing: border-box;
+	display: block;
+}
+
+.ui5-ai-input-busy .ui5-ai-input-button-wrapper {
+	background-color: inherit;
+	border: none;
+}
+
+.ui5-ai-input-button-wrapper {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: var(--_ui5_input_icon_width);
+	min-width: var(--_ui5_input_icon_width);
+	height: var(--_ui5_input_icon_wrapper_height);
+	padding: 0;
+	box-sizing: border-box;
+	border-radius: var(--_ui5_input_border_radius);
+	cursor: pointer;
+	border: none;
+}
+
+/* Hidden state */
+.ui5-input-ai-button[hidden] {
+	display: none;
+}
+
+/* Active / Open / Loading states */
+.ui5-ai-input-button-wrapper.ui5-input-button-menu-open,
+.ui5-ai-input-button-wrapper:active {
+	background-color: var(--sapButton_Selected_Background);
+	box-shadow: var(--sapField_Hover_Shadow);
+	color: var(--sapButton_Selected_TextColor);
+}
+
+/* Hover state */
+.ui5-ai-input-button-wrapper:not(.ui5-input-button-menu-open):not(.ui5-ai-input-loading):not(:active):hover,
+.ui5-ai-input-button-wrapper.ui5-ai-input-loading:hover {
+	background-color: var(--sapButton_Hover_Background);
+	border: 1px solid var(--sapButton_Hover_BorderColor);
+	box-shadow: inset 0 0 0 0.0625rem var(--sapContent_Neutral_Shadow);
+}
+
+/* menu & versioning */
+
+.ui5-input-button-menu-open {
+	background-color: var(--sapButton_Selected_Background);
+	box-shadow: var(--sapField_Hover_Shadow);
+}
+
+[ui5-menu-item].ui5-ai-versioning-menu-footer:hover {
+	background-color: inherit;
+}
+
+.ui5-ai-versioning-menu-footer::part(native-li) {
+  padding-right: 0.25rem;
+}
+
+#ai-menu-btn {
+  --_ui5_button_focused_border: none;
+}

package/src/themes/PromptInput.css

@@ -0,0 +1,34 @@
+:host(:not([hidden])) {
+    display: inline-block;
+}
+
+.ai-prompt-input-button {
+	margin-left: .5rem;
+	margin-top: 3px;
+}
+
+.ai-prompt-input-wrapper {
+	display: flex;
+	flex-direction: column;
+	min-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;
+}

package/src/themes/TextArea.css

@@ -0,0 +1,45 @@
+.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"] {
+	position: relative;
+	width: 100%;
+	margin-top: auto;
+	flex-shrink: 0;
+}
+
+.ui5-ai-writing-assistant-footer-bar {
+	background: var(--_ui5_texteditor_toolbar_background, var(--sapPageFooter_Background));
+	width: 100%;
+	box-sizing: border-box;
+	box-shadow: none;
+	border-bottom: none;
+	border-top: none;
+}
+
+.ui5-ai-writing-assistant-footer-bar--with-border {
+	border-top: 1px solid var(--sapPageFooter_BorderColor);
+}
+
+.ui5-ai-writing-assistant-action-label {
+	margin-left: 0.5rem;
+	color: var(--sapContent_LabelColor);
+	font-size: var(--sapFontSmallSize);
+}
+
+#ai-menu-wrapper {
+	position: relative;
+	z-index: 1000;
+}

package/src/themes/Versioning.css

@@ -0,0 +1,20 @@
+:host {
+	display: inline-flex;
+	align-items: center;
+}
+
+#versioning-history {
+	display: flex;
+	align-items: center;
+	gap: 0;
+}
+
+.version-step-counter {
+	margin: 0 0.25rem;
+	display: flex;
+	align-items: center;
+	color: var(--sapContent_LabelColor);
+	font-size: var(--sapFontSmallSize);
+	line-height: 1;
+}
+

package/src/themes/WritingAssistant.css

@@ -0,0 +1,45 @@
+.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_texteditor_toolbar_background, var(--sapPageFooter_Background));
+	width: 100%;
+	box-sizing: border-box;
+	box-shadow: none;
+	border-bottom: none;
+	border-top: none;
+	padding: 0.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: 0.25rem;
+}

package/tsconfig.json

@@ -1,28 +1,63 @@
 {
-  "include": ["src/**/*", "global.d.ts"],
-  "compilerOptions": {
-    "target": "ES2021",
-    "lib": ["DOM", "DOM.Iterable", "ES2023"],
-    // Generate d.ts files
-    "declaration": true,
-    "outDir": "dist",
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "inlineSources": true,
-    "strict": true,
-    "moduleResolution": "node",
-    "experimentalDecorators": true,
-    "importsNotUsedAsValues": "preserve",
-    "ignoreDeprecations": "5.0",
-    "paths": {
-        "@ui5/webcomponents-base/dist/*": ["../base/src/*"],
-        "@ui5/webcomponents/dist/*": ["../main/src/*"],
-        "@ui5/webcomponents-theming/dist/*": ["../theming/src/*"],
-    },
-  },
-  "references": [
-    { "path": "../base" },
-    { "path": "../main" },
-    { "path": "../theming" },
-  ]
+	"extends": "@ui5/webcomponents-tools/tsconfig.json",
+	"include": [
+		"src/**/*",
+		"global.d.ts"
+	],
+	"compilerOptions": {
+		"outDir": "dist",
+		"experimentalDecorators": true,
+		"composite": true,
+		"rootDir": "src",
+		"tsBuildInfoFile": "dist/.tsbuildinfo",
+		"module": "NodeNext",
+		"moduleResolution": "NodeNext",
+		"verbatimModuleSyntax": true,
+		"paths": {
+			"@ui5/webcomponents-base/dist/*": [
+				"../base/src/*"
+			],
+			"@ui5/webcomponents/dist/*": [
+				"../main/src/*"
+			],
+			"@ui5/webcomponents-localization/dist/*": [
+				"../localization/src/*"
+			],
+			"@ui5/webcomponents-theming/dist/*": [
+				"../theming/src/*"
+			],
+			"@ui5/webcomponents-icons/dist/*": [
+				"../icons/src/*"
+			],
+			"@ui5/webcomponents-icons-business-suite/dist/*": [
+				"../icons-business-suite/src/*"
+			],
+			"@ui5/webcomponents-icons-tnt/dist/*": [
+				"../icons-tnt/src/*"
+			]
+		},
+	},
+	"references": [
+		{
+			"path": "../base"
+		},
+		{
+			"path": "../main"
+		},
+		{
+			"path": "../localization"
+		},
+		{
+			"path": "../theming"
+		},
+		{
+			"path": "../icons"
+		},
+		{
+			"path": "../icons-business-suite"
+		},
+		{
+			"path": "../icons-tnt"
+		},
+	]
 }

package/dist/PromtInput.d.ts

@@ -1,4 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-declare class PromptInput extends UI5Element {
-}
-export default PromptInput;

package/dist/PromtInput.js

@@ -1,28 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.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";
-let PromptInput = class PromptInput extends UI5Element {
-};
-PromptInput = __decorate([
-    customElement({
-        tag: "ui5-ai-prompt-input",
-        renderer: litRender,
-        dependencies: [
-            Input,
-            Label,
-            Button,
-        ],
-    })
-], PromptInput);
-PromptInput.define();
-export default PromptInput;
-//# sourceMappingURL=PromtInput.js.map

package/dist/PromtInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PromtInput.js","sourceRoot":"","sources":["../src/PromtInput.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAWvD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;CACnC,CAAA;AADK,WAAW;IAThB,aAAa,CAAC;QACd,GAAG,EAAE,qBAAqB;QAC1B,QAAQ,EAAE,SAAS;QACnB,YAAY,EAAE;YACb,KAAK;YACL,KAAK;YACL,MAAM;SACN;KACD,CAAC;GACI,WAAW,CAChB;AAED,WAAW,CAAC,MAAM,EAAE,CAAC;AAErB,eAAe,WAAW,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\n\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport Input from \"@ui5/webcomponents/dist/Input.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\n\n@customElement({\n\ttag: \"ui5-ai-prompt-input\",\n\trenderer: litRender,\n\tdependencies: [\n\t\tInput,\n\t\tLabel,\n\t\tButton,\n\t],\n})\nclass PromptInput extends UI5Element {\n}\n\nPromptInput.define();\n\nexport default PromptInput;\n"]}

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,5 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} icon="${ifDefined(this.icon)}" end-icon="${ifDefined(this.endIcon)}"><slot></slot></${scopeTag("ui5-button", tags, suffix)}>` : html `<ui5-button icon="${ifDefined(this.icon)}" end-icon="${ifDefined(this.endIcon)}"><slot></slot></ui5-button>`; }
-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,EAAmC,SAAS,EAAc,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,UAAU,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,qBAAqB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAA,CAAC;AAGnZ,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\";\n\timport type Button from \"../../Button.js\";\n\timport 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)} icon=\"${ifDefined(this.icon)}\" end-icon=\"${ifDefined(this.endIcon)}\"><slot></slot></${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button icon=\"${ifDefined(this.icon)}\" end-icon=\"${ifDefined(this.endIcon)}\"><slot></slot></ui5-button>`;}\n\n\nexport default block0;"]}

package/src/Button.hbs

@@ -1,3 +0,0 @@
-<ui5-button icon="{{icon}}" end-icon="{{endIcon}}">
-	<slot></slot>
-</ui5-button>