@sapudex/web-components 2.24.0 → 2.25.1

package/dist/TableHeaderCell.js

@@ -6,8 +6,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import TableHeaderCellTemplate from "./generated/templates/TableHeaderCellTemplate.lit.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
+import TableHeaderCellTemplate from "./TableHeaderCellTemplate.js";
 import UDExTableCellBase from "./TableCellBase.js";
 // Styles
 import TableHeaderCellCss from "./generated/themes/TableHeaderCell.css.js";
@@ -67,10 +67,9 @@ __decorate([
 UDExTableHeaderCell = __decorate([
     customElement({
         tag: "udex-table-header-cell",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [UDExTableCellBase.styles, TableHeaderCellCss],
         template: TableHeaderCellTemplate,
-        dependencies: [...UDExTableCellBase.dependencies],
     })
 ], UDExTableHeaderCell);
 UDExTableHeaderCell.define();

package/dist/TableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.js","sourceRoot":"","sources":["../src/TableHeaderCell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,uBAAuB,MAAM,sDAAsD,CAAC;AAC3F,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AAEnD,SAAS;AACT,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAE3E;;;;;;;;;;;;;;;;GAgBG;AASH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,iBAAiB;IAAnD;;QAUE;;;;;WAKG;QAED,cAAS,GAAW,EAAE,CAAC;QAEzB;;;;;WAKG;QAED,YAAO,GAAW,EAAE,CAAC;QAEb,aAAQ,GAAW,cAAc,CAAC;IAU9C,CAAC;IARC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,0BAA0B,IAAI,CAAC,eAAe,GAAG,CAAC;IAChF,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9D,CAAC;CACF,CAAA;AA9BG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACJ;AAStB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACF;AASvB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACJ;AA1BnB,mBAAmB;IARxB,aAAa,CAAC;QACb,GAAG,EAAE,wBAAwB;QAC7B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,iBAAiB,CAAC,MAAM,EAAE,kBAAkB,CAAC;QACtD,QAAQ,EAAE,uBAAuB;QACjC,YAAY,EAAE,CAAC,GAAG,iBAAiB,CAAC,YAAY,CAAC;KAClD,CAAC;GAEI,mBAAmB,CAsCxB;AAED,mBAAmB,CAAC,MAAM,EAAE,CAAC;AAE7B,eAAe,mBAAmB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport TableHeaderCellTemplate from \"./generated/templates/TableHeaderCellTemplate.lit.js\";\nimport UDExTableCellBase from \"./TableCellBase.js\";\n\n// Styles\nimport TableHeaderCellCss from \"./generated/themes/TableHeaderCell.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-table-header-cell</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/TableHeaderCell.js\";</code>\n *\n * @constructor\n * @extends UDExTableCellBase\n * @public\n */\n@customElement({\n  tag: \"udex-table-header-cell\",\n  renderer: litRender,\n  styles: [UDExTableCellBase.styles, TableHeaderCellCss],\n  template: TableHeaderCellTemplate,\n  dependencies: [...UDExTableCellBase.dependencies],\n})\n\nclass UDExTableHeaderCell extends UDExTableCellBase {\n  /**\n   * Defines highlighted the header cell.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    highlighted?: boolean;\n\n  /**\n   * Defines the name of the UI5 Icon, that will be displayed at the beginning of the content.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    iconStart: string = \"\";\n\n  /**\n   * Defines the name of the UI5 Icon, that will be displayed at the end of the content.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    iconEnd: string = \"\";\n\n  protected ariaRole: string = \"columnheader\";\n\n  onBeforeRendering() {\n    super.onBeforeRendering();\n    this.style.justifyContent = `var(--horizontal-align-${this._individualSlot})`;\n  }\n\n  get _hasIcons(): boolean {\n    return this.iconStart.length > 0 || this.iconEnd.length > 0;\n  }\n}\n\nUDExTableHeaderCell.define();\n\nexport default UDExTableHeaderCell;\n"]}
+{"version":3,"file":"TableHeaderCell.js","sourceRoot":"","sources":["../src/TableHeaderCell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AAEnD,SAAS;AACT,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAE3E;;;;;;;;;;;;;;;;GAgBG;AAQH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,iBAAiB;IAAnD;;QAUE;;;;;WAKG;QAED,cAAS,GAAW,EAAE,CAAC;QAEzB;;;;;WAKG;QAED,YAAO,GAAW,EAAE,CAAC;QAEb,aAAQ,GAAW,cAAc,CAAC;IAU9C,CAAC;IARC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,0BAA0B,IAAI,CAAC,eAAe,GAAG,CAAC;IAChF,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9D,CAAC;CACF,CAAA;AA9BG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACJ;AAStB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACF;AASvB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACJ;AA1BnB,mBAAmB;IAPxB,aAAa,CAAC;QACb,GAAG,EAAE,wBAAwB;QAC7B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,iBAAiB,CAAC,MAAM,EAAE,kBAAkB,CAAC;QACtD,QAAQ,EAAE,uBAAuB;KAClC,CAAC;GAEI,mBAAmB,CAsCxB;AAED,mBAAmB,CAAC,MAAM,EAAE,CAAC;AAE7B,eAAe,mBAAmB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport TableHeaderCellTemplate from \"./TableHeaderCellTemplate.js\";\nimport UDExTableCellBase from \"./TableCellBase.js\";\n\n// Styles\nimport TableHeaderCellCss from \"./generated/themes/TableHeaderCell.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-table-header-cell</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/TableHeaderCell.js\";</code>\n *\n * @constructor\n * @extends UDExTableCellBase\n * @public\n */\n@customElement({\n  tag: \"udex-table-header-cell\",\n  renderer: jsxRenderer,\n  styles: [UDExTableCellBase.styles, TableHeaderCellCss],\n  template: TableHeaderCellTemplate,\n})\n\nclass UDExTableHeaderCell extends UDExTableCellBase {\n  /**\n   * Defines highlighted the header cell.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    highlighted?: boolean;\n\n  /**\n   * Defines the name of the UI5 Icon, that will be displayed at the beginning of the content.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    iconStart: string = \"\";\n\n  /**\n   * Defines the name of the UI5 Icon, that will be displayed at the end of the content.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    iconEnd: string = \"\";\n\n  protected ariaRole: string = \"columnheader\";\n\n  onBeforeRendering() {\n    super.onBeforeRendering();\n    this.style.justifyContent = `var(--horizontal-align-${this._individualSlot})`;\n  }\n\n  get _hasIcons(): boolean {\n    return this.iconStart.length > 0 || this.iconEnd.length > 0;\n  }\n}\n\nUDExTableHeaderCell.define();\n\nexport default UDExTableHeaderCell;\n"]}

package/dist/TableHeaderCellTemplate.d.ts

@@ -0,0 +1,2 @@
+import type UDExTableHeaderCell from "./TableHeaderCell.js";
+export default function TableCellTemplate(this: UDExTableHeaderCell): import("@ui5/webcomponents-base").JSX.Element;

package/dist/TableHeaderCellTemplate.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
+export default function TableCellTemplate() {
+    return (_jsx(_Fragment, { children: this._hasIcons ? (_jsxs("div", { class: "udex-table-header-cell-wrap", children: [this.iconStart ? (_jsx(UI5Icon, { class: "udex-table-header-cell-wrap__icon", name: this.iconStart })) : "", _jsx("slot", {}), this.iconEnd ? (_jsx(UI5Icon, { class: "udex-table-header-cell-wrap__icon", name: this.iconEnd })) : ""] })) : (_jsx("slot", {})) }));
+}
+//# sourceMappingURL=TableHeaderCellTemplate.js.map

package/dist/TableHeaderCellTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderCellTemplate.js","sourceRoot":"","sources":["../src/TableHeaderCellTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,iCAAiC,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,OAAO,CACL,4BAEI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CACf,eAAK,KAAK,EAAC,6BAA6B,aAEpC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CACf,KAAC,OAAO,IACN,KAAK,EAAC,mCAAmC,EACzC,IAAI,EAAE,IAAI,CAAC,SAAS,GACX,CACZ,CAAC,CAAC,CAAC,EAAE,EAGR,gBAAa,EAGX,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,KAAC,OAAO,IACN,KAAK,EAAC,mCAAmC,EACzC,IAAI,EAAE,IAAI,CAAC,OAAO,GACT,CACZ,CAAC,CAAC,CAAC,EAAE,IAEJ,CACP,CAAC,CAAC,CAAC,CACF,gBAAa,CACd,GAEF,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type UDExTableHeaderCell from \"./TableHeaderCell.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\n\nexport default function TableCellTemplate(this: UDExTableHeaderCell) {\n  return (\n    <>\n      {\n        this._hasIcons ? (\n          <div class=\"udex-table-header-cell-wrap\">\n            {\n              this.iconStart ? (\n                <UI5Icon\n                  class=\"udex-table-header-cell-wrap__icon\"\n                  name={this.iconStart}\n                ></UI5Icon>\n              ) : \"\"\n            }\n\n            <slot></slot>\n\n            {\n              this.iconEnd ? (\n                <UI5Icon\n                  class=\"udex-table-header-cell-wrap__icon\"\n                  name={this.iconEnd}\n                ></UI5Icon>\n              ) : \"\"\n            }\n          </div>\n        ) : (\n          <slot></slot>\n        )\n      }\n    </>\n  );\n}\n"]}

package/dist/TableHeaderRow.js

@@ -5,10 +5,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import UDExTableHeaderCell from "./TableHeaderCell.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import UDExTableRowBase from "./TableRowBase.js";
-import TableHeaderRowTemplate from "./generated/templates/TableHeaderRowTemplate.lit.js";
+import TableHeaderRowTemplate from "./TableHeaderRowTemplate.js";
 /**
  * @class
  *
@@ -33,10 +32,9 @@ let UDExTableHeaderRow = class UDExTableHeaderRow extends UDExTableRowBase {
 UDExTableHeaderRow = __decorate([
     customElement({
         tag: "udex-table-header-row",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [UDExTableRowBase.styles],
         template: TableHeaderRowTemplate,
-        dependencies: [UDExTableHeaderCell],
     })
 ], UDExTableHeaderRow);
 UDExTableHeaderRow.define();

package/dist/TableHeaderRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderRow.js","sourceRoot":"","sources":["../src/TableHeaderRow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,mBAAmB,MAAM,sBAAsB,CAAC;AACvD,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,sBAAsB,MAAM,qDAAqD,CAAC;AAEzF;;;;;;;;;;;;;;;GAeG;AASH,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,gBAAgB;IAC/C,IAAI,OAAO;QACT,OAAO,KAAK,CAAC;IACf,CAAC;CACF,CAAA;AAJK,kBAAkB;IARvB,aAAa,CAAC;QACb,GAAG,EAAE,uBAAuB;QAC5B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC;QACjC,QAAQ,EAAE,sBAAsB;QAChC,YAAY,EAAE,CAAC,mBAAmB,CAAC;KACpC,CAAC;GAEI,kBAAkB,CAIvB;AAED,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAE5B,eAAe,kBAAkB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UDExTableHeaderCell from \"./TableHeaderCell.js\";\nimport UDExTableRowBase from \"./TableRowBase.js\";\nimport TableHeaderRowTemplate from \"./generated/templates/TableHeaderRowTemplate.lit.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-table-header-row</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/TableHeaderRow.js\";</code>\n *\n * @constructor\n * @extends UDExTableRowBase\n * @public\n */\n@customElement({\n  tag: \"udex-table-header-row\",\n  renderer: litRender,\n  styles: [UDExTableRowBase.styles],\n  template: TableHeaderRowTemplate,\n  dependencies: [UDExTableHeaderCell],\n})\n\nclass UDExTableHeaderRow extends UDExTableRowBase {\n  get isGroup() {\n    return false;\n  }\n}\n\nUDExTableHeaderRow.define();\n\nexport default UDExTableHeaderRow;\n"]}
+{"version":3,"file":"TableHeaderRow.js","sourceRoot":"","sources":["../src/TableHeaderRow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAEjE;;;;;;;;;;;;;;;GAeG;AAQH,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,gBAAgB;IAC/C,IAAI,OAAO;QACT,OAAO,KAAK,CAAC;IACf,CAAC;CACF,CAAA;AAJK,kBAAkB;IAPvB,aAAa,CAAC;QACb,GAAG,EAAE,uBAAuB;QAC5B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC;QACjC,QAAQ,EAAE,sBAAsB;KACjC,CAAC;GAEI,kBAAkB,CAIvB;AAED,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAE5B,eAAe,kBAAkB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport UDExTableRowBase from \"./TableRowBase.js\";\nimport TableHeaderRowTemplate from \"./TableHeaderRowTemplate.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-table-header-row</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/TableHeaderRow.js\";</code>\n *\n * @constructor\n * @extends UDExTableRowBase\n * @public\n */\n@customElement({\n  tag: \"udex-table-header-row\",\n  renderer: jsxRenderer,\n  styles: [UDExTableRowBase.styles],\n  template: TableHeaderRowTemplate,\n})\n\nclass UDExTableHeaderRow extends UDExTableRowBase {\n  get isGroup() {\n    return false;\n  }\n}\n\nUDExTableHeaderRow.define();\n\nexport default UDExTableHeaderRow;\n"]}

package/dist/TableHeaderRowTemplate.d.ts

@@ -0,0 +1,2 @@
+import type UDExTableHeaderRow from "./TableHeaderRow.js";
+export default function TableHeaderRowTemplate(this: UDExTableHeaderRow): import("@ui5/webcomponents-base").JSX.Element;

package/dist/TableHeaderRowTemplate.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+export default function TableHeaderRowTemplate() {
+    return (_jsx(_Fragment, { children: this.cells.map(cell => (_jsx("slot", { name: cell._individualSlot }))) }));
+}
+//# sourceMappingURL=TableHeaderRowTemplate.js.map

package/dist/TableHeaderRowTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderRowTemplate.js","sourceRoot":"","sources":["../src/TableHeaderRowTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC5C,OAAO,CACL,4BAEI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACrB,eAAM,IAAI,EAAE,IAAI,CAAC,eAAe,GAAS,CAC1C,CAAC,GAEH,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type UDExTableHeaderRow from \"./TableHeaderRow.js\";\n\nexport default function TableHeaderRowTemplate(this: UDExTableHeaderRow) {\n  return (\n    <>\n      {\n        this.cells.map(cell => (\n          <slot name={cell._individualSlot}></slot>\n        ))\n      }\n    </>\n  );\n}\n"]}

package/dist/TableRow.js

@@ -5,10 +5,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import UDExTableRowBase from "./TableRowBase.js";
-import TableRowTemplate from "./generated/templates/TableRowTemplate.lit.js";
+import TableRowTemplate from "./TableRowTemplate.js";
 /**
  * @class
  *
@@ -53,10 +53,9 @@ __decorate([
 UDExTableRow = __decorate([
     customElement({
         tag: "udex-table-row",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [UDExTableRowBase.styles],
         template: TableRowTemplate,
-        dependencies: [...UDExTableRowBase.dependencies],
     })
 ], UDExTableRow);
 UDExTableRow.define();

package/dist/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../src/TableRow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AAEjD,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAE7E;;;;;;;;;;;;;;;;GAgBG;AASH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,gBAAgB;IAmBzC,iBAAiB;QACf,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC7B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,OAAO;QACT,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,eAAe,CAAgB,OAAO,CAAC,CAAC;IACtD,CAAC;CACF,CAAA;AA9BG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACJ;AAStB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACJ;AAjBpB,YAAY;IARjB,aAAa,CAAC;QACb,GAAG,EAAE,gBAAgB;QACrB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC;QACjC,QAAQ,EAAE,gBAAgB;QAC1B,YAAY,EAAE,CAAC,GAAG,gBAAgB,CAAC,YAAY,CAAC;KACjD,CAAC;GAEI,YAAY,CAsCjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UDExTableRowBase from \"./TableRowBase.js\";\nimport type UDExTableCell from \"./TableCell.js\";\nimport TableRowTemplate from \"./generated/templates/TableRowTemplate.lit.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-table-row</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/TableRow.js\";</code>\n *\n * @constructor\n * @extends UDExTableRowBase\n * @public\n */\n@customElement({\n  tag: \"udex-table-row\",\n  renderer: litRender,\n  styles: [UDExTableRowBase.styles],\n  template: TableRowTemplate,\n  dependencies: [...UDExTableRowBase.dependencies],\n})\n\nclass UDExTableRow extends UDExTableRowBase {\n  /**\n   * Defines the interactive state of the row.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    interactive?: boolean;\n\n  /**\n   * Defines highlighted the row.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    highlighted?: boolean;\n\n  onBeforeRendering(): void {\n    if (this.highlighted) {\n      this._setHighlightToCells();\n    }\n  }\n\n  _setHighlightToCells(): void {\n    this.cellsInRow.forEach(cell => {\n      cell._highlighted = true;\n    });\n  }\n\n  get isGroup(): boolean {\n    return false;\n  }\n\n  get cellsInRow(): Array<UDExTableCell> {\n    return this.getSlottedNodes<UDExTableCell>(\"cells\");\n  }\n}\n\nUDExTableRow.define();\n\nexport default UDExTableRow;\n"]}
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../src/TableRow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AAEjD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAErD;;;;;;;;;;;;;;;;GAgBG;AAQH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,gBAAgB;IAmBzC,iBAAiB;QACf,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC7B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,OAAO;QACT,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,eAAe,CAAgB,OAAO,CAAC,CAAC;IACtD,CAAC;CACF,CAAA;AA9BG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACJ;AAStB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACJ;AAjBpB,YAAY;IAPjB,aAAa,CAAC;QACb,GAAG,EAAE,gBAAgB;QACrB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC;QACjC,QAAQ,EAAE,gBAAgB;KAC3B,CAAC;GAEI,YAAY,CAsCjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UDExTableRowBase from \"./TableRowBase.js\";\nimport type UDExTableCell from \"./TableCell.js\";\nimport TableRowTemplate from \"./TableRowTemplate.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-table-row</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/TableRow.js\";</code>\n *\n * @constructor\n * @extends UDExTableRowBase\n * @public\n */\n@customElement({\n  tag: \"udex-table-row\",\n  renderer: jsxRenderer,\n  styles: [UDExTableRowBase.styles],\n  template: TableRowTemplate,\n})\n\nclass UDExTableRow extends UDExTableRowBase {\n  /**\n   * Defines the interactive state of the row.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    interactive?: boolean;\n\n  /**\n   * Defines highlighted the row.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    highlighted?: boolean;\n\n  onBeforeRendering(): void {\n    if (this.highlighted) {\n      this._setHighlightToCells();\n    }\n  }\n\n  _setHighlightToCells(): void {\n    this.cellsInRow.forEach(cell => {\n      cell._highlighted = true;\n    });\n  }\n\n  get isGroup(): boolean {\n    return false;\n  }\n\n  get cellsInRow(): Array<UDExTableCell> {\n    return this.getSlottedNodes<UDExTableCell>(\"cells\");\n  }\n}\n\nUDExTableRow.define();\n\nexport default UDExTableRow;\n"]}

package/dist/TableRowBase.d.ts

@@ -1,5 +1,5 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import UDExTableCell from "./TableCell.js";
+import type UDExTableCell from "./TableCell.js";
 import type UDExTableHeaderCell from "./TableHeaderCell.js";
 /**
  * @class

package/dist/TableRowBase.js

@@ -9,7 +9,6 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import UDExTableCell from "./TableCell.js";
 // Styles
 import TableRowBase from "./generated/themes/TableRowBase.css.js";
 /**
@@ -35,7 +34,6 @@ UDExTableRowBase = __decorate([
     customElement({
         renderer: litRender,
         styles: TableRowBase,
-        dependencies: [UDExTableCell],
     })
 ], UDExTableRowBase);
 export default UDExTableRowBase;

package/dist/TableRowBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowBase.js","sourceRoot":"","sources":["../src/TableRowBase.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAG3C,SAAS;AACT,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE;;;;;;;GAOG;AAOH,IAAe,gBAAgB,GAA/B,MAAe,gBAAiB,SAAQ,UAAU;IAiBhD,UAAU;QACR,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;CACF,CAAA;AAbG;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;+CACf;AAQnD;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDACT;AAfL,gBAAgB;IAN9B,aAAa,CAAC;QACb,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,YAAY;QACpB,YAAY,EAAE,CAAC,aAAa,CAAC;KAC9B,CAAC;GAEa,gBAAgB,CAoB9B;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UDExTableCell from \"./TableCell.js\";\nimport type UDExTableHeaderCell from \"./TableHeaderCell.js\";\n\n// Styles\nimport TableRowBase from \"./generated/themes/TableRowBase.css.js\";\n\n/**\n * @class\n * A class to serve as a foundation for the `UDExTableRow` and `UDExTableHeaderRow` classes.\n * @constructor\n * @abstract\n * @extends UI5Element\n * @public\n */\n@customElement({\n  renderer: litRender,\n  styles: TableRowBase,\n  dependencies: [UDExTableCell],\n})\n\nabstract class UDExTableRowBase extends UI5Element {\n  /**\n   * Defines the cells of the component.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    cells!: Array<UDExTableCell | UDExTableHeaderCell>;\n\n  /**\n   * Defines the index of the component.\n   *\n   * @private\n   */\n  @property({ type: Number })\n    _index!: number;\n\n  onEnterDOM() {\n    this.setAttribute(\"role\", \"row\");\n  }\n}\n\nexport default UDExTableRowBase;\n"]}
+{"version":3,"file":"TableRowBase.js","sourceRoot":"","sources":["../src/TableRowBase.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAI7E,SAAS;AACT,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE;;;;;;;GAOG;AAMH,IAAe,gBAAgB,GAA/B,MAAe,gBAAiB,SAAQ,UAAU;IAiBhD,UAAU;QACR,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;CACF,CAAA;AAbG;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;+CACf;AAQnD;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDACT;AAfL,gBAAgB;IAL9B,aAAa,CAAC;QACb,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,YAAY;KACrB,CAAC;GAEa,gBAAgB,CAoB9B;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UDExTableCell from \"./TableCell.js\";\nimport type UDExTableHeaderCell from \"./TableHeaderCell.js\";\n\n// Styles\nimport TableRowBase from \"./generated/themes/TableRowBase.css.js\";\n\n/**\n * @class\n * A class to serve as a foundation for the `UDExTableRow` and `UDExTableHeaderRow` classes.\n * @constructor\n * @abstract\n * @extends UI5Element\n * @public\n */\n@customElement({\n  renderer: litRender,\n  styles: TableRowBase,\n})\n\nabstract class UDExTableRowBase extends UI5Element {\n  /**\n   * Defines the cells of the component.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    cells!: Array<UDExTableCell | UDExTableHeaderCell>;\n\n  /**\n   * Defines the index of the component.\n   *\n   * @private\n   */\n  @property({ type: Number })\n    _index!: number;\n\n  onEnterDOM() {\n    this.setAttribute(\"role\", \"row\");\n  }\n}\n\nexport default UDExTableRowBase;\n"]}

package/dist/TableRowTemplate.d.ts

@@ -0,0 +1,2 @@
+import type UDExTableRow from "./TableRow.js";
+export default function TableCellTemplate(this: UDExTableRow): import("@ui5/webcomponents-base").JSX.Element;

package/dist/TableRowTemplate.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+export default function TableCellTemplate() {
+    return (_jsx(_Fragment, { children: this.cells.map(cell => (_jsx("slot", { name: cell._individualSlot }))) }));
+}
+//# sourceMappingURL=TableRowTemplate.js.map

package/dist/TableRowTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowTemplate.js","sourceRoot":"","sources":["../src/TableRowTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,OAAO,CACL,4BAEI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACrB,eAAM,IAAI,EAAE,IAAI,CAAC,eAAe,GAAS,CAC1C,CAAC,GAEH,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type UDExTableRow from \"./TableRow.js\";\n\nexport default function TableCellTemplate(this: UDExTableRow) {\n  return (\n    <>\n      {\n        this.cells.map(cell => (\n          <slot name={cell._individualSlot}></slot>\n        ))\n      }\n    </>\n  );\n}\n"]}

package/dist/TableTemplate.d.ts

@@ -0,0 +1,2 @@
+import type UDExTable from "./Table.js";
+export default function TableTemplate(this: UDExTable): import("@ui5/webcomponents-base").JSX.Element;

package/dist/TableTemplate.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import UDExTableRow from "./TableRow.js";
+import UDExTableCell from "./TableCell.js";
+import UDExBusyIndicator from "./BusyIndicator.js";
+export default function TableTemplate() {
+    return (_jsxs(_Fragment, { children: [this._hasToolbar ? (renderTableToolbar.call(this)) : "", _jsxs("div", { id: "table", class: "udex-table", role: "table", "aria-label": this.accessibleName, onScroll: this._onScroll, onKeyDown: this._handleKeyDown, style: this._styles.table, children: [_jsx("div", { class: "udex-table__header-holder", children: _jsx("slot", { name: "headerRow" }) }), _jsx("slot", {}), !this.rows.length ? (renderTableNoData.call(this)) : "", this.loading ? (renderTableLoading.call(this)) : ""] }), this.footnotes.length ? (renderTableFootnotes.call(this)) : ""] }));
+}
+function renderTableToolbar() {
+    return (_jsxs("div", { class: "udex-table-toolbar", children: [_jsx("span", { class: "udex-table-toolbar__title", children: this.heading }), _jsx("div", { class: "udex-table-toolbar__actions", children: _jsx("slot", { name: "actions" }) })] }));
+}
+function renderTableFootnotes() {
+    return (_jsx("div", { class: "udex-table-footnotes", children: _jsx("slot", { name: "footnotes" }) }));
+}
+function renderTableNoData() {
+    return (_jsx(UDExTableRow, { children: _jsx(UDExTableCell, { class: "udex-table__no-data", children: this.noData.length ? (_jsx("slot", { name: "noData" })) : this._effectiveNoDataText }) }));
+}
+function renderTableLoading() {
+    return (_jsx(UDExBusyIndicator, { class: "udex-table__loading", delay: this.loadingDelay, "data-sap-focus-ref": true, active: true }));
+}
+//# sourceMappingURL=TableTemplate.js.map

package/dist/TableTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTemplate.js","sourceRoot":"","sources":["../src/TableTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,OAAO,CACL,8BAEI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACjB,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAC9B,CAAC,CAAC,CAAC,EAAE,EAGR,eACE,EAAE,EAAC,OAAO,EACV,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,OAAO,gBACA,IAAI,CAAC,cAAc,EAC/B,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,SAAS,EAAE,IAAI,CAAC,cAAc,EAC9B,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,aAEzB,cAAK,KAAK,EAAC,2BAA2B,YACpC,eAAM,IAAI,EAAC,WAAW,GAAQ,GAC1B,EAEN,gBAAa,EAGX,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAClB,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAC7B,CAAC,CAAC,CAAC,EAAE,EAIN,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAC9B,CAAC,CAAC,CAAC,EAAE,IAEJ,EAGJ,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CACtB,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAChC,CAAC,CAAC,CAAC,EAAE,IAEP,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB;IACzB,OAAO,CACL,eAAK,KAAK,EAAC,oBAAoB,aAC7B,eAAM,KAAK,EAAC,2BAA2B,YAAE,IAAI,CAAC,OAAO,GAAQ,EAC7D,cAAK,KAAK,EAAC,6BAA6B,YACtC,eAAM,IAAI,EAAC,SAAS,GAAQ,GACxB,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB;IAC3B,OAAO,CACL,cAAK,KAAK,EAAC,sBAAsB,YAC/B,eAAM,IAAI,EAAC,WAAW,GAAQ,GAC1B,CACP,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB;IACxB,OAAO,CACL,KAAC,YAAY,cACX,KAAC,aAAa,IAAC,KAAK,EAAC,qBAAqB,YAEtC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,eAAM,IAAI,EAAC,QAAQ,GAAQ,CAC5B,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,GAEjB,GACH,CAChB,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB;IACzB,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAE,IAAI,CAAC,YAAY,8BAExB,MAAM,SACa,CACtB,CAAC;AACJ,CAAC","sourcesContent":["import type UDExTable from \"./Table.js\";\nimport UDExTableRow from \"./TableRow.js\";\nimport UDExTableCell from \"./TableCell.js\";\nimport UDExBusyIndicator from \"./BusyIndicator.js\";\n\nexport default function TableTemplate(this: UDExTable) {\n  return (\n    <>\n      {\n        this._hasToolbar ? (\n          renderTableToolbar.call(this)\n        ) : \"\"\n      }\n\n      <div\n        id=\"table\"\n        class=\"udex-table\"\n        role=\"table\"\n        aria-label={this.accessibleName}\n        onScroll={this._onScroll}\n        onKeyDown={this._handleKeyDown}\n        style={this._styles.table}\n      >\n        <div class=\"udex-table__header-holder\">\n          <slot name=\"headerRow\"></slot>\n        </div>\n\n        <slot></slot>\n\n        {\n          !this.rows.length ? (\n            renderTableNoData.call(this)\n          ) : \"\"\n        }\n\n        {\n          this.loading ? (\n            renderTableLoading.call(this)\n          ) : \"\"\n        }\n      </div>\n\n      {\n        this.footnotes.length ? (\n          renderTableFootnotes.call(this)\n        ) : \"\"\n      }\n    </>\n  );\n}\n\nfunction renderTableToolbar(this: UDExTable) {\n  return (\n    <div class=\"udex-table-toolbar\">\n      <span class=\"udex-table-toolbar__title\">{this.heading}</span>\n      <div class=\"udex-table-toolbar__actions\">\n        <slot name=\"actions\"></slot>\n      </div>\n    </div>\n  );\n}\n\nfunction renderTableFootnotes(this: UDExTable) {\n  return (\n    <div class=\"udex-table-footnotes\">\n      <slot name=\"footnotes\"></slot>\n    </div>\n  );\n}\n\nfunction renderTableNoData(this: UDExTable) {\n  return (\n    <UDExTableRow>\n      <UDExTableCell class=\"udex-table__no-data\">\n        {\n          this.noData.length ? (\n            <slot name=\"noData\"></slot>\n          ) : this._effectiveNoDataText\n        }\n      </UDExTableCell>\n    </UDExTableRow>\n  );\n}\n\nfunction renderTableLoading(this: UDExTable) {\n  return (\n    <UDExBusyIndicator\n      class=\"udex-table__loading\"\n      delay={this.loadingDelay}\n      data-sap-focus-ref\n      active\n    ></UDExBusyIndicator>\n  );\n}\n"]}

package/dist/Tag.js

@@ -51,6 +51,13 @@ export var UDExTagSize;
 let UDExTag = class UDExTag extends UI5Element {
     constructor() {
         super();
+        /**
+         * Defines the text of the tag
+        *
+        * @default ""
+        * @public
+        */
+        this.text = "";
         /**
          * Defines the design type of tag
         *

package/dist/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../src/Tag.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,OAAO,aAAa,MAAM,wDAAwD,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAE3C,SAAS;AACT,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACnB,4BAAa,CAAA;IACb,8BAAe,CAAA;IACf,oCAAqB,CAAA;IACrB,4BAAa,CAAA;AACjB,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAED,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,gCAAiB,CAAA;AACnB,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AA6BH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAsI9B;QACE,KAAK,EAAE,CAAC;QAjHV;;;;;UAKE;QAEA,WAAM,GAAqB,WAAW,CAAC,IAAI,CAAC;QAE9C;;;;;WAKG;QAED,SAAI,GAAqB,WAAW,CAAC,KAAK,CAAC;QAW7C;;;;;UAKE;QAEA,kBAAa,GAA4B,iBAAiB,CAAC,GAAG,CAAC;QAWjE;;;;WAIG;QAED,mBAAc,GAAW,EAAE,CAAC;QAE9B;;;;;UAKE;QAEA,mBAAc,GAAW,EAAE,CAAC;QAsD5B,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,UAAU;QACR,IAAI,SAAS,EAAE,EAAE,CAAC;YAChB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QACnC,CAAC;QACD,IAAI,IAAI,CAAC,cAAc,KAAK,QAAQ,EAAE,CAAC;YACrC,IAAI,CAAC,UAAU,EAAE,iBAAiB,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;QACtE,CAAC;QACD,aAAa,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC;IAED,SAAS;QACP,aAAa,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC1D,CAAC;IAED,WAAW;QACT,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;IAED,gBAAgB,CAAC,CAAQ;QACvB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACvC,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,UAAU,CAAC,CAAgB;QACzB,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACf,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,SAAS;QACP,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IAC/B,CAAC;IAED,IAAI,UAAU;QACZ,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9D,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;QAChE,MAAM,kBAAkB,GAAG,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7F,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;QACvD,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;QAClE,MAAM,WAAW,GAAG,YAAY,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC;QAC7D,OAAO,sBAAsB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,WAAW,IAAI,YAAY,IAAI,aAAa,IAAI,kBAAkB,IAAI,YAAY,IAAI,eAAe,EAAE,CAAC,IAAI,EAAE,CAAC;IAC/K,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,KAAK,iBAAiB,CAAC,KAAK,CAAC;IACxE,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,KAAK,iBAAiB,CAAC,GAAG,CAAC;IACtE,CAAC;IAED,IAAI,SAAS;QACX,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACzC,OAAO,CAAC,CAAC,CAAC;QACZ,CAAC;QACD,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,SAAS,EAAG,CAAC,aAAa,CAAC,iBAAiB,CAAE,CAAC;IAC7D,CAAC;IAED,IAAI,aAAa;QACf,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IACrG,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;IACpE,CAAC;IAED,IAAI,OAAO;QACT,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;IACvC,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,IAAI,CAAC;IAC1C,CAAC;IAED,mBAAmB,CAAC,CAAQ;QAC1B,IAAI,CAAC,kBAAkB,CAAC,cAAc,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;IAChE,CAAC;CACF,CAAA;AA1OG;IADD,QAAQ,EAAE;qCACK;AAQd;IADD,QAAQ,EAAE;qCACK;AAQd;IADD,QAAQ,EAAE;uCACmC;AAS5C;IADD,QAAQ,EAAE;qCACkC;AAS3C;IADD,QAAQ,EAAE;qCACK;AASd;IADD,QAAQ,EAAE;8CACsD;AAS/D;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACP;AAQnB;IADD,QAAQ,EAAE;+CACmB;AAS5B;IADD,QAAQ,EAAE;+CACmB;AAS5B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACP;AASnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACR;AAUlB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACJ;AAStB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACN;AAGpB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACJ;AAQtB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CACF;AAlItB,OAAO;IA5BZ,aAAa,CAAC;QACb,GAAG,EAAE,UAAU;QACf,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,WAAW;QACrB,YAAY,EAAE,CAAC,IAAI,CAAC;KACrB,CAAC;IAEF;;;;OAIG;;IACF,KAAK,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAE5C;;;;OAIG;;IACF,KAAK,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IACtC;;;;;OAKG;;IACF,KAAK,CAAC,cAAc,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GACrD,OAAO,CAuPZ;AAED,OAAO,CAAC,MAAM,EAAE,CAAC;AAEjB,eAAe,OAAO,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.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/renderer/JsxRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport UDExIconPlacement from \"./types/IconPlacement.js\";\n\nimport TagTemplate from \"./TagTemplate.js\";\n\n// Styles\nimport TagCss from \"./generated/themes/Tag.css.js\";\n\nexport enum UDExTagType {\n    Text = \"Text\",\n    White = \"White\",\n    Outlined = \"Outlined\",\n    Grey = \"Grey\"\n}\n\nexport enum UDExTagSize {\n  Small = \"Small\",\n  Medium = \"Medium\"\n}\n\ntype UDExTagLinkClickEventDetail = {\n  originalEvent: Event,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-tag</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Tag.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-tag\n * @public\n */\n@customElement({\n  tag: \"udex-tag\",\n  renderer: jsxRenderer,\n  styles: TagCss,\n  template: TagTemplate,\n  dependencies: [Icon],\n})\n\n/**\n * Emitted when tag was clicked\n *\n * @public\n */\n@event(\"selectionChange\", { bubbles: true })\n\n/**\n * Emitted when icon in tag was clicked\n *\n * @public\n */\n@event(\"iconClick\", { bubbles: true })\n/**\n * Emitted when tag link was clicked\n *\n * @public\n * @param {Event} originalEvent the original event object\n */\n@event(\"tagLinkClick\", { cancelable: true, bubbles: true })\nclass UDExTag extends UI5Element {\n  eventDetails!: {\n    \"selectionChange\": void,\n    \"iconClick\": void,\n    \"tagLinkClick\": UDExTagLinkClickEventDetail,\n  };\n  /**\n   * Defines the text of the tag\n  *\n  * @default \"\"\n  * @public\n  */\n  @property()\n    text!: string;\n  /**\n   * Defines the href for behavior of the tag as a link\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    href!: string;\n  /**\n   * Defines the design type of tag\n  *\n  * @default \"Grey\"\n  * @public\n  */\n  @property()\n    design: `${UDExTagType}` = UDExTagType.Grey;\n\n  /**\n   * Defines the size of the component.\n   *\n   * @default \"Small\"\n   * @public\n   */\n  @property()\n    size: `${UDExTagSize}` = UDExTagSize.Small;\n\n  /**\n   * Defines icon name\n  *\n  * @default \"\"\n  * @public\n  */\n  @property()\n    icon!: string;\n\n  /**\n   * Defines icon placement if icon was provided\n  *\n  * @default \"End\"\n  * @public\n  */\n  @property()\n    iconPlacement : `${UDExIconPlacement}` = UDExIconPlacement.End;\n\n  /**\n   * Defines if tag is in readnly state\n  *\n  * @default false\n  * @public\n  */\n  @property({ type: Boolean })\n    readOnly!: boolean;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Defines the role attribute of component\n  *\n  * @default \"button\"\n  * @public\n  */\n  @property()\n    accessibleRole: string = \"\";\n\n  /**\n   * Defines if tag is selected\n  *\n  * @default false\n  * @public\n  */\n  @property({ type: Boolean })\n    selected!: boolean;\n\n  /**\n   * Defines whether the component is focused or not.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    focused!: boolean;\n\n  /**\n   * Defines whether the token is being deleted\n   * This flag is used in the udex-select-box\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    toBeDeleted!: boolean;\n\n  /**\n   * Set by the tokenizer when a token is in the \"more\" area (overflowing)\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    overflows!: boolean;\n\n  @property({ type: Boolean })\n    singleToken!: boolean;\n\n  /**\n  * Toggle on/off nonSelectable property on tag\n  * @default true\n  * @private\n  */\n  @property({ type: Boolean })\n    nonSelectable!: boolean;\n\n  _handleResizeBound: ResizeObserverCallback;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onBeforeRendering(): void {\n    this.toBeDeleted = false;\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n    if (this.accessibleRole !== \"button\") {\n      this.shadowRoot?.firstElementChild?.removeAttribute(\"aria-pressed\");\n    }\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  setSelected(): void {\n    this.selected = !this.selected;\n  }\n\n  iconClickHandler(e: Event): void {\n    e.stopPropagation();\n    this.fireDecoratorEvent(\"iconClick\");\n  }\n\n  tagClickHandler(): void {\n    if (this.isInteractiveTag) {\n      this.setSelected();\n      this.fireDecoratorEvent(\"selectionChange\");\n    }\n  }\n\n  tagKeyDown(e: KeyboardEvent): void {\n    if (isEnter(e)) {\n      this.tagClickHandler();\n    }\n  }\n\n  _handleResize() {\n    if (this.isTruncatable) {\n      this.title = this.text;\n    } else {\n      this.removeAttribute(\"title\");\n    }\n  }\n\n  _focusin(): void {\n    this.focused = true;\n  }\n\n  _focusout(): void {\n    this.focused = !this.focused;\n  }\n\n  get tagClasses(): string {\n    const hasIconClass = this.hasIcon ? \"udex-tag--has-icon\" : \"\";\n    const readOnlyClass = this.readOnly ? \"udex-tag--readonly\" : \"\";\n    const nonSelectableClass = this.nonSelectable && !this.href ? \"udex-tag--nonselectable\" : \"\";\n    const linkTagClass = this.href ? \"udex-tag--link\" : \"\";\n    const selectableClass = this.selected ? \"udex-tag--selected\" : \"\";\n    const designClass = `udex-tag-${this.design?.toLowerCase()}`;\n    return `udex-tag udex-tag--${this.size.toLocaleLowerCase()} ${designClass} ${hasIconClass} ${readOnlyClass} ${nonSelectableClass} ${linkTagClass} ${selectableClass}`.trim();\n  }\n\n  get startIcon(): boolean {\n    return this.hasIcon && this.iconPlacement === UDExIconPlacement.Start;\n  }\n\n  get endIcon(): boolean {\n    return this.hasIcon && this.iconPlacement === UDExIconPlacement.End;\n  }\n\n  get _tabIndex(): number {\n    if (this.overflows || this.nonSelectable) {\n      return -1;\n    }\n    return 0;\n  }\n\n  get textDom(): HTMLElement {\n    return this.getDomRef()!.querySelector(\".udex-tag__text\")!;\n  }\n\n  get isTruncatable(): boolean {\n    if (!this.textDom) {\n      return false;\n    }\n\n    return Math.ceil(this.textDom.getBoundingClientRect().width) < Math.ceil(this.textDom.scrollWidth);\n  }\n\n  get isInteractiveTag(): boolean {\n    return !this.readOnly && !this.toBeDeleted && !this.nonSelectable;\n  }\n\n  get hasIcon(): boolean {\n    return !!this.icon && !this.readOnly;\n  }\n\n  get iconAccessibleName(): string {\n    return this.accessibleName || this.text;\n  }\n\n  tagLinkClickHandler(e: Event): void {\n    this.fireDecoratorEvent(\"tagLinkClick\", { originalEvent: e });\n  }\n}\n\nUDExTag.define();\n\nexport default UDExTag;\nexport type { UDExTagLinkClickEventDetail };\n"]}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../src/Tag.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.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/renderer/JsxRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport UDExIconPlacement from \"./types/IconPlacement.js\";\n\nimport TagTemplate from \"./TagTemplate.js\";\n\n// Styles\nimport TagCss from \"./generated/themes/Tag.css.js\";\n\nexport enum UDExTagType {\n    Text = \"Text\",\n    White = \"White\",\n    Outlined = \"Outlined\",\n    Grey = \"Grey\"\n}\n\nexport enum UDExTagSize {\n  Small = \"Small\",\n  Medium = \"Medium\"\n}\n\ntype UDExTagLinkClickEventDetail = {\n  originalEvent: Event,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-tag</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Tag.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-tag\n * @public\n */\n@customElement({\n  tag: \"udex-tag\",\n  renderer: jsxRenderer,\n  styles: TagCss,\n  template: TagTemplate,\n  dependencies: [Icon],\n})\n\n/**\n * Emitted when tag was clicked\n *\n * @public\n */\n@event(\"selectionChange\", { bubbles: true })\n\n/**\n * Emitted when icon in tag was clicked\n *\n * @public\n */\n@event(\"iconClick\", { bubbles: true })\n/**\n * Emitted when tag link was clicked\n *\n * @public\n * @param {Event} originalEvent the original event object\n */\n@event(\"tagLinkClick\", { cancelable: true, bubbles: true })\nclass UDExTag extends UI5Element {\n  eventDetails!: {\n    \"selectionChange\": void,\n    \"iconClick\": void,\n    \"tagLinkClick\": UDExTagLinkClickEventDetail,\n  };\n  /**\n   * Defines the text of the tag\n  *\n  * @default \"\"\n  * @public\n  */\n  @property()\n    text: string = \"\";\n  /**\n   * Defines the href for behavior of the tag as a link\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    href!: string;\n  /**\n   * Defines the design type of tag\n  *\n  * @default \"Grey\"\n  * @public\n  */\n  @property()\n    design: `${UDExTagType}` = UDExTagType.Grey;\n\n  /**\n   * Defines the size of the component.\n   *\n   * @default \"Small\"\n   * @public\n   */\n  @property()\n    size: `${UDExTagSize}` = UDExTagSize.Small;\n\n  /**\n   * Defines icon name\n  *\n  * @default \"\"\n  * @public\n  */\n  @property()\n    icon!: string;\n\n  /**\n   * Defines icon placement if icon was provided\n  *\n  * @default \"End\"\n  * @public\n  */\n  @property()\n    iconPlacement : `${UDExIconPlacement}` = UDExIconPlacement.End;\n\n  /**\n   * Defines if tag is in readnly state\n  *\n  * @default false\n  * @public\n  */\n  @property({ type: Boolean })\n    readOnly!: boolean;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Defines the role attribute of component\n  *\n  * @default \"button\"\n  * @public\n  */\n  @property()\n    accessibleRole: string = \"\";\n\n  /**\n   * Defines if tag is selected\n  *\n  * @default false\n  * @public\n  */\n  @property({ type: Boolean })\n    selected!: boolean;\n\n  /**\n   * Defines whether the component is focused or not.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    focused!: boolean;\n\n  /**\n   * Defines whether the token is being deleted\n   * This flag is used in the udex-select-box\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    toBeDeleted!: boolean;\n\n  /**\n   * Set by the tokenizer when a token is in the \"more\" area (overflowing)\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    overflows!: boolean;\n\n  @property({ type: Boolean })\n    singleToken!: boolean;\n\n  /**\n  * Toggle on/off nonSelectable property on tag\n  * @default true\n  * @private\n  */\n  @property({ type: Boolean })\n    nonSelectable!: boolean;\n\n  _handleResizeBound: ResizeObserverCallback;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onBeforeRendering(): void {\n    this.toBeDeleted = false;\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n    if (this.accessibleRole !== \"button\") {\n      this.shadowRoot?.firstElementChild?.removeAttribute(\"aria-pressed\");\n    }\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  setSelected(): void {\n    this.selected = !this.selected;\n  }\n\n  iconClickHandler(e: Event): void {\n    e.stopPropagation();\n    this.fireDecoratorEvent(\"iconClick\");\n  }\n\n  tagClickHandler(): void {\n    if (this.isInteractiveTag) {\n      this.setSelected();\n      this.fireDecoratorEvent(\"selectionChange\");\n    }\n  }\n\n  tagKeyDown(e: KeyboardEvent): void {\n    if (isEnter(e)) {\n      this.tagClickHandler();\n    }\n  }\n\n  _handleResize() {\n    if (this.isTruncatable) {\n      this.title = this.text;\n    } else {\n      this.removeAttribute(\"title\");\n    }\n  }\n\n  _focusin(): void {\n    this.focused = true;\n  }\n\n  _focusout(): void {\n    this.focused = !this.focused;\n  }\n\n  get tagClasses(): string {\n    const hasIconClass = this.hasIcon ? \"udex-tag--has-icon\" : \"\";\n    const readOnlyClass = this.readOnly ? \"udex-tag--readonly\" : \"\";\n    const nonSelectableClass = this.nonSelectable && !this.href ? \"udex-tag--nonselectable\" : \"\";\n    const linkTagClass = this.href ? \"udex-tag--link\" : \"\";\n    const selectableClass = this.selected ? \"udex-tag--selected\" : \"\";\n    const designClass = `udex-tag-${this.design?.toLowerCase()}`;\n    return `udex-tag udex-tag--${this.size.toLocaleLowerCase()} ${designClass} ${hasIconClass} ${readOnlyClass} ${nonSelectableClass} ${linkTagClass} ${selectableClass}`.trim();\n  }\n\n  get startIcon(): boolean {\n    return this.hasIcon && this.iconPlacement === UDExIconPlacement.Start;\n  }\n\n  get endIcon(): boolean {\n    return this.hasIcon && this.iconPlacement === UDExIconPlacement.End;\n  }\n\n  get _tabIndex(): number {\n    if (this.overflows || this.nonSelectable) {\n      return -1;\n    }\n    return 0;\n  }\n\n  get textDom(): HTMLElement {\n    return this.getDomRef()!.querySelector(\".udex-tag__text\")!;\n  }\n\n  get isTruncatable(): boolean {\n    if (!this.textDom) {\n      return false;\n    }\n\n    return Math.ceil(this.textDom.getBoundingClientRect().width) < Math.ceil(this.textDom.scrollWidth);\n  }\n\n  get isInteractiveTag(): boolean {\n    return !this.readOnly && !this.toBeDeleted && !this.nonSelectable;\n  }\n\n  get hasIcon(): boolean {\n    return !!this.icon && !this.readOnly;\n  }\n\n  get iconAccessibleName(): string {\n    return this.accessibleName || this.text;\n  }\n\n  tagLinkClickHandler(e: Event): void {\n    this.fireDecoratorEvent(\"tagLinkClick\", { originalEvent: e });\n  }\n}\n\nUDExTag.define();\n\nexport default UDExTag;\nexport type { UDExTagLinkClickEventDetail };\n"]}

package/dist/TextArea.js

@@ -12,7 +12,8 @@ import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import { READ_ONLY, TEXTAREA_CHARACTERS_LEFT, TEXT_FIELD, VALUE_STATE_TYPE_ERROR, VALUE_STATE_TYPE_STANDARD, VALUE_STATE_TYPE_SUCCESS, VALUE_STATE_TYPE_WARNING, } from "./generated/i18n/i18n-defaults.js";
+import { READ_ONLY, TEXTAREA_CHARACTERS_LEFT, TEXT_FIELD, VALUE_STATE_TYPE_ERROR, VALUE_STATE_TYPE_SUCCESS, VALUE_STATE_TYPE_WARNING, } from "./generated/i18n/i18n-defaults.js";
+import translate from "./utils/translate.js";
 import "@ui5/webcomponents/dist/Icon.js";
 import "@ui5/webcomponents-icons/dist/accept.js";
 import "@ui5/webcomponents-icons/dist/error.js";
@@ -168,10 +169,10 @@ let UDExTextArea = UDExTextArea_1 = class UDExTextArea extends UI5Element {
     }
     get valueStateTypeMappings() {
         return {
-            [UDExValueState.Success]: UDExTextArea_1.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),
-            [UDExValueState.Standard]: UDExTextArea_1.i18nBundle.getText(VALUE_STATE_TYPE_STANDARD),
-            [UDExValueState.Error]: UDExTextArea_1.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),
-            [UDExValueState.Warning]: UDExTextArea_1.i18nBundle.getText(VALUE_STATE_TYPE_WARNING),
+            [UDExValueState.Success]: translate(UDExTextArea_1, VALUE_STATE_TYPE_SUCCESS),
+            [UDExValueState.Standard]: "",
+            [UDExValueState.Error]: translate(UDExTextArea_1, VALUE_STATE_TYPE_ERROR),
+            [UDExValueState.Warning]: translate(UDExTextArea_1, VALUE_STATE_TYPE_WARNING),
         };
     }
     get ariaValueStateHiddenText() {
@@ -184,7 +185,7 @@ let UDExTextArea = UDExTextArea_1 = class UDExTextArea extends UI5Element {
         return `${this.valueStateTypeMappings[this.valueState]}`;
     }
     get readOnlyText() {
-        return UDExTextArea_1.i18nBundle.getText(READ_ONLY);
+        return translate(UDExTextArea_1, READ_ONLY);
     }
     get ariaDescribedBy() {
         const valueStateTextDescId = this.hasValueState ? `${this._id}-valueStateDesc` : "";
@@ -203,12 +204,12 @@ let UDExTextArea = UDExTextArea_1 = class UDExTextArea extends UI5Element {
         if (maxLength !== null && maxLength !== undefined) {
             const leftCharactersCount = maxLength - this.value.length;
             if (leftCharactersCount >= 0) {
-                return UDExTextArea_1.i18nBundle.getText(TEXTAREA_CHARACTERS_LEFT, leftCharactersCount);
+                return translate(UDExTextArea_1, TEXTAREA_CHARACTERS_LEFT, leftCharactersCount);
             }
         }
     }
     get textHiddenLabel() {
-        return UDExTextArea_1.i18nBundle.getText(TEXT_FIELD);
+        return translate(UDExTextArea_1, TEXT_FIELD);
     }
 };
 __decorate([

package/dist/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../src/TextArea.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  READ_ONLY,\n  TEXTAREA_CHARACTERS_LEFT,\n  TEXT_FIELD,\n  VALUE_STATE_TYPE_ERROR,\n  VALUE_STATE_TYPE_STANDARD,\n  VALUE_STATE_TYPE_SUCCESS,\n  VALUE_STATE_TYPE_WARNING,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/accept.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\n\nimport UDExStatusMessage from \"./StatusMessage.js\";\nimport UDExValueState from \"./types/common.js\";\nimport TextAreaTemplate from \"./TextAreaTemplate.js\";\n\n// Styles\nimport TextAreaCss from \"./generated/themes/TextArea.css.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-text-area\n * @public\n */\n@customElement({\n  tag: \"udex-textarea\",\n  renderer: jsxRenderer,\n  styles: [TextAreaCss, getEffectiveScrollbarStyle()],\n  template: TextAreaTemplate,\n  dependencies: [UDExStatusMessage],\n})\n\n/**\n * Fires when the value of the textarea changes and the textarea loses focus.\n * @public\n */\n@event(\"change\", { bubbles: true })\n\nclass UDExTextArea extends UI5Element {\n  eventDetails!: {\n    \"change\": void,\n  };\n\n  _labelActiveClassName = \"udex-textarea__label--active\";\n\n  /**\n   * Defines label text for the textarea field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    label: string = \"\";\n\n  /**\n   * Defines the value of the component.\n   * <br><br>\n   * <b>Note:</b> The property is updated upon typing.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    value: string = \"\";\n\n  /**\n   * Defines the number of visible text lines for the component.\n   * <br><br>\n   * <b>Notes:</b>\n   * <ul>\n   * <li>If the <code>growing</code> property is enabled, this property defines the minimum rows to be displayed\n   * in the textarea.</li>\n   * <li>The CSS <code>height</code> property wins over the <code>rows</code> property, if both are set.</li>\n   * </ul>\n   *\n   * @public\n   */\n  @property({ type: Number })\n    rows!: number;\n\n  /**\n   * Enables the component to automatically grow and shrink dynamically with its content.\n   * <br><br>\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    growing!: boolean;\n\n  /**\n   * Defines the maximum number of lines that the component can grow.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: Number })\n    growingMaxLines: number = 0;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    supportingText: string = \"\";\n\n  /**\n   * Sets the maximum number of characters available in the textarea.\n   *\n   * @public\n   */\n  @property({ type: Number })\n    maxlength?: number;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property()\n    valueState: UDExValueState = UDExValueState.Standard;\n\n  /**\n   * Defines whether the component is required.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    required!: boolean;\n\n  /**\n   * Defines whether the component is in disabled state.\n   * <br><br>\n   * <b>Note:</b> A disabled component is completely noninteractive.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines whether the component is read-only.\n   * <br><br>\n   * <b>Note:</b> A read-only component is not editable,\n   * but still provides visual feedback upon user interaction.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is display-only.\n   * <br><br>\n   * <b>Note:</b> A display-only component is not editable,\n   * but still provides visual feedback upon user interaction, input border is not visible.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Defines the inner stored value of the readonly attribute of the input.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isInputReadonly!: boolean;\n\n  /**\n   * Defines the inner stored value of the classes of the label.\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    labelClasses: string = \"\";\n\n  /**\n   * Defines the inner stored class of the label.\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    labelActiveClass: string = \"\";\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Receives id (or many ids) of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleNameRef: string = \"\";\n\n  /**\n   * Defines the active (focus)\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n  /**\n   * Defines is it the touch of the textarea (only for mobile devices).\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _isTouched!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  onBeforeRendering() {\n    if (this.value && this.labelActiveClass === \"\") {\n      this.labelActiveClass = this._labelActiveClassName;\n    }\n\n    this.isInputReadonly = this.readonly || this.displayonly;\n\n    this.labelClasses = `udex-textarea__label ${this.labelActiveClass}`;\n  }\n\n  onAfterRendering() {\n    this.handleGrowing();\n  }\n\n  handleInput = (inputEvent: InputEvent) => {\n    this.value = (inputEvent.target as HTMLInputElement)?.value;\n  };\n\n  handleChange = () => {\n    this.fireDecoratorEvent(\"change\");\n  };\n\n  handleGrowing = () => {\n    if (this.growing) {\n      const nativeTextArea = this.getInputDomRef();\n\n      if (!this.rows) {\n        this.rows = 1;\n      }\n      nativeTextArea.style.height = \"auto\";\n      // 2px - to avoid an unnecessary scrollbar, the border needs to be taken into account\n      nativeTextArea.style.height = `${nativeTextArea.scrollHeight + 2}px`;\n\n      if (this.growingMaxLines) {\n        const style = getComputedStyle(nativeTextArea);\n\n        const lineHeight = parseInt(style.lineHeight);\n        const paddingTop = parseInt(style.paddingTop);\n        const paddingBottom = parseInt(style.paddingBottom);\n\n        const heightRatio = this.growingMaxLines > this.rows ? this.growingMaxLines : this.rows;\n\n        const growingMaxHeight = lineHeight * heightRatio + paddingTop + paddingBottom;\n\n        // 2px - to avoid an unnecessary scrollbar, the border needs to be taken into account\n        nativeTextArea.style.maxHeight = `${growingMaxHeight + 2}px`;\n      }\n    }\n  };\n\n  handleFocus = () => {\n    if (!this.disabled && !this.readonly && !this.displayonly) {\n      this.active = true;\n      this.labelActiveClass = this._labelActiveClassName;\n    }\n  };\n\n  handleClick(): void {\n    if (!isDesktop()) {\n      this._isTouched = true;\n    }\n  }\n\n  handleBlur = () => {\n    this._isTouched = false;\n    if (this.value) {\n      this.labelActiveClass = this._labelActiveClassName;\n    } else {\n      this.labelActiveClass = \"\";\n    }\n    this.active = false;\n  };\n\n  getInputDomRef(): HTMLTextAreaElement {\n    return this.getDomRef()!.querySelector<HTMLTextAreaElement>(\"textarea\")!;\n  }\n\n  get _ariaInvalid(): boolean {\n    return this.valueState === UDExValueState.Error;\n  }\n\n  get hasValueState(): boolean {\n    return this.valueState === UDExValueState.Error || this.valueState === UDExValueState.Warning || this.valueState === UDExValueState.Success;\n  }\n\n  get valueStateTypeMappings(): Record<UDExValueState, string> {\n    return {\n      [UDExValueState.Success]: UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),\n      [UDExValueState.Standard]: UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_STANDARD),\n      [UDExValueState.Error]: UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),\n      [UDExValueState.Warning]: UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_WARNING),\n    };\n  }\n\n  get ariaValueStateHiddenText(): string | undefined {\n    if (!this.hasValueState) {\n      return;\n    }\n\n    if (this.valueState === UDExValueState.Standard) {\n      return;\n    }\n\n    return `${this.valueStateTypeMappings[this.valueState]}`;\n  }\n\n  get readOnlyText(): string {\n    return UDExTextArea.i18nBundle.getText(READ_ONLY);\n  }\n\n  get ariaDescribedBy(): string | undefined {\n    const valueStateTextDescId = this.hasValueState ? `${this._id}-valueStateDesc` : \"\";\n    const readonlyTextDescId = this.readonly ? `${this._id}-readonlyDesc` : \"\";\n    const supportingTextDescId = this._supportingText ? `${this._id}-supportingTextDesc` : \"\";\n    if (!valueStateTextDescId && !supportingTextDescId && !readonlyTextDescId) {\n      return;\n    }\n    return `${valueStateTextDescId} ${supportingTextDescId} ${readonlyTextDescId}`;\n  }\n\n  get _supportingText(): string | undefined {\n    if (this.supportingText.length) {\n      return this.supportingText;\n    }\n\n    const maxLength = this.maxlength;\n\n    if (maxLength !== null && maxLength !== undefined) {\n      const leftCharactersCount = maxLength - this.value.length;\n\n      if (leftCharactersCount >= 0) {\n        return UDExTextArea.i18nBundle.getText(TEXTAREA_CHARACTERS_LEFT, leftCharactersCount);\n      }\n    }\n  }\n\n  get textHiddenLabel(): string {\n    return UDExTextArea.i18nBundle.getText(TEXT_FIELD);\n  }\n}\n\nUDExTextArea.define();\n\nexport default UDExTextArea;\n"]}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../src/TextArea.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  READ_ONLY,\n  TEXTAREA_CHARACTERS_LEFT,\n  TEXT_FIELD,\n  VALUE_STATE_TYPE_ERROR,\n  VALUE_STATE_TYPE_SUCCESS,\n  VALUE_STATE_TYPE_WARNING,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\n\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/accept.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\n\nimport UDExStatusMessage from \"./StatusMessage.js\";\nimport UDExValueState from \"./types/common.js\";\nimport TextAreaTemplate from \"./TextAreaTemplate.js\";\n\n// Styles\nimport TextAreaCss from \"./generated/themes/TextArea.css.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-text-area\n * @public\n */\n@customElement({\n  tag: \"udex-textarea\",\n  renderer: jsxRenderer,\n  styles: [TextAreaCss, getEffectiveScrollbarStyle()],\n  template: TextAreaTemplate,\n  dependencies: [UDExStatusMessage],\n})\n\n/**\n * Fires when the value of the textarea changes and the textarea loses focus.\n * @public\n */\n@event(\"change\", { bubbles: true })\n\nclass UDExTextArea extends UI5Element {\n  eventDetails!: {\n    \"change\": void,\n  };\n\n  _labelActiveClassName = \"udex-textarea__label--active\";\n\n  /**\n   * Defines label text for the textarea field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    label: string = \"\";\n\n  /**\n   * Defines the value of the component.\n   * <br><br>\n   * <b>Note:</b> The property is updated upon typing.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    value: string = \"\";\n\n  /**\n   * Defines the number of visible text lines for the component.\n   * <br><br>\n   * <b>Notes:</b>\n   * <ul>\n   * <li>If the <code>growing</code> property is enabled, this property defines the minimum rows to be displayed\n   * in the textarea.</li>\n   * <li>The CSS <code>height</code> property wins over the <code>rows</code> property, if both are set.</li>\n   * </ul>\n   *\n   * @public\n   */\n  @property({ type: Number })\n    rows!: number;\n\n  /**\n   * Enables the component to automatically grow and shrink dynamically with its content.\n   * <br><br>\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    growing!: boolean;\n\n  /**\n   * Defines the maximum number of lines that the component can grow.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: Number })\n    growingMaxLines: number = 0;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    supportingText: string = \"\";\n\n  /**\n   * Sets the maximum number of characters available in the textarea.\n   *\n   * @public\n   */\n  @property({ type: Number })\n    maxlength?: number;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property()\n    valueState: UDExValueState = UDExValueState.Standard;\n\n  /**\n   * Defines whether the component is required.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    required!: boolean;\n\n  /**\n   * Defines whether the component is in disabled state.\n   * <br><br>\n   * <b>Note:</b> A disabled component is completely noninteractive.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines whether the component is read-only.\n   * <br><br>\n   * <b>Note:</b> A read-only component is not editable,\n   * but still provides visual feedback upon user interaction.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is display-only.\n   * <br><br>\n   * <b>Note:</b> A display-only component is not editable,\n   * but still provides visual feedback upon user interaction, input border is not visible.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Defines the inner stored value of the readonly attribute of the input.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isInputReadonly!: boolean;\n\n  /**\n   * Defines the inner stored value of the classes of the label.\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    labelClasses: string = \"\";\n\n  /**\n   * Defines the inner stored class of the label.\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    labelActiveClass: string = \"\";\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Receives id (or many ids) of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleNameRef: string = \"\";\n\n  /**\n   * Defines the active (focus)\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n  /**\n   * Defines is it the touch of the textarea (only for mobile devices).\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _isTouched!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  onBeforeRendering() {\n    if (this.value && this.labelActiveClass === \"\") {\n      this.labelActiveClass = this._labelActiveClassName;\n    }\n\n    this.isInputReadonly = this.readonly || this.displayonly;\n\n    this.labelClasses = `udex-textarea__label ${this.labelActiveClass}`;\n  }\n\n  onAfterRendering() {\n    this.handleGrowing();\n  }\n\n  handleInput = (inputEvent: InputEvent) => {\n    this.value = (inputEvent.target as HTMLInputElement)?.value;\n  };\n\n  handleChange = () => {\n    this.fireDecoratorEvent(\"change\");\n  };\n\n  handleGrowing = () => {\n    if (this.growing) {\n      const nativeTextArea = this.getInputDomRef();\n\n      if (!this.rows) {\n        this.rows = 1;\n      }\n      nativeTextArea.style.height = \"auto\";\n      // 2px - to avoid an unnecessary scrollbar, the border needs to be taken into account\n      nativeTextArea.style.height = `${nativeTextArea.scrollHeight + 2}px`;\n\n      if (this.growingMaxLines) {\n        const style = getComputedStyle(nativeTextArea);\n\n        const lineHeight = parseInt(style.lineHeight);\n        const paddingTop = parseInt(style.paddingTop);\n        const paddingBottom = parseInt(style.paddingBottom);\n\n        const heightRatio = this.growingMaxLines > this.rows ? this.growingMaxLines : this.rows;\n\n        const growingMaxHeight = lineHeight * heightRatio + paddingTop + paddingBottom;\n\n        // 2px - to avoid an unnecessary scrollbar, the border needs to be taken into account\n        nativeTextArea.style.maxHeight = `${growingMaxHeight + 2}px`;\n      }\n    }\n  };\n\n  handleFocus = () => {\n    if (!this.disabled && !this.readonly && !this.displayonly) {\n      this.active = true;\n      this.labelActiveClass = this._labelActiveClassName;\n    }\n  };\n\n  handleClick(): void {\n    if (!isDesktop()) {\n      this._isTouched = true;\n    }\n  }\n\n  handleBlur = () => {\n    this._isTouched = false;\n    if (this.value) {\n      this.labelActiveClass = this._labelActiveClassName;\n    } else {\n      this.labelActiveClass = \"\";\n    }\n    this.active = false;\n  };\n\n  getInputDomRef(): HTMLTextAreaElement {\n    return this.getDomRef()!.querySelector<HTMLTextAreaElement>(\"textarea\")!;\n  }\n\n  get _ariaInvalid(): boolean {\n    return this.valueState === UDExValueState.Error;\n  }\n\n  get hasValueState(): boolean {\n    return this.valueState === UDExValueState.Error || this.valueState === UDExValueState.Warning || this.valueState === UDExValueState.Success;\n  }\n\n  get valueStateTypeMappings(): Record<UDExValueState, string> {\n    return {\n      [UDExValueState.Success]: translate(UDExTextArea, VALUE_STATE_TYPE_SUCCESS),\n      [UDExValueState.Standard]: \"\",\n      [UDExValueState.Error]: translate(UDExTextArea, VALUE_STATE_TYPE_ERROR),\n      [UDExValueState.Warning]: translate(UDExTextArea, VALUE_STATE_TYPE_WARNING),\n    };\n  }\n\n  get ariaValueStateHiddenText(): string | undefined {\n    if (!this.hasValueState) {\n      return;\n    }\n\n    if (this.valueState === UDExValueState.Standard) {\n      return;\n    }\n\n    return `${this.valueStateTypeMappings[this.valueState]}`;\n  }\n\n  get readOnlyText(): string {\n    return translate(UDExTextArea, READ_ONLY);\n  }\n\n  get ariaDescribedBy(): string | undefined {\n    const valueStateTextDescId = this.hasValueState ? `${this._id}-valueStateDesc` : \"\";\n    const readonlyTextDescId = this.readonly ? `${this._id}-readonlyDesc` : \"\";\n    const supportingTextDescId = this._supportingText ? `${this._id}-supportingTextDesc` : \"\";\n    if (!valueStateTextDescId && !supportingTextDescId && !readonlyTextDescId) {\n      return;\n    }\n    return `${valueStateTextDescId} ${supportingTextDescId} ${readonlyTextDescId}`;\n  }\n\n  get _supportingText(): string | undefined {\n    if (this.supportingText.length) {\n      return this.supportingText;\n    }\n\n    const maxLength = this.maxlength;\n\n    if (maxLength !== null && maxLength !== undefined) {\n      const leftCharactersCount = maxLength - this.value.length;\n\n      if (leftCharactersCount >= 0) {\n        return translate(UDExTextArea, TEXTAREA_CHARACTERS_LEFT, leftCharactersCount);\n      }\n    }\n  }\n\n  get textHiddenLabel(): string {\n    return translate(UDExTextArea, TEXT_FIELD);\n  }\n}\n\nUDExTextArea.define();\n\nexport default UDExTextArea;\n"]}

package/dist/TextField.js

@@ -14,11 +14,12 @@ import Icon from "@ui5/webcomponents/dist/Icon.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { getAllAccessibleNameRefTexts } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js";
-import { VALUE_STATE_SUCCESS, VALUE_STATE_INFORMATION, VALUE_STATE_WARNING, VALUE_STATE_ERROR, READ_ONLY, } from "./generated/i18n/i18n-defaults.js";
+import { VALUE_STATE_SUCCESS, VALUE_STATE_WARNING, VALUE_STATE_ERROR, READ_ONLY, } from "./generated/i18n/i18n-defaults.js";
 import UDExControlButton from "./ControlButton.js";
 import UDExValueState, { valueStateToControlButtonDesign } from "./types/common.js";
 import UDExStatusMessage from "./StatusMessage.js";
 import TextFieldTemplate from "./TextFieldTemplate.js";
+import translate from "./utils/translate.js";
 // Styles
 import TextFieldCss from "./generated/themes/TextField.css.js";
 /**
@@ -162,10 +163,10 @@ let UDExTextField = UDExTextField_1 = class UDExTextField extends UI5Element {
     }
     get valueStateTypeMappings() {
         return {
-            "Success": UDExTextField_1.i18nBundle.getText(VALUE_STATE_SUCCESS),
-            "Standard": UDExTextField_1.i18nBundle.getText(VALUE_STATE_INFORMATION),
-            "Error": UDExTextField_1.i18nBundle.getText(VALUE_STATE_ERROR),
-            "Warning": UDExTextField_1.i18nBundle.getText(VALUE_STATE_WARNING),
+            "Success": translate(UDExTextField_1, VALUE_STATE_SUCCESS),
+            "Standard": "",
+            "Error": translate(UDExTextField_1, VALUE_STATE_ERROR),
+            "Warning": translate(UDExTextField_1, VALUE_STATE_WARNING),
         };
     }
     get hasValueState() {
@@ -175,7 +176,7 @@ let UDExTextField = UDExTextField_1 = class UDExTextField extends UI5Element {
         return this.valueState !== UDExValueState.Standard ? this.valueStateTypeMappings[this.valueState] : "";
     }
     get readOnlyStateText() {
-        return UDExTextField_1.i18nBundle.getText(READ_ONLY);
+        return translate(UDExTextField_1, READ_ONLY);
     }
     get ariaDescribedById() {
         return `${this.supportingTextId} ${this.valueStateTextId} ${this.readOnlyStateTextId}`.trim();