@sapudex/web-components 2.24.0 → 2.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle.esm.js +2 -0
- package/cypress/downloads/downloads.html +0 -0
- package/cypress/specs/EventRibbon.cy.tsx +7 -7
- package/cypress/specs/ImageGridTable.cy.tsx +41 -0
- package/cypress/specs/ImageGridTableItem.cy.tsx +101 -0
- package/cypress/specs/ImageGridTickerItem.cy.tsx +1 -2
- package/cypress/specs/MastheadProfileMenu.cy.tsx +16 -0
- package/cypress/specs/UploadItem.cy.tsx +14 -5
- package/cypress/support/component-imports.instrumented.ts +4 -0
- package/cypress/support/component-imports.src.ts +4 -0
- package/dist/Accordion.js +3 -2
- package/dist/Accordion.js.map +1 -1
- package/dist/Avatar.js +4 -3
- package/dist/Avatar.js.map +1 -1
- package/dist/Breadcrumbs.js +4 -3
- package/dist/Breadcrumbs.js.map +1 -1
- package/dist/Button.js +3 -2
- package/dist/Button.js.map +1 -1
- package/dist/Carousel.d.ts +1 -0
- package/dist/Carousel.js +6 -4
- package/dist/Carousel.js.map +1 -1
- package/dist/CarouselTemplate.js +1 -1
- package/dist/CarouselTemplate.js.map +1 -1
- package/dist/Checkbox.js +3 -2
- package/dist/Checkbox.js.map +1 -1
- package/dist/Contact.js +5 -4
- package/dist/Contact.js.map +1 -1
- package/dist/CountrySelector.d.ts +1 -1
- package/dist/CountrySelector.js +1 -1
- package/dist/CountrySelector.js.map +1 -1
- package/dist/DatePicker.js +3 -2
- package/dist/DatePicker.js.map +1 -1
- package/dist/EventRibbon.d.ts +2 -2
- package/dist/EventRibbon.js.map +1 -1
- package/dist/FeedItem.js +2 -1
- package/dist/FeedItem.js.map +1 -1
- package/dist/FilterMenu.js +5 -4
- package/dist/FilterMenu.js.map +1 -1
- package/dist/Footer.js +15 -14
- package/dist/Footer.js.map +1 -1
- package/dist/ImageGridTable.d.ts +57 -0
- package/dist/ImageGridTable.js +120 -0
- package/dist/ImageGridTable.js.map +1 -0
- package/dist/ImageGridTableItem.d.ts +89 -0
- package/dist/ImageGridTableItem.js +108 -0
- package/dist/ImageGridTableItem.js.map +1 -0
- package/dist/ImageGridTableItemTemplate.d.ts +2 -0
- package/dist/ImageGridTableItemTemplate.js +13 -0
- package/dist/ImageGridTableItemTemplate.js.map +1 -0
- package/dist/ImageGridTableTemplate.d.ts +2 -0
- package/dist/ImageGridTableTemplate.js +5 -0
- package/dist/ImageGridTableTemplate.js.map +1 -0
- package/dist/ImageGridTicker.js +3 -2
- package/dist/ImageGridTicker.js.map +1 -1
- package/dist/ImageGridTickerItem.d.ts +4 -0
- package/dist/ImageGridTickerItem.js +14 -0
- package/dist/ImageGridTickerItem.js.map +1 -1
- package/dist/ImageGridTickerItemTemplate.js +1 -1
- package/dist/ImageGridTickerItemTemplate.js.map +1 -1
- package/dist/InputGroup.js +3 -2
- package/dist/InputGroup.js.map +1 -1
- package/dist/List.js +2 -1
- package/dist/List.js.map +1 -1
- package/dist/ListItem.d.ts +0 -2
- package/dist/ListItem.js +4 -9
- package/dist/ListItem.js.map +1 -1
- package/dist/ListSelectAll.js +2 -1
- package/dist/ListSelectAll.js.map +1 -1
- package/dist/MastheadCountrySelector.js +3 -2
- package/dist/MastheadCountrySelector.js.map +1 -1
- package/dist/MastheadItem.js +8 -7
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMenuItem.js +2 -1
- package/dist/MastheadMenuItem.js.map +1 -1
- package/dist/MastheadMobileMenu.js +2 -1
- package/dist/MastheadMobileMenu.js.map +1 -1
- package/dist/MastheadProfileMenu.js +6 -5
- package/dist/MastheadProfileMenu.js.map +1 -1
- package/dist/MastheadShell.d.ts +17 -0
- package/dist/MastheadShell.js +42 -13
- package/dist/MastheadShell.js.map +1 -1
- package/dist/MessageStrip.js +2 -1
- package/dist/MessageStrip.js.map +1 -1
- package/dist/MessageStripTemplate.js +1 -1
- package/dist/MessageStripTemplate.js.map +1 -1
- package/dist/Pagination.d.ts +0 -2
- package/dist/Pagination.js +16 -29
- package/dist/Pagination.js.map +1 -1
- package/dist/PhoneNumberField.js +7 -6
- package/dist/PhoneNumberField.js.map +1 -1
- package/dist/ProgressBar.js +5 -4
- package/dist/ProgressBar.js.map +1 -1
- package/dist/PromoTile.js +3 -2
- package/dist/PromoTile.js.map +1 -1
- package/dist/RadioButton.js +5 -4
- package/dist/RadioButton.js.map +1 -1
- package/dist/RatingBar.js +2 -1
- package/dist/RatingBar.js.map +1 -1
- package/dist/RatingIndicator.js +2 -1
- package/dist/RatingIndicator.js.map +1 -1
- package/dist/Review.d.ts +1 -1
- package/dist/Review.js +3 -3
- package/dist/Review.js.map +1 -1
- package/dist/ReviewItem.js +2 -1
- package/dist/ReviewItem.js.map +1 -1
- package/dist/Search.d.ts +2 -0
- package/dist/Search.js +34 -19
- package/dist/Search.js.map +1 -1
- package/dist/SearchTemplate.js +1 -1
- package/dist/SearchTemplate.js.map +1 -1
- package/dist/SearchableListBase.d.ts +1 -1
- package/dist/SearchableListBase.js +4 -3
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SecondaryNavigation.js +2 -1
- package/dist/SecondaryNavigation.js.map +1 -1
- package/dist/SecondaryNavigationSubItem.js +2 -1
- package/dist/SecondaryNavigationSubItem.js.map +1 -1
- package/dist/SelectBase.d.ts +4 -11
- package/dist/SelectBase.js +4 -11
- package/dist/SelectBase.js.map +1 -1
- package/dist/SelectBox.d.ts +1 -1
- package/dist/SelectBox.js +1 -1
- package/dist/SelectBox.js.map +1 -1
- package/dist/SocialMediaButton.js +2 -1
- package/dist/SocialMediaButton.js.map +1 -1
- package/dist/StatusBadge.js +7 -6
- package/dist/StatusBadge.js.map +1 -1
- package/dist/StepInput.js +9 -2
- package/dist/StepInput.js.map +1 -1
- package/dist/StepInputTemplate.js +1 -1
- package/dist/StepInputTemplate.js.map +1 -1
- package/dist/Tab.js +2 -1
- package/dist/Tab.js.map +1 -1
- package/dist/TabNavigation.js +2 -1
- package/dist/TabNavigation.js.map +1 -1
- package/dist/Table.d.ts +2 -2
- package/dist/Table.js +5 -15
- package/dist/Table.js.map +1 -1
- package/dist/TableCell.js +3 -3
- package/dist/TableCell.js.map +1 -1
- package/dist/TableCellBase.js +1 -3
- package/dist/TableCellBase.js.map +1 -1
- package/dist/TableCellTemplate.d.ts +2 -0
- package/dist/TableCellTemplate.js +9 -0
- package/dist/TableCellTemplate.js.map +1 -0
- package/dist/TableGroupRow.d.ts +1 -1
- package/dist/TableGroupRow.js +3 -6
- package/dist/TableGroupRow.js.map +1 -1
- package/dist/TableGroupRowTemplate.d.ts +2 -0
- package/dist/TableGroupRowTemplate.js +7 -0
- package/dist/TableGroupRowTemplate.js.map +1 -0
- package/dist/TableHeaderCell.js +3 -4
- package/dist/TableHeaderCell.js.map +1 -1
- package/dist/TableHeaderCellTemplate.d.ts +2 -0
- package/dist/TableHeaderCellTemplate.js +6 -0
- package/dist/TableHeaderCellTemplate.js.map +1 -0
- package/dist/TableHeaderRow.js +3 -5
- package/dist/TableHeaderRow.js.map +1 -1
- package/dist/TableHeaderRowTemplate.d.ts +2 -0
- package/dist/TableHeaderRowTemplate.js +5 -0
- package/dist/TableHeaderRowTemplate.js.map +1 -0
- package/dist/TableRow.js +3 -4
- package/dist/TableRow.js.map +1 -1
- package/dist/TableRowBase.d.ts +1 -1
- package/dist/TableRowBase.js +0 -2
- package/dist/TableRowBase.js.map +1 -1
- package/dist/TableRowTemplate.d.ts +2 -0
- package/dist/TableRowTemplate.js +5 -0
- package/dist/TableRowTemplate.js.map +1 -0
- package/dist/TableTemplate.d.ts +2 -0
- package/dist/TableTemplate.js +20 -0
- package/dist/TableTemplate.js.map +1 -0
- package/dist/TextArea.js +9 -8
- package/dist/TextArea.js.map +1 -1
- package/dist/TextField.js +7 -6
- package/dist/TextField.js.map +1 -1
- package/dist/Toast.d.ts +3 -1
- package/dist/Toast.js +15 -9
- package/dist/Toast.js.map +1 -1
- package/dist/ToastTemplate.d.ts +2 -0
- package/dist/ToastTemplate.js +11 -0
- package/dist/ToastTemplate.js.map +1 -0
- package/dist/TruncatedText.js +3 -2
- package/dist/TruncatedText.js.map +1 -1
- package/dist/Upload.js +2 -1
- package/dist/Upload.js.map +1 -1
- package/dist/UploadItem.d.ts +7 -0
- package/dist/UploadItem.js +14 -3
- package/dist/UploadItem.js.map +1 -1
- package/dist/assets/{InputSuggestions-63QG0i9j.js → InputSuggestions-DF_pzCn9.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-B1CpqSCb.js → ListItemStandardExpandableTextTemplate-DOYL5Szm.js} +1 -1
- package/dist/assets/{bundle.esm-lUYJDofa.js → bundle.esm-CWBg8c5Q.js} +269 -267
- package/dist/assets/messagebundle_en-mjqY85LY.js +1 -0
- package/dist/css/themes/ImageGridTable.css +1 -0
- package/dist/css/themes/ImageGridTableItem.css +1 -0
- package/dist/css/themes/ImageGridTicker.css +1 -1
- package/dist/css/themes/MastheadItem.css +1 -1
- package/dist/css/themes/MastheadShell.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/custom-elements-internal.json +9292 -7325
- package/dist/custom-elements.json +6574 -5095
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
- package/dist/generated/i18n/i18n-defaults.js +4 -3
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/templates/MastheadShellTemplate.lit.js +8 -7
- package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
- package/dist/generated/templates/UploadItemTemplate.lit.js +1 -1
- package/dist/generated/templates/UploadItemTemplate.lit.js.map +1 -1
- package/dist/generated/themes/ImageGridTable.css.d.ts +2 -0
- package/dist/generated/themes/ImageGridTable.css.js +8 -0
- package/dist/generated/themes/ImageGridTable.css.js.map +1 -0
- package/dist/generated/themes/ImageGridTableItem.css.d.ts +2 -0
- package/dist/generated/themes/ImageGridTableItem.css.js +8 -0
- package/dist/generated/themes/ImageGridTableItem.css.js.map +1 -0
- package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
- package/dist/generated/themes/ImageGridTicker.css.js +1 -1
- package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
- package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
- package/dist/generated/themes/MastheadItem.css.js +1 -1
- package/dist/generated/themes/MastheadItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
- package/dist/generated/themes/MastheadShell.css.js +1 -1
- package/dist/generated/themes/MastheadShell.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/messagebundle.properties +6 -2
- package/dist/messagebundle_en.properties +3 -2
- package/dist/types/CustomTranslations.d.ts +3 -0
- package/dist/types/CustomTranslations.js +2 -0
- package/dist/types/CustomTranslations.js.map +1 -0
- package/dist/types/EventRibbon.d.ts +1 -1
- package/dist/types/EventRibbon.js +39 -39
- package/dist/types/EventRibbon.js.map +1 -1
- package/dist/utils/translate.d.ts +7 -0
- package/dist/utils/translate.js +15 -0
- package/dist/utils/translate.js.map +1 -0
- package/dist/vscode.html-custom-data.json +207 -7
- package/dist/web-types.json +541 -12
- package/package.json +1 -1
- package/src/Accordion.ts +3 -2
- package/src/Avatar.ts +5 -3
- package/src/Breadcrumbs.ts +4 -3
- package/src/Button.ts +3 -2
- package/src/Carousel.ts +7 -4
- package/src/CarouselTemplate.tsx +2 -1
- package/src/Checkbox.ts +3 -2
- package/src/Contact.ts +5 -4
- package/src/CountrySelector.ts +1 -1
- package/src/DatePicker.ts +3 -2
- package/src/EventRibbon.ts +2 -2
- package/src/FeedItem.ts +2 -1
- package/src/FilterMenu.ts +5 -4
- package/src/Footer.ts +15 -14
- package/src/ImageGridTable.ts +151 -0
- package/src/ImageGridTableItem.ts +148 -0
- package/src/ImageGridTableItemTemplate.tsx +48 -0
- package/src/ImageGridTableTemplate.tsx +9 -0
- package/src/ImageGridTicker.ts +4 -2
- package/src/ImageGridTickerItem.ts +20 -0
- package/src/ImageGridTickerItemTemplate.tsx +1 -0
- package/src/InputGroup.ts +3 -2
- package/src/List.ts +2 -1
- package/src/ListItem.ts +4 -11
- package/src/ListSelectAll.ts +2 -1
- package/src/MastheadCountrySelector.ts +3 -2
- package/src/MastheadItem.ts +8 -7
- package/src/MastheadMenuItem.ts +2 -1
- package/src/MastheadMobileMenu.ts +2 -1
- package/src/MastheadProfileMenu.ts +6 -5
- package/src/MastheadShell.hbs +38 -29
- package/src/MastheadShell.ts +57 -13
- package/src/MessageStrip.ts +2 -1
- package/src/MessageStripTemplate.tsx +1 -1
- package/src/Pagination.ts +15 -28
- package/src/PhoneNumberField.ts +7 -6
- package/src/ProgressBar.ts +5 -4
- package/src/PromoTile.ts +3 -2
- package/src/RadioButton.ts +5 -4
- package/src/RatingBar.ts +2 -1
- package/src/RatingIndicator.ts +2 -1
- package/src/Review.ts +4 -3
- package/src/ReviewItem.ts +2 -1
- package/src/Search.ts +36 -19
- package/src/SearchTemplate.tsx +1 -1
- package/src/SearchableListBase.ts +4 -3
- package/src/SecondaryNavigation.ts +2 -1
- package/src/SecondaryNavigationSubItem.ts +2 -1
- package/src/SelectBase.ts +6 -12
- package/src/SelectBox.ts +1 -1
- package/src/SocialMediaButton.ts +2 -1
- package/src/StatusBadge.ts +7 -6
- package/src/StepInput.ts +9 -2
- package/src/StepInputTemplate.tsx +6 -2
- package/src/Tab.ts +2 -1
- package/src/TabNavigation.ts +2 -1
- package/src/Table.ts +7 -15
- package/src/TableCell.ts +3 -3
- package/src/TableCellBase.ts +1 -3
- package/src/TableCellTemplate.tsx +21 -0
- package/src/TableGroupRow.ts +4 -6
- package/src/TableGroupRowTemplate.tsx +36 -0
- package/src/TableHeaderCell.ts +3 -4
- package/src/TableHeaderCellTemplate.tsx +36 -0
- package/src/TableHeaderRow.ts +3 -5
- package/src/TableHeaderRowTemplate.tsx +13 -0
- package/src/TableRow.ts +3 -4
- package/src/TableRowBase.ts +1 -2
- package/src/TableRowTemplate.tsx +13 -0
- package/src/TableTemplate.tsx +94 -0
- package/src/TextArea.ts +8 -8
- package/src/TextField.ts +7 -6
- package/src/Toast.ts +17 -8
- package/src/ToastTemplate.tsx +42 -0
- package/src/TruncatedText.ts +3 -2
- package/src/Upload.ts +2 -1
- package/src/UploadItem.hbs +1 -1
- package/src/UploadItem.ts +13 -3
- package/src/generated/i18n/i18n-defaults.ts +2 -2
- package/src/generated/templates/MastheadShellTemplate.lit.ts +8 -7
- package/src/generated/templates/UploadItemTemplate.lit.ts +1 -1
- package/src/generated/themes/ImageGridTable.css.ts +9 -0
- package/src/generated/themes/ImageGridTableItem.css.ts +9 -0
- package/src/generated/themes/ImageGridTicker.css.ts +1 -1
- package/src/generated/themes/MastheadItem.css.ts +1 -1
- package/src/generated/themes/MastheadShell.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/i18n/messagebundle.properties +6 -2
- package/src/i18n/messagebundle_en.properties +3 -2
- package/src/themes/ImageGridTable.css +47 -0
- package/src/themes/ImageGridTableItem.css +102 -0
- package/src/themes/ImageGridTicker.css +1 -0
- package/src/themes/MastheadItem.css +1 -0
- package/src/themes/MastheadShell.css +1 -0
- package/src/types/CustomTranslations.ts +1 -0
- package/src/types/EventRibbon.ts +1 -1
- package/src/utils/translate.ts +21 -0
- package/dist/assets/messagebundle_en-D_yCmNrd.js +0 -1
- package/dist/generated/templates/TableCellTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TableCellTemplate.lit.js +0 -8
- package/dist/generated/templates/TableCellTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableGroupRowTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TableGroupRowTemplate.lit.js +0 -9
- package/dist/generated/templates/TableGroupRowTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableHeaderCellTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TableHeaderCellTemplate.lit.js +0 -11
- package/dist/generated/templates/TableHeaderCellTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableHeaderRowTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TableHeaderRowTemplate.lit.js +0 -8
- package/dist/generated/templates/TableHeaderRowTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableRowTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TableRowTemplate.lit.js +0 -8
- package/dist/generated/templates/TableRowTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TableTemplate.lit.js +0 -13
- package/dist/generated/templates/TableTemplate.lit.js.map +0 -1
- package/dist/generated/templates/ToastTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/ToastTemplate.lit.js +0 -10
- package/dist/generated/templates/ToastTemplate.lit.js.map +0 -1
- package/src/Table.hbs +0 -45
- package/src/TableCell.hbs +0 -4
- package/src/TableGroupRow.hbs +0 -24
- package/src/TableHeaderCell.hbs +0 -19
- package/src/TableHeaderRow.hbs +0 -3
- package/src/TableRow.hbs +0 -3
- package/src/Toast.hbs +0 -20
- package/src/generated/templates/TableCellTemplate.lit.ts +0 -12
- package/src/generated/templates/TableGroupRowTemplate.lit.ts +0 -13
- package/src/generated/templates/TableHeaderCellTemplate.lit.ts +0 -15
- package/src/generated/templates/TableHeaderRowTemplate.lit.ts +0 -12
- package/src/generated/templates/TableRowTemplate.lit.ts +0 -12
- package/src/generated/templates/TableTemplate.lit.ts +0 -17
- package/src/generated/templates/ToastTemplate.lit.ts +0 -14
|
@@ -6,7 +6,7 @@ import type UploadItem from "../../UploadItem.js";
|
|
|
6
6
|
import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
|
|
7
7
|
|
|
8
8
|
function block0 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-upload-item__wrapper"><div class="udex-upload-item__info ${ifDefined(this.uploadItemClasses)}"><div>${ this.fileInteractive ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }<div class="${ifDefined(this.additionalInfoClasses)}"><slot></slot></div></div>${ this._breakpointM ? block3.call(this, context, tags, suffix) : undefined }</div><div class="udex-upload-item__progress-info-wrapper">${ this.showUploadProgress ? block4.call(this, context, tags, suffix) : undefined }${ this._breakpointL ? block5.call(this, context, tags, suffix) : undefined }</div></div>`;}
|
|
9
|
-
function block1 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} href="${ifDefined(this.fileLink)}">${ifDefined(this.fileName)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link href="${ifDefined(this.fileLink)}">${ifDefined(this.fileName)}</udex-link>`;}
|
|
9
|
+
function block1 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} href="${ifDefined(this.fileLink)}" target="${ifDefined(this.fileTarget)}">${ifDefined(this.fileName)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link href="${ifDefined(this.fileLink)}" target="${ifDefined(this.fileTarget)}">${ifDefined(this.fileName)}</udex-link>`;}
|
|
10
10
|
function block2 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<p class="udex-upload-item__name">${ifDefined(this.fileName)}</p>`;}
|
|
11
11
|
function block3 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></udex-button>`;}
|
|
12
12
|
function block4 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-upload-item__progress-info"><${scopeTag("udex-progress-bar", tags, suffix)} role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${ifDefined(this.uploadPercentage)}" value="${ifDefined(this.uploadPercentage)}" value-state="${ifDefined(this.uploadProgressState)}" hide-value></${scopeTag("udex-progress-bar", tags, suffix)}><p class="udex-upload-item__progress-status">${ifDefined(this.uploadStatus)}</p></div>` : html`<div class="udex-upload-item__progress-info"><udex-progress-bar role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${ifDefined(this.uploadPercentage)}" value="${ifDefined(this.uploadPercentage)}" value-state="${ifDefined(this.uploadProgressState)}" hide-value></udex-progress-bar><p class="udex-upload-item__progress-status">${ifDefined(this.uploadStatus)}</p></div>`;}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
2
|
+
|
|
3
|
+
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
4
|
+
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
5
|
+
|
|
6
|
+
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
|
+
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
+
export default `:host{--udex-image-grid-table-columns: 1;--udex-image-grid-table-columns-s: 2;--udex-image-grid-table-columns-xs: 1;--udex-image-grid-table-gap-xl-m: var(--udexSpacer48);--udex-image-grid-table-gap-s: var(--udexSpacer32);--udex-image-grid-table-gap-xs: var(--udexSpacer32);--udex-image-grid-table-item-max-width: 250px;--udex-image-grid-table-item-min-width: 160px;container-type:inline-size;display:block}.udex-image-grid-table{container-type:inline-size;display:grid;gap:var(--udex-image-grid-table-gap-xl-m);grid-template-columns:repeat(var(--udex-image-grid-table-columns),minmax(var(--udex-image-grid-table-item-min-width),var(--udex-image-grid-table-item-max-width)))}:host ::slotted([udex-image-grid-table-item]){display:block;width:100%;max-width:var(--udex-image-grid-table-item-max-width)}@container (max-width: 979px){.udex-image-grid-table{gap:var(--udex-image-grid-table-gap-s);grid-template-columns:repeat(var(--udex-image-grid-table-columns-s),calc(50% - var(--udex-image-grid-table-gap-s)/2))}:host ::slotted([udex-image-grid-table-item]){max-width:100%}}@container (max-width: 639px){.udex-image-grid-table{gap:var(--udex-image-grid-table-gap-xs);grid-template-columns:repeat(var(--udex-image-grid-table-columns-xs),auto)}}
|
|
9
|
+
`
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
2
|
+
|
|
3
|
+
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
4
|
+
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
5
|
+
|
|
6
|
+
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
|
+
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
+
export default `:host{--udex-image-grid-table-item-image-background: transparent;--udex-image-grid-table-item-max-width-desktop: 250px;--udex-image-grid-table-item-max-width-mobile: 100%;--udex-image-grid-table-item-grayscale: 1;--udex-image-grid-table-item-hover-grayscale: 0%;--udex-image-grid-table-item-hover-scale: 1.1;--udex-image-grid-table-item-max-width-image-mobile: 160px;--udex-image-grid-table-item-body-color: var(--udexColorGrey7, #223548);--udex-image-grid-table-item-headline-color: var(--udexCoreHeadingDark, #000)}.udex-image-grid-table-item{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-image-grid-table-item-body-color);max-width:var(--udex-image-grid-table-item-max-width-desktop);height:100%}.udex-image-grid-table-item__image-holder{display:flex;justify-content:center;align-items:center;width:100%;padding-top:50%;background:var(--udex-image-grid-table-item-image-background);position:relative}.udex-image-grid-table-item__image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;width:100%;max-height:100%;object-fit:contain}.udex-image-grid-table-item__headline{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-image-grid-table-item-headline-color)}.udex-image-grid-table-item__image-holder{margin-bottom:var(--udexSpacer24)}.udex-image-grid-table-item__headline{display:block;margin-bottom:var(--udexSpacer8)}.udex-image-grid-table-item__link-holder{display:flex;margin-top:var(--udexSpacer8)}:host([desktop]) a.udex-image-grid-table-item__image-holder:focus,a.udex-image-grid-table-item__image-holder:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusM, 8px)}:host([desktop]) a.udex-image-grid-table-item__image-holder{transition:transform .3s ease-in-out,filter .3s ease-in-out}:host([desktop]) a.udex-image-grid-table-item__image-holder:hover{transform:scale(var(--udex-image-grid-table-item-hover-scale))}:host([_grayscale]) .udex-image-grid-table-item__image-holder{filter:grayscale(var(--udex-image-grid-table-item-grayscale))}:host([_grayscale]) a.udex-image-grid-table-item__image-holder:hover{filter:grayscale(var(--udex-image-grid-table-item-hover-grayscale))}@container (max-width: 979px){.udex-image-grid-table-item{max-width:var(--udex-image-grid-table-item-max-width-mobile)}.udex-image-grid-table-item__image-holder{max-width:var(--udex-image-grid-table-item-max-width-image-mobile);height:calc(var(--udex-image-grid-table-item-max-width-image-mobile)/2);margin:0 auto var(--udexSpacer24);padding-top:0}.udex-image-grid-table-item__image{position:static;transform:none}}
|
|
9
|
+
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-image-grid-ticker-duration: 31s;--udex-image-grid-ticker-play-btn-color: var(--udexColorGrey7, #475E75);--udex-image-grid-ticker-play-btn-color-hover: #000;--udex-image-grid-ticker-min-height: 76px}:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:scroll-ticker var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track{animation:scroll-ticker-rtl var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-paused]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-paused]) .udex-image-grid-ticker__track{animation-play-state:paused}:host([_is-focus-in]) .udex-image-grid-ticker__track{animation:none!important}:host([grayscale]) ::part(grid-image){filter:grayscale(100%)}:host([grayscale]) ::part(grid-image):hover{filter:grayscale(0%)}.udex-image-grid-ticker__track-holder{position:relative;overflow:hidden}.udex-image-grid-ticker__track{display:flex;align-items:center;min-height:var(--udex-image-grid-ticker-min-height);width:max-content}.udex-image-grid-ticker{display:flex;flex-direction:column-reverse}.udex-image-grid-ticker__track-wrapper{overflow:hidden;position:relative;width:100%;padding:14px 0}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{content:"";position:absolute;top:0;left:-25px;bottom:0;width:120px;background:linear-gradient(90deg,#FFF 23.96%,rgba(255,255,255,0) 100%);z-index:1}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after{right:-25px;left:auto;transform:rotate(180deg)}.udex-image-grid-ticker__play-button-holder{padding-top:34px}.udex-image-grid-ticker__play-button{position:relative;--udex-button-medium-size: 32px;--udex-button-icon-m-size: 32px;--udex-button-focus-border-radius: 50%;--udex-button-invisible-focus-inset: 0;--udex-button-color-invisible-standard-default-text-and-icon: var(--udex-image-grid-ticker-play-btn-color);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udex-image-grid-ticker-play-btn-color-hover)}:host([desktop]) .udex-image-grid-ticker__play-button:focus:before,.udex-image-grid-ticker__play-button:focus-visible:before{content:"";position:absolute;inset:0;box-shadow:0 0 0 2px #fff;border-radius:50%}.udex-image-grid-ticker__play-button::part(button):focus-within:after,.udex-image-grid-ticker__play-button::part(button):focus-within:before{border-radius:50%}@keyframes scroll-ticker-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:none}}@media (max-width: 979px){.udex-image-grid-ticker__track{min-height:auto;width:auto;justify-content:center;flex-wrap:wrap}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{display:none}}
|
|
8
|
+
export default `:host{--udex-image-grid-ticker-duration: 31s;--udex-image-grid-ticker-play-btn-color: var(--udexColorGrey7, #475E75);--udex-image-grid-ticker-play-btn-color-hover: #000;--udex-image-grid-ticker-min-height: 76px}:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:scroll-ticker var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track{animation:scroll-ticker-rtl var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-paused]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-paused]) .udex-image-grid-ticker__track{animation-play-state:paused}:host([_is-focus-in]) .udex-image-grid-ticker__track{animation:none!important}:host([grayscale]) ::part(grid-image){filter:grayscale(100%);transition:filter .3s ease-in-out}:host([grayscale]) ::part(grid-image):hover{filter:grayscale(0%)}.udex-image-grid-ticker__track-holder{position:relative;overflow:hidden}.udex-image-grid-ticker__track{display:flex;align-items:center;min-height:var(--udex-image-grid-ticker-min-height);width:max-content}.udex-image-grid-ticker{display:flex;flex-direction:column-reverse}.udex-image-grid-ticker__track-wrapper{overflow:hidden;position:relative;width:100%;padding:14px 0}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{content:"";position:absolute;top:0;left:-25px;bottom:0;width:120px;background:linear-gradient(90deg,#FFF 23.96%,rgba(255,255,255,0) 100%);z-index:1}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after{right:-25px;left:auto;transform:rotate(180deg)}.udex-image-grid-ticker__play-button-holder{padding-top:34px}.udex-image-grid-ticker__play-button{position:relative;--udex-button-medium-size: 32px;--udex-button-icon-m-size: 32px;--udex-button-focus-border-radius: 50%;--udex-button-invisible-focus-inset: 0;--udex-button-color-invisible-standard-default-text-and-icon: var(--udex-image-grid-ticker-play-btn-color);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udex-image-grid-ticker-play-btn-color-hover)}:host([desktop]) .udex-image-grid-ticker__play-button:focus:before,.udex-image-grid-ticker__play-button:focus-visible:before{content:"";position:absolute;inset:0;box-shadow:0 0 0 2px #fff;border-radius:50%}.udex-image-grid-ticker__play-button::part(button):focus-within:after,.udex-image-grid-ticker__play-button::part(button):focus-within:before{border-radius:50%}@keyframes scroll-ticker-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:none}}@media (max-width: 979px){.udex-image-grid-ticker__track{min-height:auto;width:auto;justify-content:center;flex-wrap:wrap}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{display:none}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{top:46px;left:auto;right:0}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__image-wrap{position:relative;display:flex}:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--udex-masthead-item-country-border-color-hover);border-radius:50%;box-sizing:border-box}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__image,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{width:var(--udex-masthead-item-arrow-icon-size);height:var(--udex-masthead-item-arrow-icon-size);margin-inline-start:var(--udex-masthead-item-arrow-margin-inline-start)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--support+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}}
|
|
8
|
+
export default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{top:46px;left:auto;right:0}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__image-wrap{position:relative;display:flex}:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--udex-masthead-item-country-border-color-hover);border-radius:50%;box-sizing:border-box}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__image,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{width:var(--udex-masthead-item-arrow-icon-size);height:var(--udex-masthead-item-arrow-icon-size);margin-inline-start:var(--udex-masthead-item-arrow-margin-inline-start)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--support+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexCoreDividerLight, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px;order:1}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12);order:2}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:1}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (max-width: 1279px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}}@media (max-width: 979px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
|
|
8
|
+
export default `:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexCoreDividerLight, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px;order:1}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12);order:2}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:1}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (max-width: 1279px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}}@media (max-width: 979px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-
|
|
8
|
+
export default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-25-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-
|
|
8
|
+
export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-25-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
|
|
9
9
|
`
|
|
@@ -132,10 +132,10 @@ BREADCRUMBS_ARIA_LABEL=Breadcrumb Trail
|
|
|
132
132
|
BREADCRUMBS_OVERFLOW_ARIA_LABEL=More
|
|
133
133
|
|
|
134
134
|
#Title for the step input increase icon
|
|
135
|
-
STEPINPUT_INC_ICON_TITLE=Increase
|
|
135
|
+
STEPINPUT_INC_ICON_TITLE=Increase by
|
|
136
136
|
|
|
137
137
|
#Title for the step input decrease icon
|
|
138
|
-
STEPINPUT_DEC_ICON_TITLE=Decrease
|
|
138
|
+
STEPINPUT_DEC_ICON_TITLE=Decrease by
|
|
139
139
|
|
|
140
140
|
#"No search result" state for Filter Menu and Select Box components
|
|
141
141
|
NO_MATCHES_FOUND=No matches found.
|
|
@@ -265,3 +265,7 @@ PROMO_TILE_ICON=Promo Tile Icon
|
|
|
265
265
|
#Image Grid Tracker
|
|
266
266
|
PLAY_BUTTON_ACCESSIBLE_NAME=Start button to begin customer logos rotation
|
|
267
267
|
PAUSE_BUTTON_ACCESSIBLE_NAME=Pause button to stop customer logos rotation
|
|
268
|
+
|
|
269
|
+
|
|
270
|
+
# Toast close accessible names
|
|
271
|
+
TOAST_CLOSE_ACCESSIBLE_NAME=Close
|
|
@@ -68,8 +68,8 @@ CAROUSEL_NEXT_ARROW_TEXT=Next Page
|
|
|
68
68
|
NO_MATCHES_FOUND=No matches found.
|
|
69
69
|
BREADCRUMBS_ARIA_LABEL=Breadcrumb Trail
|
|
70
70
|
BREADCRUMBS_OVERFLOW_ARIA_LABEL=More
|
|
71
|
-
STEPINPUT_INC_ICON_TITLE=Increase
|
|
72
|
-
STEPINPUT_DEC_ICON_TITLE=Decrease
|
|
71
|
+
STEPINPUT_INC_ICON_TITLE=Increase by
|
|
72
|
+
STEPINPUT_DEC_ICON_TITLE=Decrease by
|
|
73
73
|
TABLE_NO_DATA_FOUND=No data found
|
|
74
74
|
VALUE_STATE_ERROR=Invalid entry
|
|
75
75
|
VALUE_STATE_WARNING=Warning issued
|
|
@@ -128,3 +128,4 @@ BACK_TO_TOP=Back to top
|
|
|
128
128
|
PLAY_BUTTON_ACCESSIBLE_NAME=Start button to begin customer logos rotation
|
|
129
129
|
PAUSE_BUTTON_ACCESSIBLE_NAME=Pause button to stop customer logos rotation
|
|
130
130
|
LOCATION=Location
|
|
131
|
+
TOAST_CLOSE_ACCESSIBLE_NAME=Close
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
--udex-image-grid-table-columns: 1;
|
|
3
|
+
--udex-image-grid-table-columns-s: 2;
|
|
4
|
+
--udex-image-grid-table-columns-xs: 1;
|
|
5
|
+
--udex-image-grid-table-gap-xl-m: var(--udexSpacer48);
|
|
6
|
+
--udex-image-grid-table-gap-s: var(--udexSpacer32);
|
|
7
|
+
--udex-image-grid-table-gap-xs: var(--udexSpacer32);
|
|
8
|
+
--udex-image-grid-table-item-max-width: 250px;
|
|
9
|
+
--udex-image-grid-table-item-min-width: 160px;
|
|
10
|
+
container-type: inline-size;
|
|
11
|
+
display: block;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.udex-image-grid-table {
|
|
15
|
+
container-type: inline-size;
|
|
16
|
+
display: grid;
|
|
17
|
+
gap: var(--udex-image-grid-table-gap-xl-m);
|
|
18
|
+
grid-template-columns:
|
|
19
|
+
repeat(var(--udex-image-grid-table-columns),
|
|
20
|
+
minmax(var(--udex-image-grid-table-item-min-width), var(--udex-image-grid-table-item-max-width)));
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:host ::slotted([udex-image-grid-table-item]) {
|
|
24
|
+
display: block;
|
|
25
|
+
width: 100%;
|
|
26
|
+
max-width: var(--udex-image-grid-table-item-max-width);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@container (max-width: 979px) {
|
|
30
|
+
.udex-image-grid-table {
|
|
31
|
+
gap: var(--udex-image-grid-table-gap-s);
|
|
32
|
+
grid-template-columns: repeat(
|
|
33
|
+
var(--udex-image-grid-table-columns-s),
|
|
34
|
+
calc(50% - var(--udex-image-grid-table-gap-s)/2));
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
:host ::slotted([udex-image-grid-table-item]) {
|
|
38
|
+
max-width: 100%;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
@container (max-width: 639px) {
|
|
43
|
+
.udex-image-grid-table {
|
|
44
|
+
gap: var(--udex-image-grid-table-gap-xs);
|
|
45
|
+
grid-template-columns: repeat(var(--udex-image-grid-table-columns-xs), auto);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
--udex-image-grid-table-item-image-background: transparent;
|
|
3
|
+
--udex-image-grid-table-item-max-width-desktop: 250px;
|
|
4
|
+
--udex-image-grid-table-item-max-width-mobile: 100%;
|
|
5
|
+
--udex-image-grid-table-item-grayscale: 1;
|
|
6
|
+
--udex-image-grid-table-item-hover-grayscale: 0%;
|
|
7
|
+
--udex-image-grid-table-item-hover-scale: 1.1;
|
|
8
|
+
--udex-image-grid-table-item-max-width-image-mobile: 160px;
|
|
9
|
+
--udex-image-grid-table-item-body-color: var(--udexColorGrey7, #223548);
|
|
10
|
+
--udex-image-grid-table-item-headline-color: var(--udexCoreHeadingDark, #000);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.udex-image-grid-table-item {
|
|
14
|
+
font-family: var(--sapFontFamily);
|
|
15
|
+
font-size: var(--udexTypographyBodySFontSize);
|
|
16
|
+
line-height: var(--udexTypographyBodyLineHeight);
|
|
17
|
+
color: var(--udex-image-grid-table-item-body-color);
|
|
18
|
+
max-width: var(--udex-image-grid-table-item-max-width-desktop);
|
|
19
|
+
height: 100%;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.udex-image-grid-table-item__image-holder {
|
|
23
|
+
display: flex;
|
|
24
|
+
justify-content: center;
|
|
25
|
+
align-items: center;
|
|
26
|
+
width: 100%;
|
|
27
|
+
padding-top: 50%;
|
|
28
|
+
background: var(--udex-image-grid-table-item-image-background);
|
|
29
|
+
position: relative;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.udex-image-grid-table-item__image {
|
|
33
|
+
position: absolute;
|
|
34
|
+
top: 50%;
|
|
35
|
+
left: 50%;
|
|
36
|
+
transform: translate(-50%, -50%);
|
|
37
|
+
max-width: 100%;
|
|
38
|
+
width: 100%;
|
|
39
|
+
max-height: 100%;
|
|
40
|
+
object-fit: contain;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.udex-image-grid-table-item__headline {
|
|
44
|
+
font-size: var(--udexTypographyHeadingBoldXXSFontSize);
|
|
45
|
+
line-height: var(--udexTypographyHeadingLineHeight);
|
|
46
|
+
font-weight: var(--udexTypographyFontWeightMedium);
|
|
47
|
+
color: var(--udex-image-grid-table-item-headline-color);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.udex-image-grid-table-item__image-holder {
|
|
51
|
+
margin-bottom: var(--udexSpacer24);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.udex-image-grid-table-item__headline {
|
|
55
|
+
display: block;
|
|
56
|
+
margin-bottom: var(--udexSpacer8);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.udex-image-grid-table-item__link-holder {
|
|
60
|
+
display: flex;
|
|
61
|
+
margin-top: var(--udexSpacer8);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
:host([desktop]) a.udex-image-grid-table-item__image-holder:focus,
|
|
65
|
+
a.udex-image-grid-table-item__image-holder:focus-visible {
|
|
66
|
+
outline: var(--udexRadiusXXS) solid var(--udexColorBlue10);
|
|
67
|
+
border-radius: var(--udexRadiusM, 8px);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
:host([desktop]) a.udex-image-grid-table-item__image-holder {
|
|
71
|
+
transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
:host([desktop]) a.udex-image-grid-table-item__image-holder:hover {
|
|
75
|
+
transform: scale(var(--udex-image-grid-table-item-hover-scale));
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
:host([_grayscale]) .udex-image-grid-table-item__image-holder {
|
|
79
|
+
filter: grayscale(var(--udex-image-grid-table-item-grayscale));
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
:host([_grayscale]) a.udex-image-grid-table-item__image-holder:hover {
|
|
83
|
+
filter: grayscale(var(--udex-image-grid-table-item-hover-grayscale));
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
@container (max-width: 979px) {
|
|
87
|
+
.udex-image-grid-table-item {
|
|
88
|
+
max-width: var(--udex-image-grid-table-item-max-width-mobile);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.udex-image-grid-table-item__image-holder {
|
|
92
|
+
max-width: var(--udex-image-grid-table-item-max-width-image-mobile);
|
|
93
|
+
height: calc(var(--udex-image-grid-table-item-max-width-image-mobile)/2);
|
|
94
|
+
margin: 0 auto var(--udexSpacer24);
|
|
95
|
+
padding-top: 0;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.udex-image-grid-table-item__image {
|
|
99
|
+
position: static;
|
|
100
|
+
transform: none;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
@@ -234,6 +234,7 @@
|
|
|
234
234
|
:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,
|
|
235
235
|
:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,
|
|
236
236
|
:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,
|
|
237
|
+
:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,
|
|
237
238
|
:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,
|
|
238
239
|
:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn {
|
|
239
240
|
display: flex;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type UDExCustomTranslations = { [key: string]: string };
|
package/src/types/EventRibbon.ts
CHANGED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
|
|
2
|
+
import type { UDExCustomTranslations } from "../types/CustomTranslations.js";
|
|
3
|
+
|
|
4
|
+
const translate = (component: { i18nBundle?: { getText: (key: I18nText, ...params: Array<number | string>) => string } }, textKey: I18nText, ...params: Array<number | string>): string => {
|
|
5
|
+
const translations: UDExCustomTranslations = (window as any)["udex-config"]?.translations;
|
|
6
|
+
if (translations && translations[textKey.key]) {
|
|
7
|
+
return translations[textKey.key];
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
if (!component.i18nBundle) {
|
|
11
|
+
return "";
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
if (params) {
|
|
15
|
+
return component.i18nBundle.getText(textKey, ...params);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
return component.i18nBundle.getText(textKey);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export default translate;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const T="Count",E="of",_="Pagination page",A="Selected",S="Unselected",I="Indeterminate",t="Edit",O="Delete",R="Primary",o="Secondary",N="Tertiary",n="Warning",L="Positive",s="Negative",e="Emphasized",c="Default",C="Transparent",U="Attention",P="Date Input",a="Toggled",D="First page",B="Last page",i="Previous page",r="Next page",M="Current page",l="Activate page number",G="Suggested searches",d="Clear",u="Search",V="Clear",W="Voice",Y="Submit",F="Listening",g="Available Values",m="Recommended pages",p="Expand All",X="Collapse All",H="More",f="Attention badge",y="Read more",b="Read less",h="Rating Indicator",v="Rating",K="Required",w="Total",k="Contains Multi-Selectable Items",x="Contains Selectable Items",Q="Show Results",Z="Show/Hide Password Button",q="Reset",z="Message Strip Close Button",j="Information Bar",J="Positive Bar",$="Warning Bar",TT="Negative Bar",ET="Action Bar",_T="reviews",AT="stars",ST="Select Options",IT="Select All",tT="{0} characters remaining",OT="Field State Error",RT="Field State Warning",oT="Field State Success",NT="Field State Standard",nT="Previous Page",LT="Next Page",sT="No matches found.",eT="Breadcrumb Trail",cT="More",CT="Increase Quantity by",UT="Decrease Quantity by",PT="No data found",aT="Invalid entry",DT="Warning issued",BT="Informative entry",iT="Entry successfully validated",rT="Read only",MT="Logout",lT="Switch account",GT="Back",dT="Other identities",uT="Add or remove account",VT="Select country",WT="Overview",YT="Cart",FT="Country Selector",gT="Support",mT="Phone number",pT="Contact us",XT="Email",HT="Chat with us",fT="Quick Links",yT="Trending",bT="About SAP",hT="Site Information",vT="Or see our complete list of",KT="local country numbers",wT="© {0} SAP SE or an SAP affiliate company. All rights reserved.",kT="Avatar",xT="Open Calendar icon",QT="Edit list item entry",ZT="Delete list item entry",qT="back button label",zT="Status Badge",jT="Click to edit profile",JT="Click to open profile information",$T="Warning, potential risk with the profile",TE="There is an error with the profile",EE="Successfully verified profile",_E="Profile",AE="main links",SE="opens in a new window",IE="Text field",tE="Uploading",OE="Terminated",RE="Remove file",oE="Upload file",NE="Complete list of",nE="Call us today!",LE="Search",sE="results returned.",eE="Social Media Button",cE="Promo Tile",CE="Promo Tile Icon",UE="Back to top",PE="Start button to begin customer logos rotation",aE="Pause button to stop customer logos rotation",DE="Location",BE={COUNT:T,OF:E,PAGINATION_PAGE:_,SELECTED:A,UNSELECTED:S,INDETERMINATE:I,EDIT_BUTTON:t,DELETE_BUTTON:O,BUTTON_ARIA_TYPE_PRIMARY:R,BUTTON_ARIA_TYPE_SECONDARY:o,BUTTON_ARIA_TYPE_TERTIARY:N,BUTTON_ARIA_TYPE_WARNING:n,BUTTON_ARIA_TYPE_POSITIVE:L,BUTTON_ARIA_TYPE_NEGATIVE:s,BUTTON_ARIA_EMPHASIZED:e,BUTTON_ARIA_DEFAULT:c,BUTTON_ARIA_TRANSPARENT:C,BUTTON_ARIA_ATTENTION:U,DATEPICKER_DATE_DESCRIPTION:P,TOGGLED:a,FIRST_PAGE:D,LAST_PAGE:B,PREVIOUS_PAGE:i,NEXT_PAGE:r,CURRENT_PAGE:M,ACTIVATE_PAGE:l,SUGGESTED_TEXT:G,ACCESSIBLE_NAME_RESET_ICON:d,ACCESSIBLE_NAME_SEARCH_ICON:u,TOOLTIP_RESET_BUTTON:V,TOOLTIP_VOICE_BUTTON:W,TOOLTIP_SUBMIT_BUTTON:Y,LISTENING:F,AVAILABLE_VALUES:g,RECOMMENDED_TEXT:m,EXPAND_ALL:p,COLLAPSE_ALL:X,MORE:H,ATTENTION_BADGE:f,READ_MORE:y,READ_LESS:b,RATING_INDICATOR_TEXT:h,RATING_INDICATOR_TOOLTIP_TEXT:v,RATING_INDICATOR_ARIA_DESCRIPTION:K,TOTAL:w,ARIA_LABEL_LIST_MULTISELECTABLE:k,ARIA_LABEL_LIST_SELECTABLE:x,SHOW_RESULTS:Q,SHOW_HIDE_PASSWORD:Z,RESET:q,MESSAGE_STRIP_CLOSE_BUTTON:z,MESSAGE_STRIP_INFORMATION:j,MESSAGE_STRIP_SUCCESS:J,MESSAGE_STRIP_WARNING:$,MESSAGE_STRIP_ERROR:TT,MESSAGE_STRIP_ACTION:ET,REVIEWS:_T,STARS:AT,SELECT_OPTIONS:ST,SELECT_ALL:IT,TEXTAREA_CHARACTERS_LEFT:tT,VALUE_STATE_TYPE_ERROR:OT,VALUE_STATE_TYPE_WARNING:RT,VALUE_STATE_TYPE_SUCCESS:oT,VALUE_STATE_TYPE_STANDARD:NT,CAROUSEL_PREVIOUS_ARROW_TEXT:nT,CAROUSEL_NEXT_ARROW_TEXT:LT,NO_MATCHES_FOUND:sT,BREADCRUMBS_ARIA_LABEL:eT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:cT,STEPINPUT_INC_ICON_TITLE:CT,STEPINPUT_DEC_ICON_TITLE:UT,TABLE_NO_DATA_FOUND:PT,VALUE_STATE_ERROR:aT,VALUE_STATE_WARNING:DT,VALUE_STATE_INFORMATION:BT,VALUE_STATE_SUCCESS:iT,READ_ONLY:rT,LOGOUT:MT,SWITCH_ACCOUNT:lT,BACK:GT,OTHER_IDENTITIES:dT,ADD_OR_REMOVE_ACCOUNT:uT,COUNTRY_SELECT:VT,OVERVIEW:WT,CART:YT,COUNTRY_SELECTOR:FT,SUPPORT:gT,PHONE_NUMBER:mT,CONTACT_US:pT,EMAIL:XT,CHAT_WITH_US:HT,QUICK_LINKS:fT,TRENDING:yT,ABOUT_SAP:bT,SITE_INFORMATION:hT,SEE_COMPLETE_LIST:vT,LOCAL_COUNTRY_NAMES:KT,COPYRIGHT:wT,AVATAR_TEXT:kT,CALENDAR_ICON:xT,LIST_ITEM_EDIT_ICON:QT,LIST_ITEM_DELETE_ICON:ZT,BACK_BUTTON_LABEL:qT,STATUS_BADGE_TEXT:zT,STATUS_BADGE_EDIT_TITLE:jT,STATUS_BADGE_INFORMATION_TITLE:JT,STATUS_BADGE_WARNING_TITLE:$T,STATUS_BADGE_ERROR_TITLE:TE,STATUS_BADGE_SUCCESS_TITLE:EE,PROFILE:_E,MAIN_LINKS:AE,OPENS_IN_A_NEW_WINDOW:SE,TEXT_FIELD:IE,UPLOADING_FILE_STATUS_TEXT:tE,TERMINATED_FILE_STATUS_TEXT:OE,REMOVE_FILE_TEXT:RE,UPLOAD_BUTTON_LABEL:oE,COMPLETE_LIST_OF:NE,CALL_US_TODAY:nE,SEARCH:LE,RESULT_RETURNED:sE,SOCIAL_MEDIA_BUTTON:eE,PROMO_TILE:cE,PROMO_TILE_ICON:CE,BACK_TO_TOP:UE,PLAY_BUTTON_ACCESSIBLE_NAME:PE,PAUSE_BUTTON_ACCESSIBLE_NAME:aE,LOCATION:DE};export{bT as ABOUT_SAP,d as ACCESSIBLE_NAME_RESET_ICON,u as ACCESSIBLE_NAME_SEARCH_ICON,l as ACTIVATE_PAGE,uT as ADD_OR_REMOVE_ACCOUNT,k as ARIA_LABEL_LIST_MULTISELECTABLE,x as ARIA_LABEL_LIST_SELECTABLE,f as ATTENTION_BADGE,g as AVAILABLE_VALUES,kT as AVATAR_TEXT,GT as BACK,qT as BACK_BUTTON_LABEL,UE as BACK_TO_TOP,eT as BREADCRUMBS_ARIA_LABEL,cT as BREADCRUMBS_OVERFLOW_ARIA_LABEL,U as BUTTON_ARIA_ATTENTION,c as BUTTON_ARIA_DEFAULT,e as BUTTON_ARIA_EMPHASIZED,C as BUTTON_ARIA_TRANSPARENT,s as BUTTON_ARIA_TYPE_NEGATIVE,L as BUTTON_ARIA_TYPE_POSITIVE,R as BUTTON_ARIA_TYPE_PRIMARY,o as BUTTON_ARIA_TYPE_SECONDARY,N as BUTTON_ARIA_TYPE_TERTIARY,n as BUTTON_ARIA_TYPE_WARNING,xT as CALENDAR_ICON,nE as CALL_US_TODAY,LT as CAROUSEL_NEXT_ARROW_TEXT,nT as CAROUSEL_PREVIOUS_ARROW_TEXT,YT as CART,HT as CHAT_WITH_US,X as COLLAPSE_ALL,NE as COMPLETE_LIST_OF,pT as CONTACT_US,wT as COPYRIGHT,T as COUNT,VT as COUNTRY_SELECT,FT as COUNTRY_SELECTOR,M as CURRENT_PAGE,P as DATEPICKER_DATE_DESCRIPTION,O as DELETE_BUTTON,t as EDIT_BUTTON,XT as EMAIL,p as EXPAND_ALL,D as FIRST_PAGE,I as INDETERMINATE,B as LAST_PAGE,F as LISTENING,ZT as LIST_ITEM_DELETE_ICON,QT as LIST_ITEM_EDIT_ICON,KT as LOCAL_COUNTRY_NAMES,DE as LOCATION,MT as LOGOUT,AE as MAIN_LINKS,ET as MESSAGE_STRIP_ACTION,z as MESSAGE_STRIP_CLOSE_BUTTON,TT as MESSAGE_STRIP_ERROR,j as MESSAGE_STRIP_INFORMATION,J as MESSAGE_STRIP_SUCCESS,$ as MESSAGE_STRIP_WARNING,H as MORE,r as NEXT_PAGE,sT as NO_MATCHES_FOUND,E as OF,SE as OPENS_IN_A_NEW_WINDOW,dT as OTHER_IDENTITIES,WT as OVERVIEW,_ as PAGINATION_PAGE,aE as PAUSE_BUTTON_ACCESSIBLE_NAME,mT as PHONE_NUMBER,PE as PLAY_BUTTON_ACCESSIBLE_NAME,i as PREVIOUS_PAGE,_E as PROFILE,cE as PROMO_TILE,CE as PROMO_TILE_ICON,fT as QUICK_LINKS,K as RATING_INDICATOR_ARIA_DESCRIPTION,h as RATING_INDICATOR_TEXT,v as RATING_INDICATOR_TOOLTIP_TEXT,b as READ_LESS,y as READ_MORE,rT as READ_ONLY,m as RECOMMENDED_TEXT,RE as REMOVE_FILE_TEXT,q as RESET,sE as RESULT_RETURNED,_T as REVIEWS,LE as SEARCH,vT as SEE_COMPLETE_LIST,A as SELECTED,IT as SELECT_ALL,ST as SELECT_OPTIONS,Z as SHOW_HIDE_PASSWORD,Q as SHOW_RESULTS,hT as SITE_INFORMATION,eE as SOCIAL_MEDIA_BUTTON,AT as STARS,jT as STATUS_BADGE_EDIT_TITLE,TE as STATUS_BADGE_ERROR_TITLE,JT as STATUS_BADGE_INFORMATION_TITLE,EE as STATUS_BADGE_SUCCESS_TITLE,zT as STATUS_BADGE_TEXT,$T as STATUS_BADGE_WARNING_TITLE,UT as STEPINPUT_DEC_ICON_TITLE,CT as STEPINPUT_INC_ICON_TITLE,G as SUGGESTED_TEXT,gT as SUPPORT,lT as SWITCH_ACCOUNT,PT as TABLE_NO_DATA_FOUND,OE as TERMINATED_FILE_STATUS_TEXT,tT as TEXTAREA_CHARACTERS_LEFT,IE as TEXT_FIELD,a as TOGGLED,V as TOOLTIP_RESET_BUTTON,Y as TOOLTIP_SUBMIT_BUTTON,W as TOOLTIP_VOICE_BUTTON,w as TOTAL,yT as TRENDING,S as UNSELECTED,tE as UPLOADING_FILE_STATUS_TEXT,oE as UPLOAD_BUTTON_LABEL,aT as VALUE_STATE_ERROR,BT as VALUE_STATE_INFORMATION,iT as VALUE_STATE_SUCCESS,OT as VALUE_STATE_TYPE_ERROR,NT as VALUE_STATE_TYPE_STANDARD,oT as VALUE_STATE_TYPE_SUCCESS,RT as VALUE_STATE_TYPE_WARNING,DT as VALUE_STATE_WARNING,BE as default};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
function block0(context, tags, suffix) { return html `${this.icon ? block1.call(this, context, tags, suffix) : undefined}<slot></slot>`; }
|
|
5
|
-
function block1(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="udex-table-cell__icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon class="udex-table-cell__icon" name="${ifDefined(this.icon)}"></ui5-icon>`; }
|
|
6
|
-
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
7
|
-
export default template;
|
|
8
|
-
//# sourceMappingURL=TableCellTemplate.lit.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableCellTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableCellTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,eAAe,CAAC,CAAA,CAAC;AACtM,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,wCAAwC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,iDAAiD,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA,CAAC;AAEpW,SAAS,QAAQ,KAAoB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7J,eAAe,QAAQ,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type TableCell from \"../../TableCell.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.icon ? block1.call(this, context, tags, suffix) : undefined }<slot></slot>`;}\nfunction block1 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-table-cell__icon\" name=\"${ifDefined(this.icon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon class=\"udex-table-cell__icon\" name=\"${ifDefined(this.icon)}\"></ui5-icon>`;}\n\nfunction template(this: TableCell) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
function block0(context, tags, suffix) { return html `${this.collapsible ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}<div class="udex-table-grow-rows" @keydown="${this.handleEscapeKey}"><slot></slot></div>`; }
|
|
5
|
-
function block1(context, tags, suffix) { return suffix ? html `<button id="udex-table-group-opener" class="udex-table-grow-btn" aria-expanded="${ifDefined(this.expanded)}" @click="${this.toggleExpanded}"><span class="udex-table-grow"><${scopeTag("ui5-icon", tags, suffix)} class="udex-table-grow__icon" name="slim-arrow-right"></${scopeTag("ui5-icon", tags, suffix)}>${ifDefined(this.groupTitle)}</span></button>` : html `<button id="udex-table-group-opener" class="udex-table-grow-btn" aria-expanded="${ifDefined(this.expanded)}" @click="${this.toggleExpanded}"><span class="udex-table-grow"><ui5-icon class="udex-table-grow__icon" name="slim-arrow-right"></ui5-icon>${ifDefined(this.groupTitle)}</span></button>`; }
|
|
6
|
-
function block2(context, tags, suffix) { return html `<div class="udex-table-grow-btn"><span class="udex-table-grow">${ifDefined(this.groupTitle)}</span></div>`; }
|
|
7
|
-
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
8
|
-
export default template;
|
|
9
|
-
//# sourceMappingURL=TableGroupRowTemplate.lit.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableGroupRowTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableGroupRowTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAuB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,+CAA+C,IAAI,CAAC,eAAe,uBAAuB,CAAC,CAAA,CAAC;AAC3T,SAAS,MAAM,CAAuB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,mFAAmF,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,IAAI,CAAC,cAAc,oCAAoC,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,4DAA4D,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAA,mFAAmF,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,IAAI,CAAC,cAAc,8GAA8G,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAA,CAAC;AAC1wB,SAAS,MAAM,CAAuB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,kEAAkE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA,CAAC;AAEjO,SAAS,QAAQ,KAAwB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AACjK,eAAe,QAAQ,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type TableGroupRow from \"../../TableGroupRow.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.collapsible ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }<div class=\"udex-table-grow-rows\" @keydown=\"${this.handleEscapeKey}\"><slot></slot></div>`;}\nfunction block1 (this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button id=\"udex-table-group-opener\" class=\"udex-table-grow-btn\" aria-expanded=\"${ifDefined(this.expanded)}\" @click=\"${this.toggleExpanded}\"><span class=\"udex-table-grow\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-table-grow__icon\" name=\"slim-arrow-right\"></${scopeTag(\"ui5-icon\", tags, suffix)}>${ifDefined(this.groupTitle)}</span></button>` : html`<button id=\"udex-table-group-opener\" class=\"udex-table-grow-btn\" aria-expanded=\"${ifDefined(this.expanded)}\" @click=\"${this.toggleExpanded}\"><span class=\"udex-table-grow\"><ui5-icon class=\"udex-table-grow__icon\" name=\"slim-arrow-right\"></ui5-icon>${ifDefined(this.groupTitle)}</span></button>`;}\nfunction block2 (this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-table-grow-btn\"><span class=\"udex-table-grow\">${ifDefined(this.groupTitle)}</span></div>`;}\n\nfunction template(this: TableGroupRow) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
|
-
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
|
-
function block0(context, tags, suffix) { return html `${this._hasIcons ? block1.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)} `; }
|
|
5
|
-
function block1(context, tags, suffix) { return html `<div class="udex-table-header-cell-wrap">${this.iconStart ? block2.call(this, context, tags, suffix) : undefined}<slot></slot>${this.iconEnd ? block3.call(this, context, tags, suffix) : undefined}</div>`; }
|
|
6
|
-
function block2(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="udex-table-header-cell-wrap__icon" name="${ifDefined(this.iconStart)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon class="udex-table-header-cell-wrap__icon" name="${ifDefined(this.iconStart)}"></ui5-icon>`; }
|
|
7
|
-
function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="udex-table-header-cell-wrap__icon" name="${ifDefined(this.iconEnd)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon class="udex-table-header-cell-wrap__icon" name="${ifDefined(this.iconEnd)}"></ui5-icon>`; }
|
|
8
|
-
function block4(context, tags, suffix) { return html `<slot></slot>`; }
|
|
9
|
-
function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
|
|
10
|
-
export default template;
|
|
11
|
-
//# sourceMappingURL=TableHeaderCellTemplate.lit.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeaderCellTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableHeaderCellTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,GAAG,CAAC,CAAA,CAAC;AACpO,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,4CAA6C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,gBAAiB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,QAAQ,CAAC,CAAA,CAAC;AACxU,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,oDAAoD,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,6DAA6D,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA,CAAC;AAC5Y,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,oDAAoD,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,6DAA6D,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAA,CAAC;AACxY,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,eAAe,CAAC,CAAA,CAAC;AAEvI,SAAS,QAAQ,KAA0B,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AACnK,eAAe,QAAQ,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type TableHeaderCell from \"../../TableHeaderCell.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this._hasIcons ? block1.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) } `;}\nfunction block1 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-table-header-cell-wrap\">${ this.iconStart ? block2.call(this, context, tags, suffix) : undefined }<slot></slot>${ this.iconEnd ? block3.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block2 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-table-header-cell-wrap__icon\" name=\"${ifDefined(this.iconStart)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon class=\"udex-table-header-cell-wrap__icon\" name=\"${ifDefined(this.iconStart)}\"></ui5-icon>`;}\nfunction block3 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-table-header-cell-wrap__icon\" name=\"${ifDefined(this.iconEnd)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon class=\"udex-table-header-cell-wrap__icon\" name=\"${ifDefined(this.iconEnd)}\"></ui5-icon>`;}\nfunction block4 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot></slot>`;}\n\nfunction template(this: TableHeaderCell) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|