@ui5/webcomponents 1.11.2 → 1.11.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/Avatar.d.ts +9 -3
  3. package/dist/Avatar.js +29 -10
  4. package/dist/Avatar.js.map +1 -1
  5. package/dist/assets/test/pages/{ComboBox.html.7265a8e1.js → ComboBox.html.f604a0f3.js} +1 -1
  6. package/dist/assets/test/pages/{Icon.html.52fc9fc3.js → Icon.html.7025f941.js} +1 -1
  7. package/dist/assets/test/pages/{Label.html.7c678114.js → Label.html.6bf18005.js} +1 -1
  8. package/dist/assets/test/pages/{Popups.html.51d27e67.js → Popups.html.858d303d.js} +1 -1
  9. package/dist/css/themes/Avatar.css +1 -1
  10. package/dist/generated/templates/AvatarTemplate.lit.js +2 -3
  11. package/dist/generated/themes/Avatar.css.js +1 -1
  12. package/dist/generated/themes/Avatar.css.js.map +1 -1
  13. package/dist/test/pages/72override.html +1 -1
  14. package/dist/test/pages/AnimanitionOff.html +1 -1
  15. package/dist/test/pages/Avatar.html +1 -1
  16. package/dist/test/pages/AvatarGroup.html +1 -1
  17. package/dist/test/pages/Badge.html +1 -1
  18. package/dist/test/pages/Breadcrumbs.html +1 -1
  19. package/dist/test/pages/BusyIndicator.html +1 -1
  20. package/dist/test/pages/Button.html +1 -1
  21. package/dist/test/pages/Calendar.html +1 -1
  22. package/dist/test/pages/Card.html +1 -1
  23. package/dist/test/pages/Carousel.html +1 -1
  24. package/dist/test/pages/CheckBox.html +1 -1
  25. package/dist/test/pages/ColorPalette.html +1 -1
  26. package/dist/test/pages/ColorPalettePopover.html +1 -1
  27. package/dist/test/pages/ColorPicker.html +1 -1
  28. package/dist/test/pages/ComboBox.html +2 -2
  29. package/dist/test/pages/Components.html +1 -1
  30. package/dist/test/pages/CoreControls.html +1 -1
  31. package/dist/test/pages/CoreControls_exp.html +1 -1
  32. package/dist/test/pages/CustomCSS.html +1 -1
  33. package/dist/test/pages/DatePicker.html +1 -1
  34. package/dist/test/pages/DatePicker_test_page.html +1 -1
  35. package/dist/test/pages/DateRangePicker.html +1 -1
  36. package/dist/test/pages/DateTimePicker.html +1 -1
  37. package/dist/test/pages/DayPicker.html +1 -1
  38. package/dist/test/pages/Dialog.html +1 -1
  39. package/dist/test/pages/DialogLifecycle.html +1 -1
  40. package/dist/test/pages/DialogSemantic.html +1 -1
  41. package/dist/test/pages/DurationPicker.html +1 -1
  42. package/dist/test/pages/Eventing.html +1 -1
  43. package/dist/test/pages/F6Test1.html +1 -1
  44. package/dist/test/pages/F6Test2.html +1 -1
  45. package/dist/test/pages/F6Test3.html +1 -1
  46. package/dist/test/pages/F6Test4.html +1 -1
  47. package/dist/test/pages/F6Test5.html +1 -1
  48. package/dist/test/pages/F6Test6.html +1 -1
  49. package/dist/test/pages/F6Test7.html +1 -1
  50. package/dist/test/pages/FileUploader.html +1 -1
  51. package/dist/test/pages/FontFace.html +1 -1
  52. package/dist/test/pages/FormSupport.html +1 -1
  53. package/dist/test/pages/HCB.html +1 -1
  54. package/dist/test/pages/Icon.html +2 -2
  55. package/dist/test/pages/Icon_and_theming.html +1 -1
  56. package/dist/test/pages/Icon_custom.html +1 -1
  57. package/dist/test/pages/Input.html +1 -1
  58. package/dist/test/pages/InputFieldLabels.html +1 -1
  59. package/dist/test/pages/InputFieldMinWidth.html +1 -1
  60. package/dist/test/pages/InputIcons.html +1 -1
  61. package/dist/test/pages/Input_quickview.html +1 -1
  62. package/dist/test/pages/InputsAlignment.html +1 -1
  63. package/dist/test/pages/InputsLazyLoading.html +1 -1
  64. package/dist/test/pages/ItemNavigation.html +1 -1
  65. package/dist/test/pages/Kitchen.html +1 -1
  66. package/dist/test/pages/Kitchen.openui5.html +1 -1
  67. package/dist/test/pages/Label.html +2 -2
  68. package/dist/test/pages/Link.html +1 -1
  69. package/dist/test/pages/List.html +1 -1
  70. package/dist/test/pages/ListGrowing_Button.html +1 -1
  71. package/dist/test/pages/ListGrowing_Scroll.html +1 -1
  72. package/dist/test/pages/List_keyboard_support.html +1 -1
  73. package/dist/test/pages/List_test_page.html +1 -1
  74. package/dist/test/pages/LitKeyFunction.html +1 -1
  75. package/dist/test/pages/MemoryLeak.html +1 -1
  76. package/dist/test/pages/Menu.html +1 -1
  77. package/dist/test/pages/MessagePage.html +1 -1
  78. package/dist/test/pages/MessageStrip.html +1 -1
  79. package/dist/test/pages/MultiComboBox.html +1 -1
  80. package/dist/test/pages/MultiInput.html +1 -1
  81. package/dist/test/pages/MultiInput_Suggestions.html +1 -1
  82. package/dist/test/pages/OpenUI5.html +1 -1
  83. package/dist/test/pages/Panel.html +1 -1
  84. package/dist/test/pages/Popover.html +1 -1
  85. package/dist/test/pages/PopoverArrowBounds.html +1 -1
  86. package/dist/test/pages/Popups.html +2 -2
  87. package/dist/test/pages/ProgressIndicator.html +1 -1
  88. package/dist/test/pages/RTL.html +1 -1
  89. package/dist/test/pages/RadioButton.html +1 -1
  90. package/dist/test/pages/RangeSlider.html +1 -1
  91. package/dist/test/pages/RatingIndicator.html +1 -1
  92. package/dist/test/pages/ResizeHandler.html +1 -1
  93. package/dist/test/pages/ResponsivePopover.html +1 -1
  94. package/dist/test/pages/SegmentedButton.html +1 -1
  95. package/dist/test/pages/Select.html +1 -1
  96. package/dist/test/pages/Simple.html +1 -1
  97. package/dist/test/pages/Slider.html +1 -1
  98. package/dist/test/pages/SplitButton.html +1 -1
  99. package/dist/test/pages/StepInput.html +1 -1
  100. package/dist/test/pages/Switch.html +1 -1
  101. package/dist/test/pages/TabContainer.html +1 -1
  102. package/dist/test/pages/Table-perf-pure.html +1 -1
  103. package/dist/test/pages/Table-perf.html +1 -1
  104. package/dist/test/pages/Table.html +1 -1
  105. package/dist/test/pages/Table2.html +1 -1
  106. package/dist/test/pages/TableAllPopin.html +1 -1
  107. package/dist/test/pages/TableCustomStyling.html +1 -1
  108. package/dist/test/pages/TableGrouping.html +1 -1
  109. package/dist/test/pages/TableGrowingWithButton.html +1 -1
  110. package/dist/test/pages/TableGrowingWithScroll.html +1 -1
  111. package/dist/test/pages/TableSelection.html +1 -1
  112. package/dist/test/pages/TextArea.html +1 -1
  113. package/dist/test/pages/TimePicker.html +1 -1
  114. package/dist/test/pages/TimeSelection.html +1 -1
  115. package/dist/test/pages/Title.html +1 -1
  116. package/dist/test/pages/Toast.html +1 -1
  117. package/dist/test/pages/ToggleButton.html +1 -1
  118. package/dist/test/pages/Tree.html +1 -1
  119. package/dist/test/pages/WheelSlider_Test_Page.html +1 -1
  120. package/dist/test/pages/base/AriaLabelHelper.html +1 -1
  121. package/dist/test/pages/base/DOMObserver.html +1 -1
  122. package/dist/test/pages/base/InvisibleMessage.html +1 -1
  123. package/dist/test/pages/form.html +1 -1
  124. package/dist/test/pages/i18n-defaultLang.html +1 -1
  125. package/dist/test/pages/i18n-demo.html +1 -1
  126. package/package.json +7 -7
  127. package/src/Avatar.hbs +12 -6
  128. package/src/Avatar.ts +37 -11
  129. package/src/themes/Avatar.css +16 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.11.3](https://github.com/SAP/ui5-webcomponents/compare/v1.11.2...v1.11.3) (2023-07-11)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui5-avatar:** avatar initials correct display ([#6731](https://github.com/SAP/ui5-webcomponents/issues/6731)) ([a67057f](https://github.com/SAP/ui5-webcomponents/commit/a67057f72d186c4b536fb252d9fc059d4b95a1eb)), closes [#6642](https://github.com/SAP/ui5-webcomponents/issues/6642)
12
+
13
+
14
+
15
+
16
+
6
17
  ## [1.11.2](https://github.com/SAP/ui5-webcomponents/compare/v1.11.1...v1.11.2) (2023-06-20)
7
18
 
8
19
 
package/dist/Avatar.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
2
  import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
3
3
  import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
4
+ import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
4
5
  import AvatarSize from "./types/AvatarSize.js";
5
6
  import AvatarShape from "./types/AvatarShape.js";
6
7
  import AvatarColorScheme from "./types/AvatarColorScheme.js";
@@ -210,6 +211,8 @@ declare class Avatar extends UI5Element implements ITabbable {
210
211
  badge: Array<HTMLElement>;
211
212
  _onclick?: (e: MouseEvent) => void;
212
213
  static i18nBundle: I18nBundle;
214
+ _handleResizeBound: ResizeObserverCallback;
215
+ constructor();
213
216
  static onDefine(): Promise<void>;
214
217
  get tabindex(): string;
215
218
  /**
@@ -233,10 +236,13 @@ declare class Avatar extends UI5Element implements ITabbable {
233
236
  get validInitials(): string | null;
234
237
  get accessibleNameText(): string | undefined;
235
238
  get hasImage(): boolean;
239
+ get initialsContainer(): HTMLObjectElement | null;
236
240
  onBeforeRendering(): void;
237
- onAfterRendering(): void;
238
- _setFallbackIcon(): string;
239
- _checkInitials(): string;
241
+ onAfterRendering(): Promise<void>;
242
+ onEnterDOM(): void;
243
+ onExitDOM(): void;
244
+ handleResize(): void;
245
+ _checkInitials(): void;
240
246
  _onClickHandler(e: MouseEvent): void;
241
247
  _onkeydown(e: KeyboardEvent): void;
242
248
  _onkeyup(e: KeyboardEvent): void;
package/dist/Avatar.js CHANGED
@@ -12,6 +12,8 @@ import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
12
12
  import event from "@ui5/webcomponents-base/dist/decorators/event.js";
13
13
  import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
14
14
  import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
15
+ import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
16
+ import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
15
17
  import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
16
18
  // Template
17
19
  import AvatarTemplate from "./generated/templates/AvatarTemplate.lit.js";
@@ -58,6 +60,10 @@ import "@ui5/webcomponents-icons/dist/employee.js";
58
60
  * @public
59
61
  */
60
62
  let Avatar = Avatar_1 = class Avatar extends UI5Element {
63
+ constructor() {
64
+ super();
65
+ this._handleResizeBound = this.handleResize.bind(this);
66
+ }
61
67
  static async onDefine() {
62
68
  Avatar_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
63
69
  }
@@ -110,30 +116,43 @@ let Avatar = Avatar_1 = class Avatar extends UI5Element {
110
116
  this._hasImage = !!this.image.length;
111
117
  return this._hasImage;
112
118
  }
119
+ get initialsContainer() {
120
+ return this.getDomRef().querySelector(".ui5-avatar-initials");
121
+ }
113
122
  onBeforeRendering() {
114
123
  this._onclick = this.interactive ? this._onClickHandler.bind(this) : undefined;
115
124
  }
116
- onAfterRendering() {
117
- this._checkInitials();
125
+ async onAfterRendering() {
126
+ await renderFinished();
127
+ if (this.initials && !this.icon) {
128
+ this._checkInitials();
129
+ }
130
+ }
131
+ onEnterDOM() {
132
+ this.initialsContainer && ResizeHandler.register(this.initialsContainer, this._handleResizeBound);
118
133
  }
119
- _setFallbackIcon() {
120
- // if there isn`t icon set in the avatar the default one is shown, when the initials are not valid or are missing
121
- this.icon = this.icon || "employee";
122
- return this.icon;
134
+ onExitDOM() {
135
+ this.initialsContainer && ResizeHandler.deregister(this.initialsContainer, this._handleResizeBound);
136
+ }
137
+ handleResize() {
138
+ if (this.initials && !this.icon) {
139
+ this._checkInitials();
140
+ }
123
141
  }
124
142
  _checkInitials() {
125
143
  const avatar = this.getDomRef(), avatarInitials = avatar.querySelector(".ui5-avatar-initials");
126
144
  // if there aren`t initalts set - the fallBack icon should be shown
127
145
  if (!this.validInitials) {
128
- this._setFallbackIcon();
146
+ avatarInitials.classList.add("ui5-avatar-initials-hidden");
147
+ return;
129
148
  }
130
149
  // if initials` width is bigger than the avatar, an icon should be shown inside the avatar
150
+ avatarInitials && avatarInitials.classList.remove("ui5-avatar-initials-hidden");
131
151
  if (this.initials && this.initials.length === 3) {
132
- if (avatarInitials && avatarInitials.scrollWidth >= avatar.scrollWidth) {
133
- this._setFallbackIcon();
152
+ if (avatarInitials && avatarInitials.scrollWidth > avatar.scrollWidth) {
153
+ avatarInitials.classList.add("ui5-avatar-initials-hidden");
134
154
  }
135
155
  }
136
- return this.icon;
137
156
  }
138
157
  _onClickHandler(e) {
139
158
  // prevent the native event and fire custom event to ensure the noConfict "ui5-click" is fired
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- import"../../bundle.common.67f9bef3.js";document.getElementById("lazy").addEventListener("ui5-input",async e=>{const{value:i}=e.target;if(e.target.loading=!0,!i)return;const t=await(await fetch(`https://restcountries.com/v3.1/name/${i}`)).json();for(;document.getElementById("lazy").firstChild;)document.getElementById("lazy").removeChild(document.getElementById("lazy").firstChild);t.map(c=>{const n=document.createElement("ui5-cb-item");n.setAttribute("text",c.name.common),document.getElementById("lazy").appendChild(n)}),e.target.loading=!1});const a=document.getElementById("cb-filter-none");let d,m;a.addEventListener("input",e=>{m!==void 0&&clearTimeout(m),m=setTimeout(async()=>{m=void 0;const t=e.target.value;if(d!==void 0&&d.cancel(),t){d=l(t);const c=await d.items;c&&(d=void 0,u(),c.forEach(n=>{const o=document.createElement("ui5-cb-item");o.setAttribute("text",n),a.appendChild(o)}))}else u()},250)});function u(){[...a.children].forEach(e=>a.removeChild(e))}function l(e){let i;return{cancel:()=>i(),items:new Promise(t=>{const c=setTimeout(()=>{const n=[];for(let o=0;o<5;o++)n.push(`${e} #${o+1}`);t(n)},500);i=()=>{clearTimeout(c),t(void 0)}})}}
1
+ import"../../bundle.common.6adcbdcc.js";document.getElementById("lazy").addEventListener("ui5-input",async e=>{const{value:i}=e.target;if(e.target.loading=!0,!i)return;const t=await(await fetch(`https://restcountries.com/v3.1/name/${i}`)).json();for(;document.getElementById("lazy").firstChild;)document.getElementById("lazy").removeChild(document.getElementById("lazy").firstChild);t.map(c=>{const n=document.createElement("ui5-cb-item");n.setAttribute("text",c.name.common),document.getElementById("lazy").appendChild(n)}),e.target.loading=!1});const a=document.getElementById("cb-filter-none");let d,m;a.addEventListener("input",e=>{m!==void 0&&clearTimeout(m),m=setTimeout(async()=>{m=void 0;const t=e.target.value;if(d!==void 0&&d.cancel(),t){d=l(t);const c=await d.items;c&&(d=void 0,u(),c.forEach(n=>{const o=document.createElement("ui5-cb-item");o.setAttribute("text",n),a.appendChild(o)}))}else u()},250)});function u(){[...a.children].forEach(e=>a.removeChild(e))}function l(e){let i;return{cancel:()=>i(),items:new Promise(t=>{const c=setTimeout(()=>{const n=[];for(let o=0;o<5;o++)n.push(`${e} #${o+1}`);t(n)},500);i=()=>{clearTimeout(c),t(void 0)}})}}
@@ -1 +1 @@
1
- import"../../bundle.common.67f9bef3.js";(async()=>{var a=await window["sap-ui-webcomponents-bundle"].getIconNames();a.forEach(e=>{var n=document.createElement("ui5-icon");n.name=e,allIcons.appendChild(n)})})();
1
+ import"../../bundle.common.6adcbdcc.js";(async()=>{var a=await window["sap-ui-webcomponents-bundle"].getIconNames();a.forEach(e=>{var n=document.createElement("ui5-icon");n.name=e,allIcons.appendChild(n)})})();
@@ -1,4 +1,4 @@
1
- import"../../bundle.common.67f9bef3.js";class t extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.createElement("div");e.innerHTML=`
1
+ import"../../bundle.common.6adcbdcc.js";class t extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const e=document.createElement("div");e.innerHTML=`
2
2
  <ui5-label for="input">Label:</ui5-label>
3
3
  <ui5-input id="input"></ui5-input>
4
4
  `,this.shadowRoot.append(e)}}customElements.define("label-page-custom-element",t);
@@ -1 +1 @@
1
- import"../../bundle.common.67f9bef3.js";var r=document.querySelector(".wcBtnOpenDialog");r.addEventListener("click",function(){var e=document.querySelector(".wcDialog");e.show()});var t=document.querySelector(".wcBtnCloseDialog");t.addEventListener("click",function(){var e=document.querySelector(".wcDialog");e.close()});var w=document.querySelector(".wcBtnOpenNewDialog");w.addEventListener("click",function(){var e=document.querySelector(".wcNewDialog");e.show()});var o=document.querySelector(".wcBtnOpenNewDialogPopover");o.addEventListener("click",function(){var e=document.querySelector(".wcNewDialogPopover");e.showAt(o)});var c=document.querySelector(".wcBtnOpenPopover");c.addEventListener("click",function(){var e=document.querySelector(".wcPopover");e.showAt(c)});var l=document.querySelector(".wcBtnClosePopover");l.addEventListener("click",function(){var e=document.querySelector(".wcPopover");e.close()});var n=document.querySelector(".wcBtnOpenNewPopover");n.addEventListener("click",function(){var e=document.querySelector(".wcNewPopover");e.showAt(n)});var i=document.querySelector(".wcBtnOpenNewPopoverDialog11");i.addEventListener("click",function(){var e=document.querySelector(".wcNewPopoverDialog11");e.show()});
1
+ import"../../bundle.common.6adcbdcc.js";var r=document.querySelector(".wcBtnOpenDialog");r.addEventListener("click",function(){var e=document.querySelector(".wcDialog");e.show()});var t=document.querySelector(".wcBtnCloseDialog");t.addEventListener("click",function(){var e=document.querySelector(".wcDialog");e.close()});var w=document.querySelector(".wcBtnOpenNewDialog");w.addEventListener("click",function(){var e=document.querySelector(".wcNewDialog");e.show()});var o=document.querySelector(".wcBtnOpenNewDialogPopover");o.addEventListener("click",function(){var e=document.querySelector(".wcNewDialogPopover");e.showAt(o)});var c=document.querySelector(".wcBtnOpenPopover");c.addEventListener("click",function(){var e=document.querySelector(".wcPopover");e.showAt(c)});var l=document.querySelector(".wcBtnClosePopover");l.addEventListener("click",function(){var e=document.querySelector(".wcPopover");e.close()});var n=document.querySelector(".wcBtnOpenNewPopover");n.addEventListener("click",function(){var e=document.querySelector(".wcNewPopover");e.showAt(n)});var i=document.querySelector(".wcBtnOpenNewPopoverDialog11");i.addEventListener("click",function(){var e=document.querySelector(".wcNewPopoverDialog11");e.show()});
@@ -1 +1 @@
1
- :host(:not([hidden])){display:inline-block;box-sizing:border-box;position:relative}:host(:not([hidden]).ui5_hovered){opacity:.7}:host([focused]){outline:var(--_ui5_avatar_outline);outline-offset:var(--_ui5_avatar_focus_offset)}:host([interactive]){cursor:pointer}:host{height:3rem;width:3rem;border-radius:50%;border:var(--ui5-avatar-initials-border);outline:none;color:var(--ui5-avatar-initials-color)}.ui5-avatar-root{display:flex;align-items:center;justify-content:center;outline:none;height:100%;width:100%}:host([_size=XS]),:host([size=XS]){height:2rem;width:2rem;min-height:2rem;min-width:2rem;font-size:var(--_ui5_avatar_fontsize_XS)}:host([_size=S]),:host([size=S]){min-height:3rem;min-width:3rem;font-size:var(--_ui5_avatar_fontsize_S)}:host([_size=M]),:host([size=M]){min-height:4rem;min-width:4rem;font-size:var(--_ui5_avatar_fontsize_M)}:host([_size=L]),:host([size=L]){min-height:5rem;min-width:5rem;font-size:var(--_ui5_avatar_fontsize_L)}:host([_size=XL]),:host([size=XL]){min-height:7rem;min-width:7rem;font-size:var(--_ui5_avatar_fontsize_XL)}:host .ui5-avatar-icon{height:var(--_ui5_avatar_fontsize_S);width:var(--_ui5_avatar_fontsize_S);color:inherit}:host([_size=XS]) .ui5-avatar-icon,:host([size=XS]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_XS);width:var(--_ui5_avatar_icon_XS)}:host([_size=S]) .ui5-avatar-icon,:host([size=S]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_S);width:var(--_ui5_avatar_icon_S)}:host([_size=M]) .ui5-avatar-icon,:host([size=M]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_M);width:var(--_ui5_avatar_icon_M)}:host([_size=L]) .ui5-avatar-icon,:host([size=L]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_L);width:var(--_ui5_avatar_icon_L)}:host([_size=XL]) .ui5-avatar-icon,:host([size=XL]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_XL);width:var(--_ui5_avatar_icon_XL)}::slotted(*){border-radius:50%;width:100%;height:100%;pointer-events:none}:host([shape=Square]){border-radius:var(--ui5-avatar-border-radius)}:host([shape=Square]) ::slotted(*){border-radius:calc(var(--ui5-avatar-border-radius) - var(--ui5-avatar-border-radius-img-deduction))}:host(:not([_has-image])),:host(:not([color-scheme])),:host([_color-scheme=Accent6]),:host([ui5-avatar][color-scheme=Accent6]){background-color:var(--ui5-avatar-accent6);color:var(--ui5-avatar-accent6-color);border-color:var(--ui5-avatar-accent6-border-color)}:host([_color-scheme=Accent1]),:host([ui5-avatar][color-scheme=Accent1]){background-color:var(--ui5-avatar-accent1);color:var(--ui5-avatar-accent1-color);border-color:var(--ui5-avatar-accent1-border-color)}:host([_color-scheme=Accent2]),:host([ui5-avatar][color-scheme=Accent2]){background-color:var(--ui5-avatar-accent2);color:var(--ui5-avatar-accent2-color);border-color:var(--ui5-avatar-accent2-border-color)}:host([_color-scheme=Accent3]),:host([ui5-avatar][color-scheme=Accent3]){background-color:var(--ui5-avatar-accent3);color:var(--ui5-avatar-accent3-color);border-color:var(--ui5-avatar-accent3-border-color)}:host([_color-scheme=Accent4]),:host([ui5-avatar][color-scheme=Accent4]){background-color:var(--ui5-avatar-accent4);color:var(--ui5-avatar-accent4-color);border-color:var(--ui5-avatar-accent4-border-color)}:host([_color-scheme=Accent5]),:host([ui5-avatar][color-scheme=Accent5]){background-color:var(--ui5-avatar-accent5);color:var(--ui5-avatar-accent5-color);border-color:var(--ui5-avatar-accent5-border-color)}:host([_color-scheme=Accent7]),:host([ui5-avatar][color-scheme=Accent7]){background-color:var(--ui5-avatar-accent7);color:var(--ui5-avatar-accent7-color);border-color:var(--ui5-avatar-accent7-border-color)}:host([_color-scheme=Accent8]),:host([ui5-avatar][color-scheme=Accent8]){background-color:var(--ui5-avatar-accent8);color:var(--ui5-avatar-accent8-color);border-color:var(--ui5-avatar-accent8-border-color)}:host([_color-scheme=Accent9]),:host([ui5-avatar][color-scheme=Accent9]){background-color:var(--ui5-avatar-accent9);color:var(--ui5-avatar-accent9-color);border-color:var(--ui5-avatar-accent9-border-color)}:host([_color-scheme=Accent10]),:host([ui5-avatar][color-scheme=Accent10]){background-color:var(--ui5-avatar-accent10);color:var(--ui5-avatar-accent10-color);border-color:var(--ui5-avatar-accent10-border-color)}:host([_color-scheme=Placeholder]),:host([ui5-avatar][color-scheme=Placeholder]){background-color:var(--ui5-avatar-placeholder);color:var(--ui5-avatar-placeholder-color);border-color:var(--ui5-avatar-placeholder-border-color)}:host([_has-image]){background-color:transparent;vertical-align:middle}.ui5-avatar-initials{color:inherit}::slotted([slot=badge]){position:absolute;bottom:0;right:0;width:1.125rem;height:1.125rem;background:var(--sapButton_Emphasized_Background);border:var(--sapButton_Emphasized_Background);border-radius:1rem;color:var(--sapContent_BadgeTextColor);justify-content:center;font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSmallSize)}::slotted([ui5-badge][slot=badge]){padding:.1875rem}:host([_size=L]) ::slotted([slot=badge]),:host([size=L]) ::slotted([slot=badge]){width:1.25rem;height:1.25rem}:host([_size=XL]) ::slotted([slot=badge]),:host([size=XL]) ::slotted([slot=badge]){padding:.375rem;width:1.75rem;height:1.75rem}:host([shape=Square]) ::slotted([slot=badge]){bottom:-.125rem;right:-.125rem}:host([_size=L][shape=Square]) ::slotted([slot=badge]),:host([size=L][shape=Square]) ::slotted([slot=badge]){bottom:-.1875rem;right:-.1875rem}:host([_size=XL][shape=Square]) ::slotted([slot=badge]),:host([size=XL][shape=Square]) ::slotted([slot=badge]){bottom:-.25rem;right:-.25rem}
1
+ :host(:not([hidden])){display:inline-block;box-sizing:border-box;position:relative}:host(:not([hidden]).ui5_hovered){opacity:.7}:host([focused]){outline:var(--_ui5_avatar_outline);outline-offset:var(--_ui5_avatar_focus_offset)}:host([interactive]){cursor:pointer}:host{height:3rem;width:3rem;border-radius:50%;border:var(--ui5-avatar-initials-border);outline:none;color:var(--ui5-avatar-initials-color)}.ui5-avatar-root{display:flex;align-items:center;justify-content:center;outline:none;height:100%;width:100%}:host([_size=XS]),:host([size=XS]){height:2rem;width:2rem;min-height:2rem;min-width:2rem;font-size:var(--_ui5_avatar_fontsize_XS)}:host([_size=S]),:host([size=S]){min-height:3rem;min-width:3rem;font-size:var(--_ui5_avatar_fontsize_S)}:host([_size=M]),:host([size=M]){min-height:4rem;min-width:4rem;font-size:var(--_ui5_avatar_fontsize_M)}:host([_size=L]),:host([size=L]){min-height:5rem;min-width:5rem;font-size:var(--_ui5_avatar_fontsize_L)}:host([_size=XL]),:host([size=XL]){min-height:7rem;min-width:7rem;font-size:var(--_ui5_avatar_fontsize_XL)}:host .ui5-avatar-icon{height:var(--_ui5_avatar_fontsize_S);width:var(--_ui5_avatar_fontsize_S);color:inherit}:host([_size=XS]) .ui5-avatar-icon,:host([size=XS]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_XS);width:var(--_ui5_avatar_icon_XS)}:host([_size=S]) .ui5-avatar-icon,:host([size=S]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_S);width:var(--_ui5_avatar_icon_S)}:host([_size=M]) .ui5-avatar-icon,:host([size=M]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_M);width:var(--_ui5_avatar_icon_M)}:host([_size=L]) .ui5-avatar-icon,:host([size=L]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_L);width:var(--_ui5_avatar_icon_L)}:host([_size=XL]) .ui5-avatar-icon,:host([size=XL]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_XL);width:var(--_ui5_avatar_icon_XL)}::slotted(*){border-radius:50%;width:100%;height:100%;pointer-events:none}:host([shape=Square]){border-radius:var(--ui5-avatar-border-radius)}:host([shape=Square]) ::slotted(*){border-radius:calc(var(--ui5-avatar-border-radius) - var(--ui5-avatar-border-radius-img-deduction))}:host(:not([_has-image])),:host(:not([color-scheme])),:host([_color-scheme=Accent6]),:host([ui5-avatar][color-scheme=Accent6]){background-color:var(--ui5-avatar-accent6);color:var(--ui5-avatar-accent6-color);border-color:var(--ui5-avatar-accent6-border-color)}:host([_color-scheme=Accent1]),:host([ui5-avatar][color-scheme=Accent1]){background-color:var(--ui5-avatar-accent1);color:var(--ui5-avatar-accent1-color);border-color:var(--ui5-avatar-accent1-border-color)}:host([_color-scheme=Accent2]),:host([ui5-avatar][color-scheme=Accent2]){background-color:var(--ui5-avatar-accent2);color:var(--ui5-avatar-accent2-color);border-color:var(--ui5-avatar-accent2-border-color)}:host([_color-scheme=Accent3]),:host([ui5-avatar][color-scheme=Accent3]){background-color:var(--ui5-avatar-accent3);color:var(--ui5-avatar-accent3-color);border-color:var(--ui5-avatar-accent3-border-color)}:host([_color-scheme=Accent4]),:host([ui5-avatar][color-scheme=Accent4]){background-color:var(--ui5-avatar-accent4);color:var(--ui5-avatar-accent4-color);border-color:var(--ui5-avatar-accent4-border-color)}:host([_color-scheme=Accent5]),:host([ui5-avatar][color-scheme=Accent5]){background-color:var(--ui5-avatar-accent5);color:var(--ui5-avatar-accent5-color);border-color:var(--ui5-avatar-accent5-border-color)}:host([_color-scheme=Accent7]),:host([ui5-avatar][color-scheme=Accent7]){background-color:var(--ui5-avatar-accent7);color:var(--ui5-avatar-accent7-color);border-color:var(--ui5-avatar-accent7-border-color)}:host([_color-scheme=Accent8]),:host([ui5-avatar][color-scheme=Accent8]){background-color:var(--ui5-avatar-accent8);color:var(--ui5-avatar-accent8-color);border-color:var(--ui5-avatar-accent8-border-color)}:host([_color-scheme=Accent9]),:host([ui5-avatar][color-scheme=Accent9]){background-color:var(--ui5-avatar-accent9);color:var(--ui5-avatar-accent9-color);border-color:var(--ui5-avatar-accent9-border-color)}:host([_color-scheme=Accent10]),:host([ui5-avatar][color-scheme=Accent10]){background-color:var(--ui5-avatar-accent10);color:var(--ui5-avatar-accent10-color);border-color:var(--ui5-avatar-accent10-border-color)}:host([_color-scheme=Placeholder]),:host([ui5-avatar][color-scheme=Placeholder]){background-color:var(--ui5-avatar-placeholder);color:var(--ui5-avatar-placeholder-color);border-color:var(--ui5-avatar-placeholder-border-color)}:host([_has-image]){background-color:transparent;vertical-align:middle}.ui5-avatar-initials{color:inherit}.ui5-avatar-icon~.ui5-avatar-icon-fallback,.ui5-avatar-icon~.ui5-avatar-initials{display:none}.ui5-avatar-initials:not(.ui5-avatar-initials-hidden)+.ui5-avatar-icon-fallback{display:none}.ui5-avatar-initials-hidden{position:absolute;visibility:hidden;z-index:0;pointer-events:none}::slotted([slot=badge]){position:absolute;bottom:0;right:0;width:1.125rem;height:1.125rem;background:var(--sapButton_Emphasized_Background);border:var(--sapButton_Emphasized_Background);border-radius:1rem;color:var(--sapContent_BadgeTextColor);justify-content:center;font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSmallSize)}::slotted([ui5-badge][slot=badge]){padding:.1875rem}:host([_size=L]) ::slotted([slot=badge]),:host([size=L]) ::slotted([slot=badge]){width:1.25rem;height:1.25rem}:host([_size=XL]) ::slotted([slot=badge]),:host([size=XL]) ::slotted([slot=badge]){padding:.375rem;width:1.75rem;height:1.75rem}:host([shape=Square]) ::slotted([slot=badge]){bottom:-.125rem;right:-.125rem}:host([_size=L][shape=Square]) ::slotted([slot=badge]),:host([size=L][shape=Square]) ::slotted([slot=badge]){bottom:-.1875rem;right:-.1875rem}:host([_size=XL][shape=Square]) ::slotted([slot=badge]),:host([size=XL][shape=Square]) ::slotted([slot=badge]){bottom:-.25rem;right:-.25rem}
@@ -3,10 +3,9 @@ import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag
3
3
 
4
4
  const block0 = (context, tags, suffix) => html`<div class="ui5-avatar-root" tabindex="${ifDefined(context.tabindex)}" data-sap-focus-ref @keyup=${context._onkeyup} @keydown=${context._onkeydown} @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} role="${ifDefined(context._role)}" aria-haspopup="${ifDefined(context._ariaHasPopup)}">${ context.hasImage ? block1(context, tags, suffix) : block2(context, tags, suffix) }<slot name="badge"></slot></div>`;
5
5
  const block1 = (context, tags, suffix) => html`<slot></slot>`;
6
- const block2 = (context, tags, suffix) => html`${ context.icon ? block3(context, tags, suffix) : block4(context, tags, suffix) }`;
6
+ const block2 = (context, tags, suffix) => html`${ context.icon ? block3(context, tags, suffix) : undefined }${ context.initials ? block4(context, tags, suffix) : undefined }`;
7
7
  const block3 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="ui5-avatar-icon" name="${ifDefined(context.icon)}" accessible-name="${ifDefined(context.accessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="ui5-avatar-icon" name="${ifDefined(context.icon)}" accessible-name="${ifDefined(context.accessibleNameText)}"></ui5-icon>`;
8
- const block4 = (context, tags, suffix) => html`${ context.initials ? block5(context, tags, suffix) : undefined }`;
9
- const block5 = (context, tags, suffix) => html`<span class="ui5-avatar-initials">${ifDefined(context.validInitials)}</span>`;
8
+ const block4 = (context, tags, suffix) => suffix ? html`<span class="ui5-avatar-initials">${ifDefined(context.validInitials)}</span><${scopeTag("ui5-icon", tags, suffix)} class="ui5-avatar-icon ui5-avatar-icon-fallback" name="employee" accessible-name="${ifDefined(context.accessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<span class="ui5-avatar-initials">${ifDefined(context.validInitials)}</span><ui5-icon class="ui5-avatar-icon ui5-avatar-icon-fallback" name="employee" accessible-name="${ifDefined(context.accessibleNameText)}"></ui5-icon>`;
10
9
 
11
10
 
12
11
  export default block0;
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
5
5
  registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
6
- const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Avatar.css.ts", content: ":host(:not([hidden])){display:inline-block;box-sizing:border-box;position:relative}:host(:not([hidden]).ui5_hovered){opacity:.7}:host([focused]){outline:var(--_ui5_avatar_outline);outline-offset:var(--_ui5_avatar_focus_offset)}:host([interactive]){cursor:pointer}:host{height:3rem;width:3rem;border-radius:50%;border:var(--ui5-avatar-initials-border);outline:none;color:var(--ui5-avatar-initials-color)}.ui5-avatar-root{display:flex;align-items:center;justify-content:center;outline:none;height:100%;width:100%}:host([_size=XS]),:host([size=XS]){height:2rem;width:2rem;min-height:2rem;min-width:2rem;font-size:var(--_ui5_avatar_fontsize_XS)}:host([_size=S]),:host([size=S]){min-height:3rem;min-width:3rem;font-size:var(--_ui5_avatar_fontsize_S)}:host([_size=M]),:host([size=M]){min-height:4rem;min-width:4rem;font-size:var(--_ui5_avatar_fontsize_M)}:host([_size=L]),:host([size=L]){min-height:5rem;min-width:5rem;font-size:var(--_ui5_avatar_fontsize_L)}:host([_size=XL]),:host([size=XL]){min-height:7rem;min-width:7rem;font-size:var(--_ui5_avatar_fontsize_XL)}:host .ui5-avatar-icon{height:var(--_ui5_avatar_fontsize_S);width:var(--_ui5_avatar_fontsize_S);color:inherit}:host([_size=XS]) .ui5-avatar-icon,:host([size=XS]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_XS);width:var(--_ui5_avatar_icon_XS)}:host([_size=S]) .ui5-avatar-icon,:host([size=S]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_S);width:var(--_ui5_avatar_icon_S)}:host([_size=M]) .ui5-avatar-icon,:host([size=M]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_M);width:var(--_ui5_avatar_icon_M)}:host([_size=L]) .ui5-avatar-icon,:host([size=L]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_L);width:var(--_ui5_avatar_icon_L)}:host([_size=XL]) .ui5-avatar-icon,:host([size=XL]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_XL);width:var(--_ui5_avatar_icon_XL)}::slotted(*){border-radius:50%;width:100%;height:100%;pointer-events:none}:host([shape=Square]){border-radius:var(--ui5-avatar-border-radius)}:host([shape=Square]) ::slotted(*){border-radius:calc(var(--ui5-avatar-border-radius) - var(--ui5-avatar-border-radius-img-deduction))}:host(:not([_has-image])),:host(:not([color-scheme])),:host([_color-scheme=Accent6]),:host([ui5-avatar][color-scheme=Accent6]){background-color:var(--ui5-avatar-accent6);color:var(--ui5-avatar-accent6-color);border-color:var(--ui5-avatar-accent6-border-color)}:host([_color-scheme=Accent1]),:host([ui5-avatar][color-scheme=Accent1]){background-color:var(--ui5-avatar-accent1);color:var(--ui5-avatar-accent1-color);border-color:var(--ui5-avatar-accent1-border-color)}:host([_color-scheme=Accent2]),:host([ui5-avatar][color-scheme=Accent2]){background-color:var(--ui5-avatar-accent2);color:var(--ui5-avatar-accent2-color);border-color:var(--ui5-avatar-accent2-border-color)}:host([_color-scheme=Accent3]),:host([ui5-avatar][color-scheme=Accent3]){background-color:var(--ui5-avatar-accent3);color:var(--ui5-avatar-accent3-color);border-color:var(--ui5-avatar-accent3-border-color)}:host([_color-scheme=Accent4]),:host([ui5-avatar][color-scheme=Accent4]){background-color:var(--ui5-avatar-accent4);color:var(--ui5-avatar-accent4-color);border-color:var(--ui5-avatar-accent4-border-color)}:host([_color-scheme=Accent5]),:host([ui5-avatar][color-scheme=Accent5]){background-color:var(--ui5-avatar-accent5);color:var(--ui5-avatar-accent5-color);border-color:var(--ui5-avatar-accent5-border-color)}:host([_color-scheme=Accent7]),:host([ui5-avatar][color-scheme=Accent7]){background-color:var(--ui5-avatar-accent7);color:var(--ui5-avatar-accent7-color);border-color:var(--ui5-avatar-accent7-border-color)}:host([_color-scheme=Accent8]),:host([ui5-avatar][color-scheme=Accent8]){background-color:var(--ui5-avatar-accent8);color:var(--ui5-avatar-accent8-color);border-color:var(--ui5-avatar-accent8-border-color)}:host([_color-scheme=Accent9]),:host([ui5-avatar][color-scheme=Accent9]){background-color:var(--ui5-avatar-accent9);color:var(--ui5-avatar-accent9-color);border-color:var(--ui5-avatar-accent9-border-color)}:host([_color-scheme=Accent10]),:host([ui5-avatar][color-scheme=Accent10]){background-color:var(--ui5-avatar-accent10);color:var(--ui5-avatar-accent10-color);border-color:var(--ui5-avatar-accent10-border-color)}:host([_color-scheme=Placeholder]),:host([ui5-avatar][color-scheme=Placeholder]){background-color:var(--ui5-avatar-placeholder);color:var(--ui5-avatar-placeholder-color);border-color:var(--ui5-avatar-placeholder-border-color)}:host([_has-image]){background-color:transparent;vertical-align:middle}.ui5-avatar-initials{color:inherit}::slotted([slot=badge]){position:absolute;bottom:0;right:0;width:1.125rem;height:1.125rem;background:var(--sapButton_Emphasized_Background);border:var(--sapButton_Emphasized_Background);border-radius:1rem;color:var(--sapContent_BadgeTextColor);justify-content:center;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSmallSize)}::slotted([ui5-badge][slot=badge]){padding:.1875rem}:host([_size=L]) ::slotted([slot=badge]),:host([size=L]) ::slotted([slot=badge]){width:1.25rem;height:1.25rem}:host([_size=XL]) ::slotted([slot=badge]),:host([size=XL]) ::slotted([slot=badge]){padding:.375rem;width:1.75rem;height:1.75rem}:host([shape=Square]) ::slotted([slot=badge]){bottom:-.125rem;right:-.125rem}:host([_size=L][shape=Square]) ::slotted([slot=badge]),:host([size=L][shape=Square]) ::slotted([slot=badge]){bottom:-.1875rem;right:-.1875rem}:host([_size=XL][shape=Square]) ::slotted([slot=badge]),:host([size=XL][shape=Square]) ::slotted([slot=badge]){bottom:-.25rem;right:-.25rem}" };
6
+ const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Avatar.css.ts", content: ":host(:not([hidden])){display:inline-block;box-sizing:border-box;position:relative}:host(:not([hidden]).ui5_hovered){opacity:.7}:host([focused]){outline:var(--_ui5_avatar_outline);outline-offset:var(--_ui5_avatar_focus_offset)}:host([interactive]){cursor:pointer}:host{height:3rem;width:3rem;border-radius:50%;border:var(--ui5-avatar-initials-border);outline:none;color:var(--ui5-avatar-initials-color)}.ui5-avatar-root{display:flex;align-items:center;justify-content:center;outline:none;height:100%;width:100%}:host([_size=XS]),:host([size=XS]){height:2rem;width:2rem;min-height:2rem;min-width:2rem;font-size:var(--_ui5_avatar_fontsize_XS)}:host([_size=S]),:host([size=S]){min-height:3rem;min-width:3rem;font-size:var(--_ui5_avatar_fontsize_S)}:host([_size=M]),:host([size=M]){min-height:4rem;min-width:4rem;font-size:var(--_ui5_avatar_fontsize_M)}:host([_size=L]),:host([size=L]){min-height:5rem;min-width:5rem;font-size:var(--_ui5_avatar_fontsize_L)}:host([_size=XL]),:host([size=XL]){min-height:7rem;min-width:7rem;font-size:var(--_ui5_avatar_fontsize_XL)}:host .ui5-avatar-icon{height:var(--_ui5_avatar_fontsize_S);width:var(--_ui5_avatar_fontsize_S);color:inherit}:host([_size=XS]) .ui5-avatar-icon,:host([size=XS]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_XS);width:var(--_ui5_avatar_icon_XS)}:host([_size=S]) .ui5-avatar-icon,:host([size=S]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_S);width:var(--_ui5_avatar_icon_S)}:host([_size=M]) .ui5-avatar-icon,:host([size=M]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_M);width:var(--_ui5_avatar_icon_M)}:host([_size=L]) .ui5-avatar-icon,:host([size=L]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_L);width:var(--_ui5_avatar_icon_L)}:host([_size=XL]) .ui5-avatar-icon,:host([size=XL]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_XL);width:var(--_ui5_avatar_icon_XL)}::slotted(*){border-radius:50%;width:100%;height:100%;pointer-events:none}:host([shape=Square]){border-radius:var(--ui5-avatar-border-radius)}:host([shape=Square]) ::slotted(*){border-radius:calc(var(--ui5-avatar-border-radius) - var(--ui5-avatar-border-radius-img-deduction))}:host(:not([_has-image])),:host(:not([color-scheme])),:host([_color-scheme=Accent6]),:host([ui5-avatar][color-scheme=Accent6]){background-color:var(--ui5-avatar-accent6);color:var(--ui5-avatar-accent6-color);border-color:var(--ui5-avatar-accent6-border-color)}:host([_color-scheme=Accent1]),:host([ui5-avatar][color-scheme=Accent1]){background-color:var(--ui5-avatar-accent1);color:var(--ui5-avatar-accent1-color);border-color:var(--ui5-avatar-accent1-border-color)}:host([_color-scheme=Accent2]),:host([ui5-avatar][color-scheme=Accent2]){background-color:var(--ui5-avatar-accent2);color:var(--ui5-avatar-accent2-color);border-color:var(--ui5-avatar-accent2-border-color)}:host([_color-scheme=Accent3]),:host([ui5-avatar][color-scheme=Accent3]){background-color:var(--ui5-avatar-accent3);color:var(--ui5-avatar-accent3-color);border-color:var(--ui5-avatar-accent3-border-color)}:host([_color-scheme=Accent4]),:host([ui5-avatar][color-scheme=Accent4]){background-color:var(--ui5-avatar-accent4);color:var(--ui5-avatar-accent4-color);border-color:var(--ui5-avatar-accent4-border-color)}:host([_color-scheme=Accent5]),:host([ui5-avatar][color-scheme=Accent5]){background-color:var(--ui5-avatar-accent5);color:var(--ui5-avatar-accent5-color);border-color:var(--ui5-avatar-accent5-border-color)}:host([_color-scheme=Accent7]),:host([ui5-avatar][color-scheme=Accent7]){background-color:var(--ui5-avatar-accent7);color:var(--ui5-avatar-accent7-color);border-color:var(--ui5-avatar-accent7-border-color)}:host([_color-scheme=Accent8]),:host([ui5-avatar][color-scheme=Accent8]){background-color:var(--ui5-avatar-accent8);color:var(--ui5-avatar-accent8-color);border-color:var(--ui5-avatar-accent8-border-color)}:host([_color-scheme=Accent9]),:host([ui5-avatar][color-scheme=Accent9]){background-color:var(--ui5-avatar-accent9);color:var(--ui5-avatar-accent9-color);border-color:var(--ui5-avatar-accent9-border-color)}:host([_color-scheme=Accent10]),:host([ui5-avatar][color-scheme=Accent10]){background-color:var(--ui5-avatar-accent10);color:var(--ui5-avatar-accent10-color);border-color:var(--ui5-avatar-accent10-border-color)}:host([_color-scheme=Placeholder]),:host([ui5-avatar][color-scheme=Placeholder]){background-color:var(--ui5-avatar-placeholder);color:var(--ui5-avatar-placeholder-color);border-color:var(--ui5-avatar-placeholder-border-color)}:host([_has-image]){background-color:transparent;vertical-align:middle}.ui5-avatar-initials{color:inherit}.ui5-avatar-icon~.ui5-avatar-icon-fallback,.ui5-avatar-icon~.ui5-avatar-initials{display:none}.ui5-avatar-initials:not(.ui5-avatar-initials-hidden)+.ui5-avatar-icon-fallback{display:none}.ui5-avatar-initials-hidden{position:absolute;visibility:hidden;z-index:0;pointer-events:none}::slotted([slot=badge]){position:absolute;bottom:0;right:0;width:1.125rem;height:1.125rem;background:var(--sapButton_Emphasized_Background);border:var(--sapButton_Emphasized_Background);border-radius:1rem;color:var(--sapContent_BadgeTextColor);justify-content:center;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSmallSize)}::slotted([ui5-badge][slot=badge]){padding:.1875rem}:host([_size=L]) ::slotted([slot=badge]),:host([size=L]) ::slotted([slot=badge]){width:1.25rem;height:1.25rem}:host([_size=XL]) ::slotted([slot=badge]),:host([size=XL]) ::slotted([slot=badge]){padding:.375rem;width:1.75rem;height:1.75rem}:host([shape=Square]) ::slotted([slot=badge]){bottom:-.125rem;right:-.125rem}:host([_size=L][shape=Square]) ::slotted([slot=badge]),:host([size=L][shape=Square]) ::slotted([slot=badge]){bottom:-.1875rem;right:-.1875rem}:host([_size=XL][shape=Square]) ::slotted([slot=badge]),:host([size=XL][shape=Square]) ::slotted([slot=badge]){bottom:-.25rem;right:-.25rem}" };
7
7
  export default styleData;
8
8
  //# sourceMappingURL=Avatar.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Avatar.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC,87KAA87K,EAAC,CAAC;AACviL,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"Avatar.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Avatar.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC,utLAAutL,EAAC,CAAC;AACh0L,eAAe,SAAS,CAAC"}
@@ -21,7 +21,7 @@
21
21
 
22
22
 
23
23
 
24
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
24
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
25
25
  <link rel="stylesheet" href="/assets/72override.4f6354a6.css">
26
26
  </head>
27
27
 
@@ -28,7 +28,7 @@
28
28
  });
29
29
  });
30
30
  </script>
31
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
31
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
32
32
  <link rel="stylesheet" href="/assets/AnimanitionOff.17238f14.css">
33
33
  </head>
34
34
 
@@ -15,7 +15,7 @@
15
15
  <script>// delete Document.prototype.adoptedStyleSheets;</script>
16
16
 
17
17
 
18
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
18
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
19
19
  <link rel="stylesheet" href="/assets/Avatar.94951703.css">
20
20
  </head>
21
21
 
@@ -20,7 +20,7 @@
20
20
 
21
21
 
22
22
 
23
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
23
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
24
24
  <link rel="stylesheet" href="/assets/AvatarGroup.dfa05e72.css">
25
25
  </head>
26
26
 
@@ -15,7 +15,7 @@
15
15
  </script>
16
16
 
17
17
 
18
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
18
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
19
19
  <link rel="stylesheet" href="/assets/Badge.b61adec8.css">
20
20
  </head>
21
21
 
@@ -22,7 +22,7 @@
22
22
 
23
23
 
24
24
 
25
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
25
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
26
26
  <link rel="stylesheet" href="/assets/Breadcrumbs.84456832.css">
27
27
  </head>
28
28
 
@@ -21,7 +21,7 @@
21
21
 
22
22
 
23
23
 
24
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
24
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
25
25
  <link rel="stylesheet" href="/assets/BusyIndicator.26348187.css">
26
26
  </head>
27
27
 
@@ -15,7 +15,7 @@
15
15
 
16
16
 
17
17
 
18
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
18
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
19
19
  <link rel="stylesheet" href="/assets/Button.50012cf5.css">
20
20
  </head>
21
21
 
@@ -21,7 +21,7 @@
21
21
 
22
22
 
23
23
 
24
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
24
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
25
25
  <link rel="stylesheet" href="/assets/Calendar.50f74bde.css">
26
26
  </head>
27
27
  <body class="calendar1auto">
@@ -9,7 +9,7 @@
9
9
 
10
10
 
11
11
 
12
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
12
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
13
13
  <link rel="stylesheet" href="/assets/Card.55e180c2.css">
14
14
  </head>
15
15
 
@@ -11,7 +11,7 @@
11
11
 
12
12
 
13
13
 
14
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
14
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
15
15
  <link rel="stylesheet" href="/assets/Carousel.f4a2672a.css">
16
16
  </head>
17
17
 
@@ -13,7 +13,7 @@
13
13
  <script>// delete Document.prototype.adoptedStyleSheets;</script>
14
14
 
15
15
 
16
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
16
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
17
17
  <link rel="stylesheet" href="/assets/CheckBox.46926e71.css">
18
18
  </head>
19
19
 
@@ -16,7 +16,7 @@
16
16
 
17
17
 
18
18
 
19
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
19
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
20
20
  <link rel="stylesheet" href="/assets/ColorPalette.63fbe3b6.css">
21
21
  </head>
22
22
 
@@ -16,7 +16,7 @@
16
16
 
17
17
 
18
18
 
19
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
19
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
20
20
  <link rel="stylesheet" href="/assets/ColorPalettePopover.49b33da8.css">
21
21
  </head>
22
22
 
@@ -21,7 +21,7 @@
21
21
 
22
22
 
23
23
 
24
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
24
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
25
25
  <link rel="stylesheet" href="/assets/ColorPicker.7cec8ee6.css">
26
26
  </head>
27
27
  <body class="colorpicker1auto">
@@ -19,8 +19,8 @@
19
19
 
20
20
 
21
21
 
22
- <script type="module" crossorigin src="/assets/test/pages/ComboBox.html.7265a8e1.js"></script>
23
- <link rel="modulepreload" crossorigin href="/assets/bundle.common.67f9bef3.js">
22
+ <script type="module" crossorigin src="/assets/test/pages/ComboBox.html.f604a0f3.js"></script>
23
+ <link rel="modulepreload" crossorigin href="/assets/bundle.common.6adcbdcc.js">
24
24
  <link rel="stylesheet" href="/assets/ComboBox.de651845.css">
25
25
  </head>
26
26
 
@@ -18,7 +18,7 @@
18
18
 
19
19
 
20
20
 
21
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
21
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
22
22
  <link rel="stylesheet" href="/assets/Components.2e97c4ff.css">
23
23
  </head>
24
24
 
@@ -20,7 +20,7 @@
20
20
  </script>
21
21
 
22
22
 
23
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
23
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
24
24
  <link rel="stylesheet" href="/assets/CoreControls.fff9c510.css">
25
25
  </head>
26
26
 
@@ -20,7 +20,7 @@
20
20
  </script>
21
21
 
22
22
 
23
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
23
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
24
24
  <link rel="stylesheet" href="/assets/CoreControls_exp.ab4b7ad2.css">
25
25
  </head>
26
26
 
@@ -21,7 +21,7 @@
21
21
 
22
22
 
23
23
 
24
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
24
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
25
25
  <link rel="stylesheet" href="/assets/CustomCSS.79ab0997.css">
26
26
  </head>
27
27
 
@@ -32,7 +32,7 @@
32
32
  </script>
33
33
 
34
34
 
35
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
35
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
36
36
  <link rel="stylesheet" href="/assets/DatePicker.975133a2.css">
37
37
  </head>
38
38
  <body class="datepicker1auto">
@@ -15,7 +15,7 @@
15
15
 
16
16
 
17
17
 
18
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
18
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
19
19
  <link rel="stylesheet" href="/assets/DatePicker_test_page.3de901b4.css">
20
20
  </head>
21
21
  <body class="datepicker_test_page1auto">
@@ -23,7 +23,7 @@
23
23
  </script>
24
24
 
25
25
 
26
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
26
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
27
27
  <link rel="stylesheet" href="/assets/DateRangePicker.0e44d4a3.css">
28
28
  </head>
29
29
  <body class="daterangepicker1auto">
@@ -15,7 +15,7 @@
15
15
 
16
16
 
17
17
 
18
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
18
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
19
19
  <link rel="stylesheet" href="/assets/DateTimePicker.81c1bacc.css">
20
20
  </head>
21
21
 
@@ -27,7 +27,7 @@
27
27
  </script>
28
28
 
29
29
 
30
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
30
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
31
31
  <link rel="stylesheet" href="/assets/DayPicker.9d37213d.css">
32
32
  </head>
33
33
  <body class="daypicker1auto">
@@ -21,7 +21,7 @@
21
21
 
22
22
 
23
23
 
24
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
24
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
25
25
  <link rel="stylesheet" href="/assets/Dialog.be6e9063.css">
26
26
  </head>
27
27
 
@@ -21,7 +21,7 @@
21
21
 
22
22
 
23
23
 
24
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
24
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
25
25
  <link rel="stylesheet" href="/assets/DialogLifecycle.a25fbcc8.css">
26
26
  </head>
27
27
 
@@ -22,7 +22,7 @@
22
22
 
23
23
 
24
24
 
25
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
25
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
26
26
  <link rel="stylesheet" href="/assets/DialogSemantic.6c8938ae.css">
27
27
  </head>
28
28
 
@@ -13,7 +13,7 @@
13
13
 
14
14
 
15
15
 
16
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
16
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
17
17
  <link rel="stylesheet" href="/assets/DurationPicker.d4e0845b.css">
18
18
  </head>
19
19
 
@@ -11,7 +11,7 @@
11
11
 
12
12
 
13
13
 
14
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
14
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
15
15
  <link rel="stylesheet" href="/assets/Eventing.e9e4b0ce.css">
16
16
  </head>
17
17
 
@@ -11,7 +11,7 @@
11
11
 
12
12
 
13
13
 
14
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
14
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
15
15
  <link rel="stylesheet" href="/assets/F6Test.236247a9.css">
16
16
  </head>
17
17
 
@@ -11,7 +11,7 @@
11
11
 
12
12
 
13
13
 
14
- <script type="module" crossorigin src="/assets/bundle.common.67f9bef3.js"></script>
14
+ <script type="module" crossorigin src="/assets/bundle.common.6adcbdcc.js"></script>
15
15
  <link rel="stylesheet" href="/assets/F6Test.236247a9.css">
16
16
  </head>
17
17