@ui5/webcomponents-ai 0.0.0-9261ac932

package/src/PromptInput.hbs

@@ -0,0 +1,36 @@
+<div class="ai-prompt-input-wrapper">
+	{{#if label}}
+		<ui5-label for="input">{{label}}</ui5-label>
+	{{/if}}
+
+	<div class="ai-prompt-input-form-wrapper">
+		<div class="ai-prompt-inner-input-wrapper">
+			<ui5-input
+				id="input"
+				.value="{{value}}"
+				placeholder="{{placeholder}}"
+				value-state="{{valueState}}"
+				?show-clear-icon={{showClearIcon}}
+				?disabled="{{disabled}}"
+				?readonly="{{readonly}}"
+				?show-suggestions="{{showSuggestions}}"
+				@keydown="{{_onkeydown}}"
+				@ui5-input="{{_onInnerInput}}"
+				@ui5-change="{{_onInnerChange}}"
+				@ui5-type-ahead="{{_onTypeAhead}}"
+			>
+				{{!-- suggestions --}}
+				<slot></slot>
+
+				{{#if valueStateMessage.length}}
+					<slot name="valueStateMessage" slot="valueStateMessage"></slot>
+				{{/if}}
+			</ui5-input>
+
+			{{#if showExceededText}}
+				<ui5-label class="ai-prompt-input-counter">{{_exceededText}}</ui5-label>
+			{{/if}}
+		</div>
+		<ui5-button ?disabled={{_submitButtonDisabled}} class="ai-prompt-input-button" design="Emphasized" icon="paper-plane" @click="{{_onButtonClick}}"></ui5-button>
+	</div>
+</div>

package/src/i18n/messagebundle.properties

@@ -0,0 +1,8 @@
+#This is the resource bundle for the UI5 Web Components
+#__ldi.translation.uuid=96bea51a-d5e3-46f0-b1d1-514d97be02ec
+
+#XTXT: Text for characters left
+PROMPT_INPUT_CHARACTERS_LEFT={0} characters remaining
+
+#XTXT: Text for characters over
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} characters over limit

package/src/i18n/messagebundle_ar.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=متبق {0} من الحروف
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=تم تجاوز الحد بمقدار {0} من الحروف

package/src/i18n/messagebundle_bg.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=Остават {0} символа
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} символа над ограничението

package/src/i18n/messagebundle_ca.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} caràcters restants
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=S''han excedit {0} caràcters

package/src/i18n/messagebundle_cnr.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} znakova preostaje
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} znakova prekoračeno

package/src/i18n/messagebundle_cs.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} znaky zbývají
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} znaky přes limit

package/src/i18n/messagebundle_cy.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} nod ar ôl
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} nod dros yr uchafswm

package/src/i18n/messagebundle_da.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} resterende tegn
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} tegn over grænsen

package/src/i18n/messagebundle_de.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} Zeichen verbleibend
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} Zeichen über Limit

package/src/i18n/messagebundle_el.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} εναπομείναντες χαρακτήρες
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} Πλεονάζοντες χαρακτήρες

package/src/i18n/messagebundle_en.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} characters remaining
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} characters over limit

package/src/i18n/messagebundle_en_GB.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} characters remaining
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} characters over limit

package/src/i18n/messagebundle_en_US_sappsd.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=[[[{0} ċĥąŗąċţēŗş ŗēɱąįŋįŋğ]]]
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=[[[{0} ċĥąŗąċţēŗş ŏʋēŗ ĺįɱįţ]]]

package/src/i18n/messagebundle_en_US_saprigi.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=‌‌‍‍​‌​‍​‌‌‍‌‌​​‍‌‍‌​‌​‌​‌​‍​‌‌​​‍‌‍‍‍‍​​​{0}‌‌‌ characters remaining
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=‌‌‌​‌‍‍‍​‍‍​​​​‌‍​‍​‌‍​‌​​​‌​​‌​​‍‍​‌‌‌​‍​​​{0}‌‌‌ characters over limit

package/src/i18n/messagebundle_en_US_saptrc.properties

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

package/src/i18n/messagebundle_es.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} caracteres restantes
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} caracteres excedidos

package/src/i18n/messagebundle_es_MX.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=Quedan {0} caracteres
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} caracteres por encima del límite

package/src/i18n/messagebundle_et.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} märki veel
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} märki üle limiidi

package/src/i18n/messagebundle_fi.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} merkkiä jäljellä
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} merkkiä yli rajan

package/src/i18n/messagebundle_fr.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} caractères restants
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} caractères en trop

package/src/i18n/messagebundle_fr_CA.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} caractères restants
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} caractères en trop

package/src/i18n/messagebundle_hi.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} शेष वर्ण
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} सीमा से अधिक वर्ण

package/src/i18n/messagebundle_hr.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} znakova preostalo
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} znakova prekoračeno

package/src/i18n/messagebundle_hu.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} karaktert írhat még
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} karakterrel túllépve

package/src/i18n/messagebundle_id.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} karakter tersisa
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} karakter melebihi batas

package/src/i18n/messagebundle_it.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} caratteri rimanenti
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} caratteri oltre il limite

package/src/i18n/messagebundle_iw.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} תווים נותרו
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=חריגה של {0} תווים

package/src/i18n/messagebundle_ja.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=残り {0} 文字です
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=上限を {0} 文字超過しています

package/src/i18n/messagebundle_kk.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} таңба қалды
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} таңбаға асып кетті

package/src/i18n/messagebundle_ko.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0}자 남음
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0}자 한도 초과

package/src/i18n/messagebundle_lt.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=Liko simbolių: {0}
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=Viršytas simbolių skaičius: {0}

package/src/i18n/messagebundle_lv.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=Atlikušas {0} rakstzīmes
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} rakstzīmes pārsniedz limitu

package/src/i18n/messagebundle_mk.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} преостанати знаци
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} знаци над границата

package/src/i18n/messagebundle_ms.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} aksara yang tinggal
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} aksara melebihi had

package/src/i18n/messagebundle_nl.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} tekens over
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} tekens boven limiet

package/src/i18n/messagebundle_no.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} tegn gjenstår
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} tegn over grensen

package/src/i18n/messagebundle_pl.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=Pozostała następująca liczba znaków: {0}
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=Przekroczono o następującą liczbę znaków: {0}

package/src/i18n/messagebundle_pt.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} caracteres restantes
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} caracteres acima do limite

package/src/i18n/messagebundle_pt_PT.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} carateres restantes
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} carateres acima do limite

package/src/i18n/messagebundle_ro.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} caractere rămase
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} caractere peste limită

package/src/i18n/messagebundle_ru.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=Осталось символов: {0}
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=Символов свыше лимита: {0}

package/src/i18n/messagebundle_sh.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} znakova preostaje
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} znakova prekoračeno

package/src/i18n/messagebundle_sk.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} znakov zostáva
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} znakov nad limit

package/src/i18n/messagebundle_sl.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=Na voljo je še toliko znakov: {0}
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=Preseženo za toliko znakov: {0}

package/src/i18n/messagebundle_sr.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} знакова преостаје
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} знакова прекорачено

package/src/i18n/messagebundle_sv.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} tecken kvar
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} tecken för mycket

package/src/i18n/messagebundle_th.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=เหลืออีก {0} อักขระ
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=เกินมา {0} อักขระ

package/src/i18n/messagebundle_tr.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} karakter kaldı
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} karakter aşıldı

package/src/i18n/messagebundle_uk.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT={0} символів залишилось
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} символів поза лімітом

package/src/i18n/messagebundle_vi.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=còn lại {0} ký tự
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} ký tự quá giới hạn

package/src/i18n/messagebundle_zh_CN.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=剩余 {0} 个字符
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=超过限制 {0} 个字符

package/src/i18n/messagebundle_zh_TW.properties

@@ -0,0 +1,4 @@
+
+PROMPT_INPUT_CHARACTERS_LEFT=剩下 {0} 個字元
+
+PROMPT_INPUT_CHARACTERS_EXCEEDED=超過 {0} 個字元

package/src/themes/Button.css

@@ -0,0 +1,88 @@
+:host {
+	display: inline-block;
+}
+
+:host([disabled]) {
+	pointer-events: none;
+}
+
+.ui5-ai-button-text {
+	display: inline-block;
+}
+
+:host([icon-only]) .ui5-ai-button-text {
+	min-width: 0;
+	margin-inline-start: 0;
+}
+
+.ui5-ai-button-hidden {
+	position: absolute;
+	top: -10000px;
+	left: -10000px;
+	visibility: hidden;
+	display: block;
+	width: fit-content;
+}
+
+/* Animated parts */
+
+:host [ui5-button]:not(.ui5-ai-button-hidden) {
+	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(: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) {
+	opacity: 1;
+	transform: translateY(0);
+}
+
+/* Fade out */
+
+:host([fade-out]:not([fade-mid])) ::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-out]:not([fade-mid])) .ui5-ai-button-text,
+:host([fade-out]:not([fade-mid])) ::part(endIcon) {
+	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([fade-mid]) ::part(icon) {
+	opacity: 0;
+	transform: translateY(1rem);
+}
+
+:host([fade-mid]) .ui5-ai-button-text,
+:host([fade-mid]) ::part(endIcon) {
+	opacity: 0;
+	transform: translateY(1rem);
+	transition: none;
+}
+
+/* Fade in */
+
+:host([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) {
+	opacity: 1;
+	transform: translateY(0);
+	transition: opacity 0.06s ease-in-out 0.12s, transform 0.08s ease-in-out 0.12s;
+}

package/src/themes/PromptInput.css

@@ -0,0 +1,30 @@
+.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;
+}

package/src/themes/base/Button-parameters.css

@@ -0,0 +1,2 @@
+:root {
+}

package/src/themes/sap_horizon/parameters-bundle.css

@@ -0,0 +1 @@
+@import "../base/Button-parameters.css";

package/src/themes/sap_horizon_dark/parameters-bundle.css

@@ -0,0 +1 @@
+@import "../base/Button-parameters.css";

package/src/themes/sap_horizon_hcb/parameters-bundle.css

@@ -0,0 +1 @@
+@import "../base/Button-parameters.css";

package/src/themes/sap_horizon_hcw/parameters-bundle.css

@@ -0,0 +1 @@
+@import "../base/Button-parameters.css";

package/tsconfig.json

@@ -0,0 +1,36 @@
+{
+	"extends": "@ui5/webcomponents-tools/tsconfig.json",
+	"include": [
+		"src/**/*",
+		"global.d.ts"
+	],
+	"compilerOptions": {
+		"outDir": "dist",
+		"experimentalDecorators": true,
+		"verbatimModuleSyntax": true,
+		"module": "NodeNext",
+		"moduleResolution": "NodeNext",
+		"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"
+		},
+	]
+}