@ui5/webcomponents-ai 2.15.0 → 2.16.0-rc.1

package/dist/ToolbarLabel.js

@@ -0,0 +1,67 @@
+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 jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import ToolbarItem from "@ui5/webcomponents/dist/ToolbarItem.js";
+import ToolbarLabelTemplate from "./ToolbarLabelTemplate.js";
+/**
+ * @class
+ *
+ * ### Overview
+ * The `ui5-ai-toolbar-label` represents a text label,
+ * used in the `ui5-toolbar`.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-ai/dist/ToolbarLabel.js";`
+ * @constructor
+ * @extends ToolbarItem
+ * @private
+ * @since 1.0.0-rc.1
+ */
+let ToolbarLabel = class ToolbarLabel extends ToolbarItem {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the text of the label.
+         * @default ""
+         * @public
+         */
+        this.text = "";
+    }
+    /**
+     * @override
+     * ToolbarLabel is not interactive.
+     */
+    get isInteractive() {
+        return false;
+    }
+    /**
+     * @override
+     */
+    get classes() {
+        return {
+            root: {
+                ...super.classes.root,
+                "ui5-ai-tb-label": true,
+            },
+        };
+    }
+};
+__decorate([
+    property()
+], ToolbarLabel.prototype, "text", void 0);
+ToolbarLabel = __decorate([
+    customElement({
+        tag: "ui5-ai-toolbar-label",
+        template: ToolbarLabelTemplate,
+        renderer: jsxRenderer,
+    })
+], ToolbarLabel);
+ToolbarLabel.define();
+export default ToolbarLabel;
+//# sourceMappingURL=ToolbarLabel.js.map

package/dist/ToolbarLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarLabel.js","sourceRoot":"","sources":["../src/ToolbarLabel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAE3E,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAE7D;;;;;;;;;;;;;GAaG;AAMH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;IAAtC;;QACC;;;;WAIG;QAEH,SAAI,GAAG,EAAE,CAAC;IAqBX,CAAC;IAnBA;;;OAGG;IACH,IAAI,aAAa;QAChB,OAAO,KAAK,CAAC;IACd,CAAC;IAED;;OAEG;IACH,IAAI,OAAO;QACV,OAAO;YACN,IAAI,EAAE;gBACL,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI;gBACrB,iBAAiB,EAAE,IAAI;aACvB;SACD,CAAC;IACH,CAAC;CACD,CAAA;AArBA;IADC,QAAQ,EAAE;0CACD;AAPL,YAAY;IALjB,aAAa,CAAC;QACd,GAAG,EAAE,sBAAsB;QAC3B,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,WAAW;KACrB,CAAC;GACI,YAAY,CA4BjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\n\nimport ToolbarItem from \"@ui5/webcomponents/dist/ToolbarItem.js\";\nimport ToolbarLabelTemplate from \"./ToolbarLabelTemplate.js\";\n\n/**\n * @class\n *\n * ### Overview\n * The `ui5-ai-toolbar-label` represents a text label,\n * used in the `ui5-toolbar`.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-ai/dist/ToolbarLabel.js\";`\n * @constructor\n * @extends ToolbarItem\n * @private\n * @since 1.0.0-rc.1\n */\n@customElement({\n\ttag: \"ui5-ai-toolbar-label\",\n\ttemplate: ToolbarLabelTemplate,\n\trenderer: jsxRenderer,\n})\nclass ToolbarLabel extends ToolbarItem {\n\t/**\n\t * Defines the text of the label.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttext = \"\";\n\n\t/**\n\t * @override\n\t * ToolbarLabel is not interactive.\n\t */\n\tget isInteractive(): boolean {\n\t\treturn false;\n\t}\n\n\t/**\n\t * @override\n\t */\n\tget classes() {\n\t\treturn {\n\t\t\troot: {\n\t\t\t\t...super.classes.root,\n\t\t\t\t\"ui5-ai-tb-label\": true,\n\t\t\t},\n\t\t};\n\t}\n}\n\nToolbarLabel.define();\n\nexport default ToolbarLabel;\n"]}

package/dist/ToolbarLabelTemplate.d.ts

@@ -0,0 +1,2 @@
+import type ToolbarLabel from "./ToolbarLabel.js";
+export default function ToolbarLabelTemplate(this: ToolbarLabel): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/ToolbarLabelTemplate.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+export default function ToolbarLabelTemplate() {
+    return (_jsx("span", { class: "ui5-ai-toolbar-label", children: this.text }));
+}
+//# sourceMappingURL=ToolbarLabelTemplate.js.map

package/dist/ToolbarLabelTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarLabelTemplate.js","sourceRoot":"","sources":["../src/ToolbarLabelTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,oBAAoB;IAC3C,OAAO,CACN,eAAM,KAAK,EAAC,sBAAsB,YAChC,IAAI,CAAC,IAAI,GACJ,CACP,CAAC;AACH,CAAC","sourcesContent":["import type ToolbarLabel from \"./ToolbarLabel.js\";\n\nexport default function ToolbarLabelTemplate(this: ToolbarLabel) {\n\treturn (\n\t\t<span class=\"ui5-ai-toolbar-label\">\n\t\t\t{this.text}\n\t\t</span>\n\t);\n}\n"]}

package/dist/Versioning.d.ts

@@ -0,0 +1,95 @@
+import ToolbarItem from "@ui5/webcomponents/dist/ToolbarItem.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import "@ui5/webcomponents-icons/dist/navigation-left-arrow.js";
+import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+declare enum LastClickedButton {
+    None = "",
+    Previous = "previous",
+    Next = "next"
+}
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-ai-versioning` component provides navigation controls for AI-generated content versions.
+ * It displays the current version index and total versions, with previous/next navigation buttons.
+ * This component extends ToolbarItem to participate in toolbar overflow behavior as a single unit.
+ *
+ * ### Structure
+ * The `ui5-ai-versioning` consists of the following elements:
+ * - Previous Button: Navigates to the previous version (disabled when at first version)
+ * - Version Counter: Shows current version / total versions (e.g., "2 / 5")
+ * - Next Button: Navigates to the nex
+ * t version (disabled when at last version)
+ *
+ * ### Focus Management
+ * The component automatically manages focus when users reach version boundaries,
+ * moving focus to the available navigation button when one becomes disabled.
+ *
+ * ### Responsive Behavior
+ * When used in a toolbar, the entire versioning component (buttons + label) will overflow
+ * together as a single unit when there is insufficient space.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-ai/dist/Versioning.js";`
+ *
+ * @constructor
+ * @extends ToolbarItem
+ * @since 2.16.0
+ * @private
+ */
+declare class Versioning extends ToolbarItem {
+    eventDetails: ToolbarItem["eventDetails"] & {
+        "version-change": {
+            backwards: boolean;
+        };
+    };
+    /**
+     * Indicates the index of the currently displayed result version.
+     *
+     * This property represents the current position in the version history.
+     * @default 0
+     * @public
+     */
+    currentStep: number;
+    /**
+     * The total number of available result versions.
+     *
+     * Note: Versioning is hidden if the value is `0`.
+     *
+     * @default 0
+     * @public
+     */
+    totalSteps: number;
+    _previousCurrentStep: number;
+    _previousTotalSteps: number;
+    _lastClickedButton: LastClickedButton;
+    static i18nBundle: I18nBundle;
+    static onDefine(): Promise<void>;
+    onAfterRendering(): void;
+    /**
+     * Manages focus when navigation buttons become disabled/enabled.
+     * Automatically moves focus to available button when user reaches boundaries.
+     * @private
+     */
+    _manageFocus(): void;
+    handlePreviousVersionClick(): void;
+    handleNextVersionClick(): void;
+    get _previousButtonAccessibleName(): string;
+    get _nextButtonAccessibleName(): string;
+    get _previousButtonTooltip(): string;
+    get _nextButtonTooltip(): string;
+    /**
+     * @override
+     */
+    get classes(): {
+        root: {
+            "ui5-ai-versioning": boolean;
+            "ui5-tb-popover-item": boolean;
+            "ui5-tb-item": boolean;
+        };
+    };
+}
+export default Versioning;

package/dist/Versioning.js

@@ -0,0 +1,187 @@
+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;
+};
+var Versioning_1;
+import ToolbarItem from "@ui5/webcomponents/dist/ToolbarItem.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { VERSIONING_PREVIOUS_BUTTON_TEXT, VERSIONING_NEXT_BUTTON_TEXT, VERSIONING_PREVIOUS_BUTTON_TOOLTIP, VERSIONING_NEXT_BUTTON_TOOLTIP, } from "./generated/i18n/i18n-defaults.js";
+// UI5 Components
+import Button from "@ui5/webcomponents/dist/Button.js";
+import Label from "@ui5/webcomponents/dist/Label.js";
+import ToolbarButton from "@ui5/webcomponents/dist/ToolbarButton.js";
+import ToolbarLabel from "./ToolbarLabel.js";
+// Types
+import VersioningTemplate from "./VersioningTemplate.js";
+// Styles
+import VersioningCss from "./generated/themes/Versioning.css.js";
+// Icons
+import "@ui5/webcomponents-icons/dist/navigation-left-arrow.js";
+import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+var LastClickedButton;
+(function (LastClickedButton) {
+    LastClickedButton["None"] = "";
+    LastClickedButton["Previous"] = "previous";
+    LastClickedButton["Next"] = "next";
+})(LastClickedButton || (LastClickedButton = {}));
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-ai-versioning` component provides navigation controls for AI-generated content versions.
+ * It displays the current version index and total versions, with previous/next navigation buttons.
+ * This component extends ToolbarItem to participate in toolbar overflow behavior as a single unit.
+ *
+ * ### Structure
+ * The `ui5-ai-versioning` consists of the following elements:
+ * - Previous Button: Navigates to the previous version (disabled when at first version)
+ * - Version Counter: Shows current version / total versions (e.g., "2 / 5")
+ * - Next Button: Navigates to the nex
+ * t version (disabled when at last version)
+ *
+ * ### Focus Management
+ * The component automatically manages focus when users reach version boundaries,
+ * moving focus to the available navigation button when one becomes disabled.
+ *
+ * ### Responsive Behavior
+ * When used in a toolbar, the entire versioning component (buttons + label) will overflow
+ * together as a single unit when there is insufficient space.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-ai/dist/Versioning.js";`
+ *
+ * @constructor
+ * @extends ToolbarItem
+ * @since 2.16.0
+ * @private
+ */
+let Versioning = Versioning_1 = class Versioning extends ToolbarItem {
+    constructor() {
+        super(...arguments);
+        /**
+         * Indicates the index of the currently displayed result version.
+         *
+         * This property represents the current position in the version history.
+         * @default 0
+         * @public
+         */
+        this.currentStep = 0;
+        /**
+         * The total number of available result versions.
+         *
+         * Note: Versioning is hidden if the value is `0`.
+         *
+         * @default 0
+         * @public
+         */
+        this.totalSteps = 0;
+        this._previousCurrentStep = 0;
+        this._previousTotalSteps = 0;
+        this._lastClickedButton = LastClickedButton.None;
+    }
+    static async onDefine() {
+        Versioning_1.i18nBundle = await getI18nBundle("@ui5/webcomponents-ai");
+    }
+    onAfterRendering() {
+        this._manageFocus();
+        this._previousCurrentStep = this.currentStep;
+        this._previousTotalSteps = this.totalSteps;
+        this._lastClickedButton = LastClickedButton.None;
+    }
+    /**
+     * Manages focus when navigation buttons become disabled/enabled.
+     * Automatically moves focus to available button when user reaches boundaries.
+     * @private
+     */
+    _manageFocus() {
+        if (!this.shadowRoot) {
+            return;
+        }
+        const previousButton = this.shadowRoot.querySelector("[data-ui5-versioning-button=\"previous\"]");
+        const nextButton = this.shadowRoot.querySelector("[data-ui5-versioning-button=\"next\"]");
+        if (!previousButton || !nextButton) {
+            return;
+        }
+        const isPreviousDisabled = this.currentStep <= 1;
+        const isNextDisabled = this.currentStep === this.totalSteps;
+        const wasPreviousDisabled = this._previousCurrentStep <= 1;
+        const wasNextDisabled = this._previousCurrentStep === this._previousTotalSteps;
+        if (isPreviousDisabled && !wasPreviousDisabled && !isNextDisabled && this._lastClickedButton === LastClickedButton.Previous && nextButton instanceof HTMLElement) {
+            nextButton.focus();
+            this._lastClickedButton = LastClickedButton.None;
+        }
+        else if (isNextDisabled && !wasNextDisabled && !isPreviousDisabled && this._lastClickedButton === LastClickedButton.Next && previousButton instanceof HTMLElement) {
+            previousButton.focus();
+            this._lastClickedButton = LastClickedButton.None;
+        }
+    }
+    handlePreviousVersionClick() {
+        this._lastClickedButton = LastClickedButton.Previous;
+        this.fireDecoratorEvent("version-change", { backwards: true });
+    }
+    handleNextVersionClick() {
+        this._lastClickedButton = LastClickedButton.Next;
+        this.fireDecoratorEvent("version-change", { backwards: false });
+    }
+    get _previousButtonAccessibleName() {
+        return Versioning_1.i18nBundle.getText(VERSIONING_PREVIOUS_BUTTON_TEXT);
+    }
+    get _nextButtonAccessibleName() {
+        return Versioning_1.i18nBundle.getText(VERSIONING_NEXT_BUTTON_TEXT);
+    }
+    get _previousButtonTooltip() {
+        return Versioning_1.i18nBundle.getText(VERSIONING_PREVIOUS_BUTTON_TOOLTIP);
+    }
+    get _nextButtonTooltip() {
+        return Versioning_1.i18nBundle.getText(VERSIONING_NEXT_BUTTON_TOOLTIP);
+    }
+    /**
+     * @override
+     */
+    get classes() {
+        return {
+            root: {
+                ...super.classes.root,
+                "ui5-ai-versioning": true,
+            },
+        };
+    }
+};
+__decorate([
+    property({ type: Number })
+], Versioning.prototype, "currentStep", void 0);
+__decorate([
+    property({ type: Number })
+], Versioning.prototype, "totalSteps", void 0);
+Versioning = Versioning_1 = __decorate([
+    customElement({
+        tag: "ui5-ai-versioning",
+        renderer: jsxRenderer,
+        styles: VersioningCss,
+        template: VersioningTemplate,
+        dependencies: [
+            Button,
+            Label,
+            ToolbarButton,
+            ToolbarLabel,
+        ],
+    })
+    /**
+     * Fired when the user clicks on version navigation buttons.
+     *
+     * @public
+     */
+    ,
+    event("version-change")
+], Versioning);
+Versioning.define();
+export default Versioning;
+//# sourceMappingURL=Versioning.js.map

package/dist/Versioning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Versioning.js","sourceRoot":"","sources":["../src/Versioning.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAE3E,OAAO,EACN,+BAA+B,EAC/B,2BAA2B,EAC3B,kCAAkC,EAClC,8BAA8B,GAC9B,MAAM,mCAAmC,CAAC;AAE3C,iBAAiB;AACjB,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,QAAQ;AACR,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAEzD,SAAS;AACT,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAEjE,QAAQ;AACR,OAAO,wDAAwD,CAAC;AAChE,OAAO,yDAAyD,CAAC;AAEjE,IAAK,iBAIJ;AAJD,WAAK,iBAAiB;IACrB,8BAAS,CAAA;IACT,0CAAqB,CAAA;IACrB,kCAAa,CAAA;AACd,CAAC,EAJI,iBAAiB,KAAjB,iBAAiB,QAIrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAqBH,IAAM,UAAU,kBAAhB,MAAM,UAAW,SAAQ,WAAW;IAApC;;QAOC;;;;;;WAMG;QAEH,gBAAW,GAAG,CAAC,CAAC;QAEhB;;;;;;;WAOG;QAEH,eAAU,GAAG,CAAC,CAAC;QAEf,yBAAoB,GAAG,CAAC,CAAC;QACzB,wBAAmB,GAAG,CAAC,CAAC;QACxB,uBAAkB,GAAG,iBAAiB,CAAC,IAAI,CAAC;IAmF7C,CAAC;IA/EA,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,YAAU,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,uBAAuB,CAAC,CAAC;IACtE,CAAC;IAED,gBAAgB;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,WAAW,CAAC;QAC7C,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC;QAC3C,IAAI,CAAC,kBAAkB,GAAG,iBAAiB,CAAC,IAAI,CAAC;IAClD,CAAC;IAED;;;;OAIG;IACH,YAAY;QACX,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACtB,OAAO;QACR,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,2CAA2C,CAAC,CAAC;QAClG,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAAC;QAE1F,IAAI,CAAC,cAAc,IAAI,CAAC,UAAU,EAAE,CAAC;YACpC,OAAO;QACR,CAAC;QAED,MAAM,kBAAkB,GAAG,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC;QACjD,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC;QAC5D,MAAM,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,IAAI,CAAC,CAAC;QAC3D,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,KAAK,IAAI,CAAC,mBAAmB,CAAC;QAE/E,IAAI,kBAAkB,IAAI,CAAC,mBAAmB,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,kBAAkB,KAAK,iBAAiB,CAAC,QAAQ,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;YAClK,UAAU,CAAC,KAAK,EAAE,CAAC;YACnB,IAAI,CAAC,kBAAkB,GAAG,iBAAiB,CAAC,IAAI,CAAC;QAClD,CAAC;aAAM,IAAI,cAAc,IAAI,CAAC,eAAe,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,kBAAkB,KAAK,iBAAiB,CAAC,IAAI,IAAI,cAAc,YAAY,WAAW,EAAE,CAAC;YACrK,cAAc,CAAC,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,kBAAkB,GAAG,iBAAiB,CAAC,IAAI,CAAC;QAClD,CAAC;IACF,CAAC;IAED,0BAA0B;QACzB,IAAI,CAAC,kBAAkB,GAAG,iBAAiB,CAAC,QAAQ,CAAC;QACrD,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAChE,CAAC;IAED,sBAAsB;QACrB,IAAI,CAAC,kBAAkB,GAAG,iBAAiB,CAAC,IAAI,CAAC;QACjD,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,6BAA6B;QAChC,OAAO,YAAU,CAAC,UAAU,CAAC,OAAO,CAAC,+BAA+B,CAAC,CAAC;IACvE,CAAC;IAED,IAAI,yBAAyB;QAC5B,OAAO,YAAU,CAAC,UAAU,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,sBAAsB;QACzB,OAAO,YAAU,CAAC,UAAU,CAAC,OAAO,CAAC,kCAAkC,CAAC,CAAC;IAC1E,CAAC;IAED,IAAI,kBAAkB;QACrB,OAAO,YAAU,CAAC,UAAU,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACtE,CAAC;IAED;;OAEG;IACH,IAAI,OAAO;QACV,OAAO;YACN,IAAI,EAAE;gBACL,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI;gBACrB,mBAAmB,EAAE,IAAI;aACzB;SACD,CAAC;IACH,CAAC;CACD,CAAA;AAlGA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACX;AAWhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACZ;AA1BV,UAAU;IApBf,aAAa,CAAC;QACd,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,kBAAkB;QAC5B,YAAY,EAAE;YACb,MAAM;YACN,KAAK;YACL,aAAa;YACb,YAAY;SACZ;KACD,CAAC;IAEF;;;;OAIG;;IACF,KAAK,CAAC,gBAAgB,CAAC;GAElB,UAAU,CAiHf;AAED,UAAU,CAAC,MAAM,EAAE,CAAC;AAEpB,eAAe,UAAU,CAAC","sourcesContent":["import ToolbarItem from \"@ui5/webcomponents/dist/ToolbarItem.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\n\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n\tVERSIONING_PREVIOUS_BUTTON_TEXT,\n\tVERSIONING_NEXT_BUTTON_TEXT,\n\tVERSIONING_PREVIOUS_BUTTON_TOOLTIP,\n\tVERSIONING_NEXT_BUTTON_TOOLTIP,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// UI5 Components\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport ToolbarButton from \"@ui5/webcomponents/dist/ToolbarButton.js\";\nimport ToolbarLabel from \"./ToolbarLabel.js\";\n\n// Types\nimport VersioningTemplate from \"./VersioningTemplate.js\";\n\n// Styles\nimport VersioningCss from \"./generated/themes/Versioning.css.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/navigation-left-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\n\nenum LastClickedButton {\n\tNone = \"\",\n\tPrevious = \"previous\",\n\tNext = \"next\"\n}\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-ai-versioning` component provides navigation controls for AI-generated content versions.\n * It displays the current version index and total versions, with previous/next navigation buttons.\n * This component extends ToolbarItem to participate in toolbar overflow behavior as a single unit.\n *\n * ### Structure\n * The `ui5-ai-versioning` consists of the following elements:\n * - Previous Button: Navigates to the previous version (disabled when at first version)\n * - Version Counter: Shows current version / total versions (e.g., \"2 / 5\")\n * - Next Button: Navigates to the nex\n * t version (disabled when at last version)\n *\n * ### Focus Management\n * The component automatically manages focus when users reach version boundaries,\n * moving focus to the available navigation button when one becomes disabled.\n *\n * ### Responsive Behavior\n * When used in a toolbar, the entire versioning component (buttons + label) will overflow\n * together as a single unit when there is insufficient space.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-ai/dist/Versioning.js\";`\n *\n * @constructor\n * @extends ToolbarItem\n * @since 2.16.0\n * @private\n */\n@customElement({\n\ttag: \"ui5-ai-versioning\",\n\trenderer: jsxRenderer,\n\tstyles: VersioningCss,\n\ttemplate: VersioningTemplate,\n\tdependencies: [\n\t\tButton,\n\t\tLabel,\n\t\tToolbarButton,\n\t\tToolbarLabel,\n\t],\n})\n\n/**\n * Fired when the user clicks on version navigation buttons.\n *\n * @public\n */\n@event(\"version-change\")\n\nclass Versioning extends ToolbarItem {\n\teventDetails!: ToolbarItem[\"eventDetails\"] & {\n\t\t\"version-change\": {\n\t\t\tbackwards: boolean;\n\t\t};\n\t};\n\n\t/**\n\t * Indicates the index of the currently displayed result version.\n\t *\n\t * This property represents the current position in the version history.\n\t * @default 0\n\t * @public\n\t */\n\t@property({ type: Number })\n\tcurrentStep = 0;\n\n\t/**\n\t * The total number of available result versions.\n\t *\n\t * Note: Versioning is hidden if the value is `0`.\n\t *\n\t * @default 0\n\t * @public\n\t */\n\t@property({ type: Number })\n\ttotalSteps = 0;\n\n\t_previousCurrentStep = 0;\n\t_previousTotalSteps = 0;\n\t_lastClickedButton = LastClickedButton.None;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tVersioning.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-ai\");\n\t}\n\n\tonAfterRendering() {\n\t\tthis._manageFocus();\n\t\tthis._previousCurrentStep = this.currentStep;\n\t\tthis._previousTotalSteps = this.totalSteps;\n\t\tthis._lastClickedButton = LastClickedButton.None;\n\t}\n\n\t/**\n\t * Manages focus when navigation buttons become disabled/enabled.\n\t * Automatically moves focus to available button when user reaches boundaries.\n\t * @private\n\t */\n\t_manageFocus() {\n\t\tif (!this.shadowRoot) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst previousButton = this.shadowRoot.querySelector(\"[data-ui5-versioning-button=\\\"previous\\\"]\");\n\t\tconst nextButton = this.shadowRoot.querySelector(\"[data-ui5-versioning-button=\\\"next\\\"]\");\n\n\t\tif (!previousButton || !nextButton) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isPreviousDisabled = this.currentStep <= 1;\n\t\tconst isNextDisabled = this.currentStep === this.totalSteps;\n\t\tconst wasPreviousDisabled = this._previousCurrentStep <= 1;\n\t\tconst wasNextDisabled = this._previousCurrentStep === this._previousTotalSteps;\n\n\t\tif (isPreviousDisabled && !wasPreviousDisabled && !isNextDisabled && this._lastClickedButton === LastClickedButton.Previous && nextButton instanceof HTMLElement) {\n\t\t\tnextButton.focus();\n\t\t\tthis._lastClickedButton = LastClickedButton.None;\n\t\t} else if (isNextDisabled && !wasNextDisabled && !isPreviousDisabled && this._lastClickedButton === LastClickedButton.Next && previousButton instanceof HTMLElement) {\n\t\t\tpreviousButton.focus();\n\t\t\tthis._lastClickedButton = LastClickedButton.None;\n\t\t}\n\t}\n\n\thandlePreviousVersionClick() {\n\t\tthis._lastClickedButton = LastClickedButton.Previous;\n\t\tthis.fireDecoratorEvent(\"version-change\", { backwards: true });\n\t}\n\n\thandleNextVersionClick() {\n\t\tthis._lastClickedButton = LastClickedButton.Next;\n\t\tthis.fireDecoratorEvent(\"version-change\", { backwards: false });\n\t}\n\n\tget _previousButtonAccessibleName() {\n\t\treturn Versioning.i18nBundle.getText(VERSIONING_PREVIOUS_BUTTON_TEXT);\n\t}\n\n\tget _nextButtonAccessibleName() {\n\t\treturn Versioning.i18nBundle.getText(VERSIONING_NEXT_BUTTON_TEXT);\n\t}\n\n\tget _previousButtonTooltip() {\n\t\treturn Versioning.i18nBundle.getText(VERSIONING_PREVIOUS_BUTTON_TOOLTIP);\n\t}\n\n\tget _nextButtonTooltip() {\n\t\treturn Versioning.i18nBundle.getText(VERSIONING_NEXT_BUTTON_TOOLTIP);\n\t}\n\n\t/**\n\t * @override\n\t */\n\tget classes() {\n\t\treturn {\n\t\t\troot: {\n\t\t\t\t...super.classes.root,\n\t\t\t\t\"ui5-ai-versioning\": true,\n\t\t\t},\n\t\t};\n\t}\n}\n\nVersioning.define();\n\nexport default Versioning;\n"]}

package/dist/VersioningTemplate.d.ts

@@ -0,0 +1,4 @@
+import type Versioning from "./Versioning.js";
+import "@ui5/webcomponents-icons/dist/navigation-left-arrow.js";
+import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+export default function VersioningTemplate(this: Versioning): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/VersioningTemplate.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import ToolbarLabel from "./ToolbarLabel.js";
+import ToolbarButton from "@ui5/webcomponents/dist/ToolbarButton.js";
+import "@ui5/webcomponents-icons/dist/navigation-left-arrow.js";
+import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+export default function VersioningTemplate() {
+    return (_jsxs(_Fragment, { children: [_jsx(ToolbarButton, { design: "Transparent", icon: "navigation-left-arrow", tooltip: this._previousButtonTooltip, accessibleName: this._previousButtonAccessibleName, disabled: this.currentStep <= 1, onClick: this.handlePreviousVersionClick, "data-ui5-versioning-button": "previous" }), _jsx(ToolbarLabel, { text: `${this.currentStep} / ${this.totalSteps}`, class: "version-step-counter" }), _jsx(ToolbarButton, { design: "Transparent", icon: "navigation-right-arrow", tooltip: this._nextButtonTooltip, accessibleName: this._nextButtonAccessibleName, disabled: this.totalSteps <= 0 || this.currentStep >= this.totalSteps, onClick: this.handleNextVersionClick, "data-ui5-versioning-button": "next" })] }));
+}
+//# sourceMappingURL=VersioningTemplate.js.map

package/dist/VersioningTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersioningTemplate.js","sourceRoot":"","sources":["../src/VersioningTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,wDAAwD,CAAC;AAChE,OAAO,yDAAyD,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACzC,OAAO,CACN,8BACC,KAAC,aAAa,IACb,MAAM,EAAC,aAAa,EACpB,IAAI,EAAC,uBAAuB,EAC5B,OAAO,EAAE,IAAI,CAAC,sBAAsB,EACpC,cAAc,EAAE,IAAI,CAAC,6BAA6B,EAClD,QAAQ,EAAE,IAAI,CAAC,WAAW,IAAI,CAAC,EAC/B,OAAO,EAAE,IAAI,CAAC,0BAA0B,gCACb,UAAU,GACpC,EACF,KAAC,YAAY,IACZ,IAAI,EAAE,GAAG,IAAI,CAAC,WAAW,MAAM,IAAI,CAAC,UAAU,EAAE,EAChD,KAAK,EAAC,sBAAsB,GAC3B,EACF,KAAC,aAAa,IACb,MAAM,EAAC,aAAa,EACpB,IAAI,EAAC,wBAAwB,EAC7B,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,cAAc,EAAE,IAAI,CAAC,yBAAyB,EAC9C,QAAQ,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,EACrE,OAAO,EAAE,IAAI,CAAC,sBAAsB,gCACT,MAAM,GAChC,IACA,CACH,CAAC;AACH,CAAC","sourcesContent":["import type Versioning from \"./Versioning.js\";\nimport ToolbarLabel from \"./ToolbarLabel.js\";\nimport ToolbarButton from \"@ui5/webcomponents/dist/ToolbarButton.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-left-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\n\nexport default function VersioningTemplate(this: Versioning) {\n\treturn (\n\t\t<>\n\t\t\t<ToolbarButton\n\t\t\t\tdesign=\"Transparent\"\n\t\t\t\ticon=\"navigation-left-arrow\"\n\t\t\t\ttooltip={this._previousButtonTooltip}\n\t\t\t\taccessibleName={this._previousButtonAccessibleName}\n\t\t\t\tdisabled={this.currentStep <= 1}\n\t\t\t\tonClick={this.handlePreviousVersionClick}\n\t\t\t\tdata-ui5-versioning-button=\"previous\"\n\t\t\t/>\n\t\t\t<ToolbarLabel\n\t\t\t\ttext={`${this.currentStep} / ${this.totalSteps}`}\n\t\t\t\tclass=\"version-step-counter\"\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tdesign=\"Transparent\"\n\t\t\t\ticon=\"navigation-right-arrow\"\n\t\t\t\ttooltip={this._nextButtonTooltip}\n\t\t\t\taccessibleName={this._nextButtonAccessibleName}\n\t\t\t\tdisabled={this.totalSteps <= 0 || this.currentStep >= this.totalSteps}\n\t\t\t\tonClick={this.handleNextVersionClick}\n\t\t\t\tdata-ui5-versioning-button=\"next\"\n\t\t\t/>\n\t\t</>\n\t);\n}\n"]}

package/dist/WritingAssistant.d.ts

@@ -0,0 +1,98 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import "@ui5/webcomponents-icons/dist/ai.js";
+import "@ui5/webcomponents-icons/dist/stop.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-ai-textarea-toolbar` component provides a specialized toolbar for AI TextArea functionality.
+ * It manages different states of the AI assistant and provides version navigation capabilities.
+ *
+ * ### Structure
+ * The `ui5-ai-textarea-toolbar` consists of the following elements:
+ * - AI Generate Button: Triggers AI text generation or stops ongoing generation
+ * - Version Navigation: Allows navigation between multiple AI-generated results
+ * - Action Label: Displays the current AI action being performed
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@sap-webcomponents/ai/dist/WritingAssistant.js";`
+ *
+ * @constructor
+ * @extends UI5Element
+ * @since 2.16.0
+ * @private
+ */
+declare class WritingAssistant extends UI5Element {
+    eventDetails: {
+        "version-change": {
+            backwards: boolean;
+        };
+        "button-click": {
+            clickTarget: HTMLElement;
+        };
+        "stop-generation": object;
+    };
+    /**
+     * Defines whether the Writing Assistant is currently loading.
+     *
+     * When `true`, indicates that an AI action is in progress.
+     *
+     * @default false
+     */
+    loading: boolean;
+    /**
+     * Defines the action text of the AI Writing Assistant.
+     *
+     * This text is displayed in the toolbar to indicate the current or last
+     * performed AI action (e.g., "Generated text", "Simplified text").
+     *
+     * @default ""
+     * @public
+     */
+    actionText: string;
+    /**
+     * Indicates the index of the currently displayed result version.
+     *
+     * The index is **1-based** (i.e. `1` represents the first result).
+     * This property is synchronized with the parent AI TextArea component.
+     *
+     * @default 1
+     * @public
+     * @since 2.16.0
+     */
+    currentVersionIndex: number;
+    /**
+     * Indicates the total number of result versions available.
+     *
+     * This property determines whether version navigation controls are displayed.
+     * When totalVersions > 1, previous/next buttons become available.
+     *
+     * @default 1
+     * @public
+     */
+    totalVersions: number;
+    static i18nBundleAi: I18nBundle;
+    /**
+     * Handles the version change event from the versioning component.
+     */
+    handleVersionChange(e: CustomEvent<{
+        backwards: boolean;
+    }>): void;
+    /**
+     * Handles the click event for the AI generate button.
+     * Toggles between generate and stop states based on current button state.
+     *
+     * @public
+     */
+    handleButtonClick(e: Event): void;
+    get _ariaLabel(): string;
+    get _previousButtonAccessibleName(): string;
+    get _nextButtonAccessibleName(): string;
+    get _toolbarAccessibleName(): string;
+    get _buttonAccessibleName(): string;
+    get _buttonTooltip(): string;
+}
+export default WritingAssistant;