@ui5/webcomponents-ai 2.16.0-rc.3 → 2.16.1-rc.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 +24 -0
- package/README.md +3 -2
- package/dist/.tsbuildinfo +1 -1
- package/dist/Assets-fetch.js +1 -1
- package/dist/Assets-fetch.js.map +1 -1
- package/dist/Assets-node.js +1 -1
- package/dist/Assets-node.js.map +1 -1
- package/dist/Input.d.ts +139 -0
- package/dist/Input.js +290 -0
- package/dist/Input.js.map +1 -0
- package/dist/InputTemplate.d.ts +10 -0
- package/dist/InputTemplate.js +28 -0
- package/dist/InputTemplate.js.map +1 -0
- package/dist/TextArea.js +0 -6
- package/dist/TextArea.js.map +1 -1
- package/dist/WritingAssistant.d.ts +2 -0
- package/dist/WritingAssistant.js +8 -1
- package/dist/WritingAssistant.js.map +1 -1
- package/dist/WritingAssistantTemplate.js +1 -1
- package/dist/WritingAssistantTemplate.js.map +1 -1
- package/dist/bundle.esm.js +1 -0
- package/dist/bundle.esm.js.map +1 -1
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/Input.css +1 -0
- package/dist/css/themes/TextArea.css +1 -1
- package/dist/css/themes/WritingAssistant.css +1 -1
- package/dist/custom-elements-internal.json +155 -0
- package/dist/custom-elements.json +126 -0
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_US_sappsd.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_US_saptrc.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +5 -1
- package/dist/generated/i18n/i18n-defaults.js +9 -5
- 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 +2 -0
- package/dist/generated/themes/Input.css.js +8 -0
- package/dist/generated/themes/Input.css.js.map +1 -0
- 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/vscode.html-custom-data.json +22 -0
- package/dist/web-types.json +76 -1
- package/package.json +7 -7
- package/src/InputTemplate.tsx +197 -0
- package/src/WritingAssistantTemplate.tsx +1 -1
- package/src/i18n/messagebundle.properties +13 -1
- package/src/i18n/messagebundle_en.properties +4 -4
- package/src/i18n/messagebundle_en_US_sappsd.properties +4 -4
- package/src/i18n/messagebundle_en_US_saptrc.properties +4 -4
- package/src/themes/Input.css +83 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"i18n-defaults.js","sourceRoot":"","sources":["../../../src/generated/i18n/i18n-defaults.ts"],"names":[],"mappings":"AACA,MAAM,4BAA4B,GAAa,EAAC,GAAG,EAAE,8BAA8B,EAAE,WAAW,EAAE,0BAA0B,EAAC,CAAC;AAAA,MAAM,gCAAgC,GAAa,EAAC,GAAG,EAAE,kCAAkC,EAAE,WAAW,EAAE,2BAA2B,EAAC,CAAC;AAAA,MAAM,mBAAmB,GAAa,EAAC,GAAG,EAAE,qBAAqB,EAAE,WAAW,EAAE,kCAAkC,EAAC,CAAC;AAAA,MAAM,uBAAuB,GAAa,EAAC,GAAG,EAAE,yBAAyB,EAAE,WAAW,EAAE,sCAAsC,EAAC,CAAC;AAAA,MAAM,+BAA+B,GAAa,EAAC,GAAG,EAAE,iCAAiC,EAAE,WAAW,EAAE,kBAAkB,EAAC,CAAC;AAAA,MAAM,2BAA2B,GAAa,EAAC,GAAG,EAAE,6BAA6B,EAAE,WAAW,EAAE,cAAc,EAAC,CAAC;AAAA,MAAM,yCAAyC,GAAa,EAAC,GAAG,EAAE,2CAA2C,EAAE,WAAW,EAAE,uBAAuB,EAAC,CAAC;AAAA,MAAM,yCAAyC,GAAa,EAAC,GAAG,EAAE,2CAA2C,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"i18n-defaults.js","sourceRoot":"","sources":["../../../src/generated/i18n/i18n-defaults.ts"],"names":[],"mappings":"AACA,MAAM,4BAA4B,GAAa,EAAC,GAAG,EAAE,8BAA8B,EAAE,WAAW,EAAE,0BAA0B,EAAC,CAAC;AAAA,MAAM,gCAAgC,GAAa,EAAC,GAAG,EAAE,kCAAkC,EAAE,WAAW,EAAE,2BAA2B,EAAC,CAAC;AAAA,MAAM,mBAAmB,GAAa,EAAC,GAAG,EAAE,qBAAqB,EAAE,WAAW,EAAE,kCAAkC,EAAC,CAAC;AAAA,MAAM,uBAAuB,GAAa,EAAC,GAAG,EAAE,yBAAyB,EAAE,WAAW,EAAE,yCAAyC,EAAC,CAAC;AAAA,MAAM,oCAAoC,GAAa,EAAC,GAAG,EAAE,sCAAsC,EAAE,WAAW,EAAE,iCAAiC,EAAC,CAAC;AAAA,MAAM,wCAAwC,GAAa,EAAC,GAAG,EAAE,0CAA0C,EAAE,WAAW,EAAE,qCAAqC,EAAC,CAAC;AAAA,MAAM,sCAAsC,GAAa,EAAC,GAAG,EAAE,wCAAwC,EAAE,WAAW,EAAE,mCAAmC,EAAC,CAAC;AAAA,MAAM,+BAA+B,GAAa,EAAC,GAAG,EAAE,iCAAiC,EAAE,WAAW,EAAE,kBAAkB,EAAC,CAAC;AAAA,MAAM,2BAA2B,GAAa,EAAC,GAAG,EAAE,6BAA6B,EAAE,WAAW,EAAE,cAAc,EAAC,CAAC;AAAA,MAAM,yCAAyC,GAAa,EAAC,GAAG,EAAE,2CAA2C,EAAE,WAAW,EAAE,uBAAuB,EAAC,CAAC;AAAA,MAAM,yCAAyC,GAAa,EAAC,GAAG,EAAE,2CAA2C,EAAE,WAAW,EAAE,8BAA8B,EAAC,CAAC;AAAA,MAAM,wCAAwC,GAAa,EAAC,GAAG,EAAE,0CAA0C,EAAE,WAAW,EAAE,sBAAsB,EAAC,CAAC;AAAA,MAAM,gCAAgC,GAAa,EAAC,GAAG,EAAE,kCAAkC,EAAE,WAAW,EAAE,mCAAmC,EAAC,CAAC;AAAA,MAAM,8BAA8B,GAAa,EAAC,GAAG,EAAE,gCAAgC,EAAE,WAAW,EAAE,uBAAuB,EAAC,CAAC;AAAA,MAAM,kCAAkC,GAAa,EAAC,GAAG,EAAE,oCAAoC,EAAE,WAAW,EAAE,kBAAkB,EAAC,CAAC;AAAA,MAAM,8BAA8B,GAAa,EAAC,GAAG,EAAE,gCAAgC,EAAE,WAAW,EAAE,cAAc,EAAC,CAAC;AACloE,OAAO,EAAC,4BAA4B,EAAC,gCAAgC,EAAC,mBAAmB,EAAC,uBAAuB,EAAC,oCAAoC,EAAC,wCAAwC,EAAC,sCAAsC,EAAC,+BAA+B,EAAC,2BAA2B,EAAC,yCAAyC,EAAC,yCAAyC,EAAC,wCAAwC,EAAC,gCAAgC,EAAC,8BAA8B,EAAC,kCAAkC,EAAC,8BAA8B,EAAC,CAAC","sourcesContent":["import type { I18nText } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nconst PROMPT_INPUT_CHARACTERS_LEFT: I18nText = {key: \"PROMPT_INPUT_CHARACTERS_LEFT\", defaultText: \"{0} characters remaining\"};const PROMPT_INPUT_CHARACTERS_EXCEEDED: I18nText = {key: \"PROMPT_INPUT_CHARACTERS_EXCEEDED\", defaultText: \"{0} characters over limit\"};const BUTTON_TOOLTIP_TEXT: I18nText = {key: \"BUTTON_TOOLTIP_TEXT\", defaultText: \"{0} with Artificial Intelligence\"};const WRITING_ASSISTANT_LABEL: I18nText = {key: \"WRITING_ASSISTANT_LABEL\", defaultText: \"AI Writing Assistant Toolbar Shift + F4\"};const INPUT_VERSIONING_NEXT_BUTTON_TOOLTIP: I18nText = {key: \"INPUT_VERSIONING_NEXT_BUTTON_TOOLTIP\", defaultText: \"Next Version (Ctrl + Shift + Y)\"};const INPUT_VERSIONING_PREVIOUS_BUTTON_TOOLTIP: I18nText = {key: \"INPUT_VERSIONING_PREVIOUS_BUTTON_TOOLTIP\", defaultText: \"Previous Version (Ctrl + Shift + Z)\"};const INPUT_WRITING_ASSISTANT_BUTTON_TOOLTIP: I18nText = {key: \"INPUT_WRITING_ASSISTANT_BUTTON_TOOLTIP\", defaultText: \"AI Writing Assistant (Shift + F4)\"};const VERSIONING_PREVIOUS_BUTTON_TEXT: I18nText = {key: \"VERSIONING_PREVIOUS_BUTTON_TEXT\", defaultText: \"Previous Version\"};const VERSIONING_NEXT_BUTTON_TEXT: I18nText = {key: \"VERSIONING_NEXT_BUTTON_TEXT\", defaultText: \"Next Version\"};const WRITING_ASSISTANT_GENERATING_ANNOUNCEMENT: I18nText = {key: \"WRITING_ASSISTANT_GENERATING_ANNOUNCEMENT\", defaultText: \"Stop generating (ESC)\"};const WRITING_ASSISTANT_TOOLBAR_ACCESSIBLE_NAME: I18nText = {key: \"WRITING_ASSISTANT_TOOLBAR_ACCESSIBLE_NAME\", defaultText: \"AI Writing Assistant Toolbar\"};const WRITING_ASSISTANT_BUTTON_ACCESSIBLE_NAME: I18nText = {key: \"WRITING_ASSISTANT_BUTTON_ACCESSIBLE_NAME\", defaultText: \"AI Writing Assistant\"};const WRITING_ASSISTANT_BUTTON_TOOLTIP: I18nText = {key: \"WRITING_ASSISTANT_BUTTON_TOOLTIP\", defaultText: \"AI Writing Assistant (Shift + F4)\"};const WRITING_ASSISTANT_STOP_TOOLTIP: I18nText = {key: \"WRITING_ASSISTANT_STOP_TOOLTIP\", defaultText: \"Stop Generating (Esc)\"};const VERSIONING_PREVIOUS_BUTTON_TOOLTIP: I18nText = {key: \"VERSIONING_PREVIOUS_BUTTON_TOOLTIP\", defaultText: \"Previous Version\"};const VERSIONING_NEXT_BUTTON_TOOLTIP: I18nText = {key: \"VERSIONING_NEXT_BUTTON_TOOLTIP\", defaultText: \"Next Version\"};\nexport {PROMPT_INPUT_CHARACTERS_LEFT,PROMPT_INPUT_CHARACTERS_EXCEEDED,BUTTON_TOOLTIP_TEXT,WRITING_ASSISTANT_LABEL,INPUT_VERSIONING_NEXT_BUTTON_TOOLTIP,INPUT_VERSIONING_PREVIOUS_BUTTON_TOOLTIP,INPUT_WRITING_ASSISTANT_BUTTON_TOOLTIP,VERSIONING_PREVIOUS_BUTTON_TEXT,VERSIONING_NEXT_BUTTON_TEXT,WRITING_ASSISTANT_GENERATING_ANNOUNCEMENT,WRITING_ASSISTANT_TOOLBAR_ACCESSIBLE_NAME,WRITING_ASSISTANT_BUTTON_ACCESSIBLE_NAME,WRITING_ASSISTANT_BUTTON_TOOLTIP,WRITING_ASSISTANT_STOP_TOOLTIP,VERSIONING_PREVIOUS_BUTTON_TOOLTIP,VERSIONING_NEXT_BUTTON_TOOLTIP};"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":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}:host .ui5-ai-button-inner{width:100%}:host{width:auto;position:relative;transition:width .18s cubic-bezier(.67,1,.95,1.3) .12s}: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-v2-16-
|
|
1
|
+
declare const _default: ":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}:host .ui5-ai-button-inner{width:100%}:host{width:auto;position:relative;transition:width .18s cubic-bezier(.67,1,.95,1.3) .12s}: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-v2-16-1-rc-0_button_base_min_width)!important;max-width:var(--_ui5-v2-16-1-rc-0_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([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-v2-16-1-rc-0_button_base_padding)}:host(.ui5-ai-button-fade-in[icon-only]) .ui5-ai-button-inner[_end-icon=\"\"]::part(button){max-width:var(--_ui5-v2-16-1-rc-0_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-v2-16-1-rc-0_button_base_min_width);max-width:var(--_ui5-v2-16-1-rc-0_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)}: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(.ui5-ai-button-fade-out) .ui5-ai-button-text{opacity:0;transform:translateY(-1rem);transition:opacity .06s ease-in-out .12s,transform .08s ease-in-out .12s}:host(.ui5-ai-button-fade-out) ::part(icon){opacity:0;transform:translateY(-1rem);transition:opacity .05s ease-in-out 25ms,transform .1s ease-in-out 0s}:host(.ui5-ai-button-fade-out) ::part(endIcon){opacity:0;transform:translateY(-1rem);transition:opacity .06s ease-in-out .12s,transform .08s ease-in-out .12s}: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}:host(.ui5-ai-button-fade-in) .ui5-ai-button-text{opacity:1;transform:translateY(0);transition:opacity .06s ease-in-out .12s,transform .08s ease-in-out .12s}:host(.ui5-ai-button-fade-in) ::part(icon){opacity:1;transform:translateY(0);transition:opacity .05s ease-in-out 25ms,transform .1s ease-in-out 0s}:host(.ui5-ai-button-fade-in) ::part(endIcon){opacity:1;transform:translateY(0);transition:opacity .06s ease-in-out .12s,transform .08s ease-in-out .12s}\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 `: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}:host .ui5-ai-button-inner{width:100%}:host{width:auto;position:relative;transition:width .18s cubic-bezier(.67,1,.95,1.3) .12s}: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-v2-16-
|
|
6
|
+
export default `: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}:host .ui5-ai-button-inner{width:100%}:host{width:auto;position:relative;transition:width .18s cubic-bezier(.67,1,.95,1.3) .12s}: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-v2-16-1-rc-0_button_base_min_width)!important;max-width:var(--_ui5-v2-16-1-rc-0_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([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-v2-16-1-rc-0_button_base_padding)}:host(.ui5-ai-button-fade-in[icon-only]) .ui5-ai-button-inner[_end-icon=""]::part(button){max-width:var(--_ui5-v2-16-1-rc-0_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-v2-16-1-rc-0_button_base_min_width);max-width:var(--_ui5-v2-16-1-rc-0_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)}: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(.ui5-ai-button-fade-out) .ui5-ai-button-text{opacity:0;transform:translateY(-1rem);transition:opacity .06s ease-in-out .12s,transform .08s ease-in-out .12s}:host(.ui5-ai-button-fade-out) ::part(icon){opacity:0;transform:translateY(-1rem);transition:opacity .05s ease-in-out 25ms,transform .1s ease-in-out 0s}:host(.ui5-ai-button-fade-out) ::part(endIcon){opacity:0;transform:translateY(-1rem);transition:opacity .06s ease-in-out .12s,transform .08s ease-in-out .12s}: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}:host(.ui5-ai-button-fade-in) .ui5-ai-button-text{opacity:1;transform:translateY(0);transition:opacity .06s ease-in-out .12s,transform .08s ease-in-out .12s}:host(.ui5-ai-button-fade-in) ::part(icon){opacity:1;transform:translateY(0);transition:opacity .05s ease-in-out 25ms,transform .1s ease-in-out 0s}:host(.ui5-ai-button-fade-in) ::part(endIcon){opacity:1;transform:translateY(0);transition:opacity .06s ease-in-out .12s,transform .08s ease-in-out .12s}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=Button.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Button.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 `: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}:host .ui5-ai-button-inner{width:100%}:host{width:auto;position:relative;transition:width .18s cubic-bezier(.67,1,.95,1.3) .12s}: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-v2-16-
|
|
1
|
+
{"version":3,"file":"Button.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Button.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 `: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}:host .ui5-ai-button-inner{width:100%}:host{width:auto;position:relative;transition:width .18s cubic-bezier(.67,1,.95,1.3) .12s}: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-v2-16-1-rc-0_button_base_min_width)!important;max-width:var(--_ui5-v2-16-1-rc-0_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([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-v2-16-1-rc-0_button_base_padding)}:host(.ui5-ai-button-fade-in[icon-only]) .ui5-ai-button-inner[_end-icon=\"\"]::part(button){max-width:var(--_ui5-v2-16-1-rc-0_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-v2-16-1-rc-0_button_base_min_width);max-width:var(--_ui5-v2-16-1-rc-0_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)}: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(.ui5-ai-button-fade-out) .ui5-ai-button-text{opacity:0;transform:translateY(-1rem);transition:opacity .06s ease-in-out .12s,transform .08s ease-in-out .12s}:host(.ui5-ai-button-fade-out) ::part(icon){opacity:0;transform:translateY(-1rem);transition:opacity .05s ease-in-out 25ms,transform .1s ease-in-out 0s}:host(.ui5-ai-button-fade-out) ::part(endIcon){opacity:0;transform:translateY(-1rem);transition:opacity .06s ease-in-out .12s,transform .08s ease-in-out .12s}: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}:host(.ui5-ai-button-fade-in) .ui5-ai-button-text{opacity:1;transform:translateY(0);transition:opacity .06s ease-in-out .12s,transform .08s ease-in-out .12s}:host(.ui5-ai-button-fade-in) ::part(icon){opacity:1;transform:translateY(0);transition:opacity .05s ease-in-out 25ms,transform .1s ease-in-out 0s}:host(.ui5-ai-button-fade-in) ::part(endIcon){opacity:1;transform:translateY(0);transition:opacity .06s ease-in-out .12s,transform .08s ease-in-out .12s}\n`"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: ".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-v2-16-1-rc-0_input_border_radius);box-shadow:var(--sapField_Hover_Shadow)}:host([focused]:not([opened])[_is-menu-open]) .ui5-input-focusable-element:after{border:var(--_ui5-v2-16-1-rc-0-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-v2-16-1-rc-0_input_icon_width);min-width:var(--_ui5-v2-16-1-rc-0_input_icon_width);height:var(--_ui5-v2-16-1-rc-0_input_icon_wrapper_height);padding:0;box-sizing:border-box;border-radius:var(--_ui5-v2-16-1-rc-0_input_border_radius);cursor:pointer;border:none}.ui5-input-ai-button[hidden]{display:none}.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)}.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 .0625rem var(--sapContent_Neutral_Shadow)}.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:.25rem}#ai-menu-btn{--_ui5-v2-16-1-rc-0_button_focused_border: none}\n";
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
2
|
+
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
3
|
+
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
|
+
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
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-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-v2-16-1-rc-0_input_border_radius);box-shadow:var(--sapField_Hover_Shadow)}:host([focused]:not([opened])[_is-menu-open]) .ui5-input-focusable-element:after{border:var(--_ui5-v2-16-1-rc-0-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-v2-16-1-rc-0_input_icon_width);min-width:var(--_ui5-v2-16-1-rc-0_input_icon_width);height:var(--_ui5-v2-16-1-rc-0_input_icon_wrapper_height);padding:0;box-sizing:border-box;border-radius:var(--_ui5-v2-16-1-rc-0_input_border_radius);cursor:pointer;border:none}.ui5-input-ai-button[hidden]{display:none}.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)}.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 .0625rem var(--sapContent_Neutral_Shadow)}.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:.25rem}#ai-menu-btn{--_ui5-v2-16-1-rc-0_button_focused_border: none}
|
|
7
|
+
`;
|
|
8
|
+
//# sourceMappingURL=Input.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Input.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-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-v2-16-1-rc-0_input_border_radius);box-shadow:var(--sapField_Hover_Shadow)}:host([focused]:not([opened])[_is-menu-open]) .ui5-input-focusable-element:after{border:var(--_ui5-v2-16-1-rc-0-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-v2-16-1-rc-0_input_icon_width);min-width:var(--_ui5-v2-16-1-rc-0_input_icon_width);height:var(--_ui5-v2-16-1-rc-0_input_icon_wrapper_height);padding:0;box-sizing:border-box;border-radius:var(--_ui5-v2-16-1-rc-0_input_border_radius);cursor:pointer;border:none}.ui5-input-ai-button[hidden]{display:none}.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)}.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 .0625rem var(--sapContent_Neutral_Shadow)}.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:.25rem}#ai-menu-btn{--_ui5-v2-16-1-rc-0_button_focused_border: none}\n`"]}
|
|
@@ -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]{position:relative;width:100%;margin-top:auto;flex-shrink:0}.ui5-ai-writing-assistant-footer-bar{background:var(--_ui5-v2-16-
|
|
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]{position:relative;width:100%;margin-top:auto;flex-shrink:0}.ui5-ai-writing-assistant-footer-bar{background:var(--_ui5-v2-16-1-rc-0_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:.5rem;color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize)}#ai-menu-wrapper{position:relative;z-index:1000}\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]{position:relative;width:100%;margin-top:auto;flex-shrink:0}.ui5-ai-writing-assistant-footer-bar{background:var(--_ui5-v2-16-
|
|
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]{position:relative;width:100%;margin-top:auto;flex-shrink:0}.ui5-ai-writing-assistant-footer-bar{background:var(--_ui5-v2-16-1-rc-0_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:.5rem;color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize)}#ai-menu-wrapper{position:relative;z-index:1000}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=TextArea.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TextArea.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]{position:relative;width:100%;margin-top:auto;flex-shrink:0}.ui5-ai-writing-assistant-footer-bar{background:var(--_ui5-v2-16-
|
|
1
|
+
{"version":3,"file":"TextArea.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TextArea.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]{position:relative;width:100%;margin-top:auto;flex-shrink:0}.ui5-ai-writing-assistant-footer-bar{background:var(--_ui5-v2-16-1-rc-0_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:.5rem;color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize)}#ai-menu-wrapper{position:relative;z-index:1000}\n`"]}
|
|
@@ -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-16-
|
|
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-16-1-rc-0_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";
|
|
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-16-
|
|
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-16-1-rc-0_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}
|
|
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-16-
|
|
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-16-1-rc-0_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`"]}
|
|
@@ -72,6 +72,28 @@
|
|
|
72
72
|
],
|
|
73
73
|
"references": []
|
|
74
74
|
},
|
|
75
|
+
{
|
|
76
|
+
"name": "ui5-ai-input",
|
|
77
|
+
"description": "### Overview\n\nThe `ui5-ai-input` component extends the standard `ui5-input` with **AI Writing Assistant** capabilities.\n\n### Structure\n\nThe `ui5-ai-input` consists of the following main parts:\n\n- **Input Field** – Inherits all standard Input behaviors.\n- **AI Action Button** – Appears when focused or loading, providing access to AI-related actions or stopping generation.\n\nThe component automatically determines which elements to render based on its internal state:\n- The AI Button is only shown when there are available `actions`.\n- The version navigation appears only when `totalVersions > 1`.\n\n### Keyboard Support\n\n- **Shift + F4** — Opens the AI menu.\n- **Ctrl + Shift + Z / Y** — Navigates backward/forward between AI-generated versions.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-ai/dist/Input.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **button-click** - Fired when the user selects the AI button.\n- **stop-generation** - Fired when the user selects the \"Stop\" button to stop ongoing AI text generation.\n- **version-change** - Fired when the user selects the version navigation buttons.\n\n### **Slots:**\n - **actions** - Defines the items of the menu for the component.",
|
|
78
|
+
"attributes": [
|
|
79
|
+
{
|
|
80
|
+
"name": "current-version",
|
|
81
|
+
"description": "Indicates the index of the currently displayed version.",
|
|
82
|
+
"values": []
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"name": "total-versions",
|
|
86
|
+
"description": "Indicates the total number of result versions available.\n\nWhen not set or set to 0, the versioning will be hidden.",
|
|
87
|
+
"values": []
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"name": "loading",
|
|
91
|
+
"description": "Defines whether the AI Writing Assistant is currently loading.\n\nWhen `true`, indicates that an AI action is in progress.",
|
|
92
|
+
"values": []
|
|
93
|
+
}
|
|
94
|
+
],
|
|
95
|
+
"references": []
|
|
96
|
+
},
|
|
75
97
|
{
|
|
76
98
|
"name": "ui5-ai-prompt-input",
|
|
77
99
|
"description": "### Overview\n\nThe `ui5-ai-prompt-input` component allows the user to write custom instructions in natural language, so that AI is guided to generate content tailored to user needs.\n\n**Note:** The web component is in an experimental state\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-ai/dist/PromptInput.js\"`\n\n\n---\n\n\n\n\n### **Events:**\n - **submit** - Fired when the input operation has finished by pressing Enter\nor AI button is clicked.\n- **input** - Fired when the value of the component changes at each keystroke,\nand when a suggestion item has been selected.\n- **change** - Fired when the input operation has finished by pressing Enter\nor on focusout.\n\n### **Slots:**\n - **default** - Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
|
package/dist/web-types.json
CHANGED
|
@@ -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.16.
|
|
4
|
+
"version": "2.16.1-rc.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -164,6 +164,81 @@
|
|
|
164
164
|
"events": []
|
|
165
165
|
}
|
|
166
166
|
},
|
|
167
|
+
{
|
|
168
|
+
"name": "ui5-ai-input",
|
|
169
|
+
"description": "### Overview\n\nThe `ui5-ai-input` component extends the standard `ui5-input` with **AI Writing Assistant** capabilities.\n\n### Structure\n\nThe `ui5-ai-input` consists of the following main parts:\n\n- **Input Field** – Inherits all standard Input behaviors.\n- **AI Action Button** – Appears when focused or loading, providing access to AI-related actions or stopping generation.\n\nThe component automatically determines which elements to render based on its internal state:\n- The AI Button is only shown when there are available `actions`.\n- The version navigation appears only when `totalVersions > 1`.\n\n### Keyboard Support\n\n- **Shift + F4** — Opens the AI menu.\n- **Ctrl + Shift + Z / Y** — Navigates backward/forward between AI-generated versions.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-ai/dist/Input.js\";`\n---\n\n\n### **Events:**\n - **button-click** - Fired when the user selects the AI button.\n- **stop-generation** - Fired when the user selects the \"Stop\" button to stop ongoing AI text generation.\n- **version-change** - Fired when the user selects the version navigation buttons.\n\n### **Slots:**\n - **actions** - Defines the items of the menu for the component.",
|
|
170
|
+
"doc-url": "",
|
|
171
|
+
"attributes": [
|
|
172
|
+
{
|
|
173
|
+
"name": "current-version",
|
|
174
|
+
"description": "Indicates the index of the currently displayed version.",
|
|
175
|
+
"value": { "type": "number", "default": "0" }
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"name": "total-versions",
|
|
179
|
+
"description": "Indicates the total number of result versions available.\n\nWhen not set or set to 0, the versioning will be hidden.",
|
|
180
|
+
"value": { "type": "number", "default": "0" }
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"name": "loading",
|
|
184
|
+
"description": "Defines whether the AI Writing Assistant is currently loading.\n\nWhen `true`, indicates that an AI action is in progress.",
|
|
185
|
+
"value": { "type": "boolean", "default": "false" }
|
|
186
|
+
}
|
|
187
|
+
],
|
|
188
|
+
"slots": [
|
|
189
|
+
{
|
|
190
|
+
"name": "actions",
|
|
191
|
+
"description": "Defines the items of the menu for the component."
|
|
192
|
+
}
|
|
193
|
+
],
|
|
194
|
+
"events": [
|
|
195
|
+
{
|
|
196
|
+
"name": "button-click",
|
|
197
|
+
"description": "Fired when the user selects the AI button."
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
"name": "stop-generation",
|
|
201
|
+
"description": "Fired when the user selects the \"Stop\" button to stop ongoing AI text generation."
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"name": "version-change",
|
|
205
|
+
"description": "Fired when the user selects the version navigation buttons."
|
|
206
|
+
}
|
|
207
|
+
],
|
|
208
|
+
"js": {
|
|
209
|
+
"properties": [
|
|
210
|
+
{
|
|
211
|
+
"name": "current-version",
|
|
212
|
+
"description": "Indicates the index of the currently displayed version.",
|
|
213
|
+
"value": { "type": "number" }
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"name": "total-versions",
|
|
217
|
+
"description": "Indicates the total number of result versions available.\n\nWhen not set or set to 0, the versioning will be hidden.",
|
|
218
|
+
"value": { "type": "number" }
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"name": "loading",
|
|
222
|
+
"description": "Defines whether the AI Writing Assistant is currently loading.\n\nWhen `true`, indicates that an AI action is in progress.",
|
|
223
|
+
"value": { "type": "boolean" }
|
|
224
|
+
}
|
|
225
|
+
],
|
|
226
|
+
"events": [
|
|
227
|
+
{
|
|
228
|
+
"name": "button-click",
|
|
229
|
+
"description": "Fired when the user selects the AI button."
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
"name": "stop-generation",
|
|
233
|
+
"description": "Fired when the user selects the \"Stop\" button to stop ongoing AI text generation."
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"name": "version-change",
|
|
237
|
+
"description": "Fired when the user selects the version navigation buttons."
|
|
238
|
+
}
|
|
239
|
+
]
|
|
240
|
+
}
|
|
241
|
+
},
|
|
167
242
|
{
|
|
168
243
|
"name": "ui5-ai-prompt-input",
|
|
169
244
|
"description": "### Overview\n\nThe `ui5-ai-prompt-input` component allows the user to write custom instructions in natural language, so that AI is guided to generate content tailored to user needs.\n\n**Note:** The web component is in an experimental state\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-ai/dist/PromptInput.js\"`\n---\n\n\n### **Events:**\n - **submit** - Fired when the input operation has finished by pressing Enter\nor AI button is clicked.\n- **input** - Fired when the value of the component changes at each keystroke,\nand when a suggestion item has been selected.\n- **change** - Fired when the input operation has finished by pressing Enter\nor on focusout.\n\n### **Slots:**\n - **default** - Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ui5/webcomponents-ai",
|
|
3
|
-
"version": "2.16.
|
|
3
|
+
"version": "2.16.1-rc.0",
|
|
4
4
|
"description": "UI5 Web Components: webcomponents.ai",
|
|
5
5
|
"ui5": {
|
|
6
6
|
"webComponentsPackage": true
|
|
@@ -46,19 +46,19 @@
|
|
|
46
46
|
"directory": "packages/ai"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@ui5/webcomponents": "2.16.
|
|
50
|
-
"@ui5/webcomponents-base": "2.16.
|
|
51
|
-
"@ui5/webcomponents-icons": "2.16.
|
|
52
|
-
"@ui5/webcomponents-theming": "2.16.
|
|
49
|
+
"@ui5/webcomponents": "2.16.1-rc.0",
|
|
50
|
+
"@ui5/webcomponents-base": "2.16.1-rc.0",
|
|
51
|
+
"@ui5/webcomponents-icons": "2.16.1-rc.0",
|
|
52
|
+
"@ui5/webcomponents-theming": "2.16.1-rc.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.16.
|
|
57
|
+
"@ui5/webcomponents-tools": "2.16.1-rc.0",
|
|
58
58
|
"chokidar-cli": "^3.0.0",
|
|
59
59
|
"cypress": "^15.3.0",
|
|
60
60
|
"eslint": "^7.22.0",
|
|
61
61
|
"vite": "5.4.21"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "8260c29052a86e87d48856189bfe781f53816488"
|
|
64
64
|
}
|
|
@@ -0,0 +1,197 @@
|
|
|
1
|
+
import type Input from "./Input.js";
|
|
2
|
+
import Icon from "@ui5/webcomponents/dist/Icon.js";
|
|
3
|
+
import BusyIndicator from "@ui5/webcomponents/dist/BusyIndicator.js";
|
|
4
|
+
import MenuItem from "@ui5/webcomponents/dist/MenuItem.js";
|
|
5
|
+
import MenuSeparator from "@ui5/webcomponents/dist/MenuSeparator.js";
|
|
6
|
+
import Button from "@ui5/webcomponents/dist/Button.js";
|
|
7
|
+
import Menu from "@ui5/webcomponents/dist/Menu.js";
|
|
8
|
+
import "@ui5/webcomponents-icons/dist/navigation-left-arrow.js";
|
|
9
|
+
import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
|
|
10
|
+
import type { JsxTemplateResult } from "@ui5/webcomponents-base";
|
|
11
|
+
|
|
12
|
+
type TemplateHook = () => JsxTemplateResult;
|
|
13
|
+
|
|
14
|
+
export default function InputTemplate(this: Input, hooks?: { preContent: TemplateHook, postContent: TemplateHook }) {
|
|
15
|
+
const preContent = hooks?.preContent || defaultPreContent;
|
|
16
|
+
const postContent = hooks?.postContent || defaultPostContent;
|
|
17
|
+
return (
|
|
18
|
+
<>
|
|
19
|
+
<div
|
|
20
|
+
class={`ui5-ai-input-root ui5-input-focusable-element ${this.loading && "ui5-ai-input-busy"}`}
|
|
21
|
+
onFocusIn={this._onfocusin}
|
|
22
|
+
onFocusOut={this._onfocusout}
|
|
23
|
+
>
|
|
24
|
+
<div class="ui5-input-content">
|
|
25
|
+
<BusyIndicator
|
|
26
|
+
id={`${this._id}-busyIndicator`}
|
|
27
|
+
active={this.loading}
|
|
28
|
+
class="ui5-input-busy-indicator"
|
|
29
|
+
>
|
|
30
|
+
|
|
31
|
+
<div
|
|
32
|
+
class="ui5-input-root"
|
|
33
|
+
part="root"
|
|
34
|
+
>
|
|
35
|
+
<div class="ui5-input-content">
|
|
36
|
+
{preContent.call(this)}
|
|
37
|
+
|
|
38
|
+
<input
|
|
39
|
+
id="inner"
|
|
40
|
+
part="input"
|
|
41
|
+
class="ui5-input-inner"
|
|
42
|
+
style={this.styles.innerInput}
|
|
43
|
+
type={this.inputNativeType}
|
|
44
|
+
inner-input
|
|
45
|
+
inner-input-with-icon={!!this.icon.length}
|
|
46
|
+
disabled={this.disabled}
|
|
47
|
+
readonly={this._readonly || this.loading}
|
|
48
|
+
value={this._innerValue}
|
|
49
|
+
placeholder={this._placeholder}
|
|
50
|
+
maxlength={this.maxlength}
|
|
51
|
+
role={this.accInfo.role}
|
|
52
|
+
enterkeyhint={this.hint}
|
|
53
|
+
aria-controls={this.accInfo.ariaControls}
|
|
54
|
+
aria-invalid={this.accInfo.ariaInvalid}
|
|
55
|
+
aria-haspopup={this.accInfo.ariaHasPopup}
|
|
56
|
+
aria-describedby={this.accInfo.ariaDescribedBy}
|
|
57
|
+
aria-roledescription={this.accInfo.ariaRoledescription}
|
|
58
|
+
aria-autocomplete={this.accInfo.ariaAutoComplete}
|
|
59
|
+
aria-expanded={this.accInfo.ariaExpanded}
|
|
60
|
+
aria-label={this.ariaLabel}
|
|
61
|
+
aria-required={this.required}
|
|
62
|
+
autocomplete="off"
|
|
63
|
+
data-sap-focus-ref
|
|
64
|
+
step={this.nativeInputAttributes.step}
|
|
65
|
+
min={this.nativeInputAttributes.min}
|
|
66
|
+
max={this.nativeInputAttributes.max}
|
|
67
|
+
onInput={this._handleNativeInput}
|
|
68
|
+
onChange={this._handleChange}
|
|
69
|
+
onSelect={this._handleSelect}
|
|
70
|
+
onKeyDown={this._onkeydown}
|
|
71
|
+
onKeyUp={this._onkeyup}
|
|
72
|
+
onClick={this._click}
|
|
73
|
+
onFocusIn={this.innerFocusIn}
|
|
74
|
+
/>
|
|
75
|
+
|
|
76
|
+
{this._effectiveShowClearIcon &&
|
|
77
|
+
<div
|
|
78
|
+
tabindex={-1}
|
|
79
|
+
part="clear-icon-wrapper"
|
|
80
|
+
class="ui5-input-clear-icon-wrapper inputIcon"
|
|
81
|
+
onClick={this._clear}
|
|
82
|
+
onMouseDown={this._iconMouseDown}
|
|
83
|
+
>
|
|
84
|
+
<Icon
|
|
85
|
+
part="clear-icon"
|
|
86
|
+
class="ui5-input-clear-icon"
|
|
87
|
+
name={"decline"}
|
|
88
|
+
tabindex={-1}
|
|
89
|
+
accessibleName={this.clearIconAccessibleName}>
|
|
90
|
+
</Icon>
|
|
91
|
+
</div>
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
{this.icon.length > 0 &&
|
|
95
|
+
<div class="ui5-input-icon-root"
|
|
96
|
+
tabindex={-1}
|
|
97
|
+
>
|
|
98
|
+
<slot name="icon"></slot>
|
|
99
|
+
</div>
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
<div class="ui5-input-value-state-icon">
|
|
103
|
+
{this._valueStateInputIcon}
|
|
104
|
+
</div>
|
|
105
|
+
{ postContent.call(this) }
|
|
106
|
+
|
|
107
|
+
{this.accInfo.ariaDescription &&
|
|
108
|
+
<span id="descr" class="ui5-hidden-text">{this.accInfo.ariaDescription}</span>
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
{this.accInfo.accessibleDescription &&
|
|
112
|
+
<span id="accessibleDescription" class="ui5-hidden-text">{this.accInfo.accessibleDescription}</span>
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
{this.linksInAriaValueStateHiddenText.length > 0 &&
|
|
116
|
+
<span id="hiddenText-value-state-link-shortcut" class="ui5-hidden-text">{this.valueStateLinksShortcutsTextAcc}</span>
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
{this.hasValueState &&
|
|
120
|
+
<span id="valueStateDesc" class="ui5-hidden-text">{this.ariaValueStateHiddenText}</span>
|
|
121
|
+
}
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
|
|
125
|
+
</BusyIndicator>
|
|
126
|
+
<Button
|
|
127
|
+
id="ai-menu-btn"
|
|
128
|
+
hidden={(!this.isFocused && !this.loading) || !this.hasActions || this.readonly}
|
|
129
|
+
tabIndex={-1}
|
|
130
|
+
class={`ui5-input-ai-button ui5-ai-input-button-wrapper ${this._isMenuOpen && "ui5-input-button-menu-open"} ${this.loading && "ui5-ai-input-loading"}`}
|
|
131
|
+
design="Transparent"
|
|
132
|
+
icon={this.loading ? "stop" : "ai"}
|
|
133
|
+
onClick={this._handleAIButtonClick}
|
|
134
|
+
onKeyDown={this._handleAIButtonKeydown}
|
|
135
|
+
aria-keyshortcuts={ this.loading ? "Esc" : "Shift + F4" }
|
|
136
|
+
tooltip={this.loading ? this.stopGeneratingTooltip : this.ariaLabel}
|
|
137
|
+
accessibilityAttributes={{ hasPopup: this.loading ? "false" : "menu" }}
|
|
138
|
+
/>
|
|
139
|
+
<Menu
|
|
140
|
+
onItemClick={this._onMenuIconClick}
|
|
141
|
+
onBeforeOpen={() => { this._isMenuOpen = true; }}
|
|
142
|
+
onBeforeClose={() => { this._isMenuOpen = false; }}
|
|
143
|
+
onClose={() => { if (!this.loading) { this.focus(); } }}
|
|
144
|
+
>
|
|
145
|
+
<slot name="actions"></slot>
|
|
146
|
+
{this.totalVersions > 1 && Versioning.call(this)}
|
|
147
|
+
</Menu>
|
|
148
|
+
</div>
|
|
149
|
+
</div>
|
|
150
|
+
</>
|
|
151
|
+
);
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
function Versioning(this: Input) {
|
|
155
|
+
return (
|
|
156
|
+
<>
|
|
157
|
+
<MenuSeparator />
|
|
158
|
+
<MenuItem
|
|
159
|
+
type="Inactive"
|
|
160
|
+
class="ui5-ai-versioning-menu-footer"
|
|
161
|
+
text={`${this.currentVersion} / ${this.totalVersions}`}
|
|
162
|
+
>
|
|
163
|
+
<Button
|
|
164
|
+
id="arrow-left"
|
|
165
|
+
class="versioning-button"
|
|
166
|
+
slot="endContent"
|
|
167
|
+
design="Transparent"
|
|
168
|
+
icon="navigation-left-arrow"
|
|
169
|
+
tooltip={this.previousButtonAccessibleName}
|
|
170
|
+
accessibleName={this.previousButtonAccessibleName}
|
|
171
|
+
aria-keyshortcut="Shift+Ctrl+Z"
|
|
172
|
+
disabled={this.currentVersion <= 1}
|
|
173
|
+
onClick={this._handlePreviousButtonClick}
|
|
174
|
+
data-ui5-versioning-button="previous"
|
|
175
|
+
>
|
|
176
|
+
</Button>
|
|
177
|
+
<Button
|
|
178
|
+
id="arrow-right"
|
|
179
|
+
class="versioning-button"
|
|
180
|
+
slot="endContent"
|
|
181
|
+
design="Transparent"
|
|
182
|
+
icon="navigation-right-arrow"
|
|
183
|
+
tooltip={this.nextButtonAccessibleName}
|
|
184
|
+
accessibleName={this.nextButtonAccessibleName}
|
|
185
|
+
aria-keyshortcut="Shift+Ctrl+Y"
|
|
186
|
+
disabled={this.currentVersion >= this.totalVersions}
|
|
187
|
+
onClick={this._handleNextButtonClick}
|
|
188
|
+
data-ui5-versioning-button="next"
|
|
189
|
+
/>
|
|
190
|
+
</MenuItem>
|
|
191
|
+
</>
|
|
192
|
+
);
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
function defaultPreContent() { }
|
|
196
|
+
|
|
197
|
+
function defaultPostContent() {}
|
|
@@ -39,7 +39,7 @@ export default function WritingAssistantTemplate(this: WritingAssistant) {
|
|
|
39
39
|
icon={this.loading ? "stop" : "ai"}
|
|
40
40
|
data-state={this.loading ? "generating" : "generate"}
|
|
41
41
|
onClick={this.handleButtonClick}
|
|
42
|
-
tooltip={this._buttonTooltip}
|
|
42
|
+
tooltip={this.loading ? this._stopTooltip : this._buttonTooltip}
|
|
43
43
|
accessibilityAttributes={{ hasPopup: this.loading ? "false" : "menu" }}
|
|
44
44
|
accessibleName={this._buttonAccessibleName}
|
|
45
45
|
overflowPriority="NeverOverflow"
|
|
@@ -13,6 +13,15 @@ BUTTON_TOOLTIP_TEXT={0} with Artificial Intelligence
|
|
|
13
13
|
#XFLD: Text for the aria-label attribute of the Writing Assistant toolbar
|
|
14
14
|
WRITING_ASSISTANT_LABEL=Writing Assistant Toolbar Shift + F4
|
|
15
15
|
|
|
16
|
+
#XFLD: Next version button accessible name in Input
|
|
17
|
+
INPUT_VERSIONING_NEXT_BUTTON_TOOLTIP=Next Version (Ctrl + Shift + Y)
|
|
18
|
+
|
|
19
|
+
#XFLD: Next version button accessible name in Input
|
|
20
|
+
INPUT_VERSIONING_PREVIOUS_BUTTON_TOOLTIP=Previous Version (Ctrl + Shift + Z)
|
|
21
|
+
|
|
22
|
+
#XFLD: Tooltip for the Writing Assistant button in Input
|
|
23
|
+
INPUT_WRITING_ASSISTANT_BUTTON_TOOLTIP=AI Writing Assistant (Shift + F4)
|
|
24
|
+
|
|
16
25
|
#XFLD: Previous version button accessible name
|
|
17
26
|
VERSIONING_PREVIOUS_BUTTON_TEXT=Previous Version
|
|
18
27
|
|
|
@@ -28,9 +37,12 @@ WRITING_ASSISTANT_TOOLBAR_ACCESSIBLE_NAME=Writing Assistant Toolbar
|
|
|
28
37
|
#XFLD: Accessible name for the Writing Assistant button
|
|
29
38
|
WRITING_ASSISTANT_BUTTON_ACCESSIBLE_NAME=Writing Assistant
|
|
30
39
|
|
|
31
|
-
#
|
|
40
|
+
#XTOL: Tooltip for the Writing Assistant button
|
|
32
41
|
WRITING_ASSISTANT_BUTTON_TOOLTIP=Writing Assistant (Shift + F4)
|
|
33
42
|
|
|
43
|
+
#XTOL: Writing Assistant stop generating button tooltip
|
|
44
|
+
WRITING_ASSISTANT_STOP_TOOLTIP=Stop Generating (Esc)
|
|
45
|
+
|
|
34
46
|
#XFLD: Tooltip for the Previous Version button
|
|
35
47
|
VERSIONING_PREVIOUS_BUTTON_TOOLTIP=Previous Version
|
|
36
48
|
|
|
@@ -5,7 +5,7 @@ PROMPT_INPUT_CHARACTERS_EXCEEDED={0} characters over limit
|
|
|
5
5
|
|
|
6
6
|
BUTTON_TOOLTIP_TEXT={0} with Artificial Intelligence
|
|
7
7
|
|
|
8
|
-
WRITING_ASSISTANT_LABEL=Writing Assistant Toolbar Shift + F4
|
|
8
|
+
WRITING_ASSISTANT_LABEL=AI Writing Assistant Toolbar Shift + F4
|
|
9
9
|
|
|
10
10
|
VERSIONING_PREVIOUS_BUTTON_TEXT=Previous Version
|
|
11
11
|
|
|
@@ -13,11 +13,11 @@ VERSIONING_NEXT_BUTTON_TEXT=Next Version
|
|
|
13
13
|
|
|
14
14
|
WRITING_ASSISTANT_GENERATING_ANNOUNCEMENT=Stop generating (ESC)
|
|
15
15
|
|
|
16
|
-
WRITING_ASSISTANT_TOOLBAR_ACCESSIBLE_NAME=Writing Assistant Toolbar
|
|
16
|
+
WRITING_ASSISTANT_TOOLBAR_ACCESSIBLE_NAME=AI Writing Assistant Toolbar
|
|
17
17
|
|
|
18
|
-
WRITING_ASSISTANT_BUTTON_ACCESSIBLE_NAME=Writing Assistant
|
|
18
|
+
WRITING_ASSISTANT_BUTTON_ACCESSIBLE_NAME=AI Writing Assistant
|
|
19
19
|
|
|
20
|
-
WRITING_ASSISTANT_BUTTON_TOOLTIP=Writing Assistant (Shift + F4)
|
|
20
|
+
WRITING_ASSISTANT_BUTTON_TOOLTIP=AI Writing Assistant (Shift + F4)
|
|
21
21
|
|
|
22
22
|
VERSIONING_PREVIOUS_BUTTON_TOOLTIP=Previous Version
|
|
23
23
|
|