@ui5/webcomponents 1.15.1 → 1.16.0-rc.0

package/dist/generated/templates/ProgressIndicatorTemplate.lit.js

@@ -1,6 +1,6 @@
 /* eslint no-unused-vars: 0 */
 import { html, classMap, styleMap, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return html `<div class="ui5-progress-indicator-root ${classMap(this.classes.root)}" role="progressbar" aria-valuemin="0" aria-valuenow="${ifDefined(this.validatedValue)}" aria-valuemax="100" aria-valuetext="${ifDefined(this.valueStateText)}" aria-disabled="${ifDefined(this._ariaDisabled)}"><div class="ui5-progress-indicator-bar" style="${styleMap(this.styles.bar)}">${!this.showValueInRemainingBar ? block1.call(this, context, tags, suffix) : undefined}</div><div class="ui5-progress-indicator-remaining-bar">${this.showValueInRemainingBar ? block6.call(this, context, tags, suffix) : undefined}</div></div>`; }
+function block0(context, tags, suffix) { return html `<div class="ui5-progress-indicator-root ${classMap(this.classes.root)}" role="progressbar" aria-valuemin="0" aria-valuenow="${ifDefined(this.validatedValue)}" aria-valuemax="100" aria-valuetext="${ifDefined(this.valueStateText)}" aria-disabled="${ifDefined(this._ariaDisabled)}" aria-label="${ifDefined(this.accessibleName)}"><div class="ui5-progress-indicator-bar" style="${styleMap(this.styles.bar)}">${!this.showValueInRemainingBar ? block1.call(this, context, tags, suffix) : undefined}</div><div class="ui5-progress-indicator-remaining-bar">${this.showValueInRemainingBar ? block6.call(this, context, tags, suffix) : undefined}</div></div>`; }
 function block1(context, tags, suffix) { return html `${this.showIcon ? block2.call(this, context, tags, suffix) : undefined}${!this.hideValue ? block3.call(this, context, tags, suffix) : undefined}`; }
 function block2(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.valueStateIcon)}" class="ui5-progress-indicator-icon"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon name="${ifDefined(this.valueStateIcon)}" class="ui5-progress-indicator-icon"></ui5-icon>`; }
 function block3(context, tags, suffix) { return html `<span class="ui5-progress-indicator-value">${this.displayValue ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}</span>`; }

package/dist/generated/templates/ProgressIndicatorTemplate.lit.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicatorTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ProgressIndicatorTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type ProgressIndicator from \"../../ProgressIndicator.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"ui5-progress-indicator-root ${classMap(this.classes.root as ClassMapValue)}\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuenow=\"${ifDefined(this.validatedValue)}\" aria-valuemax=\"100\" aria-valuetext=\"${ifDefined(this.valueStateText)}\" aria-disabled=\"${ifDefined(this._ariaDisabled)}\"><div class=\"ui5-progress-indicator-bar\" style=\"${styleMap(this.styles.bar)}\">${ !this.showValueInRemainingBar ? block1.call(this, context, tags, suffix) : undefined }</div><div class=\"ui5-progress-indicator-remaining-bar\">${ this.showValueInRemainingBar ? block6.call(this, context, tags, suffix) : undefined }</div></div>`;}\nfunction block1 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.showIcon ? block2.call(this, context, tags, suffix) : undefined }${ !this.hideValue ? block3.call(this, context, tags, suffix) : undefined }`;}\nfunction block2 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} name=\"${ifDefined(this.valueStateIcon)}\" class=\"ui5-progress-indicator-icon\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon name=\"${ifDefined(this.valueStateIcon)}\" class=\"ui5-progress-indicator-icon\"></ui5-icon>`;}\nfunction block3 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"ui5-progress-indicator-value\">${ this.displayValue ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) }</span>`;}\nfunction block4 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.displayValue)}`;}\nfunction block5 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.validatedValue)}% `;}\nfunction block6 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.showIcon ? block7.call(this, context, tags, suffix) : undefined }${ !this.hideValue ? block8.call(this, context, tags, suffix) : undefined }`;}\nfunction block7 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} name=\"${ifDefined(this.valueStateIcon)}\" class=\"ui5-progress-indicator-icon\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon name=\"${ifDefined(this.valueStateIcon)}\" class=\"ui5-progress-indicator-icon\"></ui5-icon>`;}\nfunction block8 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"ui5-progress-indicator-value\">${ this.displayValue ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }</span>`;}\nfunction block9 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.displayValue)}`;}\nfunction block10 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.validatedValue)}% `;}\n\n\nexport default block0;"]}
+{"version":3,"file":"ProgressIndicatorTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ProgressIndicatorTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type ProgressIndicator from \"../../ProgressIndicator.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"ui5-progress-indicator-root ${classMap(this.classes.root as ClassMapValue)}\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuenow=\"${ifDefined(this.validatedValue)}\" aria-valuemax=\"100\" aria-valuetext=\"${ifDefined(this.valueStateText)}\" aria-disabled=\"${ifDefined(this._ariaDisabled)}\" aria-label=\"${ifDefined(this.accessibleName)}\"><div class=\"ui5-progress-indicator-bar\" style=\"${styleMap(this.styles.bar)}\">${ !this.showValueInRemainingBar ? block1.call(this, context, tags, suffix) : undefined }</div><div class=\"ui5-progress-indicator-remaining-bar\">${ this.showValueInRemainingBar ? block6.call(this, context, tags, suffix) : undefined }</div></div>`;}\nfunction block1 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.showIcon ? block2.call(this, context, tags, suffix) : undefined }${ !this.hideValue ? block3.call(this, context, tags, suffix) : undefined }`;}\nfunction block2 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} name=\"${ifDefined(this.valueStateIcon)}\" class=\"ui5-progress-indicator-icon\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon name=\"${ifDefined(this.valueStateIcon)}\" class=\"ui5-progress-indicator-icon\"></ui5-icon>`;}\nfunction block3 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"ui5-progress-indicator-value\">${ this.displayValue ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) }</span>`;}\nfunction block4 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.displayValue)}`;}\nfunction block5 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.validatedValue)}% `;}\nfunction block6 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.showIcon ? block7.call(this, context, tags, suffix) : undefined }${ !this.hideValue ? block8.call(this, context, tags, suffix) : undefined }`;}\nfunction block7 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} name=\"${ifDefined(this.valueStateIcon)}\" class=\"ui5-progress-indicator-icon\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon name=\"${ifDefined(this.valueStateIcon)}\" class=\"ui5-progress-indicator-icon\"></ui5-icon>`;}\nfunction block8 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"ui5-progress-indicator-value\">${ this.displayValue ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }</span>`;}\nfunction block9 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.displayValue)}`;}\nfunction block10 (this: ProgressIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.validatedValue)}% `;}\n\n\nexport default block0;"]}

package/dist/test/pages/72override.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta charset="utf-8">
+
+    <title>Button</title>
+
+    <script data-ui5-config type="application/json">
+        {
+            "language": "EN",
+            "noConflict": {
+                "events": ["click"]
+            },
+            "calendarType": "Islamic"
+        }
+    </script>
+
+
+	
+
+
+
+  <script type="module" crossorigin src="/assets/bundle.common.cd5b5590.js"></script>
+  <link rel="stylesheet" href="/assets/72override.4f6354a6.css">
+</head>
+
+<body class="font72override1auto">
+
+<ui5-button>Đỗ</ui5-button>
+
+</body>
+</html>

package/dist/test/pages/AnimanitionOff.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+	<title>Animations off</title>
+
+	<script data-ui5-config type="application/json">
+		{
+			"animationMode": "none"
+		}
+	</script>
+
+	
+
+
+	
+
+	<script>
+		document.addEventListener("DOMContentLoaded", function () {
+			panel1.addEventListener("ui5-toggle", function (event) {
+				console.log(event);
+				event.target.headerText = event.target.collapsed ? "Click to expand!" : "Click to collapse!";
+				field1.value = parseInt(field1.value) + 1;
+			});
+			panel2.addEventListener("ui5-toggle", function (event) {
+				field2.value = parseInt(field2.value) + 1;
+			});
+		});
+	</script>
+  <script type="module" crossorigin src="/assets/bundle.common.cd5b5590.js"></script>
+  <link rel="stylesheet" href="/assets/AnimanitionOff.17238f14.css">
+</head>
+
+<body class="animanitionoff1auto">
+	<ui5-panel id="panel1" collapsed header-text="Click to expand!" class="panel">
+		<ui5-title>This is a demo how to use the &quot;expand&quot; event.</ui5-title><br>
+		<ui5-label>Some short text.</ui5-label>
+	</ui5-panel>
+
+	<ui5-panel id="panel2" collapsed accessible-role="Complementary" class="panel">
+		<div slot="header" class="header">
+			<ui5-title>Expandable but not expanded</ui5-title>
+		</div>
+		<ui5-title>This is a demo how to use the &quot;expand&quot; event.</ui5-title><br>
+		<ui5-label>Some short text.</ui5-label>
+	</ui5-panel><br>
+
+	<ui5-input id="field1" value="0"></ui5-input>
+	<ui5-input id="field2" value="0"></ui5-input>
+</body>
+</html>

package/dist/test/pages/Avatar.html

@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="utf-8">
+
+	<title>Avatar</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+	<meta charset="utf-8">
+
+
+	
+
+
+	<script>// delete Document.prototype.adoptedStyleSheets;</script>
+
+	
+  <script type="module" crossorigin src="/assets/bundle.common.cd5b5590.js"></script>
+  <link rel="stylesheet" href="/assets/Avatar.94951703.css">
+</head>
+
+<body class="avatar1auto">
+	<section>
+		<h3>Avatar - Basic sample</h3>
+		<ui5-avatar>
+			<img src="/assets/John_Miller.fc9d0d73.png" alt="John Miller">
+		</ui5-avatar>
+	</section>
+
+	<section>
+		<h3>Avatar - special characters in image path</h3>
+		<ui5-avatar class="avatar2auto">
+			<img src="/assets/John_Miller.fc9d0d73.png" alt="John Miller">
+		</ui5-avatar>
+		<ui5-avatar class="avatar2auto">
+			<img src="/assets/John_Miller.fc9d0d73.png" alt="John Miller">
+		</ui5-avatar>
+		<ui5-avatar class="avatar2auto">
+			<img src="/assets/John_Miller.fc9d0d73.png" alt="John Miller">
+		</ui5-avatar>
+		<ui5-avatar class="avatar2auto">
+			<img src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" alt="SAP Logo">
+		</ui5-avatar>
+	</section>
+
+	<section>
+		<h3>Avatar - Square [ XS, S, M, L, XL ]</h3>
+		<ui5-avatar shape="Square" size="XS">
+			<img src="/assets/woman_avatar_5.7316a316.png" alt="Woman image">
+		</ui5-avatar>
+		<ui5-avatar shape="Square" size="S">
+			<img src="/assets/woman_avatar_5.7316a316.png" alt="Woman image">
+		</ui5-avatar>
+		<ui5-avatar shape="Square" size="M">
+			<img src="/assets/woman_avatar_5.7316a316.png" alt="Woman image">
+		</ui5-avatar>
+		<ui5-avatar shape="Square" size="L">
+			<img src="/assets/woman_avatar_5.7316a316.png" alt="Woman image">
+		</ui5-avatar>
+		<ui5-avatar shape="Square" size="XL">
+			<img src="/assets/woman_avatar_5.7316a316.png" alt="Woman image">
+		</ui5-avatar>
+	</section>
+
+	<section>
+		<h3>Avatar - Circle [ XS, S, M, L, XL ]</h3>
+		<ui5-avatar size="XS">
+			<img src="/assets/John_Miller.fc9d0d73.png" alt="John Miller">
+		</ui5-avatar>
+		<ui5-avatar size="S">
+			<img src="/assets/John_Miller.fc9d0d73.png" alt="John Miller">
+		</ui5-avatar>
+		<ui5-avatar size="M">
+			<img src="/assets/John_Miller.fc9d0d73.png" alt="John Miller">
+		</ui5-avatar>
+		<ui5-avatar size="L">
+			<img src="/assets/John_Miller.fc9d0d73.png" alt="John Miller">
+		</ui5-avatar>
+		<ui5-avatar size="XL">
+			<img src="/assets/John_Miller.fc9d0d73.png" alt="John Miller">
+		</ui5-avatar>
+	</section>
+
+	<section>
+		<h3>Avatar - UI5 Icons</h3>
+		<ui5-avatar icon="filter" size="XS"></ui5-avatar>
+		<ui5-avatar icon="employee" size="S"></ui5-avatar>
+		<ui5-avatar icon="product" size="M"></ui5-avatar>
+		<ui5-avatar icon="supplier" size="L"></ui5-avatar>
+		<ui5-avatar icon="shipping-status" size="XL"></ui5-avatar>
+	</section>
+
+	<section>
+		<h3>Avatar - UI5 Icons</h3>
+		<ui5-avatar icon="filter" shape="Square" size="XS"></ui5-avatar>
+		<ui5-avatar icon="employee" shape="Square" size="S"></ui5-avatar>
+		<ui5-avatar icon="product" shape="Square" size="M"></ui5-avatar>
+		<ui5-avatar icon="supplier" shape="Square" size="L"></ui5-avatar>
+		<ui5-avatar icon="shipping-status" shape="Square" size="XL"></ui5-avatar>
+	</section>
+
+	<section>
+		<h3>Avatar - Background colors [ Accent1, Accent2, Accent3, Accent4, Accent5, Accent6, Accent7, Accent8, Accent9, Accent10, Placeholder ]</h3>
+		<ui5-avatar color-scheme="Accent1" size="L"></ui5-avatar>
+		<ui5-avatar color-scheme="Accent2" size="L"></ui5-avatar>
+		<ui5-avatar color-scheme="Accent3" size="L"></ui5-avatar>
+		<ui5-avatar color-scheme="Accent4" size="L"></ui5-avatar>
+		<ui5-avatar color-scheme="Accent5" size="L"></ui5-avatar>
+		<ui5-avatar size="L"></ui5-avatar>
+		<ui5-avatar color-scheme="Accent7" size="L"></ui5-avatar>
+		<ui5-avatar color-scheme="Accent8" size="L"></ui5-avatar>
+		<ui5-avatar color-scheme="Accent9" size="L"></ui5-avatar>
+		<ui5-avatar color-scheme="Accent10" size="L"></ui5-avatar>
+		<ui5-avatar color-scheme="Placeholder" size="L"></ui5-avatar>
+	</section>
+
+	<section>
+		<h3>Avatar - Initials</h3>
+		<ui5-avatar initials="XS" color-scheme="Accent1" size="XS"></ui5-avatar>
+		<ui5-avatar initials="S" color-scheme="Accent2" size="S"></ui5-avatar>
+		<ui5-avatar initials="M" color-scheme="Accent3" size="M"></ui5-avatar>
+		<ui5-avatar initials="L" color-scheme="Accent4" size="L"></ui5-avatar>
+		<ui5-avatar initials="XL" color-scheme="Accent5" size="XL"></ui5-avatar>
+		<ui5-avatar initials="XS" shape="Square" size="XS"></ui5-avatar>
+		<ui5-avatar initials="S" color-scheme="Accent7" shape="Square" size="S"></ui5-avatar>
+		<ui5-avatar initials="M" color-scheme="Accent8" shape="Square" size="M"></ui5-avatar>
+		<ui5-avatar initials="L" color-scheme="Accent9" shape="Square" size="L"></ui5-avatar>
+		<ui5-avatar initials="XL" color-scheme="Accent10" shape="Square" size="XL"></ui5-avatar>
+	</section>
+
+	<section>
+		<h3>Avatar - Custom</h3>
+		<h4>Avatar with custom size</h4>
+		<ui5-avatar id="myCustomAvatar" shape="Square" size="XL" class="avatar3auto">
+			<img src="/assets/Lamp_avatar_01.ab251b40.jpg" alt="Lamp" class="avatar4auto">
+		</ui5-avatar>
+		<h4>Avatar with custom size and imageFitType="Contain"</h4>
+		<ui5-avatar id="myCustomAvatar1" shape="Square" size="XL" class="avatar3auto">
+			<img src="/assets/Lamp_avatar_01.ab251b40.jpg" alt="Lamp" class="avatar5auto">
+		</ui5-avatar>
+	</section>
+
+	<section>
+		<h3>Avatar - test</h3>
+		<ui5-avatar id="myAvatar1">
+			<img src="/assets/woman_avatar_5.7316a316.png" alt="Woman image">
+		</ui5-avatar>
+		<ui5-avatar id="myAvatar2" icon="filter"></ui5-avatar>
+		<ui5-avatar id="myAvatar3" icon="filter" initials="SF">
+			<img src="/assets/woman_avatar_5.7316a316.png" alt="Woman image">
+		</ui5-avatar>
+		<ui5-avatar id="myAvatar4" initials="SF" shape="Square" size="M"></ui5-avatar>
+		<ui5-avatar id="myAvatar5" initials="WWW" shape="Square" size="M"></ui5-avatar>
+	</section>
+
+	<section>
+		<h3>Avatar - interactive</h3>
+		<ui5-avatar id="interactive-avatar" aria-haspopup="menu" interactive initials="XS" size="XS" accessible-name="Interactive avatar"></ui5-avatar>
+		<ui5-avatar id="non-interactive-avatar" initials="S" size="S"></ui5-avatar>
+		<ui5-input id="click-event" value="0"></ui5-input>
+
+		<br>
+		<ui5-avatar id="myInteractiveAvatar" aria-haspopup="menu" interactive initials="L" size="L"></ui5-avatar>
+		<ui5-input id="click-event-2"></ui5-input>
+	</section>
+
+	<section>
+		<h3>Avatar - Visual affordance</h3>
+		<ui5-avatar initials="AB" color-scheme="Accent1">
+			<ui5-badge slot="badge">
+				<ui5-icon slot="icon" name="accelerated"></ui5-icon>
+			</ui5-badge>
+		</ui5-avatar>
+
+		<ui5-avatar interactive size="L" initials="CD" color-scheme="Accent2">
+			<ui5-badge slot="badge">
+				<ui5-icon slot="icon" name="accept"></ui5-icon>
+			</ui5-badge>
+		</ui5-avatar>
+
+		<ui5-avatar size="XL">
+			<img src="/assets/John_Miller.fc9d0d73.png" alt="John Miller">
+			<ui5-badge slot="badge">
+				<ui5-icon slot="icon" name="bar-chart"></ui5-icon>
+			</ui5-badge>
+		</ui5-avatar>
+
+		<br>
+
+		<ui5-avatar shape="Square" size="XS" initials="EF" color-scheme="Accent3">
+			<ui5-badge slot="badge">
+				<ui5-icon slot="icon" name="filter"></ui5-icon>
+			</ui5-badge>
+		</ui5-avatar>
+
+		<ui5-avatar interactive shape="Square" initials="GH" color-scheme="Accent4">
+			<ui5-badge slot="badge">
+				<ui5-icon slot="icon" name="add-employee"></ui5-icon>
+			</ui5-badge>
+		</ui5-avatar>
+
+		<ui5-avatar shape="Square" size="L">
+			<img src="/assets/John_Miller.fc9d0d73.png" alt="John Miller">
+			<ui5-badge slot="badge">
+				<ui5-icon slot="icon" name="document"></ui5-icon>
+			</ui5-badge>
+		</ui5-avatar>
+		<br><br>
+	</section>
+
+	<section>
+		<h3>Avatar - Custom visual affordance</h3>
+		<ui5-avatar initials="AB" color-scheme="Accent1">
+			<span slot="badge" class="custom-badge">1</span>
+		</ui5-avatar>
+		<br><br>
+	</section>
+
+	<script>
+		var avatar = document.getElementById("interactive-avatar"),
+			myInteractiveAvatar = document.getElementById("myInteractiveAvatar"),
+			nonInteractiveAvatar = document.getElementById("non-interactive-avatar"),
+			input = document.getElementById("click-event"),
+			input2 = document.getElementById("click-event-2"),
+			inputValue = 0;
+			inputValue2 = 0;
+
+		avatar.addEventListener("ui5-click", function() {
+			input.value = ++inputValue;
+		});
+
+		nonInteractiveAvatar.addEventListener("ui5-click", function() {
+			input.value = ++inputValue;
+		});
+
+		myInteractiveAvatar.addEventListener("ui5-click", function() {
+			input2.value = ++inputValue2;
+		});
+	</script>
+
+	
+
+	<ui5-avatar size="XL" shape="Circle">
+		<img src="/assets/Lamp_avatar_01.ab251b40.jpg" alt="Woman 1" class="avatar-image">
+	</ui5-avatar>
+
+	<ui5-avatar size="XL" shape="Square">
+		<img src="/assets/Lamp_avatar_01.ab251b40.jpg" alt="Woman 1" class="avatar-image1">
+	</ui5-avatar>
+
+	<section>
+		<h3>Avatar with three initials</h3>
+		<ui5-avatar id="myAvatar6" initials="ÌÒÙ" color-scheme="Accent1"></ui5-avatar>
+		<ui5-avatar initials="ABC" color-scheme="Accent2" size="XL"></ui5-avatar>
+
+		<h3>Avatar with three overflowing initials - icon should be shown</h3>
+		<ui5-avatar initials="WWW" color-scheme="Accent1" size="XS"></ui5-avatar>
+		<ui5-avatar initials="WWW" color-scheme="Accent2" size="XL"></ui5-avatar>
+
+	</section>
+
+
+</body>
+</html>