@ui5/webcomponents 2.8.0-rc.1 → 2.8.0-rc.3

package/dist/Avatar.d.ts

@@ -147,7 +147,10 @@ declare class Avatar extends UI5Element implements ITabbable, IAvatarGroupItem {
     /**
      * Receives the desired `<img>` tag
      *
-     * **Note:** If you experience flickering of the provided image, you can hide the component until it is being defined with the following CSS:
+     * **Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>
+     * `ui5-avatar:not(:defined) {`<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>
+     * `}`
      * @public
      * @since 1.0.0-rc.15
      */

package/dist/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.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,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAI/E,OAAO,aAAa,MAAM,wDAAwD,CAAC;AAEnF,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAEnE,WAAW;AACX,OAAO,cAAc,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,SAAS;AACT,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAGzD,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAI/C,OAAO;AACP,OAAO,2CAA2C,CAAC;AAInD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAmBH,IAAM,MAAM,cAAZ,MAAM,MAAO,SAAQ,UAAU;IAoK9B;QACC,KAAK,EAAE,CAAC;QAjKT;;;;;;WAMG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;;;;;;WAOG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAsBpB;;;;;;;;;;;;;;;;;;WAkBG;QAEH,iBAAY,GAAG,UAAU,CAAC;QAY1B;;;;WAIG;QAEH,UAAK,GAAqB,QAAQ,CAAC;QAEnC;;;;WAIG;QAEH,SAAI,GAAoB,GAAG,CAAC;QAE5B;;;;WAIG;QAEH,gBAAW,GAA2B,SAAS,CAAC;QAEhD;;WAEG;QAEH,iBAAY,GAA2B,SAAS,CAAC;QAYjD;;;;;;;;;;WAUG;QAEH,4BAAuB,GAAkC,EAAE,CAAC;QAM5D,cAAS,GAAG,KAAK,CAAC;QA+BjB,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,QAAQ;QACX,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,OAAO,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACtC,CAAC;QACD,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1C,CAAC;IAED;;;;OAIG;IACH,IAAI,aAAa;QAChB,sFAAsF;QACtF,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAe,IAAI,UAAU,CAAC,CAAC,CAAC;IAChE,CAAC;IAED;;;;OAIG;IACH,IAAI,wBAAwB;QAC3B,kGAAkG;QAClG,OAAO,IAAI,CAAC,YAAY,CAAC,cAAc,CAAsB,IAAI,IAAI,CAAC,YAAY,CAAC;IACpF,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAC7C,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAChC,CAAC;IAED,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC3C,CAAC;IAED,IAAI,aAAa;QAChB,yDAAyD;QACzD,MAAM,aAAa,GAAG,uBAAuB,EAC5C,gBAAgB,GAAG,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEvE,IAAI,gBAAgB,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC,QAAQ,CAAC;QACtB,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,kBAAkB;QACrB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC,cAAc,CAAC;QAC5B,CAAC;QAED,MAAM,YAAY,GAAG,QAAM,CAAC,UAAU,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAE/D,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;IACjF,CAAC;IAED,IAAI,QAAQ;QACX,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACrC,OAAO,IAAI,CAAC,SAAS,CAAC;IACvB,CAAC;IAED,IAAI,iBAAiB;QACpB,OAAO,IAAI,CAAC,SAAS,EAAG,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAChE,CAAC;IAED,IAAI,kBAAkB;QACrB,OAAO,IAAI,CAAC,SAAS,EAAG,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IACrE,CAAC;IAED,KAAK,CAAC,gBAAgB;QACrB,MAAM,cAAc,EAAE,CAAC;QACvB,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACjC,IAAI,CAAC,cAAc,EAAE,CAAC;QACvB,CAAC;IACF,CAAC;IAED,UAAU;QACT,IAAI,SAAS,EAAE,EAAE,CAAC;YACjB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC;QAED,IAAI,CAAC,iBAAiB,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EACtE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC3B,CAAC;IAED,SAAS;QACR,IAAI,CAAC,iBAAiB,IAAI,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,iBAAiB,EACxE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC3B,CAAC;IAED,YAAY;QACX,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACjC,IAAI,CAAC,cAAc,EAAE,CAAC;QACvB,CAAC;IACF,CAAC;IAED,cAAc;QACb,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAG,CAAC;QACjC,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QACpE,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,cAAc,IAAI,cAAc,CAAC,WAAW,IAAI,MAAM,CAAC,WAAW,CAAC;QAE/G,IAAI,aAAa,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,OAAO;QACR,CAAC;QACD,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACzB,CAAC;IAED,gBAAgB;QACf,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;QACpE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,MAAM,CAAC,iCAAiC,CAAC,CAAC;IAC9E,CAAC;IAED,YAAY;QACX,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC;QACvE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;IAC3E,CAAC;IAED,QAAQ,CAAC,CAAa;QACrB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,UAAU,EAAE,CAAC;IACnB,CAAC;IAED,UAAU,CAAC,CAAgB;QAC1B,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,OAAO;QACR,CAAC;QAED,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAChB,IAAI,CAAC,UAAU,EAAE,CAAC;QACnB,CAAC;QAED,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAChB,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,oBAAoB;QACzC,CAAC;IACF,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACpD,IAAI,CAAC,UAAU,EAAE,CAAC;QACnB,CAAC;IACF,CAAC;IAED,UAAU;QACT,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC;IAED,gBAAgB;QACf,MAAM,YAAY,GAAG,IAAI,CAAC,uBAAuB,CAAC,QAAQ,CAAC;QAE3D,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,YAAY,EAAE,CAAC;YACzC,OAAO;QACR,CAAC;QAED,OAAO,YAAY,CAAC;IACrB,CAAC;CACD,CAAA;AA9TA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACX;AAWjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CACR;AAoBpB;IADC,QAAQ,EAAE;oCACG;AAsBd;IADC,QAAQ,EAAE;4CACe;AAU1B;IADC,QAAQ,EAAE;wCACO;AAQlB;IADC,QAAQ,EAAE;qCACwB;AAQnC;IADC,QAAQ,EAAE;oCACiB;AAQ5B;IADC,QAAQ,EAAE;2CACqC;AAMhD;IADC,QAAQ,EAAE;4CACsC;AAUjD;IADC,QAAQ,EAAE;8CACa;AAcxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDACiC;AAG5D;IADC,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;8CACR;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACV;AAUlB;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;qCAClB;AAY3B;IADC,IAAI,EAAE;qCACoB;AAGpB;IADN,IAAI,CAAC,oBAAoB,CAAC;gCACG;AAhKzB,MAAM;IAlBX,aAAa,CAAC;QACd,GAAG,EAAE,YAAY;QACjB,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,cAAc;KACxB,CAAC;IACF;;;;;;;OAOG;;IACF,KAAK,CAAC,OAAO,EAAE;QACf,OAAO,EAAE,IAAI;KACb,CAAC;GACI,MAAM,CA0UX;AAED,MAAM,CAAC,MAAM,EAAE,CAAC;AAEhB,eAAe,MAAM,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 event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type { AccessibilityAttributes } from \"@ui5/webcomponents-base/dist/types.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { IAvatarGroupItem } from \"./AvatarGroup.js\";\n// Template\nimport AvatarTemplate from \"./AvatarTemplate.js\";\n\nimport { AVATAR_TOOLTIP } from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport AvatarCss from \"./generated/themes/Avatar.css.js\";\n\nimport type Icon from \"./Icon.js\";\nimport AvatarSize from \"./types/AvatarSize.js\";\nimport type AvatarShape from \"./types/AvatarShape.js\";\nimport type AvatarColorScheme from \"./types/AvatarColorScheme.js\";\n\n// Icon\nimport \"@ui5/webcomponents-icons/dist/employee.js\";\n\ntype AvatarAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\">;\n\n/**\n * @class\n * ### Overview\n *\n * An image-like component that has different display options for representing images and icons\n * in different shapes and sizes, depending on the use case.\n *\n * The shape can be circular or square. There are several predefined sizes, as well as an option to\n * set a custom size.\n *\n * ### Keyboard Handling\n *\n * - [Space] / [Enter] or [Return] - Fires the `click` event if the `interactive` property is set to true.\n * - [Shift] - If [Space] is pressed, pressing [Shift] releases the component without triggering the click event.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents/dist/Avatar.js\";`\n * @constructor\n * @extends UI5Element\n * @since 1.0.0-rc.6\n * @implements {IAvatarGroupItem}\n * @public\n */\n@customElement({\n\ttag: \"ui5-avatar\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: AvatarCss,\n\ttemplate: AvatarTemplate,\n})\n/**\n * Fired on mouseup, space and enter if avatar is interactive\n *\n * **Note:** The event will not be fired if the `disabled`\n * property is set to `true`.\n * @private\n * @since 1.0.0-rc.11\n */\n@event(\"click\", {\n\tbubbles: true,\n})\nclass Avatar extends UI5Element implements ITabbable, IAvatarGroupItem {\n\teventDetails!: {\n\t\tclick: void,\n\t}\n\t/**\n\t * Defines whether the component is disabled.\n\t * A disabled component can't be pressed or\n\t * focused, and it is not in the tab chain.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Defines if the avatar is interactive (focusable and pressable).\n\t *\n\t * **Note:** This property won't have effect if the `disabled`\n\t * property is set to `true`.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tinteractive = false;\n\n\t/**\n\t * Defines the name of the UI5 Icon, that will be displayed.\n\t *\n\t * **Note:** If `image` slot is provided, the property will be ignored.\n\t *\n\t * **Note:** You should import the desired icon first, then use its name as \"icon\".\n\t *\n\t * `import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\t *\n\t * `<ui5-avatar icon=\"employee\">`\n\t *\n\t * **Note:** If no icon or an empty one is provided, by default the \"employee\" icon should be displayed.\n\t *\n\t * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\ticon?: string;\n\n\t/**\n\t * Defines the name of the fallback icon, which should be displayed in the following cases:\n\t *\n\t * \t- If the initials are not valid (more than 3 letters, unsupported languages or empty initials).\n\t * \t- If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).\n\t * \t- If the image src is wrong.\n\t *\n\t * **Note:** If not set, a default fallback icon \"employee\" is displayed.\n\t *\n\t * **Note:** You should import the desired icon first, then use its name as \"fallback-icon\".\n\t *\n\t * `import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\t *\n\t * `<ui5-avatar fallback-icon=\"alert\">`\n\t *\n\t * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @default \"employee\"\n\t * @public\n\t */\n\t@property()\n\tfallbackIcon = \"employee\";\n\n\t/**\n\t * Defines the displayed initials.\n\t *\n\t * Up to three Latin letters can be displayed as initials.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tinitials?: string;\n\n\t/**\n\t * Defines the shape of the component.\n\t * @default \"Circle\"\n\t * @public\n\t */\n\t@property()\n\tshape: `${AvatarShape}` = \"Circle\";\n\n\t/**\n\t * Defines predefined size of the component.\n\t * @default \"S\"\n\t * @public\n\t */\n\t@property()\n\tsize: `${AvatarSize}` = \"S\";\n\n\t/**\n\t * Defines the background color of the desired image.\n\t * @default \"Accent6\"\n\t * @public\n\t */\n\t@property()\n\tcolorScheme: `${AvatarColorScheme}` = \"Accent6\";\n\n\t/**\n\t * @private\n\t */\n\t@property()\n\t_colorScheme: `${AvatarColorScheme}` = \"Accent6\";\n\n\t/**\n\t * Defines the text alternative of the component.\n\t * If not provided a default text alternative will be set, if present.\n\t * @default undefined\n\t * @public\n\t * @since 1.0.0-rc.7\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Defines the additional accessibility attributes that will be applied to the component.\n\t * The following field is supported:\n\t *\n\t * - **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\n\t * Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\t *\n\t * @public\n\t * @since 2.0.0\n\t * @default {}\n\t */\n\t@property({ type: Object })\n\taccessibilityAttributes: AvatarAccessibilityAttributes = {};\n\n\t@property({ noAttribute: true })\n\tforcedTabIndex?: string;\n\n\t@property({ type: Boolean })\n\t_hasImage = false;\n\n\t/**\n\t * Receives the desired `<img>` tag\n\t *\n\t * **Note:** If you experience flickering of the provided image, you can hide the component until it is being defined with the following CSS:\n\t * @public\n\t * @since 1.0.0-rc.15\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\timage!: Array<HTMLElement>;\n\n\t/**\n\t * Defines the optional badge that will be used for visual affordance.\n\t *\n\t * **Note:** While the slot allows for custom badges, to achieve\n\t * the Fiori design, you can use the `ui5-tag` with `ui5-icon`\n\t * in the corresponding `icon` slot, without text nodes.\n\t * @public\n\t * @since 1.7.0\n\t */\n\t@slot()\n\tbadge!: Array<HTMLElement>;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\t_handleResizeBound: ResizeObserverCallback;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis._handleResizeBound = this.handleResize.bind(this);\n\t}\n\n\tget tabindex() {\n\t\tif (this.forcedTabIndex) {\n\t\t\treturn parseInt(this.forcedTabIndex);\n\t\t}\n\t\treturn this._interactive ? 0 : undefined;\n\t}\n\n\t/**\n\t * Returns the effective avatar size.\n\t * @default \"S\"\n\t * @private\n\t */\n\tget effectiveSize(): AvatarSize {\n\t\t// we read the attribute, because the \"size\" property will always have a default value\n\t\treturn this.getAttribute(\"size\") as AvatarSize || AvatarSize.S;\n\t}\n\n\t/**\n\t * Returns the effective background color.\n\t * @default \"Accent6\"\n\t * @private\n\t */\n\tget еffectiveBackgroundColor(): AvatarColorScheme {\n\t\t// we read the attribute, because the \"background-color\" property will always have a default value\n\t\treturn this.getAttribute(\"color-scheme\") as AvatarColorScheme || this._colorScheme;\n\t}\n\n\tget _role() {\n\t\treturn this._interactive ? \"button\" : \"img\";\n\t}\n\n\tget _ariaHasPopup() {\n\t\treturn this._getAriaHasPopup();\n\t}\n\n\tget _interactive() {\n\t\treturn this.interactive && !this.disabled;\n\t}\n\n\tget validInitials() {\n\t\t// initials should consist of only 1,2 or 3 latin letters\n\t\tconst validInitials = /^[a-zA-Zà-üÀ-Ü]{1,3}$/,\n\t\t\tareInitialsValid = this.initials && validInitials.test(this.initials);\n\n\t\tif (areInitialsValid) {\n\t\t\treturn this.initials;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tget accessibleNameText() {\n\t\tif (this.accessibleName) {\n\t\t\treturn this.accessibleName;\n\t\t}\n\n\t\tconst defaultLabel = Avatar.i18nBundle.getText(AVATAR_TOOLTIP);\n\n\t\treturn this.initials ? `${defaultLabel} ${this.initials}`.trim() : defaultLabel;\n\t}\n\n\tget hasImage() {\n\t\tthis._hasImage = !!this.image.length;\n\t\treturn this._hasImage;\n\t}\n\n\tget initialsContainer(): HTMLObjectElement | null {\n\t\treturn this.getDomRef()!.querySelector(\".ui5-avatar-initials\");\n\t}\n\n\tget fallBackIconDomRef(): Icon | null {\n\t\treturn this.getDomRef()!.querySelector(\".ui5-avatar-icon-fallback\");\n\t}\n\n\tasync onAfterRendering() {\n\t\tawait renderFinished();\n\t\tif (this.initials && !this.icon) {\n\t\t\tthis._checkInitials();\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tif (isDesktop()) {\n\t\t\tthis.setAttribute(\"desktop\", \"\");\n\t\t}\n\n\t\tthis.initialsContainer && ResizeHandler.register(this.initialsContainer,\n\t\t\tthis._handleResizeBound);\n\t}\n\n\tonExitDOM() {\n\t\tthis.initialsContainer && ResizeHandler.deregister(this.initialsContainer,\n\t\t\tthis._handleResizeBound);\n\t}\n\n\thandleResize() {\n\t\tif (this.initials && !this.icon) {\n\t\t\tthis._checkInitials();\n\t\t}\n\t}\n\n\t_checkInitials() {\n\t\tconst avatar = this.getDomRef()!;\n\t\tconst avatarInitials = avatar.querySelector(\".ui5-avatar-initials\");\n\t\tconst validInitials = this.validInitials && avatarInitials && avatarInitials.scrollWidth <= avatar.scrollWidth;\n\n\t\tif (validInitials) {\n\t\t\tthis.showInitials();\n\t\t\treturn;\n\t\t}\n\t\tthis.showFallbackIcon();\n\t}\n\n\tshowFallbackIcon() {\n\t\tthis.initialsContainer?.classList.add(\"ui5-avatar-initials-hidden\");\n\t\tthis.fallBackIconDomRef?.classList.remove(\"ui5-avatar-fallback-icon-hidden\");\n\t}\n\n\tshowInitials() {\n\t\tthis.initialsContainer?.classList.remove(\"ui5-avatar-initials-hidden\");\n\t\tthis.fallBackIconDomRef?.classList.add(\"ui5-avatar-fallback-icon-hidden\");\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\te.stopPropagation();\n\t\tthis._fireClick();\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (!this._interactive) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis._fireClick();\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault(); // prevent scrolling\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (this._interactive && !e.shiftKey && isSpace(e)) {\n\t\t\tthis._fireClick();\n\t\t}\n\t}\n\n\t_fireClick() {\n\t\tthis.fireDecoratorEvent(\"click\");\n\t}\n\n\t_getAriaHasPopup() {\n\t\tconst ariaHaspopup = this.accessibilityAttributes.hasPopup;\n\n\t\tif (!this._interactive || !ariaHaspopup) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn ariaHaspopup;\n\t}\n}\n\nAvatar.define();\n\nexport default Avatar;\nexport type {\n\tAvatarAccessibilityAttributes,\n};\n"]}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type { AccessibilityAttributes } from \"@ui5/webcomponents-base/dist/types.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { IAvatarGroupItem } from \"./AvatarGroup.js\";\n// Template\nimport AvatarTemplate from \"./AvatarTemplate.js\";\n\nimport { AVATAR_TOOLTIP } from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport AvatarCss from \"./generated/themes/Avatar.css.js\";\n\nimport type Icon from \"./Icon.js\";\nimport AvatarSize from \"./types/AvatarSize.js\";\nimport type AvatarShape from \"./types/AvatarShape.js\";\nimport type AvatarColorScheme from \"./types/AvatarColorScheme.js\";\n\n// Icon\nimport \"@ui5/webcomponents-icons/dist/employee.js\";\n\ntype AvatarAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\">;\n\n/**\n * @class\n * ### Overview\n *\n * An image-like component that has different display options for representing images and icons\n * in different shapes and sizes, depending on the use case.\n *\n * The shape can be circular or square. There are several predefined sizes, as well as an option to\n * set a custom size.\n *\n * ### Keyboard Handling\n *\n * - [Space] / [Enter] or [Return] - Fires the `click` event if the `interactive` property is set to true.\n * - [Shift] - If [Space] is pressed, pressing [Shift] releases the component without triggering the click event.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents/dist/Avatar.js\";`\n * @constructor\n * @extends UI5Element\n * @since 1.0.0-rc.6\n * @implements {IAvatarGroupItem}\n * @public\n */\n@customElement({\n\ttag: \"ui5-avatar\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: AvatarCss,\n\ttemplate: AvatarTemplate,\n})\n/**\n * Fired on mouseup, space and enter if avatar is interactive\n *\n * **Note:** The event will not be fired if the `disabled`\n * property is set to `true`.\n * @private\n * @since 1.0.0-rc.11\n */\n@event(\"click\", {\n\tbubbles: true,\n})\nclass Avatar extends UI5Element implements ITabbable, IAvatarGroupItem {\n\teventDetails!: {\n\t\tclick: void,\n\t}\n\t/**\n\t * Defines whether the component is disabled.\n\t * A disabled component can't be pressed or\n\t * focused, and it is not in the tab chain.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Defines if the avatar is interactive (focusable and pressable).\n\t *\n\t * **Note:** This property won't have effect if the `disabled`\n\t * property is set to `true`.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tinteractive = false;\n\n\t/**\n\t * Defines the name of the UI5 Icon, that will be displayed.\n\t *\n\t * **Note:** If `image` slot is provided, the property will be ignored.\n\t *\n\t * **Note:** You should import the desired icon first, then use its name as \"icon\".\n\t *\n\t * `import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\t *\n\t * `<ui5-avatar icon=\"employee\">`\n\t *\n\t * **Note:** If no icon or an empty one is provided, by default the \"employee\" icon should be displayed.\n\t *\n\t * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\ticon?: string;\n\n\t/**\n\t * Defines the name of the fallback icon, which should be displayed in the following cases:\n\t *\n\t * \t- If the initials are not valid (more than 3 letters, unsupported languages or empty initials).\n\t * \t- If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).\n\t * \t- If the image src is wrong.\n\t *\n\t * **Note:** If not set, a default fallback icon \"employee\" is displayed.\n\t *\n\t * **Note:** You should import the desired icon first, then use its name as \"fallback-icon\".\n\t *\n\t * `import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\t *\n\t * `<ui5-avatar fallback-icon=\"alert\">`\n\t *\n\t * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @default \"employee\"\n\t * @public\n\t */\n\t@property()\n\tfallbackIcon = \"employee\";\n\n\t/**\n\t * Defines the displayed initials.\n\t *\n\t * Up to three Latin letters can be displayed as initials.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tinitials?: string;\n\n\t/**\n\t * Defines the shape of the component.\n\t * @default \"Circle\"\n\t * @public\n\t */\n\t@property()\n\tshape: `${AvatarShape}` = \"Circle\";\n\n\t/**\n\t * Defines predefined size of the component.\n\t * @default \"S\"\n\t * @public\n\t */\n\t@property()\n\tsize: `${AvatarSize}` = \"S\";\n\n\t/**\n\t * Defines the background color of the desired image.\n\t * @default \"Accent6\"\n\t * @public\n\t */\n\t@property()\n\tcolorScheme: `${AvatarColorScheme}` = \"Accent6\";\n\n\t/**\n\t * @private\n\t */\n\t@property()\n\t_colorScheme: `${AvatarColorScheme}` = \"Accent6\";\n\n\t/**\n\t * Defines the text alternative of the component.\n\t * If not provided a default text alternative will be set, if present.\n\t * @default undefined\n\t * @public\n\t * @since 1.0.0-rc.7\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Defines the additional accessibility attributes that will be applied to the component.\n\t * The following field is supported:\n\t *\n\t * - **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\n\t * Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\t *\n\t * @public\n\t * @since 2.0.0\n\t * @default {}\n\t */\n\t@property({ type: Object })\n\taccessibilityAttributes: AvatarAccessibilityAttributes = {};\n\n\t@property({ noAttribute: true })\n\tforcedTabIndex?: string;\n\n\t@property({ type: Boolean })\n\t_hasImage = false;\n\n\t/**\n\t * Receives the desired `<img>` tag\n\t *\n\t * **Note:** If you experience flickering of the provided image, you can hide the component until it is defined with the following CSS:<br/>\n\t * `ui5-avatar:not(:defined) {`<br/>\n\t * &nbsp;&nbsp;&nbsp;&nbsp;`visibility: hidden;`<br/>\n\t * `}`\n\t * @public\n\t * @since 1.0.0-rc.15\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\timage!: Array<HTMLElement>;\n\n\t/**\n\t * Defines the optional badge that will be used for visual affordance.\n\t *\n\t * **Note:** While the slot allows for custom badges, to achieve\n\t * the Fiori design, you can use the `ui5-tag` with `ui5-icon`\n\t * in the corresponding `icon` slot, without text nodes.\n\t * @public\n\t * @since 1.7.0\n\t */\n\t@slot()\n\tbadge!: Array<HTMLElement>;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\t_handleResizeBound: ResizeObserverCallback;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis._handleResizeBound = this.handleResize.bind(this);\n\t}\n\n\tget tabindex() {\n\t\tif (this.forcedTabIndex) {\n\t\t\treturn parseInt(this.forcedTabIndex);\n\t\t}\n\t\treturn this._interactive ? 0 : undefined;\n\t}\n\n\t/**\n\t * Returns the effective avatar size.\n\t * @default \"S\"\n\t * @private\n\t */\n\tget effectiveSize(): AvatarSize {\n\t\t// we read the attribute, because the \"size\" property will always have a default value\n\t\treturn this.getAttribute(\"size\") as AvatarSize || AvatarSize.S;\n\t}\n\n\t/**\n\t * Returns the effective background color.\n\t * @default \"Accent6\"\n\t * @private\n\t */\n\tget еffectiveBackgroundColor(): AvatarColorScheme {\n\t\t// we read the attribute, because the \"background-color\" property will always have a default value\n\t\treturn this.getAttribute(\"color-scheme\") as AvatarColorScheme || this._colorScheme;\n\t}\n\n\tget _role() {\n\t\treturn this._interactive ? \"button\" : \"img\";\n\t}\n\n\tget _ariaHasPopup() {\n\t\treturn this._getAriaHasPopup();\n\t}\n\n\tget _interactive() {\n\t\treturn this.interactive && !this.disabled;\n\t}\n\n\tget validInitials() {\n\t\t// initials should consist of only 1,2 or 3 latin letters\n\t\tconst validInitials = /^[a-zA-Zà-üÀ-Ü]{1,3}$/,\n\t\t\tareInitialsValid = this.initials && validInitials.test(this.initials);\n\n\t\tif (areInitialsValid) {\n\t\t\treturn this.initials;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tget accessibleNameText() {\n\t\tif (this.accessibleName) {\n\t\t\treturn this.accessibleName;\n\t\t}\n\n\t\tconst defaultLabel = Avatar.i18nBundle.getText(AVATAR_TOOLTIP);\n\n\t\treturn this.initials ? `${defaultLabel} ${this.initials}`.trim() : defaultLabel;\n\t}\n\n\tget hasImage() {\n\t\tthis._hasImage = !!this.image.length;\n\t\treturn this._hasImage;\n\t}\n\n\tget initialsContainer(): HTMLObjectElement | null {\n\t\treturn this.getDomRef()!.querySelector(\".ui5-avatar-initials\");\n\t}\n\n\tget fallBackIconDomRef(): Icon | null {\n\t\treturn this.getDomRef()!.querySelector(\".ui5-avatar-icon-fallback\");\n\t}\n\n\tasync onAfterRendering() {\n\t\tawait renderFinished();\n\t\tif (this.initials && !this.icon) {\n\t\t\tthis._checkInitials();\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tif (isDesktop()) {\n\t\t\tthis.setAttribute(\"desktop\", \"\");\n\t\t}\n\n\t\tthis.initialsContainer && ResizeHandler.register(this.initialsContainer,\n\t\t\tthis._handleResizeBound);\n\t}\n\n\tonExitDOM() {\n\t\tthis.initialsContainer && ResizeHandler.deregister(this.initialsContainer,\n\t\t\tthis._handleResizeBound);\n\t}\n\n\thandleResize() {\n\t\tif (this.initials && !this.icon) {\n\t\t\tthis._checkInitials();\n\t\t}\n\t}\n\n\t_checkInitials() {\n\t\tconst avatar = this.getDomRef()!;\n\t\tconst avatarInitials = avatar.querySelector(\".ui5-avatar-initials\");\n\t\tconst validInitials = this.validInitials && avatarInitials && avatarInitials.scrollWidth <= avatar.scrollWidth;\n\n\t\tif (validInitials) {\n\t\t\tthis.showInitials();\n\t\t\treturn;\n\t\t}\n\t\tthis.showFallbackIcon();\n\t}\n\n\tshowFallbackIcon() {\n\t\tthis.initialsContainer?.classList.add(\"ui5-avatar-initials-hidden\");\n\t\tthis.fallBackIconDomRef?.classList.remove(\"ui5-avatar-fallback-icon-hidden\");\n\t}\n\n\tshowInitials() {\n\t\tthis.initialsContainer?.classList.remove(\"ui5-avatar-initials-hidden\");\n\t\tthis.fallBackIconDomRef?.classList.add(\"ui5-avatar-fallback-icon-hidden\");\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\te.stopPropagation();\n\t\tthis._fireClick();\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (!this._interactive) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis._fireClick();\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault(); // prevent scrolling\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (this._interactive && !e.shiftKey && isSpace(e)) {\n\t\t\tthis._fireClick();\n\t\t}\n\t}\n\n\t_fireClick() {\n\t\tthis.fireDecoratorEvent(\"click\");\n\t}\n\n\t_getAriaHasPopup() {\n\t\tconst ariaHaspopup = this.accessibilityAttributes.hasPopup;\n\n\t\tif (!this._interactive || !ariaHaspopup) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn ariaHaspopup;\n\t}\n}\n\nAvatar.define();\n\nexport default Avatar;\nexport type {\n\tAvatarAccessibilityAttributes,\n};\n"]}

package/dist/AvatarTemplate.js

@@ -4,7 +4,7 @@ export default function AvatarTemplate() {
     return (_jsxs("div", { class: "ui5-avatar-root", tabindex: this.tabindex, "data-sap-focus-ref": true, role: this._role, "aria-haspopup": this._ariaHasPopup, "aria-label": this.accessibleNameText, onKeyUp: this._onkeyup, onKeyDown: this._onkeydown, onClick: this._onclick, children: [this.hasImage ?
                 _jsx("slot", {})
                 :
-                    _jsxs(_Fragment, { children: [this.icon && _jsx(Icon, { class: "ui5-avatar-icon", name: this.icon }), this.initials &&
+                    _jsxs(_Fragment, { children: [this.icon && _jsx(Icon, { class: "ui5-avatar-icon", name: this.icon, accessibleName: this.accessibleName }), this.initials &&
                                 _jsxs(_Fragment, { children: [_jsx("span", { class: "ui5-avatar-initials ui5-avatar-initials-hidden", children: this.validInitials }), _jsx(Icon, { name: this.fallbackIcon, class: "ui5-avatar-icon ui5-avatar-icon-fallback ui5-avatar-fallback-icon-hidden" })] })] }), _jsx("slot", { name: "badge" })] }));
 }
 //# sourceMappingURL=AvatarTemplate.js.map

package/dist/AvatarTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarTemplate.js","sourceRoot":"","sources":["../src/AvatarTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,cAAc;IACrC,OAAO,CACN,eACC,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,8BAEvB,IAAI,EAAE,IAAI,CAAC,KAAK,mBACD,IAAI,CAAC,aAAa,gBACrB,IAAI,CAAC,kBAAkB,EACnC,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,aAErB,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACf,gBAAa;gBACb,CAAC;oBACD,8BACG,IAAI,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAS,EAEnE,IAAI,CAAC,QAAQ;gCACf,8BACC,eAAM,KAAK,EAAC,gDAAgD,YAAE,IAAI,CAAC,aAAa,GAAQ,EACxF,KAAC,IAAI,IACJ,IAAI,EAAE,IAAI,CAAC,YAAY,EACvB,KAAK,EAAC,0EAA0E,GACzE,IACN,IAED,EAGJ,eAAM,IAAI,EAAC,OAAO,GAAQ,IACrB,CACN,CAAC;AACH,CAAC","sourcesContent":["import type Avatar from \"./Avatar.js\";\nimport Icon from \"./Icon.js\";\n\nexport default function AvatarTemplate(this: Avatar) {\n\treturn (\n\t\t<div\n\t\t\tclass=\"ui5-avatar-root\"\n\t\t\ttabindex={this.tabindex}\n\t\t\tdata-sap-focus-ref\n\t\t\trole={this._role}\n\t\t\taria-haspopup={this._ariaHasPopup}\n\t\t\taria-label={this.accessibleNameText}\n\t\t\tonKeyUp={this._onkeyup}\n\t\t\tonKeyDown={this._onkeydown}\n\t\t\tonClick={this._onclick}\n\t\t>\n\t\t\t{this.hasImage ?\n\t\t\t\t<slot></slot>\n\t\t\t\t:\n\t\t\t\t<>\n\t\t\t\t\t{ this.icon && <Icon class=\"ui5-avatar-icon\" name={this.icon}></Icon> }\n\n\t\t\t\t\t{ this.initials &&\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span class=\"ui5-avatar-initials ui5-avatar-initials-hidden\">{this.validInitials}</span>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname={this.fallbackIcon}\n\t\t\t\t\t\t\tclass=\"ui5-avatar-icon ui5-avatar-icon-fallback ui5-avatar-fallback-icon-hidden\"\n\t\t\t\t\t\t></Icon>\n\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t</>\n\t\t\t}\n\n\t\t\t<slot name=\"badge\"></slot>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"file":"AvatarTemplate.js","sourceRoot":"","sources":["../src/AvatarTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,cAAc;IACrC,OAAO,CACN,eACC,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,8BAEvB,IAAI,EAAE,IAAI,CAAC,KAAK,mBACD,IAAI,CAAC,aAAa,gBACrB,IAAI,CAAC,kBAAkB,EACnC,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,aAErB,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACf,gBAAa;gBACb,CAAC;oBACD,8BACG,IAAI,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,GAAS,EAExG,IAAI,CAAC,QAAQ;gCACf,8BACC,eAAM,KAAK,EAAC,gDAAgD,YAAE,IAAI,CAAC,aAAa,GAAQ,EACxF,KAAC,IAAI,IACJ,IAAI,EAAE,IAAI,CAAC,YAAY,EACvB,KAAK,EAAC,0EAA0E,GACzE,IACN,IAED,EAGJ,eAAM,IAAI,EAAC,OAAO,GAAQ,IACrB,CACN,CAAC;AACH,CAAC","sourcesContent":["import type Avatar from \"./Avatar.js\";\nimport Icon from \"./Icon.js\";\n\nexport default function AvatarTemplate(this: Avatar) {\n\treturn (\n\t\t<div\n\t\t\tclass=\"ui5-avatar-root\"\n\t\t\ttabindex={this.tabindex}\n\t\t\tdata-sap-focus-ref\n\t\t\trole={this._role}\n\t\t\taria-haspopup={this._ariaHasPopup}\n\t\t\taria-label={this.accessibleNameText}\n\t\t\tonKeyUp={this._onkeyup}\n\t\t\tonKeyDown={this._onkeydown}\n\t\t\tonClick={this._onclick}\n\t\t>\n\t\t\t{this.hasImage ?\n\t\t\t\t<slot></slot>\n\t\t\t\t:\n\t\t\t\t<>\n\t\t\t\t\t{ this.icon && <Icon class=\"ui5-avatar-icon\" name={this.icon} accessibleName={this.accessibleName}></Icon> }\n\n\t\t\t\t\t{ this.initials &&\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span class=\"ui5-avatar-initials ui5-avatar-initials-hidden\">{this.validInitials}</span>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname={this.fallbackIcon}\n\t\t\t\t\t\t\tclass=\"ui5-avatar-icon ui5-avatar-icon-fallback ui5-avatar-fallback-icon-hidden\"\n\t\t\t\t\t\t></Icon>\n\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t</>\n\t\t\t}\n\n\t\t\t<slot name=\"badge\"></slot>\n\t\t</div>\n\t);\n}\n"]}

package/dist/ComboBoxItemGroupTemplate.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
-import ListItemGroupTemplate from "./ListItemGroupTemplate.js";
+import ListBoxItemGroupTemplate from "./ListBoxItemGroupTemplate.js";
 export default function ComboBoxItemGroupTemplate() {
-    return [ListItemGroupTemplate.call(this, { items })];
+    return [ListBoxItemGroupTemplate.call(this, { items })];
 }
 function items() {
     return this.items.filter(item => item._isVisible).map(item => _jsx("slot", { name: item._individualSlot }));

package/dist/ComboBoxItemGroupTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxItemGroupTemplate.js","sourceRoot":"","sources":["../src/ComboBoxItemGroupTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAG/D,MAAM,CAAC,OAAO,UAAU,yBAAyB;IAChD,OAAO,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,KAAK;IACb,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,eAAM,IAAI,EAAE,IAAI,CAAC,eAAe,GAAS,CAAC,CAAC;AAC1G,CAAC","sourcesContent":["import ListItemGroupTemplate from \"./ListItemGroupTemplate.js\";\nimport type ComboBoxItemGroup from \"./ComboBoxItemGroup.js\";\n\nexport default function ComboBoxItemGroupTemplate(this: ComboBoxItemGroup) {\n\treturn [ListItemGroupTemplate.call(this, { items })];\n}\n\nfunction items(this: ComboBoxItemGroup) {\n\treturn this.items.filter(item => item._isVisible).map(item => <slot name={item._individualSlot}></slot>);\n}\n"]}
+{"version":3,"file":"ComboBoxItemGroupTemplate.js","sourceRoot":"","sources":["../src/ComboBoxItemGroupTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AAGrE,MAAM,CAAC,OAAO,UAAU,yBAAyB;IAChD,OAAO,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,KAAK;IACb,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,eAAM,IAAI,EAAE,IAAI,CAAC,eAAe,GAAS,CAAC,CAAC;AAC1G,CAAC","sourcesContent":["import ListBoxItemGroupTemplate from \"./ListBoxItemGroupTemplate.js\";\nimport type ComboBoxItemGroup from \"./ComboBoxItemGroup.js\";\n\nexport default function ComboBoxItemGroupTemplate(this: ComboBoxItemGroup) {\n\treturn [ListBoxItemGroupTemplate.call(this, { items })];\n}\n\nfunction items(this: ComboBoxItemGroup) {\n\treturn this.items.filter(item => item._isVisible).map(item => <slot name={item._individualSlot}></slot>);\n}\n"]}

package/dist/ExpandableText.d.ts

@@ -71,7 +71,6 @@ declare class ExpandableText extends UI5Element {
     get _accessibleNameForToggle(): string | undefined;
     _handlePopoverClose(): void;
     _handleToggleClick(): void;
-    _handleToggleMousedown(e: MouseEvent): void;
     _handleCloseButtonClick(e: MouseEvent): void;
 }
 export default ExpandableText;

package/dist/ExpandableText.js

@@ -124,13 +124,6 @@ let ExpandableText = ExpandableText_1 = class ExpandableText extends UI5Element
     _handleToggleClick() {
         this._expanded = !this._expanded;
     }
-    _handleToggleMousedown(e) {
-        if (this.shadowRoot.querySelector("[ui5-responsive-popover]")?.open) {
-            // Workaround for PopoverRegistry handler that closes the popover on mousedown,
-            //  resulting in "click" event with wrong _expanded state
-            e.stopPropagation();
-        }
-    }
     _handleCloseButtonClick(e) {
         this._expanded = false;
         e.stopPropagation();

package/dist/ExpandableText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableText.js","sourceRoot":"","sources":["../src/ExpandableText.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;AAE7E,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAGjE,OAAO,0BAA0B,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EACN,yBAAyB,EACzB,yBAAyB,EACzB,qBAAqB,EACrB,4CAA4C,EAC5C,4CAA4C,GAC5C,MAAM,mCAAmC,CAAC;AAE3C,WAAW;AACX,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAEjE,SAAS;AACT,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AAEzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAOH,IAAM,cAAc,sBAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAUC;;;;WAIG;QAEH,kBAAa,GAAG,GAAG,CAAC;QAEpB;;;;WAIG;QAEH,iBAAY,GAAoC,SAAS,CAAA;QAEzD;;;;WAIG;QAEH,uBAAkB,GAAgC,KAAK,CAAC;QAGxD,cAAS,GAAG,KAAK,CAAC;IAwFnB,CAAC;IAnFA,cAAc;QACb,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,0BAA0B,CAAgB,CAAC;QAClF,CAAC;QAED,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAgB,CAAC;IACpE,CAAC;IAED,IAAI,cAAc;QACjB,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACzC,OAAO,IAAI,CAAC,IAAI,CAAC;QAClB,CAAC;QAED,OAAO,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,sBAAsB;QACzB,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;IACtD,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,YAAY,KAAK,0BAA0B,CAAC,OAAO,CAAC;IACjE,CAAC;IAED,IAAI,aAAa;QAChB,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACzC,OAAO,GAAG,CAAC;QACZ,CAAC;QAED,OAAO,MAAM,CAAC;IACf,CAAC;IAED,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;IACrJ,CAAC;IAED,IAAI,gBAAgB;QACnB,OAAO,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,iCAAiC;QACpC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,OAAO;gBACN,QAAQ,EAAE,IAAI,CAAC,SAAS;gBACxB,QAAQ,EAAE,QAAQ;aAClB,CAAC;QACH,CAAC;QAED,OAAO;YACN,QAAQ,EAAE,IAAI,CAAC,SAAS;SACxB,CAAC;IACH,CAAC;IAED,IAAI,wBAAwB;QAC3B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,4CAA4C,CAAC,CAAC,CAAC,CAAC,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,4CAA4C,CAAC,CAAC;QAC3L,CAAC;QAED,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,mBAAmB;QAClB,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YAChB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACxB,CAAC;IACF,CAAC;IAED,kBAAkB;QACjB,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;IAClC,CAAC;IAED,sBAAsB,CAAC,CAAa;QACnC,IAAI,IAAI,CAAC,UAAW,CAAC,aAAa,CAAoB,0BAA0B,CAAC,EAAE,IAAI,EAAE,CAAC;YACzF,+EAA+E;YAC/E,yDAAyD;YACzD,CAAC,CAAC,eAAe,EAAE,CAAC;QACrB,CAAC;IACF,CAAC;IAED,uBAAuB,CAAC,CAAa;QACpC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,CAAC,CAAC,eAAe,EAAE,CAAC;IACrB,CAAC;CACD,CAAA;AAnHA;IADC,QAAQ,EAAE;4CACG;AAQd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACP;AAQpB;IADC,QAAQ,EAAE;oDAC8C;AAQzD;IADC,QAAQ,EAAE;0DAC6C;AAGxD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACV;AAGX;IADN,IAAI,CAAC,oBAAoB,CAAC;wCACG;AAtCzB,cAAc;IANnB,aAAa,CAAC;QACd,GAAG,EAAE,qBAAqB;QAC1B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,iBAAiB;QACzB,QAAQ,EAAE,sBAAsB;KAChC,CAAC;GACI,cAAc,CA2HnB;AAED,cAAc,CAAC,MAAM,EAAE,CAAC;AAExB,eAAe,cAAc,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 i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRender from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { LinkAccessibilityAttributes } from \"./Link.js\";\nimport type ResponsivePopover from \"./ResponsivePopover.js\";\nimport ExpandableTextOverflowMode from \"./types/ExpandableTextOverflowMode.js\";\nimport type TextEmptyIndicatorMode from \"./types/TextEmptyIndicatorMode.js\";\nimport {\n\tEXPANDABLE_TEXT_SHOW_LESS,\n\tEXPANDABLE_TEXT_SHOW_MORE,\n\tEXPANDABLE_TEXT_CLOSE,\n\tEXPANDABLE_TEXT_SHOW_LESS_POPOVER_ARIA_LABEL,\n\tEXPANDABLE_TEXT_SHOW_MORE_POPOVER_ARIA_LABEL,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport ExpandableTextTemplate from \"./ExpandableTextTemplate.js\";\n\n// Styles\nimport ExpandableTextCss from \"./generated/themes/ExpandableText.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-expandable-text` component allows displaying a large body of text in a small space. It provides an \"expand/collapse\" functionality, which shows/hides potentially truncated text.\n *\n * ### Usage\n *\n * #### When to use:\n * - To accommodate long texts in limited space, for example in list items, table cell texts, or forms\n *\n * #### When not to use:\n * - The content is critical for the user. In this case use short descriptions that can fit in\n * - Strive to provide short and meaningful texts to avoid excessive number of \"Show More\" links on the page\n *\n * ### Responsive Behavior\n *\n * On phones, if the component is configured to display the full text in a popover, the popover will appear in full screen.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/ExpandableText\";`\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @since 2.6.0\n */\n@customElement({\n\ttag: \"ui5-expandable-text\",\n\trenderer: jsxRender,\n\tstyles: ExpandableTextCss,\n\ttemplate: ExpandableTextTemplate,\n})\nclass ExpandableText extends UI5Element {\n\t/**\n\t * Text of the component.\n\t *\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\ttext?: string;\n\n\t/**\n\t * Maximum number of characters to be displayed initially. If the text length exceeds this limit, the text will be truncated with an ellipsis, and the \"More\" link will be displayed.\n\t * @default 100\n\t * @public\n\t */\n\t@property({ type: Number })\n\tmaxCharacters = 100;\n\n\t/**\n\t * Determines how the full text will be displayed.\n\t * @default \"InPlace\"\n\t * @public\n\t */\n\t@property()\n\toverflowMode: `${ExpandableTextOverflowMode}` = \"InPlace\"\n\n\t/**\n\t * Specifies if an empty indicator should be displayed when there is no text.\n\t * @default \"Off\"\n\t * @public\n\t */\n\t@property()\n\temptyIndicatorMode: `${TextEmptyIndicatorMode}` = \"Off\";\n\n\t@property({ type: Boolean })\n\t_expanded = false;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tgetFocusDomRef(): HTMLElement | undefined {\n\t\tif (this._usePopover) {\n\t\t\treturn this.shadowRoot?.querySelector(\"[ui5-responsive-popover]\") as HTMLElement;\n\t\t}\n\n\t\treturn this.shadowRoot?.querySelector(\"[ui5-link]\") as HTMLElement;\n\t}\n\n\tget _displayedText() {\n\t\tif (this._expanded && !this._usePopover) {\n\t\t\treturn this.text;\n\t\t}\n\n\t\treturn this.text?.substring(0, this.maxCharacters);\n\t}\n\n\tget _maxCharactersExceeded() {\n\t\treturn (this.text?.length || 0) > this.maxCharacters;\n\t}\n\n\tget _usePopover() {\n\t\treturn this.overflowMode === ExpandableTextOverflowMode.Popover;\n\t}\n\n\tget _ellipsisText() {\n\t\tif (this._expanded && !this._usePopover) {\n\t\t\treturn \" \";\n\t\t}\n\n\t\treturn \"... \";\n\t}\n\n\tget _textForToggle() {\n\t\treturn this._expanded ? ExpandableText.i18nBundle.getText(EXPANDABLE_TEXT_SHOW_LESS) : ExpandableText.i18nBundle.getText(EXPANDABLE_TEXT_SHOW_MORE);\n\t}\n\n\tget _closeButtonText() {\n\t\treturn ExpandableText.i18nBundle.getText(EXPANDABLE_TEXT_CLOSE);\n\t}\n\n\tget _accessibilityAttributesForToggle(): LinkAccessibilityAttributes {\n\t\tif (this._usePopover) {\n\t\t\treturn {\n\t\t\t\texpanded: this._expanded,\n\t\t\t\thasPopup: \"dialog\",\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\texpanded: this._expanded,\n\t\t};\n\t}\n\n\tget _accessibleNameForToggle() {\n\t\tif (this._usePopover) {\n\t\t\treturn this._expanded ? ExpandableText.i18nBundle.getText(EXPANDABLE_TEXT_SHOW_LESS_POPOVER_ARIA_LABEL) : ExpandableText.i18nBundle.getText(EXPANDABLE_TEXT_SHOW_MORE_POPOVER_ARIA_LABEL);\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\t_handlePopoverClose() {\n\t\tif (!isPhone()) {\n\t\t\tthis._expanded = false;\n\t\t}\n\t}\n\n\t_handleToggleClick() {\n\t\tthis._expanded = !this._expanded;\n\t}\n\n\t_handleToggleMousedown(e: MouseEvent) {\n\t\tif (this.shadowRoot!.querySelector<ResponsivePopover>(\"[ui5-responsive-popover]\")?.open) {\n\t\t\t// Workaround for PopoverRegistry handler that closes the popover on mousedown,\n\t\t\t//  resulting in \"click\" event with wrong _expanded state\n\t\t\te.stopPropagation();\n\t\t}\n\t}\n\n\t_handleCloseButtonClick(e: MouseEvent) {\n\t\tthis._expanded = false;\n\t\te.stopPropagation();\n\t}\n}\n\nExpandableText.define();\n\nexport default ExpandableText;\n"]}
+{"version":3,"file":"ExpandableText.js","sourceRoot":"","sources":["../src/ExpandableText.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 i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRender from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { LinkAccessibilityAttributes } from \"./Link.js\";\nimport ExpandableTextOverflowMode from \"./types/ExpandableTextOverflowMode.js\";\nimport type TextEmptyIndicatorMode from \"./types/TextEmptyIndicatorMode.js\";\nimport {\n\tEXPANDABLE_TEXT_SHOW_LESS,\n\tEXPANDABLE_TEXT_SHOW_MORE,\n\tEXPANDABLE_TEXT_CLOSE,\n\tEXPANDABLE_TEXT_SHOW_LESS_POPOVER_ARIA_LABEL,\n\tEXPANDABLE_TEXT_SHOW_MORE_POPOVER_ARIA_LABEL,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport ExpandableTextTemplate from \"./ExpandableTextTemplate.js\";\n\n// Styles\nimport ExpandableTextCss from \"./generated/themes/ExpandableText.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-expandable-text` component allows displaying a large body of text in a small space. It provides an \"expand/collapse\" functionality, which shows/hides potentially truncated text.\n *\n * ### Usage\n *\n * #### When to use:\n * - To accommodate long texts in limited space, for example in list items, table cell texts, or forms\n *\n * #### When not to use:\n * - The content is critical for the user. In this case use short descriptions that can fit in\n * - Strive to provide short and meaningful texts to avoid excessive number of \"Show More\" links on the page\n *\n * ### Responsive Behavior\n *\n * On phones, if the component is configured to display the full text in a popover, the popover will appear in full screen.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/ExpandableText\";`\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @since 2.6.0\n */\n@customElement({\n\ttag: \"ui5-expandable-text\",\n\trenderer: jsxRender,\n\tstyles: ExpandableTextCss,\n\ttemplate: ExpandableTextTemplate,\n})\nclass ExpandableText extends UI5Element {\n\t/**\n\t * Text of the component.\n\t *\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\ttext?: string;\n\n\t/**\n\t * Maximum number of characters to be displayed initially. If the text length exceeds this limit, the text will be truncated with an ellipsis, and the \"More\" link will be displayed.\n\t * @default 100\n\t * @public\n\t */\n\t@property({ type: Number })\n\tmaxCharacters = 100;\n\n\t/**\n\t * Determines how the full text will be displayed.\n\t * @default \"InPlace\"\n\t * @public\n\t */\n\t@property()\n\toverflowMode: `${ExpandableTextOverflowMode}` = \"InPlace\"\n\n\t/**\n\t * Specifies if an empty indicator should be displayed when there is no text.\n\t * @default \"Off\"\n\t * @public\n\t */\n\t@property()\n\temptyIndicatorMode: `${TextEmptyIndicatorMode}` = \"Off\";\n\n\t@property({ type: Boolean })\n\t_expanded = false;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tgetFocusDomRef(): HTMLElement | undefined {\n\t\tif (this._usePopover) {\n\t\t\treturn this.shadowRoot?.querySelector(\"[ui5-responsive-popover]\") as HTMLElement;\n\t\t}\n\n\t\treturn this.shadowRoot?.querySelector(\"[ui5-link]\") as HTMLElement;\n\t}\n\n\tget _displayedText() {\n\t\tif (this._expanded && !this._usePopover) {\n\t\t\treturn this.text;\n\t\t}\n\n\t\treturn this.text?.substring(0, this.maxCharacters);\n\t}\n\n\tget _maxCharactersExceeded() {\n\t\treturn (this.text?.length || 0) > this.maxCharacters;\n\t}\n\n\tget _usePopover() {\n\t\treturn this.overflowMode === ExpandableTextOverflowMode.Popover;\n\t}\n\n\tget _ellipsisText() {\n\t\tif (this._expanded && !this._usePopover) {\n\t\t\treturn \" \";\n\t\t}\n\n\t\treturn \"... \";\n\t}\n\n\tget _textForToggle() {\n\t\treturn this._expanded ? ExpandableText.i18nBundle.getText(EXPANDABLE_TEXT_SHOW_LESS) : ExpandableText.i18nBundle.getText(EXPANDABLE_TEXT_SHOW_MORE);\n\t}\n\n\tget _closeButtonText() {\n\t\treturn ExpandableText.i18nBundle.getText(EXPANDABLE_TEXT_CLOSE);\n\t}\n\n\tget _accessibilityAttributesForToggle(): LinkAccessibilityAttributes {\n\t\tif (this._usePopover) {\n\t\t\treturn {\n\t\t\t\texpanded: this._expanded,\n\t\t\t\thasPopup: \"dialog\",\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\texpanded: this._expanded,\n\t\t};\n\t}\n\n\tget _accessibleNameForToggle() {\n\t\tif (this._usePopover) {\n\t\t\treturn this._expanded ? ExpandableText.i18nBundle.getText(EXPANDABLE_TEXT_SHOW_LESS_POPOVER_ARIA_LABEL) : ExpandableText.i18nBundle.getText(EXPANDABLE_TEXT_SHOW_MORE_POPOVER_ARIA_LABEL);\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\t_handlePopoverClose() {\n\t\tif (!isPhone()) {\n\t\t\tthis._expanded = false;\n\t\t}\n\t}\n\n\t_handleToggleClick() {\n\t\tthis._expanded = !this._expanded;\n\t}\n\n\t_handleCloseButtonClick(e: MouseEvent) {\n\t\tthis._expanded = false;\n\t\te.stopPropagation();\n\t}\n}\n\nExpandableText.define();\n\nexport default ExpandableText;\n"]}

package/dist/ExpandableTextTemplate.js

@@ -4,7 +4,7 @@ import Link from "./Link.js";
 import Button from "./Button.js";
 import ResponsivePopover from "./ResponsivePopover.js";
 export default function ExpandableTextTemplate() {
-    return (_jsxs("div", { children: [_jsx(Text, { class: "ui5-exp-text-text", emptyIndicatorMode: this.emptyIndicatorMode, children: this._displayedText }), this._maxCharactersExceeded && _jsxs(_Fragment, { children: [_jsx("span", { class: "ui5-exp-text-ellipsis", children: this._ellipsisText }), _jsx(Link, { id: "toggle", class: "ui5-exp-text-toggle", accessibleRole: "Button", accessibleName: this._accessibleNameForToggle, accessibilityAttributes: this._accessibilityAttributesForToggle, onClick: this._handleToggleClick, onMouseDown: this._handleToggleMousedown, children: this._textForToggle }), this._usePopover &&
+    return (_jsxs("div", { children: [_jsx(Text, { class: "ui5-exp-text-text", emptyIndicatorMode: this.emptyIndicatorMode, children: this._displayedText }), this._maxCharactersExceeded && _jsxs(_Fragment, { children: [_jsx("span", { class: "ui5-exp-text-ellipsis", children: this._ellipsisText }), _jsx(Link, { id: "toggle", class: "ui5-exp-text-toggle", accessibleRole: "Button", accessibleName: this._accessibleNameForToggle, accessibilityAttributes: this._accessibilityAttributesForToggle, onClick: this._handleToggleClick, children: this._textForToggle }), this._usePopover &&
                         _jsxs(ResponsivePopover, { open: this._expanded, opener: "toggle", accessibleNameRef: "popover-text", contentOnlyOnDesktop: true, _hideHeader: true, class: "ui5-exp-text-popover", onClose: this._handlePopoverClose, children: [_jsx(Text, { id: "popover-text", children: this.text }), _jsx("div", { slot: "footer", class: "ui5-exp-text-footer", children: _jsx(Button, { design: "Transparent", onClick: this._handleCloseButtonClick, children: this._closeButtonText }) })] })] })] }));
 }
 //# sourceMappingURL=ExpandableTextTemplate.js.map

package/dist/ExpandableTextTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableTextTemplate.js","sourceRoot":"","sources":["../src/ExpandableTextTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC7C,OAAO,CACN,0BACC,KAAC,IAAI,IACJ,KAAK,EAAC,mBAAmB,EACzB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,YAE1C,IAAI,CAAC,cAAc,GACd,EAEN,IAAI,CAAC,sBAAsB,IAAI,8BAC/B,eAAM,KAAK,EAAC,uBAAuB,YAAE,IAAI,CAAC,aAAa,GAAQ,EAC/D,KAAC,IAAI,IACJ,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,qBAAqB,EAC3B,cAAc,EAAC,QAAQ,EACvB,cAAc,EAAE,IAAI,CAAC,wBAAwB,EAC7C,uBAAuB,EAAE,IAAI,CAAC,iCAAiC,EAC/D,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,WAAW,EAAE,IAAI,CAAC,sBAAsB,YAEvC,IAAI,CAAC,cAAc,GACd,EAEN,IAAI,CAAC,WAAW;wBAChB,MAAC,iBAAiB,IACjB,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,MAAM,EAAC,QAAQ,EACf,iBAAiB,EAAC,cAAc,EAChC,oBAAoB,EAAE,IAAI,EAC1B,WAAW,EAAE,IAAI,EACjB,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,IAAI,CAAC,mBAAmB,aAEjC,KAAC,IAAI,IAAC,EAAE,EAAC,cAAc,YAAE,IAAI,CAAC,IAAI,GAAQ,EAC1C,cACC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,qBAAqB,YAE3B,KAAC,MAAM,IACN,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,uBAAuB,YAEpC,IAAI,CAAC,gBAAgB,GACd,GACJ,IACa,IAEnB,IAEE,CACN,CAAC;AACH,CAAC","sourcesContent":["import type ExpandableText from \"./ExpandableText.js\";\nimport Text from \"./Text.js\";\nimport Link from \"./Link.js\";\nimport Button from \"./Button.js\";\nimport ResponsivePopover from \"./ResponsivePopover.js\";\n\nexport default function ExpandableTextTemplate(this: ExpandableText) {\n\treturn (\n\t\t<div>\n\t\t\t<Text\n\t\t\t\tclass=\"ui5-exp-text-text\"\n\t\t\t\temptyIndicatorMode={this.emptyIndicatorMode}\n\t\t\t>\n\t\t\t\t{this._displayedText}\n\t\t\t</Text>\n\n\t\t\t{this._maxCharactersExceeded && <>\n\t\t\t\t<span class=\"ui5-exp-text-ellipsis\">{this._ellipsisText}</span>\n\t\t\t\t<Link\n\t\t\t\t\tid=\"toggle\"\n\t\t\t\t\tclass=\"ui5-exp-text-toggle\"\n\t\t\t\t\taccessibleRole=\"Button\"\n\t\t\t\t\taccessibleName={this._accessibleNameForToggle}\n\t\t\t\t\taccessibilityAttributes={this._accessibilityAttributesForToggle}\n\t\t\t\t\tonClick={this._handleToggleClick}\n\t\t\t\t\tonMouseDown={this._handleToggleMousedown}\n\t\t\t\t>\n\t\t\t\t\t{this._textForToggle}\n\t\t\t\t</Link>\n\n\t\t\t\t{this._usePopover &&\n\t\t\t\t\t<ResponsivePopover\n\t\t\t\t\t\topen={this._expanded}\n\t\t\t\t\t\topener=\"toggle\"\n\t\t\t\t\t\taccessibleNameRef=\"popover-text\"\n\t\t\t\t\t\tcontentOnlyOnDesktop={true}\n\t\t\t\t\t\t_hideHeader={true}\n\t\t\t\t\t\tclass=\"ui5-exp-text-popover\"\n\t\t\t\t\t\tonClose={this._handlePopoverClose}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text id=\"popover-text\">{this.text}</Text>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tslot=\"footer\"\n\t\t\t\t\t\t\tclass=\"ui5-exp-text-footer\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\tonClick={this._handleCloseButtonClick}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._closeButtonText}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResponsivePopover>\n\t\t\t\t}\n\t\t\t</>\n\t\t\t}\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"file":"ExpandableTextTemplate.js","sourceRoot":"","sources":["../src/ExpandableTextTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC7C,OAAO,CACN,0BACC,KAAC,IAAI,IACJ,KAAK,EAAC,mBAAmB,EACzB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,YAE1C,IAAI,CAAC,cAAc,GACd,EAEN,IAAI,CAAC,sBAAsB,IAAI,8BAC/B,eAAM,KAAK,EAAC,uBAAuB,YAAE,IAAI,CAAC,aAAa,GAAQ,EAC/D,KAAC,IAAI,IACJ,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,qBAAqB,EAC3B,cAAc,EAAC,QAAQ,EACvB,cAAc,EAAE,IAAI,CAAC,wBAAwB,EAC7C,uBAAuB,EAAE,IAAI,CAAC,iCAAiC,EAC/D,OAAO,EAAE,IAAI,CAAC,kBAAkB,YAE/B,IAAI,CAAC,cAAc,GACd,EAEN,IAAI,CAAC,WAAW;wBAChB,MAAC,iBAAiB,IACjB,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,MAAM,EAAC,QAAQ,EACf,iBAAiB,EAAC,cAAc,EAChC,oBAAoB,EAAE,IAAI,EAC1B,WAAW,EAAE,IAAI,EACjB,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,IAAI,CAAC,mBAAmB,aAEjC,KAAC,IAAI,IAAC,EAAE,EAAC,cAAc,YAAE,IAAI,CAAC,IAAI,GAAQ,EAC1C,cACC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,qBAAqB,YAE3B,KAAC,MAAM,IACN,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,uBAAuB,YAEpC,IAAI,CAAC,gBAAgB,GACd,GACJ,IACa,IAEnB,IAEE,CACN,CAAC;AACH,CAAC","sourcesContent":["import type ExpandableText from \"./ExpandableText.js\";\nimport Text from \"./Text.js\";\nimport Link from \"./Link.js\";\nimport Button from \"./Button.js\";\nimport ResponsivePopover from \"./ResponsivePopover.js\";\n\nexport default function ExpandableTextTemplate(this: ExpandableText) {\n\treturn (\n\t\t<div>\n\t\t\t<Text\n\t\t\t\tclass=\"ui5-exp-text-text\"\n\t\t\t\temptyIndicatorMode={this.emptyIndicatorMode}\n\t\t\t>\n\t\t\t\t{this._displayedText}\n\t\t\t</Text>\n\n\t\t\t{this._maxCharactersExceeded && <>\n\t\t\t\t<span class=\"ui5-exp-text-ellipsis\">{this._ellipsisText}</span>\n\t\t\t\t<Link\n\t\t\t\t\tid=\"toggle\"\n\t\t\t\t\tclass=\"ui5-exp-text-toggle\"\n\t\t\t\t\taccessibleRole=\"Button\"\n\t\t\t\t\taccessibleName={this._accessibleNameForToggle}\n\t\t\t\t\taccessibilityAttributes={this._accessibilityAttributesForToggle}\n\t\t\t\t\tonClick={this._handleToggleClick}\n\t\t\t\t>\n\t\t\t\t\t{this._textForToggle}\n\t\t\t\t</Link>\n\n\t\t\t\t{this._usePopover &&\n\t\t\t\t\t<ResponsivePopover\n\t\t\t\t\t\topen={this._expanded}\n\t\t\t\t\t\topener=\"toggle\"\n\t\t\t\t\t\taccessibleNameRef=\"popover-text\"\n\t\t\t\t\t\tcontentOnlyOnDesktop={true}\n\t\t\t\t\t\t_hideHeader={true}\n\t\t\t\t\t\tclass=\"ui5-exp-text-popover\"\n\t\t\t\t\t\tonClose={this._handlePopoverClose}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text id=\"popover-text\">{this.text}</Text>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tslot=\"footer\"\n\t\t\t\t\t\t\tclass=\"ui5-exp-text-footer\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\tonClick={this._handleCloseButtonClick}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._closeButtonText}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResponsivePopover>\n\t\t\t\t}\n\t\t\t</>\n\t\t\t}\n\t\t</div>\n\t);\n}\n"]}

package/dist/Input.d.ts

@@ -325,7 +325,7 @@ declare class Input extends UI5Element implements SuggestionComponent, IFormInpu
     _handleResizeBound: ResizeObserverCallback;
     _keepInnerValue: boolean;
     _shouldAutocomplete?: boolean;
-    _keyDown?: boolean;
+    _enterKeyDown?: boolean;
     _isKeyNavigation?: boolean;
     _indexOfSelectedItem: number;
     _selectedText?: string;

package/dist/Input.js

@@ -353,6 +353,11 @@ let Input = Input_1 = class Input extends UI5Element {
             return this._handleTab();
         }
         if (isEnter(e)) {
+            const isValueUnchanged = this.previousValue === this.getInputDOMRefSync().value;
+            this._enterKeyDown = true;
+            if (isValueUnchanged && this._internals.form) {
+                submitForm(this);
+            }
             return this._handleEnter(e);
         }
         if (isPageUp(e)) {
@@ -373,7 +378,6 @@ let Input = Input_1 = class Input extends UI5Element {
         if (this.showSuggestions) {
             this._clearPopoverFocusAndSelection();
         }
-        this._keyDown = true;
         this._isKeyNavigation = false;
     }
     _onkeyup(e) {
@@ -382,7 +386,7 @@ let Input = Input_1 = class Input extends UI5Element {
         if (isDelete(e)) {
             this.value = e.target.value;
         }
-        this._keyDown = false;
+        this._enterKeyDown = false;
     }
     get currentItemIndex() {
         const allItems = this.Suggestions?._getItems();
@@ -431,9 +435,6 @@ let Input = Input_1 = class Input extends UI5Element {
         }
         if (!suggestionItemPressed) {
             this.lastConfirmedValue = this.value;
-            if (this._internals.form) {
-                submitForm(this);
-            }
             return;
         }
         this.focused = true;
@@ -557,6 +558,9 @@ let Input = Input_1 = class Input extends UI5Element {
             }
             else {
                 fireChange();
+                if (this._enterKeyDown && this._internals.form) {
+                    submitForm(this);
+                }
             }
         }
     }
@@ -706,6 +710,7 @@ let Input = Input_1 = class Input extends UI5Element {
             this.focused = false;
         }
         if (this._changeToBeFired && !this._isChangeTriggeredBySuggestion) {
+            this.previousValue = this.value;
             this.fireDecoratorEvent(INPUT_EVENTS.CHANGE);
         }
         else {
@@ -1327,9 +1332,7 @@ Input = Input_1 = __decorate([
      * @since 2.0.0
      */
     ,
-    event("close", {
-        bubbles: true,
-    })
+    event("close")
 ], Input);
 Input.define();
 export default Input;