@sapudex/web-components 0.199.3 → 0.225.0

package/dist/TableGroupRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableGroupRow.js","sourceRoot":"","sources":["../src/TableGroupRow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,OAAO,MAAM,+CAA+C,CAAC;AACpE,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAChE,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,OAAO,qBAAqB,MAAM,oDAAoD,CAAC;AAEvF,SAAS;AACT,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAEvE;;;;;;;;;;;;;;;;GAgBG;AASH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QA4CE;;;;WAIG;QAED,YAAO,GAAa,IAAI,CAAC;IAsC7B,CAAC;IApCC,gBAAgB;QACd,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACtC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACtB;IACH,CAAC;IAED,UAAU;QACR,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC;IAED,cAAc;QACZ,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;SAC9B;IACH,CAAC;IAED,eAAe,CAAC,CAAgB;QAC9B,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;YACf,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,sBAAsB,CAAgB,CAAC;YAClF,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,GAAG,CAAC,KAAK,EAAE,CAAC;SACb;IACH,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAC/B,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC;QACrB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AAhFG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDACJ;AAStB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACL;AAQpB;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+CAChB;AAS3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACP;AAQnB;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;iDACf;AAQhB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACD;AAlDvB,iBAAiB;IARtB,aAAa,CAAC;QACb,GAAG,EAAE,sBAAsB;QAC3B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,qBAAqB;QAC/B,YAAY,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC;KACtC,CAAC;GAEI,iBAAiB,CAwFtB;AAED,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAE3B,eAAe,iBAAiB,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 Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEscape } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExTableRow from \"./TableRow.js\";\n\nimport TableGroupRowTemplate from \"./generated/templates/TableGroupRowTemplate.lit.js\";\n\n// Styles\nimport TableGroupRowCss from \"./generated/themes/TableGroupRow.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-group-row</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/TableGroupRow.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-table-group-row\",\n  renderer: litRender,\n  styles: TableGroupRowCss,\n  template: TableGroupRowTemplate,\n  dependencies: [UDExTableRow, UI5Icon],\n})\n\nclass UDExTableGroupRow extends UI5Element {\n  /**\n   * Defines collapsible type the group row.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    collapsible?: boolean;\n\n  /**\n   * Defines the title of the group row.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    groupTitle!: string;\n\n  /**\n   * Defines the rows of the group row.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    rows!: Array<UDExTableRow>;\n\n  /**\n   * Defines if the row is expanded\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    expanded?: boolean;\n\n  /**\n   * Defines the index of the component.\n   *\n   * @private\n   */\n  @property({ validator: Integer })\n    _index!: number;\n\n  /**\n   * Defines if the collapsible row is open.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isOpen?: boolean = true;\n\n  onAfterRendering() {\n    this.setIndexToRows();\n\n    if (this.collapsible && !this.expanded) {\n      this._isOpen = false;\n    }\n  }\n\n  onEnterDOM() {\n    this.setAttribute(\"role\", \"rowgroup\");\n  }\n\n  toggleExpanded(): void {\n    if (this.collapsible) {\n      this.expanded = !this.expanded;\n      this._isOpen = !this._isOpen;\n    }\n  }\n\n  handleEscapeKey(e: KeyboardEvent) {\n    if (isEscape(e)) {\n      const btn = this.shadowRoot?.querySelector(\".udex-table-grow-btn\") as HTMLElement;\n      this.toggleExpanded();\n      btn.focus();\n    }\n  }\n\n  setIndexToRows(): void {\n    this.rows.forEach((row, index) => {\n      row._index = index;\n    });\n  }\n\n  get isGroup() {\n    return true;\n  }\n}\n\nUDExTableGroupRow.define();\n\nexport default UDExTableGroupRow;\n"]}
+{"version":3,"file":"TableGroupRow.js","sourceRoot":"","sources":["../src/TableGroupRow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,OAAO,MAAM,+CAA+C,CAAC;AACpE,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAChE,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,OAAO,qBAAqB,MAAM,oDAAoD,CAAC;AAEvF,SAAS;AACT,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAEvE;;;;;;;;;;;;;;;;GAgBG;AASH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QA4CE;;;;WAIG;QAED,YAAO,GAAa,IAAI,CAAC;IAsC7B,CAAC;IApCC,gBAAgB;QACd,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACtC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACtB;IACH,CAAC;IAED,UAAU;QACR,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC;IAED,cAAc;QACZ,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;SAC9B;IACH,CAAC;IAED,eAAe,CAAC,CAAgB;QAC9B,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;YACf,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,sBAAsB,CAAgB,CAAC;YAClF,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,GAAG,CAAC,KAAK,EAAE,CAAC;SACb;IACH,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAC/B,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC;QACrB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AAhFG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDACJ;AAStB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACL;AAQpB;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+CAChB;AAS3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACP;AAQnB;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;iDACf;AAQhB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACD;AAlDvB,iBAAiB;IARtB,aAAa,CAAC;QACb,GAAG,EAAE,sBAAsB;QAC3B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,qBAAqB;QAC/B,YAAY,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC;KACtC,CAAC;GAEI,iBAAiB,CAwFtB;AAED,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAE3B,eAAe,iBAAiB,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 Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEscape } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExTableRow from \"./TableRow.js\";\n\nimport TableGroupRowTemplate from \"./generated/templates/TableGroupRowTemplate.lit.js\";\n\n// Styles\nimport TableGroupRowCss from \"./generated/themes/TableGroupRow.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-group-row</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/TableGroupRow.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-table-group-row\",\n  renderer: litRender,\n  styles: TableGroupRowCss,\n  template: TableGroupRowTemplate,\n  dependencies: [UDExTableRow, UI5Icon],\n})\n\nclass UDExTableGroupRow extends UI5Element {\n  /**\n   * Defines collapsible type the group row.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    collapsible?: boolean;\n\n  /**\n   * Defines the title of the group row.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    groupTitle!: string;\n\n  /**\n   * Defines the rows of the group row.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    rows!: Array<UDExTableRow>;\n\n  /**\n   * Defines if the row is expanded\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    expanded?: boolean;\n\n  /**\n   * Defines the index of the component.\n   *\n   * @private\n   */\n  @property({ validator: Integer })\n    _index!: number;\n\n  /**\n   * Defines if the collapsible row is open.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isOpen?: boolean = true;\n\n  onAfterRendering() {\n    this.setIndexToRows();\n\n    if (this.collapsible && !this.expanded) {\n      this._isOpen = false;\n    }\n  }\n\n  onEnterDOM() {\n    this.setAttribute(\"role\", \"rowgroup\");\n  }\n\n  toggleExpanded(): void {\n    if (this.collapsible) {\n      this.expanded = !this.expanded;\n      this._isOpen = !this._isOpen;\n    }\n  }\n\n  handleEscapeKey(e: KeyboardEvent) {\n    if (isEscape(e)) {\n      const btn = this.shadowRoot?.querySelector(\".udex-table-grow-btn\") as HTMLElement;\n      this.toggleExpanded();\n      btn.focus();\n    }\n  }\n\n  setIndexToRows(): void {\n    this.rows.forEach((row, index) => {\n      row._index = index;\n    });\n  }\n\n  get isGroup() {\n    return true;\n  }\n}\n\nUDExTableGroupRow.define();\n\nexport default UDExTableGroupRow;\n"]}

package/dist/TableHeaderCell.d.ts

@@ -10,7 +10,7 @@ import UDExTableCellBase from "./TableCellBase.js";
  * For the <code>udex-table-header-cell</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/TableHeaderCell.js";</code>
+ * <code>import "@sapudex/web-components/dist/TableHeaderCell.js";</code>
  *
  * @constructor
  * @extends UDExTableCellBase

package/dist/TableHeaderCell.js

@@ -22,7 +22,7 @@ import TableHeaderCellCss from "./generated/themes/TableHeaderCell.css.js";
  * For the <code>udex-table-header-cell</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/TableHeaderCell.js";</code>
+ * <code>import "@sapudex/web-components/dist/TableHeaderCell.js";</code>
  *
  * @constructor
  * @extends UDExTableCellBase

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;;QA4BY,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,YAAY,EAAE,EAAE,EAAE,CAAC;sDACxB;AASnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;oDAC1B;AA1Bf,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 \"@udex/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, defaultValue: \"\" })\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, defaultValue: \"\" })\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,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;;QA4BY,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,YAAY,EAAE,EAAE,EAAE,CAAC;sDACxB;AASnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;oDAC1B;AA1Bf,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, defaultValue: \"\" })\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, defaultValue: \"\" })\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/TableHeaderRow.d.ts

@@ -9,7 +9,7 @@ import UDExTableRowBase from "./TableRowBase.js";
  * For the <code>udex-table-header-row</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/TableHeaderRow.js";</code>
+ * <code>import "@sapudex/web-components/dist/TableHeaderRow.js";</code>
  *
  * @constructor
  * @extends UDExTableRowBase

package/dist/TableHeaderRow.js

@@ -19,7 +19,7 @@ import TableHeaderRowTemplate from "./generated/templates/TableHeaderRowTemplate
  * For the <code>udex-table-header-row</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/TableHeaderRow.js";</code>
+ * <code>import "@sapudex/web-components/dist/TableHeaderRow.js";</code>
  *
  * @constructor
  * @extends UDExTableRowBase

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 \"@udex/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,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"]}

package/dist/TableRow.d.ts

@@ -10,7 +10,7 @@ import UDExTableRowBase from "./TableRowBase.js";
  * For the <code>udex-table-row</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/TableRow.js";</code>
+ * <code>import "@sapudex/web-components/dist/TableRow.js";</code>
  *
  * @constructor
  * @extends UDExTableRowBase

package/dist/TableRow.js

@@ -20,7 +20,7 @@ import TableRowTemplate from "./generated/templates/TableRowTemplate.lit.js";
  * For the <code>udex-table-row</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/TableRow.js";</code>
+ * <code>import "@sapudex/web-components/dist/TableRow.js";</code>
  *
  * @constructor
  * @extends UDExTableRowBase

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;AACjD,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAE7E;;;;;;;;;;;;;;;;GAgBG;AASH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,gBAAgB;IAUzC,IAAI,OAAO;QACT,OAAO,KAAK,CAAC;IACf,CAAC;CACF,CAAA;AALG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACJ;AARpB,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,CAajB;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 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 \"@udex/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  get isGroup() {\n    return false;\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,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAE7E;;;;;;;;;;;;;;;;GAgBG;AASH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,gBAAgB;IAUzC,IAAI,OAAO;QACT,OAAO,KAAK,CAAC;IACf,CAAC;CACF,CAAA;AALG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACJ;AARpB,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,CAajB;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 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  get isGroup() {\n    return false;\n  }\n}\n\nUDExTableRow.define();\n\nexport default UDExTableRow;\n"]}

package/dist/Tag.d.ts

@@ -1,4 +1,5 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import IconPlacement from "./types/IconPlacement.js";
 export declare enum TagType {
     Text = "Text",
@@ -21,7 +22,7 @@ export declare enum TagSize {
  * For the <code>udex-tag</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/Tag.js";</code>
+ * <code>import "@sapudex/web-components/dist/Tag.js";</code>
  *
  * @constructor
  * @author SAP SE
@@ -128,12 +129,16 @@ declare class UDExTag extends UI5Element {
     * @private
     */
     nonSelectable: boolean;
+    _handleResizeBound: ResizeObserverCallback;
+    constructor();
     onBeforeRendering(): void;
     onEnterDOM(): void;
+    onExitDOM(): void;
     setSelected(): void;
     iconClickHandler(e: Event): void;
     tagClickHandler(): void;
     tagKeyDown(e: KeyboardEvent): void;
+    _handleResize(): void;
     _focusin(): void;
     _focusout(): void;
     get tagClasses(): string;

package/dist/Tag.js

@@ -10,6 +10,7 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
+import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import { isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import TagTemplate from "./generated/templates/TagTemplate.lit.js";
@@ -39,7 +40,7 @@ export var TagSize;
  * For the <code>udex-tag</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/Tag.js";</code>
+ * <code>import "@sapudex/web-components/dist/Tag.js";</code>
  *
  * @constructor
  * @author SAP SE
@@ -48,6 +49,10 @@ export var TagSize;
  * @public
  */
 let UDExTag = class UDExTag extends UI5Element {
+    constructor() {
+        super();
+        this._handleResizeBound = this._handleResize.bind(this);
+    }
     onBeforeRendering() {
         this.toBeDeleted = false;
     }
@@ -58,6 +63,10 @@ let UDExTag = class UDExTag extends UI5Element {
         if (this.accessibleRole !== "button") {
             this.shadowRoot?.firstElementChild?.removeAttribute("aria-pressed");
         }
+        ResizeHandler.register(this, this._handleResizeBound);
+    }
+    onExitDOM() {
+        ResizeHandler.deregister(this, this._handleResizeBound);
     }
     setSelected() {
         this.selected = !this.selected;
@@ -77,6 +86,14 @@ let UDExTag = class UDExTag extends UI5Element {
             this.tagClickHandler();
         }
     }
+    _handleResize() {
+        if (this.isTruncatable) {
+            this.title = this.text;
+        }
+        else {
+            this.removeAttribute("title");
+        }
+    }
     _focusin() {
         this.focused = true;
     }

package/dist/Tag.js.map

@@ -1 +1 @@
-{"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.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\n\nimport TagTemplate from \"./generated/templates/TagTemplate.lit.js\";\n\n// Styles\nimport TagCss from \"./generated/themes/Tag.css\";\nimport IconPlacement from \"./types/IconPlacement.js\";\n\nexport enum TagType {\n    Text = \"Text\",\n    White = \"White\",\n    Outlined = \"Outlined\",\n    Grey = \"Grey\"\n}\n\nexport enum TagSize {\n  Small = \"Small\",\n  Medium = \"Medium\"\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 \"@udex/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: litRender,\n  styles: TagCss,\n  template: TagTemplate,\n  dependencies: [Icon],\n})\n\n/**\n * Emitted when tag was clicked\n *\n * @event sap.ui.webc.web-components.UDExTag#selectionChange\n * @public\n */\n@event(\"selectionChange\")\n\n/**\n * Emitted when icon in tag was clicked\n *\n * @event sap.ui.webc.web-components.UDExTag#iconClick\n * @public\n */\n@event(\"iconClick\")\n/**\n * Emitted when tag link was clicked\n *\n * @public\n */\n@event(\"tagLinkClick\")\nclass UDExTag extends UI5Element {\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({ type: TagType, defaultValue: TagType.Grey })\n    design?: `${TagType}`;\n\n  /**\n   * Defines the size of the component.\n   *\n   * @default \"Small\"\n   * @public\n   */\n  @property({ type: TagSize, defaultValue: TagSize.Small })\n    size!: `${TagSize}`;\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({ type: IconPlacement, defaultValue: IconPlacement.End })\n    iconPlacement? : `${IconPlacement}`;\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({ defaultValue: \"button\" })\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  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  }\n\n  setSelected(): void {\n    this.selected = !this.selected;\n  }\n\n  iconClickHandler(e: Event): void {\n    e.stopPropagation();\n    this.fireEvent(\"iconClick\");\n  }\n\n  tagClickHandler(): void {\n    if (this.isInteractiveTag) {\n      this.setSelected();\n      this.fireEvent(\"selectionChange\");\n    }\n  }\n\n  tagKeyDown(e: KeyboardEvent): void {\n    if (isEnter(e)) {\n      this.tagClickHandler();\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 === IconPlacement.Start;\n  }\n\n  get endIcon(): boolean {\n    return this.hasIcon && this.iconPlacement === IconPlacement.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.fireEvent(\"tagLinkClick\", { originalEvent: e }, true);\n  }\n}\n\nUDExTag.define();\n\nexport default UDExTag;\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.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport ResizeHandler, { ResizeObserverCallback } 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\";\n\nimport TagTemplate from \"./generated/templates/TagTemplate.lit.js\";\n\n// Styles\nimport TagCss from \"./generated/themes/Tag.css\";\nimport IconPlacement from \"./types/IconPlacement.js\";\n\nexport enum TagType {\n    Text = \"Text\",\n    White = \"White\",\n    Outlined = \"Outlined\",\n    Grey = \"Grey\"\n}\n\nexport enum TagSize {\n  Small = \"Small\",\n  Medium = \"Medium\"\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: litRender,\n  styles: TagCss,\n  template: TagTemplate,\n  dependencies: [Icon],\n})\n\n/**\n * Emitted when tag was clicked\n *\n * @event sap.ui.webc.web-components.UDExTag#selectionChange\n * @public\n */\n@event(\"selectionChange\")\n\n/**\n * Emitted when icon in tag was clicked\n *\n * @event sap.ui.webc.web-components.UDExTag#iconClick\n * @public\n */\n@event(\"iconClick\")\n/**\n * Emitted when tag link was clicked\n *\n * @public\n */\n@event(\"tagLinkClick\")\nclass UDExTag extends UI5Element {\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({ type: TagType, defaultValue: TagType.Grey })\n    design?: `${TagType}`;\n\n  /**\n   * Defines the size of the component.\n   *\n   * @default \"Small\"\n   * @public\n   */\n  @property({ type: TagSize, defaultValue: TagSize.Small })\n    size!: `${TagSize}`;\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({ type: IconPlacement, defaultValue: IconPlacement.End })\n    iconPlacement? : `${IconPlacement}`;\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({ defaultValue: \"button\" })\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.fireEvent(\"iconClick\");\n  }\n\n  tagClickHandler(): void {\n    if (this.isInteractiveTag) {\n      this.setSelected();\n      this.fireEvent(\"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 === IconPlacement.Start;\n  }\n\n  get endIcon(): boolean {\n    return this.hasIcon && this.iconPlacement === IconPlacement.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.fireEvent(\"tagLinkClick\", { originalEvent: e }, true);\n  }\n}\n\nUDExTag.define();\n\nexport default UDExTag;\n"]}

package/dist/TagGroup.d.ts

@@ -19,7 +19,7 @@ export declare enum PlacementType {
  * For the <code>udex-tag-group</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/TagGroup.js";</code>
+ * <code>import "@sapudex/web-components/dist/TagGroup.js";</code>
  *
  * @constructor
  * @extends UI5Element

package/dist/TagGroup.js

@@ -37,7 +37,7 @@ export var PlacementType;
  * For the <code>udex-tag-group</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/TagGroup.js";</code>
+ * <code>import "@sapudex/web-components/dist/TagGroup.js";</code>
  *
  * @constructor
  * @extends UI5Element

package/dist/TagGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../src/TagGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport Tokenizer from \"@ui5/webcomponents/dist/Tokenizer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport { isEnter, isSpace, isEscape } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Token from \"@ui5/webcomponents/dist/Token.js\";\nimport UDExTag from \"./Tag.js\";\nimport UDExTooltip from \"./Tooltip.js\";\n\nimport TagGroupTemplate from \"./generated/templates/TagGroupTemplate.lit.js\";\n\n// Styles\nimport TagGroupCss from \"./generated/themes/TagGroup.css\";\n\nexport enum PlacementType {\n  Left = \"Left\",\n  Right = \"Right\",\n  Top = \"Top\",\n  Bottom = \"Bottom\",\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-group</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/TagGroup.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-tag-group\",\n  renderer: litRender,\n  styles: TagGroupCss,\n  template: TagGroupTemplate,\n  dependencies: [UDExTag, UDExTooltip, Tokenizer, Token],\n})\n/**\n * Emitted when tag was clicked\n *\n * @public\n */\n@event(\"tag-click\")\n/**\n * Emitted when icon in tag was clicked\n *\n * @public\n */\n@event(\"tag-icon-click\")\n/**\n * Emitted when the tooltip was opened, can be canceled\n *\n * @public\n */\n@event(\"show-more-tags\")\n/**\n * Emitted  when a keydown event occurs on a tag, can be canceled\n * Emitted custom event with keycode and tag details\n *\n * @public\n */\n@event(\"tag-keydown\")\nclass UDExTagGroup extends UI5Element {\n  /**\n   * Defines whether the UI5Tokenizer is expanded.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    tokenizerExpanded!: boolean;\n  /**\n   * Defines whether the component is in disabled state.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines whether the component is readonly.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is displayonly.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Defines the tags.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<UDExTag>;\n\n  /**\n   * Determines on which side of the component the Tooltip is displayed.\n   *\n   * @default \"Bottom\"\n   * @public\n   */\n  @property({ type: PlacementType, defaultValue: PlacementType.Bottom })\n    tooltipPlacement!: `${PlacementType}`;\n\n  /**\n   * @private\n   */\n  @property({ type: Boolean })\n    _isHiddenTags!: boolean;\n\n  _tokenizer!: Tokenizer;\n  _nMoreBtn!: HTMLElement | null;\n  _resizeHandler: () => void;\n\n  constructor() {\n    super();\n    this._resizeHandler = this._onResize.bind(this);\n  }\n\n  get hiddenTags(): Token[] {\n    return this._tokenizer?.overflownTokens || [];\n  }\n\n  get isReadOrDisplayOnly(): boolean {\n    return this.readonly || this.displayonly;\n  }\n\n  get tagTabIndex(): string {\n    return this.disabled ? \"-1\" : \"\";\n  }\n\n  get tokenizer(): Tokenizer {\n    return this.shadowRoot!.querySelector<Tokenizer>(`#${this._id}-tag-group-tokenizer`)!;\n  }\n\n  get tagRole(): string {\n    return this.displayonly || this.readonly ? \"option\" : \"\";\n  }\n\n  onAfterRendering(): void {\n    this._tokenizer = this.tokenizer;\n    this._nMoreBtn = this._tokenizer.shadowRoot?.querySelector(`.ui5-tokenizer-more-text`) || null;\n    if (!this.readonly && !this.disabled && this._nMoreBtn && !this._nMoreBtn.hasAttribute(\"tabindex\")) {\n      this._nMoreBtn.setAttribute(\"tabindex\", \"0\");\n      this._nMoreBtn.addEventListener(\"keydown\", this._nMoreKeyDownHandler.bind(this));\n    }\n  }\n\n  _nMoreKeyDownHandler(e: Event) {\n    if (isSpace(e as KeyboardEvent) || isEnter(e as KeyboardEvent)) {\n      this.showMoreItems();\n    }\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._resizeHandler);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._resizeHandler);\n    this._nMoreBtn?.removeEventListener(\"keydown\", this._nMoreKeyDownHandler.bind(this));\n  }\n\n  _onResize(): void {\n    this._isHiddenTags = false;\n    this._isHiddenTags = this._tokenizer?._nMoreCount > 0;\n  }\n\n  tagClickHandler(e: CustomEvent): void {\n    this.fireEvent(\"tag-click\", { tag: e.target as HTMLElement });\n  }\n\n  tagIconClickHandler(e: CustomEvent): void {\n    this.fireEvent(\"tag-icon-click\", { tag: e.target as HTMLElement });\n  }\n\n  handleShowMoreButtonKeydown(e: KeyboardEvent): void {\n    if (isEscape(e)) {\n      this._nMoreBtn?.focus();\n    }\n  }\n\n  handleTagKeyDown(e: KeyboardEvent): void {\n    this.fireEvent(\"tag-keydown\", { originalEvent: e }, true);\n  }\n\n  showMoreItems(): void {\n    if (this.fireEvent(\"show-more-tags\", {}, true)) {\n      const tooltip = this.shadowRoot!.querySelector<UDExTooltip>(`#${this._id}-tag-group-tooltip`)!;\n      if (this._nMoreBtn) {\n        tooltip?.onOpen(this._nMoreBtn);\n      }\n    }\n  }\n}\n\nUDExTagGroup.define();\n\nexport default UDExTagGroup;\n"]}
+{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../src/TagGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport Tokenizer from \"@ui5/webcomponents/dist/Tokenizer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport { isEnter, isSpace, isEscape } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Token from \"@ui5/webcomponents/dist/Token.js\";\nimport UDExTag from \"./Tag.js\";\nimport UDExTooltip from \"./Tooltip.js\";\n\nimport TagGroupTemplate from \"./generated/templates/TagGroupTemplate.lit.js\";\n\n// Styles\nimport TagGroupCss from \"./generated/themes/TagGroup.css\";\n\nexport enum PlacementType {\n  Left = \"Left\",\n  Right = \"Right\",\n  Top = \"Top\",\n  Bottom = \"Bottom\",\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-group</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/TagGroup.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-tag-group\",\n  renderer: litRender,\n  styles: TagGroupCss,\n  template: TagGroupTemplate,\n  dependencies: [UDExTag, UDExTooltip, Tokenizer, Token],\n})\n/**\n * Emitted when tag was clicked\n *\n * @public\n */\n@event(\"tag-click\")\n/**\n * Emitted when icon in tag was clicked\n *\n * @public\n */\n@event(\"tag-icon-click\")\n/**\n * Emitted when the tooltip was opened, can be canceled\n *\n * @public\n */\n@event(\"show-more-tags\")\n/**\n * Emitted  when a keydown event occurs on a tag, can be canceled\n * Emitted custom event with keycode and tag details\n *\n * @public\n */\n@event(\"tag-keydown\")\nclass UDExTagGroup extends UI5Element {\n  /**\n   * Defines whether the UI5Tokenizer is expanded.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    tokenizerExpanded!: boolean;\n  /**\n   * Defines whether the component is in disabled state.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines whether the component is readonly.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is displayonly.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Defines the tags.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<UDExTag>;\n\n  /**\n   * Determines on which side of the component the Tooltip is displayed.\n   *\n   * @default \"Bottom\"\n   * @public\n   */\n  @property({ type: PlacementType, defaultValue: PlacementType.Bottom })\n    tooltipPlacement!: `${PlacementType}`;\n\n  /**\n   * @private\n   */\n  @property({ type: Boolean })\n    _isHiddenTags!: boolean;\n\n  _tokenizer!: Tokenizer;\n  _nMoreBtn!: HTMLElement | null;\n  _resizeHandler: () => void;\n\n  constructor() {\n    super();\n    this._resizeHandler = this._onResize.bind(this);\n  }\n\n  get hiddenTags(): Token[] {\n    return this._tokenizer?.overflownTokens || [];\n  }\n\n  get isReadOrDisplayOnly(): boolean {\n    return this.readonly || this.displayonly;\n  }\n\n  get tagTabIndex(): string {\n    return this.disabled ? \"-1\" : \"\";\n  }\n\n  get tokenizer(): Tokenizer {\n    return this.shadowRoot!.querySelector<Tokenizer>(`#${this._id}-tag-group-tokenizer`)!;\n  }\n\n  get tagRole(): string {\n    return this.displayonly || this.readonly ? \"option\" : \"\";\n  }\n\n  onAfterRendering(): void {\n    this._tokenizer = this.tokenizer;\n    this._nMoreBtn = this._tokenizer.shadowRoot?.querySelector(`.ui5-tokenizer-more-text`) || null;\n    if (!this.readonly && !this.disabled && this._nMoreBtn && !this._nMoreBtn.hasAttribute(\"tabindex\")) {\n      this._nMoreBtn.setAttribute(\"tabindex\", \"0\");\n      this._nMoreBtn.addEventListener(\"keydown\", this._nMoreKeyDownHandler.bind(this));\n    }\n  }\n\n  _nMoreKeyDownHandler(e: Event) {\n    if (isSpace(e as KeyboardEvent) || isEnter(e as KeyboardEvent)) {\n      this.showMoreItems();\n    }\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._resizeHandler);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._resizeHandler);\n    this._nMoreBtn?.removeEventListener(\"keydown\", this._nMoreKeyDownHandler.bind(this));\n  }\n\n  _onResize(): void {\n    this._isHiddenTags = false;\n    this._isHiddenTags = this._tokenizer?._nMoreCount > 0;\n  }\n\n  tagClickHandler(e: CustomEvent): void {\n    this.fireEvent(\"tag-click\", { tag: e.target as HTMLElement });\n  }\n\n  tagIconClickHandler(e: CustomEvent): void {\n    this.fireEvent(\"tag-icon-click\", { tag: e.target as HTMLElement });\n  }\n\n  handleShowMoreButtonKeydown(e: KeyboardEvent): void {\n    if (isEscape(e)) {\n      this._nMoreBtn?.focus();\n    }\n  }\n\n  handleTagKeyDown(e: KeyboardEvent): void {\n    this.fireEvent(\"tag-keydown\", { originalEvent: e }, true);\n  }\n\n  showMoreItems(): void {\n    if (this.fireEvent(\"show-more-tags\", {}, true)) {\n      const tooltip = this.shadowRoot!.querySelector<UDExTooltip>(`#${this._id}-tag-group-tooltip`)!;\n      if (this._nMoreBtn) {\n        tooltip?.onOpen(this._nMoreBtn);\n      }\n    }\n  }\n}\n\nUDExTagGroup.define();\n\nexport default UDExTagGroup;\n"]}

package/dist/TextArea.js

@@ -80,7 +80,7 @@ let UDExTextArea = UDExTextArea_1 = class UDExTextArea extends UI5Element {
         };
     }
     static async onDefine() {
-        UDExTextArea_1.i18nBundle = await getI18nBundle("@udex/web-components");
+        UDExTextArea_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
     }
     onBeforeRendering() {
         if (this.value && this.labelActiveClass === "") {

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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport getEffectiveScrollbarStyle from \"@ui5/webcomponents-base/dist/util/getEffectiveScrollbarStyle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.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 ValueState from \"./types/common.js\";\nimport TextAreaTemplate from \"./generated/templates/TextAreaTemplate.lit.js\";\n\n// Styles\nimport TextAreaCss from \"./generated/themes/TextArea.css.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: litRender,\n  styles: [TextAreaCss, getEffectiveScrollbarStyle()],\n  template: TextAreaTemplate,\n  dependencies: [UDExStatusMessage],\n})\n\nclass UDExTextArea extends UI5Element {\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({ validator: Integer })\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({ validator: Integer, defaultValue: 0 })\n    growingMaxLines!: number;\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({ validator: Integer })\n    maxlength?: number;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property({ type: ValueState, defaultValue: ValueState.Standard })\n    fieldState!: `${ValueState}`;\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({ type: String })\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  static i18nBundle: I18nBundle;\n\n  static async onDefine() {\n    UDExTextArea.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\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 = (event: InputEvent) => {\n    this.value = (event.target as HTMLInputElement)?.value;\n  };\n\n  handleChange = () => {\n    this.fireEvent(\"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() {\n    return this.getDomRef()!.querySelector<HTMLTextAreaElement>(\"textarea\")!;\n  }\n\n  get hasValueState(): boolean {\n    return this.fieldState === ValueState.Error || this.fieldState === ValueState.Warning || this.fieldState === ValueState.Success;\n  }\n\n  get fieldStateTypeMappings(): Record<string, string> {\n    return {\n      \"Success\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),\n      \"Standard\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_STANDARD),\n      \"Error\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),\n      \"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.fieldState === ValueState.Standard) {\n      return;\n    }\n\n    return `${this.fieldStateTypeMappings[this.fieldState]}`;\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 ariaInvalid(): string | null {\n    return this.fieldState === ValueState.Error ? \"true\" : null;\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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport getEffectiveScrollbarStyle from \"@ui5/webcomponents-base/dist/util/getEffectiveScrollbarStyle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.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 ValueState from \"./types/common.js\";\nimport TextAreaTemplate from \"./generated/templates/TextAreaTemplate.lit.js\";\n\n// Styles\nimport TextAreaCss from \"./generated/themes/TextArea.css.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: litRender,\n  styles: [TextAreaCss, getEffectiveScrollbarStyle()],\n  template: TextAreaTemplate,\n  dependencies: [UDExStatusMessage],\n})\n\nclass UDExTextArea extends UI5Element {\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({ validator: Integer })\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({ validator: Integer, defaultValue: 0 })\n    growingMaxLines!: number;\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({ validator: Integer })\n    maxlength?: number;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property({ type: ValueState, defaultValue: ValueState.Standard })\n    fieldState!: `${ValueState}`;\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({ type: String })\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  static i18nBundle: I18nBundle;\n\n  static async onDefine() {\n    UDExTextArea.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n  }\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 = (event: InputEvent) => {\n    this.value = (event.target as HTMLInputElement)?.value;\n  };\n\n  handleChange = () => {\n    this.fireEvent(\"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() {\n    return this.getDomRef()!.querySelector<HTMLTextAreaElement>(\"textarea\")!;\n  }\n\n  get hasValueState(): boolean {\n    return this.fieldState === ValueState.Error || this.fieldState === ValueState.Warning || this.fieldState === ValueState.Success;\n  }\n\n  get fieldStateTypeMappings(): Record<string, string> {\n    return {\n      \"Success\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),\n      \"Standard\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_STANDARD),\n      \"Error\": UDExTextArea.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),\n      \"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.fieldState === ValueState.Standard) {\n      return;\n    }\n\n    return `${this.fieldStateTypeMappings[this.fieldState]}`;\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 ariaInvalid(): string | null {\n    return this.fieldState === ValueState.Error ? \"true\" : null;\n  }\n\n  get textHiddenLabel(): string {\n    return UDExTextArea.i18nBundle.getText(TEXT_FIELD);\n  }\n}\n\nUDExTextArea.define();\n\nexport default UDExTextArea;\n"]}

package/dist/TextField.d.ts

@@ -142,6 +142,12 @@ declare class UDExTextField extends UI5Element {
      * @private
      */
     labelActiveClass: string;
+    /**
+     * Defines the behaviour of autocomplete.
+     * @default "off"
+     * @public
+     */
+    autocomplete: string;
     /**
      * Defines the inner stored value of the readonly attribute of the input.
      *
@@ -210,12 +216,14 @@ declare class UDExTextField extends UI5Element {
     get valueStateTextId(): string;
     get readOnlyStateTextId(): string;
     get accInfo(): AccInfo;
+    get inputRole(): string | undefined;
+    get isAutoCompleteDisabled(): boolean;
+    handleKeydown(e: KeyboardEvent): void;
     handleChange: () => void;
     handleInput: (inputEvent: InputEvent) => void;
     handleClick: () => void;
     handleFocus: () => void;
     handleBlur: () => void;
-    handleKeyDown: (keyboardEvent: KeyboardEvent) => void;
     handleIconClick(): void;
     onBeforeRendering(): void;
     onAfterRendering(): void;

package/dist/TextField.js

@@ -62,13 +62,9 @@ let UDExTextField = UDExTextField_1 = class UDExTextField extends UI5Element {
             }
             this._isTouched = false;
         };
-        this.handleKeyDown = (keyboardEvent) => {
-            keyboardEvent.stopPropagation();
-            this.fireEvent("click-trigger", keyboardEvent);
-        };
     }
     static async onDefine() {
-        UDExTextField_1.i18nBundle = await getI18nBundle("@udex/web-components");
+        UDExTextField_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
     }
     get valueStateTypeMappings() {
         return {
@@ -103,11 +99,21 @@ let UDExTextField = UDExTextField_1 = class UDExTextField extends UI5Element {
         return {
             "ariaInvalid": this.valueState === ValueState.Error ? "true" : undefined,
             "ariaDescribedBy": this.ariaDescribedBy ? this.ariaDescribedBy : this.ariaDescribedById || undefined,
-            "ariaLabelledBy": this.accessibleNameRef,
+            "ariaLabelledBy": this.accessibleNameRef || undefined,
             "ariaLabel": this.accessibleName || undefined,
             "ariaHasPopup": this._ariaHasPopup || undefined,
         };
     }
+    get inputRole() {
+        return this.isAutoCompleteDisabled ? "presentation" : undefined;
+    }
+    get isAutoCompleteDisabled() {
+        return this.autocomplete === "off" || this.autocomplete === "new-password";
+    }
+    handleKeydown(e) {
+        e.stopPropagation();
+        this.fireEvent("keydown", e);
+    }
     handleIconClick() {
         this.fireEvent("click-icon");
     }
@@ -184,6 +190,9 @@ __decorate([
 __decorate([
     property({ type: String, noAttribute: true, defaultValue: "" })
 ], UDExTextField.prototype, "labelActiveClass", void 0);
+__decorate([
+    property({ type: String, defaultValue: "off" })
+], UDExTextField.prototype, "autocomplete", void 0);
 __decorate([
     property({ type: Boolean, noAttribute: true })
 ], UDExTextField.prototype, "isInputReadonly", void 0);
@@ -222,13 +231,6 @@ UDExTextField = UDExTextField_1 = __decorate([
         template: TextFieldTemplate,
         dependencies: [UDExControlButton, Icon, UDExStatusMessage],
     })
-    /**
-       * Fired event when the user clicks the trigger.
-       *
-       * @public
-       */
-    ,
-    event("click-trigger")
     /**
        * Fired when the value of the component changes at each keystroke.
        *