@sapudex/web-components 2.26.0 → 2.27.0
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.
- package/cypress/specs/TabNavigation.cy.tsx +1024 -0
- package/cypress/support/component-imports.src.ts +4 -0
- package/dist/Tab.d.ts +57 -0
- package/dist/Tab.js +67 -0
- package/dist/Tab.js.map +1 -1
- package/dist/TabNavigation.d.ts +25 -3
- package/dist/TabNavigation.js +96 -18
- package/dist/TabNavigation.js.map +1 -1
- package/dist/assets/{InputSuggestions-CG5owMFQ.js → InputSuggestions-Bm_0fOBQ.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-DpVr7qdn.js → ListItemStandardExpandableTextTemplate-CHXlUP-E.js} +1 -1
- package/dist/assets/{bundle.esm-CTkLMr6f.js → bundle.esm-D_SXCGNu.js} +218 -218
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/TabNavigation.css +1 -1
- package/dist/custom-elements-internal.json +205 -154
- package/dist/custom-elements.json +186 -139
- package/dist/generated/templates/TabHeaderTemplate.lit.js +30 -11
- package/dist/generated/templates/TabHeaderTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TabNavigationTemplate.lit.js +8 -6
- package/dist/generated/templates/TabNavigationTemplate.lit.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
- package/dist/generated/themes/TabNavigation.css.js +1 -1
- package/dist/generated/themes/TabNavigation.css.js.map +1 -1
- package/dist/vscode.html-custom-data.json +11 -1
- package/dist/web-types.json +29 -2
- package/package.json +1 -1
- package/src/Tab.ts +98 -0
- package/src/TabHeader.hbs +85 -33
- package/src/TabNavigation.hbs +16 -0
- package/src/TabNavigation.ts +109 -21
- package/src/generated/templates/TabHeaderTemplate.lit.ts +29 -10
- package/src/generated/templates/TabNavigationTemplate.lit.ts +8 -6
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/TabNavigation.css.ts +1 -1
- package/src/themes/TabNavigation.css +203 -1
|
@@ -1,17 +1,36 @@
|
|
|
1
1
|
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
2
|
+
import { html, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
3
|
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
function block0(context, tags, suffix) { return html `${this.
|
|
5
|
-
function block1(context, tags, suffix) { return html `<
|
|
6
|
-
function block2(context, tags, suffix) { return
|
|
7
|
-
function block3(context, tags, suffix) { return html `<
|
|
8
|
-
function block4(context, tags, suffix) { return suffix ? html
|
|
4
|
+
function block0(context, tags, suffix) { return html `${this.hasBodyTextOrLink ? block1.call(this, context, tags, suffix) : block17.call(this, context, tags, suffix)} `; }
|
|
5
|
+
function block1(context, tags, suffix) { return html `<div class="udex-tab-navigation__tab-wrapper" role="presentation" ._realTab="${ifDefined(this)}" ${this.widthStyle ? block2.call(this, context, tags, suffix) : undefined}>${this.hasNotHref ? block3.call(this, context, tags, suffix) : block9.call(this, context, tags, suffix)}${this.hasBodyText ? block15.call(this, context, tags, suffix) : undefined}${this.hasLinkSlot ? block16.call(this, context, tags, suffix) : undefined}</div>`; }
|
|
6
|
+
function block2(context, tags, suffix) { return html `style="${styleMap(this.widthStyle)}"`; }
|
|
7
|
+
function block3(context, tags, suffix) { return html `<button id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" type="button" role="tab" tabindex="${ifDefined(this._tabIndex)}" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" aria-controls="${ifDefined(this._contentId)}" aria-selected="${ifDefined(this.effectiveSelected)}">${this.hasIcon ? block4.call(this, context, tags, suffix) : undefined}<p class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${this.numberBadge ? block6.call(this, context, tags, suffix) : undefined}${this.hasNotIcon ? block7.call(this, context, tags, suffix) : undefined}</p><span class="visually-hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span>${this.ariaDescribedByBodyText ? block8.call(this, context, tags, suffix) : undefined}</button>`; }
|
|
8
|
+
function block4(context, tags, suffix) { return suffix ? html `<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>${this.showAttentionBadge ? block5.call(this, context, tags, suffix) : undefined}</span>` : html `<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><ui5-icon class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></ui5-icon>${this.showAttentionBadge ? block5.call(this, context, tags, suffix) : undefined}</span>`; }
|
|
9
9
|
function block5(context, tags, suffix) { return html `<span class="udex-tab-navigation__button-badge"></span>`; }
|
|
10
|
-
function block6(context, tags, suffix) { return html
|
|
11
|
-
function block7(context, tags, suffix) { return
|
|
12
|
-
function block8(context, tags, suffix) { return html `<span class="
|
|
13
|
-
function block9(context, tags, suffix) { return
|
|
14
|
-
function block10(context, tags, suffix) { return html `<span class="udex-tab-navigation__button-
|
|
10
|
+
function block6(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-badge", tags, suffix)} class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Medium">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html `<udex-badge class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Medium">${ifDefined(this.numberBadge)}</udex-badge>`; }
|
|
11
|
+
function block7(context, tags, suffix) { return html `<span class="udex-tab-navigation__button-badge"></span>`; }
|
|
12
|
+
function block8(context, tags, suffix) { return html `<span class="visually-hidden">${ifDefined(this.bodyText)}</span>`; }
|
|
13
|
+
function block9(context, tags, suffix) { return html `<a id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" href="${ifDefined(this.href)}" target="${ifDefined(this.target)}" role="tab" tabindex="${ifDefined(this.linkTabIndex)}" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}">${this.hasIcon ? block10.call(this, context, tags, suffix) : undefined}<p class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${this.numberBadge ? block12.call(this, context, tags, suffix) : undefined}${this.hasNotIcon ? block13.call(this, context, tags, suffix) : undefined}</p><span class="visually-hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span>${this.ariaDescribedByBodyText ? block14.call(this, context, tags, suffix) : undefined}</a>`; }
|
|
14
|
+
function block10(context, tags, suffix) { return suffix ? html `<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>${this.showAttentionBadge ? block11.call(this, context, tags, suffix) : undefined}</span>` : html `<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><ui5-icon class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></ui5-icon>${this.showAttentionBadge ? block11.call(this, context, tags, suffix) : undefined}</span>`; }
|
|
15
|
+
function block11(context, tags, suffix) { return html `<span class="udex-tab-navigation__button-badge"></span>`; }
|
|
16
|
+
function block12(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-badge", tags, suffix)} class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Medium">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html `<udex-badge class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Medium">${ifDefined(this.numberBadge)}</udex-badge>`; }
|
|
17
|
+
function block13(context, tags, suffix) { return html `<span class="udex-tab-navigation__button-badge"></span>`; }
|
|
18
|
+
function block14(context, tags, suffix) { return html `<span class="visually-hidden">${ifDefined(this.bodyText)}</span>`; }
|
|
19
|
+
function block15(context, tags, suffix) { return html `<p class="udex-tab-navigation__button-body-text">${ifDefined(this.bodyText)}</p>`; }
|
|
20
|
+
function block16(context, tags, suffix) { return html `<div class="udex-tab-navigation__button-links">${unsafeHTML(this.linkSlotHtml)}</div>`; }
|
|
21
|
+
function block17(context, tags, suffix) { return html `${this.hasNotHref ? block18.call(this, context, tags, suffix) : block24.call(this, context, tags, suffix)}`; }
|
|
22
|
+
function block18(context, tags, suffix) { return html `<button id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" tabindex="${ifDefined(this._tabIndex)}" type="button" role="tab" aria-describedby="udex-tab-navigation__${ifDefined(this._id)}__accessible-name" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" aria-controls="${ifDefined(this._contentId)}" aria-selected="${ifDefined(this.effectiveSelected)}" ._realTab="${ifDefined(this)}" ${this.widthStyle ? block19.call(this, context, tags, suffix) : undefined}>${this.hasIcon ? block20.call(this, context, tags, suffix) : undefined}<p class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${this.numberBadge ? block22.call(this, context, tags, suffix) : undefined}${this.hasNotIcon ? block23.call(this, context, tags, suffix) : undefined}</p><span class="visually-hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span></button>`; }
|
|
23
|
+
function block19(context, tags, suffix) { return html `style="${styleMap(this.widthStyle)}"`; }
|
|
24
|
+
function block20(context, tags, suffix) { return suffix ? html `<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>${this.showAttentionBadge ? block21.call(this, context, tags, suffix) : undefined}</span>` : html `<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><ui5-icon class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></ui5-icon>${this.showAttentionBadge ? block21.call(this, context, tags, suffix) : undefined}</span>`; }
|
|
25
|
+
function block21(context, tags, suffix) { return html `<span class="udex-tab-navigation__button-badge"></span>`; }
|
|
26
|
+
function block22(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-badge", tags, suffix)} class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Medium">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html `<udex-badge class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Medium">${ifDefined(this.numberBadge)}</udex-badge>`; }
|
|
27
|
+
function block23(context, tags, suffix) { return html `<span class="udex-tab-navigation__button-badge"></span>`; }
|
|
28
|
+
function block24(context, tags, suffix) { return html `<a id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" tabindex="${ifDefined(this.linkTabIndex)}" role="tab" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" href="${ifDefined(this.href)}" target="${ifDefined(this.target)}" ${this.widthStyle ? block25.call(this, context, tags, suffix) : undefined} ._realTab="${ifDefined(this)}">${this.hasIcon ? block26.call(this, context, tags, suffix) : undefined}<p class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${this.numberBadge ? block28.call(this, context, tags, suffix) : undefined}${this.hasNotIcon ? block29.call(this, context, tags, suffix) : undefined}</p><span class="visually-hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span></a>`; }
|
|
29
|
+
function block25(context, tags, suffix) { return html `style="${styleMap(this.widthStyle)}"`; }
|
|
30
|
+
function block26(context, tags, suffix) { return suffix ? html `<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>${this.showAttentionBadge ? block27.call(this, context, tags, suffix) : undefined}</span>` : html `<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><ui5-icon class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></ui5-icon>${this.showAttentionBadge ? block27.call(this, context, tags, suffix) : undefined}</span>`; }
|
|
31
|
+
function block27(context, tags, suffix) { return html `<span class="udex-tab-navigation__button-badge"></span>`; }
|
|
32
|
+
function block28(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-badge", tags, suffix)} class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Medium">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html `<udex-badge class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Medium">${ifDefined(this.numberBadge)}</udex-badge>`; }
|
|
33
|
+
function block29(context, tags, suffix) { return html `<span class="udex-tab-navigation__button-badge"></span>`; }
|
|
15
34
|
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
16
35
|
export default template;
|
|
17
36
|
//# sourceMappingURL=TabHeaderTemplate.lit.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabHeaderTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TabHeaderTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,GAAG,CAAC,CAAA,CAAC;AAC/N,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,eAAe,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,4CAA4C,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,8BAA8B,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,eAAe,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,qEAAqE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,qCAAqC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,mBAAmB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,gBAAgB,SAAS,CAAC,IAAI,CAAC,mBAAmB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,MAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,8CAA8C,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,GAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,OAAQ,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,oEAAoE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,CAAA,CAAC;AACvuC,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,gGAAgG,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,mDAAmD,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,IAAK,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,wJAAwJ,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAiB,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,SAAS,CAAC,CAAA,CAAC;AACtuB,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,yDAAyD,CAAC,CAAA,CAAC;AAC3K,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,wFAAwF,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,mGAAmG,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAA,CAAC;AACtd,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,yDAAyD,CAAC,CAAA,CAAC;AAC3K,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,UAAU,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,4CAA4C,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,8BAA8B,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,eAAe,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,+BAA+B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,mBAAmB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,uBAAuB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,KAAM,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,8CAA8C,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,GAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,OAAQ,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,oEAAoE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAA,CAAC;AACzlC,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,gGAAgG,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,mDAAmD,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,IAAK,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,wJAAwJ,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAiB,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,SAAS,CAAC,CAAA,CAAC;AACtuB,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,yDAAyD,CAAC,CAAA,CAAC;AAC3K,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,wFAAwF,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,mGAAmG,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAA,CAAC;AACtd,SAAS,OAAO,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,yDAAyD,CAAC,CAAA,CAAC;AAE5K,SAAS,QAAQ,KAAoB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7J,eAAe,QAAQ,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\ntype TabHeader = any;\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.hasNotHref ? block1.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix) } `;}\nfunction block1 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button id=\"${ifDefined(this._id)}\" class=\"udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}\" tabindex=\"${ifDefined(this._tabIndex)}\" type=\"button\" role=\"tab\" aria-describedby=\"udex-tab-navigation__${ifDefined(this._id)}__accessible-name\" aria-posinset=\"${ifDefined(this._posinset)}\" aria-setsize=\"${ifDefined(this._setsize)}\" aria-controls=\"${ifDefined(this._contentId)}\" aria-selected=\"${ifDefined(this.effectiveSelected)}\" aria-labelledby=\"${ifDefined(this.ariaLabelledBy)}\" ._realTab=\"${ifDefined(this)}\" style=\"width: ${ifDefined(this._width)};\">${ this.hasIcon ? block2.call(this, context, tags, suffix) : undefined }<p class=\"udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}\">${ifDefined(this.text)}${ this.numberBadge ? block4.call(this, context, tags, suffix) : undefined }</p>${ this.hasNotIcon ? block5.call(this, context, tags, suffix) : undefined }<span aria-hidden=\"true\" class=\"hidden\" id=\"udex-tab-navigation__${ifDefined(this._id)}__accessible-name\">${ifDefined(this.accessibleNameText)}</span></button>`;}\nfunction block2 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class=\"udex-tab-navigation__button-icon-outer\" role=\"presentation\" aria-hidden=\"true\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tab-navigation__button-icon\" name=\"${ifDefined(this.icon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>${ this.showAttentionBadge ? block3.call(this, context, tags, suffix) : undefined }</span>` : html`<span class=\"udex-tab-navigation__button-icon-outer\" role=\"presentation\" aria-hidden=\"true\"><ui5-icon class=\"udex-tab-navigation__button-icon\" name=\"${ifDefined(this.icon)}\"></ui5-icon>${ this.showAttentionBadge ? block3.call(this, context, tags, suffix) : undefined }</span>`;}\nfunction block3 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-tab-navigation__button-badge\"></span>`;}\nfunction block4 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-badge\", tags, suffix)} class=\"udex-tab-navigation__badge\" type=\"Number\" number-design=\"Blue\" size=\"Medium\">${ifDefined(this.numberBadge)}</${scopeTag(\"udex-badge\", tags, suffix)}>` : html`<udex-badge class=\"udex-tab-navigation__badge\" type=\"Number\" number-design=\"Blue\" size=\"Medium\">${ifDefined(this.numberBadge)}</udex-badge>`;}\nfunction block5 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-tab-navigation__button-badge\"></span>`;}\nfunction block6 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a id=\"${ifDefined(this._id)}\" class=\"udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}\" tabindex=\"${ifDefined(this.linkTabIndex)}\" role=\"tab\" aria-posinset=\"${ifDefined(this._posinset)}\" aria-setsize=\"${ifDefined(this._setsize)}\" href=\"${ifDefined(this.href)}\" target=\"${ifDefined(this.target)}\" style=\"max-width: ${ifDefined(this._maxWidth)}px; width: ${ifDefined(this._width)};\" ._realTab=\"${ifDefined(this)}\">${ this.hasIcon ? block7.call(this, context, tags, suffix) : undefined }<p class=\"udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}\">${ifDefined(this.text)}${ this.numberBadge ? block9.call(this, context, tags, suffix) : undefined }</p>${ this.hasNotIcon ? block10.call(this, context, tags, suffix) : undefined }<span aria-hidden=\"true\" class=\"hidden\" id=\"udex-tab-navigation__${ifDefined(this._id)}__accessible-name\">${ifDefined(this.accessibleNameText)}</span></a>`;}\nfunction block7 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class=\"udex-tab-navigation__button-icon-outer\" role=\"presentation\" aria-hidden=\"true\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tab-navigation__button-icon\" name=\"${ifDefined(this.icon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>${ this.showAttentionBadge ? block8.call(this, context, tags, suffix) : undefined }</span>` : html`<span class=\"udex-tab-navigation__button-icon-outer\" role=\"presentation\" aria-hidden=\"true\"><ui5-icon class=\"udex-tab-navigation__button-icon\" name=\"${ifDefined(this.icon)}\"></ui5-icon>${ this.showAttentionBadge ? block8.call(this, context, tags, suffix) : undefined }</span>`;}\nfunction block8 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-tab-navigation__button-badge\"></span>`;}\nfunction block9 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-badge\", tags, suffix)} class=\"udex-tab-navigation__badge\" type=\"Number\" number-design=\"Blue\" size=\"Medium\">${ifDefined(this.numberBadge)}</${scopeTag(\"udex-badge\", tags, suffix)}>` : html`<udex-badge class=\"udex-tab-navigation__badge\" type=\"Number\" number-design=\"Blue\" size=\"Medium\">${ifDefined(this.numberBadge)}</udex-badge>`;}\nfunction block10 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-tab-navigation__button-badge\"></span>`;}\n\nfunction template(this: TabHeader) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
1
|
+
{"version":3,"file":"TabHeaderTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TabHeaderTemplate.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 { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\ntype TabHeader = any;\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.hasBodyTextOrLink ? block1.call(this, context, tags, suffix) : block17.call(this, context, tags, suffix) } `;}\nfunction block1 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-tab-navigation__tab-wrapper\" role=\"presentation\" ._realTab=\"${ifDefined(this)}\" ${ this.widthStyle ? block2.call(this, context, tags, suffix) : undefined }>${ this.hasNotHref ? block3.call(this, context, tags, suffix) : block9.call(this, context, tags, suffix) }${ this.hasBodyText ? block15.call(this, context, tags, suffix) : undefined }${ this.hasLinkSlot ? block16.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block2 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`style=\"${styleMap(this.widthStyle)}\"`;}\nfunction block3 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button id=\"${ifDefined(this._id)}\" class=\"udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}\" type=\"button\" role=\"tab\" tabindex=\"${ifDefined(this._tabIndex)}\" aria-posinset=\"${ifDefined(this._posinset)}\" aria-setsize=\"${ifDefined(this._setsize)}\" aria-controls=\"${ifDefined(this._contentId)}\" aria-selected=\"${ifDefined(this.effectiveSelected)}\">${ this.hasIcon ? block4.call(this, context, tags, suffix) : undefined }<p class=\"udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}\">${ifDefined(this.text)}${ this.numberBadge ? block6.call(this, context, tags, suffix) : undefined }${ this.hasNotIcon ? block7.call(this, context, tags, suffix) : undefined }</p><span class=\"visually-hidden\" id=\"udex-tab-navigation__${ifDefined(this._id)}__accessible-name\">${ifDefined(this.accessibleNameText)}</span>${ this.ariaDescribedByBodyText ? block8.call(this, context, tags, suffix) : undefined }</button>`;}\nfunction block4 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class=\"udex-tab-navigation__button-icon-outer\" role=\"presentation\" aria-hidden=\"true\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tab-navigation__button-icon\" name=\"${ifDefined(this.icon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>${ this.showAttentionBadge ? block5.call(this, context, tags, suffix) : undefined }</span>` : html`<span class=\"udex-tab-navigation__button-icon-outer\" role=\"presentation\" aria-hidden=\"true\"><ui5-icon class=\"udex-tab-navigation__button-icon\" name=\"${ifDefined(this.icon)}\"></ui5-icon>${ this.showAttentionBadge ? block5.call(this, context, tags, suffix) : undefined }</span>`;}\nfunction block5 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-tab-navigation__button-badge\"></span>`;}\nfunction block6 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-badge\", tags, suffix)} class=\"udex-tab-navigation__badge\" type=\"Number\" number-design=\"Blue\" size=\"Medium\">${ifDefined(this.numberBadge)}</${scopeTag(\"udex-badge\", tags, suffix)}>` : html`<udex-badge class=\"udex-tab-navigation__badge\" type=\"Number\" number-design=\"Blue\" size=\"Medium\">${ifDefined(this.numberBadge)}</udex-badge>`;}\nfunction block7 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-tab-navigation__button-badge\"></span>`;}\nfunction block8 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"visually-hidden\">${ifDefined(this.bodyText)}</span>`;}\nfunction block9 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a id=\"${ifDefined(this._id)}\" class=\"udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}\" href=\"${ifDefined(this.href)}\" target=\"${ifDefined(this.target)}\" role=\"tab\" tabindex=\"${ifDefined(this.linkTabIndex)}\" aria-posinset=\"${ifDefined(this._posinset)}\" aria-setsize=\"${ifDefined(this._setsize)}\">${ this.hasIcon ? block10.call(this, context, tags, suffix) : undefined }<p class=\"udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}\">${ifDefined(this.text)}${ this.numberBadge ? block12.call(this, context, tags, suffix) : undefined }${ this.hasNotIcon ? block13.call(this, context, tags, suffix) : undefined }</p><span class=\"visually-hidden\" id=\"udex-tab-navigation__${ifDefined(this._id)}__accessible-name\">${ifDefined(this.accessibleNameText)}</span>${ this.ariaDescribedByBodyText ? block14.call(this, context, tags, suffix) : undefined }</a>`;}\nfunction block10 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class=\"udex-tab-navigation__button-icon-outer\" role=\"presentation\" aria-hidden=\"true\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tab-navigation__button-icon\" name=\"${ifDefined(this.icon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>${ this.showAttentionBadge ? block11.call(this, context, tags, suffix) : undefined }</span>` : html`<span class=\"udex-tab-navigation__button-icon-outer\" role=\"presentation\" aria-hidden=\"true\"><ui5-icon class=\"udex-tab-navigation__button-icon\" name=\"${ifDefined(this.icon)}\"></ui5-icon>${ this.showAttentionBadge ? block11.call(this, context, tags, suffix) : undefined }</span>`;}\nfunction block11 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-tab-navigation__button-badge\"></span>`;}\nfunction block12 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-badge\", tags, suffix)} class=\"udex-tab-navigation__badge\" type=\"Number\" number-design=\"Blue\" size=\"Medium\">${ifDefined(this.numberBadge)}</${scopeTag(\"udex-badge\", tags, suffix)}>` : html`<udex-badge class=\"udex-tab-navigation__badge\" type=\"Number\" number-design=\"Blue\" size=\"Medium\">${ifDefined(this.numberBadge)}</udex-badge>`;}\nfunction block13 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-tab-navigation__button-badge\"></span>`;}\nfunction block14 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"visually-hidden\">${ifDefined(this.bodyText)}</span>`;}\nfunction block15 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<p class=\"udex-tab-navigation__button-body-text\">${ifDefined(this.bodyText)}</p>`;}\nfunction block16 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-tab-navigation__button-links\">${unsafeHTML(this.linkSlotHtml)}</div>`;}\nfunction block17 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.hasNotHref ? block18.call(this, context, tags, suffix) : block24.call(this, context, tags, suffix) }`;}\nfunction block18 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button id=\"${ifDefined(this._id)}\" class=\"udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}\" tabindex=\"${ifDefined(this._tabIndex)}\" type=\"button\" role=\"tab\" aria-describedby=\"udex-tab-navigation__${ifDefined(this._id)}__accessible-name\" aria-posinset=\"${ifDefined(this._posinset)}\" aria-setsize=\"${ifDefined(this._setsize)}\" aria-controls=\"${ifDefined(this._contentId)}\" aria-selected=\"${ifDefined(this.effectiveSelected)}\" ._realTab=\"${ifDefined(this)}\" ${ this.widthStyle ? block19.call(this, context, tags, suffix) : undefined }>${ this.hasIcon ? block20.call(this, context, tags, suffix) : undefined }<p class=\"udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}\">${ifDefined(this.text)}${ this.numberBadge ? block22.call(this, context, tags, suffix) : undefined }${ this.hasNotIcon ? block23.call(this, context, tags, suffix) : undefined }</p><span class=\"visually-hidden\" id=\"udex-tab-navigation__${ifDefined(this._id)}__accessible-name\">${ifDefined(this.accessibleNameText)}</span></button>`;}\nfunction block19 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`style=\"${styleMap(this.widthStyle)}\"`;}\nfunction block20 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class=\"udex-tab-navigation__button-icon-outer\" role=\"presentation\" aria-hidden=\"true\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tab-navigation__button-icon\" name=\"${ifDefined(this.icon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>${ this.showAttentionBadge ? block21.call(this, context, tags, suffix) : undefined }</span>` : html`<span class=\"udex-tab-navigation__button-icon-outer\" role=\"presentation\" aria-hidden=\"true\"><ui5-icon class=\"udex-tab-navigation__button-icon\" name=\"${ifDefined(this.icon)}\"></ui5-icon>${ this.showAttentionBadge ? block21.call(this, context, tags, suffix) : undefined }</span>`;}\nfunction block21 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-tab-navigation__button-badge\"></span>`;}\nfunction block22 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-badge\", tags, suffix)} class=\"udex-tab-navigation__badge\" type=\"Number\" number-design=\"Blue\" size=\"Medium\">${ifDefined(this.numberBadge)}</${scopeTag(\"udex-badge\", tags, suffix)}>` : html`<udex-badge class=\"udex-tab-navigation__badge\" type=\"Number\" number-design=\"Blue\" size=\"Medium\">${ifDefined(this.numberBadge)}</udex-badge>`;}\nfunction block23 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-tab-navigation__button-badge\"></span>`;}\nfunction block24 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a id=\"${ifDefined(this._id)}\" class=\"udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}\" tabindex=\"${ifDefined(this.linkTabIndex)}\" role=\"tab\" aria-posinset=\"${ifDefined(this._posinset)}\" aria-setsize=\"${ifDefined(this._setsize)}\" href=\"${ifDefined(this.href)}\" target=\"${ifDefined(this.target)}\" ${ this.widthStyle ? block25.call(this, context, tags, suffix) : undefined } ._realTab=\"${ifDefined(this)}\">${ this.hasIcon ? block26.call(this, context, tags, suffix) : undefined }<p class=\"udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}\">${ifDefined(this.text)}${ this.numberBadge ? block28.call(this, context, tags, suffix) : undefined }${ this.hasNotIcon ? block29.call(this, context, tags, suffix) : undefined }</p><span class=\"visually-hidden\" id=\"udex-tab-navigation__${ifDefined(this._id)}__accessible-name\">${ifDefined(this.accessibleNameText)}</span></a>`;}\nfunction block25 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`style=\"${styleMap(this.widthStyle)}\"`;}\nfunction block26 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class=\"udex-tab-navigation__button-icon-outer\" role=\"presentation\" aria-hidden=\"true\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tab-navigation__button-icon\" name=\"${ifDefined(this.icon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>${ this.showAttentionBadge ? block27.call(this, context, tags, suffix) : undefined }</span>` : html`<span class=\"udex-tab-navigation__button-icon-outer\" role=\"presentation\" aria-hidden=\"true\"><ui5-icon class=\"udex-tab-navigation__button-icon\" name=\"${ifDefined(this.icon)}\"></ui5-icon>${ this.showAttentionBadge ? block27.call(this, context, tags, suffix) : undefined }</span>`;}\nfunction block27 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-tab-navigation__button-badge\"></span>`;}\nfunction block28 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-badge\", tags, suffix)} class=\"udex-tab-navigation__badge\" type=\"Number\" number-design=\"Blue\" size=\"Medium\">${ifDefined(this.numberBadge)}</${scopeTag(\"udex-badge\", tags, suffix)}>` : html`<udex-badge class=\"udex-tab-navigation__badge\" type=\"Number\" number-design=\"Blue\" size=\"Medium\">${ifDefined(this.numberBadge)}</udex-badge>`;}\nfunction block29 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-tab-navigation__button-badge\"></span>`;}\n\nfunction template(this: TabHeader) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
/* eslint no-unused-vars: 0 */
|
|
2
2
|
import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
3
|
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
function block0(context, tags, suffix) { return suffix ? html `<div class="udex-tab-navigation__root"><div id="${ifDefined(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}"><div id="${ifDefined(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" aria-labelledby="tablist-${ifDefined(this._id)}" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div><button class="udex-tab-navigation__button-more" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" tabindex="0" aria-haspopup="menu" aria-expanded="${ifDefined(this._isExpanded)}" tooltip="${ifDefined(this.moreButtonText)}" hidden>${ifDefined(this.moreButtonText)}<${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-more-icon" name="navigation-down-arrow" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></button>${this._overflowItems.length ?
|
|
5
|
-
function block1(context, tags, suffix, item, index) { return html `${ifDefined(item.tabNavigation)}`; }
|
|
6
|
-
function block2(context, tags, suffix) { return html `${
|
|
7
|
-
function block3(context, tags, suffix, item, index) { return html
|
|
8
|
-
function block4(context, tags, suffix
|
|
9
|
-
function block5(context, tags, suffix, item, index) { return html
|
|
4
|
+
function block0(context, tags, suffix) { return suffix ? html `<div class="udex-tab-navigation__root"><div id="${ifDefined(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}"><div id="${ifDefined(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" aria-labelledby="tablist-${ifDefined(this._id)}" aria-orientation="${ifDefined(this.ariaOrientationValue)}" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div><button class="udex-tab-navigation__button-more" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" tabindex="0" aria-haspopup="menu" aria-expanded="${ifDefined(this._isExpanded)}" tooltip="${ifDefined(this.moreButtonText)}" hidden>${ifDefined(this.moreButtonText)}<${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-more-icon" name="navigation-down-arrow" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></button>${this._overflowItems.length ? block4.call(this, context, tags, suffix) : undefined}</div><div class="udex-tab-navigation__content" id="udex-${ifDefined(this.__id)}-content" part="tab-navigation-content">${repeat(this.items, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}</div></div>` : html `<div class="udex-tab-navigation__root"><div id="${ifDefined(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}"><div id="${ifDefined(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" aria-labelledby="tablist-${ifDefined(this._id)}" aria-orientation="${ifDefined(this.ariaOrientationValue)}" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div><button class="udex-tab-navigation__button-more" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" tabindex="0" aria-haspopup="menu" aria-expanded="${ifDefined(this._isExpanded)}" tooltip="${ifDefined(this.moreButtonText)}" hidden>${ifDefined(this.moreButtonText)}<ui5-icon class="udex-tab-navigation__button-more-icon" name="navigation-down-arrow" mode="Decorative"></ui5-icon></button>${this._overflowItems.length ? block4.call(this, context, tags, suffix) : undefined}</div><div class="udex-tab-navigation__content" id="udex-${ifDefined(this.__id)}-content" part="tab-navigation-content">${repeat(this.items, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}</div></div>`; }
|
|
5
|
+
function block1(context, tags, suffix, item, index) { return html `${ifDefined(item.tabNavigation)}${item.isMobileVertical ? block2.call(this, context, tags, suffix, item, index) : undefined}`; }
|
|
6
|
+
function block2(context, tags, suffix, item, index) { return html `${item.selected ? block3.call(this, context, tags, suffix, item, index) : undefined}`; }
|
|
7
|
+
function block3(context, tags, suffix, item, index) { return html `<div class="udex-tab-navigation__content" part="tab-navigation-content"><div class="udex-tab-navigation__content-item" id="${ifDefined(item._contentId)}-mobile" aria-labelledby="${ifDefined(item._id)}"><slot name="${ifDefined(item._slotName)}"></slot></div></div>`; }
|
|
8
|
+
function block4(context, tags, suffix) { return html `${ifDefined(this.tabNavigationPopover)}`; }
|
|
9
|
+
function block5(context, tags, suffix, item, index) { return html `${item.selected ? block6.call(this, context, tags, suffix, item, index) : block7.call(this, context, tags, suffix, item, index)}`; }
|
|
10
|
+
function block6(context, tags, suffix, item, index) { return html `<div class="udex-tab-navigation__content-item" id="${ifDefined(item._contentId)}" aria-hidden="${ifDefined(item.IsMobile)}" aria-labelledby="${ifDefined(item._id)}"><slot name="${ifDefined(item._slotName)}"></slot></div>`; }
|
|
11
|
+
function block7(context, tags, suffix, item, index) { return html `<div class="udex-tab-navigation__content-item" id="${ifDefined(item._contentId)}"><slot name="${ifDefined(item._slotName)}"></slot></div>`; }
|
|
10
12
|
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
11
13
|
export default template;
|
|
12
14
|
//# sourceMappingURL=TabNavigationTemplate.lit.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigationTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TabNavigationTemplate.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 { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type TabNavigation from \"../../TabNavigation.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-tab-navigation__root\"><div id=\"${ifDefined(this._id)}-header\" class=\"udex-tab-navigation__header\" part=\"tab-navigation-header\" @keydown=\"${this.handleKeyDown}\"><div id=\"${ifDefined(this._id)}-header-tabs\" class=\"udex-tab-navigation__header-tabs\" role=\"tablist\" aria-labelledby=\"tablist-${ifDefined(this._id)}\" part=\"tab-navigation-header-tabs\" @click=\"${this.onTabClick}\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div><button class=\"udex-tab-navigation__button-more\" @click=\"${this.handleMoreButton}\" @keydown=\"${this.handleFocusMoreButton}\" tabindex=\"0\" aria-haspopup=\"menu\" aria-expanded=\"${ifDefined(this._isExpanded)}\" tooltip=\"${ifDefined(this.moreButtonText)}\" hidden>${ifDefined(this.moreButtonText)}<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tab-navigation__button-more-icon\" name=\"navigation-down-arrow\" mode=\"Decorative\"></${scopeTag(\"ui5-icon\", tags, suffix)}></button>${ this._overflowItems.length ? block2.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-tab-navigation__content\" id=\"udex-${ifDefined(this.__id)}-content\" part=\"tab-navigation-content\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></div>` : html`<div class=\"udex-tab-navigation__root\"><div id=\"${ifDefined(this._id)}-header\" class=\"udex-tab-navigation__header\" part=\"tab-navigation-header\" @keydown=\"${this.handleKeyDown}\"><div id=\"${ifDefined(this._id)}-header-tabs\" class=\"udex-tab-navigation__header-tabs\" role=\"tablist\" aria-labelledby=\"tablist-${ifDefined(this._id)}\" part=\"tab-navigation-header-tabs\" @click=\"${this.onTabClick}\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div><button class=\"udex-tab-navigation__button-more\" @click=\"${this.handleMoreButton}\" @keydown=\"${this.handleFocusMoreButton}\" tabindex=\"0\" aria-haspopup=\"menu\" aria-expanded=\"${ifDefined(this._isExpanded)}\" tooltip=\"${ifDefined(this.moreButtonText)}\" hidden>${ifDefined(this.moreButtonText)}<ui5-icon class=\"udex-tab-navigation__button-more-icon\" name=\"navigation-down-arrow\" mode=\"Decorative\"></ui5-icon></button>${ this._overflowItems.length ? block2.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-tab-navigation__content\" id=\"udex-${ifDefined(this.__id)}-content\" part=\"tab-navigation-content\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></div>`;}\nfunction block1 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item.tabNavigation)}`;}\nfunction block2 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.tabNavigationPopover)}`;}\nfunction block3 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.selected ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }`;}\nfunction block4 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"udex-tab-navigation__content-item\" id=\"${ifDefined(item._contentId)}\" aria-labelledby=\"${ifDefined(item._id)}\"><slot name=\"${ifDefined(item._slotName)}\"></slot></div>`;}\nfunction block5 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"udex-tab-navigation__content-item\" id=\"${ifDefined(item._contentId)}\"><slot name=\"${ifDefined(item._slotName)}\"></slot></div>`;}\n\nfunction template(this: TabNavigation) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
1
|
+
{"version":3,"file":"TabNavigationTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TabNavigationTemplate.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 { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type TabNavigation from \"../../TabNavigation.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-tab-navigation__root\"><div id=\"${ifDefined(this._id)}-header\" class=\"udex-tab-navigation__header\" part=\"tab-navigation-header\" @keydown=\"${this.handleKeyDown}\"><div id=\"${ifDefined(this._id)}-header-tabs\" class=\"udex-tab-navigation__header-tabs\" role=\"tablist\" aria-labelledby=\"tablist-${ifDefined(this._id)}\" aria-orientation=\"${ifDefined(this.ariaOrientationValue)}\" part=\"tab-navigation-header-tabs\" @click=\"${this.onTabClick}\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div><button class=\"udex-tab-navigation__button-more\" @click=\"${this.handleMoreButton}\" @keydown=\"${this.handleFocusMoreButton}\" tabindex=\"0\" aria-haspopup=\"menu\" aria-expanded=\"${ifDefined(this._isExpanded)}\" tooltip=\"${ifDefined(this.moreButtonText)}\" hidden>${ifDefined(this.moreButtonText)}<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tab-navigation__button-more-icon\" name=\"navigation-down-arrow\" mode=\"Decorative\"></${scopeTag(\"ui5-icon\", tags, suffix)}></button>${ this._overflowItems.length ? block4.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-tab-navigation__content\" id=\"udex-${ifDefined(this.__id)}-content\" part=\"tab-navigation-content\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</div></div>` : html`<div class=\"udex-tab-navigation__root\"><div id=\"${ifDefined(this._id)}-header\" class=\"udex-tab-navigation__header\" part=\"tab-navigation-header\" @keydown=\"${this.handleKeyDown}\"><div id=\"${ifDefined(this._id)}-header-tabs\" class=\"udex-tab-navigation__header-tabs\" role=\"tablist\" aria-labelledby=\"tablist-${ifDefined(this._id)}\" aria-orientation=\"${ifDefined(this.ariaOrientationValue)}\" part=\"tab-navigation-header-tabs\" @click=\"${this.onTabClick}\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div><button class=\"udex-tab-navigation__button-more\" @click=\"${this.handleMoreButton}\" @keydown=\"${this.handleFocusMoreButton}\" tabindex=\"0\" aria-haspopup=\"menu\" aria-expanded=\"${ifDefined(this._isExpanded)}\" tooltip=\"${ifDefined(this.moreButtonText)}\" hidden>${ifDefined(this.moreButtonText)}<ui5-icon class=\"udex-tab-navigation__button-more-icon\" name=\"navigation-down-arrow\" mode=\"Decorative\"></ui5-icon></button>${ this._overflowItems.length ? block4.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-tab-navigation__content\" id=\"udex-${ifDefined(this.__id)}-content\" part=\"tab-navigation-content\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</div></div>`;}\nfunction block1 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item.tabNavigation)}${ item.isMobileVertical ? block2.call(this, context, tags, suffix, item, index) : undefined }`;}\nfunction block2 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.selected ? block3.call(this, context, tags, suffix, item, index) : undefined }`;}\nfunction block3 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"udex-tab-navigation__content\" part=\"tab-navigation-content\"><div class=\"udex-tab-navigation__content-item\" id=\"${ifDefined(item._contentId)}-mobile\" aria-labelledby=\"${ifDefined(item._id)}\"><slot name=\"${ifDefined(item._slotName)}\"></slot></div></div>`;}\nfunction block4 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.tabNavigationPopover)}`;}\nfunction block5 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.selected ? block6.call(this, context, tags, suffix, item, index) : block7.call(this, context, tags, suffix, item, index) }`;}\nfunction block6 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"udex-tab-navigation__content-item\" id=\"${ifDefined(item._contentId)}\" aria-hidden=\"${ifDefined(item.IsMobile)}\" aria-labelledby=\"${ifDefined(item._id)}\"><slot name=\"${ifDefined(item._slotName)}\"></slot></div>`;}\nfunction block7 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"udex-tab-navigation__content-item\" id=\"${ifDefined(item._contentId)}\"><slot name=\"${ifDefined(item._slotName)}\"></slot></div>`;}\n\nfunction template(this: TabNavigation) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-
|
|
1
|
+
declare const _default: ":host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-27-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
export default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-
|
|
6
|
+
export default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-27-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=RatingIndicator.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RatingIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RatingIndicator.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-
|
|
1
|
+
{"version":3,"file":"RatingIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RatingIndicator.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-27-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-
|
|
1
|
+
declare const _default: ":host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-27-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-
|
|
6
|
+
export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-27-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=Slider.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-
|
|
1
|
+
{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-27-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--udexColorBlue4);--udex-button-more-s-text-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-s-icon-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode=\"Dark\"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon-outer,:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button=\"Medium\"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:\"\";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:\"\";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}}\n";
|
|
1
|
+
declare const _default: ":host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--udexColorBlue4);--udex-button-more-s-text-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-s-icon-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode=\"Dark\"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon-outer,:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button=\"Medium\"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:\"\";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:\"\";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation=\"Vertical\"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation=\"Vertical\"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation=\"Vertical\"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:100%;flex:0 0 25%;width:100%;max-height:none}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header:before{display:none}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer32, 32px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (max-width: 979px){:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer24, 24px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab{padding:0 var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active:before{content:\"\";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:1;width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:0 var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:\"\";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:1;width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-link{font-size:var(--udexTypographyNavigationRegularXLFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:24px;display:none}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-link{display:block}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation=\"Vertical\"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}\n";
|
|
2
2
|
export default _default;
|