@sapui5/sap.ushell 1.138.0 → 1.139.0

package/src/main/js/sap/ushell/thirdparty/Tag.js

@@ -1,4 +1,4 @@
-sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/Icon'], (function (exports, webcomponentsBase, eventStrict, i18nDefaults, Button, Icons, information, Icon) { 'use strict';
+sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/Icon'], (function (exports, webcomponentsBase, eventStrict, parametersBundle_css, i18nDefaults, willShowContent, Icons, information, Icon) { 'use strict';
 
     const name$1 = "sys-help-2";
     const pathData$1 = "M256 0q53 0 99.5 20T437 74.5t55 81.5 20 100-20 99.5-55 81.5-81.5 55-99.5 20-100-20-81.5-55T20 355.5 0 256t20-100 54.5-81.5T156 20 256 0zm-5 425q15 0 26-11t11-26-11-25.5-26-10.5-25.5 10.5T215 388t10.5 26 25.5 11zm101-239q0-32-27-57t-77-25q-46 0-72.5 24T146 187h52q5-24 17.5-32.5T251 146t35 12.5 12 27.5q0 10-2.5 14T282 215l-20 17q-15 12-23 21t-11.5 18.5-4.5 21-1 27.5h50q0-12 .5-19t3-12.5T283 278t15-13l27-25 16-18 9-16z";
@@ -6,7 +6,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     const collection$1 = "SAP-icons-v4";
     const packageName$1 = "sap/ushell/gen/ui5/webcomponents-icons";
 
-    Icons.f(name$1, { pathData: pathData$1, ltr: ltr$1, collection: collection$1, packageName: packageName$1 });
+    Icons.f$2(name$1, { pathData: pathData$1, ltr: ltr$1, collection: collection$1, packageName: packageName$1 });
 
     const name = "sys-help-2";
     const pathData = "M256 0q53 0 99.5 20T437 75t55 81.5 20 99.5-20 99.5-55 81.5-81.5 55-99.5 20-99.5-20T75 437t-55-81.5T0 256t20-99.5T75 75t81.5-55T256 0zm32 289q31-10 50.5-36.5T358 192q0-43-29.5-72.5T256 90q-21 0-39.5 8T184 118.5 162 148t-8 35q0 20 9 30.5t23 10.5q13 0 22.5-9t9.5-23q0-16 11-27t27-11 27 11 11 27-11 27-27 11q-14 0-23 9.5t-9 22.5v26q0 14 9 23t23 9q13 0 22-9t10-22zm-32 127q14 0 23-9t9-23-9-23-23-9-23 9-9 23 9 23 23 9z";
@@ -14,7 +14,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     const collection = "SAP-icons-v5";
     const packageName = "sap/ushell/gen/ui5/webcomponents-icons";
 
-    Icons.f(name, { pathData, ltr, collection, packageName });
+    Icons.f$2(name, { pathData, ltr, collection, packageName });
 
     /**
      * Defines tag design types.
@@ -61,20 +61,20 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     var TagDesign$1 = TagDesign;
 
     function TagTemplate() {
-        return (i18nDefaults.jsx(i18nDefaults.Fragment, { children: this.interactive ?
-                i18nDefaults.jsx("button", { class: "ui5-tag-root", title: this._title, "aria-roledescription": this._roleDescription, "aria-description": this._valueState, onClick: this._onclick, part: "root", children: content.call(this) })
+        return (parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: this.interactive ?
+                parametersBundle_css.jsx("button", { class: "ui5-tag-root", title: this._title, "aria-roledescription": this._roleDescription, "aria-description": this._valueState, onClick: this._onclick, part: "root", children: content.call(this) })
                 :
-                    i18nDefaults.jsx("div", { class: "ui5-tag-root", title: this._title, part: "root", children: content.call(this) }) }));
+                    parametersBundle_css.jsx("div", { class: "ui5-tag-root", title: this._title, part: "root", children: content.call(this) }) }));
     }
     function content() {
-        return (i18nDefaults.jsxs(i18nDefaults.Fragment, { children: [i18nDefaults.jsx("slot", { name: "icon" }), this._semanticIconName &&
-                    i18nDefaults.jsx(Icon.Icon, { class: "ui5-tag-semantic-icon", name: this._semanticIconName }), i18nDefaults.jsx("span", { class: "ui5-hidden-text", children: this.tagDescription }), this.hasText &&
-                    i18nDefaults.jsx("span", { class: "ui5-tag-text", children: i18nDefaults.jsx("slot", {}) })] }));
+        return (parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsx("slot", { name: "icon" }), this._semanticIconName &&
+                    parametersBundle_css.jsx(Icon.Icon, { class: "ui5-tag-semantic-icon", name: this._semanticIconName }), parametersBundle_css.jsx("span", { class: "ui5-hidden-text", children: this.tagDescription }), this.hasText &&
+                    parametersBundle_css.jsx("span", { class: "ui5-tag-text", children: parametersBundle_css.jsx("slot", {}) })] }));
     }
 
-    Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
+    Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
     Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var tagCss = `.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{font-size:var(--sapFontSmallSize);font-family:var(--sapFontBoldFamily);font-weight:var(--_ui5-v2-11-0-rc-3-tag-font-weight);letter-spacing:var(--_ui5-v2-11-0-rc-3-tag-letter-spacing);line-height:var(--_ui5-v2-11-0-rc-3-tag-height)}.ui5-tag-root{display:flex;align-items:baseline;justify-content:center;width:100%;min-width:1.125em;max-width:100%;box-sizing:border-box;padding:var(--_ui5-v2-11-0-rc-3-tag-text-padding);border:.0625rem solid;border-radius:var(--sapButton_BorderCornerRadius);white-space:normal;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}:host([interactive]) .ui5-tag-root:active{text-shadow:var(--ui5-v2-11-0-rc-3-tag-text-shadow)}:host([interactive]) .ui5-tag-root{cursor:pointer}:host([desktop][interactive]) .ui5-tag-root:focus,:host([interactive]) .ui5-tag-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:1px}:host([wrapping-type="None"]) .ui5-tag-root{white-space:nowrap}:host([_icon-only]) .ui5-tag-root{padding-inline:var(--_ui5-v2-11-0-rc-3-tag-padding-inline-icon-only)}.ui5-tag-text{text-transform:var(--_ui5-v2-11-0-rc-3-tag-text-transform);text-align:start;pointer-events:none;overflow:hidden;text-overflow:ellipsis}:host([_has-icon]) .ui5-tag-text{padding-inline-start:var(--_ui5-v2-11-0-rc-3-tag-icon-gap)}[ui5-icon],::slotted([ui5-icon]){width:var(--_ui5-v2-11-0-rc-3-tag-icon-width);min-width:var(--_ui5-v2-11-0-rc-3-tag-icon-width);color:inherit;pointer-events:none;align-self:flex-start}.ui5-tag-root{background-color:var(--sapNeutralBackground);border-color:var(--sapNeutralBorderColor);color:var(--sapTextColor);text-shadow:var(--ui5-v2-11-0-rc-3-tag-text-shadow)}:host([interactive]) .ui5-tag-root:hover{background-color:var(--sapButton_Neutral_Hover_Background);border-color:var(--sapButton_Neutral_Hover_BorderColor);color:var(--sapButton_Neutral_Hover_TextColor)}:host([interactive]) .ui5-tag-root:active{background-color:var(--sapButton_Neutral_Active_Background);border-color:var(--sapButton_Neutral_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([design="Positive"]) .ui5-tag-root{background-color:var(--sapButton_Success_Background);border-color:var(--sapButton_Success_BorderColor);color:var(--sapButton_Success_TextColor);text-shadow:var(--ui5-v2-11-0-rc-3-tag-contrast-text-shadow)}:host([interactive][design="Positive"]) .ui5-tag-root:hover{background-color:var(--sapButton_Success_Hover_Background);border-color:var(--sapButton_Success_Hover_BorderColor);color:var(--sapButton_Success_Hover_TextColor)}:host([interactive][design="Positive"]) .ui5-tag-root:active{background-color:var(--sapButton_Success_Active_Background);border-color:var(--sapButton_Success_Active_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host([design="Negative"]) .ui5-tag-root{background-color:var(--sapButton_Negative_Background);border-color:var(--sapButton_Negative_BorderColor);color:var(--sapButton_Negative_TextColor);text-shadow:var(--ui5-v2-11-0-rc-3-tag-contrast-text-shadow)}:host([interactive][design="Negative"]) .ui5-tag-root:hover{background-color:var(--sapButton_Negative_Hover_Background);border-color:var(--sapButton_Negative_Hover_BorderColor);color:var(--sapButton_Negative_Hover_TextColor)}:host([interactive][design="Negative"]) .ui5-tag-root:active{background-color:var(--sapButton_Negative_Active_Background);border-color:var(--sapButton_Negative_Active_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host([design="Critical"]) .ui5-tag-root{background-color:var(--sapButton_Critical_Background);border-color:var(--sapButton_Critical_BorderColor);color:var(--sapButton_Critical_TextColor);text-shadow:var(--ui5-v2-11-0-rc-3-tag-contrast-text-shadow)}:host([interactive][design="Critical"]) .ui5-tag-root:hover{background-color:var(--sapButton_Critical_Hover_Background);border-color:var(--sapButton_Critical_Hover_BorderColor);color:var(--sapButton_Critical_Hover_TextColor)}:host([interactive][design="Critical"]) .ui5-tag-root:active{background-color:var(--sapButton_Critical_Active_Background);border-color:var(--sapButton_Critical_Active_BorderColor);color:var(--sapButton_Attention_Selected_TextColor)}:host([design="Information"]) .ui5-tag-root{background-color:var(--sapButton_Information_Background);border-color:var(--sapButton_Information_BorderColor);color:var(--sapButton_Information_TextColor);text-shadow:var(--ui5-v2-11-0-rc-3-tag-information-text-shadow)}:host([interactive][design="Information"]) .ui5-tag-root:hover{background-color:var(--sapButton_Information_Hover_Background);border-color:var(--sapButton_Information_Hover_BorderColor);color:var(--sapButton_Information_Hover_TextColor)}:host([interactive][design="Information"]) .ui5-tag-root:active{background-color:var(--sapButton_Information_Active_Background);border-color:var(--sapButton_Information_Active_BorderColor);color:var(--sapButton_Selected_TextColor)}:host([design="Set1"]) .ui5-tag-root{text-shadow:var(--ui5-v2-11-0-rc-3-tag-contrast-text-shadow)}:host([design="Set1"]) .ui5-tag-root,:host([interactive][design="Set1"]) .ui5-tag-root{background-color:var(--sapIndicationColor_1_Background);border-color:var(--sapIndicationColor_1_BorderColor);color:var(--sapIndicationColor_1_TextColor)}:host([interactive][design="Set1"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_1_Hover_Background)}:host([interactive][design="Set1"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_1_Active_Background);border-color:var(--sapIndicationColor_1_Active_BorderColor);color:var(--sapIndicationColor_1_Active_TextColor)}:host([design="Set1"][color-scheme="2"]) .ui5-tag-root{background-color:var(--sapIndicationColor_2_Background);border-color:var(--sapIndicationColor_2_BorderColor);color:var(--sapIndicationColor_2_TextColor)}:host([interactive][design="Set1"][color-scheme="2"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_2_Hover_Background)}:host([interactive][design="Set1"][color-scheme="2"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_2_Active_Background);border-color:var(--sapIndicationColor_2_Active_BorderColor);color:var(--sapIndicationColor_2_Active_TextColor)}:host([design="Set1"][color-scheme="3"]) .ui5-tag-root{background-color:var(--sapIndicationColor_3_Background);border-color:var(--sapIndicationColor_3_BorderColor);color:var(--sapIndicationColor_3_TextColor)}:host([interactive][design="Set1"][color-scheme="3"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_3_Hover_Background)}:host([interactive][design="Set1"][color-scheme="3"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_3_Active_Background);border-color:var(--sapIndicationColor_3_Active_BorderColor);color:var(--sapIndicationColor_3_Active_TextColor)}:host([design="Set1"][color-scheme="4"]) .ui5-tag-root{background-color:var(--sapIndicationColor_4_Background);border-color:var(--sapIndicationColor_4_BorderColor);color:var(--sapIndicationColor_4_TextColor)}:host([interactive][design="Set1"][color-scheme="4"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_4_Hover_Background)}:host([interactive][design="Set1"][color-scheme="4"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_4_Active_Background);border-color:var(--sapIndicationColor_4_Active_BorderColor);color:var(--sapIndicationColor_4_Active_TextColor)}:host([design="Set1"][color-scheme="5"]) .ui5-tag-root{background-color:var(--sapIndicationColor_5_Background);border-color:var(--sapIndicationColor_5_BorderColor);color:var(--sapIndicationColor_5_TextColor)}:host([interactive][design="Set1"][color-scheme="5"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_5_Hover_Background)}:host([interactive][design="Set1"][color-scheme="5"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_5_Active_Background);border-color:var(--sapIndicationColor_5_Active_BorderColor);color:var(--sapIndicationColor_5_Active_TextColor)}:host([design="Set1"][color-scheme="6"]) .ui5-tag-root{background-color:var(--sapIndicationColor_6_Background);border-color:var(--sapIndicationColor_6_BorderColor);color:var(--sapIndicationColor_6_TextColor)}:host([interactive][design="Set1"][color-scheme="6"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_6_Hover_Background)}:host([interactive][design="Set1"][color-scheme="6"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_6_Active_Background);border-color:var(--sapIndicationColor_6_Active_BorderColor);color:var(--sapIndicationColor_6_Active_TextColor)}:host([design="Set1"][color-scheme="7"]) .ui5-tag-root{background-color:var(--sapIndicationColor_7_Background);border-color:var(--sapIndicationColor_7_BorderColor);color:var(--sapIndicationColor_7_TextColor)}:host([interactive][design="Set1"][color-scheme="7"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_7_Hover_Background)}:host([interactive][design="Set1"][color-scheme="7"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_7_Active_Background);border-color:var(--sapIndicationColor_7_Active_BorderColor);color:var(--sapIndicationColor_7_Active_TextColor)}:host([design="Set1"][color-scheme="8"]) .ui5-tag-root{background-color:var(--sapIndicationColor_8_Background);border-color:var(--sapIndicationColor_8_BorderColor);color:var(--sapIndicationColor_8_TextColor)}:host([interactive][design="Set1"][color-scheme="8"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_8_Hover_Background)}:host([interactive][design="Set1"][color-scheme="8"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_8_Active_Background);border-color:var(--sapIndicationColor_8_Active_BorderColor);color:var(--sapIndicationColor_8_Active_TextColor)}:host([design="Set1"][color-scheme="9"]) .ui5-tag-root{background-color:var(--sapIndicationColor_9_Background);border-color:var(--sapIndicationColor_9_BorderColor);color:var(--sapIndicationColor_9_TextColor)}:host([interactive][design="Set1"][color-scheme="9"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_9_Hover_Background)}:host([interactive][design="Set1"][color-scheme="9"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_9_Active_Background);border-color:var(--sapIndicationColor_9_Active_BorderColor);color:var(--sapIndicationColor_9_Active_TextColor)}:host([design="Set1"][color-scheme="10"]) .ui5-tag-root{background-color:var(--sapIndicationColor_10_Background);border-color:var(--sapIndicationColor_10_BorderColor);color:var(--sapIndicationColor_10_TextColor)}:host([interactive][design="Set1"][color-scheme="10"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_10_Hover_Background)}:host([interactive][design="Set1"][color-scheme="10"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_10_Active_Background);border-color:var(--sapIndicationColor_10_Active_BorderColor);color:var(--sapIndicationColor_10_Active_TextColor)}:host([design="Set2"]) .ui5-tag-root{text-shadow:var(--ui5-v2-11-0-rc-3-tag-text-shadow)}:host([design="Set2"]) .ui5-tag-root,:host([interactive][design="Set2"]) .ui5-tag-root{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-1-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-1-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-1-color)}:host([interactive][design="Set2"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-1-hover-background)}:host([interactive][design="Set2"]) .ui5-tag-root:active{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-1-active-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-1-active-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-1-active-color)}:host([design="Set2"][color-scheme="2"]) .ui5-tag-root{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-2-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-2-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-2-color)}:host([design="Set2"][color-scheme="3"]) .ui5-tag-root{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-3-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-3-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-3-color)}:host([interactive][design="Set2"][color-scheme="3"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-3-hover-background)}:host([interactive][design="Set2"][color-scheme="3"]) .ui5-tag-root:active{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-3-active-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-3-active-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-3-active-color)}:host([design="Set2"][color-scheme="4"]) .ui5-tag-root{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-4-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-4-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-4-color)}:host([interactive][design="Set2"][color-scheme="4"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-4-hover-background)}:host([interactive][design="Set2"][color-scheme="4"]) .ui5-tag-root:active{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-4-active-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-4-active-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-4-active-color)}:host([design="Set2"][color-scheme="5"]) .ui5-tag-root{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-5-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-5-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-5-color)}:host([interactive][design="Set2"][color-scheme="5"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-5-hover-background)}:host([interactive][design="Set2"][color-scheme="5"]) .ui5-tag-root:active{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-5-active-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-5-active-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-5-active-color)}:host([design="Set2"][color-scheme="6"]) .ui5-tag-root{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-6-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-6-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-6-color)}:host([interactive][design="Set2"][color-scheme="6"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-6-hover-background)}:host([interactive][design="Set2"][color-scheme="6"]) .ui5-tag-root:active{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-6-active-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-6-active-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-6-active-color)}:host([design="Set2"][color-scheme="7"]) .ui5-tag-root{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-7-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-7-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-7-color)}:host([interactive][design="Set2"][color-scheme="7"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-7-hover-background)}:host([interactive][design="Set2"][color-scheme="7"]) .ui5-tag-root:active{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-7-active-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-7-active-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-7-active-color)}:host([design="Set2"][color-scheme="8"]) .ui5-tag-root{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-8-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-8-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-8-color)}:host([interactive][design="Set2"][color-scheme="8"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-8-hover-background)}:host([interactive][design="Set2"][color-scheme="8"]) .ui5-tag-root:active{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-8-active-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-8-active-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-8-active-color)}:host([design="Set2"][color-scheme="9"]) .ui5-tag-root{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-9-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-9-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-9-color)}:host([interactive][design="Set2"][color-scheme="9"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-9-hover-background)}:host([interactive][design="Set2"][color-scheme="9"]) .ui5-tag-root:active{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-9-active-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-9-active-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-9-active-color)}:host([interactive][design="Set2"][color-scheme="10"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-10-hover-background)}:host([interactive][design="Set2"][color-scheme="10"]) .ui5-tag-root:active{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-10-active-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-10-active-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-10-active-color)}:host([design="Set2"][color-scheme="10"]) .ui5-tag-root{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-10-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-10-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-10-color)}:host([interactive][design="Set2"][color-scheme="2"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-2-hover-background)}:host([interactive][design="Set2"][color-scheme="2"]) .ui5-tag-root:active{background-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-2-active-background);border-color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-2-active-border);color:var(--ui5-v2-11-0-rc-3-tag-set2-color-scheme-2-active-color)}:host([size="L"]){font-family:var(--sapFontSemiboldDuplexFamily);line-height:var(--_ui5-v2-11-0-rc-3-tag-height_size_l)}:host([size="L"]) .ui5-tag-root{font-size:var(--_ui5-v2-11-0-rc-3-tag-font-size_size_l);min-width:var(--_ui5-v2-11-0-rc-3-tag-min-width_size_l);padding:var(--_ui5-v2-11-0-rc-3-tag-text_padding_size_l)}:host([size="L"]) [ui5-icon],:host([size="L"]) ::slotted([ui5-icon]){min-width:var(--_ui5-v2-11-0-rc-3-tag-icon_min_width_size_l);min-height:var(--_ui5-v2-11-0-rc-3-tag-icon_min_height_size_l);height:var(--_ui5-v2-11-0-rc-3-tag-icon_height_size_l)}
+    var tagCss = `.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{font-size:var(--sapFontSmallSize);font-family:var(--sapFontBoldFamily);font-weight:var(--_ui5-v2-13-0-rc-0-tag-font-weight);letter-spacing:var(--_ui5-v2-13-0-rc-0-tag-letter-spacing);line-height:var(--_ui5-v2-13-0-rc-0-tag-height)}.ui5-tag-root{display:flex;align-items:baseline;justify-content:center;width:100%;min-width:1.125em;max-width:100%;box-sizing:border-box;padding:var(--_ui5-v2-13-0-rc-0-tag-text-padding);border:.0625rem solid;border-radius:var(--sapButton_BorderCornerRadius);white-space:normal;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}:host([interactive]) .ui5-tag-root:active{text-shadow:var(--ui5-v2-13-0-rc-0-tag-text-shadow)}:host([interactive]) .ui5-tag-root{cursor:pointer}:host([desktop][interactive]) .ui5-tag-root:focus,:host([interactive]) .ui5-tag-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:1px}:host([wrapping-type="None"]) .ui5-tag-root{white-space:nowrap}:host([_icon-only]) .ui5-tag-root{padding-inline:var(--_ui5-v2-13-0-rc-0-tag-padding-inline-icon-only)}.ui5-tag-text{text-transform:var(--_ui5-v2-13-0-rc-0-tag-text-transform);text-align:start;pointer-events:none;overflow:hidden;text-overflow:ellipsis}:host([_has-icon]) .ui5-tag-text{padding-inline-start:var(--_ui5-v2-13-0-rc-0-tag-icon-gap)}[ui5-icon],::slotted([ui5-icon]){width:var(--_ui5-v2-13-0-rc-0-tag-icon-width);min-width:var(--_ui5-v2-13-0-rc-0-tag-icon-width);color:inherit;pointer-events:none;align-self:flex-start}.ui5-tag-root{background-color:var(--sapNeutralBackground);border-color:var(--sapNeutralBorderColor);color:var(--sapTextColor);text-shadow:var(--ui5-v2-13-0-rc-0-tag-text-shadow)}:host([interactive]) .ui5-tag-root:hover{background-color:var(--sapButton_Neutral_Hover_Background);border-color:var(--sapButton_Neutral_Hover_BorderColor);color:var(--sapButton_Neutral_Hover_TextColor)}:host([interactive]) .ui5-tag-root:active{background-color:var(--sapButton_Neutral_Active_Background);border-color:var(--sapButton_Neutral_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([design="Positive"]) .ui5-tag-root{background-color:var(--sapButton_Success_Background);border-color:var(--sapButton_Success_BorderColor);color:var(--sapButton_Success_TextColor);text-shadow:var(--ui5-v2-13-0-rc-0-tag-contrast-text-shadow)}:host([interactive][design="Positive"]) .ui5-tag-root:hover{background-color:var(--sapButton_Success_Hover_Background);border-color:var(--sapButton_Success_Hover_BorderColor);color:var(--sapButton_Success_Hover_TextColor)}:host([interactive][design="Positive"]) .ui5-tag-root:active{background-color:var(--sapButton_Success_Active_Background);border-color:var(--sapButton_Success_Active_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host([design="Negative"]) .ui5-tag-root{background-color:var(--sapButton_Negative_Background);border-color:var(--sapButton_Negative_BorderColor);color:var(--sapButton_Negative_TextColor);text-shadow:var(--ui5-v2-13-0-rc-0-tag-contrast-text-shadow)}:host([interactive][design="Negative"]) .ui5-tag-root:hover{background-color:var(--sapButton_Negative_Hover_Background);border-color:var(--sapButton_Negative_Hover_BorderColor);color:var(--sapButton_Negative_Hover_TextColor)}:host([interactive][design="Negative"]) .ui5-tag-root:active{background-color:var(--sapButton_Negative_Active_Background);border-color:var(--sapButton_Negative_Active_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host([design="Critical"]) .ui5-tag-root{background-color:var(--sapButton_Critical_Background);border-color:var(--sapButton_Critical_BorderColor);color:var(--sapButton_Critical_TextColor);text-shadow:var(--ui5-v2-13-0-rc-0-tag-contrast-text-shadow)}:host([interactive][design="Critical"]) .ui5-tag-root:hover{background-color:var(--sapButton_Critical_Hover_Background);border-color:var(--sapButton_Critical_Hover_BorderColor);color:var(--sapButton_Critical_Hover_TextColor)}:host([interactive][design="Critical"]) .ui5-tag-root:active{background-color:var(--sapButton_Critical_Active_Background);border-color:var(--sapButton_Critical_Active_BorderColor);color:var(--sapButton_Attention_Selected_TextColor)}:host([design="Information"]) .ui5-tag-root{background-color:var(--sapButton_Information_Background);border-color:var(--sapButton_Information_BorderColor);color:var(--sapButton_Information_TextColor);text-shadow:var(--ui5-v2-13-0-rc-0-tag-information-text-shadow)}:host([interactive][design="Information"]) .ui5-tag-root:hover{background-color:var(--sapButton_Information_Hover_Background);border-color:var(--sapButton_Information_Hover_BorderColor);color:var(--sapButton_Information_Hover_TextColor)}:host([interactive][design="Information"]) .ui5-tag-root:active{background-color:var(--sapButton_Information_Active_Background);border-color:var(--sapButton_Information_Active_BorderColor);color:var(--sapButton_Selected_TextColor)}:host([design="Set1"]) .ui5-tag-root{text-shadow:var(--ui5-v2-13-0-rc-0-tag-contrast-text-shadow)}:host([design="Set1"]) .ui5-tag-root,:host([interactive][design="Set1"]) .ui5-tag-root{background-color:var(--sapIndicationColor_1_Background);border-color:var(--sapIndicationColor_1_BorderColor);color:var(--sapIndicationColor_1_TextColor)}:host([interactive][design="Set1"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_1_Hover_Background)}:host([interactive][design="Set1"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_1_Active_Background);border-color:var(--sapIndicationColor_1_Active_BorderColor);color:var(--sapIndicationColor_1_Active_TextColor)}:host([design="Set1"][color-scheme="2"]) .ui5-tag-root{background-color:var(--sapIndicationColor_2_Background);border-color:var(--sapIndicationColor_2_BorderColor);color:var(--sapIndicationColor_2_TextColor)}:host([interactive][design="Set1"][color-scheme="2"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_2_Hover_Background)}:host([interactive][design="Set1"][color-scheme="2"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_2_Active_Background);border-color:var(--sapIndicationColor_2_Active_BorderColor);color:var(--sapIndicationColor_2_Active_TextColor)}:host([design="Set1"][color-scheme="3"]) .ui5-tag-root{background-color:var(--sapIndicationColor_3_Background);border-color:var(--sapIndicationColor_3_BorderColor);color:var(--sapIndicationColor_3_TextColor)}:host([interactive][design="Set1"][color-scheme="3"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_3_Hover_Background)}:host([interactive][design="Set1"][color-scheme="3"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_3_Active_Background);border-color:var(--sapIndicationColor_3_Active_BorderColor);color:var(--sapIndicationColor_3_Active_TextColor)}:host([design="Set1"][color-scheme="4"]) .ui5-tag-root{background-color:var(--sapIndicationColor_4_Background);border-color:var(--sapIndicationColor_4_BorderColor);color:var(--sapIndicationColor_4_TextColor)}:host([interactive][design="Set1"][color-scheme="4"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_4_Hover_Background)}:host([interactive][design="Set1"][color-scheme="4"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_4_Active_Background);border-color:var(--sapIndicationColor_4_Active_BorderColor);color:var(--sapIndicationColor_4_Active_TextColor)}:host([design="Set1"][color-scheme="5"]) .ui5-tag-root{background-color:var(--sapIndicationColor_5_Background);border-color:var(--sapIndicationColor_5_BorderColor);color:var(--sapIndicationColor_5_TextColor)}:host([interactive][design="Set1"][color-scheme="5"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_5_Hover_Background)}:host([interactive][design="Set1"][color-scheme="5"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_5_Active_Background);border-color:var(--sapIndicationColor_5_Active_BorderColor);color:var(--sapIndicationColor_5_Active_TextColor)}:host([design="Set1"][color-scheme="6"]) .ui5-tag-root{background-color:var(--sapIndicationColor_6_Background);border-color:var(--sapIndicationColor_6_BorderColor);color:var(--sapIndicationColor_6_TextColor)}:host([interactive][design="Set1"][color-scheme="6"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_6_Hover_Background)}:host([interactive][design="Set1"][color-scheme="6"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_6_Active_Background);border-color:var(--sapIndicationColor_6_Active_BorderColor);color:var(--sapIndicationColor_6_Active_TextColor)}:host([design="Set1"][color-scheme="7"]) .ui5-tag-root{background-color:var(--sapIndicationColor_7_Background);border-color:var(--sapIndicationColor_7_BorderColor);color:var(--sapIndicationColor_7_TextColor)}:host([interactive][design="Set1"][color-scheme="7"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_7_Hover_Background)}:host([interactive][design="Set1"][color-scheme="7"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_7_Active_Background);border-color:var(--sapIndicationColor_7_Active_BorderColor);color:var(--sapIndicationColor_7_Active_TextColor)}:host([design="Set1"][color-scheme="8"]) .ui5-tag-root{background-color:var(--sapIndicationColor_8_Background);border-color:var(--sapIndicationColor_8_BorderColor);color:var(--sapIndicationColor_8_TextColor)}:host([interactive][design="Set1"][color-scheme="8"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_8_Hover_Background)}:host([interactive][design="Set1"][color-scheme="8"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_8_Active_Background);border-color:var(--sapIndicationColor_8_Active_BorderColor);color:var(--sapIndicationColor_8_Active_TextColor)}:host([design="Set1"][color-scheme="9"]) .ui5-tag-root{background-color:var(--sapIndicationColor_9_Background);border-color:var(--sapIndicationColor_9_BorderColor);color:var(--sapIndicationColor_9_TextColor)}:host([interactive][design="Set1"][color-scheme="9"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_9_Hover_Background)}:host([interactive][design="Set1"][color-scheme="9"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_9_Active_Background);border-color:var(--sapIndicationColor_9_Active_BorderColor);color:var(--sapIndicationColor_9_Active_TextColor)}:host([design="Set1"][color-scheme="10"]) .ui5-tag-root{background-color:var(--sapIndicationColor_10_Background);border-color:var(--sapIndicationColor_10_BorderColor);color:var(--sapIndicationColor_10_TextColor)}:host([interactive][design="Set1"][color-scheme="10"]) .ui5-tag-root:hover{background-color:var(--sapIndicationColor_10_Hover_Background)}:host([interactive][design="Set1"][color-scheme="10"]) .ui5-tag-root:active{background-color:var(--sapIndicationColor_10_Active_Background);border-color:var(--sapIndicationColor_10_Active_BorderColor);color:var(--sapIndicationColor_10_Active_TextColor)}:host([design="Set2"]) .ui5-tag-root{text-shadow:var(--ui5-v2-13-0-rc-0-tag-text-shadow)}:host([design="Set2"]) .ui5-tag-root,:host([interactive][design="Set2"]) .ui5-tag-root{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-1-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-1-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-1-color)}:host([interactive][design="Set2"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-1-hover-background)}:host([interactive][design="Set2"]) .ui5-tag-root:active{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-1-active-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-1-active-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-1-active-color)}:host([design="Set2"][color-scheme="2"]) .ui5-tag-root{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-2-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-2-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-2-color)}:host([design="Set2"][color-scheme="3"]) .ui5-tag-root{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-3-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-3-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-3-color)}:host([interactive][design="Set2"][color-scheme="3"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-3-hover-background)}:host([interactive][design="Set2"][color-scheme="3"]) .ui5-tag-root:active{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-3-active-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-3-active-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-3-active-color)}:host([design="Set2"][color-scheme="4"]) .ui5-tag-root{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-4-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-4-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-4-color)}:host([interactive][design="Set2"][color-scheme="4"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-4-hover-background)}:host([interactive][design="Set2"][color-scheme="4"]) .ui5-tag-root:active{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-4-active-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-4-active-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-4-active-color)}:host([design="Set2"][color-scheme="5"]) .ui5-tag-root{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-5-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-5-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-5-color)}:host([interactive][design="Set2"][color-scheme="5"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-5-hover-background)}:host([interactive][design="Set2"][color-scheme="5"]) .ui5-tag-root:active{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-5-active-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-5-active-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-5-active-color)}:host([design="Set2"][color-scheme="6"]) .ui5-tag-root{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-6-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-6-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-6-color)}:host([interactive][design="Set2"][color-scheme="6"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-6-hover-background)}:host([interactive][design="Set2"][color-scheme="6"]) .ui5-tag-root:active{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-6-active-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-6-active-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-6-active-color)}:host([design="Set2"][color-scheme="7"]) .ui5-tag-root{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-7-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-7-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-7-color)}:host([interactive][design="Set2"][color-scheme="7"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-7-hover-background)}:host([interactive][design="Set2"][color-scheme="7"]) .ui5-tag-root:active{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-7-active-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-7-active-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-7-active-color)}:host([design="Set2"][color-scheme="8"]) .ui5-tag-root{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-8-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-8-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-8-color)}:host([interactive][design="Set2"][color-scheme="8"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-8-hover-background)}:host([interactive][design="Set2"][color-scheme="8"]) .ui5-tag-root:active{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-8-active-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-8-active-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-8-active-color)}:host([design="Set2"][color-scheme="9"]) .ui5-tag-root{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-9-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-9-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-9-color)}:host([interactive][design="Set2"][color-scheme="9"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-9-hover-background)}:host([interactive][design="Set2"][color-scheme="9"]) .ui5-tag-root:active{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-9-active-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-9-active-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-9-active-color)}:host([interactive][design="Set2"][color-scheme="10"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-10-hover-background)}:host([interactive][design="Set2"][color-scheme="10"]) .ui5-tag-root:active{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-10-active-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-10-active-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-10-active-color)}:host([design="Set2"][color-scheme="10"]) .ui5-tag-root{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-10-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-10-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-10-color)}:host([interactive][design="Set2"][color-scheme="2"]) .ui5-tag-root:hover{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-2-hover-background)}:host([interactive][design="Set2"][color-scheme="2"]) .ui5-tag-root:active{background-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-2-active-background);border-color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-2-active-border);color:var(--ui5-v2-13-0-rc-0-tag-set2-color-scheme-2-active-color)}:host([size="L"]){font-family:var(--sapFontSemiboldDuplexFamily);line-height:var(--_ui5-v2-13-0-rc-0-tag-height_size_l)}:host([size="L"]) .ui5-tag-root{font-size:var(--_ui5-v2-13-0-rc-0-tag-font-size_size_l);min-width:var(--_ui5-v2-13-0-rc-0-tag-min-width_size_l);padding:var(--_ui5-v2-13-0-rc-0-tag-text_padding_size_l)}:host([size="L"]) [ui5-icon],:host([size="L"]) ::slotted([ui5-icon]){min-width:var(--_ui5-v2-13-0-rc-0-tag-icon_min_width_size_l);min-height:var(--_ui5-v2-13-0-rc-0-tag-icon_min_height_size_l);height:var(--_ui5-v2-13-0-rc-0-tag-icon_height_size_l)}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -169,7 +169,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             this._iconOnly = false;
         }
         onEnterDOM() {
-            if (Icons.f$1()) {
+            if (Icons.f()) {
                 this.setAttribute("desktop", "");
             }
         }
@@ -194,7 +194,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             return undefined;
         }
         get hasText() {
-            return Button.t(this.text);
+            return willShowContent.t(this.text);
         }
         get hasIcon() {
             return !!this.icon.length;
@@ -277,7 +277,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
         webcomponentsBase.m({
             tag: "ui5-tag",
             languageAware: true,
-            renderer: i18nDefaults.y,
+            renderer: parametersBundle_css.y,
             template: TagTemplate,
             styles: tagCss,
         })
@@ -297,5 +297,6 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     var Tag$1 = Tag;
 
     exports.Tag = Tag$1;
+    exports.TagDesign = TagDesign$1;
 
 }));

package/src/main/js/sap/ushell/thirdparty/Text.js

@@ -1,4 +1,4 @@
-sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/Icons'], (function (exports, webcomponentsBase, i18nDefaults, Button, Icons) { 'use strict';
+sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/Icons'], (function (exports, webcomponentsBase, parametersBundle_css, i18nDefaults, willShowContent, Icons) { 'use strict';
 
     /**
      * Empty Indicator Mode.
@@ -20,15 +20,15 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     var TextEmptyIndicatorMode$1 = TextEmptyIndicatorMode;
 
     function TextTemplate() {
-        return i18nDefaults.jsx(i18nDefaults.Fragment, { children: i18nDefaults.jsx("span", { children: this._renderEmptyIndicator ?
-                    i18nDefaults.jsxs(i18nDefaults.Fragment, { children: [i18nDefaults.jsx("span", { className: "empty-indicator", "aria-hidden": "true", children: this._emptyIndicatorSymbol }), i18nDefaults.jsx("span", { className: "empty-indicator-aria-label", children: this._emptyIndicatorAriaLabel })] })
+        return parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: parametersBundle_css.jsx("span", { children: this._renderEmptyIndicator ?
+                    parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsx("span", { className: "empty-indicator", "aria-hidden": "true", children: this._emptyIndicatorSymbol }), parametersBundle_css.jsx("span", { className: "empty-indicator-aria-label", children: this._emptyIndicatorAriaLabel })] })
                     :
-                        i18nDefaults.jsx("slot", {}) }) });
+                        parametersBundle_css.jsx("slot", {}) }) });
     }
 
-    Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
+    Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
     Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
-    var styles = `:host{max-width:100%;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);color:var(--sapTextColor);line-height:normal;cursor:text;overflow:hidden}:host([max-lines="1"]){display:inline-block;text-overflow:ellipsis;white-space:nowrap}:host(:not([max-lines="1"])){display:-webkit-box;-webkit-line-clamp:var(--_ui5-v2-11-0-rc-3_text_max_lines);line-clamp:var(--_ui5-v2-11-0-rc-3_text_max_lines);-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.empty-indicator-aria-label{position:absolute!important;clip:rect(1px,1px,1px,1px);user-select:none;left:0;top:0;font-size:0}
+    var styles = `:host{max-width:100%;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);color:var(--sapTextColor);line-height:normal;cursor:text;overflow:hidden}:host([max-lines="1"]){display:inline-block;text-overflow:ellipsis;white-space:nowrap}:host(:not([max-lines="1"])){display:-webkit-box;-webkit-line-clamp:var(--_ui5-v2-13-0-rc-0_text_max_lines);line-clamp:var(--_ui5-v2-13-0-rc-0_text_max_lines);-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.empty-indicator-aria-label{position:absolute!important;clip:rect(1px,1px,1px,1px);user-select:none;left:0;top:0;font-size:0}
 `;
 
     var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -84,10 +84,10 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
             this.emptyIndicatorMode = "Off";
         }
         onBeforeRendering() {
-            this.style.setProperty(Icons.d("--_ui5_text_max_lines"), `${this.maxLines}`);
+            this.style.setProperty(Icons.d$1("--_ui5_text_max_lines"), `${this.maxLines}`);
         }
         get hasText() {
-            return Button.t(this.text);
+            return willShowContent.t(this.text);
         }
         get _renderEmptyIndicator() {
             return !this.hasText && this.emptyIndicatorMode === TextEmptyIndicatorMode$1.On;
@@ -114,7 +114,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushel
     Text = Text_1 = __decorate([
         webcomponentsBase.m({
             tag: "ui5-text",
-            renderer: i18nDefaults.y,
+            renderer: parametersBundle_css.y,
             template: TextTemplate,
             styles,
         })

package/src/main/js/sap/ushell/thirdparty/Title.js

@@ -0,0 +1,167 @@
+sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/i18n-defaults'], (function (exports, webcomponentsBase, parametersBundle_css, Icons, i18nDefaults) { 'use strict';
+
+    /**
+     * Different types of Title level.
+     * @public
+     */
+    var TitleLevel;
+    (function (TitleLevel) {
+        /**
+         * Renders `h1` tag.
+         * @public
+         */
+        TitleLevel["H1"] = "H1";
+        /**
+         * Renders `h2` tag.
+         * @public
+         */
+        TitleLevel["H2"] = "H2";
+        /**
+         * Renders `h3` tag.
+         * @public
+         */
+        TitleLevel["H3"] = "H3";
+        /**
+         * Renders `h4` tag.
+         * @public
+         */
+        TitleLevel["H4"] = "H4";
+        /**
+         * Renders `h5` tag.
+         * @public
+         */
+        TitleLevel["H5"] = "H5";
+        /**
+         * Renders `h6` tag.
+         * @public
+         */
+        TitleLevel["H6"] = "H6";
+    })(TitleLevel || (TitleLevel = {}));
+    var TitleLevel$1 = TitleLevel;
+
+    function TitleTemplate() {
+        return (parametersBundle_css.jsx(parametersBundle_css.Fragment, { children: title.call(this, this.level) }));
+    }
+    function title(titleLevel) {
+        switch (titleLevel) {
+            case "H1":
+                return (parametersBundle_css.jsx("h1", { class: "ui5-title-root", children: titleInner.call(this) }));
+            case "H2":
+                return (parametersBundle_css.jsx("h2", { class: "ui5-title-root", children: titleInner.call(this) }));
+            case "H3":
+                return (parametersBundle_css.jsx("h3", { class: "ui5-title-root", children: titleInner.call(this) }));
+            case "H4":
+                return (parametersBundle_css.jsx("h4", { class: "ui5-title-root", children: titleInner.call(this) }));
+            case "H5":
+                return (parametersBundle_css.jsx("h5", { class: "ui5-title-root", children: titleInner.call(this) }));
+            case "H6":
+                return (parametersBundle_css.jsx("h6", { id: `${this._id}-inner`, class: "ui5-title-root", children: titleInner.call(this) }));
+            default:
+                return (parametersBundle_css.jsx("h2", { class: "ui5-title-root", children: titleInner.call(this) }));
+        }
+    }
+    function titleInner() {
+        return (parametersBundle_css.jsx("span", { id: `${this._id}-inner`, children: parametersBundle_css.jsx("slot", {}) }));
+    }
+
+    Icons.p("sap/ushell/gen/ui5/webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
+    Icons.p("sap/ushell/gen/ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    var titleCss = `:host(:not([hidden])){display:block;cursor:text}:host{max-width:100%;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader5Size);font-family:"72override",var(--sapFontHeaderFamily);text-shadow:var(--sapContent_TextShadow)}.ui5-title-root{display:inline-block;position:relative;font-weight:400;font-size:inherit;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;max-width:100%;vertical-align:bottom;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;margin:0;cursor:inherit}:host{white-space:pre-line}:host([wrapping-type="None"]){white-space:nowrap}.ui5-title-root,:host ::slotted(*){white-space:inherit}::slotted(*){font-size:inherit;font-family:inherit;text-shadow:inherit}:host([size="H1"]){font-size:var(--sapFontHeader1Size)}:host([size="H2"]){font-size:var(--sapFontHeader2Size)}:host([size="H3"]){font-size:var(--sapFontHeader3Size)}:host([size="H4"]){font-size:var(--sapFontHeader4Size)}:host([size="H5"]){font-size:var(--sapFontHeader5Size)}:host([size="H6"]){font-size:var(--sapFontHeader6Size)}
+`;
+
+    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    /**
+     * @class
+     *
+     * ### Overview
+     *
+     * The `ui5-title` component is used to display titles inside a page.
+     * It is a simple, large-sized text with explicit header/title semantics.
+     *
+     * ### ES6 Module Import
+     *
+     * `import "sap/ushell/gen/ui5/webcomponents/dist/Title.js";`
+     * @constructor
+     * @extends UI5Element
+     * @slot {Node[]} default - Defines the text of the component.
+     * This component supports nesting a `Link` component inside.
+     *
+     * **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     * @public
+     */
+    let Title = class Title extends webcomponentsBase.b {
+        constructor() {
+            super(...arguments);
+            /**
+             * Defines how the text of a component will be displayed when there is not enough space.
+             *
+             * **Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
+             * @default "Normal"
+             * @public
+             */
+            this.wrappingType = "Normal";
+            /**
+             * Defines the component level.
+             * Available options are: `"H6"` to `"H1"`.
+             * This property does not influence the style of the component.
+             * Use the property `size` for this purpose instead.
+             * @default "H2"
+             * @public
+             */
+            this.level = "H2";
+            /**
+             * Defines the visual appearance of the title.
+             * Available options are: `"H6"` to `"H1"`.
+             * @default "H5"
+             * @public
+             */
+            this.size = "H5";
+        }
+        get h1() {
+            return this.level === TitleLevel$1.H1;
+        }
+        get h2() {
+            return this.level === TitleLevel$1.H2;
+        }
+        get h3() {
+            return this.level === TitleLevel$1.H3;
+        }
+        get h4() {
+            return this.level === TitleLevel$1.H4;
+        }
+        get h5() {
+            return this.level === TitleLevel$1.H5;
+        }
+        get h6() {
+            return this.level === TitleLevel$1.H6;
+        }
+    };
+    __decorate([
+        webcomponentsBase.s()
+    ], Title.prototype, "wrappingType", void 0);
+    __decorate([
+        webcomponentsBase.s()
+    ], Title.prototype, "level", void 0);
+    __decorate([
+        webcomponentsBase.s()
+    ], Title.prototype, "size", void 0);
+    Title = __decorate([
+        webcomponentsBase.m({
+            tag: "ui5-title",
+            renderer: parametersBundle_css.y,
+            template: TitleTemplate,
+            styles: titleCss,
+        })
+    ], Title);
+    Title.define();
+    var Title$1 = Title;
+
+    exports.Title = Title$1;
+    exports.TitleLevel = TitleLevel$1;
+
+}));