@sapudex/web-components 0.114.2 → 0.117.1
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/bundle.esm.js +3 -0
- package/dist/Avatar.d.ts +8 -1
- package/dist/Avatar.js +5 -2
- package/dist/Avatar.js.map +1 -1
- package/dist/CountrySelector.d.ts +1 -0
- package/dist/CountrySelector.js +3 -0
- package/dist/CountrySelector.js.map +1 -1
- package/dist/FilterMenu.d.ts +14 -4
- package/dist/FilterMenu.js +46 -7
- package/dist/FilterMenu.js.map +1 -1
- package/dist/InputGroup.js.map +1 -1
- package/dist/List.d.ts +7 -0
- package/dist/List.js +78 -18
- package/dist/List.js.map +1 -1
- package/dist/ListItem.d.ts +0 -1
- package/dist/ListItem.js +0 -6
- package/dist/ListItem.js.map +1 -1
- package/dist/ListItemBase.d.ts +3 -0
- package/dist/ListItemBase.js +12 -0
- package/dist/ListItemBase.js.map +1 -1
- package/dist/PhoneNumberField.js.map +1 -1
- package/dist/Search.d.ts +3 -0
- package/dist/Search.js +35 -10
- package/dist/Search.js.map +1 -1
- package/dist/SecondaryNavigation.d.ts +34 -46
- package/dist/SecondaryNavigation.js +140 -161
- package/dist/SecondaryNavigation.js.map +1 -1
- package/dist/SecondaryNavigationItem.d.ts +101 -0
- package/dist/SecondaryNavigationItem.js +287 -0
- package/dist/SecondaryNavigationItem.js.map +1 -0
- package/dist/SecondaryNavigationItemBase.d.ts +68 -0
- package/dist/SecondaryNavigationItemBase.js +78 -0
- package/dist/SecondaryNavigationItemBase.js.map +1 -0
- package/dist/SecondaryNavigationSubItem.d.ts +52 -0
- package/dist/SecondaryNavigationSubItem.js +102 -0
- package/dist/SecondaryNavigationSubItem.js.map +1 -0
- package/dist/SelectBox.d.ts +1 -0
- package/dist/SelectBox.js +13 -1
- package/dist/SelectBox.js.map +1 -1
- package/dist/StatusBadge.d.ts +67 -0
- package/dist/StatusBadge.js +104 -0
- package/dist/StatusBadge.js.map +1 -0
- package/dist/Tab.js +1 -1
- package/dist/Tab.js.map +1 -1
- package/dist/assets/{bundle.esm-ab45813e.js → bundle.esm-f65ae7da.js} +187 -184
- package/dist/assets/messagebundle_en-7249941b.js +1 -0
- package/dist/css/themes/Avatar.css +1 -1
- package/dist/css/themes/Checkbox.css +1 -1
- package/dist/css/themes/CountrySelector.css +1 -1
- package/dist/css/themes/Dropdown.css +1 -1
- package/dist/css/themes/FilterMenu.css +1 -1
- package/dist/css/themes/HeroBanner.css +1 -1
- package/dist/css/themes/MediaPlayer.css +1 -1
- package/dist/css/themes/PhoneNumberField.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/SecondaryNavigation.css +1 -1
- package/dist/css/themes/SecondaryNavigationItem.css +1 -0
- package/dist/css/themes/SecondaryNavigationSubItem.css +1 -0
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/StatusBadge.css +1 -0
- package/dist/custom-elements-internal.json +604 -2
- package/dist/custom-elements.json +574 -2
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +8 -1
- package/dist/generated/i18n/i18n-defaults.js +8 -1
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/templates/CountrySelectorTemplate.lit.js +1 -1
- package/dist/generated/templates/CountrySelectorTemplate.lit.js.map +1 -1
- package/dist/generated/templates/DropdownTemplate.lit.js +1 -1
- package/dist/generated/templates/DropdownTemplate.lit.js.map +1 -1
- package/dist/generated/templates/FilterMenuTemplate.lit.js +3 -3
- package/dist/generated/templates/FilterMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/HeroBannerTemplate.lit.js +2 -2
- package/dist/generated/templates/HeroBannerTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.js +4 -4
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListSelectAllTemplate.lit.js +1 -1
- package/dist/generated/templates/ListSelectAllTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SearchSuggestionsTemplate.lit.js +1 -1
- package/dist/generated/templates/SearchSuggestionsTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SearchTemplate.lit.js +2 -2
- package/dist/generated/templates/SearchTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SearchableListBaseTemplate.lit.js +2 -2
- package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.d.ts +4 -0
- package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js +11 -0
- package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js.map +1 -0
- package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.d.ts +4 -0
- package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.js +9 -0
- package/dist/generated/templates/SecondaryNavigationSubItemTemplate.lit.js.map +1 -0
- package/dist/generated/templates/SecondaryNavigationTemplate.lit.js +7 -10
- package/dist/generated/templates/SecondaryNavigationTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SelectBoxTemplate.lit.js +1 -1
- package/dist/generated/templates/SelectBoxTemplate.lit.js.map +1 -1
- package/dist/generated/templates/StatusBadgeTemplate.lit.d.ts +4 -0
- package/dist/generated/templates/StatusBadgeTemplate.lit.js +5 -0
- package/dist/generated/templates/StatusBadgeTemplate.lit.js.map +1 -0
- package/dist/generated/themes/Avatar.css.js +1 -1
- package/dist/generated/themes/Avatar.css.js.map +1 -1
- package/dist/generated/themes/Checkbox.css.js +1 -1
- package/dist/generated/themes/Checkbox.css.js.map +1 -1
- package/dist/generated/themes/CountrySelector.css.js +1 -1
- package/dist/generated/themes/CountrySelector.css.js.map +1 -1
- package/dist/generated/themes/Dropdown.css.js +1 -1
- package/dist/generated/themes/Dropdown.css.js.map +1 -1
- package/dist/generated/themes/FilterMenu.css.js +1 -1
- package/dist/generated/themes/FilterMenu.css.js.map +1 -1
- package/dist/generated/themes/HeroBanner.css.js +1 -1
- package/dist/generated/themes/HeroBanner.css.js.map +1 -1
- package/dist/generated/themes/MediaPlayer.css.js +1 -1
- package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js.map +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/Search.css.js +1 -1
- package/dist/generated/themes/Search.css.js.map +1 -1
- package/dist/generated/themes/SecondaryNavigation.css.js +1 -1
- package/dist/generated/themes/SecondaryNavigation.css.js.map +1 -1
- package/dist/generated/themes/SecondaryNavigationItem.css.d.ts +3 -0
- package/dist/generated/themes/SecondaryNavigationItem.css.js +9 -0
- package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -0
- package/dist/generated/themes/SecondaryNavigationSubItem.css.d.ts +3 -0
- package/dist/generated/themes/SecondaryNavigationSubItem.css.js +9 -0
- package/dist/generated/themes/SecondaryNavigationSubItem.css.js.map +1 -0
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/StatusBadge.css.d.ts +3 -0
- package/dist/generated/themes/StatusBadge.css.js +9 -0
- package/dist/generated/themes/StatusBadge.css.js.map +1 -0
- package/dist/i18n/messagebundle.properties +12 -1
- package/dist/i18n/messagebundle_en.properties +8 -1
- package/dist/vscode.html-custom-data.json +131 -3
- package/dist/web-types.json +203 -5
- package/package.json +1 -1
- package/src/Avatar.ts +12 -3
- package/src/CountrySelector.hbs +2 -1
- package/src/CountrySelector.ts +4 -1
- package/src/Dropdown.hbs +0 -1
- package/src/FilterMenu.hbs +5 -1
- package/src/FilterMenu.ts +60 -10
- package/src/HeroBanner.hbs +24 -21
- package/src/InputGroup.ts +6 -5
- package/src/List.ts +92 -21
- package/src/ListGroupHeader.hbs +9 -5
- package/src/ListItem.hbs +2 -1
- package/src/ListItem.ts +0 -7
- package/src/ListItemBase.ts +14 -0
- package/src/ListSelectAll.hbs +1 -0
- package/src/PhoneNumberField.ts +1 -1
- package/src/Search.hbs +3 -2
- package/src/Search.ts +37 -10
- package/src/SearchSuggestions.hbs +1 -1
- package/src/SearchableListBase.hbs +2 -0
- package/src/SecondaryNavigation.hbs +50 -72
- package/src/SecondaryNavigation.ts +171 -195
- package/src/SecondaryNavigationItem.hbs +63 -0
- package/src/SecondaryNavigationItem.ts +358 -0
- package/src/SecondaryNavigationItemBase.ts +115 -0
- package/src/SecondaryNavigationSubItem.hbs +41 -0
- package/src/SecondaryNavigationSubItem.ts +123 -0
- package/src/SelectBox.hbs +1 -0
- package/src/SelectBox.ts +16 -1
- package/src/StatusBadge.hbs +9 -0
- package/src/StatusBadge.ts +129 -0
- package/src/Tab.ts +1 -1
- package/src/generated/i18n/i18n-defaults.ts +2 -2
- package/src/generated/templates/CountrySelectorTemplate.lit.ts +1 -1
- package/src/generated/templates/DropdownTemplate.lit.ts +1 -1
- package/src/generated/templates/FilterMenuTemplate.lit.ts +3 -3
- package/src/generated/templates/HeroBannerTemplate.lit.ts +2 -2
- package/src/generated/templates/ListGroupHeaderTemplate.lit.ts +4 -4
- package/src/generated/templates/ListItemTemplate.lit.ts +1 -1
- package/src/generated/templates/ListSelectAllTemplate.lit.ts +1 -1
- package/src/generated/templates/SearchSuggestionsTemplate.lit.ts +1 -1
- package/src/generated/templates/SearchTemplate.lit.ts +2 -2
- package/src/generated/templates/SearchableListBaseTemplate.lit.ts +2 -2
- package/src/generated/templates/SecondaryNavigationItemTemplate.lit.ts +16 -0
- package/src/generated/templates/SecondaryNavigationSubItemTemplate.lit.ts +14 -0
- package/src/generated/templates/SecondaryNavigationTemplate.lit.ts +7 -10
- package/src/generated/templates/SelectBoxTemplate.lit.ts +1 -1
- package/src/generated/templates/StatusBadgeTemplate.lit.ts +10 -0
- package/src/generated/themes/Avatar.css.ts +1 -1
- package/src/generated/themes/Checkbox.css.ts +1 -1
- package/src/generated/themes/CountrySelector.css.ts +1 -1
- package/src/generated/themes/Dropdown.css.ts +1 -1
- package/src/generated/themes/FilterMenu.css.ts +1 -1
- package/src/generated/themes/HeroBanner.css.ts +1 -1
- package/src/generated/themes/MediaPlayer.css.ts +1 -1
- package/src/generated/themes/PhoneNumberField.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Search.css.ts +1 -1
- package/src/generated/themes/SecondaryNavigation.css.ts +1 -1
- package/src/generated/themes/SecondaryNavigationItem.css.ts +13 -0
- package/src/generated/themes/SecondaryNavigationSubItem.css.ts +13 -0
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/StatusBadge.css.ts +13 -0
- package/src/i18n/messagebundle.properties +12 -1
- package/src/i18n/messagebundle_en.properties +8 -1
- package/src/themes/Avatar.css +20 -0
- package/src/themes/Checkbox.css +12 -0
- package/src/themes/CountrySelector.css +4 -0
- package/src/themes/Dropdown.css +2 -0
- package/src/themes/FilterMenu.css +10 -0
- package/src/themes/HeroBanner.css +42 -6
- package/src/themes/MediaPlayer.css +3 -2
- package/src/themes/PhoneNumberField.css +4 -0
- package/src/themes/Search.css +11 -7
- package/src/themes/SecondaryNavigation.css +44 -302
- package/src/themes/SecondaryNavigationItem.css +220 -0
- package/src/themes/SecondaryNavigationSubItem.css +118 -0
- package/src/themes/StatusBadge.css +135 -0
- package/dist/assets/messagebundle_en-26cd7a92.js +0 -1
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
/* eslint no-unused-vars: 0 */
|
|
2
2
|
import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
function block0(context, tags, suffix) { return suffix ? html `<div class="
|
|
3
|
+
function block0(context, tags, suffix) { return suffix ? html `<div class="udex-secondary-navigation__root">${this.hasBreadcrumbsSlot ? block1.call(this, context, tags, suffix) : undefined}<div class="udex-secondary-navigation__holder"><div class="udex-secondary-navigation__heading">${this.titleHref.length ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}</div><div class="udex-secondary-navigation__wrap"><ul role="menubar" class="udex-secondary-navigation__list" @keydown="${this.handleKeyDown}">${repeat(this.visibleItems, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}${this._showMoreButton ? block5.call(this, context, tags, suffix) : undefined}</ul>${this.hasDesktopButtonsSlot ? block6.call(this, context, tags, suffix) : undefined}</div></div><${scopeTag("udex-secondary-navigation-item", tags, suffix)} class="udex-secondary-navigation__mobile-nav" role="button" aria-label="${ifDefined(this.mobileMenuOpenerAriaLabel)}" label="${ifDefined(this.title)}" @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" .subItems="${ifDefined(this.parsedItems)}">${this.hasMobileButtonsSlot ? block7.call(this, context, tags, suffix) : undefined}</${scopeTag("udex-secondary-navigation-item", tags, suffix)}></div> ` : html `<div class="udex-secondary-navigation__root">${this.hasBreadcrumbsSlot ? block1.call(this, context, tags, suffix) : undefined}<div class="udex-secondary-navigation__holder"><div class="udex-secondary-navigation__heading">${this.titleHref.length ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}</div><div class="udex-secondary-navigation__wrap"><ul role="menubar" class="udex-secondary-navigation__list" @keydown="${this.handleKeyDown}">${repeat(this.visibleItems, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}${this._showMoreButton ? block5.call(this, context, tags, suffix) : undefined}</ul>${this.hasDesktopButtonsSlot ? block6.call(this, context, tags, suffix) : undefined}</div></div><udex-secondary-navigation-item class="udex-secondary-navigation__mobile-nav" role="button" aria-label="${ifDefined(this.mobileMenuOpenerAriaLabel)}" label="${ifDefined(this.title)}" @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" .subItems="${ifDefined(this.parsedItems)}">${this.hasMobileButtonsSlot ? block7.call(this, context, tags, suffix) : undefined}</udex-secondary-navigation-item></div> `; }
|
|
4
4
|
function block1(context, tags, suffix) { return html `<div class="udex-secondary-navigation__breadcrumbs"><slot name="breadcrumbs"></slot></div>`; }
|
|
5
|
-
function block2(context, tags, suffix
|
|
6
|
-
function block3(context, tags, suffix
|
|
7
|
-
function block4(context, tags, suffix, item, index) { return html `<
|
|
8
|
-
function block5(context, tags, suffix) { return suffix ? html `<li role="none" class="
|
|
9
|
-
function block6(context, tags, suffix) { return html `<div class="udex-secondary-
|
|
10
|
-
function block7(context, tags, suffix
|
|
11
|
-
function block8(context, tags, suffix, item, index) { return html `<a role="menuitem" href="${ifDefined(item.path)}" target="${ifDefined(item.target)}" class="udex-secondary-navigation__dropdown-item udex-secondary-navigation__link-btn" @click="${this.handleNavigationClick}">${ifDefined(item.title)}</a>`; }
|
|
12
|
-
function block9(context, tags, suffix, item, index) { return html `<button role="menuitem" class="udex-secondary-navigation__dropdown-item" @click="${this.handleNavigationClick}">${ifDefined(item.title)}</button>`; }
|
|
13
|
-
function block10(context, tags, suffix) { return html `<div class="udex-secondary-navigation__buttons"><slot name="buttons"></slot></div>`; }
|
|
5
|
+
function block2(context, tags, suffix) { return html `<a class="udex-secondary-navigation__title" href="${ifDefined(this.titleHref)}">${ifDefined(this.title)}</a>`; }
|
|
6
|
+
function block3(context, tags, suffix) { return html `<span class="udex-secondary-navigation__title">${ifDefined(this.title)}</span>`; }
|
|
7
|
+
function block4(context, tags, suffix, item, index) { return suffix ? html `<li role="none" class="udex-secondary-navigation__list-item"><${scopeTag("udex-secondary-navigation-item", tags, suffix)} ?active="${item.active}" path="${ifDefined(item.path)}" label="${ifDefined(item.title)}" target="${ifDefined(item.target)}" .subItems="${ifDefined(item.items)}" @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" @ui5-nav-item-click="${ifDefined(this.handleItemClick)}"></${scopeTag("udex-secondary-navigation-item", tags, suffix)}></li>` : html `<li role="none" class="udex-secondary-navigation__list-item"><udex-secondary-navigation-item ?active="${item.active}" path="${ifDefined(item.path)}" label="${ifDefined(item.title)}" target="${ifDefined(item.target)}" .subItems="${ifDefined(item.items)}" @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" @ui5-nav-item-click="${ifDefined(this.handleItemClick)}"></udex-secondary-navigation-item></li>`; }
|
|
8
|
+
function block5(context, tags, suffix) { return suffix ? html `<li role="none" class="udex-secondary-navigation__list-item"><${scopeTag("udex-secondary-navigation-item", tags, suffix)} @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" @ui5-nav-item-click="${ifDefined(this.handleItemClick)}" label="${ifDefined(this.moreButtonText)}" .subItems="${ifDefined(this._overflowItems)}"></${scopeTag("udex-secondary-navigation-item", tags, suffix)}></li>` : html `<li role="none" class="udex-secondary-navigation__list-item"><udex-secondary-navigation-item @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" @ui5-nav-item-click="${ifDefined(this.handleItemClick)}" label="${ifDefined(this.moreButtonText)}" .subItems="${ifDefined(this._overflowItems)}"></udex-secondary-navigation-item></li>`; }
|
|
9
|
+
function block6(context, tags, suffix) { return html `<div class="udex-secondary-navigation__buttons"><slot name="buttons"></slot></div>`; }
|
|
10
|
+
function block7(context, tags, suffix) { return html `<div class="udex-secondary-navigation__buttons"><slot name="buttons"></slot></div>`; }
|
|
14
11
|
export default block0;
|
|
15
12
|
//# sourceMappingURL=SecondaryNavigationTemplate.lit.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SecondaryNavigationTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/SecondaryNavigationTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type SecondaryNavigation from \"../../SecondaryNavigation.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"${ifDefined(this.rootClass)}\">${ this.hasBreadcrumbsSlot ? block1.call(this, context, tags, suffix) : undefined }<div class=\"udex-secondary-navigation__holder\"><div class=\"udex-secondary-navigation__heading\"><div class=\"udex-secondary-navigation__text-wrap\"><span class=\"udex-secondary-navigation__title\">${ifDefined(this.title)}</span><span class=\"udex-secondary-navigation__active-title\">${ifDefined(this.activeItemText)}</span></div><button class=\"udex-secondary-navigation__mobile-opener\" role=\"button\" aria-expanded=\"${ifDefined(this._mobileBtnExpanded)}\" aria-label=\"${ifDefined(this.mobileMenuOpenerAriaLabel)}\" aria-haspopup=\"true\" @click=\"${this.handleMobileOpen}\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-secondary-navigation__title-icon\" name=\"slim-arrow-down\"></${scopeTag(\"ui5-icon\", tags, suffix)}></button></div><div class=\"udex-secondary-navigation__wrap\"><ul role=\"menubar\" class=\"udex-secondary-navigation__list\" @keydown=\"${this.handleKeyDown}\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }${ this._showMoreButton ? block5.call(this, context, tags, suffix) : undefined }</ul>${ this.hasButtonsSlot ? block10.call(this, context, tags, suffix) : undefined }</div></div></div>` : html`<div class=\"${ifDefined(this.rootClass)}\">${ this.hasBreadcrumbsSlot ? block1.call(this, context, tags, suffix) : undefined }<div class=\"udex-secondary-navigation__holder\"><div class=\"udex-secondary-navigation__heading\"><div class=\"udex-secondary-navigation__text-wrap\"><span class=\"udex-secondary-navigation__title\">${ifDefined(this.title)}</span><span class=\"udex-secondary-navigation__active-title\">${ifDefined(this.activeItemText)}</span></div><button class=\"udex-secondary-navigation__mobile-opener\" role=\"button\" aria-expanded=\"${ifDefined(this._mobileBtnExpanded)}\" aria-label=\"${ifDefined(this.mobileMenuOpenerAriaLabel)}\" aria-haspopup=\"true\" @click=\"${this.handleMobileOpen}\"><ui5-icon class=\"udex-secondary-navigation__title-icon\" name=\"slim-arrow-down\"></ui5-icon></button></div><div class=\"udex-secondary-navigation__wrap\"><ul role=\"menubar\" class=\"udex-secondary-navigation__list\" @keydown=\"${this.handleKeyDown}\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }${ this._showMoreButton ? block5.call(this, context, tags, suffix) : undefined }</ul>${ this.hasButtonsSlot ? block10.call(this, context, tags, suffix) : undefined }</div></div></div>`;}\nfunction block1 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-secondary-navigation__breadcrumbs\"><slot name=\"breadcrumbs\"></slot></div>`;}\nfunction block2 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li role=\"none\" class=\"udex-secondary-navigation__list-item udex-secondary-navigation__link-btn-wrap\" ?active=\"${item.active}\">${ item.path ? block3.call(this, context, tags, suffix, item, index) : block4.call(this, context, tags, suffix, item, index) }</li>`;}\nfunction block3 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<a role=\"menuitem\" class=\"udex-secondary-navigation__item udex-secondary-navigation__link-btn\" href=\"${ifDefined(item.path)}\" target=\"${ifDefined(item.target)}\" @click=\"${this.handleNavigationClick}\">${ifDefined(item.title)}</a>`;}\nfunction block4 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<button role=\"menuitem\" class=\"udex-secondary-navigation__item udex-secondary-navigation__link-btn\" @click=\"${this.handleNavigationClick}\">${ifDefined(item.title)}</button>`;}\nfunction block5 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li role=\"none\" class=\"${ifDefined(this.moreClass)} udex-secondary-navigation__link-btn-wrap\" ?active=\"${this.moreIsActive}\"><button role=\"menuitem\" @click=\"${this.handleToggleDropdown}\" aria-expanded=\"${ifDefined(this._dropdownMoreIsOpen)}\" aria-label=\"${ifDefined(this.moreButtonText)}\" aria-haspopup=\"true\" class=\"udex-secondary-navigation__item udex-secondary-navigation__link-btn udex-secondary-navigation__link-btn-more\">${ifDefined(this.moreButtonText)}<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-secondary-navigation__item-icon\" name=\"slim-arrow-down\"></${scopeTag(\"ui5-icon\", tags, suffix)}></button>${ this._dropdownMoreIsOpen ? block6.call(this, context, tags, suffix) : undefined }</li>` : html`<li role=\"none\" class=\"${ifDefined(this.moreClass)} udex-secondary-navigation__link-btn-wrap\" ?active=\"${this.moreIsActive}\"><button role=\"menuitem\" @click=\"${this.handleToggleDropdown}\" aria-expanded=\"${ifDefined(this._dropdownMoreIsOpen)}\" aria-label=\"${ifDefined(this.moreButtonText)}\" aria-haspopup=\"true\" class=\"udex-secondary-navigation__item udex-secondary-navigation__link-btn udex-secondary-navigation__link-btn-more\">${ifDefined(this.moreButtonText)}<ui5-icon class=\"udex-secondary-navigation__item-icon\" name=\"slim-arrow-down\"></ui5-icon></button>${ this._dropdownMoreIsOpen ? block6.call(this, context, tags, suffix) : undefined }</li>`;}\nfunction block6 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-secondary-navigation__dropdown\"><ul role=\"menu\" class=\"udex-secondary-navigation__dropdown-list\" @keydown=\"${this.handleKeyDownDropdown}\">${ repeat(this._overflowItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block7.call(this, context, tags, suffix, item, index)) }</ul></div>`;}\nfunction block7 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li role=\"none\" ?active=\"${item.active}\" class=\"udex-secondary-navigation__link-btn-wrap\">${ item.path ? block8.call(this, context, tags, suffix, item, index) : block9.call(this, context, tags, suffix, item, index) }</li>`;}\nfunction block8 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<a role=\"menuitem\" href=\"${ifDefined(item.path)}\" target=\"${ifDefined(item.target)}\" class=\"udex-secondary-navigation__dropdown-item udex-secondary-navigation__link-btn\" @click=\"${this.handleNavigationClick}\">${ifDefined(item.title)}</a>`;}\nfunction block9 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<button role=\"menuitem\" class=\"udex-secondary-navigation__dropdown-item\" @click=\"${this.handleNavigationClick}\">${ifDefined(item.title)}</button>`;}\nfunction block10 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-secondary-navigation__buttons\"><slot name=\"buttons\"></slot></div>`;}\n\n\nexport default block0;"]}
|
|
1
|
+
{"version":3,"file":"SecondaryNavigationTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/SecondaryNavigationTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type SecondaryNavigation from \"../../SecondaryNavigation.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-secondary-navigation__root\">${ this.hasBreadcrumbsSlot ? block1.call(this, context, tags, suffix) : undefined }<div class=\"udex-secondary-navigation__holder\"><div class=\"udex-secondary-navigation__heading\">${ this.titleHref.length ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }</div><div class=\"udex-secondary-navigation__wrap\"><ul role=\"menubar\" class=\"udex-secondary-navigation__list\" @keydown=\"${this.handleKeyDown}\">${ repeat(this.visibleItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block4.call(this, context, tags, suffix, item, index)) }${ this._showMoreButton ? block5.call(this, context, tags, suffix) : undefined }</ul>${ this.hasDesktopButtonsSlot ? block6.call(this, context, tags, suffix) : undefined }</div></div><${scopeTag(\"udex-secondary-navigation-item\", tags, suffix)} class=\"udex-secondary-navigation__mobile-nav\" role=\"button\" aria-label=\"${ifDefined(this.mobileMenuOpenerAriaLabel)}\" label=\"${ifDefined(this.title)}\" @ui5-sub-item-click=\"${ifDefined(this.handleSubItemClick)}\" .subItems=\"${ifDefined(this.parsedItems)}\">${ this.hasMobileButtonsSlot ? block7.call(this, context, tags, suffix) : undefined }</${scopeTag(\"udex-secondary-navigation-item\", tags, suffix)}></div> ` : html`<div class=\"udex-secondary-navigation__root\">${ this.hasBreadcrumbsSlot ? block1.call(this, context, tags, suffix) : undefined }<div class=\"udex-secondary-navigation__holder\"><div class=\"udex-secondary-navigation__heading\">${ this.titleHref.length ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }</div><div class=\"udex-secondary-navigation__wrap\"><ul role=\"menubar\" class=\"udex-secondary-navigation__list\" @keydown=\"${this.handleKeyDown}\">${ repeat(this.visibleItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block4.call(this, context, tags, suffix, item, index)) }${ this._showMoreButton ? block5.call(this, context, tags, suffix) : undefined }</ul>${ this.hasDesktopButtonsSlot ? block6.call(this, context, tags, suffix) : undefined }</div></div><udex-secondary-navigation-item class=\"udex-secondary-navigation__mobile-nav\" role=\"button\" aria-label=\"${ifDefined(this.mobileMenuOpenerAriaLabel)}\" label=\"${ifDefined(this.title)}\" @ui5-sub-item-click=\"${ifDefined(this.handleSubItemClick)}\" .subItems=\"${ifDefined(this.parsedItems)}\">${ this.hasMobileButtonsSlot ? block7.call(this, context, tags, suffix) : undefined }</udex-secondary-navigation-item></div> `;}\nfunction block1 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-secondary-navigation__breadcrumbs\"><slot name=\"breadcrumbs\"></slot></div>`;}\nfunction block2 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a class=\"udex-secondary-navigation__title\" href=\"${ifDefined(this.titleHref)}\">${ifDefined(this.title)}</a>`;}\nfunction block3 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"udex-secondary-navigation__title\">${ifDefined(this.title)}</span>`;}\nfunction block4 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li role=\"none\" class=\"udex-secondary-navigation__list-item\"><${scopeTag(\"udex-secondary-navigation-item\", tags, suffix)} ?active=\"${item.active}\" path=\"${ifDefined(item.path)}\" label=\"${ifDefined(item.title)}\" target=\"${ifDefined(item.target)}\" .subItems=\"${ifDefined(item.items)}\" @ui5-sub-item-click=\"${ifDefined(this.handleSubItemClick)}\" @ui5-nav-item-click=\"${ifDefined(this.handleItemClick)}\"></${scopeTag(\"udex-secondary-navigation-item\", tags, suffix)}></li>` : html`<li role=\"none\" class=\"udex-secondary-navigation__list-item\"><udex-secondary-navigation-item ?active=\"${item.active}\" path=\"${ifDefined(item.path)}\" label=\"${ifDefined(item.title)}\" target=\"${ifDefined(item.target)}\" .subItems=\"${ifDefined(item.items)}\" @ui5-sub-item-click=\"${ifDefined(this.handleSubItemClick)}\" @ui5-nav-item-click=\"${ifDefined(this.handleItemClick)}\"></udex-secondary-navigation-item></li>`;}\nfunction block5 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li role=\"none\" class=\"udex-secondary-navigation__list-item\"><${scopeTag(\"udex-secondary-navigation-item\", tags, suffix)} @ui5-sub-item-click=\"${ifDefined(this.handleSubItemClick)}\" @ui5-nav-item-click=\"${ifDefined(this.handleItemClick)}\" label=\"${ifDefined(this.moreButtonText)}\" .subItems=\"${ifDefined(this._overflowItems)}\"></${scopeTag(\"udex-secondary-navigation-item\", tags, suffix)}></li>` : html`<li role=\"none\" class=\"udex-secondary-navigation__list-item\"><udex-secondary-navigation-item @ui5-sub-item-click=\"${ifDefined(this.handleSubItemClick)}\" @ui5-nav-item-click=\"${ifDefined(this.handleItemClick)}\" label=\"${ifDefined(this.moreButtonText)}\" .subItems=\"${ifDefined(this._overflowItems)}\"></udex-secondary-navigation-item></li>`;}\nfunction block6 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-secondary-navigation__buttons\"><slot name=\"buttons\"></slot></div>`;}\nfunction block7 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-secondary-navigation__buttons\"><slot name=\"buttons\"></slot></div>`;}\n\n\nexport default block0;"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint no-unused-vars: 0 */
|
|
2
2
|
import { html, repeat, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
function block0(context, tags, suffix) { return suffix ? html `<div class="udex-select-box__root"><div class="udex-text-field__container"><div @click="${this.getHandleSingleSelectOpen}" class="udex-text-field__input" @ui5-iconClick="${ifDefined(this.handleRemoveTag)}" @keydown="${this.handleKeyDownTrigger}" ?open="${this._open}" tabindex="${ifDefined(this.effectiveTabIndex)}" @focusin="${this.handleFocusIn}" @focusout="${this.handleFocusOut}" ?disabled="${this.disabled}" ?displayonly="${this.displayonly}" ?readonly="${this.readonly}" role="combobox" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-labelledby="${ifDefined(this.accInfo.ariaLabelledBy)}" aria-readonly="${ifDefined(this.isReadOrDisplayOnly)}" aria-disabled="${ifDefined(this.disabled)}" aria-haspopup="listbox" aria-controls="udex-select-box__dropdown" aria-expanded="${ifDefined(this.tokenizerExpanded)}" aria-activedescendant>${this.label ? block1.call(this, context, tags, suffix) : undefined}${this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined}${this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined}${this.showTrigger ? block7.call(this, context, tags, suffix) : undefined}</div>${this.supportingText ? block8.call(this, context, tags, suffix) : undefined}</div><${scopeTag("udex-dropdown", tags, suffix)} id="udex-select-box__dropdown" class="udex-select-box__dropdown" ?disable-target-overlap="${this.disableTargetOverlap}" @keydown="${this.handleKeyDownDropdown}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @before-open="${this.handleDropdownBeforeOpen}" @after-close="${this.handleDropdownAfterClose}" height="${ifDefined(this.height)}" accessible-role="Dialog" horizontal-align="Left">${this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</${scopeTag("udex-dropdown", tags, suffix)}>${this.displayonly ? block11.call(this, context, tags, suffix) : undefined}</div>` : html `<div class="udex-select-box__root"><div class="udex-text-field__container"><div @click="${this.getHandleSingleSelectOpen}" class="udex-text-field__input" @ui5-iconClick="${ifDefined(this.handleRemoveTag)}" @keydown="${this.handleKeyDownTrigger}" ?open="${this._open}" tabindex="${ifDefined(this.effectiveTabIndex)}" @focusin="${this.handleFocusIn}" @focusout="${this.handleFocusOut}" ?disabled="${this.disabled}" ?displayonly="${this.displayonly}" ?readonly="${this.readonly}" role="combobox" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-labelledby="${ifDefined(this.accInfo.ariaLabelledBy)}" aria-readonly="${ifDefined(this.isReadOrDisplayOnly)}" aria-disabled="${ifDefined(this.disabled)}" aria-haspopup="listbox" aria-controls="udex-select-box__dropdown" aria-expanded="${ifDefined(this.tokenizerExpanded)}" aria-activedescendant>${this.label ? block1.call(this, context, tags, suffix) : undefined}${this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined}${this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined}${this.showTrigger ? block7.call(this, context, tags, suffix) : undefined}</div>${this.supportingText ? block8.call(this, context, tags, suffix) : undefined}</div><udex-dropdown id="udex-select-box__dropdown" class="udex-select-box__dropdown" ?disable-target-overlap="${this.disableTargetOverlap}" @keydown="${this.handleKeyDownDropdown}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @before-open="${this.handleDropdownBeforeOpen}" @after-close="${this.handleDropdownAfterClose}" height="${ifDefined(this.height)}" accessible-role="Dialog" horizontal-align="Left">${this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</udex-dropdown>${this.displayonly ? block11.call(this, context, tags, suffix) : undefined}</div>`; }
|
|
3
|
+
function block0(context, tags, suffix) { return suffix ? html `<div class="udex-select-box__root"><div class="udex-text-field__container"><div @click="${this.getHandleSingleSelectOpen}" class="udex-text-field__input" @ui5-iconClick="${ifDefined(this.handleRemoveTag)}" @keydown="${this.handleKeyDownTrigger}" ?open="${this._open}" tabindex="${ifDefined(this.effectiveTabIndex)}" @focusin="${this.handleFocusIn}" @focusout="${this.handleFocusOut}" ?disabled="${this.disabled}" ?displayonly="${this.displayonly}" ?readonly="${this.readonly}" role="combobox" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-labelledby="${ifDefined(this.accInfo.ariaLabelledBy)}" aria-readonly="${ifDefined(this.isReadOrDisplayOnly)}" aria-disabled="${ifDefined(this.disabled)}" aria-haspopup="listbox" aria-controls="udex-select-box__dropdown" aria-expanded="${ifDefined(this.tokenizerExpanded)}" aria-activedescendant>${this.label ? block1.call(this, context, tags, suffix) : undefined}${this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined}${this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined}${this.showTrigger ? block7.call(this, context, tags, suffix) : undefined}</div>${this.supportingText ? block8.call(this, context, tags, suffix) : undefined}</div><${scopeTag("udex-dropdown", tags, suffix)} id="udex-select-box__dropdown" class="udex-select-box__dropdown" ?disable-target-overlap="${this.disableTargetOverlap}" @keydown="${this.handleKeyDownDropdown}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @before-open="${this.handleDropdownBeforeOpen}" @after-close="${this.handleDropdownAfterClose}" @search-keydown="${this.handleKeyDownSearch}" height="${ifDefined(this.height)}" accessible-role="Dialog" horizontal-align="Left">${this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</${scopeTag("udex-dropdown", tags, suffix)}>${this.displayonly ? block11.call(this, context, tags, suffix) : undefined}</div>` : html `<div class="udex-select-box__root"><div class="udex-text-field__container"><div @click="${this.getHandleSingleSelectOpen}" class="udex-text-field__input" @ui5-iconClick="${ifDefined(this.handleRemoveTag)}" @keydown="${this.handleKeyDownTrigger}" ?open="${this._open}" tabindex="${ifDefined(this.effectiveTabIndex)}" @focusin="${this.handleFocusIn}" @focusout="${this.handleFocusOut}" ?disabled="${this.disabled}" ?displayonly="${this.displayonly}" ?readonly="${this.readonly}" role="combobox" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-labelledby="${ifDefined(this.accInfo.ariaLabelledBy)}" aria-readonly="${ifDefined(this.isReadOrDisplayOnly)}" aria-disabled="${ifDefined(this.disabled)}" aria-haspopup="listbox" aria-controls="udex-select-box__dropdown" aria-expanded="${ifDefined(this.tokenizerExpanded)}" aria-activedescendant>${this.label ? block1.call(this, context, tags, suffix) : undefined}${this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined}${this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined}${this.showTrigger ? block7.call(this, context, tags, suffix) : undefined}</div>${this.supportingText ? block8.call(this, context, tags, suffix) : undefined}</div><udex-dropdown id="udex-select-box__dropdown" class="udex-select-box__dropdown" ?disable-target-overlap="${this.disableTargetOverlap}" @keydown="${this.handleKeyDownDropdown}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @before-open="${this.handleDropdownBeforeOpen}" @after-close="${this.handleDropdownAfterClose}" @search-keydown="${this.handleKeyDownSearch}" height="${ifDefined(this.height)}" accessible-role="Dialog" horizontal-align="Left">${this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</udex-dropdown>${this.displayonly ? block11.call(this, context, tags, suffix) : undefined}</div>`; }
|
|
4
4
|
function block1(context, tags, suffix) { return html `<span class="${ifDefined(this.labelClass)}">${ifDefined(this.label)}${this.required ? block2.call(this, context, tags, suffix) : undefined}</span>`; }
|
|
5
5
|
function block2(context, tags, suffix) { return html ` * `; }
|
|
6
6
|
function block3(context, tags, suffix) { return html `<div class="udex-text-field__text-holder"><span class="udex-text-field__single-label">${unsafeHTML(this._singleSelectedOption)}</span></div>`; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBoxTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/SelectBoxTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type SelectBox from \"../../SelectBox.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-select-box__root\"><div class=\"udex-text-field__container\"><div @click=\"${this.getHandleSingleSelectOpen}\" class=\"udex-text-field__input\" @ui5-iconClick=\"${ifDefined(this.handleRemoveTag)}\" @keydown=\"${this.handleKeyDownTrigger}\" ?open=\"${this._open}\" tabindex=\"${ifDefined(this.effectiveTabIndex)}\" @focusin=\"${this.handleFocusIn}\" @focusout=\"${this.handleFocusOut}\" ?disabled=\"${this.disabled}\" ?displayonly=\"${this.displayonly}\" ?readonly=\"${this.readonly}\" role=\"combobox\" aria-label=\"${ifDefined(this.accInfo.ariaLabel)}\" aria-labelledby=\"${ifDefined(this.accInfo.ariaLabelledBy)}\" aria-readonly=\"${ifDefined(this.isReadOrDisplayOnly)}\" aria-disabled=\"${ifDefined(this.disabled)}\" aria-haspopup=\"listbox\" aria-controls=\"udex-select-box__dropdown\" aria-expanded=\"${ifDefined(this.tokenizerExpanded)}\" aria-activedescendant>${ this.label ? block1.call(this, context, tags, suffix) : undefined }${ this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined }${ this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined }${ this.showTrigger ? block7.call(this, context, tags, suffix) : undefined }</div>${ this.supportingText ? block8.call(this, context, tags, suffix) : undefined }</div><${scopeTag(\"udex-dropdown\", tags, suffix)} id=\"udex-select-box__dropdown\" class=\"udex-select-box__dropdown\" ?disable-target-overlap=\"${this.disableTargetOverlap}\" @keydown=\"${this.handleKeyDownDropdown}\" @ui5-select-all=\"${ifDefined(this.handleSelectAll)}\" @ui5-item-press=\"${ifDefined(this.handleItemPress)}\" @ui5-header-press=\"${ifDefined(this.handleHeaderPress)}\" @ui5-submit-search-value=\"${ifDefined(this.handleSubmitSearch)}\" @ui5-handle-value-search=\"${ifDefined(this.handleValueSearch)}\" @ui5-handle-value-reset=\"${ifDefined(this.handleResetSearch)}\" @before-open=\"${this.handleDropdownBeforeOpen}\" @after-close=\"${this.handleDropdownAfterClose}\" height=\"${ifDefined(this.height)}\" accessible-role=\"Dialog\" horizontal-align=\"Left\">${ this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }</${scopeTag(\"udex-dropdown\", tags, suffix)}>${ this.displayonly ? block11.call(this, context, tags, suffix) : undefined }</div>` : html`<div class=\"udex-select-box__root\"><div class=\"udex-text-field__container\"><div @click=\"${this.getHandleSingleSelectOpen}\" class=\"udex-text-field__input\" @ui5-iconClick=\"${ifDefined(this.handleRemoveTag)}\" @keydown=\"${this.handleKeyDownTrigger}\" ?open=\"${this._open}\" tabindex=\"${ifDefined(this.effectiveTabIndex)}\" @focusin=\"${this.handleFocusIn}\" @focusout=\"${this.handleFocusOut}\" ?disabled=\"${this.disabled}\" ?displayonly=\"${this.displayonly}\" ?readonly=\"${this.readonly}\" role=\"combobox\" aria-label=\"${ifDefined(this.accInfo.ariaLabel)}\" aria-labelledby=\"${ifDefined(this.accInfo.ariaLabelledBy)}\" aria-readonly=\"${ifDefined(this.isReadOrDisplayOnly)}\" aria-disabled=\"${ifDefined(this.disabled)}\" aria-haspopup=\"listbox\" aria-controls=\"udex-select-box__dropdown\" aria-expanded=\"${ifDefined(this.tokenizerExpanded)}\" aria-activedescendant>${ this.label ? block1.call(this, context, tags, suffix) : undefined }${ this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined }${ this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined }${ this.showTrigger ? block7.call(this, context, tags, suffix) : undefined }</div>${ this.supportingText ? block8.call(this, context, tags, suffix) : undefined }</div><udex-dropdown id=\"udex-select-box__dropdown\" class=\"udex-select-box__dropdown\" ?disable-target-overlap=\"${this.disableTargetOverlap}\" @keydown=\"${this.handleKeyDownDropdown}\" @ui5-select-all=\"${ifDefined(this.handleSelectAll)}\" @ui5-item-press=\"${ifDefined(this.handleItemPress)}\" @ui5-header-press=\"${ifDefined(this.handleHeaderPress)}\" @ui5-submit-search-value=\"${ifDefined(this.handleSubmitSearch)}\" @ui5-handle-value-search=\"${ifDefined(this.handleValueSearch)}\" @ui5-handle-value-reset=\"${ifDefined(this.handleResetSearch)}\" @before-open=\"${this.handleDropdownBeforeOpen}\" @after-close=\"${this.handleDropdownAfterClose}\" height=\"${ifDefined(this.height)}\" accessible-role=\"Dialog\" horizontal-align=\"Left\">${ this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }</udex-dropdown>${ this.displayonly ? block11.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block1 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"${ifDefined(this.labelClass)}\">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</span>`;}\nfunction block2 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}\nfunction block3 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-text-field__text-holder\"><span class=\"udex-text-field__single-label\">${unsafeHTML(this._singleSelectedOption)}</span></div>`;}\nfunction block4 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-tokenizer\", tags, suffix)} part=\"tokenizer\" show-more @ui5-selectionChange=\"${ifDefined(this.handleTagPress)}\" @keydown=\"${this.handleKeydownTokenizer}\" prevent-popover-open class=\"${ifDefined(this.tokenizerClass)}\" ?disabled=\"${this.disabled}\" @ui5-show-more-items-press=\"${ifDefined(this.getHandlerShowMoreItems)}\" ?expanded=\"${this.tokenizerExpanded}\">${ repeat(this.selectedItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"ui5-tokenizer\", tags, suffix)}>` : html`<ui5-tokenizer part=\"tokenizer\" show-more @ui5-selectionChange=\"${ifDefined(this.handleTagPress)}\" @keydown=\"${this.handleKeydownTokenizer}\" prevent-popover-open class=\"${ifDefined(this.tokenizerClass)}\" ?disabled=\"${this.disabled}\" @ui5-show-more-items-press=\"${ifDefined(this.getHandlerShowMoreItems)}\" ?expanded=\"${this.tokenizerExpanded}\">${ repeat(this.selectedItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</ui5-tokenizer>`;}\nfunction block5 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ !item.isGroup ? block6.call(this, context, tags, suffix, item, index) : undefined }`;}\nfunction block6 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-tag\", tags, suffix)} accessible-role=\"option\" class=\"udex-text-field__token\" @keydown=\"${this.handleKeyDownTag}\" ?read-only=\"${this.isReadOrDisplayOnly}\" data-id=\"${ifDefined(item._id)}\" part=\"token-${index}\" text=\"${ifDefined(item.label)}\" icon=\"decline\"></${scopeTag(\"udex-tag\", tags, suffix)}>` : html`<udex-tag accessible-role=\"option\" class=\"udex-text-field__token\" @keydown=\"${this.handleKeyDownTag}\" ?read-only=\"${this.isReadOrDisplayOnly}\" data-id=\"${ifDefined(item._id)}\" part=\"token-${index}\" text=\"${ifDefined(item.label)}\" icon=\"decline\"></udex-tag>`;}\nfunction block7 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-text-field__trigger\" role=\"combobox\" aria-label=\"${ifDefined(this.iconAccessibleNameText)}\" aria-haspopup=\"listbox\" aria-expanded=\"${ifDefined(this._open)}\" aria-controls=\"${ifDefined(this.accInfo.ariaControls)}\" @click=\"${this.getHandleMultiSelectOpen}\" aria-activedescendant><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-text-field__icon\" name=\"navigation-down-arrow\" accessible-name=\"${ifDefined(this.iconAccessibleNameText)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}></div>` : html`<div class=\"udex-text-field__trigger\" role=\"combobox\" aria-label=\"${ifDefined(this.iconAccessibleNameText)}\" aria-haspopup=\"listbox\" aria-expanded=\"${ifDefined(this._open)}\" aria-controls=\"${ifDefined(this.accInfo.ariaControls)}\" @click=\"${this.getHandleMultiSelectOpen}\" aria-activedescendant><ui5-icon class=\"udex-text-field__icon\" name=\"navigation-down-arrow\" accessible-name=\"${ifDefined(this.iconAccessibleNameText)}\"></ui5-icon></div>`;}\nfunction block8 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-status-message\", tags, suffix)} ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></${scopeTag(\"udex-status-message\", tags, suffix)}>` : html`<udex-status-message ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></udex-status-message>`;}\nfunction block9 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-truncatable-tag-content\"><span class=\"udex-truncatable-tag-content__label\">${ifDefined(this.truncatableTagLabel)}</span><${scopeTag(\"ui5-icon\", tags, suffix)} @click=\"${this.handleRemoveTruncatableTag}\" class=\"udex-truncatable-tag-content__icon\" name=\"decline\"></${scopeTag(\"ui5-icon\", tags, suffix)}></div>` : html`<div class=\"udex-truncatable-tag-content\"><span class=\"udex-truncatable-tag-content__label\">${ifDefined(this.truncatableTagLabel)}</span><ui5-icon @click=\"${this.handleRemoveTruncatableTag}\" class=\"udex-truncatable-tag-content__icon\" name=\"decline\"></ui5-icon></div>`;}\nfunction block10 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.searchableList)}`;}\nfunction block11 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-tooltip\", tags, suffix)} placement=\"${ifDefined(this.tooltipPlacement)}\">${ repeat(this.overflowsTags, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block12.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"udex-tooltip\", tags, suffix)}>` : html`<udex-tooltip placement=\"${ifDefined(this.tooltipPlacement)}\">${ repeat(this.overflowsTags, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block12.call(this, context, tags, suffix, item, index)) }</udex-tooltip>`;}\nfunction block12 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<ul class=\"udex-select-box__overflow-tags\"><li>${ifDefined(item.text)}</li></ul>`;}\n\n\nexport default block0;"]}
|
|
1
|
+
{"version":3,"file":"SelectBoxTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/SelectBoxTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type SelectBox from \"../../SelectBox.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-select-box__root\"><div class=\"udex-text-field__container\"><div @click=\"${this.getHandleSingleSelectOpen}\" class=\"udex-text-field__input\" @ui5-iconClick=\"${ifDefined(this.handleRemoveTag)}\" @keydown=\"${this.handleKeyDownTrigger}\" ?open=\"${this._open}\" tabindex=\"${ifDefined(this.effectiveTabIndex)}\" @focusin=\"${this.handleFocusIn}\" @focusout=\"${this.handleFocusOut}\" ?disabled=\"${this.disabled}\" ?displayonly=\"${this.displayonly}\" ?readonly=\"${this.readonly}\" role=\"combobox\" aria-label=\"${ifDefined(this.accInfo.ariaLabel)}\" aria-labelledby=\"${ifDefined(this.accInfo.ariaLabelledBy)}\" aria-readonly=\"${ifDefined(this.isReadOrDisplayOnly)}\" aria-disabled=\"${ifDefined(this.disabled)}\" aria-haspopup=\"listbox\" aria-controls=\"udex-select-box__dropdown\" aria-expanded=\"${ifDefined(this.tokenizerExpanded)}\" aria-activedescendant>${ this.label ? block1.call(this, context, tags, suffix) : undefined }${ this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined }${ this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined }${ this.showTrigger ? block7.call(this, context, tags, suffix) : undefined }</div>${ this.supportingText ? block8.call(this, context, tags, suffix) : undefined }</div><${scopeTag(\"udex-dropdown\", tags, suffix)} id=\"udex-select-box__dropdown\" class=\"udex-select-box__dropdown\" ?disable-target-overlap=\"${this.disableTargetOverlap}\" @keydown=\"${this.handleKeyDownDropdown}\" @ui5-select-all=\"${ifDefined(this.handleSelectAll)}\" @ui5-item-press=\"${ifDefined(this.handleItemPress)}\" @ui5-header-press=\"${ifDefined(this.handleHeaderPress)}\" @ui5-submit-search-value=\"${ifDefined(this.handleSubmitSearch)}\" @ui5-handle-value-search=\"${ifDefined(this.handleValueSearch)}\" @ui5-handle-value-reset=\"${ifDefined(this.handleResetSearch)}\" @before-open=\"${this.handleDropdownBeforeOpen}\" @after-close=\"${this.handleDropdownAfterClose}\" @search-keydown=\"${this.handleKeyDownSearch}\" height=\"${ifDefined(this.height)}\" accessible-role=\"Dialog\" horizontal-align=\"Left\">${ this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }</${scopeTag(\"udex-dropdown\", tags, suffix)}>${ this.displayonly ? block11.call(this, context, tags, suffix) : undefined }</div>` : html`<div class=\"udex-select-box__root\"><div class=\"udex-text-field__container\"><div @click=\"${this.getHandleSingleSelectOpen}\" class=\"udex-text-field__input\" @ui5-iconClick=\"${ifDefined(this.handleRemoveTag)}\" @keydown=\"${this.handleKeyDownTrigger}\" ?open=\"${this._open}\" tabindex=\"${ifDefined(this.effectiveTabIndex)}\" @focusin=\"${this.handleFocusIn}\" @focusout=\"${this.handleFocusOut}\" ?disabled=\"${this.disabled}\" ?displayonly=\"${this.displayonly}\" ?readonly=\"${this.readonly}\" role=\"combobox\" aria-label=\"${ifDefined(this.accInfo.ariaLabel)}\" aria-labelledby=\"${ifDefined(this.accInfo.ariaLabelledBy)}\" aria-readonly=\"${ifDefined(this.isReadOrDisplayOnly)}\" aria-disabled=\"${ifDefined(this.disabled)}\" aria-haspopup=\"listbox\" aria-controls=\"udex-select-box__dropdown\" aria-expanded=\"${ifDefined(this.tokenizerExpanded)}\" aria-activedescendant>${ this.label ? block1.call(this, context, tags, suffix) : undefined }${ this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined }${ this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined }${ this.showTrigger ? block7.call(this, context, tags, suffix) : undefined }</div>${ this.supportingText ? block8.call(this, context, tags, suffix) : undefined }</div><udex-dropdown id=\"udex-select-box__dropdown\" class=\"udex-select-box__dropdown\" ?disable-target-overlap=\"${this.disableTargetOverlap}\" @keydown=\"${this.handleKeyDownDropdown}\" @ui5-select-all=\"${ifDefined(this.handleSelectAll)}\" @ui5-item-press=\"${ifDefined(this.handleItemPress)}\" @ui5-header-press=\"${ifDefined(this.handleHeaderPress)}\" @ui5-submit-search-value=\"${ifDefined(this.handleSubmitSearch)}\" @ui5-handle-value-search=\"${ifDefined(this.handleValueSearch)}\" @ui5-handle-value-reset=\"${ifDefined(this.handleResetSearch)}\" @before-open=\"${this.handleDropdownBeforeOpen}\" @after-close=\"${this.handleDropdownAfterClose}\" @search-keydown=\"${this.handleKeyDownSearch}\" height=\"${ifDefined(this.height)}\" accessible-role=\"Dialog\" horizontal-align=\"Left\">${ this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }</udex-dropdown>${ this.displayonly ? block11.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block1 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class=\"${ifDefined(this.labelClass)}\">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</span>`;}\nfunction block2 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}\nfunction block3 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-text-field__text-holder\"><span class=\"udex-text-field__single-label\">${unsafeHTML(this._singleSelectedOption)}</span></div>`;}\nfunction block4 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-tokenizer\", tags, suffix)} part=\"tokenizer\" show-more @ui5-selectionChange=\"${ifDefined(this.handleTagPress)}\" @keydown=\"${this.handleKeydownTokenizer}\" prevent-popover-open class=\"${ifDefined(this.tokenizerClass)}\" ?disabled=\"${this.disabled}\" @ui5-show-more-items-press=\"${ifDefined(this.getHandlerShowMoreItems)}\" ?expanded=\"${this.tokenizerExpanded}\">${ repeat(this.selectedItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"ui5-tokenizer\", tags, suffix)}>` : html`<ui5-tokenizer part=\"tokenizer\" show-more @ui5-selectionChange=\"${ifDefined(this.handleTagPress)}\" @keydown=\"${this.handleKeydownTokenizer}\" prevent-popover-open class=\"${ifDefined(this.tokenizerClass)}\" ?disabled=\"${this.disabled}\" @ui5-show-more-items-press=\"${ifDefined(this.getHandlerShowMoreItems)}\" ?expanded=\"${this.tokenizerExpanded}\">${ repeat(this.selectedItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</ui5-tokenizer>`;}\nfunction block5 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ !item.isGroup ? block6.call(this, context, tags, suffix, item, index) : undefined }`;}\nfunction block6 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-tag\", tags, suffix)} accessible-role=\"option\" class=\"udex-text-field__token\" @keydown=\"${this.handleKeyDownTag}\" ?read-only=\"${this.isReadOrDisplayOnly}\" data-id=\"${ifDefined(item._id)}\" part=\"token-${index}\" text=\"${ifDefined(item.label)}\" icon=\"decline\"></${scopeTag(\"udex-tag\", tags, suffix)}>` : html`<udex-tag accessible-role=\"option\" class=\"udex-text-field__token\" @keydown=\"${this.handleKeyDownTag}\" ?read-only=\"${this.isReadOrDisplayOnly}\" data-id=\"${ifDefined(item._id)}\" part=\"token-${index}\" text=\"${ifDefined(item.label)}\" icon=\"decline\"></udex-tag>`;}\nfunction block7 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-text-field__trigger\" role=\"combobox\" aria-label=\"${ifDefined(this.iconAccessibleNameText)}\" aria-haspopup=\"listbox\" aria-expanded=\"${ifDefined(this._open)}\" aria-controls=\"${ifDefined(this.accInfo.ariaControls)}\" @click=\"${this.getHandleMultiSelectOpen}\" aria-activedescendant><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-text-field__icon\" name=\"navigation-down-arrow\" accessible-name=\"${ifDefined(this.iconAccessibleNameText)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}></div>` : html`<div class=\"udex-text-field__trigger\" role=\"combobox\" aria-label=\"${ifDefined(this.iconAccessibleNameText)}\" aria-haspopup=\"listbox\" aria-expanded=\"${ifDefined(this._open)}\" aria-controls=\"${ifDefined(this.accInfo.ariaControls)}\" @click=\"${this.getHandleMultiSelectOpen}\" aria-activedescendant><ui5-icon class=\"udex-text-field__icon\" name=\"navigation-down-arrow\" accessible-name=\"${ifDefined(this.iconAccessibleNameText)}\"></ui5-icon></div>`;}\nfunction block8 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-status-message\", tags, suffix)} ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></${scopeTag(\"udex-status-message\", tags, suffix)}>` : html`<udex-status-message ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></udex-status-message>`;}\nfunction block9 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-truncatable-tag-content\"><span class=\"udex-truncatable-tag-content__label\">${ifDefined(this.truncatableTagLabel)}</span><${scopeTag(\"ui5-icon\", tags, suffix)} @click=\"${this.handleRemoveTruncatableTag}\" class=\"udex-truncatable-tag-content__icon\" name=\"decline\"></${scopeTag(\"ui5-icon\", tags, suffix)}></div>` : html`<div class=\"udex-truncatable-tag-content\"><span class=\"udex-truncatable-tag-content__label\">${ifDefined(this.truncatableTagLabel)}</span><ui5-icon @click=\"${this.handleRemoveTruncatableTag}\" class=\"udex-truncatable-tag-content__icon\" name=\"decline\"></ui5-icon></div>`;}\nfunction block10 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.searchableList)}`;}\nfunction block11 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-tooltip\", tags, suffix)} placement=\"${ifDefined(this.tooltipPlacement)}\">${ repeat(this.overflowsTags, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block12.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"udex-tooltip\", tags, suffix)}>` : html`<udex-tooltip placement=\"${ifDefined(this.tooltipPlacement)}\">${ repeat(this.overflowsTags, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block12.call(this, context, tags, suffix, item, index)) }</udex-tooltip>`;}\nfunction block12 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<ul class=\"udex-select-box__overflow-tags\"><li>${ifDefined(item.text)}</li></ul>`;}\n\n\nexport default block0;"]}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
2
|
+
import type StatusBadge from "../../StatusBadge.js";
|
|
3
|
+
declare function block0(this: StatusBadge, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult<1 | 2>;
|
|
4
|
+
export default block0;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/* eslint no-unused-vars: 0 */
|
|
2
|
+
import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
+
function block0(context, tags, suffix) { return suffix ? html `<div class="udex-status-badge" title="${ifDefined(this.ariaTitle)}"><${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.iconFieldName)}" class="udex-status-badge__icon" accessible-name="${ifDefined(this.badgeAccessibleName)}"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html `<div class="udex-status-badge" title="${ifDefined(this.ariaTitle)}"><ui5-icon name="${ifDefined(this.iconFieldName)}" class="udex-status-badge__icon" accessible-name="${ifDefined(this.badgeAccessibleName)}"></ui5-icon></div>`; }
|
|
4
|
+
export default block0;
|
|
5
|
+
//# sourceMappingURL=StatusBadgeTemplate.lit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusBadgeTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/StatusBadgeTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAAqB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,UAAU,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,sDAAsD,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,sDAAsD,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,qBAAqB,CAAC,CAAA,CAAC;AAGloB,eAAe,MAAM,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 type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type StatusBadge from \"../../StatusBadge.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: StatusBadge, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-status-badge\" title=\"${ifDefined(this.ariaTitle)}\"><${scopeTag(\"ui5-icon\", tags, suffix)} name=\"${ifDefined(this.iconFieldName)}\" class=\"udex-status-badge__icon\" accessible-name=\"${ifDefined(this.badgeAccessibleName)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}></div>` : html`<div class=\"udex-status-badge\" title=\"${ifDefined(this.ariaTitle)}\"><ui5-icon name=\"${ifDefined(this.iconFieldName)}\" class=\"udex-status-badge__icon\" accessible-name=\"${ifDefined(this.badgeAccessibleName)}\"></ui5-icon></div>`;}\n\n\nexport default block0;"]}
|
|
@@ -3,7 +3,7 @@ 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("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/Avatar.css.ts", content: `:host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-icon-size-xs: 16px;--udex-avatar-icon-size-s: 18px;--udex-avatar-icon-size-m: 24px;--udex-avatar-icon-size-l: 36px;--udex-avatar-icon-size-xl: 52px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-blue-hover-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-mango-hover-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-red-hover-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-raspberry-hover-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-pink-hover-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-indigo-hover-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-teal-hover-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-green-hover-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-grey-hover-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(, var(--udexColorGrey5, #8396a8));--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-block}:host([interactive]) .udex-avatar:hover{box-shadow:none}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}.udex-avatar ::slotted([slot="badge"]){display:flex;justify-content:center;align-items:center}:host([size="XS"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="S"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="M"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="L"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size="XL"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([size="XS"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size="XS"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-xs)}:host([size="S"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size="S"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-s)}:host([size="M"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size="M"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-m)}:host([size="L"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size="L"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-l)}:host([size="XL"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size="XL"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-xl)}:host([size="XS"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size="XS"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xs)}:host([size="S"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size="S"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-s)}:host([size="M"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size="M"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-m)}:host([size="L"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size="L"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-l)}:host([size="XL"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size="XL"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme="Blue"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-default-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([color-scheme="Blue"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-default-icon-color)}:host([color-scheme="Mango"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-default-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([color-scheme="Mango"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-default-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme="Red"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-default-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([color-scheme="Red"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-default-icon-color)}:host([color-scheme="Raspberry"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-default-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([color-scheme="Raspberry"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-default-icon-color)}:host([color-scheme="Pink"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-default-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([color-scheme="Pink"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-default-icon-color)}:host([color-scheme="Indigo"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-default-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([color-scheme="Indigo"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-default-icon-color)}:host([color-scheme="Teal"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-default-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([color-scheme="Teal"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-default-icon-color)}:host([color-scheme="Green"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-default-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([color-scheme="Green"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-default-icon-color)}:host([color-scheme="Grey"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-default-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([color-scheme="Grey"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-default-icon-color)}:host([color-scheme="Transparent"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([color-scheme="Transparent"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme="Neutral"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([color-scheme="Neutral"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}
|
|
6
|
+
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/Avatar.css.ts", content: `:host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-icon-size-xs: 16px;--udex-avatar-icon-size-s: 18px;--udex-avatar-icon-size-m: 24px;--udex-avatar-icon-size-l: 36px;--udex-avatar-icon-size-xl: 52px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-blue-hover-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-mango-hover-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-red-hover-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-raspberry-hover-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-pink-hover-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-indigo-hover-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-teal-hover-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-green-hover-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-grey-hover-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(, var(--udexColorGrey5, #8396a8));--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-block}:host([interactive]) .udex-avatar:hover{box-shadow:none}::slotted(*){pointer-events:all}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}.udex-avatar ::slotted([slot="badge"]){display:flex;justify-content:center;align-items:center;bottom:0;right:0}:host([size="XS"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="S"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="M"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="L"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size="XL"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([show-attention-badge][size="XS"]) .udex-avatar:before{position:absolute;content:"";inset-block-start:0;inset-inline-end:0;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}:host([size="XS"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size="XS"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-xs)}:host([size="S"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size="S"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-s)}:host([size="M"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size="M"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-m)}:host([size="L"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size="L"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-l)}:host([size="XL"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size="XL"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-xl)}:host([size="XS"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size="XS"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xs)}:host([size="S"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size="S"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-s)}:host([size="M"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size="M"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-m)}:host([size="L"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size="L"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-l)}:host([size="XL"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size="XL"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme="Blue"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-default-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([color-scheme="Blue"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-default-icon-color)}:host([color-scheme="Mango"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-default-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([color-scheme="Mango"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-default-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme="Red"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-default-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([color-scheme="Red"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-default-icon-color)}:host([color-scheme="Raspberry"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-default-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([color-scheme="Raspberry"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-default-icon-color)}:host([color-scheme="Pink"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-default-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([color-scheme="Pink"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-default-icon-color)}:host([color-scheme="Indigo"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-default-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([color-scheme="Indigo"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-default-icon-color)}:host([color-scheme="Teal"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-default-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([color-scheme="Teal"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-default-icon-color)}:host([color-scheme="Green"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-default-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([color-scheme="Green"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-default-icon-color)}:host([color-scheme="Grey"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-default-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([color-scheme="Grey"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-default-icon-color)}:host([color-scheme="Transparent"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([color-scheme="Transparent"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme="Neutral"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([color-scheme="Neutral"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}
|
|
7
7
|
` };
|
|
8
8
|
export default styleData;
|
|
9
9
|
//# sourceMappingURL=Avatar.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Avatar.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC;CAC3G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Avatar.css.ts\",content:`:host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-icon-size-xs: 16px;--udex-avatar-icon-size-s: 18px;--udex-avatar-icon-size-m: 24px;--udex-avatar-icon-size-l: 36px;--udex-avatar-icon-size-xl: 52px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-blue-hover-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-mango-hover-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-red-hover-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-raspberry-hover-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-pink-hover-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-indigo-hover-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-teal-hover-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-green-hover-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-grey-hover-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(, var(--udexColorGrey5, #8396a8));--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-block}:host([interactive]) .udex-avatar:hover{box-shadow:none}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}.udex-avatar ::slotted([slot=\"badge\"]){display:flex;justify-content:center;align-items:center}:host([size=\"XS\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"S\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"M\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"L\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size=\"XL\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([size=\"XS\"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size=\"XS\"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-xs)}:host([size=\"S\"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size=\"S\"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-s)}:host([size=\"M\"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size=\"M\"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-m)}:host([size=\"L\"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size=\"L\"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-l)}:host([size=\"XL\"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size=\"XL\"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-xl)}:host([size=\"XS\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size=\"XS\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-xs)}:host([size=\"S\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size=\"S\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-s)}:host([size=\"M\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size=\"M\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-m)}:host([size=\"L\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size=\"L\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-l)}:host([size=\"XL\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size=\"XL\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme=\"Blue\"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-default-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([color-scheme=\"Blue\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-default-icon-color)}:host([color-scheme=\"Mango\"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-default-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([color-scheme=\"Mango\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-default-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme=\"Red\"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-default-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([color-scheme=\"Red\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-default-icon-color)}:host([color-scheme=\"Raspberry\"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-default-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([color-scheme=\"Raspberry\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-default-icon-color)}:host([color-scheme=\"Pink\"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-default-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([color-scheme=\"Pink\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-default-icon-color)}:host([color-scheme=\"Indigo\"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-default-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([color-scheme=\"Indigo\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-default-icon-color)}:host([color-scheme=\"Teal\"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-default-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([color-scheme=\"Teal\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-default-icon-color)}:host([color-scheme=\"Green\"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-default-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([color-scheme=\"Green\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-default-icon-color)}:host([color-scheme=\"Grey\"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-default-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([color-scheme=\"Grey\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-default-icon-color)}:host([color-scheme=\"Transparent\"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([color-scheme=\"Transparent\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme=\"Neutral\"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([color-scheme=\"Neutral\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}\n`};\nexport default styleData;\n\t"]}
|
|
1
|
+
{"version":3,"file":"Avatar.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Avatar.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC;CAC3G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Avatar.css.ts\",content:`:host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-icon-size-xs: 16px;--udex-avatar-icon-size-s: 18px;--udex-avatar-icon-size-m: 24px;--udex-avatar-icon-size-l: 36px;--udex-avatar-icon-size-xl: 52px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-blue-hover-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-mango-hover-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-red-hover-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-raspberry-hover-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-pink-hover-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-indigo-hover-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-teal-hover-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-green-hover-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-grey-hover-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(, var(--udexColorGrey5, #8396a8));--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-block}:host([interactive]) .udex-avatar:hover{box-shadow:none}::slotted(*){pointer-events:all}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}.udex-avatar ::slotted([slot=\"badge\"]){display:flex;justify-content:center;align-items:center;bottom:0;right:0}:host([size=\"XS\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"S\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"M\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size=\"L\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size=\"XL\"]) .udex-avatar ::slotted([slot=\"badge\"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([show-attention-badge][size=\"XS\"]) .udex-avatar:before{position:absolute;content:\"\";inset-block-start:0;inset-inline-end:0;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}:host([size=\"XS\"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size=\"XS\"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-xs)}:host([size=\"S\"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size=\"S\"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-s)}:host([size=\"M\"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size=\"M\"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-m)}:host([size=\"L\"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size=\"L\"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-l)}:host([size=\"XL\"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size=\"XL\"][icon]) .udex-avatar{font-size:var(--udex-avatar-icon-size-xl)}:host([size=\"XS\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size=\"XS\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-xs)}:host([size=\"S\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size=\"S\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-s)}:host([size=\"M\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size=\"M\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-m)}:host([size=\"L\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size=\"L\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-l)}:host([size=\"XL\"][shape=\"Square\"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size=\"XL\"][shape=\"Square\"]) .udex-avatar ::slotted(*:not([slot=\"badge\"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme=\"Blue\"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-default-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([color-scheme=\"Blue\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-default-icon-color)}:host([color-scheme=\"Mango\"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-default-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([color-scheme=\"Mango\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-default-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme=\"Red\"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-default-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([color-scheme=\"Red\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-default-icon-color)}:host([color-scheme=\"Raspberry\"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-default-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([color-scheme=\"Raspberry\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-default-icon-color)}:host([color-scheme=\"Pink\"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-default-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([color-scheme=\"Pink\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-default-icon-color)}:host([color-scheme=\"Indigo\"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-default-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([color-scheme=\"Indigo\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-default-icon-color)}:host([color-scheme=\"Teal\"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-default-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([color-scheme=\"Teal\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-default-icon-color)}:host([color-scheme=\"Green\"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-default-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([color-scheme=\"Green\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-default-icon-color)}:host([color-scheme=\"Grey\"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-default-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([color-scheme=\"Grey\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-default-icon-color)}:host([color-scheme=\"Transparent\"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([color-scheme=\"Transparent\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme=\"Neutral\"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([color-scheme=\"Neutral\"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}\n`};\nexport default styleData;\n\t"]}
|
|
@@ -3,7 +3,7 @@ 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("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/Checkbox.css.ts", content: `:host([readonly]){--sapField_TextColor: var(--sapField_ReadOnly_BorderColor)}:host([display-only])::part(icon){height:24px;width:24px}:host([readonly]) .ui5-checkbox-inner,:host([readonly][value-state="Warning"][value-state="Error"][value-state="Success"]) .ui5-checkbox-inner{background:var(--sapField_ReadOnly_Background);border:var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;color:var(--sapField_TextColor)}
|
|
6
|
+
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/Checkbox.css.ts", content: `:host([readonly]){--sapField_TextColor: var(--sapField_ReadOnly_BorderColor)}:host([display-only])::part(icon){height:24px;width:24px}:host([readonly]) .ui5-checkbox-inner,:host([readonly][value-state="Warning"][value-state="Error"][value-state="Success"]) .ui5-checkbox-inner{background:var(--sapField_ReadOnly_Background);border:var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;color:var(--sapField_TextColor)}:host([required]) .ui5-checkbox-label:after{padding-left:var(--udexSpacer8);padding-right:var(--udexSpacer2);content:"*"}:host([required]) .ui5-checkbox-label:dir(rtl):after{padding-left:var(--udexSpacer2);padding-right:var(--udexSpacer8);content:"*"}
|
|
7
7
|
` };
|
|
8
8
|
export default styleData;
|
|
9
9
|
//# sourceMappingURL=Checkbox.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Checkbox.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,wBAAwB,EAAC,OAAO,EAAC;CAC7G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Checkbox.css.ts\",content:`:host([readonly]){--sapField_TextColor: var(--sapField_ReadOnly_BorderColor)}:host([display-only])::part(icon){height:24px;width:24px}:host([readonly]) .ui5-checkbox-inner,:host([readonly][value-state=\"Warning\"][value-state=\"Error\"][value-state=\"Success\"]) .ui5-checkbox-inner{background:var(--sapField_ReadOnly_Background);border:var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;color:var(--sapField_TextColor)}\n`};\nexport default styleData;\n\t"]}
|
|
1
|
+
{"version":3,"file":"Checkbox.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Checkbox.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,wBAAwB,EAAC,OAAO,EAAC;CAC7G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Checkbox.css.ts\",content:`:host([readonly]){--sapField_TextColor: var(--sapField_ReadOnly_BorderColor)}:host([display-only])::part(icon){height:24px;width:24px}:host([readonly]) .ui5-checkbox-inner,:host([readonly][value-state=\"Warning\"][value-state=\"Error\"][value-state=\"Success\"]) .ui5-checkbox-inner{background:var(--sapField_ReadOnly_Background);border:var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;color:var(--sapField_TextColor)}:host([required]) .ui5-checkbox-label:after{padding-left:var(--udexSpacer8);padding-right:var(--udexSpacer2);content:\"*\"}:host([required]) .ui5-checkbox-label:dir(rtl):after{padding-left:var(--udexSpacer2);padding-right:var(--udexSpacer8);content:\"*\"}\n`};\nexport default styleData;\n\t"]}
|
|
@@ -3,7 +3,7 @@ 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("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/CountrySelector.css.ts", content: `:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-min-width: 320px;--udex-country-selector-max-width: 100%;--udex-country-selector-min-width-xs-and-s: 100%}.udex-country-selector__text{width:100%}.udex-country-selector__dropdown--hide-flag udex-list-item::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}@media (width < 640px){.udex-country-selector__trigger{min-width:var(--udex-country-selector-min-width-xs-and-s)}}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);min-width:var(--udex-country-selector-min-width);width:100%}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__icon{position:absolute;right:12px}.udex-country-selector__icon:dir(rtl){right:auto;left:12px}.udex-country-selector__icon{pointer-events:none}udex-dropdown[open] .udex-country-selector__icon{transform:rotate(180deg)}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}udex-text-field::part(label){transform:translateY(-110%);padding:0 var(--udexSpacer4, 4px);font-size:var(--udexTypographyBodyXXSFontSize, 12px);line-height:18px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}.udex-country-selector-item__image,.udex-country-selector__image{background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}udex-list-item::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}udex-text-field[readonly]::part(label){background:linear-gradient(var(--sapField_Background) 65%,var(--sapField_ReadOnly_Background) 35%)}
|
|
6
|
+
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/CountrySelector.css.ts", content: `:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-min-width: 320px;--udex-country-selector-max-width: 100%;--udex-country-selector-min-width-xs-and-s: 100%}.udex-country-selector__text{width:100%}.udex-country-selector__dropdown--hide-flag udex-list-item::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}@media (width < 640px){.udex-country-selector__trigger{min-width:var(--udex-country-selector-min-width-xs-and-s)}}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);min-width:var(--udex-country-selector-min-width);width:100%}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__icon{position:absolute;right:12px}.udex-country-selector__icon:dir(rtl){right:auto;left:12px}.udex-country-selector__icon{pointer-events:none}udex-dropdown[open] .udex-country-selector__icon{transform:rotate(180deg)}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}udex-text-field::part(label){transform:translateY(-110%);padding:0 var(--udexSpacer4, 4px);font-size:var(--udexTypographyBodyXXSFontSize, 12px);line-height:18px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}.udex-country-selector-item__image,.udex-country-selector__image{background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}udex-list-item::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}udex-text-field[readonly]::part(label){background:linear-gradient(var(--sapField_Background) 65%,var(--sapField_ReadOnly_Background) 35%)}udex-dropdown{--udex-dropdown-pane-max-width: 100%}
|
|
7
7
|
` };
|
|
8
8
|
export default styleData;
|
|
9
9
|
//# sourceMappingURL=CountrySelector.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountrySelector.css.js","sourceRoot":"","sources":["../../../src/generated/themes/CountrySelector.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,+BAA+B,EAAC,OAAO,EAAC;CACpH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/CountrySelector.css.ts\",content:`:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-min-width: 320px;--udex-country-selector-max-width: 100%;--udex-country-selector-min-width-xs-and-s: 100%}.udex-country-selector__text{width:100%}.udex-country-selector__dropdown--hide-flag udex-list-item::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}@media (width < 640px){.udex-country-selector__trigger{min-width:var(--udex-country-selector-min-width-xs-and-s)}}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);min-width:var(--udex-country-selector-min-width);width:100%}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__icon{position:absolute;right:12px}.udex-country-selector__icon:dir(rtl){right:auto;left:12px}.udex-country-selector__icon{pointer-events:none}udex-dropdown[open] .udex-country-selector__icon{transform:rotate(180deg)}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}udex-text-field::part(label){transform:translateY(-110%);padding:0 var(--udexSpacer4, 4px);font-size:var(--udexTypographyBodyXXSFontSize, 12px);line-height:18px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}.udex-country-selector-item__image,.udex-country-selector__image{background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}udex-list-item::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}udex-text-field[readonly]::part(label){background:linear-gradient(var(--sapField_Background) 65%,var(--sapField_ReadOnly_Background) 35%)}\n`};\nexport default styleData;\n\t"]}
|
|
1
|
+
{"version":3,"file":"CountrySelector.css.js","sourceRoot":"","sources":["../../../src/generated/themes/CountrySelector.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,+BAA+B,EAAC,OAAO,EAAC;CACpH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/CountrySelector.css.ts\",content:`:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-min-width: 320px;--udex-country-selector-max-width: 100%;--udex-country-selector-min-width-xs-and-s: 100%}.udex-country-selector__text{width:100%}.udex-country-selector__dropdown--hide-flag udex-list-item::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}@media (width < 640px){.udex-country-selector__trigger{min-width:var(--udex-country-selector-min-width-xs-and-s)}}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);min-width:var(--udex-country-selector-min-width);width:100%}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__icon{position:absolute;right:12px}.udex-country-selector__icon:dir(rtl){right:auto;left:12px}.udex-country-selector__icon{pointer-events:none}udex-dropdown[open] .udex-country-selector__icon{transform:rotate(180deg)}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}udex-text-field::part(label){transform:translateY(-110%);padding:0 var(--udexSpacer4, 4px);font-size:var(--udexTypographyBodyXXSFontSize, 12px);line-height:18px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}.udex-country-selector-item__image,.udex-country-selector__image{background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}udex-list-item::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}udex-text-field[readonly]::part(label){background:linear-gradient(var(--sapField_Background) 65%,var(--sapField_ReadOnly_Background) 35%)}udex-dropdown{--udex-dropdown-pane-max-width: 100%}\n`};\nexport default styleData;\n\t"]}
|
|
@@ -3,7 +3,7 @@ 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("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/Dropdown.css.ts", content: `:host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-default-background-color: var(--udexColorNeutralWhite, #fff);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto}.udex-dropdown__pane{border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow);border-radius:var(--udex-dropdown-border-radius);background:var(--udex-dropdown-default-background-color);min-width:var(--udex-dropdown-pane-min-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance);overflow:var(--udex-dropdown-pane-overflow)}.udex-dropdown__pane::part(content){padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}.udex-dropdown__pane::part(header),.udex-dropdown__pane::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}.udex-dropdown__pane::part(footer){justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow)}::slotted([slot="header"]){width:100%}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}
|
|
6
|
+
const styleData = { packageName: "@sapudex/web-components", fileName: "themes/Dropdown.css.ts", content: `:host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-default-background-color: var(--udexColorNeutralWhite, #fff);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-pane-max-width: 640px;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto}.udex-dropdown__pane{border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow);border-radius:var(--udex-dropdown-border-radius);background:var(--udex-dropdown-default-background-color);min-width:var(--udex-dropdown-pane-min-width);max-width:var(--udex-dropdown-pane-max-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance);overflow:var(--udex-dropdown-pane-overflow)}.udex-dropdown__pane::part(content){padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}.udex-dropdown__pane::part(header),.udex-dropdown__pane::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}.udex-dropdown__pane::part(footer){justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow)}::slotted([slot="header"]){width:100%}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}
|
|
7
7
|
` };
|
|
8
8
|
export default styleData;
|
|
9
9
|
//# sourceMappingURL=Dropdown.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Dropdown.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,wBAAwB,EAAC,OAAO,EAAC;CAC7G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Dropdown.css.ts\",content:`:host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-default-background-color: var(--udexColorNeutralWhite, #fff);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto}.udex-dropdown__pane{border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow);border-radius:var(--udex-dropdown-border-radius);background:var(--udex-dropdown-default-background-color);min-width:var(--udex-dropdown-pane-min-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance);overflow:var(--udex-dropdown-pane-overflow)}.udex-dropdown__pane::part(content){padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}.udex-dropdown__pane::part(header),.udex-dropdown__pane::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}.udex-dropdown__pane::part(footer){justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow)}::slotted([slot=\"header\"]){width:100%}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}\n`};\nexport default styleData;\n\t"]}
|
|
1
|
+
{"version":3,"file":"Dropdown.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Dropdown.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,wBAAwB,EAAC,OAAO,EAAC;CAC7G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Dropdown.css.ts\",content:`:host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-default-background-color: var(--udexColorNeutralWhite, #fff);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-pane-max-width: 640px;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto}.udex-dropdown__pane{border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow);border-radius:var(--udex-dropdown-border-radius);background:var(--udex-dropdown-default-background-color);min-width:var(--udex-dropdown-pane-min-width);max-width:var(--udex-dropdown-pane-max-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance);overflow:var(--udex-dropdown-pane-overflow)}.udex-dropdown__pane::part(content){padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}.udex-dropdown__pane::part(header),.udex-dropdown__pane::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}.udex-dropdown__pane::part(footer){justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default);box-shadow:var(--udex-dropdown-box-shadow)}::slotted([slot=\"header\"]){width:100%}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}\n`};\nexport default styleData;\n\t"]}
|