@sapudex/web-components 2.2.0 → 2.3.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 +1 -0
- package/cypress/fixtures/event-ribbon-links.ts +5 -0
- package/cypress/specs/Accordion.cy.tsx +1 -2
- package/cypress/specs/AccordionItem.cy.tsx +1 -1
- package/cypress/specs/Avatar.cy.tsx +1 -1
- package/cypress/specs/AvatarGroup.cy.tsx +1 -2
- package/cypress/specs/Badge.cy.tsx +1 -1
- package/cypress/specs/CountrySelector.cy.tsx +10 -4
- package/cypress/specs/EventRibbon.cy.tsx +110 -0
- package/cypress/specs/Footer.cy.tsx +1 -1
- package/cypress/specs/ListItem.cy.tsx +1 -1
- package/cypress/specs/PhoneNumberField.cy.tsx +4 -2
- package/cypress/specs/Review.cy.tsx +1 -3
- package/cypress/specs/ReviewItem.cy.tsx +1 -1
- package/cypress/specs/SecondaryNavigationDesktop.cy.tsx +123 -116
- package/cypress/specs/SecondaryNavigationMobile.cy.tsx +27 -38
- package/cypress/specs/SelectBox.cy.tsx +93 -88
- package/cypress/specs/Slider.cy.tsx +1 -1
- package/cypress/specs/StatusBadge.cy.tsx +1 -1
- package/cypress/specs/StatusMessage.cy.tsx +1 -1
- package/cypress/specs/Switch.cy.tsx +1 -2
- package/cypress/specs/Table.cy.tsx +1 -9
- package/cypress/specs/Tag.cy.tsx +1 -1
- package/cypress/specs/TagGroup.cy.tsx +1 -2
- package/cypress/specs/TextField.cy.tsx +1 -1
- package/cypress/specs/Textarea.cy.tsx +1 -1
- package/cypress/specs/Toast.cy.tsx +1 -1
- package/cypress/specs/Tooltip.cy.tsx +1 -2
- package/cypress/specs/TruncatedText.cy.tsx +2 -1
- package/cypress/specs/Upload.cy.tsx +1 -2
- package/cypress/specs/UploadItem.cy.tsx +1 -1
- package/cypress/specs/Wizard.cy.tsx +7 -4
- package/cypress/support/component-imports.instrumented.ts +91 -0
- package/cypress/support/component-imports.src.ts +91 -0
- package/cypress/support/component.ts +1 -1
- package/cypress.config.ts +6 -0
- package/dist/AssetsVariables.js +4 -0
- package/dist/AssetsVariables.js.map +1 -1
- package/dist/Button.d.ts +7 -0
- package/dist/Button.js +3 -0
- package/dist/Button.js.map +1 -1
- package/dist/CountrySelector.d.ts +2 -2
- package/dist/CountrySelector.js +3 -1
- package/dist/CountrySelector.js.map +1 -1
- package/dist/DatePicker.js +2 -1
- package/dist/DatePicker.js.map +1 -1
- package/dist/EventRibbon.d.ts +80 -0
- package/dist/EventRibbon.js +111 -0
- package/dist/EventRibbon.js.map +1 -0
- package/dist/EventRibbonTemplate.d.ts +2 -0
- package/dist/EventRibbonTemplate.js +7 -0
- package/dist/EventRibbonTemplate.js.map +1 -0
- package/dist/HeroBanner.d.ts +1 -1
- package/dist/MastheadShell.d.ts +4 -1
- package/dist/MastheadShell.js +21 -5
- package/dist/MastheadShell.js.map +1 -1
- package/dist/Pagination.d.ts +17 -3
- package/dist/Pagination.js +33 -31
- package/dist/Pagination.js.map +1 -1
- package/dist/PhoneNumberField.d.ts +5 -5
- package/dist/PhoneNumberField.js +1 -1
- package/dist/PhoneNumberField.js.map +1 -1
- package/dist/SearchableListBase.d.ts +9 -0
- package/dist/SearchableListBase.js +10 -2
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/TextField.d.ts +7 -0
- package/dist/TextField.js +3 -0
- package/dist/TextField.js.map +1 -1
- package/dist/Wizard.d.ts +20 -1
- package/dist/Wizard.js +22 -9
- package/dist/Wizard.js.map +1 -1
- package/dist/WizardTemplate.js +1 -1
- package/dist/WizardTemplate.js.map +1 -1
- package/dist/assets/{InputSuggestions-KGCQrV_T.js → InputSuggestions-BgbbJ4tc.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-D4zLIdLd.js → ListItemStandardExpandableTextTemplate-onAnn1Tj.js} +1 -1
- package/dist/assets/{bundle.esm-Diw1zQ-o.js → bundle.esm-CwUfibNQ.js} +228 -223
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/DatePickerPopover.css +1 -1
- package/dist/css/themes/EventRibbon.css +1 -0
- package/dist/css/themes/MastheadCountrySelector.css +1 -1
- package/dist/css/themes/MastheadItem.css +1 -1
- package/dist/css/themes/MastheadShell.css +1 -1
- package/dist/css/themes/Modal.css +1 -1
- package/dist/css/themes/Pagination.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/TextField.css +1 -1
- package/dist/custom-elements-internal.json +342 -0
- package/dist/custom-elements.json +341 -0
- package/dist/data/CountryListISO3166.d.ts +13 -4
- package/dist/data/CountryListISO3166.js +8 -0
- package/dist/data/CountryListISO3166.js.map +1 -1
- package/dist/generated/templates/PaginationTemplate.lit.js +1 -1
- package/dist/generated/templates/PaginationTemplate.lit.js.map +1 -1
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +2 -2
- package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +1 -1
- package/dist/generated/themes/Button.css.d.ts +1 -1
- package/dist/generated/themes/Button.css.js +1 -1
- package/dist/generated/themes/Button.css.js.map +1 -1
- package/dist/generated/themes/DatePickerPopover.css.d.ts +1 -1
- package/dist/generated/themes/DatePickerPopover.css.js +1 -1
- package/dist/generated/themes/DatePickerPopover.css.js.map +1 -1
- package/dist/generated/themes/EventRibbon.css.d.ts +2 -0
- package/dist/generated/themes/EventRibbon.css.js +8 -0
- package/dist/generated/themes/EventRibbon.css.js.map +1 -0
- package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
- package/dist/generated/themes/MastheadCountrySelector.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/Modal.css.d.ts +1 -1
- package/dist/generated/themes/Modal.css.js +1 -1
- package/dist/generated/themes/Modal.css.js.map +1 -1
- package/dist/generated/themes/Pagination.css.d.ts +1 -1
- package/dist/generated/themes/Pagination.css.js +1 -1
- package/dist/generated/themes/Pagination.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/generated/themes/TextField.css.d.ts +1 -1
- package/dist/generated/themes/TextField.css.js +1 -1
- package/dist/generated/themes/TextField.css.js.map +1 -1
- package/dist/types/EventRibbon.d.ts +37 -0
- package/dist/types/EventRibbon.js +43 -0
- package/dist/types/EventRibbon.js.map +1 -0
- package/dist/vscode.html-custom-data.json +99 -0
- package/dist/web-types.json +150 -1
- package/filter-coverage.js +58 -0
- package/package.json +7 -2
- package/src/AssetsVariables.ts +4 -0
- package/src/Button.ts +9 -0
- package/src/CountrySelector.ts +5 -3
- package/src/DatePicker.ts +2 -1
- package/src/EventRibbon.ts +143 -0
- package/src/EventRibbonTemplate.tsx +18 -0
- package/src/MastheadShell.ts +25 -5
- package/src/Pagination.hbs +7 -3
- package/src/Pagination.ts +48 -31
- package/src/PhoneNumberField.hbs +1 -1
- package/src/PhoneNumberField.ts +7 -2
- package/src/SearchableListBase.ts +18 -2
- package/src/TextField.ts +9 -0
- package/src/Wizard.ts +39 -11
- package/src/WizardTemplate.tsx +5 -1
- package/src/data/CountryListISO3166.ts +10 -2
- package/src/generated/templates/PaginationTemplate.lit.ts +1 -1
- package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +1 -1
- package/src/generated/themes/Button.css.ts +1 -1
- package/src/generated/themes/DatePickerPopover.css.ts +1 -1
- package/src/generated/themes/EventRibbon.css.ts +9 -0
- package/src/generated/themes/MastheadCountrySelector.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/Modal.css.ts +1 -1
- package/src/generated/themes/Pagination.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/TextField.css.ts +1 -1
- package/src/themes/Button.css +69 -27
- package/src/themes/DatePickerPopover.css +64 -6
- package/src/themes/EventRibbon.css +411 -0
- package/src/themes/MastheadCountrySelector.css +8 -5
- package/src/themes/MastheadItem.css +12 -4
- package/src/themes/MastheadShell.css +3 -1
- package/src/themes/Modal.css +4 -0
- package/src/themes/Pagination.css +19 -0
- package/src/themes/TextField.css +2 -13
- package/src/types/EventRibbon.ts +51 -0
- package/swap-component-imports.js +18 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
3
|
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
4
|
function block0(context, tags, suffix) { return html `${this.pages ? block1.call(this, context, tags, suffix) : undefined} `; }
|
|
5
|
-
function block1(context, tags, suffix) { return suffix ? html `<nav class="${ifDefined(this.paginationClass)}" role="navigation" aria-label="${ifDefined(this.paginationAccessibleName)}"><ul class="udex-pagination__list"><li class="udex-pagination__item--prev udex-pagination__item"><${scopeTag("udex-button", tags, suffix)} ?disabled="${this.
|
|
5
|
+
function block1(context, tags, suffix) { return suffix ? html `<nav class="${ifDefined(this.paginationClass)}" role="navigation" aria-label="${ifDefined(this.paginationAccessibleName)}"><ul class="udex-pagination__list"><li class="udex-pagination__item--prev udex-pagination__item"><${scopeTag("udex-button", tags, suffix)} aria-disabled="${ifDefined(this.effectivePrevButtonDisabled)}" ?_aria-disabled="${ifDefined(this._prevButtonPseudoDisabled)}" accessible-name="${ifDefined(this.previousPageAccessibleName)}" tooltip="${ifDefined(this.previousBtnTooltip)}" size="Large" icon="navigation-left-arrow" design="Tertiary" @click="${this.setPrevPage}" @focusout="${this.handlePrevFocusOut}"></${scopeTag("udex-button", tags, suffix)}></li>${this.typeFull ? block2.call(this, context, tags, suffix) : undefined}${this.typeShort ? block4.call(this, context, tags, suffix) : undefined}<li class="udex-pagination__item--next udex-pagination__item"><${scopeTag("udex-button", tags, suffix)} aria-disabled="${ifDefined(this.effectiveNextButtonDisabled)}" ?_aria-disabled="${ifDefined(this._nextButtonPseudoDisabled)}" tooltip="${ifDefined(this.nextBtnTooltip)}" accessible-name="${ifDefined(this.nextPageAccessibleName)}" size="Large" icon="navigation-right-arrow" design="Tertiary" @click="${this.setNextPage}" @focusout="${this.handleNextFocusOut}"></${scopeTag("udex-button", tags, suffix)}></li></ul></nav>` : html `<nav class="${ifDefined(this.paginationClass)}" role="navigation" aria-label="${ifDefined(this.paginationAccessibleName)}"><ul class="udex-pagination__list"><li class="udex-pagination__item--prev udex-pagination__item"><udex-button aria-disabled="${ifDefined(this.effectivePrevButtonDisabled)}" ?_aria-disabled="${ifDefined(this._prevButtonPseudoDisabled)}" accessible-name="${ifDefined(this.previousPageAccessibleName)}" tooltip="${ifDefined(this.previousBtnTooltip)}" size="Large" icon="navigation-left-arrow" design="Tertiary" @click="${this.setPrevPage}" @focusout="${this.handlePrevFocusOut}"></udex-button></li>${this.typeFull ? block2.call(this, context, tags, suffix) : undefined}${this.typeShort ? block4.call(this, context, tags, suffix) : undefined}<li class="udex-pagination__item--next udex-pagination__item"><udex-button aria-disabled="${ifDefined(this.effectiveNextButtonDisabled)}" ?_aria-disabled="${ifDefined(this._nextButtonPseudoDisabled)}" tooltip="${ifDefined(this.nextBtnTooltip)}" accessible-name="${ifDefined(this.nextPageAccessibleName)}" size="Large" icon="navigation-right-arrow" design="Tertiary" @click="${this.setNextPage}" @focusout="${this.handleNextFocusOut}"></udex-button></li></ul></nav>`; }
|
|
6
6
|
function block2(context, tags, suffix) { return html `${repeat(this.pagination, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}`; }
|
|
7
7
|
function block3(context, tags, suffix, item, index) { return html `<li class="udex-pagination__item"><a class="udex-pagination__page" href="#" aria-label="${ifDefined(item.accessibleName)}" @click="${this.onPageClick}" ?active="${item.active}" aria-current="${ifDefined(item.ariaCurrent)}" index="${ifDefined(item.index)}"><span class="udex-pagination__page--value">${ifDefined(item.value)}</span></a></li>`; }
|
|
8
8
|
function block4(context, tags, suffix) { return html `<li class="udex-pagination__item udex-pagination__item--short" tabindex="-1" aria-label="${ifDefined(this.paginationShortAccessibleName)}"><span class="udex-pagination__item--short-value">${ifDefined(this.shortTextStart)}</span><span class="udex-pagination__item--short-separator">${ifDefined(this.shortTextSeparator)}</span><span class="udex-pagination__item--short-value">${ifDefined(this.shortTextEnd)}</span></li>`; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/PaginationTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAO,MAAM,EAAsB,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAG,CAAC,CAAA,CAAC;AAC5L,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,mCAAmC,SAAS,CAAC,IAAI,CAAC,wBAAwB,CAAC,sGAAsG,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"PaginationTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/PaginationTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type Pagination from \"../../Pagination.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Pagination, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.pages ? block1.call(this, context, tags, suffix) : undefined } `;}\nfunction block1 (this: Pagination, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<nav class=\"${ifDefined(this.paginationClass)}\" role=\"navigation\" aria-label=\"${ifDefined(this.paginationAccessibleName)}\"><ul class=\"udex-pagination__list\"><li class=\"udex-pagination__item--prev udex-pagination__item\"><${scopeTag(\"udex-button\", tags, suffix)} aria-disabled=\"${ifDefined(this.effectivePrevButtonDisabled)}\" ?_aria-disabled=\"${ifDefined(this._prevButtonPseudoDisabled)}\" accessible-name=\"${ifDefined(this.previousPageAccessibleName)}\" tooltip=\"${ifDefined(this.previousBtnTooltip)}\" size=\"Large\" icon=\"navigation-left-arrow\" design=\"Tertiary\" @click=\"${this.setPrevPage}\" @focusout=\"${this.handlePrevFocusOut}\"></${scopeTag(\"udex-button\", tags, suffix)}></li>${ this.typeFull ? block2.call(this, context, tags, suffix) : undefined }${ this.typeShort ? block4.call(this, context, tags, suffix) : undefined }<li class=\"udex-pagination__item--next udex-pagination__item\"><${scopeTag(\"udex-button\", tags, suffix)} aria-disabled=\"${ifDefined(this.effectiveNextButtonDisabled)}\" ?_aria-disabled=\"${ifDefined(this._nextButtonPseudoDisabled)}\" tooltip=\"${ifDefined(this.nextBtnTooltip)}\" accessible-name=\"${ifDefined(this.nextPageAccessibleName)}\" size=\"Large\" icon=\"navigation-right-arrow\" design=\"Tertiary\" @click=\"${this.setNextPage}\" @focusout=\"${this.handleNextFocusOut}\"></${scopeTag(\"udex-button\", tags, suffix)}></li></ul></nav>` : html`<nav class=\"${ifDefined(this.paginationClass)}\" role=\"navigation\" aria-label=\"${ifDefined(this.paginationAccessibleName)}\"><ul class=\"udex-pagination__list\"><li class=\"udex-pagination__item--prev udex-pagination__item\"><udex-button aria-disabled=\"${ifDefined(this.effectivePrevButtonDisabled)}\" ?_aria-disabled=\"${ifDefined(this._prevButtonPseudoDisabled)}\" accessible-name=\"${ifDefined(this.previousPageAccessibleName)}\" tooltip=\"${ifDefined(this.previousBtnTooltip)}\" size=\"Large\" icon=\"navigation-left-arrow\" design=\"Tertiary\" @click=\"${this.setPrevPage}\" @focusout=\"${this.handlePrevFocusOut}\"></udex-button></li>${ this.typeFull ? block2.call(this, context, tags, suffix) : undefined }${ this.typeShort ? block4.call(this, context, tags, suffix) : undefined }<li class=\"udex-pagination__item--next udex-pagination__item\"><udex-button aria-disabled=\"${ifDefined(this.effectiveNextButtonDisabled)}\" ?_aria-disabled=\"${ifDefined(this._nextButtonPseudoDisabled)}\" tooltip=\"${ifDefined(this.nextBtnTooltip)}\" accessible-name=\"${ifDefined(this.nextPageAccessibleName)}\" size=\"Large\" icon=\"navigation-right-arrow\" design=\"Tertiary\" @click=\"${this.setNextPage}\" @focusout=\"${this.handleNextFocusOut}\"></udex-button></li></ul></nav>`;}\nfunction block2 (this: Pagination, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.pagination, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }`;}\nfunction block3 (this: Pagination, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li class=\"udex-pagination__item\"><a class=\"udex-pagination__page\" href=\"#\" aria-label=\"${ifDefined(item.accessibleName)}\" @click=\"${this.onPageClick}\" ?active=\"${item.active}\" aria-current=\"${ifDefined(item.ariaCurrent)}\" index=\"${ifDefined(item.index)}\"><span class=\"udex-pagination__page--value\">${ifDefined(item.value)}</span></a></li>`;}\nfunction block4 (this: Pagination, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<li class=\"udex-pagination__item udex-pagination__item--short\" tabindex=\"-1\" aria-label=\"${ifDefined(this.paginationShortAccessibleName)}\"><span class=\"udex-pagination__item--short-value\">${ifDefined(this.shortTextStart)}</span><span class=\"udex-pagination__item--short-separator\">${ifDefined(this.shortTextSeparator)}</span><span class=\"udex-pagination__item--short-value\">${ifDefined(this.shortTextEnd)}</span></li>`;}\n\nfunction template(this: Pagination) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/* eslint no-unused-vars: 0 */
|
|
2
|
-
import { html, repeat,
|
|
2
|
+
import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
3
3
|
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
|
|
4
4
|
function block0(context, tags, suffix) { return suffix ? html `<div class="udex-phone-number-field" @ui5-selection-change="${ifDefined(this.handleSelect)}">${this.label ? block1.call(this, context, tags, suffix) : undefined}<${scopeTag("udex-dropdown", tags, suffix)} class="udex-phone-number-field__dropdown" opener="udex-${ifDefined(this._id)}-phone-number__opener" id="${ifDefined(this._id)}_dropdown-menu" @ui5-before-open="${ifDefined(this.dropdownBeforeOpen)}" @ui5-before-close="${ifDefined(this.dropdownBeforeClose)}" horizontal-align="Start" height="${ifDefined(this.height)}"><${scopeTag("udex-list", tags, suffix)}>${repeat(this.countriesList, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</${scopeTag("udex-list", tags, suffix)}></${scopeTag("udex-dropdown", tags, suffix)}><div class="udex-phone-number-field__input-wrapper">${!this.displayonly ? block5.call(this, context, tags, suffix) : undefined}<input class="udex-phone-number-field__input" id="${ifDefined(this._id)}-phone" type="tel" .value="${ifDefined(this.value)}" placeholder="${ifDefined(this.phoneFormat)}" maxlength="${ifDefined(this.maxlength)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" autocomplete="tel" aria-label="${ifDefined(this.accessibleName)}" aria-labelledby="${ifDefined(this.accessibleName)}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" aria-disabled="${ifDefined(this.disabled)}" aria-invalid="${ifDefined(this.ariaInvalid)}" aria-describedby="${ifDefined(this.ariaDescribedById)}" @input="${this.handleInput}" @click="${this.handleClick}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @keydown="${this.handleKeyDown}" @keyup="${this.handleKeyUp}" tabindex="${ifDefined(this.inputTabIndex)}"></div></div>${this.supportingText ? block6.call(this, context, tags, suffix) : undefined}${this.supportingText ? block7.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block8.call(this, context, tags, suffix) : undefined}${this.readonly ? block9.call(this, context, tags, suffix) : undefined}<span id="${ifDefined(this._id)}-countrySelectorAriaLabel" class="hidden-text">${ifDefined(this.countrySelectorAriaLabel)}</span>` : html `<div class="udex-phone-number-field" @ui5-selection-change="${ifDefined(this.handleSelect)}">${this.label ? block1.call(this, context, tags, suffix) : undefined}<udex-dropdown class="udex-phone-number-field__dropdown" opener="udex-${ifDefined(this._id)}-phone-number__opener" id="${ifDefined(this._id)}_dropdown-menu" @ui5-before-open="${ifDefined(this.dropdownBeforeOpen)}" @ui5-before-close="${ifDefined(this.dropdownBeforeClose)}" horizontal-align="Start" height="${ifDefined(this.height)}"><udex-list>${repeat(this.countriesList, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</udex-list></udex-dropdown><div class="udex-phone-number-field__input-wrapper">${!this.displayonly ? block5.call(this, context, tags, suffix) : undefined}<input class="udex-phone-number-field__input" id="${ifDefined(this._id)}-phone" type="tel" .value="${ifDefined(this.value)}" placeholder="${ifDefined(this.phoneFormat)}" maxlength="${ifDefined(this.maxlength)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" autocomplete="tel" aria-label="${ifDefined(this.accessibleName)}" aria-labelledby="${ifDefined(this.accessibleName)}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" aria-disabled="${ifDefined(this.disabled)}" aria-invalid="${ifDefined(this.ariaInvalid)}" aria-describedby="${ifDefined(this.ariaDescribedById)}" @input="${this.handleInput}" @click="${this.handleClick}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @keydown="${this.handleKeyDown}" @keyup="${this.handleKeyUp}" tabindex="${ifDefined(this.inputTabIndex)}"></div></div>${this.supportingText ? block6.call(this, context, tags, suffix) : undefined}${this.supportingText ? block7.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block8.call(this, context, tags, suffix) : undefined}${this.readonly ? block9.call(this, context, tags, suffix) : undefined}<span id="${ifDefined(this._id)}-countrySelectorAriaLabel" class="hidden-text">${ifDefined(this.countrySelectorAriaLabel)}</span>`; }
|
|
5
5
|
function block1(context, tags, suffix) { return html `<label id="udex-phone-number-field__label" class="udex-phone-number-field__label" for="${ifDefined(this._id)}-phone">${ifDefined(this.label)}${this.required ? block2.call(this, context, tags, suffix) : undefined}</label>`; }
|
|
6
6
|
function block2(context, tags, suffix) { return html ` * `; }
|
|
7
7
|
function block3(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-list-item", tags, suffix)} id="${ifDefined(item.iso)}" ?selected="${item.selected}"><div class="udex-phone-number-field__dropdown-list-item"><div class="udex-phone-number-field__flag" style="background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}"></div><span class="udex-phone-number-field__country-name">${ifDefined(item.countryName)}${item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined}${ifDefined(item.phonePrefix)}</span></div></${scopeTag("udex-list-item", tags, suffix)}>` : html `<udex-list-item id="${ifDefined(item.iso)}" ?selected="${item.selected}"><div class="udex-phone-number-field__dropdown-list-item"><div class="udex-phone-number-field__flag" style="background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}"></div><span class="udex-phone-number-field__country-name">${ifDefined(item.countryName)}${item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined}${ifDefined(item.phonePrefix)}</span></div></udex-list-item>`; }
|
|
8
8
|
function block4(context, tags, suffix, item, index) { return html ` (${ifDefined(item.localName)}) `; }
|
|
9
|
-
function block5(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} id="udex-${ifDefined(this._id)}-phone-number__opener" class="udex-phone-number-field__open-button" size="Large" end-icon="${ifDefined(this.buttonIcon)}" design="Tertiary" ?disabled="${this.isButtonDisabled}" aria-haspopup="true" accessible-name-ref="${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}" aria-label="${ifDefined(this.countrySelectorAriaLabel)}" aria-expanded="${ifDefined(this._dropdownExpanded)}" aria-controls="${ifDefined(this._id)}_dropdown-menu" role="combobox" @click="${this.openDropdown}"><div class="udex-phone-number-field__open-button-text">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class="udex-phone-number-field__button-content"><img class="udex-phone-number-field__flag" aria-label="${ifDefined(this.selectedCountryName)}" style="${
|
|
9
|
+
function block5(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} id="udex-${ifDefined(this._id)}-phone-number__opener" class="udex-phone-number-field__open-button" size="Large" end-icon="${ifDefined(this.buttonIcon)}" design="Tertiary" ?disabled="${this.isButtonDisabled}" aria-haspopup="true" accessible-name-ref="${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}" aria-label="${ifDefined(this.countrySelectorAriaLabel)}" aria-expanded="${ifDefined(this._dropdownExpanded)}" aria-controls="${ifDefined(this._id)}_dropdown-menu" role="combobox" @click="${this.openDropdown}"><div class="udex-phone-number-field__open-button-text">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class="udex-phone-number-field__button-content"><img class="udex-phone-number-field__flag" aria-label="${ifDefined(this.selectedCountryName)}" style="background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}"></div></${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button id="udex-${ifDefined(this._id)}-phone-number__opener" class="udex-phone-number-field__open-button" size="Large" end-icon="${ifDefined(this.buttonIcon)}" design="Tertiary" ?disabled="${this.isButtonDisabled}" aria-haspopup="true" accessible-name-ref="${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}" aria-label="${ifDefined(this.countrySelectorAriaLabel)}" aria-expanded="${ifDefined(this._dropdownExpanded)}" aria-controls="${ifDefined(this._id)}_dropdown-menu" role="combobox" @click="${this.openDropdown}"><div class="udex-phone-number-field__open-button-text">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class="udex-phone-number-field__button-content"><img class="udex-phone-number-field__flag" aria-label="${ifDefined(this.selectedCountryName)}" style="background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}"></div></udex-button>`; }
|
|
10
10
|
function block6(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-status-message", tags, suffix)} ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></${scopeTag("udex-status-message", tags, suffix)}>` : html `<udex-status-message ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></udex-status-message>`; }
|
|
11
11
|
function block7(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-supportingTextDesc" class="hidden-text">${ifDefined(this.supportingText)}</span>`; }
|
|
12
12
|
function block8(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>`; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberFieldTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/PhoneNumberFieldTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type PhoneNumberField from \"../../PhoneNumberField.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-phone-number-field\" @ui5-selection-change=\"${ifDefined(this.handleSelect)}\">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag(\"udex-dropdown\", tags, suffix)} class=\"udex-phone-number-field__dropdown\" opener=\"udex-${ifDefined(this._id)}-phone-number__opener\" id=\"${ifDefined(this._id)}_dropdown-menu\" @ui5-before-open=\"${ifDefined(this.dropdownBeforeOpen)}\" @ui5-before-close=\"${ifDefined(this.dropdownBeforeClose)}\" horizontal-align=\"Start\" height=\"${ifDefined(this.height)}\"><${scopeTag(\"udex-list\", tags, suffix)}>${ repeat(this.countriesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"udex-list\", tags, suffix)}></${scopeTag(\"udex-dropdown\", tags, suffix)}><div class=\"udex-phone-number-field__input-wrapper\">${ !this.displayonly ? block5.call(this, context, tags, suffix) : undefined }<input class=\"udex-phone-number-field__input\" id=\"${ifDefined(this._id)}-phone\" type=\"tel\" .value=\"${ifDefined(this.value)}\" placeholder=\"${ifDefined(this.phoneFormat)}\" maxlength=\"${ifDefined(this.maxlength)}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.isInputReadonly}\" ?required=\"${this.required}\" autocomplete=\"tel\" aria-label=\"${ifDefined(this.accessibleName)}\" aria-labelledby=\"${ifDefined(this.accessibleName)}\" aria-required=\"${ifDefined(this.required)}\" aria-readonly=\"${ifDefined(this.isInputReadonly)}\" aria-disabled=\"${ifDefined(this.disabled)}\" aria-invalid=\"${ifDefined(this.ariaInvalid)}\" aria-describedby=\"${ifDefined(this.ariaDescribedById)}\" @input=\"${this.handleInput}\" @click=\"${this.handleClick}\" @focus=\"${this.handleFocus}\" @blur=\"${this.handleBlur}\" @keydown=\"${this.handleKeyDown}\" @keyup=\"${this.handleKeyUp}\" tabindex=\"${ifDefined(this.inputTabIndex)}\"></div></div>${ this.supportingText ? block6.call(this, context, tags, suffix) : undefined }${ this.supportingText ? block7.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block8.call(this, context, tags, suffix) : undefined }${ this.readonly ? block9.call(this, context, tags, suffix) : undefined }<span id=\"${ifDefined(this._id)}-countrySelectorAriaLabel\" class=\"hidden-text\">${ifDefined(this.countrySelectorAriaLabel)}</span>` : html`<div class=\"udex-phone-number-field\" @ui5-selection-change=\"${ifDefined(this.handleSelect)}\">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<udex-dropdown class=\"udex-phone-number-field__dropdown\" opener=\"udex-${ifDefined(this._id)}-phone-number__opener\" id=\"${ifDefined(this._id)}_dropdown-menu\" @ui5-before-open=\"${ifDefined(this.dropdownBeforeOpen)}\" @ui5-before-close=\"${ifDefined(this.dropdownBeforeClose)}\" horizontal-align=\"Start\" height=\"${ifDefined(this.height)}\"><udex-list>${ repeat(this.countriesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</udex-list></udex-dropdown><div class=\"udex-phone-number-field__input-wrapper\">${ !this.displayonly ? block5.call(this, context, tags, suffix) : undefined }<input class=\"udex-phone-number-field__input\" id=\"${ifDefined(this._id)}-phone\" type=\"tel\" .value=\"${ifDefined(this.value)}\" placeholder=\"${ifDefined(this.phoneFormat)}\" maxlength=\"${ifDefined(this.maxlength)}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.isInputReadonly}\" ?required=\"${this.required}\" autocomplete=\"tel\" aria-label=\"${ifDefined(this.accessibleName)}\" aria-labelledby=\"${ifDefined(this.accessibleName)}\" aria-required=\"${ifDefined(this.required)}\" aria-readonly=\"${ifDefined(this.isInputReadonly)}\" aria-disabled=\"${ifDefined(this.disabled)}\" aria-invalid=\"${ifDefined(this.ariaInvalid)}\" aria-describedby=\"${ifDefined(this.ariaDescribedById)}\" @input=\"${this.handleInput}\" @click=\"${this.handleClick}\" @focus=\"${this.handleFocus}\" @blur=\"${this.handleBlur}\" @keydown=\"${this.handleKeyDown}\" @keyup=\"${this.handleKeyUp}\" tabindex=\"${ifDefined(this.inputTabIndex)}\"></div></div>${ this.supportingText ? block6.call(this, context, tags, suffix) : undefined }${ this.supportingText ? block7.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block8.call(this, context, tags, suffix) : undefined }${ this.readonly ? block9.call(this, context, tags, suffix) : undefined }<span id=\"${ifDefined(this._id)}-countrySelectorAriaLabel\" class=\"hidden-text\">${ifDefined(this.countrySelectorAriaLabel)}</span>`;}\nfunction block1 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label id=\"udex-phone-number-field__label\" class=\"udex-phone-number-field__label\" for=\"${ifDefined(this._id)}-phone\">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</label>`;}\nfunction block2 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}\nfunction block3 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-list-item\", tags, suffix)} id=\"${ifDefined(item.iso)}\" ?selected=\"${item.selected}\"><div class=\"udex-phone-number-field__dropdown-list-item\"><div class=\"udex-phone-number-field__flag\" style=\"background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}\"></div><span class=\"udex-phone-number-field__country-name\">${ifDefined(item.countryName)}${ item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined }${ifDefined(item.phonePrefix)}</span></div></${scopeTag(\"udex-list-item\", tags, suffix)}>` : html`<udex-list-item id=\"${ifDefined(item.iso)}\" ?selected=\"${item.selected}\"><div class=\"udex-phone-number-field__dropdown-list-item\"><div class=\"udex-phone-number-field__flag\" style=\"background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}\"></div><span class=\"udex-phone-number-field__country-name\">${ifDefined(item.countryName)}${ item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined }${ifDefined(item.phonePrefix)}</span></div></udex-list-item>`;}\nfunction block4 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html` (${ifDefined(item.localName)}) `;}\nfunction block5 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} id=\"udex-${ifDefined(this._id)}-phone-number__opener\" class=\"udex-phone-number-field__open-button\" size=\"Large\" end-icon=\"${ifDefined(this.buttonIcon)}\" design=\"Tertiary\" ?disabled=\"${this.isButtonDisabled}\" aria-haspopup=\"true\" accessible-name-ref=\"${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}\" aria-label=\"${ifDefined(this.countrySelectorAriaLabel)}\" aria-expanded=\"${ifDefined(this._dropdownExpanded)}\" aria-controls=\"${ifDefined(this._id)}_dropdown-menu\" role=\"combobox\" @click=\"${this.openDropdown}\"><div class=\"udex-phone-number-field__open-button-text\">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class=\"udex-phone-number-field__button-content\"><img class=\"udex-phone-number-field__flag\" aria-label=\"${ifDefined(this.selectedCountryName)}\" style=\"${styleMap(this.selectedFlagBackgroundPosition)}\"></div></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button id=\"udex-${ifDefined(this._id)}-phone-number__opener\" class=\"udex-phone-number-field__open-button\" size=\"Large\" end-icon=\"${ifDefined(this.buttonIcon)}\" design=\"Tertiary\" ?disabled=\"${this.isButtonDisabled}\" aria-haspopup=\"true\" accessible-name-ref=\"${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}\" aria-label=\"${ifDefined(this.countrySelectorAriaLabel)}\" aria-expanded=\"${ifDefined(this._dropdownExpanded)}\" aria-controls=\"${ifDefined(this._id)}_dropdown-menu\" role=\"combobox\" @click=\"${this.openDropdown}\"><div class=\"udex-phone-number-field__open-button-text\">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class=\"udex-phone-number-field__button-content\"><img class=\"udex-phone-number-field__flag\" aria-label=\"${ifDefined(this.selectedCountryName)}\" style=\"${styleMap(this.selectedFlagBackgroundPosition)}\"></div></udex-button>`;}\nfunction block6 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-status-message\", tags, suffix)} ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></${scopeTag(\"udex-status-message\", tags, suffix)}>` : html`<udex-status-message ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></udex-status-message>`;}\nfunction block7 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-supportingTextDesc\" class=\"hidden-text\">${ifDefined(this.supportingText)}</span>`;}\nfunction block8 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-valueStateDesc\" class=\"hidden-text\">${ifDefined(this.valueStateText)}</span>`;}\nfunction block9 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-stateReadOnlyDesc\" class=\"hidden-text\">${ifDefined(this.readOnlyStateText)}</span>`;}\n\nfunction template(this: PhoneNumberField) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
1
|
+
{"version":3,"file":"PhoneNumberFieldTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/PhoneNumberFieldTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type PhoneNumberField from \"../../PhoneNumberField.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-phone-number-field\" @ui5-selection-change=\"${ifDefined(this.handleSelect)}\">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag(\"udex-dropdown\", tags, suffix)} class=\"udex-phone-number-field__dropdown\" opener=\"udex-${ifDefined(this._id)}-phone-number__opener\" id=\"${ifDefined(this._id)}_dropdown-menu\" @ui5-before-open=\"${ifDefined(this.dropdownBeforeOpen)}\" @ui5-before-close=\"${ifDefined(this.dropdownBeforeClose)}\" horizontal-align=\"Start\" height=\"${ifDefined(this.height)}\"><${scopeTag(\"udex-list\", tags, suffix)}>${ repeat(this.countriesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"udex-list\", tags, suffix)}></${scopeTag(\"udex-dropdown\", tags, suffix)}><div class=\"udex-phone-number-field__input-wrapper\">${ !this.displayonly ? block5.call(this, context, tags, suffix) : undefined }<input class=\"udex-phone-number-field__input\" id=\"${ifDefined(this._id)}-phone\" type=\"tel\" .value=\"${ifDefined(this.value)}\" placeholder=\"${ifDefined(this.phoneFormat)}\" maxlength=\"${ifDefined(this.maxlength)}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.isInputReadonly}\" ?required=\"${this.required}\" autocomplete=\"tel\" aria-label=\"${ifDefined(this.accessibleName)}\" aria-labelledby=\"${ifDefined(this.accessibleName)}\" aria-required=\"${ifDefined(this.required)}\" aria-readonly=\"${ifDefined(this.isInputReadonly)}\" aria-disabled=\"${ifDefined(this.disabled)}\" aria-invalid=\"${ifDefined(this.ariaInvalid)}\" aria-describedby=\"${ifDefined(this.ariaDescribedById)}\" @input=\"${this.handleInput}\" @click=\"${this.handleClick}\" @focus=\"${this.handleFocus}\" @blur=\"${this.handleBlur}\" @keydown=\"${this.handleKeyDown}\" @keyup=\"${this.handleKeyUp}\" tabindex=\"${ifDefined(this.inputTabIndex)}\"></div></div>${ this.supportingText ? block6.call(this, context, tags, suffix) : undefined }${ this.supportingText ? block7.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block8.call(this, context, tags, suffix) : undefined }${ this.readonly ? block9.call(this, context, tags, suffix) : undefined }<span id=\"${ifDefined(this._id)}-countrySelectorAriaLabel\" class=\"hidden-text\">${ifDefined(this.countrySelectorAriaLabel)}</span>` : html`<div class=\"udex-phone-number-field\" @ui5-selection-change=\"${ifDefined(this.handleSelect)}\">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<udex-dropdown class=\"udex-phone-number-field__dropdown\" opener=\"udex-${ifDefined(this._id)}-phone-number__opener\" id=\"${ifDefined(this._id)}_dropdown-menu\" @ui5-before-open=\"${ifDefined(this.dropdownBeforeOpen)}\" @ui5-before-close=\"${ifDefined(this.dropdownBeforeClose)}\" horizontal-align=\"Start\" height=\"${ifDefined(this.height)}\"><udex-list>${ repeat(this.countriesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</udex-list></udex-dropdown><div class=\"udex-phone-number-field__input-wrapper\">${ !this.displayonly ? block5.call(this, context, tags, suffix) : undefined }<input class=\"udex-phone-number-field__input\" id=\"${ifDefined(this._id)}-phone\" type=\"tel\" .value=\"${ifDefined(this.value)}\" placeholder=\"${ifDefined(this.phoneFormat)}\" maxlength=\"${ifDefined(this.maxlength)}\" ?disabled=\"${this.disabled}\" ?readonly=\"${this.isInputReadonly}\" ?required=\"${this.required}\" autocomplete=\"tel\" aria-label=\"${ifDefined(this.accessibleName)}\" aria-labelledby=\"${ifDefined(this.accessibleName)}\" aria-required=\"${ifDefined(this.required)}\" aria-readonly=\"${ifDefined(this.isInputReadonly)}\" aria-disabled=\"${ifDefined(this.disabled)}\" aria-invalid=\"${ifDefined(this.ariaInvalid)}\" aria-describedby=\"${ifDefined(this.ariaDescribedById)}\" @input=\"${this.handleInput}\" @click=\"${this.handleClick}\" @focus=\"${this.handleFocus}\" @blur=\"${this.handleBlur}\" @keydown=\"${this.handleKeyDown}\" @keyup=\"${this.handleKeyUp}\" tabindex=\"${ifDefined(this.inputTabIndex)}\"></div></div>${ this.supportingText ? block6.call(this, context, tags, suffix) : undefined }${ this.supportingText ? block7.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block8.call(this, context, tags, suffix) : undefined }${ this.readonly ? block9.call(this, context, tags, suffix) : undefined }<span id=\"${ifDefined(this._id)}-countrySelectorAriaLabel\" class=\"hidden-text\">${ifDefined(this.countrySelectorAriaLabel)}</span>`;}\nfunction block1 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label id=\"udex-phone-number-field__label\" class=\"udex-phone-number-field__label\" for=\"${ifDefined(this._id)}-phone\">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</label>`;}\nfunction block2 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}\nfunction block3 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-list-item\", tags, suffix)} id=\"${ifDefined(item.iso)}\" ?selected=\"${item.selected}\"><div class=\"udex-phone-number-field__dropdown-list-item\"><div class=\"udex-phone-number-field__flag\" style=\"background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}\"></div><span class=\"udex-phone-number-field__country-name\">${ifDefined(item.countryName)}${ item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined }${ifDefined(item.phonePrefix)}</span></div></${scopeTag(\"udex-list-item\", tags, suffix)}>` : html`<udex-list-item id=\"${ifDefined(item.iso)}\" ?selected=\"${item.selected}\"><div class=\"udex-phone-number-field__dropdown-list-item\"><div class=\"udex-phone-number-field__flag\" style=\"background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}\"></div><span class=\"udex-phone-number-field__country-name\">${ifDefined(item.countryName)}${ item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined }${ifDefined(item.phonePrefix)}</span></div></udex-list-item>`;}\nfunction block4 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html` (${ifDefined(item.localName)}) `;}\nfunction block5 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} id=\"udex-${ifDefined(this._id)}-phone-number__opener\" class=\"udex-phone-number-field__open-button\" size=\"Large\" end-icon=\"${ifDefined(this.buttonIcon)}\" design=\"Tertiary\" ?disabled=\"${this.isButtonDisabled}\" aria-haspopup=\"true\" accessible-name-ref=\"${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}\" aria-label=\"${ifDefined(this.countrySelectorAriaLabel)}\" aria-expanded=\"${ifDefined(this._dropdownExpanded)}\" aria-controls=\"${ifDefined(this._id)}_dropdown-menu\" role=\"combobox\" @click=\"${this.openDropdown}\"><div class=\"udex-phone-number-field__open-button-text\">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class=\"udex-phone-number-field__button-content\"><img class=\"udex-phone-number-field__flag\" aria-label=\"${ifDefined(this.selectedCountryName)}\" style=\"background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}\"></div></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button id=\"udex-${ifDefined(this._id)}-phone-number__opener\" class=\"udex-phone-number-field__open-button\" size=\"Large\" end-icon=\"${ifDefined(this.buttonIcon)}\" design=\"Tertiary\" ?disabled=\"${this.isButtonDisabled}\" aria-haspopup=\"true\" accessible-name-ref=\"${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}\" aria-label=\"${ifDefined(this.countrySelectorAriaLabel)}\" aria-expanded=\"${ifDefined(this._dropdownExpanded)}\" aria-controls=\"${ifDefined(this._id)}_dropdown-menu\" role=\"combobox\" @click=\"${this.openDropdown}\"><div class=\"udex-phone-number-field__open-button-text\">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class=\"udex-phone-number-field__button-content\"><img class=\"udex-phone-number-field__flag\" aria-label=\"${ifDefined(this.selectedCountryName)}\" style=\"background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}\"></div></udex-button>`;}\nfunction block6 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-status-message\", tags, suffix)} ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></${scopeTag(\"udex-status-message\", tags, suffix)}>` : html`<udex-status-message ?disabled=\"${this.disabled}\" supporting-text=\"${ifDefined(this.supportingText)}\" value-state=\"${ifDefined(this.valueState)}\"></udex-status-message>`;}\nfunction block7 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-supportingTextDesc\" class=\"hidden-text\">${ifDefined(this.supportingText)}</span>`;}\nfunction block8 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-valueStateDesc\" class=\"hidden-text\">${ifDefined(this.valueStateText)}</span>`;}\nfunction block9 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-stateReadOnlyDesc\" class=\"hidden-text\">${ifDefined(this.readOnlyStateText)}</span>`;}\n\nfunction template(this: PhoneNumberField) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-button-color-transparent: hsla(0, 0%, 0%, 0);--udex-button-padding-small: 5px 10px;--udex-button-padding-medium: 9px 10px;--udex-button-padding-large: 8px 14px;--udex-button-icon-only-padding-small: 6px;--udex-button-icon-only-padding-medium: 10px;--udex-button-icon-only-padding-large: 12px;--udex-button-small-size: 25px;--udex-button-medium-size: 36px;--udex-button-large-size: 42px;--udex-button-icon-s-size: 14px;--udex-button-icon-m-size: 16px;--udex-button-icon-l-size: 18px;--udex-button-icon-text-spacing-small-size: 4px;--udex-button-icon-text-spacing-medium-size: 8px;--udex-button-icon-text-spacing-large-size: 8px;--udex-button-focus-border-radius: .375rem;--udexTypographyFontWeightMedium: 500;--udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));--udex-button-color-primary-standard-default-border-color: var(--sapButton_Emphasized_BorderColor, var(--udexColorBlue8));--udex-button-color-primary-standard-default-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-hover-background: var(--sapButton_Emphasized_Hover_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-border-color: var(--sapButton_Emphasized_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-text-and-icon: var(--sapButton_Emphasized_Hover_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-active-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-standard-active-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-active-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));--udex-button-color-primary-standard-disabled-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-primary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-disabled-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-default-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-default-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-default-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-hover-background: var(--sapButton_Hover_Background, var(--udexColorGrey2));--udex-button-color-secondary-standard-hover-border: var(--sapButton_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-hover-text-and-icon: var(--sapButton_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-background: var(--sapButton_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-active-border: var(--sapButton_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-text-and-icon: var(--sapButton_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-disabled-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-disabled-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-disabled-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-secondary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-disabled-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-default-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-hover-background: var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));--udex-button-color-tertiary-standard-hover-border: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-tertiary-standard-hover-text-and-icon: var(--sapButton_Lite_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-disabled-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--sapButton_Lite_Disabled_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-tertiary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-background: var(--sapButton_Lite_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-disabled-border: var(--sapButton_Lite_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-invisible-padding-small: 2px 0px;--udex-button-invisible-padding-medium: 4px 0px;--udex-button-invisible-padding-large: 8px 0px;--udex-button-invisible-focus-inset: -2px;--udex-button-color-invisible-standard-default-background: transparent;--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue8);--udex-button-color-invisible-standard-hover-background: transparent;--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorBlue10);--udex-button-color-invisible-standard-active-background: transparent;--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue11);--udex-button-color-invisible-standard-disabled-background: transparent;--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue8);--udex-button-color-positive-standard-default-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-default-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-default-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-standard-hover-background: var(--sapButton_Accept_Hover_Background, var(--udexCoreSemanticSuccess3));--udex-button-color-positive-standard-hover-border: var(--sapButton_Accept_Hover_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-hover-text-and-icon: var(--sapButton_Accept_Hover_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-background: var(--sapButton_Accept_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-standard-active-border: var(--sapButton_Accept_Active_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-text-and-icon: var(--sapButton_Accept_Active_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-disabled-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-disabled-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-disabled-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-default-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-default-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-default-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-hover-background: var(--sapButton_Accept_Selected_Hover_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-toggled-hover-border: var(--sapButton_Accept_Selected_Hover_BorderColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-hover-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-disabled-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-disabled-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-disabled-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-negative-standard-default-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-default-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-default-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-standard-hover-background: var(--sapButton_Reject_Hover_Background, var(--udexCoreSemanticError3));--udex-button-color-negative-standard-hover-border: var(--sapButton_Reject_Hover_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-hover-text-and-icon: var(--sapButton_Reject_Hover_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-background: var(--sapButton_Reject_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-standard-active-border: var(--sapButton_Reject_Active_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-text-and-icon: var(--sapButton_Reject_Active_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-disabled-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-disabled-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-disabled-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-default-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-default-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-default-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-hover-background: var(--sapButton_Reject_Selected_Hover_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-toggled-hover-border: var(--sapButton_Reject_Selected_Hover_BorderColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexCoreSemanticError8, #AA0808);--udex-button-color-negative-toggled-disabled-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-disabled-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-disabled-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-warning-standard-default-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-default-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-default-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-standard-hover-background: var(--sapButton_Attention_Hover_Background, var(--udexCoreSemanticWarning3));--udex-button-color-warning-standard-hover-border: var(--sapButton_Attention_Hover_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-hover-text-and-icon: var(--sapButton_Attention_Hover_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-background: var(--sapButton_Attention_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-standard-active-border: var(--sapButton_Attention_Active_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-text-and-icon: var(--sapButton_Attention_Active_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-disabled-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-disabled-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-disabled-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-default-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-default-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-default-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-hover-background: var(--sapButton_Attention_Selected_Hover_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-toggled-hover-border: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-hover-text-and-icon: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-disabled-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-disabled-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-disabled-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10))}:host([desktop][active]) .ui5-button-root:focus-within:before{border-radius:var(--udex-button-focus-border-radius)}:host{display:inline-block;font-weight:var(--udexTypographyFontWeightMedium)}:host([size=\"Small\"]){font-size:var(--udexTypographyNavigationMediumMFontSize, 14px);height:var(--udex-button-small-size)}:host([size=\"Small\"])::part(button){padding:var(--udex-button-padding-small)}:host([design=\"Primary\"][desktop]:not([active])) .ui5-button-root:focus-within:after,:host([design=\"Primary\"]:not([active])) .ui5-button-root:focus-visible:after{border-color:var(--udexColorNeutralWhite, #fff)}:host([design=\"Primary\"][desktop][toggled]:not([active])) .ui5-button-root:focus-within:after,:host([design=\"Primary\"][toggled]:not([active])) .ui5-button-root:focus-visible:after{border-color:var(--udexColorBlue10, #002A86)}:host([design=\"Invisible\"]:not([active])) .ui5-button-root:focus-visible:after,:host([design=\"Invisible\"]:not([toggled])[desktop]) .ui5-button-root:focus-within:before,:host([design=\"Invisible\"]:not([toggled])[desktop]) .ui5-button-root:focus-within:after{inset:var(--udex-button-invisible-focus-inset)}:host,:host([size=\"Medium\"]){font-size:var(--udexTypographyNavigationMediumXLFontSize, 1rem);height:var(--udex-button-medium-size)}:host::part(button),:host([size=\"Medium\"])::part(button){padding:var(--udex-button-padding-medium)}:host([size=\"Large\"]){font-size:var(--udexTypographyNavigationMediumXLFontSize, 1rem);height:var(--udex-button-large-size)}:host([size=\"Large\"])::part(button){padding:var(--udex-button-padding-large)}:host([size=\"Small\"][icon-only]){min-width:var(--udex-button-small-size);max-width:var(--udex-button-small-size);height:var(--udex-button-small-size);min-height:var(--udex-button-small-size)}:host([icon-only]),:host([size=\"Medium\"][icon-only]){min-width:var(--udex-button-medium-size);max-width:var(--udex-button-medium-size);height:var(--udex-button-medium-size);min-height:var(--udex-button-medium-size)}:host([icon-end]) .ui5-button-icon{margin-inline-start:0}:host([size=\"Large\"][icon-only]){min-width:var(--udex-button-large-size);max-width:var(--udex-button-large-size);height:var(--udex-button-large-size);min-height:var(--udex-button-large-size)}:host([size=\"Small\"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-small)}:host([icon-only])::part(button),:host([size=\"Medium\"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-medium)}:host([size=\"Large\"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-large)}:host([icon-only][end-icon])::part(icon){margin:0}:host([end-icon])::part(icon){margin-inline-start:0}:host([size=\"Small\"])::part(icon),:host([size=\"Small\"])::part(endIcon){height:var(--udex-button-icon-s-size, 14px);width:var(--udex-button-icon-s-size, 14px)}:host([size=\"Medium\"])::part(icon),:host([size=\"Medium\"])::part(endIcon){height:var(--udex-button-icon-m-size, 16px);width:var(--udex-button-icon-m-size, 16px)}:host([size=\"Large\"])::part(icon),:host([size=\"Large\"])::part(endIcon){height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px)}:host([has-icon]:not([icon-only])[size=\"Small\"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size=\"Small\"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[end-icon]) .ui5-button-text,:host([has-icon]:not([icon-only])[size=\"Medium\"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only]):not([end-icon])) .ui5-button-text,:host([has-icon]:not([icon-only])[size=\"Medium\"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size=\"Large\"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-large-size)}:host([has-icon]:not([icon-only])[size=\"Large\"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-large-size)}:host,:host([design=\"Emphasized\"]),:host([design=\"Primary\"]){font-family:var(--sapFontFamily);color:var(--udex-button-color-primary-standard-default-text-and-icon);background-color:var(--udex-button-color-primary-standard-default-background);border:1px solid var(--udex-button-color-primary-standard-default-border-color)}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Emphasized\"]:not([disabled]):hover),:host([design=\"Emphasized\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Emphasized\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design=\"Primary\"]:not([disabled]):hover),:host([design=\"Primary\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Primary\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-primary-standard-hover-text-and-icon);background-color:var(--udex-button-color-primary-standard-hover-background);border:1px solid var(--udex-button-color-primary-standard-hover-border-color)}:host([active]:not([disabled])),:host([design=\"Emphasized\"][active]:not([disabled])),:host([design=\"Primary\"][active]:not([disabled])){color:var(--udex-button-color-primary-standard-active-text-and-icon);background-color:var(--udex-button-color-primary-standard-active-background);border:1px solid var(--udex-button-color-primary-standard-active-border)}:host:disabled,:host([design=\"Emphasized\"]):disabled,:host([design=\"Primary\"]):disabled{color:var(--udex-button-color-primary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-primary-standard-disabled-background);border:1px solid var(--udex-button-color-primary-standard-disabled-background);opacity:var(--sapContent_DisabledOpacity, .4)}:host([toggled]),:host([design=\"Emphasized\"][toggled]),:host([design=\"Primary\"][toggled]){color:var(--udex-button-color-primary-toggled-default-text-and-icon);background-color:var(--udex-button-color-primary-toggled-default-background);border:1px solid var(--udex-button-color-primary-toggled-default-border)}:host([toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design=\"Emphasized\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design=\"Primary\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-primary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-primary-toggled-hover-background);border:1px solid var(--udex-button-color-primary-toggled-hover-border)}:host([toggled]):disabled,:host([design=\"Emphasized\"][toggled]):disabled,:host([design=\"Primary\"][toggled]):disabled{color:var(--udex-button-color-primary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-primary-toggled-disabled-background);border:1px solid var(--udex-button-color-primary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=\"Default\"]),:host([design=\"Secondary\"]){color:var(--udex-button-color-secondary-standard-default-text-and-icon);background-color:var(--udex-button-color-secondary-standard-default-background);border:1px solid var(--udex-button-color-secondary-standard-default-border)}:host([design=\"Default\"]:not([disabled]):hover),:host([design=\"Default\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Default\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design=\"Secondary\"]:not([disabled]):hover),:host([design=\"Secondary\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Secondary\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-secondary-standard-hover-text-and-icon);background-color:var(--udex-button-color-secondary-standard-hover-background);border:1px solid var(--udex-button-color-secondary-standard-hover-border)}:host([design=\"Default\"][active]:not([disabled])),:host([design=\"Secondary\"][active]:not([disabled])){color:var(--udex-button-color-secondary-standard-active-text-and-icon);background-color:var(--udex-button-color-secondary-standard-active-background);border:1px solid var(--udex-button-color-secondary-standard-active-border)}:host([design=\"Default\"]):disabled,:host([design=\"Secondary\"]):disabled{color:var(--udex-button-color-secondary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-standard-disabled-background);border:1px solid var(--udex-button-color-secondary-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=\"Default\"][toggled]),:host([design=\"Secondary\"][toggled]){color:var(--udex-button-color-secondary-toggled-default-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-default-background);border:1px solid var(--udex-button-color-secondary-toggled-default-border)}:host([design=\"Default\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design=\"Secondary\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-secondary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-hover-background);border:1px solid var(--sapButton_Selected_Hover_BorderColor)}:host([design=\"Default\"][toggled]):disabled,:host([design=\"Secondary\"][toggled]):disabled{color:var(--udex-button-color-secondary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-disabled-background);border:1px solid var(--udex-button-color-secondary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=\"Transparent\"]),:host([design=\"Tertiary\"]){color:var(--udex-button-color-tertiary-standard-default-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-default-background);border:1px solid var(--udex-button-color-tertiary-standard-default-border)}:host([design=\"Transparent\"]:not([disabled]):hover),:host([design=\"Transparent\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Transparent\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design=\"Tertiary\"]:not([disabled]):hover),:host([design=\"Tertiary\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Tertiary\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-tertiary-standard-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-hover-background);border:1px solid var(--udex-button-color-tertiary-standard-hover-border)}:host([design=\"Transparent\"][active]:not([disabled])),:host([design=\"Tertiary\"][active]:not([disabled])){color:var(--udex-button-color-tertiary-standard-active-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-active-background);border:1px solid var(--udex-button-color-tertiary-standard-active-border)}:host([design=\"Transparent\"]):disabled,:host([design=\"Tertiary\"]):disabled{color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=\"Transparent\"][toggled]),:host([design=\"Tertiary\"][toggled]){color:var(--udex-button-color-tertiary-toggled-default-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-default-background);border:1px solid var(--udex-button-color-tertiary-toggled-default-border)}:host([design=\"Transparent\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design=\"Tertiary\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-tertiary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-hover-background);border:1px solid var(--udex-button-color-tertiary-toggled-hover-border)}:host([design=\"Transparent\"][toggled]):disabled,:host([design=\"Tertiary\"][toggled]):disabled{color:var(--udex-button-color-tertiary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-disabled-background);border:1px solid var(--udex-button-color-tertiary-toggled-disabled-border)}:host([design=\"Invisible\"]){color:var(--udex-button-color-invisible-standard-default-text-and-icon);background-color:var(--udex-button-color-invisible-standard-default-background);border:none;height:auto;overflow:visible}:host([design=\"Invisible\"][size=\"Small\"])::part(button){padding:var(--udex-button-invisible-padding-small)}:host([design=\"Invisible\"][size=\"Medium\"])::part(button){padding:var(--udex-button-invisible-padding-medium)}:host([design=\"Invisible\"][size=\"Large\"])::part(button){padding:var(--udex-button-invisible-padding-large)}:host([design=\"Invisible\"]:not([disabled]):hover),:host([design=\"Invisible\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design=\"Invisible\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){color:var(--udex-button-color-invisible-standard-hover-text-and-icon);background-color:var(--udex-button-color-invisible-standard-hover-background);border:none}:host([design=\"Invisible\"][active]:not([disabled])){color:var(--udex-button-color-invisible-standard-active-text-and-icon);background-color:var(--udex-button-color-invisible-standard-active-background);border:none}:host([design=\"Invisible\"]):disabled{color:var(--udex-button-color-invisible-standard-disabled-text-and-icon);background-color:var(--udex-button-color-invisible-standard-disabled-background);border:none;opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Positive]){color:var(--udex-button-color-positive-standard-default-text-and-icon);background-color:var(--udex-button-color-positive-standard-default-background);border:1px solid var(--udex-button-color-positive-standard-default-border)}:host([design=\"Positive\"]:not([disabled]):hover),:host([design=\"Positive\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Positive\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-positive-standard-hover-text-and-icon);background-color:var(--udex-button-color-positive-standard-hover-background);border:1px solid var(--udex-button-color-positive-standard-hover-border)}:host([design=Positive][active]:not([disabled])){color:var(--udex-button-color-positive-standard-active-text-and-icon);background-color:var(--udex-button-color-positive-standard-active-background);border:1px solid var(--udex-button-color-positive-standard-active-border)}:host([design=Positive]):disabled{color:var(--udex-button-color-positive-standard-disabled-text-and-icon);background-color:var(--udex-button-color-positive-standard-disabled-background);border:1px solid var(--udex-button-color-positive-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Positive][toggled]){color:var(--udex-button-color-positive-toggled-default-text-and-icon);background-color:var(--udex-button-color-positive-toggled-default-background);border:1px solid var(--udex-button-color-positive-toggled-default-border)}:host([design=Positive][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-positive-toggled-hover-text-and-icon);background-color:var(--udex-button-color-positive-toggled-hover-background);border:1px solid var(--udex-button-color-positive-toggled-hover-border)}:host([design=Positive][toggled]):disabled{color:var(--udex-button-color-positive-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-positive-toggled-disabled-background);border:1px solid var(--udex-button-color-positive-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Negative]){color:var(--udex-button-color-negative-standard-default-text-and-icon);background-color:var(--udex-button-color-negative-standard-default-background);border:1px solid var(--udex-button-color-negative-standard-default-border)}:host([design=\"Negative\"]:not([disabled]):hover),:host([design=\"Negative\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Negative\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-negative-standard-hover-text-and-icon);background-color:var(--udex-button-color-negative-standard-hover-background);border:1px solid var(--udex-button-color-negative-standard-hover-border)}:host([design=Negative][active]:not([disabled])){color:var(--udex-button-color-negative-standard-active-text-and-icon);background-color:var(--udex-button-color-negative-standard-active-background);border:1px solid var(--udex-button-color-negative-standard-active-border)}:host([design=Negative]):disabled{color:var(--udex-button-color-negative-standard-disabled-text-and-icon);background-color:var(--udex-button-color-negative-standard-disabled-background);border:1px solid var(--udex-button-color-negative-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Negative][toggled]){color:var(--udex-button-color-negative-toggled-default-text-and-icon);background-color:var(--udex-button-color-negative-toggled-default-background);border:1px solid var(--udex-button-color-negative-toggled-default-border)}:host([design=Negative][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-negative-toggled-hover-text-and-icon);background-color:var(--udex-button-color-negative-toggled-hover-background);border:1px solid var(--udex-button-color-negative-toggled-hover-border)}:host([design=Negative][toggled]):disabled{color:var(--udex-button-color-negative-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-negative-toggled-disabled-background);border:1px solid var(--udex-button-color-negative-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Attention]),:host([design=\"Warning\"]){color:var(--udex-button-color-warning-standard-default-text-and-icon);background-color:var(--udex-button-color-warning-standard-default-background);border:1px solid var(--udex-button-color-warning-standard-default-border)}:host([design=\"Attention\"]:not([disabled]):hover),:host([design=\"Attention\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Attention\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design=\"Warning\"]:not([disabled]):hover),:host([design=\"Warning\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Warning\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-warning-standard-hover-text-and-icon);background-color:var(--udex-button-color-warning-standard-hover-background);border:1px solid var(--udex-button-color-warning-standard-hover-border)}:host([design=\"Attention\"][active]:not([disabled])),:host([design=\"Warning\"][active]:not([disabled])){color:var(--udex-button-color-warning-standard-active-text-and-icon);background-color:var(--udex-button-color-warning-standard-active-background);border:1px solid var(--udex-button-color-warning-standard-active-border)}:host([design=\"Attention\"]):disabled,:host([design=\"Warning\"]):disabled{color:var(--udex-button-color-warning-standard-disabled-text-and-icon);background-color:var(--udex-button-color-warning-standard-disabled-background);border:1px solid var(--udex-button-color-warning-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=\"Attention\"][toggled]),:host([design=\"Warning\"][toggled]){color:var(--udex-button-color-warning-toggled-default-text-and-icon);background-color:var(--udex-button-color-warning-toggled-default-background);border:1px solid var(--udex-button-color-warning-toggled-default-border)}:host([design=\"Attention\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design=\"Warning\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-warning-toggled-hover-text-and-icon);background-color:var(--udex-button-color-warning-toggled-hover-background);border:1px solid var(--udex-button-color-warning-toggled-hover-border)}:host([design=\"Attention\"][toggled]):disabled,:host([design=\"Warning\"][toggled]):disabled{color:var(--udex-button-color-warning-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-warning-toggled-disabled-background);border:1px solid var(--udex-button-color-warning-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}\n";
|
|
1
|
+
declare const _default: ":host{--udex-button-color-transparent: hsla(0, 0%, 0%, 0);--udex-button-padding-small: 5px 10px;--udex-button-padding-medium: 9px 10px;--udex-button-padding-large: 8px 14px;--udex-button-icon-only-padding-small: 6px;--udex-button-icon-only-padding-medium: 10px;--udex-button-icon-only-padding-large: 12px;--udex-button-small-size: 25px;--udex-button-medium-size: 36px;--udex-button-large-size: 42px;--udex-button-icon-s-size: 14px;--udex-button-icon-m-size: 16px;--udex-button-icon-l-size: 18px;--udex-button-icon-text-spacing-small-size: 4px;--udex-button-icon-text-spacing-medium-size: 8px;--udex-button-icon-text-spacing-large-size: 8px;--udex-button-focus-border-radius: .375rem;--udexTypographyFontWeightMedium: 500;--udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));--udex-button-color-primary-standard-default-border-color: var(--sapButton_Emphasized_BorderColor, var(--udexColorBlue8));--udex-button-color-primary-standard-default-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-hover-background: var(--sapButton_Emphasized_Hover_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-border-color: var(--sapButton_Emphasized_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-text-and-icon: var(--sapButton_Emphasized_Hover_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-active-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-standard-active-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-active-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));--udex-button-color-primary-standard-disabled-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-primary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-disabled-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-default-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-default-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-default-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-hover-background: var(--sapButton_Hover_Background, var(--udexColorGrey2));--udex-button-color-secondary-standard-hover-border: var(--sapButton_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-hover-text-and-icon: var(--sapButton_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-background: var(--sapButton_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-active-border: var(--sapButton_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-text-and-icon: var(--sapButton_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-disabled-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-disabled-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-disabled-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-secondary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-disabled-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-default-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-hover-background: var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));--udex-button-color-tertiary-standard-hover-border: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-tertiary-standard-hover-text-and-icon: var(--sapButton_Lite_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-disabled-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--sapButton_Lite_Disabled_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-tertiary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-background: var(--sapButton_Lite_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-disabled-border: var(--sapButton_Lite_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-invisible-padding-small: 2px 0px;--udex-button-invisible-padding-medium: 4px 0px;--udex-button-invisible-padding-large: 8px 0px;--udex-button-invisible-focus-inset: -2px;--udex-button-color-invisible-standard-default-background: transparent;--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue8);--udex-button-color-invisible-standard-hover-background: transparent;--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorBlue10);--udex-button-color-invisible-standard-active-background: transparent;--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue11);--udex-button-color-invisible-standard-disabled-background: transparent;--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue8);--udex-button-color-positive-standard-default-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-default-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-default-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-standard-hover-background: var(--sapButton_Accept_Hover_Background, var(--udexCoreSemanticSuccess3));--udex-button-color-positive-standard-hover-border: var(--sapButton_Accept_Hover_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-hover-text-and-icon: var(--sapButton_Accept_Hover_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-background: var(--sapButton_Accept_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-standard-active-border: var(--sapButton_Accept_Active_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-text-and-icon: var(--sapButton_Accept_Active_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-disabled-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-disabled-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-disabled-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-default-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-default-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-default-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-hover-background: var(--sapButton_Accept_Selected_Hover_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-toggled-hover-border: var(--sapButton_Accept_Selected_Hover_BorderColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-hover-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-disabled-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-disabled-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-disabled-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-negative-standard-default-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-default-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-default-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-standard-hover-background: var(--sapButton_Reject_Hover_Background, var(--udexCoreSemanticError3));--udex-button-color-negative-standard-hover-border: var(--sapButton_Reject_Hover_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-hover-text-and-icon: var(--sapButton_Reject_Hover_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-background: var(--sapButton_Reject_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-standard-active-border: var(--sapButton_Reject_Active_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-text-and-icon: var(--sapButton_Reject_Active_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-disabled-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-disabled-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-disabled-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-default-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-default-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-default-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-hover-background: var(--sapButton_Reject_Selected_Hover_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-toggled-hover-border: var(--sapButton_Reject_Selected_Hover_BorderColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexCoreSemanticError8, #AA0808);--udex-button-color-negative-toggled-disabled-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-disabled-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-disabled-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-warning-standard-default-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-default-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-default-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-standard-hover-background: var(--sapButton_Attention_Hover_Background, var(--udexCoreSemanticWarning3));--udex-button-color-warning-standard-hover-border: var(--sapButton_Attention_Hover_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-hover-text-and-icon: var(--sapButton_Attention_Hover_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-background: var(--sapButton_Attention_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-standard-active-border: var(--sapButton_Attention_Active_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-text-and-icon: var(--sapButton_Attention_Active_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-disabled-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-disabled-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-disabled-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-default-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-default-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-default-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-hover-background: var(--sapButton_Attention_Selected_Hover_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-toggled-hover-border: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-hover-text-and-icon: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-disabled-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-disabled-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-disabled-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10))}:host([desktop][active]) .ui5-button-root:focus-within:before{border-radius:var(--udex-button-focus-border-radius)}:host{display:inline-block;font-weight:var(--udexTypographyFontWeightMedium)}:host([size=\"Small\"]){font-size:var(--udexTypographyNavigationMediumMFontSize, 14px);height:var(--udex-button-small-size)}:host([size=\"Small\"])::part(button){padding:var(--udex-button-padding-small)}:host([design=\"Primary\"][desktop]:not([active])) .ui5-button-root:focus-within:after,:host([design=\"Primary\"]:not([active])) .ui5-button-root:focus-visible:after{border-color:var(--udexColorNeutralWhite, #fff)}:host([design=\"Primary\"][desktop][toggled]:not([active])) .ui5-button-root:focus-within:after,:host([design=\"Primary\"][toggled]:not([active])) .ui5-button-root:focus-visible:after{border-color:var(--udexColorBlue10, #002A86)}:host([design=\"Invisible\"]:not([active])) .ui5-button-root:focus-visible:after,:host([design=\"Invisible\"]:not([toggled])[desktop]) .ui5-button-root:focus-within:before,:host([design=\"Invisible\"]:not([toggled])[desktop]) .ui5-button-root:focus-within:after{inset:var(--udex-button-invisible-focus-inset)}:host,:host([size=\"Medium\"]){font-size:var(--udexTypographyNavigationMediumXLFontSize, 1rem);height:var(--udex-button-medium-size)}:host::part(button),:host([size=\"Medium\"])::part(button){padding:var(--udex-button-padding-medium)}:host([size=\"Large\"]){font-size:var(--udexTypographyNavigationMediumXLFontSize, 1rem);height:var(--udex-button-large-size)}:host([size=\"Large\"])::part(button){padding:var(--udex-button-padding-large)}:host([size=\"Small\"][icon-only]){min-width:var(--udex-button-small-size);max-width:var(--udex-button-small-size);height:var(--udex-button-small-size);min-height:var(--udex-button-small-size)}:host([icon-only]),:host([size=\"Medium\"][icon-only]){min-width:var(--udex-button-medium-size);max-width:var(--udex-button-medium-size);height:var(--udex-button-medium-size);min-height:var(--udex-button-medium-size)}:host([end-icon]) .ui5-button-icon{margin-inline-start:0}:host([size=\"Large\"][icon-only]){min-width:var(--udex-button-large-size);max-width:var(--udex-button-large-size);height:var(--udex-button-large-size);min-height:var(--udex-button-large-size)}:host([size=\"Small\"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-small)}:host([icon-only])::part(button),:host([size=\"Medium\"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-medium)}:host([size=\"Large\"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-large)}:host([icon-only][end-icon])::part(icon){margin:0}:host([end-icon])::part(icon){margin-inline-start:0}:host([size=\"Small\"])::part(icon),:host([size=\"Small\"])::part(endIcon){height:var(--udex-button-icon-s-size, 14px);width:var(--udex-button-icon-s-size, 14px)}:host([size=\"Medium\"])::part(icon),:host([size=\"Medium\"])::part(endIcon){height:var(--udex-button-icon-m-size, 16px);width:var(--udex-button-icon-m-size, 16px)}:host([size=\"Large\"])::part(icon),:host([size=\"Large\"])::part(endIcon){height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px)}:host([has-icon]:not([icon-only])[size=\"Small\"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size=\"Small\"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[end-icon]) .ui5-button-text,:host([has-icon]:not([icon-only])[size=\"Medium\"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only]):not([end-icon])) .ui5-button-text,:host([has-icon]:not([icon-only])[size=\"Medium\"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size=\"Large\"][end-icon]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-large-size)}:host([has-icon]:not([icon-only])[size=\"Large\"]:not([end-icon])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-large-size)}:host:disabled,:host([design=\"Default\"]):disabled,:host([design=\"Secondary\"]):disabled,:host([design=\"Invisible\"]):disabled,:host([design=\"Emphasized\"][_aria-disabled]):disabled,:host([design=\"Primary\"][_aria-disabled]):disabled,:host([design=\"Transparent\"]):disabled,:host([design=\"Tertiary\"]):disabled,:host([design=\"Negative\"]):disabled,:host([design=\"Attention\"]):disabled,:host([design=\"Warning\"]):disabled,:host([design=\"Positive\"]):disabled{opacity:var(--sapContent_DisabledOpacity, .4)}:host,:host([design=\"Emphasized\"]),:host([design=\"Primary\"]){font-family:var(--sapFontFamily);color:var(--udex-button-color-primary-standard-default-text-and-icon);background-color:var(--udex-button-color-primary-standard-default-background);border:1px solid var(--udex-button-color-primary-standard-default-border-color)}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Emphasized\"]:not([disabled]):hover),:host([design=\"Emphasized\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Emphasized\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design=\"Primary\"]:not([disabled]):hover),:host([design=\"Primary\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Primary\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-primary-standard-hover-text-and-icon);background-color:var(--udex-button-color-primary-standard-hover-background);border:1px solid var(--udex-button-color-primary-standard-hover-border-color)}:host([active]:not([disabled])),:host([design=\"Emphasized\"][active]:not([disabled])),:host([design=\"Primary\"][active]:not([disabled])){color:var(--udex-button-color-primary-standard-active-text-and-icon);background-color:var(--udex-button-color-primary-standard-active-background);border:1px solid var(--udex-button-color-primary-standard-active-border)}:host:disabled,:host([design=\"Emphasized\"]):disabled,:host([design=\"Primary\"]):disabled{color:var(--udex-button-color-primary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-primary-standard-disabled-background);border:1px solid var(--udex-button-color-primary-standard-disabled-background)}:host([toggled]),:host([design=\"Emphasized\"][toggled]),:host([design=\"Primary\"][toggled]){color:var(--udex-button-color-primary-toggled-default-text-and-icon);background-color:var(--udex-button-color-primary-toggled-default-background);border:1px solid var(--udex-button-color-primary-toggled-default-border)}:host([toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design=\"Emphasized\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design=\"Primary\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-primary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-primary-toggled-hover-background);border:1px solid var(--udex-button-color-primary-toggled-hover-border)}:host([toggled]):disabled,:host([design=\"Emphasized\"][toggled]):disabled,:host([design=\"Primary\"][toggled]):disabled{color:var(--udex-button-color-primary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-primary-toggled-disabled-background);border:1px solid var(--udex-button-color-primary-toggled-disabled-border)}:host([design=\"Default\"]),:host([design=\"Secondary\"]){color:var(--udex-button-color-secondary-standard-default-text-and-icon);background-color:var(--udex-button-color-secondary-standard-default-background);border:1px solid var(--udex-button-color-secondary-standard-default-border)}:host([design=\"Default\"]:not([disabled]):hover),:host([design=\"Default\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Default\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design=\"Secondary\"]:not([disabled]):hover),:host([design=\"Secondary\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Secondary\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-secondary-standard-hover-text-and-icon);background-color:var(--udex-button-color-secondary-standard-hover-background);border:1px solid var(--udex-button-color-secondary-standard-hover-border)}:host([design=\"Default\"][active]:not([disabled])),:host([design=\"Secondary\"][active]:not([disabled])){color:var(--udex-button-color-secondary-standard-active-text-and-icon);background-color:var(--udex-button-color-secondary-standard-active-background);border:1px solid var(--udex-button-color-secondary-standard-active-border)}:host([design=\"Default\"]):disabled,:host([design=\"Secondary\"]):disabled{color:var(--udex-button-color-secondary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-standard-disabled-background);border:1px solid var(--udex-button-color-secondary-standard-disabled-border)}:host([design=\"Default\"][toggled]),:host([design=\"Secondary\"][toggled]){color:var(--udex-button-color-secondary-toggled-default-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-default-background);border:1px solid var(--udex-button-color-secondary-toggled-default-border)}:host([design=\"Default\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design=\"Secondary\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-secondary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-hover-background);border:1px solid var(--sapButton_Selected_Hover_BorderColor)}:host([design=\"Default\"][toggled]):disabled,:host([design=\"Secondary\"][toggled]):disabled{color:var(--udex-button-color-secondary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-disabled-background);border:1px solid var(--udex-button-color-secondary-toggled-disabled-border)}:host([design=\"Transparent\"]),:host([design=\"Tertiary\"]){color:var(--udex-button-color-tertiary-standard-default-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-default-background);border:1px solid var(--udex-button-color-tertiary-standard-default-border)}:host([design=\"Transparent\"]:not([disabled]):hover),:host([design=\"Transparent\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Transparent\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design=\"Tertiary\"]:not([disabled]):hover),:host([design=\"Tertiary\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Tertiary\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-tertiary-standard-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-hover-background);border:1px solid var(--udex-button-color-tertiary-standard-hover-border)}:host([design=\"Transparent\"][active]:not([disabled])),:host([design=\"Tertiary\"][active]:not([disabled])){color:var(--udex-button-color-tertiary-standard-active-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-active-background);border:1px solid var(--udex-button-color-tertiary-standard-active-border)}:host([design=\"Transparent\"]):disabled,:host([design=\"Tertiary\"]):disabled{color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border)}:host([design=\"Transparent\"][toggled]),:host([design=\"Tertiary\"][toggled]){color:var(--udex-button-color-tertiary-toggled-default-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-default-background);border:1px solid var(--udex-button-color-tertiary-toggled-default-border)}:host([design=\"Transparent\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design=\"Tertiary\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-tertiary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-hover-background);border:1px solid var(--udex-button-color-tertiary-toggled-hover-border)}:host([design=\"Transparent\"][toggled]):disabled,:host([design=\"Tertiary\"][toggled]):disabled{color:var(--udex-button-color-tertiary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-disabled-background);border:1px solid var(--udex-button-color-tertiary-toggled-disabled-border)}:host([design=\"Invisible\"]){color:var(--udex-button-color-invisible-standard-default-text-and-icon);background-color:var(--udex-button-color-invisible-standard-default-background);border:none;height:auto;overflow:visible}:host([design=\"Invisible\"][size=\"Small\"])::part(button){padding:var(--udex-button-invisible-padding-small)}:host([design=\"Invisible\"][size=\"Medium\"])::part(button){padding:var(--udex-button-invisible-padding-medium)}:host([design=\"Invisible\"][size=\"Large\"])::part(button){padding:var(--udex-button-invisible-padding-large)}:host([design=\"Invisible\"]:not([disabled]):hover),:host([design=\"Invisible\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design=\"Invisible\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){color:var(--udex-button-color-invisible-standard-hover-text-and-icon);background-color:var(--udex-button-color-invisible-standard-hover-background);border:none}:host([design=\"Invisible\"][active]:not([disabled])){color:var(--udex-button-color-invisible-standard-active-text-and-icon);background-color:var(--udex-button-color-invisible-standard-active-background);border:none}:host([design=\"Invisible\"]):disabled{color:var(--udex-button-color-invisible-standard-disabled-text-and-icon);background-color:var(--udex-button-color-invisible-standard-disabled-background);border:none}:host([design=Positive]){color:var(--udex-button-color-positive-standard-default-text-and-icon);background-color:var(--udex-button-color-positive-standard-default-background);border:1px solid var(--udex-button-color-positive-standard-default-border)}:host([design=\"Positive\"]:not([disabled]):hover),:host([design=\"Positive\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Positive\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-positive-standard-hover-text-and-icon);background-color:var(--udex-button-color-positive-standard-hover-background);border:1px solid var(--udex-button-color-positive-standard-hover-border)}:host([design=Positive][active]:not([disabled])){color:var(--udex-button-color-positive-standard-active-text-and-icon);background-color:var(--udex-button-color-positive-standard-active-background);border:1px solid var(--udex-button-color-positive-standard-active-border)}:host([design=Positive]):disabled{color:var(--udex-button-color-positive-standard-disabled-text-and-icon);background-color:var(--udex-button-color-positive-standard-disabled-background);border:1px solid var(--udex-button-color-positive-standard-disabled-border)}:host([design=Positive][toggled]){color:var(--udex-button-color-positive-toggled-default-text-and-icon);background-color:var(--udex-button-color-positive-toggled-default-background);border:1px solid var(--udex-button-color-positive-toggled-default-border)}:host([design=Positive][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-positive-toggled-hover-text-and-icon);background-color:var(--udex-button-color-positive-toggled-hover-background);border:1px solid var(--udex-button-color-positive-toggled-hover-border)}:host([design=Positive][toggled]):disabled{color:var(--udex-button-color-positive-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-positive-toggled-disabled-background);border:1px solid var(--udex-button-color-positive-toggled-disabled-border)}:host([design=Negative]){color:var(--udex-button-color-negative-standard-default-text-and-icon);background-color:var(--udex-button-color-negative-standard-default-background);border:1px solid var(--udex-button-color-negative-standard-default-border)}:host([design=\"Negative\"]:not([disabled]):hover),:host([design=\"Negative\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Negative\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-negative-standard-hover-text-and-icon);background-color:var(--udex-button-color-negative-standard-hover-background);border:1px solid var(--udex-button-color-negative-standard-hover-border)}:host([design=Negative][active]:not([disabled])),:host([design=Negative][active][_aria-disabled=\"false\"]){color:var(--udex-button-color-negative-standard-active-text-and-icon);background-color:var(--udex-button-color-negative-standard-active-background);border:1px solid var(--udex-button-color-negative-standard-active-border)}:host([design=Negative]):disabled{color:var(--udex-button-color-negative-standard-disabled-text-and-icon);background-color:var(--udex-button-color-negative-standard-disabled-background);border:1px solid var(--udex-button-color-negative-standard-disabled-border)}:host([design=Negative][toggled]){color:var(--udex-button-color-negative-toggled-default-text-and-icon);background-color:var(--udex-button-color-negative-toggled-default-background);border:1px solid var(--udex-button-color-negative-toggled-default-border)}:host([design=Negative][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-negative-toggled-hover-text-and-icon);background-color:var(--udex-button-color-negative-toggled-hover-background);border:1px solid var(--udex-button-color-negative-toggled-hover-border)}:host([design=Negative][toggled]):disabled{color:var(--udex-button-color-negative-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-negative-toggled-disabled-background);border:1px solid var(--udex-button-color-negative-toggled-disabled-border)}:host([design=Attention]),:host([design=\"Warning\"]){color:var(--udex-button-color-warning-standard-default-text-and-icon);background-color:var(--udex-button-color-warning-standard-default-background);border:1px solid var(--udex-button-color-warning-standard-default-border)}:host([design=\"Attention\"]:not([disabled]):hover),:host([design=\"Attention\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Attention\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design=\"Warning\"]:not([disabled]):hover),:host([design=\"Warning\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design=\"Warning\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-warning-standard-hover-text-and-icon);background-color:var(--udex-button-color-warning-standard-hover-background);border:1px solid var(--udex-button-color-warning-standard-hover-border)}:host([design=\"Attention\"][active]:not([disabled])),:host([design=\"Warning\"][active]:not([disabled])){color:var(--udex-button-color-warning-standard-active-text-and-icon);background-color:var(--udex-button-color-warning-standard-active-background);border:1px solid var(--udex-button-color-warning-standard-active-border)}:host([design=\"Attention\"]):disabled,:host([design=\"Warning\"]):disabled{color:var(--udex-button-color-warning-standard-disabled-text-and-icon);background-color:var(--udex-button-color-warning-standard-disabled-background);border:1px solid var(--udex-button-color-warning-standard-disabled-border)}:host([design=\"Attention\"][toggled]),:host([design=\"Warning\"][toggled]){color:var(--udex-button-color-warning-toggled-default-text-and-icon);background-color:var(--udex-button-color-warning-toggled-default-background);border:1px solid var(--udex-button-color-warning-toggled-default-border)}:host([design=\"Attention\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design=\"Warning\"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-warning-toggled-hover-text-and-icon);background-color:var(--udex-button-color-warning-toggled-hover-background);border:1px solid var(--udex-button-color-warning-toggled-hover-border)}:host([design=\"Attention\"][toggled]):disabled,:host([design=\"Warning\"][toggled]):disabled{color:var(--udex-button-color-warning-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-warning-toggled-disabled-background);border:1px solid var(--udex-button-color-warning-toggled-disabled-border)}:host([aria-disabled=\"true\"][design=\"Tertiary\"]) .ui5-button-root,:host([_aria-disabled][design=\"Tertiary\"]) .ui5-button-root,:host([design=\"Tertiary\"][_aria-disabled][active]),:host([design=\"Tertiary\"][aria-disabled=\"true\"][active]){color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border)}:host([aria-disabled=\"true\"][design=\"Tertiary\"]) .ui5-button-root,:host([_aria-disabled][design=\"Tertiary\"]) .ui5-button-root{opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=\"Tertiary\"][aria-disabled=\"true\"]:not([active]):not([non-interactive]):not([_is-touch]):not([toggled]):hover),:host([design=\"Tertiary\"][aria-disabled=\"true\"][active]:not([non-interactive]):not([_is-touch]):not([toggled])) :host([design=\"Tertiary\"][_aria-disabled][active]:not([non-interactive]):not([_is-touch]):not([toggled])),:host([design=\"Tertiary\"][_aria-disabled]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover){color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border)}:host([design=\"Tertiary\"][aria-disabled=\"true\"][active]:not([non-interactive]):not([_is-touch]):not([toggled])),:host([design=\"Tertiary\"][_aria-disabled][active]:not([disabled])),:host([desktop][design=\"Tertiary\"][aria-disabled=\"true\"][active]:not([non-interactive]):not([_is-touch]):not([toggled])),:host([desktop][design=\"Tertiary\"][_aria-disabled][active]){border:none}:host([desktop][design=\"Tertiary\"][_aria-disabled]) .ui5-button-root:after,:host([desktop][design=\"Tertiary\"][_aria-disabled]) .ui5-button-root:before,:host([desktop][active][design=\"Tertiary\"][_aria-disabled]) .ui5-button-root:after,:host([desktop][active][design=\"Tertiary\"][_aria-disabled]) .ui5-button-root:before,:host([desktop][design=\"Tertiary\"][aria-disabled=\"true\"]) .ui5-button-root:after,:host([desktop][design=\"Tertiary\"][aria-disabled=\"true\"]) .ui5-button-root:before,:host([desktop][active][design=\"Tertiary\"][aria-disabled=\"true\"]) .ui5-button-root:after,:host([desktop][active][design=\"Tertiary\"][aria-disabled=\"true\"]) .ui5-button-root:before{content:none}\n";
|
|
2
2
|
export default _default;
|