@sapudex/web-components 2.12.0 → 2.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/MastheadItem.js +1 -1
- package/dist/MastheadItem.js.map +1 -1
- package/dist/assets/{InputSuggestions-DtUQULbo.js → InputSuggestions-CgAp8PwR.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-B62PaSFk.js → ListItemStandardExpandableTextTemplate-D5HEHY33.js} +1 -1
- package/dist/assets/{bundle.esm-Ba8g4ech.js → bundle.esm-CjcqU0ib.js} +7 -7
- package/dist/css/themes/MastheadProfileMenu.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/custom-elements-internal.json +139 -139
- package/dist/custom-elements.json +124 -124
- package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
- package/dist/generated/themes/MastheadProfileMenu.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/web-types.json +1 -1
- package/package.json +1 -1
- package/src/MastheadItem.ts +1 -1
- package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/themes/MastheadProfileMenu.css +1 -1
|
@@ -315,8 +315,8 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
315
315
|
`;var vo=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},xm,ta;(function(i){i.Heading="Heading",i.Button="Button",i.Link="Link"})(ta||(ta={}));let ci=xm=class extends X{constructor(){super(...arguments),this.type=ta.Link,this.target=or._self}onEnterDOM(){be()&&this.setAttribute("desktop","")}get rootClass(){const e="udex-masthead-menu-item",t=this.badge?`${e}_badge`:"";return`${this.isHeadingType?`${e}_is-header`:`${e}_is-list`} ${t}`}get labelClass(){const e="udex-masthead-menu-item__label";return this.externalLink?`${e} ${e}__label_with-icon`:`${e}`}get isHeadingType(){return this.type===ta.Heading}get isButtonType(){return this.type===ta.Button}get isActive(){return!!this.url&&!this.isButtonType}get targetLink(){return this.externalLink?this.externalLink?or._blank:or._self:this.target}get lastWordOfLabel(){return this.label.split(" ").pop()}get leadingWordsOfLabel(){return`${this.label.split(" ").slice(0,-1).join(" ")} `}get openInNewWindowText(){return xm.i18nBundle.getText(Tw)}get ariaDescribedby(){return this.externalLink?"new-win-desc":null}get accessibleRoleText(){return this.accessibleRole?this.accessibleRole:"menuitem"}get partAttr(){return this.badge?"menu-item-link-badge":"menu-item-link"}};vo([l()],ci.prototype,"type",void 0);vo([l({type:String})],ci.prototype,"accessibleRole",void 0);vo([l()],ci.prototype,"label",void 0);vo([l()],ci.prototype,"url",void 0);vo([l()],ci.prototype,"badge",void 0);vo([l({type:Boolean})],ci.prototype,"externalLink",void 0);vo([l({type:Boolean})],ci.prototype,"hasBorder",void 0);vo([l({type:Boolean})],ci.prototype,"iconStart",void 0);vo([l({type:Boolean})],ci.prototype,"iconEnd",void 0);vo([l({type:Number})],ci.prototype,"index",void 0);vo([l({type:String})],ci.prototype,"ariaHasPopup",void 0);vo([l()],ci.prototype,"target",void 0);vo([l({type:String})],ci.prototype,"_tabIndex",void 0);vo([Y("@sapudex/web-components")],ci,"i18nBundle",void 0);ci=xm=vo([B({tag:"udex-masthead-menu-item",languageAware:!0,renderer:se,styles:V9,template:q9,dependencies:[j]})],ci);ci.define();const I_=ci;function W9(i,e,t){return c`<div class="udex-masthead-country-selector" @keydown="${this.handleKeyDown}">${this._isActiveRegionOpen?G9.call(this,i,e,t):Y9.call(this,i,e,t)}</div>`}function G9(i,e,t){return t?c`<span class="udex-masthead-country-selector__title">${s(this.countryTitle)}</span>${this.isSingleMode?void 0:P1.call(this,i,e,t)}<${g("udex-search",e,t)} class="udex-masthead-country-selector__search" @ui5-handle-value-search="${s(this.handleSearch)}" @ui5-handle-value-reset="${s(this.handleSearchReset)}" @ui5-submit-search-value="${s(this.handleSearch)}" language-voice="${s(this.languageVoice)}" label="${s(this.searchLabel)}" mode="${s(this.homeSearchMode)}" ?show-voice-button="${this.showSearchVoiceButton}" non-interactive-submit-button show-submit-button></${g("udex-search",e,t)}><span aria-live="polite" aria-atomic="true" class="hidden">${s(this._accSearchResultInfo)}</span><ul class="udex-masthead-country-selector__list udex-masthead-country-selector__list_countries" role="menu">${oe(this._activeCountries,(o,r)=>o._id||r,(o,r)=>R1.call(this,i,e,t,o,r))}</ul>`:c`<span class="udex-masthead-country-selector__title">${s(this.countryTitle)}</span>${this.isSingleMode?void 0:P1.call(this,i,e,t)}<udex-search class="udex-masthead-country-selector__search" @ui5-handle-value-search="${s(this.handleSearch)}" @ui5-handle-value-reset="${s(this.handleSearchReset)}" @ui5-submit-search-value="${s(this.handleSearch)}" language-voice="${s(this.languageVoice)}" label="${s(this.searchLabel)}" mode="${s(this.homeSearchMode)}" ?show-voice-button="${this.showSearchVoiceButton}" non-interactive-submit-button show-submit-button></udex-search><span aria-live="polite" aria-atomic="true" class="hidden">${s(this._accSearchResultInfo)}</span><ul class="udex-masthead-country-selector__list udex-masthead-country-selector__list_countries" role="menu">${oe(this._activeCountries,(o,r)=>o._id||r,(o,r)=>R1.call(this,i,e,t,o,r))}</ul>`}function P1(i,e,t){var o,r;return t?c`<${g("udex-masthead-menu-item",e,t)} class="udex-masthead-country-selector__region-back-item" @click="${this.backToRegions}" label="${s((o=this._activeRegion)==null?void 0:o.title)}" type="Button" part="menu-item" is-back icon-start></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item class="udex-masthead-country-selector__region-back-item" @click="${this.backToRegions}" label="${s((r=this._activeRegion)==null?void 0:r.title)}" type="Button" part="menu-item" is-back icon-start></udex-masthead-menu-item>`}function R1(i,e,t,o,r){return t?c`<li role="none"><${g("udex-masthead-menu-item",e,t)} class="udex-masthead-country-selector__item udex-masthead-country-selector__item_countries" @click="${this.handleCountryClick}" _country-code="${s(o.countryCode)}" url="${s(o.url)}" label="${s(o.displayTitle)}" index="${r}" part="menu-item" is-nav-item></${g("udex-masthead-menu-item",e,t)}></li>`:c`<li role="none"><udex-masthead-menu-item class="udex-masthead-country-selector__item udex-masthead-country-selector__item_countries" @click="${this.handleCountryClick}" _country-code="${s(o.countryCode)}" url="${s(o.url)}" label="${s(o.displayTitle)}" index="${r}" part="menu-item" is-nav-item></udex-masthead-menu-item></li>`}function Y9(i,e,t){return c`<span class="udex-masthead-country-selector__title">${s(this.regionTitle)}</span><ul class="udex-masthead-country-selector__list" role="menu">${oe(this.regionsData,(o,r)=>o._id||r,(o,r)=>K9.call(this,i,e,t,o,r))}</ul>`}function K9(i,e,t,o,r){return t?c`<li role="none"><${g("udex-masthead-menu-item",e,t)} id="${s(o._id)}" @click="${this.handleRegionClick}" index="${r}" class="udex-masthead-country-selector__item udex-masthead-country-selector__item_region" aria-has-popup="true" type="Button" part="menu-item" is-nav-item has-border icon-end label="${s(o.title)}"></${g("udex-masthead-menu-item",e,t)}></li>`:c`<li role="none"><udex-masthead-menu-item id="${s(o._id)}" @click="${this.handleRegionClick}" index="${r}" class="udex-masthead-country-selector__item udex-masthead-country-selector__item_region" aria-has-popup="true" type="Button" part="menu-item" is-nav-item has-border icon-end label="${s(o.title)}"></udex-masthead-menu-item></li>`}function Z9(){return W9.call(this,this,this.constructor.tagsToScope,ue())}var ym;(function(i){i.Header="header",i.HeaderSub="header-sub"})(ym||(ym={}));const Xi=ym;f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const Q9=`:host{--udex-masthead-country-selector-background: var(--udexColorNeutralWhite, #fff);--udex-masthead-country-selector-padding-xl: var(--udexSpacer32) 52px 52px;--udex-masthead-country-selector-padding-l: var(--udexSpacer24);--udex-masthead-country-selector-padding-m: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-country-selector-padding-xs: var(--udexSpacer24);--udex-masthead-country-selector-desktop-max-height: 375px}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);min-height:100%;box-sizing:border-box}.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-xl);background:var(--udex-masthead-country-selector-background)}.udex-masthead-country-selector__title{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightMedium);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);color:var(--sapTitleColor);padding:var(--udexSpacer16) 0;display:block;text-align:center}.udex-masthead-country-selector__list{list-style:none;margin:0;padding:0}.udex-masthead-country-selector__search{margin:var(--udexSpacer2) 0 var(--udexSpacer16)}.udex-masthead-country-selector__region-back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-country-selector__region-back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-country-selector__region-back-item::part(menu-item-button):after{content:""}.udex-masthead-country-selector__region-back-item,.udex-masthead-country-selector__item{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8)}.udex-masthead-country-selector__item::part(menu-item-link){width:100%}.udex-masthead-country-selector__list_countries{max-height:var(--udex-masthead-country-selector-desktop-max-height);overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list_countries{max-height:initial}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}@media (max-width: 1279px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);min-height:100%;box-sizing:border-box}.udex-masthead-country-selector__list_countries{max-height:initial;overflow:initial}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}}@media (max-width: 979px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-m)}}@media (max-width: 639px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-xs)}}
|
|
316
316
|
`;var mr=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Kh;let So=Kh=class extends X{constructor(){super(),this._requestRender=!1,this._activeCountries=[]}onAfterRendering(){this._mastheadShell=this.mastheadShell,this.handleFocusItem(),this.setTabIndexForItems(),this.handleDirection(),this.handleOutsideClick(),this.isSingleMode&&this.handleSingleRegionMode()}onEnterDOM(){be()&&this.setAttribute("desktop","")}handleRegionClick(e){this.openCountriesByRegion(e),this.fireEventRegionItemClick(e)}handleCountryClick(e){this.fireEventCountryItemClick(e),this._mastheadShell&&this.isMobile&&this.closeMenu()}handleKeyDown(e){const t=e.target;if(t.hasAttribute("is-back")){this.handleBackKeyboard(e);return}t.hasAttribute("is-nav-item")&&(this.handleUpArrow(e),this.handleDownArrow(e),this.handleRightArrow(e),this.handleLeftArrow(e),this.handleHomeKey(e),this.handleEndKey(e))}handleBackKeyboard(e){if(De(e)&&!this.isRtlDirection)return this.backToRegions();if(Ae(e)&&this.isRtlDirection)return this.backToRegions()}handleRightArrow(e){Ae(e)&&!this.isRtlDirection&&(this.openCountriesByRegion(e),this.fireEventRegionItemClick(e))}handleLeftArrow(e){De(e)&&this.isRtlDirection&&(this.openCountriesByRegion(e),this.fireEventRegionItemClick(e))}handleUpArrow(e){Ge(e)&&(e.preventDefault(),this.focusPreviousItem(e))}handleDownArrow(e){Xe(e)&&(e.preventDefault(),this.focusNextItem(e))}handleSearch(e){const t=e.detail.value.toLowerCase().trim();if(!this._activeRegion||!this._activeRegion.countries){this.setActiveCountries([]);return}t?this.setActiveCountries(this._activeRegion.countries.filter(o=>o.displayTitle.toLowerCase().includes(t))):this.setActiveCountries([...this._activeRegion.countries]),this._accSearchResultInfo=this._activeCountries.length?`${this._activeCountries.length} ${this.resultReturnedText}`:this.noMatchesFoundText,this._shouldFocusBackBtn=!1,this.fireDecoratorEvent("country-selector-search",{value:e.detail.value,analyticsName:Xi.Header}),this.refreshRendering()}handleSearchReset(){var e;this.setActiveCountries([...((e=this._activeRegion)==null?void 0:e.countries)||[]]),this.refreshRendering()}handleFocusItem(){this._shouldFocusBackBtn&&this.focusBackBtn(),this._shouldFocusRegionByIndex&&this.focusRegionByIndex()}refreshRendering(){this._requestRender=!this._requestRender}handleDirection(){const e=window.getComputedStyle(this).getPropertyValue("direction");e?this._direction=e:this._direction="ltr"}handleOutsideClick(){document.addEventListener("mousedown",e=>{e.target!==this&&!this.isMobile&&(this.handleSearchReset(),this._isActiveRegionOpen=!1,this.setActiveRegion(null))})}openCountriesByRegion(e){const t=e.target,o=this.regionsData[t.index];this.setActiveRegion(o),this.setActiveCountries(o.countries),this._isActiveRegionOpen=!0,this._activeRegionIndex=t.index,this._shouldFocusBackBtn=!0,this._shouldFocusRegionByIndex=!1}backToRegions(){this._isActiveRegionOpen=!1,this.setActiveRegion(null),this._shouldFocusRegionByIndex=!0}focusPreviousItem(e){const t=e.target.index,o=this.items.length-1,r=t-1<0?o:t-1,a=this.items[r];this.items[t]._tabIndex="-1",a._tabIndex="0",a.focus()}focusNextItem(e){const t=e.target.index,o=this.items.length-1,r=t+1>o?0:t+1,a=this.items[r];this.items[t]._tabIndex="-1",a._tabIndex="0",a.focus()}handleEndKey(e){if(Qt(e)){e.preventDefault();const t=e.target.index,o=this.items.length-1,r=this.items[o];this.items[t]._tabIndex="-1",r._tabIndex="0",r.focus()}}handleHomeKey(e){if(mt(e)){e.preventDefault();const t=e.target.index,o=this.items[0];this.items[t]._tabIndex="-1",o._tabIndex="0",o.focus()}}handleSingleRegionMode(){this.setActiveRegion(this.regionsData[0]),this.setActiveCountries([...this.regionsData[0].countries]),this._isActiveRegionOpen=!0}focusBackBtn(){var t;const e=((t=this.shadowRoot)==null?void 0:t.querySelector(".udex-masthead-country-selector__region-back-item"))||null;e==null||e.focus()}focusRegionByIndex(){var t;(((t=this.shadowRoot)==null?void 0:t.querySelectorAll(".udex-masthead-country-selector__item_region"))||[])[this._activeRegionIndex].focus()}fireEventRegionItemClick(e){var o,r;const t=e.target;this.fireDecoratorEvent("region-item-click",{item:{title:t.label,countries:((o=this._activeRegion)==null?void 0:o.countries)||[]},originalEvent:e,analyticsName:Xi.Header,sourceNode:(r=t.shadowRoot)==null?void 0:r.querySelector(".udex-masthead-menu-item")})}fireEventCountryItemClick(e){var a;const t=e.target,{label:o,url:r}=t;this.fireDecoratorEvent("country-item-click",{item:{displayTitle:o,countryCode:t.getAttribute("_country-code")||"",url:r||""},originalEvent:e,analyticsName:Xi.Header,sourceNode:(a=t.shadowRoot)==null?void 0:a.querySelector(".udex-masthead-menu-item")})}setActiveRegion(e){this._activeRegion=e}setActiveCountries(e){this._activeCountries=e}setTabIndexForItems(){this.items.forEach((e,t)=>{if(this._activeRegionIndex>0&&this._shouldFocusRegionByIndex){e._tabIndex=t===this._activeRegionIndex?"0":"-1";return}e._tabIndex=t===0?"0":"-1"})}closeMenu(){var e;this._mastheadShell.closeMobileMenu(),(e=this._mastheadShell.mobileBtn)==null||e.focus()}get noMatchesFoundText(){return Kh.i18nBundle.getText(sb)}get resultReturnedText(){return Kh.i18nBundle.getText(Cw)}get items(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelectorAll(".udex-masthead-country-selector__item");return e?Array.from(e):[]}get regionsData(){return this.regions?JSON.parse(this.regions):[]}get isRtlDirection(){return this._direction==="rtl"}get homeSearchMode(){return Mo.HomeSearch}get isSingleMode(){return this.regionsData.length===1}get isMobile(){var e;return Xo.isAtMost("M")||((e=this.mastheadShell)==null?void 0:e._isMobileMode)}get mastheadShell(){return document.querySelector("[udex-masthead-shell]")}};mr([l({type:String})],So.prototype,"regionTitle",void 0);mr([l({type:String})],So.prototype,"countryTitle",void 0);mr([l()],So.prototype,"regions",void 0);mr([l()],So.prototype,"searchLabel",void 0);mr([l({type:Boolean})],So.prototype,"showSearchVoiceButton",void 0);mr([l()],So.prototype,"languageVoice",void 0);mr([l({type:Boolean})],So.prototype,"_isActiveRegionOpen",void 0);mr([l({type:Boolean})],So.prototype,"_isMobileMode",void 0);mr([l({type:String})],So.prototype,"_direction",void 0);mr([l({type:Boolean,noAttribute:!0})],So.prototype,"_requestRender",void 0);mr([Y("@sapudex/web-components")],So,"i18nBundle",void 0);So=Kh=mr([B({tag:"udex-masthead-country-selector",renderer:se,styles:Q9,template:Z9,dependencies:[j,I_,y_]}),w("region-item-click",{bubbles:!0}),w("country-item-click",{bubbles:!0}),w("country-selector-search",{bubbles:!0})],So);So.define();function J9(i,e,t){return c`<div class="udex-masthead-menu ${s(this.oneRowClass)}" part="menu" @keydown="${this.handleKeyDown}">${this.menuTitle?eX.call(this,i,e,t):void 0}${oe(this.itemsList,(o,r)=>o._id||r,(o,r)=>tX.call(this,i,e,t,o,r))}</div> `}function eX(i,e,t){return c`<div class="udex-masthead-menu__title">${s(this.menuTitle)}</div>`}function tX(i,e,t,o,r){return c`<div class="udex-masthead-menu__row">${oe(o.subMenuLinkItems,(a,n)=>a._id||n,(a,n)=>iX.call(this,i,e,t,a,n))}</div>`}function iX(i,e,t,o,r){return c`<div class="udex-masthead-menu__column" part="column">${o.category?oX.call(this,i,e,t,o,r):void 0}<ul class="udex-masthead-menu__list" aria-labelledby="category-${s(o.categoryId)}" category="${s(o.category)}">${oe(o.items,(a,n)=>a._id||n,(a,n)=>nX.call(this,i,e,t,a,n))}</ul></div>`}function oX(i,e,t,o,r){return c`<div class="udex-masthead-menu__header">${o.url?rX.call(this,i,e,t,o,r):aX.call(this,i,e,t,o,r)}</div>`}function rX(i,e,t,o,r){return t?c`<${g("udex-masthead-menu-item",e,t)} id="category-${s(o.categoryId)}" type="Heading" part="menu-item" exportparts="menu-item" accessible-role="link" @click="${this.handleMenuItemClick}" url="${s(o.url)}" label="${s(o.category)}" icon-end has-border></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item id="category-${s(o.categoryId)}" type="Heading" part="menu-item" exportparts="menu-item" accessible-role="link" @click="${this.handleMenuItemClick}" url="${s(o.url)}" label="${s(o.category)}" icon-end has-border></udex-masthead-menu-item>`}function aX(i,e,t,o,r){return t?c`<${g("udex-masthead-menu-item",e,t)} id="category-${s(o.categoryId)}" type="Heading" part="menu-item" exportparts="menu-item" label="${s(o.category)}" has-border></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item id="category-${s(o.categoryId)}" type="Heading" part="menu-item" exportparts="menu-item" label="${s(o.category)}" has-border></udex-masthead-menu-item>`}function nX(i,e,t,o,r){return c`<li>${o.isDivider?sX.call(this,i,e,t,o,r):dX.call(this,i,e,t,o,r)}</li>`}function sX(i,e,t,o,r){return t?c`<${g("udex-divider",e,t)} class="udex-masthead-menu__item-divider"></${g("udex-divider",e,t)}>`:c`<udex-divider class="udex-masthead-menu__item-divider"></udex-divider>`}function dX(i,e,t,o,r){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" accessible-role="link" exportparts="menu-item" exportparts="badge" @click="${this.handleMenuItemClick}" badge="${s(o.badge)}" ?external-link="${o.externalLink}" url="${s(o.url)}" label="${s(o.title)}"></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" accessible-role="link" exportparts="menu-item" exportparts="badge" @click="${this.handleMenuItemClick}" badge="${s(o.badge)}" ?external-link="${o.externalLink}" url="${s(o.url)}" label="${s(o.title)}"></udex-masthead-menu-item>`}function lX(){return J9.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const uX=`:host{--udex-masthead-menu-padding-desktop: 32px 52px 52px;--udex-masthead-menu-padding-mobile: 24px;--udex-masthead-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-menu-column_gap: 52px;--udex-masthead-menu-column-width:15rem;--udex-masthead-menu-row-margin: var(--udexSpacer32, 32px);--udex-masthead-menu-title-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-title-font-size-desktop: var(--udexTypographyHeadingRegularMFontSize, 32px);--udex-masthead-menu-title-font-size-mobile: var(--udexTypographyHeadingRegularXSFontSize, 24px);--udex-masthead-menu-title-margin-bottom: var(--udexSpacer32, 32px);--udex-masthead-menu-mobile-column-gap: var(--udexSpacer56, 56px);--udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-grid-template-columns: auto;--udex-masthead-menu-justify-content: flex-start}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-desktop);background:var(--udex-masthead-menu-background);display:inline-block;position:relative;box-sizing:border-box;width:100%}.udex-masthead-menu__row{column-gap:var(--udex-masthead-menu-column_gap, 52px);margin-bottom:var(--udex-masthead-menu-row-margin);grid-template-columns:var(--udex-masthead-menu-grid-template-columns);justify-content:var(--udex-masthead-menu-justify-content);display:grid}.udex-masthead-menu_with-one-column .udex-masthead-menu__row{display:block}.udex-masthead-menu_with-one-column .udex-masthead-menu__header,.udex-masthead-menu_with-one-column .udex-masthead-menu__list{width:auto}.udex-masthead-menu_with-one-column .udex-masthead-menu__column{display:block;min-width:240px;max-width:240px}.udex-masthead-menu__row:last-child{margin-bottom:0}.udex-masthead-menu__column{display:contents}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__header{grid-row:1;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__header{grid-row:1;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__header{grid-row:1;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__header{grid-row:1;grid-column:4}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__list{grid-row:2;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__list{grid-row:2;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__list{grid-row:2;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__list{grid-row:2;grid-column:4}.udex-masthead-menu__list{width:var(--udex-masthead-menu-column-width);flex-grow:1;list-style:none;margin:0;padding:0}.udex-masthead-menu__list li{margin-bottom:var(--udexSpacer4)}.udex-masthead-menu__header{width:var(--udex-masthead-menu-column-width);margin-bottom:var(--udexSpacer12);display:flex;flex-direction:column;justify-content:flex-end}.udex-masthead-menu__title{font-family:var(--udex-masthead-menu-title-font-family);font-size:var(--udex-masthead-menu-title-font-size-desktop);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-bottom:var(--udex-masthead-menu-title-margin-bottom);text-align:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge),:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color);padding:var(--udex-masthead-menu-item-header-padding-mobile);display:flex;align-items:center;justify-content:space-between;width:100%}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge){padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item){padding:var(--udex-masthead-menu-item-header-padding-mobile);justify-content:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge){position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge):dir(rtl){right:auto;left:var(--udexSpacer16)}:host([_is-mobile-mode]) .udex-masthead-menu__list li{margin:0}:host([_is-mobile-mode]) .udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-menu__header{margin:0;width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__list{width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__column{width:100%}:host([_is-mobile-mode]) .udex-masthead-menu,:host([_is-mobile-mode]) .udex-masthead-menu__column{display:block}.udex-masthead-menu__item-divider{padding:var(--udexSpacer4) 0;width:33%;display:block}@media (max-width: 1279px){[udex-masthead-menu-item]::part(menu-item-link-badge),[udex-masthead-menu-item]::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color)}[udex-masthead-menu-item]::part(menu-item){justify-content:center}.udex-masthead-menu__list li{margin:0}.udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}.udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}.udex-masthead-menu__header{margin:0;width:auto}.udex-masthead-menu__list{width:auto}.udex-masthead-menu__column{width:100%}.udex-masthead-menu,.udex-masthead-menu__column{display:block}}
|
|
317
317
|
`;var B_=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};const cX="udex-masthead-menu_with-one-column";let vd=class extends X{constructor(){super(...arguments),this.menuTitle="",this.subItems="[]"}handleKeyDown(e){this.handleUpArrow(e),this.handleDownArrow(e)}handleUpArrow(e){if(Ge(e)){e.preventDefault();const t=e.target;this.focusPreviousItem(t)}}handleDownArrow(e){if(Xe(e)){e.preventDefault();const t=e.target;this.focusNextItem(t)}}handleMenuItemClick(e){var u,h;const t=e.target;if(!((u=t.url)!=null&&u.length))return;const o=this.closest("[udex-masthead-item]"),r=t.closest(".udex-masthead-menu__list"),a=(h=t.shadowRoot)==null?void 0:h.querySelector(".udex-masthead-menu-item"),n=(r==null?void 0:r.getAttribute("category"))||"",d={analyticsPath:[o==null?void 0:o.label,n,t.label].filter(Boolean),analyticsName:Xi.Header,originalEvent:e,item:t,sourceNode:a,...t.type!==ta.Heading&&{category:n}};this.fireDecoratorEvent("menu-item-click",d)}focusPreviousItem(e){const t=this.getCurrentIndex(e),o=this.links.length-1,r=t-1<0?o:t-1;this.links[r].focus()}focusNextItem(e){const t=this.getCurrentIndex(e),o=t+1>this.links.length-1?0:t+1;this.links[o].focus()}getCurrentIndex(e){return this.links.indexOf(e)}get links(){return Array.from(this.shadowRoot.querySelectorAll("[udex-masthead-menu-item]")).filter(({url:t})=>t&&t.length>0)}get itemsList(){let e=1;return Jo(this.subItems).map(o=>(o.subMenuLinkItems=o.subMenuLinkItems.map(r=>(r.categoryId=`${e++}`,r.items=r.items.map(a=>({...a,...a.title==="-"&&{isDivider:!0}})),r)),o))}get oneRowClass(){return this.itemsList.length===1&&this.itemsList[0].subMenuLinkItems.length===1?cX:""}};B_([l({type:String})],vd.prototype,"menuTitle",void 0);B_([l({type:String})],vd.prototype,"subItems",void 0);B_([l({type:Boolean})],vd.prototype,"_isMobileMode",void 0);vd=B_([B({tag:"udex-masthead-menu",renderer:se,styles:uX,template:lX,dependencies:[j,g_,I_,m_]}),w("menu-item-click",{bubbles:!0})],vd);vd.define();const zp=vd;function hX(i,e,t){return c`${this.hasHref?pX.call(this,i,e,t):yX.call(this,i,e,t)} `}function pX(i,e,t){return c`<a id="${s(this._id)}" class="${s(this.additionalClass)}" tabindex="0" role="${s(this.accessibleRoleName)}" target="${s(this.target)}" href="${s(this.href)}" aria-label="${s(this.accessibleLabel)}" aria-describedby="${s(this.ariaDescribedBy)}" @click="${this.handleItemClick}" @mousedown="${this.handleMouseDown}" @mouseup="${this.handleMouseUp}">${this.icon?_X.call(this,i,e,t):vX.call(this,i,e,t)}</a>${this.isTargetBlank?xX.call(this,i,e,t):void 0}`}function _X(i,e,t){return t?c`<${g("ui5-icon",e,t)} class="udex-masthead-item__icon" name="${s(this.icon)}" show-tooltip="${s(this.iconAltText)}" accessible-name="${s(this.iconAltText)}" mode="Decorative"></${g("ui5-icon",e,t)}>`:c`<ui5-icon class="udex-masthead-item__icon" name="${s(this.icon)}" show-tooltip="${s(this.iconAltText)}" accessible-name="${s(this.iconAltText)}" mode="Decorative"></ui5-icon>`}function vX(i,e,t){return c`${this.image?gX.call(this,i,e,t):fX.call(this,i,e,t)}`}function gX(i,e,t){return c`<div class="udex-masthead-item__image-wrap"><img class="udex-masthead-item__image" id="${s(this._id)}_image-alt" src="${s(this.image)}" alt="${s(this.imageAlt)}"/></div>${this.imageAlt?mX.call(this,i,e,t):void 0}`}function mX(i,e,t){return c`<span id="image-desc" class="udex-masthead-hidden-text">${s(this.imageAlt)}</span>`}function fX(i,e,t){return c`<span class="udex-masthead-item__text"><slot></slot>${this.hasArrowDown?bX.call(this,i,e,t):void 0}</span>`}function bX(i,e,t){return t?c`<${g("ui5-icon",e,t)} class="udex-masthead-item__dropdown-icon" name="slim-arrow-down" mode="Decorative"></${g("ui5-icon",e,t)}>`:c`<ui5-icon class="udex-masthead-item__dropdown-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon>`}function xX(i,e,t){return c`<span id="new-win-desc" class="udex-masthead-hidden-text">${s(this.openInNewWindowText)}</span>`}function yX(i,e,t){return c`${this.isProfileBtn?wX.call(this,i,e,t):AX.call(this,i,e,t)}`}function wX(i,e,t){return c`<span id="${s(this._id)}" class="udex-masthead-item__btn ${s(this.additionalClass)}" aria-expanded="${s(this.selected)}" aria-describedby="${s(this.ariaDescribedBy)}" aria-controls="${s(this._id)}_dropdown" aria-haspopup="${s(this.hasDropdownSlot)}" aria-label="${s(this.accessibleLabel)}" @keydown="${this.handleKeyDown}" @click="${this.handleItemClick}" @mousedown="${this.handleMouseDown}" @mouseup="${this.handleMouseUp}">${this.icon?SX.call(this,i,e,t):kX.call(this,i,e,t)}</span>${this.isDropdownOpened?$X.call(this,i,e,t):void 0}`}function SX(i,e,t){return t?c`<${g("ui5-icon",e,t)} class="udex-masthead-item__icon" name="${s(this.icon)}" show-tooltip="${s(this.iconAltText)}" accessible-name="${s(this.iconAltText)}" mode="Decorative"></${g("ui5-icon",e,t)}>`:c`<ui5-icon class="udex-masthead-item__icon" name="${s(this.icon)}" show-tooltip="${s(this.iconAltText)}" accessible-name="${s(this.iconAltText)}" mode="Decorative"></ui5-icon>`}function kX(i,e,t){return c`${this.image?CX.call(this,i,e,t):IX.call(this,i,e,t)}`}function CX(i,e,t){return c`<div class="udex-masthead-item__image-wrap"><img class="udex-masthead-item__image" id="${s(this._id)}_image-alt" src="${s(this.image)}" alt="${s(this.imageAlt)}"/></div>${this.imageAlt?TX.call(this,i,e,t):void 0}`}function TX(i,e,t){return c`<span id="image-desc" class="udex-masthead-hidden-text">${s(this.imageAlt)}</span>`}function IX(i,e,t){return c`<span class="udex-masthead-item__text"><slot></slot>${this.hasArrowDown?BX.call(this,i,e,t):void 0}</span>`}function BX(i,e,t){return t?c`<${g("ui5-icon",e,t)} class="udex-masthead-item__dropdown-icon" name="slim-arrow-down" mode="Decorative"></${g("ui5-icon",e,t)}>`:c`<ui5-icon class="udex-masthead-item__dropdown-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon>`}function $X(i,e,t){return c`<div id="${s(this._id)}_dropdown" class="udex-masthead-item__dropdown" @keydown="${this.handleKeyDown}" @focusout="${this.handleFocusout}"><div class="udex-masthead-item__dropdown-holder"><slot name="dropdown"></slot></div></div>`}function AX(i,e,t){return c`<button role="${s(this.accessibleRoleName)}" id="${s(this._id)}" class="udex-masthead-item__btn ${s(this.additionalClass)}" aria-expanded="${s(this.selected)}" aria-controls="${s(this._id)}_dropdown" aria-describedby="${s(this.ariaDescribedBy)}" aria-haspopup="${s(this.hasDropdownSlot)}" aria-label="${s(this.accessibleLabel)}" @keydown="${this.handleKeyDown}" @mousedown="${this.handleMouseDown}" @mouseup="${this.handleMouseUp}" @click="${this.handleItemClick}">${this.icon?EX.call(this,i,e,t):DX.call(this,i,e,t)}</button>${this.isDropdownOpened?MX.call(this,i,e,t):void 0}`}function EX(i,e,t){return t?c`<${g("ui5-icon",e,t)} class="udex-masthead-item__icon" name="${s(this.icon)}" show-tooltip="${s(this.iconAltText)}" accessible-name="${s(this.iconAltText)}" mode="Decorative"></${g("ui5-icon",e,t)}>`:c`<ui5-icon class="udex-masthead-item__icon" name="${s(this.icon)}" show-tooltip="${s(this.iconAltText)}" accessible-name="${s(this.iconAltText)}" mode="Decorative"></ui5-icon>`}function DX(i,e,t){return c`${this.image?PX.call(this,i,e,t):NX.call(this,i,e,t)}`}function PX(i,e,t){return c`<div class="udex-masthead-item__image-wrap"><img class="udex-masthead-item__image" id="${s(this._id)}_image-alt" src="${s(this.image)}" alt="${s(this.imageAlt)}"/></div>${this.imageAlt?RX.call(this,i,e,t):void 0}`}function RX(i,e,t){return c`<span id="image-desc" class="udex-masthead-hidden-text">${s(this.imageAlt)}</span>`}function NX(i,e,t){return c`<span class="udex-masthead-item__text"><slot></slot>${this.hasArrowDown?LX.call(this,i,e,t):void 0}</span>`}function LX(i,e,t){return t?c`<${g("ui5-icon",e,t)} class="udex-masthead-item__dropdown-icon" name="slim-arrow-down" mode="Decorative"></${g("ui5-icon",e,t)}>`:c`<ui5-icon class="udex-masthead-item__dropdown-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon>`}function MX(i,e,t){return c`<div id="${s(this._id)}_dropdown" class="udex-masthead-item__dropdown" @keydown="${this.handleKeyDown}" @focusout="${this.handleFocusout}"><div class="udex-masthead-item__dropdown-holder"><slot name="dropdown"></slot></div></div>`}function OX(){return hX.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const zX=`:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{top:46px;left:auto;right:0}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__image-wrap{position:relative;display:flex}:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--udex-masthead-item-country-border-color-hover);border-radius:50%;box-sizing:border-box}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__image,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{width:var(--udex-masthead-item-arrow-icon-size);height:var(--udex-masthead-item-arrow-icon-size);margin-inline-start:var(--udex-masthead-item-arrow-margin-inline-start)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--support+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}}
|
|
318
|
-
`;var $t=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Aa,Zs;(function(i){i.Open="Open",i.Close="Close",i.ClickOutside="Click Outside"})(Zs||(Zs={}));let pt=Aa=class extends X{constructor(){super(...arguments),this.subItems="",this.menuTitle="",this.icon="",this.target=or._self,this.iconAlt=""}onEnterDOM(){be()&&this.setAttribute("desktop","")}onBeforeRendering(){this.label=this.eventItemTitle}onAfterRendering(){this._profileAvatar=this.profileAvatar,this._mastheadShell=this.mastheadShell,this.handleDirection(),this.selected&&this.hasDropdownSlot&&!this.isMobile&&!this.isExploreBtn&&this.setDropdownInsetStart(),this.shouldFocusFirstElement&&this.applyFocusToFirstElement(),this.handleOutsideClick()}handleOutsideClick(){document.addEventListener("click",e=>{e.target.closest("[udex-masthead-item]")!==this&&!this.isMobile&&this.selected&&(this.isDropdownOpened&&this.fireDropdownCloseEvent(this.eventItemTitle,Zs.ClickOutside),this.selected=!1)})}handleMouseDown(){this._preventFocusOut=!0}handleMouseUp(){this._preventFocusOut=!1}handleFocusout(e){this.isFocusOutPrevented(e)||this.handleFocusOutForDropdowns(e)}handleFocusOutForDropdowns(e){const t=e.relatedTarget,o=e.target;this.shouldCloseDropdown(t,o)&&this.closeDropdown()}handleKeyDown(e){Qe(e)&&this.hasDropdownSlot&&(this.isMobile?this.handleKeyEscapeMobile():this.handleKeyEscape())}handleKeyEscape(){this.closeDropdown(),this.isProfileBtn?this._profileAvatar.focus():this.focus()}handleKeyEscapeMobile(){var e;this.fireDropdownCloseEvent(this.eventItemTitle,Zs.Close),this._mastheadShell.closeMobileMenu(),(e=this._mastheadShell.mobileBtn)==null||e.focus()}handleItemClick(e){this.isProfileBtn&&this.profileSlot.closeIdentitiesPanel(),this.handleSelectedChange(),this.fireItemClickEvent(e),this.fireDropdownEvents()}handleSelectedChange(){this.selected=this.isMobile?!0:!this.selected}fireDropdownEvents(){if(this.hasDropdownSlot){const{Open:e,Close:t}=Zs,o=this.selected?e:t;this.selected?this.fireDropdownOpenEvent(this.eventItemTitle,o):this.fireDropdownCloseEvent(this.eventItemTitle,o)}}fireDropdownCloseEvent(e,t){this.fireDecoratorEvent("dropdown-closed",{title:e,action:t,analyticsName:Xi.Header})}fireDropdownOpenEvent(e,t){this.fireDecoratorEvent("dropdown-opened",{title:e,action:t,analyticsName:Xi.Header})}fireItemClickEvent(e){this.fireDecoratorEvent("item-click",{item:this,originalEvent:e,analyticsName:Xi.Header,sourceNode:e.currentTarget})}setDropdownInsetStart(){const e=this.dropdownHolder;if(e){const t=e.getBoundingClientRect(),o=this.calculateMarginInlineStart(t);o!==null&&(e.style.marginInlineStart=`${o-3}px`)}}calculateMarginInlineStart(e){const{left:t,right:o}=e;return this.isLtrDirection&&t<0?t*-1+15:this.isRtlDirection&&t<0?t-15:this.isRtlDirection&&o>window.innerWidth?o-window.innerWidth+15:this.isLtrDirection&&o>window.innerWidth?window.innerWidth-o-15:null}handleDirection(){const e=window.getComputedStyle(this).getPropertyValue("direction");e?this._direction=e:this._direction="ltr"}closeDropdown(){this.selected=!1,this.fireDropdownCloseEvent(this.accessibleName||this.eventItemTitle,Zs.Close)}async applyFocusToFirstElement(){const e=await ac(this.dropdownHolder);e&&e.focus()}getDomElement(e){var t;return(t=this.shadowRoot)==null?void 0:t.querySelector(`${e}`)}getSubItems(){return Jo(this.subItems)}isFocusOutPrevented(e){return this.isMobile||e.relatedTarget===null||this._preventFocusOut}isProfileButtonTarget(e){return((e==null?void 0:e.tagName)==="UDEX-AVATAR"||(e==null?void 0:e.tagName)==="UDEX-MASTHEAD-ITEM")&&this.isProfileBtn}isNavItemTarget(e){return e.getAttribute("slot")==="dropdown"&&!this.isProfileBtn}isRelatedTargetOutside(e){return(e==null?void 0:e.closest("[udex-masthead-item]"))===null}shouldCloseDropdown(e,t){return this.isRelatedTargetOutside(e)||this.isProfileButtonTarget(e)||this.isNavItemTarget(t)}get dropdownHolder(){return this.getDomElement(".udex-masthead-item__dropdown")}get mastheadShell(){return document.querySelector("[udex-masthead-shell]")}get additionalClass(){const e=this.icon||this.image?"udex-masthead-item__button--icon":"",t=this.isProfileBtn?"udex-masthead-item__button--profile":"",o=this.isExploreBtn?"udex-masthead-item__button--explore":"",r=this.isSupportBtn?"udex-masthead-item__button--support":"",a=this.isCountrySelectorBtn?"udex-masthead-item__button--country-selector":"";return`udex-masthead-item ${e} ${t} ${o} ${a} ${r}`.trim()}get profileAvatar(){return this.querySelector("[udex-avatar]")}get iconAltText(){return this._isMenuCloseBtn?this.accessibleName||this.icon:this.iconAlt}get isRtlDirection(){return this._direction==="rtl"}get isLtrDirection(){return this._direction==="ltr"}get hasHref(){var e;return!!((e=this.href)!=null&&e.length)}get accessibleRoleName(){return this.accessibleRole?this.accessibleRole:"button"}get selectedClass(){return this.selected?" udex-masthead-item__button--active":""}get ariaDescribedBy(){const e=[];return this.isTargetBlank&&e.push("new-win-desc"),this.imageAlt&&e.push("image-desc"),e.length?e.join(" ").trim():void 0}get shouldFocusFirstElement(){return this.isDropdownOpened&&!this._preventFocusOut}get isDropdownOpened(){return this.hasDropdownSlot&&this.selected}get hasDropdownSlot(){return!!this.getSlottedNodes("dropdown").length}get hasArrowDown(){return this.hasDropdownSlot&&!this.isProfileBtn&&!this.icon.length&&!this.hideArrowIcon}get isProfileBtn(){return this.getAttribute("slot")==="profile"}get isExploreBtn(){return this.getAttribute("slot")==="exploreSAP"}get isCountrySelectorBtn(){return this.getAttribute("slot")==="countrySelector"}get isCartBtn(){return this.getAttribute("slot")==="cart"}get isSearchBtn(){return this.icon==="search"}get isSupportBtn(){return this.getAttribute("slot")==="support"}get accessibleLabel(){return this.accessibleName||this.innerText||(this.isProfileBtn?Aa.i18nBundle.getText(v0):"")}get profileSlot(){return this.getSlottedNodes("dropdown")[0]}get isMobile(){var e;return Xo.isAtMost("M")||((e=this.mastheadShell)==null?void 0:e._isMobileMode)}get isTargetBlank(){return this.target===or._blank}get openInNewWindowText(){return Aa.i18nBundle.getText(Tw)}get eventItemTitle(){var e,t;return this.isSearchBtn?Aa.i18nBundle.getText(rD):this.isCartBtn?Aa.i18nBundle.getText(tD):this.isProfileBtn?Aa.i18nBundle.getText(v0):this.isCountrySelectorBtn?Aa.i18nBundle.getText(iD):this.isSupportBtn?Aa.i18nBundle.getText(oD):((t=(e=this.firstChild)==null?void 0:e.nodeValue)==null?void 0:t.trim())||""}};$t([l({type:String})],pt.prototype,"subItems",void 0);$t([l({type:String})],pt.prototype,"menuTitle",void 0);$t([l({type:Boolean})],pt.prototype,"selected",void 0);$t([l({type:Boolean})],pt.prototype,"hideArrowIcon",void 0);$t([l({type:String})],pt.prototype,"icon",void 0);$t([l({type:String})],pt.prototype,"image",void 0);$t([l({type:String})],pt.prototype,"imageAlt",void 0);$t([l({type:String})],pt.prototype,"href",void 0);$t([l()],pt.prototype,"target",void 0);$t([l({type:String})],pt.prototype,"accessibleName",void 0);$t([l({type:String})],pt.prototype,"accessibleRole",void 0);$t([l({type:String})],pt.prototype,"iconAlt",void 0);$t([l({type:Boolean})],pt.prototype,"hideActiveBorder",void 0);$t([l({type:String})],pt.prototype,"_direction",void 0);$t([l({type:Boolean})],pt.prototype,"_isMobileMode",void 0);$t([l({type:String})],pt.prototype,"label",void 0);$t([N({type:HTMLElement})],pt.prototype,"dropdown",void 0);$t([N({type:HTMLElement,default:!0})],pt.prototype,"content",void 0);$t([l({type:Boolean})],pt.prototype,"_preventFocusOut",void 0);$t([l({type:Boolean})],pt.prototype,"_isMenuCloseBtn",void 0);$t([Y("@sapudex/web-components")],pt,"i18nBundle",void 0);pt=Aa=$t([B({tag:"udex-masthead-item",renderer:se,languageAware:!0,styles:zX,template:OX,dependencies:[zp,j]}),w("item-click",{bubbles:!0}),w("dropdown-closed",{bubbles:!0}),w("dropdown-opened",{bubbles:!0})],pt);pt.define();const FX=pt;function XX(i,e,t){return c`<nav class="udex-masthead-mobile-menu"><div class="udex-masthead-mobile-menu__nav-holder">${this.hasSearchSlot?UX.call(this,i,e,t):void 0}<ul class="udex-masthead-mobile-menu__list" role="menu" @keydown="${this.handlePressKey}">${this.showNavigation?jX.call(this,i,e,t):void 0}${this._showCategories?WX.call(this,i,e,t):void 0}${this._showCategoryItems?sU.call(this,i,e,t):void 0}</ul></div>${this.showExploreBtn?lU.call(this,i,e,t):void 0}</nav> `}function UX(i,e,t){return c`<div class="udex-masthead-mobile-menu__list-search"><slot name="search"></slot></div>`}function jX(i,e,t){return c`${oe(this.items,(o,r)=>o._id||r,(o,r)=>HX.call(this,i,e,t,o,r))}`}function HX(i,e,t,o,r){return c`<li class="udex-masthead-mobile-menu__list-item" role="none">${o.subItems?qX.call(this,i,e,t,o,r):VX.call(this,i,e,t,o,r)}</li>`}function qX(i,e,t,o,r){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" @click="${this.handleMenuItemClick}" label="${s(o.innerText)}" aria-has-popup="true" id="${s(o._id)}" type="Button" first-level-btn first-level has-border icon-end></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" @click="${this.handleMenuItemClick}" label="${s(o.innerText)}" aria-has-popup="true" id="${s(o._id)}" type="Button" first-level-btn first-level has-border icon-end></udex-masthead-menu-item>`}function VX(i,e,t,o,r){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" @click="${this.handleMobileItemEvent}" url="${s(o.href)}" label="${s(o.innerText)}" target="${s(o.target)}" first-level has-border></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" @click="${this.handleMobileItemEvent}" url="${s(o.href)}" label="${s(o.innerText)}" target="${s(o.target)}" first-level has-border></udex-masthead-menu-item>`}function WX(i,e,t){return c`<li class="udex-masthead-mobile-menu__list-item" role="none">${this._hideExploreSapBtn?GX.call(this,i,e,t):YX.call(this,i,e,t)}</li>${this._clickedItem.href?QX.call(this,i,e,t):void 0}${oe(this._categories,(o,r)=>o._id||r,(o,r)=>JX.call(this,i,e,t,o,r))}`}function GX(i,e,t){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" class="udex-masthead-mobile-menu__back-item" @click="${this.handleExploreBackToMenuItems}" label="${s(this._clickedItem.innerText)}" type="Button" is-back has-border icon-start is-explore-back></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" class="udex-masthead-mobile-menu__back-item" @click="${this.handleExploreBackToMenuItems}" label="${s(this._clickedItem.innerText)}" type="Button" is-back has-border icon-start is-explore-back></udex-masthead-menu-item>`}function YX(i,e,t){return c`${this.isNotMultipleMode?KX.call(this,i,e,t):ZX.call(this,i,e,t)}`}function KX(i,e,t){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" class="udex-masthead-mobile-menu__heading" label="${s(this._clickedItem.innerText)}" type="Heading" has-border></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" class="udex-masthead-mobile-menu__heading" label="${s(this._clickedItem.innerText)}" type="Heading" has-border></udex-masthead-menu-item>`}function ZX(i,e,t){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToMenuItems}" label="${s(this._clickedItem.innerText)}" aria-has-popup="true" type="Button" is-back has-border icon-start is-back-to-nav></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToMenuItems}" label="${s(this._clickedItem.innerText)}" aria-has-popup="true" type="Button" is-back has-border icon-start is-back-to-nav></udex-masthead-menu-item>`}function QX(i,e,t){return t?c`<li class="udex-masthead-mobile-menu__list-item" role="none"><${g("udex-masthead-menu-item",e,t)} part="menu-item" url="${s(this._clickedItem.href)}" label="${s(this.overviewLinkText)}" @click="${this.handleMobileItemEvent}" second-level has-border></${g("udex-masthead-menu-item",e,t)}></li>`:c`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item part="menu-item" url="${s(this._clickedItem.href)}" label="${s(this.overviewLinkText)}" @click="${this.handleMobileItemEvent}" second-level has-border></udex-masthead-menu-item></li>`}function JX(i,e,t,o,r){return c`${o.items.length?eU.call(this,i,e,t,o,r):rU.call(this,i,e,t,o,r)}`}function eU(i,e,t,o,r){return c`${o.category?tU.call(this,i,e,t,o,r):iU.call(this,i,e,t,o,r)}`}function tU(i,e,t,o,r){return t?c`<li class="udex-masthead-mobile-menu__list-item" role="none"><${g("udex-masthead-menu-item",e,t)} part="menu-item" @click="${this.handleMenuCategoryClick}" id="${r}" label="${s(o.category)}" aria-has-popup="true" type="Button" second-level-btn second-level has-border icon-end></${g("udex-masthead-menu-item",e,t)}></li>`:c`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item part="menu-item" @click="${this.handleMenuCategoryClick}" id="${r}" label="${s(o.category)}" aria-has-popup="true" type="Button" second-level-btn second-level has-border icon-end></udex-masthead-menu-item></li>`}function iU(i,e,t,o,r){return c`${oe(o.items,(a,n)=>a._id||n,(a,n)=>oU.call(this,i,e,t,a,n))}`}function oU(i,e,t,o,r){return t?c`<li class="udex-masthead-mobile-menu__list-item" role="none"><${g("udex-masthead-menu-item",e,t)} part="menu-item" @click="${this.handleMobileItemEvent}" url="${s(o.url)}" label="${s(o.title)}" second-level has-border></${g("udex-masthead-menu-item",e,t)}></li>`:c`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item part="menu-item" @click="${this.handleMobileItemEvent}" url="${s(o.url)}" label="${s(o.title)}" second-level has-border></udex-masthead-menu-item></li>`}function rU(i,e,t,o,r){return c`<li class="udex-masthead-mobile-menu__list-item" role="none">${o.url?aU.call(this,i,e,t,o,r):nU.call(this,i,e,t,o,r)}</li>`}function aU(i,e,t,o,r){return t?c`<${g("udex-masthead-menu-item",e,t)} id="${r}" @click="${this.handleMobileItemEvent}" label="${s(o.category)}" url="${s(o.url)}" part="menu-item" type="Link" second-level has-border></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item id="${r}" @click="${this.handleMobileItemEvent}" label="${s(o.category)}" url="${s(o.url)}" part="menu-item" type="Link" second-level has-border></udex-masthead-menu-item>`}function nU(i,e,t,o,r){return t?c`<${g("udex-masthead-menu-item",e,t)} id="${r}" @click="${this.handleMobileItemEvent}" label="${s(o.category)}" part="menu-item" type="Button" second-level has-border></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item id="${r}" @click="${this.handleMobileItemEvent}" label="${s(o.category)}" part="menu-item" type="Button" second-level has-border></udex-masthead-menu-item>`}function sU(i,e,t){return t?c`<li class="udex-masthead-mobile-menu__list-item" role="none"><${g("udex-masthead-menu-item",e,t)} part="menu-item" class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToCategories}" label="${s(this._category.category)}" type="Button" aria-has-popup="true" has-border icon-start is-back is-back-to-categories></${g("udex-masthead-menu-item",e,t)}></li>${this._category.url?N1.call(this,i,e,t):void 0}${oe(this._category.items,(o,r)=>o._id||r,(o,r)=>L1.call(this,i,e,t,o,r))}`:c`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item part="menu-item" class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToCategories}" label="${s(this._category.category)}" type="Button" aria-has-popup="true" has-border icon-start is-back is-back-to-categories></udex-masthead-menu-item></li>${this._category.url?N1.call(this,i,e,t):void 0}${oe(this._category.items,(o,r)=>o._id||r,(o,r)=>L1.call(this,i,e,t,o,r))}`}function N1(i,e,t){return t?c`<li class="udex-masthead-mobile-menu__list-item" role="none"><${g("udex-masthead-menu-item",e,t)} part="menu-item" @click="${this.handleMobileCategoryItemEvent}" url="${s(this._category.url)}" label="${s(this.overviewLinkText)}" third-level has-border></${g("udex-masthead-menu-item",e,t)}></li>`:c`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item part="menu-item" @click="${this.handleMobileCategoryItemEvent}" url="${s(this._category.url)}" label="${s(this.overviewLinkText)}" third-level has-border></udex-masthead-menu-item></li>`}function L1(i,e,t,o,r){return c`${o.url?dU.call(this,i,e,t,o,r):void 0}`}function dU(i,e,t,o,r){return t?c`<li class="udex-masthead-mobile-menu__list-item" role="none"><${g("udex-masthead-menu-item",e,t)} part="menu-item" @click="${this.handleMobileCategoryItemEvent}" label="${s(o.title)}" url="${s(o.url)}" third-level has-border></${g("udex-masthead-menu-item",e,t)}></li>`:c`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item part="menu-item" @click="${this.handleMobileCategoryItemEvent}" label="${s(o.title)}" url="${s(o.url)}" third-level has-border></udex-masthead-menu-item></li>`}function lU(i,e,t){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" class="udex-masthead-mobile-menu__explore-btn" id="${s(this.exploreItem._id)}" @click="${this.handleExploreSapClick}" @keydown="${this.handleLeftRightKeys}" accessible-role-text="button" aria-has-popup="true" type="Button" first-level-btn first-level icon-end is-explore label="${s(this.exploreItem.innerText)}"></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" class="udex-masthead-mobile-menu__explore-btn" id="${s(this.exploreItem._id)}" @click="${this.handleExploreSapClick}" @keydown="${this.handleLeftRightKeys}" accessible-role-text="button" aria-has-popup="true" type="Button" first-level-btn first-level icon-end is-explore label="${s(this.exploreItem.innerText)}"></udex-masthead-menu-item>`}function uU(){return XX.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const cU=`:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m)}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:""}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}@media (max-width: 979px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (max-width: 639px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}
|
|
319
|
-
`;var sn=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},wm;const hU=2,pU=1;let lr=wm=class extends X{onAfterRendering(){this._mastheadShell=this.mastheadShell,this.handleMenuMode(),this.setTabIndexForItems(),this.handleFocusItem()}handleMenuItemClick(e){e.preventDefault(),e.stopPropagation();const t=this.getClickedItem(e.target);this.openCategories(t),this.setFocusItemByIndex(0),this.fireMobileItemEvent(e)}handleMenuCategoryClick(e){e.preventDefault(),e.stopPropagation(),this.openCategoryItems(e),this.setFocusItemByIndex(0),this.fireMobileItemEvent(e)}handleExploreSapClick(e){e.preventDefault(),this.openExploreSapMenu(e),this.setFocusItemByIndex(0),this.fireExploreSapMobileButton(e)}handleBackToMenuItems(e){e.stopPropagation(),this.showFirstLevelMenu(),this.setFocusItemByIndex(this.items.indexOf(this._clickedItem)),this.fireMobileItemEvent(e)}handleBackToCategories(e){e.stopPropagation(),this.showCategories(),this.setFocusItemByIndex(this._category.index),this.fireMobileItemEvent(e)}handleExploreBackToMenuItems(e){e.stopPropagation(),this.showFirstLevelMenu(),this.setFocusExploreBtn(),this.fireMobileItemEvent(e)}handlePressKey(e){this.handleUpArrow(e),this.handleDownArrow(e),this.handleLeftRightKeys(e),this.handleHomeKey(e),this.handleEndKey(e)}handleLeftRightKeys(e){this.handleRightArrow(e),this.handleLeftArrow(e)}handleRightArrow(e){Ae(e)&&(e.preventDefault(),this.handleDirection(),this.isRtlDirection?this.moveToBackWithKeyboard(e):this.moveToNextLevelWithKeyboard(e))}handleLeftArrow(e){De(e)&&(e.preventDefault(),this.handleDirection(),this.isRtlDirection?this.moveToNextLevelWithKeyboard(e):this.moveToBackWithKeyboard(e))}handleUpArrow(e){Ge(e)&&(e.preventDefault(),this.focusPreviousItem(e))}handleDownArrow(e){Xe(e)&&(e.preventDefault(),this.focusNextItem(e))}handleDirection(){const e=window.getComputedStyle(this).getPropertyValue("direction");e?this._direction=e:this._direction="ltr"}handleMobileItemEvent(e){e.stopPropagation(),this.fireMobileItemEvent(e)}handleMobileCategoryItemEvent(e){e.stopPropagation(),this.fireMobileItemEvent(e,this._category.category)}handleMenuMode(){this.isNoMenuItemsMode&&this.hasExploreBtnSlot&&this.openCategories(this.exploreItem),this.isSingleMenuMode&&!this._hideExploreSapBtn&&this.openCategories(this.items[0])}handleFocusItem(){this._shouldFocusItemByIndex&&this.focusItemByIndex(this._focusedItemIndex),this._shouldFocusExploreBtn&&this.focusExploreBtn()}moveToBackWithKeyboard(e){const t=e.target;t.hasAttribute("is-back-to-nav")&&(this.showFirstLevelMenu(),this.setFocusItemByIndex(this.items.indexOf(this._clickedItem)),this.fireMobileItemEvent(e)),t.hasAttribute("is-back-to-categories")&&(this.showCategories(),this.setFocusItemByIndex(this._category.index),this.fireMobileItemEvent(e)),t.hasAttribute("is-explore-back")&&(this.showFirstLevelMenu(),this.setFocusExploreBtn(),this._focusedItemIndex=0,this.fireMobileItemEvent(e))}moveToNextLevelWithKeyboard(e){const t=e.target,o=this.getClickedItem(e.target);t.hasAttribute("is-explore")&&(this._hideExploreSapBtn=!0,this._showCategoryItems=!1,this.fireMobileItemEvent(e)),t.hasAttribute("first-level-btn")&&(this.openCategories(o),this.fireMobileItemEvent(e)),t.hasAttribute("second-level-btn")&&(this.openCategoryItems(e),this.fireMobileItemEvent(e)),this.setFocusItemByIndex(0)}focusItemByIndex(e){var t;(t=this.getListItemByIndex(e))==null||t.focus(),this._shouldFocusItemByIndex=!1}focusExploreBtn(){this.exploreBtnMenu.focus(),this._shouldFocusExploreBtn=!1}focusPreviousItem(e){const t=this.getCurrentIndex(e.target),o=this.navigationItems.length-1,r=t-1<0?o:t-1,a=this.getListItemByIndex(t);let n=this.getListItemByIndex(r);n.type===ta.Heading&&(n=this.getListItemByIndex(o)),a._tabIndex="-1",n._tabIndex="0",n.focus()}focusNextItem(e){const t=this.getCurrentIndex(e.target),o=this.navigationItems.length,r=t+1>o-1?0:t+1,a=this.getListItemByIndex(t);let n=this.getListItemByIndex(r);n.type===ta.Heading&&(n=this.getListItemByIndex(r+1)),a._tabIndex="-1",n._tabIndex="0",n.focus()}handleEndKey(e){if(Qt(e)){e.preventDefault();const t=this.getCurrentIndex(e.target),o=this.navigationItems.length-1,r=this.getListItemByIndex(t),a=this.getListItemByIndex(o);r._tabIndex="-1",a._tabIndex="0",a.focus()}}handleHomeKey(e){if(mt(e)){e.preventDefault();const t=this.getCurrentIndex(e.target),o=this.getListItemByIndex(t),a=this.getListItemByIndex(0).type===ta.Heading?1:0;o._tabIndex="-1",this.getListItemByIndex(a)._tabIndex="0",this.getListItemByIndex(a).focus()}}openExploreSapMenu(e){const t=this.getClickedItem(e.target);this._hideExploreSapBtn=!0,this._showCategoryItems=!1,this.openCategories(t)}openCategories(e){this._clickedItem=e,this._categories=this.getCategories(e.getSubItems()),this._showCategories=!0}openCategoryItems(e){const t=e.target,o=this._clickedItem.href?hU:pU,r=Number(t.getAttribute("id"));this._category={...this._categories[r],index:r+o},this._showCategories=!1,this._showCategoryItems=!0}showFirstLevelMenu(){this._showCategories=!1,this._showCategoryItems=!1,this._hideExploreSapBtn=!1}showCategories(){this._showCategories=!0,this._showCategoryItems=!1}fireMobileItemEvent(e,t){var n;const o=e.target,r=o.hasAttribute("is-back"),a={...t&&{category:t},item:o,isMobile:!0,isBack:r,analyticsPath:this.buildAnalyticsPath(o),originalEvent:e,analyticsName:Xi.Header,sourceNode:(n=o.shadowRoot)==null?void 0:n.querySelector(".udex-masthead-menu-item")};this.fireDecoratorEvent("item-click",a),o.url&&this._mastheadShell&&this.closeMenu()}fireExploreSapMobileButton(e){var t;this.fireDecoratorEvent("explorer-menu-click",{originalEvent:e,analyticsName:Xi.Header,sourceNode:(t=e.target.shadowRoot)==null?void 0:t.querySelector(".udex-masthead-menu-item")})}setFocusItemByIndex(e){this._shouldFocusItemByIndex=!0,this._focusedItemIndex=e}setFocusExploreBtn(){this._shouldFocusExploreBtn=!0}getClickedItem(e){return[...this.items,this.hasExploreBtnSlot?this.exploreItem:[]].find(o=>o._id===e.getAttribute("id"))}getCategories(e){const t=[];return e==null||e.forEach(o=>{o.subMenuLinkItems.forEach(r=>{t.push(r)})}),t}getCurrentIndex(e){return this.navigationItems.indexOf(e)}getListItemByIndex(e){return this.navigationItems[e]}setTabIndexForItems(){this.navigationItems.forEach((e,t)=>{var r;if(this._focusedItemIndex>0){e._tabIndex=t===this._focusedItemIndex?"0":"-1";return}const o=((r=this.navigationItems[t-1])==null?void 0:r.type)===ta.Heading;e._tabIndex=o||t===0?"0":"-1"})}buildAnalyticsPath(e){const t=this.getListItemByIndex(0).label.trim(),o=e.hasAttribute("first-level"),r=e.hasAttribute("second-level"),a=e.hasAttribute("third-level"),n=e.hasAttribute("is-back-to-categories"),d=e.hasAttribute("is-back-to-nav")||this._hideExploreSapBtn,u=!this.showExploreBtn&&!!this.items.length,h=e.label.trim(),m=[];return d&&(this._navItem=void 0,m.length=0),o?(this._navItem=e,m.push(h)):r?m.push(...this._navItem?[t,h]:[h]):a?m.push(...this._navItem?[this._navItem.label.trim(),t,h]:[t,h]):n&&this._navItem&&m.push(this._navItem.label.trim()),u&&m.unshift(this.exploreItem.label),m}closeMenu(){var e;this._mastheadShell.closeMobileMenu(),(e=this._mastheadShell.mobileBtn)==null||e.focus()}get mastheadShell(){return document.querySelector("[udex-masthead-shell]")}get exploreBtnMenu(){return this.shadowRoot.querySelector(".udex-masthead-mobile-menu__explore-btn")}get isRtlDirection(){return this._direction==="rtl"}get navigationItems(){return Array.from(this.shadowRoot.querySelectorAll("ul [udex-masthead-menu-item]"))}get showNavigation(){return!this._showCategories&&!this._showCategoryItems}get overviewLinkText(){return wm.i18nBundle.getText(eD)}get exploreItem(){return this.getSlottedNodes("exploreSapMobileButton")[0]}get showExploreBtn(){return this.hasExploreBtnSlot&&!this._hideExploreSapBtn&&!!this.items.length}get hasExploreBtnSlot(){return!!this.getSlottedNodes("exploreSapMobileButton").length}get hasSearchSlot(){return!!this.search.length}get isCategoriesOpen(){return!this._showCategoryItems}get isSingleMenuMode(){return this.items.length===1&&this.isCategoriesOpen}get isNoMenuItemsMode(){return this.items.length===0&&this.isCategoriesOpen}get isNotMultipleMode(){return this.isSingleMenuMode||this.isNoMenuItemsMode}};sn([N({type:Node})],lr.prototype,"search",void 0);sn([N({type:HTMLElement,default:!0})],lr.prototype,"items",void 0);sn([N({type:HTMLElement})],lr.prototype,"exploreSapMobileButton",void 0);sn([l({type:Boolean})],lr.prototype,"_showCategories",void 0);sn([l({type:Boolean})],lr.prototype,"_hideExploreSapBtn",void 0);sn([l({type:Boolean})],lr.prototype,"_showCategoryItems",void 0);sn([l({type:String})],lr.prototype,"_direction",void 0);sn([Y("@sapudex/web-components")],lr,"i18nBundle",void 0);lr=wm=sn([B({tag:"udex-masthead-mobile-menu",renderer:se,styles:cU,template:uU,dependencies:[I_]}),w("item-click",{cancelable:!0,bubbles:!1}),w("explorer-menu-click",{bubbles:!0})],lr);lr.define();const _U=lr;function vU(i,e,t){return c`<div @keydown="${this.handleKeydown}" class="${s(this.rootClass)}">${this._openIdentities?gU.call(this,i,e,t):mU.call(this,i,e,t)}</div> `}function gU(i,e,t){return t?c`<div class="udex-masthead-profile-menu__header-wrap back-btn"><${g("udex-masthead-menu-item",e,t)} class="udex-masthead-profile-menu__btn-back" @click="${this.handleSwitcherClick}" label="${s(this.btnBackText)}" type="Button" icon-start></${g("udex-masthead-menu-item",e,t)}><span class="udex-masthead-profile-menu__switcher-title">${s(this.switcherAccountText)}</span></div><div class="udex-masthead-profile-menu__identities-list-wrap"><span class="udex-masthead-profile-menu__identities-list-title">${s(this.listTitleText)}</span>${this.identitiesList.length?M1.call(this,i,e,t):void 0}<${g("udex-button",e,t)} @click="${this.fireEventAddOrRemoveAccountClick}" class="udex-masthead-profile-menu__add-remove-btn" design="Primary" end-icon="action" size="Large">${s(this.addOrRemoveAccountText)}</${g("udex-button",e,t)}></div>`:c`<div class="udex-masthead-profile-menu__header-wrap back-btn"><udex-masthead-menu-item class="udex-masthead-profile-menu__btn-back" @click="${this.handleSwitcherClick}" label="${s(this.btnBackText)}" type="Button" icon-start></udex-masthead-menu-item><span class="udex-masthead-profile-menu__switcher-title">${s(this.switcherAccountText)}</span></div><div class="udex-masthead-profile-menu__identities-list-wrap"><span class="udex-masthead-profile-menu__identities-list-title">${s(this.listTitleText)}</span>${this.identitiesList.length?M1.call(this,i,e,t):void 0}<udex-button @click="${this.fireEventAddOrRemoveAccountClick}" class="udex-masthead-profile-menu__add-remove-btn" design="Primary" end-icon="action" size="Large">${s(this.addOrRemoveAccountText)}</udex-button></div>`}function M1(i,e,t){return t?c`<${g("udex-list",e,t)} class="udex-masthead-profile-menu__identities-list" mode="SingleSelect" accessible-name="${s(this.listTitleText)}" controlled>${oe(this.identitiesList,(o,r)=>o._id||r,(o,r)=>O1.call(this,i,e,t,o,r))}</${g("udex-list",e,t)}>`:c`<udex-list class="udex-masthead-profile-menu__identities-list" mode="SingleSelect" accessible-name="${s(this.listTitleText)}" controlled>${oe(this.identitiesList,(o,r)=>o._id||r,(o,r)=>O1.call(this,i,e,t,o,r))}</udex-list>`}function O1(i,e,t,o,r){return t?c`<${g("udex-list-item",e,t)} id="${s(o.idsUser)}" class="udex-masthead-profile-menu__identities-list-item" @ui5-item-press="${s(this.fireEventIdentityItemClick)}" supporting-text="${s(o.supportingText)}" image-badge-state="${s(o.statusBadge)}" image="${s(o.avatarUrl)}" image-alt="${s(o.name)}">${s(o.email)}</${g("udex-list-item",e,t)}>`:c`<udex-list-item id="${s(o.idsUser)}" class="udex-masthead-profile-menu__identities-list-item" @ui5-item-press="${s(this.fireEventIdentityItemClick)}" supporting-text="${s(o.supportingText)}" image-badge-state="${s(o.statusBadge)}" image="${s(o.avatarUrl)}" image-alt="${s(o.name)}">${s(o.email)}</udex-list-item>`}function mU(i,e,t){return t?c`<div class="udex-masthead-profile-menu__header">${this.userData?z1.call(this,i,e,t):void 0}</div>${this.messageAvailable?U1.call(this,i,e,t):void 0}<div class="udex-masthead-profile-menu__links"><${g("udex-masthead-menu",e,t)} exportparts="badge, menu-item" part="menu" sub-items='${s(this.linksList)}' @ui5-menu-item-click="${s(this.handleProfileMenuItemClick)}"></${g("udex-masthead-menu",e,t)}>${this.logoutLink?j1.call(this,i,e,t):void 0}</div>`:c`<div class="udex-masthead-profile-menu__header">${this.userData?z1.call(this,i,e,t):void 0}</div>${this.messageAvailable?U1.call(this,i,e,t):void 0}<div class="udex-masthead-profile-menu__links"><udex-masthead-menu exportparts="badge, menu-item" part="menu" sub-items='${s(this.linksList)}' @ui5-menu-item-click="${s(this.handleProfileMenuItemClick)}"></udex-masthead-menu>${this.logoutLink?j1.call(this,i,e,t):void 0}</div>`}function z1(i,e,t){return t?c`<${g("udex-avatar",e,t)} aria-hidden="true" size="L" initials="${s(this.userData.avatarInitials)}">${this.userData.avatarUrl?F1.call(this,i,e,t):void 0}</${g("udex-avatar",e,t)}><div><p class="udex-profile-menu__account-name">${s(this.userData.name)}</p><p class="udex-profile-menu__account-email">${s(this.userData.email)}</p>${this.hasIdentities?X1.call(this,i,e,t):void 0}</div>`:c`<udex-avatar aria-hidden="true" size="L" initials="${s(this.userData.avatarInitials)}">${this.userData.avatarUrl?F1.call(this,i,e,t):void 0}</udex-avatar><div><p class="udex-profile-menu__account-name">${s(this.userData.name)}</p><p class="udex-profile-menu__account-email">${s(this.userData.email)}</p>${this.hasIdentities?X1.call(this,i,e,t):void 0}</div>`}function F1(i,e,t){return c`<img src="${s(this.userData.avatarUrl)}" alt="avatar"/>`}function X1(i,e,t){return t?c`<${g("udex-button",e,t)} @click="${this.handleSwitcherClick}" class="udex-masthead-profile-menu__btn-switcher" size="Large" end-icon="slim-arrow-right" design="Invisible">${s(this.switcherAccountText)}</${g("udex-button",e,t)}>`:c`<udex-button @click="${this.handleSwitcherClick}" class="udex-masthead-profile-menu__btn-switcher" size="Large" end-icon="slim-arrow-right" design="Invisible">${s(this.switcherAccountText)}</udex-button>`}function U1(i,e,t){return c`<div class="udex-masthead-profile-menu__message"><slot name="message"></slot></div>`}function j1(i,e,t){return t?c`<div class="udex-masthead-profile-menu__actions"><${g("udex-masthead-menu-item",e,t)} @click="${this.handleUserLogoutItemClick}" label="${s(this.logoutText)}" url="${s(this.logoutUrl)}"></${g("udex-masthead-menu-item",e,t)}></div>`:c`<div class="udex-masthead-profile-menu__actions"><udex-masthead-menu-item @click="${this.handleUserLogoutItemClick}" label="${s(this.logoutText)}" url="${s(this.logoutUrl)}"></udex-masthead-menu-item></div>`}function fU(){return vU.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const bU=`:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-paddings-desktop: 64px 48px 80px 48px;--udex-masthead-profile-menu-paddings-mobile: var(--udexSpacer24, 24px);--udex-masthead-profile-menu-paddings-mobile-s: var(--udexSpacer24, 24px) var(--udexSpacer48, 48px);--udex-masthead-profile-menu-background-color: var(--udexColorNeutralWhite, #FFF);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;gap:var(--udexSpacer48);background-color:var(--udex-masthead-profile-menu-background-color);padding:var(--udex-masthead-profile-menu-paddings-desktop);box-sizing:border-box}.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:var(--udexSpacer40)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}.udex-masthead-profile-menu__actions{border-top:1px solid var(--udex-masthead-profile-menu-login-border-color);position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile);gap:var(--udexSpacer24);box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);display:block}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer24)}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:initial;verflow:initial}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__identities-list-item{margin-bottom:var(--udexSpacer4)}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}@media (max-width: 1279px){.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:""}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile);gap:var(--udexSpacer32);box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__actions{border-top:0}udex-masthead-menu-item::part(menu-item){justify-content:center}}@media (max-width: 979px){.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile-s)}}@media (max-width: 639px){.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile)}}
|
|
318
|
+
`;var $t=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Aa,Zs;(function(i){i.Open="Open",i.Close="Close",i.ClickOutside="Click Outside"})(Zs||(Zs={}));let pt=Aa=class extends X{constructor(){super(...arguments),this.subItems="",this.menuTitle="",this.icon="",this.target=or._self,this.iconAlt=""}onEnterDOM(){be()&&this.setAttribute("desktop","")}onBeforeRendering(){this.label=this.eventItemTitle}onAfterRendering(){this._profileAvatar=this.profileAvatar,this._mastheadShell=this.mastheadShell,this.handleDirection(),this.selected&&this.hasDropdownSlot&&!this.isMobile&&!this.isExploreBtn&&this.setDropdownInsetStart(),this.shouldFocusFirstElement&&this.applyFocusToFirstElement(),this.handleOutsideClick()}handleOutsideClick(){document.addEventListener("click",e=>{e.target.closest("[udex-masthead-item]")!==this&&!this.isMobile&&this.selected&&(this.isDropdownOpened&&this.fireDropdownCloseEvent(this.eventItemTitle,Zs.ClickOutside),this.selected=!1)})}handleMouseDown(){this._preventFocusOut=!0}handleMouseUp(){this._preventFocusOut=!1}handleFocusout(e){this.isFocusOutPrevented(e)||this.handleFocusOutForDropdowns(e)}handleFocusOutForDropdowns(e){const t=e.relatedTarget,o=e.target;this.shouldCloseDropdown(t,o)&&this.closeDropdown()}handleKeyDown(e){Qe(e)&&this.hasDropdownSlot&&(this.isMobile?this.handleKeyEscapeMobile():this.handleKeyEscape())}handleKeyEscape(){this.closeDropdown(),this.isProfileBtn?this._profileAvatar.focus():this.focus()}handleKeyEscapeMobile(){var e;this.fireDropdownCloseEvent(this.eventItemTitle,Zs.Close),this._mastheadShell.closeMobileMenu(),(e=this._mastheadShell.mobileBtn)==null||e.focus()}handleItemClick(e){var t;this.isProfileBtn&&((t=this.profileSlot)==null||t.closeIdentitiesPanel()),this.handleSelectedChange(),this.fireItemClickEvent(e),this.fireDropdownEvents()}handleSelectedChange(){this.selected=this.isMobile?!0:!this.selected}fireDropdownEvents(){if(this.hasDropdownSlot){const{Open:e,Close:t}=Zs,o=this.selected?e:t;this.selected?this.fireDropdownOpenEvent(this.eventItemTitle,o):this.fireDropdownCloseEvent(this.eventItemTitle,o)}}fireDropdownCloseEvent(e,t){this.fireDecoratorEvent("dropdown-closed",{title:e,action:t,analyticsName:Xi.Header})}fireDropdownOpenEvent(e,t){this.fireDecoratorEvent("dropdown-opened",{title:e,action:t,analyticsName:Xi.Header})}fireItemClickEvent(e){this.fireDecoratorEvent("item-click",{item:this,originalEvent:e,analyticsName:Xi.Header,sourceNode:e.currentTarget})}setDropdownInsetStart(){const e=this.dropdownHolder;if(e){const t=e.getBoundingClientRect(),o=this.calculateMarginInlineStart(t);o!==null&&(e.style.marginInlineStart=`${o-3}px`)}}calculateMarginInlineStart(e){const{left:t,right:o}=e;return this.isLtrDirection&&t<0?t*-1+15:this.isRtlDirection&&t<0?t-15:this.isRtlDirection&&o>window.innerWidth?o-window.innerWidth+15:this.isLtrDirection&&o>window.innerWidth?window.innerWidth-o-15:null}handleDirection(){const e=window.getComputedStyle(this).getPropertyValue("direction");e?this._direction=e:this._direction="ltr"}closeDropdown(){this.selected=!1,this.fireDropdownCloseEvent(this.accessibleName||this.eventItemTitle,Zs.Close)}async applyFocusToFirstElement(){const e=await ac(this.dropdownHolder);e&&e.focus()}getDomElement(e){var t;return(t=this.shadowRoot)==null?void 0:t.querySelector(`${e}`)}getSubItems(){return Jo(this.subItems)}isFocusOutPrevented(e){return this.isMobile||e.relatedTarget===null||this._preventFocusOut}isProfileButtonTarget(e){return((e==null?void 0:e.tagName)==="UDEX-AVATAR"||(e==null?void 0:e.tagName)==="UDEX-MASTHEAD-ITEM")&&this.isProfileBtn}isNavItemTarget(e){return e.getAttribute("slot")==="dropdown"&&!this.isProfileBtn}isRelatedTargetOutside(e){return(e==null?void 0:e.closest("[udex-masthead-item]"))===null}shouldCloseDropdown(e,t){return this.isRelatedTargetOutside(e)||this.isProfileButtonTarget(e)||this.isNavItemTarget(t)}get dropdownHolder(){return this.getDomElement(".udex-masthead-item__dropdown")}get mastheadShell(){return document.querySelector("[udex-masthead-shell]")}get additionalClass(){const e=this.icon||this.image?"udex-masthead-item__button--icon":"",t=this.isProfileBtn?"udex-masthead-item__button--profile":"",o=this.isExploreBtn?"udex-masthead-item__button--explore":"",r=this.isSupportBtn?"udex-masthead-item__button--support":"",a=this.isCountrySelectorBtn?"udex-masthead-item__button--country-selector":"";return`udex-masthead-item ${e} ${t} ${o} ${a} ${r}`.trim()}get profileAvatar(){return this.querySelector("[udex-avatar]")}get iconAltText(){return this._isMenuCloseBtn?this.accessibleName||this.icon:this.iconAlt}get isRtlDirection(){return this._direction==="rtl"}get isLtrDirection(){return this._direction==="ltr"}get hasHref(){var e;return!!((e=this.href)!=null&&e.length)}get accessibleRoleName(){return this.accessibleRole?this.accessibleRole:"button"}get selectedClass(){return this.selected?" udex-masthead-item__button--active":""}get ariaDescribedBy(){const e=[];return this.isTargetBlank&&e.push("new-win-desc"),this.imageAlt&&e.push("image-desc"),e.length?e.join(" ").trim():void 0}get shouldFocusFirstElement(){return this.isDropdownOpened&&!this._preventFocusOut}get isDropdownOpened(){return this.hasDropdownSlot&&this.selected}get hasDropdownSlot(){return!!this.getSlottedNodes("dropdown").length}get hasArrowDown(){return this.hasDropdownSlot&&!this.isProfileBtn&&!this.icon.length&&!this.hideArrowIcon}get isProfileBtn(){return this.getAttribute("slot")==="profile"}get isExploreBtn(){return this.getAttribute("slot")==="exploreSAP"}get isCountrySelectorBtn(){return this.getAttribute("slot")==="countrySelector"}get isCartBtn(){return this.getAttribute("slot")==="cart"}get isSearchBtn(){return this.icon==="search"}get isSupportBtn(){return this.getAttribute("slot")==="support"}get accessibleLabel(){return this.accessibleName||this.innerText||(this.isProfileBtn?Aa.i18nBundle.getText(v0):"")}get profileSlot(){return this.getSlottedNodes("dropdown")[0]}get isMobile(){var e;return Xo.isAtMost("M")||((e=this.mastheadShell)==null?void 0:e._isMobileMode)}get isTargetBlank(){return this.target===or._blank}get openInNewWindowText(){return Aa.i18nBundle.getText(Tw)}get eventItemTitle(){var e,t;return this.isSearchBtn?Aa.i18nBundle.getText(rD):this.isCartBtn?Aa.i18nBundle.getText(tD):this.isProfileBtn?Aa.i18nBundle.getText(v0):this.isCountrySelectorBtn?Aa.i18nBundle.getText(iD):this.isSupportBtn?Aa.i18nBundle.getText(oD):((t=(e=this.firstChild)==null?void 0:e.nodeValue)==null?void 0:t.trim())||""}};$t([l({type:String})],pt.prototype,"subItems",void 0);$t([l({type:String})],pt.prototype,"menuTitle",void 0);$t([l({type:Boolean})],pt.prototype,"selected",void 0);$t([l({type:Boolean})],pt.prototype,"hideArrowIcon",void 0);$t([l({type:String})],pt.prototype,"icon",void 0);$t([l({type:String})],pt.prototype,"image",void 0);$t([l({type:String})],pt.prototype,"imageAlt",void 0);$t([l({type:String})],pt.prototype,"href",void 0);$t([l()],pt.prototype,"target",void 0);$t([l({type:String})],pt.prototype,"accessibleName",void 0);$t([l({type:String})],pt.prototype,"accessibleRole",void 0);$t([l({type:String})],pt.prototype,"iconAlt",void 0);$t([l({type:Boolean})],pt.prototype,"hideActiveBorder",void 0);$t([l({type:String})],pt.prototype,"_direction",void 0);$t([l({type:Boolean})],pt.prototype,"_isMobileMode",void 0);$t([l({type:String})],pt.prototype,"label",void 0);$t([N({type:HTMLElement})],pt.prototype,"dropdown",void 0);$t([N({type:HTMLElement,default:!0})],pt.prototype,"content",void 0);$t([l({type:Boolean})],pt.prototype,"_preventFocusOut",void 0);$t([l({type:Boolean})],pt.prototype,"_isMenuCloseBtn",void 0);$t([Y("@sapudex/web-components")],pt,"i18nBundle",void 0);pt=Aa=$t([B({tag:"udex-masthead-item",renderer:se,languageAware:!0,styles:zX,template:OX,dependencies:[zp,j]}),w("item-click",{bubbles:!0}),w("dropdown-closed",{bubbles:!0}),w("dropdown-opened",{bubbles:!0})],pt);pt.define();const FX=pt;function XX(i,e,t){return c`<nav class="udex-masthead-mobile-menu"><div class="udex-masthead-mobile-menu__nav-holder">${this.hasSearchSlot?UX.call(this,i,e,t):void 0}<ul class="udex-masthead-mobile-menu__list" role="menu" @keydown="${this.handlePressKey}">${this.showNavigation?jX.call(this,i,e,t):void 0}${this._showCategories?WX.call(this,i,e,t):void 0}${this._showCategoryItems?sU.call(this,i,e,t):void 0}</ul></div>${this.showExploreBtn?lU.call(this,i,e,t):void 0}</nav> `}function UX(i,e,t){return c`<div class="udex-masthead-mobile-menu__list-search"><slot name="search"></slot></div>`}function jX(i,e,t){return c`${oe(this.items,(o,r)=>o._id||r,(o,r)=>HX.call(this,i,e,t,o,r))}`}function HX(i,e,t,o,r){return c`<li class="udex-masthead-mobile-menu__list-item" role="none">${o.subItems?qX.call(this,i,e,t,o,r):VX.call(this,i,e,t,o,r)}</li>`}function qX(i,e,t,o,r){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" @click="${this.handleMenuItemClick}" label="${s(o.innerText)}" aria-has-popup="true" id="${s(o._id)}" type="Button" first-level-btn first-level has-border icon-end></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" @click="${this.handleMenuItemClick}" label="${s(o.innerText)}" aria-has-popup="true" id="${s(o._id)}" type="Button" first-level-btn first-level has-border icon-end></udex-masthead-menu-item>`}function VX(i,e,t,o,r){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" @click="${this.handleMobileItemEvent}" url="${s(o.href)}" label="${s(o.innerText)}" target="${s(o.target)}" first-level has-border></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" @click="${this.handleMobileItemEvent}" url="${s(o.href)}" label="${s(o.innerText)}" target="${s(o.target)}" first-level has-border></udex-masthead-menu-item>`}function WX(i,e,t){return c`<li class="udex-masthead-mobile-menu__list-item" role="none">${this._hideExploreSapBtn?GX.call(this,i,e,t):YX.call(this,i,e,t)}</li>${this._clickedItem.href?QX.call(this,i,e,t):void 0}${oe(this._categories,(o,r)=>o._id||r,(o,r)=>JX.call(this,i,e,t,o,r))}`}function GX(i,e,t){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" class="udex-masthead-mobile-menu__back-item" @click="${this.handleExploreBackToMenuItems}" label="${s(this._clickedItem.innerText)}" type="Button" is-back has-border icon-start is-explore-back></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" class="udex-masthead-mobile-menu__back-item" @click="${this.handleExploreBackToMenuItems}" label="${s(this._clickedItem.innerText)}" type="Button" is-back has-border icon-start is-explore-back></udex-masthead-menu-item>`}function YX(i,e,t){return c`${this.isNotMultipleMode?KX.call(this,i,e,t):ZX.call(this,i,e,t)}`}function KX(i,e,t){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" class="udex-masthead-mobile-menu__heading" label="${s(this._clickedItem.innerText)}" type="Heading" has-border></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" class="udex-masthead-mobile-menu__heading" label="${s(this._clickedItem.innerText)}" type="Heading" has-border></udex-masthead-menu-item>`}function ZX(i,e,t){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToMenuItems}" label="${s(this._clickedItem.innerText)}" aria-has-popup="true" type="Button" is-back has-border icon-start is-back-to-nav></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToMenuItems}" label="${s(this._clickedItem.innerText)}" aria-has-popup="true" type="Button" is-back has-border icon-start is-back-to-nav></udex-masthead-menu-item>`}function QX(i,e,t){return t?c`<li class="udex-masthead-mobile-menu__list-item" role="none"><${g("udex-masthead-menu-item",e,t)} part="menu-item" url="${s(this._clickedItem.href)}" label="${s(this.overviewLinkText)}" @click="${this.handleMobileItemEvent}" second-level has-border></${g("udex-masthead-menu-item",e,t)}></li>`:c`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item part="menu-item" url="${s(this._clickedItem.href)}" label="${s(this.overviewLinkText)}" @click="${this.handleMobileItemEvent}" second-level has-border></udex-masthead-menu-item></li>`}function JX(i,e,t,o,r){return c`${o.items.length?eU.call(this,i,e,t,o,r):rU.call(this,i,e,t,o,r)}`}function eU(i,e,t,o,r){return c`${o.category?tU.call(this,i,e,t,o,r):iU.call(this,i,e,t,o,r)}`}function tU(i,e,t,o,r){return t?c`<li class="udex-masthead-mobile-menu__list-item" role="none"><${g("udex-masthead-menu-item",e,t)} part="menu-item" @click="${this.handleMenuCategoryClick}" id="${r}" label="${s(o.category)}" aria-has-popup="true" type="Button" second-level-btn second-level has-border icon-end></${g("udex-masthead-menu-item",e,t)}></li>`:c`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item part="menu-item" @click="${this.handleMenuCategoryClick}" id="${r}" label="${s(o.category)}" aria-has-popup="true" type="Button" second-level-btn second-level has-border icon-end></udex-masthead-menu-item></li>`}function iU(i,e,t,o,r){return c`${oe(o.items,(a,n)=>a._id||n,(a,n)=>oU.call(this,i,e,t,a,n))}`}function oU(i,e,t,o,r){return t?c`<li class="udex-masthead-mobile-menu__list-item" role="none"><${g("udex-masthead-menu-item",e,t)} part="menu-item" @click="${this.handleMobileItemEvent}" url="${s(o.url)}" label="${s(o.title)}" second-level has-border></${g("udex-masthead-menu-item",e,t)}></li>`:c`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item part="menu-item" @click="${this.handleMobileItemEvent}" url="${s(o.url)}" label="${s(o.title)}" second-level has-border></udex-masthead-menu-item></li>`}function rU(i,e,t,o,r){return c`<li class="udex-masthead-mobile-menu__list-item" role="none">${o.url?aU.call(this,i,e,t,o,r):nU.call(this,i,e,t,o,r)}</li>`}function aU(i,e,t,o,r){return t?c`<${g("udex-masthead-menu-item",e,t)} id="${r}" @click="${this.handleMobileItemEvent}" label="${s(o.category)}" url="${s(o.url)}" part="menu-item" type="Link" second-level has-border></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item id="${r}" @click="${this.handleMobileItemEvent}" label="${s(o.category)}" url="${s(o.url)}" part="menu-item" type="Link" second-level has-border></udex-masthead-menu-item>`}function nU(i,e,t,o,r){return t?c`<${g("udex-masthead-menu-item",e,t)} id="${r}" @click="${this.handleMobileItemEvent}" label="${s(o.category)}" part="menu-item" type="Button" second-level has-border></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item id="${r}" @click="${this.handleMobileItemEvent}" label="${s(o.category)}" part="menu-item" type="Button" second-level has-border></udex-masthead-menu-item>`}function sU(i,e,t){return t?c`<li class="udex-masthead-mobile-menu__list-item" role="none"><${g("udex-masthead-menu-item",e,t)} part="menu-item" class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToCategories}" label="${s(this._category.category)}" type="Button" aria-has-popup="true" has-border icon-start is-back is-back-to-categories></${g("udex-masthead-menu-item",e,t)}></li>${this._category.url?N1.call(this,i,e,t):void 0}${oe(this._category.items,(o,r)=>o._id||r,(o,r)=>L1.call(this,i,e,t,o,r))}`:c`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item part="menu-item" class="udex-masthead-mobile-menu__back-item" @click="${this.handleBackToCategories}" label="${s(this._category.category)}" type="Button" aria-has-popup="true" has-border icon-start is-back is-back-to-categories></udex-masthead-menu-item></li>${this._category.url?N1.call(this,i,e,t):void 0}${oe(this._category.items,(o,r)=>o._id||r,(o,r)=>L1.call(this,i,e,t,o,r))}`}function N1(i,e,t){return t?c`<li class="udex-masthead-mobile-menu__list-item" role="none"><${g("udex-masthead-menu-item",e,t)} part="menu-item" @click="${this.handleMobileCategoryItemEvent}" url="${s(this._category.url)}" label="${s(this.overviewLinkText)}" third-level has-border></${g("udex-masthead-menu-item",e,t)}></li>`:c`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item part="menu-item" @click="${this.handleMobileCategoryItemEvent}" url="${s(this._category.url)}" label="${s(this.overviewLinkText)}" third-level has-border></udex-masthead-menu-item></li>`}function L1(i,e,t,o,r){return c`${o.url?dU.call(this,i,e,t,o,r):void 0}`}function dU(i,e,t,o,r){return t?c`<li class="udex-masthead-mobile-menu__list-item" role="none"><${g("udex-masthead-menu-item",e,t)} part="menu-item" @click="${this.handleMobileCategoryItemEvent}" label="${s(o.title)}" url="${s(o.url)}" third-level has-border></${g("udex-masthead-menu-item",e,t)}></li>`:c`<li class="udex-masthead-mobile-menu__list-item" role="none"><udex-masthead-menu-item part="menu-item" @click="${this.handleMobileCategoryItemEvent}" label="${s(o.title)}" url="${s(o.url)}" third-level has-border></udex-masthead-menu-item></li>`}function lU(i,e,t){return t?c`<${g("udex-masthead-menu-item",e,t)} part="menu-item" class="udex-masthead-mobile-menu__explore-btn" id="${s(this.exploreItem._id)}" @click="${this.handleExploreSapClick}" @keydown="${this.handleLeftRightKeys}" accessible-role-text="button" aria-has-popup="true" type="Button" first-level-btn first-level icon-end is-explore label="${s(this.exploreItem.innerText)}"></${g("udex-masthead-menu-item",e,t)}>`:c`<udex-masthead-menu-item part="menu-item" class="udex-masthead-mobile-menu__explore-btn" id="${s(this.exploreItem._id)}" @click="${this.handleExploreSapClick}" @keydown="${this.handleLeftRightKeys}" accessible-role-text="button" aria-has-popup="true" type="Button" first-level-btn first-level icon-end is-explore label="${s(this.exploreItem.innerText)}"></udex-masthead-menu-item>`}function uU(){return XX.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const cU=`:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m)}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:""}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}@media (max-width: 979px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (max-width: 639px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}
|
|
319
|
+
`;var sn=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},wm;const hU=2,pU=1;let lr=wm=class extends X{onAfterRendering(){this._mastheadShell=this.mastheadShell,this.handleMenuMode(),this.setTabIndexForItems(),this.handleFocusItem()}handleMenuItemClick(e){e.preventDefault(),e.stopPropagation();const t=this.getClickedItem(e.target);this.openCategories(t),this.setFocusItemByIndex(0),this.fireMobileItemEvent(e)}handleMenuCategoryClick(e){e.preventDefault(),e.stopPropagation(),this.openCategoryItems(e),this.setFocusItemByIndex(0),this.fireMobileItemEvent(e)}handleExploreSapClick(e){e.preventDefault(),this.openExploreSapMenu(e),this.setFocusItemByIndex(0),this.fireExploreSapMobileButton(e)}handleBackToMenuItems(e){e.stopPropagation(),this.showFirstLevelMenu(),this.setFocusItemByIndex(this.items.indexOf(this._clickedItem)),this.fireMobileItemEvent(e)}handleBackToCategories(e){e.stopPropagation(),this.showCategories(),this.setFocusItemByIndex(this._category.index),this.fireMobileItemEvent(e)}handleExploreBackToMenuItems(e){e.stopPropagation(),this.showFirstLevelMenu(),this.setFocusExploreBtn(),this.fireMobileItemEvent(e)}handlePressKey(e){this.handleUpArrow(e),this.handleDownArrow(e),this.handleLeftRightKeys(e),this.handleHomeKey(e),this.handleEndKey(e)}handleLeftRightKeys(e){this.handleRightArrow(e),this.handleLeftArrow(e)}handleRightArrow(e){Ae(e)&&(e.preventDefault(),this.handleDirection(),this.isRtlDirection?this.moveToBackWithKeyboard(e):this.moveToNextLevelWithKeyboard(e))}handleLeftArrow(e){De(e)&&(e.preventDefault(),this.handleDirection(),this.isRtlDirection?this.moveToNextLevelWithKeyboard(e):this.moveToBackWithKeyboard(e))}handleUpArrow(e){Ge(e)&&(e.preventDefault(),this.focusPreviousItem(e))}handleDownArrow(e){Xe(e)&&(e.preventDefault(),this.focusNextItem(e))}handleDirection(){const e=window.getComputedStyle(this).getPropertyValue("direction");e?this._direction=e:this._direction="ltr"}handleMobileItemEvent(e){e.stopPropagation(),this.fireMobileItemEvent(e)}handleMobileCategoryItemEvent(e){e.stopPropagation(),this.fireMobileItemEvent(e,this._category.category)}handleMenuMode(){this.isNoMenuItemsMode&&this.hasExploreBtnSlot&&this.openCategories(this.exploreItem),this.isSingleMenuMode&&!this._hideExploreSapBtn&&this.openCategories(this.items[0])}handleFocusItem(){this._shouldFocusItemByIndex&&this.focusItemByIndex(this._focusedItemIndex),this._shouldFocusExploreBtn&&this.focusExploreBtn()}moveToBackWithKeyboard(e){const t=e.target;t.hasAttribute("is-back-to-nav")&&(this.showFirstLevelMenu(),this.setFocusItemByIndex(this.items.indexOf(this._clickedItem)),this.fireMobileItemEvent(e)),t.hasAttribute("is-back-to-categories")&&(this.showCategories(),this.setFocusItemByIndex(this._category.index),this.fireMobileItemEvent(e)),t.hasAttribute("is-explore-back")&&(this.showFirstLevelMenu(),this.setFocusExploreBtn(),this._focusedItemIndex=0,this.fireMobileItemEvent(e))}moveToNextLevelWithKeyboard(e){const t=e.target,o=this.getClickedItem(e.target);t.hasAttribute("is-explore")&&(this._hideExploreSapBtn=!0,this._showCategoryItems=!1,this.fireMobileItemEvent(e)),t.hasAttribute("first-level-btn")&&(this.openCategories(o),this.fireMobileItemEvent(e)),t.hasAttribute("second-level-btn")&&(this.openCategoryItems(e),this.fireMobileItemEvent(e)),this.setFocusItemByIndex(0)}focusItemByIndex(e){var t;(t=this.getListItemByIndex(e))==null||t.focus(),this._shouldFocusItemByIndex=!1}focusExploreBtn(){this.exploreBtnMenu.focus(),this._shouldFocusExploreBtn=!1}focusPreviousItem(e){const t=this.getCurrentIndex(e.target),o=this.navigationItems.length-1,r=t-1<0?o:t-1,a=this.getListItemByIndex(t);let n=this.getListItemByIndex(r);n.type===ta.Heading&&(n=this.getListItemByIndex(o)),a._tabIndex="-1",n._tabIndex="0",n.focus()}focusNextItem(e){const t=this.getCurrentIndex(e.target),o=this.navigationItems.length,r=t+1>o-1?0:t+1,a=this.getListItemByIndex(t);let n=this.getListItemByIndex(r);n.type===ta.Heading&&(n=this.getListItemByIndex(r+1)),a._tabIndex="-1",n._tabIndex="0",n.focus()}handleEndKey(e){if(Qt(e)){e.preventDefault();const t=this.getCurrentIndex(e.target),o=this.navigationItems.length-1,r=this.getListItemByIndex(t),a=this.getListItemByIndex(o);r._tabIndex="-1",a._tabIndex="0",a.focus()}}handleHomeKey(e){if(mt(e)){e.preventDefault();const t=this.getCurrentIndex(e.target),o=this.getListItemByIndex(t),a=this.getListItemByIndex(0).type===ta.Heading?1:0;o._tabIndex="-1",this.getListItemByIndex(a)._tabIndex="0",this.getListItemByIndex(a).focus()}}openExploreSapMenu(e){const t=this.getClickedItem(e.target);this._hideExploreSapBtn=!0,this._showCategoryItems=!1,this.openCategories(t)}openCategories(e){this._clickedItem=e,this._categories=this.getCategories(e.getSubItems()),this._showCategories=!0}openCategoryItems(e){const t=e.target,o=this._clickedItem.href?hU:pU,r=Number(t.getAttribute("id"));this._category={...this._categories[r],index:r+o},this._showCategories=!1,this._showCategoryItems=!0}showFirstLevelMenu(){this._showCategories=!1,this._showCategoryItems=!1,this._hideExploreSapBtn=!1}showCategories(){this._showCategories=!0,this._showCategoryItems=!1}fireMobileItemEvent(e,t){var n;const o=e.target,r=o.hasAttribute("is-back"),a={...t&&{category:t},item:o,isMobile:!0,isBack:r,analyticsPath:this.buildAnalyticsPath(o),originalEvent:e,analyticsName:Xi.Header,sourceNode:(n=o.shadowRoot)==null?void 0:n.querySelector(".udex-masthead-menu-item")};this.fireDecoratorEvent("item-click",a),o.url&&this._mastheadShell&&this.closeMenu()}fireExploreSapMobileButton(e){var t;this.fireDecoratorEvent("explorer-menu-click",{originalEvent:e,analyticsName:Xi.Header,sourceNode:(t=e.target.shadowRoot)==null?void 0:t.querySelector(".udex-masthead-menu-item")})}setFocusItemByIndex(e){this._shouldFocusItemByIndex=!0,this._focusedItemIndex=e}setFocusExploreBtn(){this._shouldFocusExploreBtn=!0}getClickedItem(e){return[...this.items,this.hasExploreBtnSlot?this.exploreItem:[]].find(o=>o._id===e.getAttribute("id"))}getCategories(e){const t=[];return e==null||e.forEach(o=>{o.subMenuLinkItems.forEach(r=>{t.push(r)})}),t}getCurrentIndex(e){return this.navigationItems.indexOf(e)}getListItemByIndex(e){return this.navigationItems[e]}setTabIndexForItems(){this.navigationItems.forEach((e,t)=>{var r;if(this._focusedItemIndex>0){e._tabIndex=t===this._focusedItemIndex?"0":"-1";return}const o=((r=this.navigationItems[t-1])==null?void 0:r.type)===ta.Heading;e._tabIndex=o||t===0?"0":"-1"})}buildAnalyticsPath(e){const t=this.getListItemByIndex(0).label.trim(),o=e.hasAttribute("first-level"),r=e.hasAttribute("second-level"),a=e.hasAttribute("third-level"),n=e.hasAttribute("is-back-to-categories"),d=e.hasAttribute("is-back-to-nav")||this._hideExploreSapBtn,u=!this.showExploreBtn&&!!this.items.length,h=e.label.trim(),m=[];return d&&(this._navItem=void 0,m.length=0),o?(this._navItem=e,m.push(h)):r?m.push(...this._navItem?[t,h]:[h]):a?m.push(...this._navItem?[this._navItem.label.trim(),t,h]:[t,h]):n&&this._navItem&&m.push(this._navItem.label.trim()),u&&m.unshift(this.exploreItem.label),m}closeMenu(){var e;this._mastheadShell.closeMobileMenu(),(e=this._mastheadShell.mobileBtn)==null||e.focus()}get mastheadShell(){return document.querySelector("[udex-masthead-shell]")}get exploreBtnMenu(){return this.shadowRoot.querySelector(".udex-masthead-mobile-menu__explore-btn")}get isRtlDirection(){return this._direction==="rtl"}get navigationItems(){return Array.from(this.shadowRoot.querySelectorAll("ul [udex-masthead-menu-item]"))}get showNavigation(){return!this._showCategories&&!this._showCategoryItems}get overviewLinkText(){return wm.i18nBundle.getText(eD)}get exploreItem(){return this.getSlottedNodes("exploreSapMobileButton")[0]}get showExploreBtn(){return this.hasExploreBtnSlot&&!this._hideExploreSapBtn&&!!this.items.length}get hasExploreBtnSlot(){return!!this.getSlottedNodes("exploreSapMobileButton").length}get hasSearchSlot(){return!!this.search.length}get isCategoriesOpen(){return!this._showCategoryItems}get isSingleMenuMode(){return this.items.length===1&&this.isCategoriesOpen}get isNoMenuItemsMode(){return this.items.length===0&&this.isCategoriesOpen}get isNotMultipleMode(){return this.isSingleMenuMode||this.isNoMenuItemsMode}};sn([N({type:Node})],lr.prototype,"search",void 0);sn([N({type:HTMLElement,default:!0})],lr.prototype,"items",void 0);sn([N({type:HTMLElement})],lr.prototype,"exploreSapMobileButton",void 0);sn([l({type:Boolean})],lr.prototype,"_showCategories",void 0);sn([l({type:Boolean})],lr.prototype,"_hideExploreSapBtn",void 0);sn([l({type:Boolean})],lr.prototype,"_showCategoryItems",void 0);sn([l({type:String})],lr.prototype,"_direction",void 0);sn([Y("@sapudex/web-components")],lr,"i18nBundle",void 0);lr=wm=sn([B({tag:"udex-masthead-mobile-menu",renderer:se,styles:cU,template:uU,dependencies:[I_]}),w("item-click",{cancelable:!0,bubbles:!1}),w("explorer-menu-click",{bubbles:!0})],lr);lr.define();const _U=lr;function vU(i,e,t){return c`<div @keydown="${this.handleKeydown}" class="${s(this.rootClass)}">${this._openIdentities?gU.call(this,i,e,t):mU.call(this,i,e,t)}</div> `}function gU(i,e,t){return t?c`<div class="udex-masthead-profile-menu__header-wrap back-btn"><${g("udex-masthead-menu-item",e,t)} class="udex-masthead-profile-menu__btn-back" @click="${this.handleSwitcherClick}" label="${s(this.btnBackText)}" type="Button" icon-start></${g("udex-masthead-menu-item",e,t)}><span class="udex-masthead-profile-menu__switcher-title">${s(this.switcherAccountText)}</span></div><div class="udex-masthead-profile-menu__identities-list-wrap"><span class="udex-masthead-profile-menu__identities-list-title">${s(this.listTitleText)}</span>${this.identitiesList.length?M1.call(this,i,e,t):void 0}<${g("udex-button",e,t)} @click="${this.fireEventAddOrRemoveAccountClick}" class="udex-masthead-profile-menu__add-remove-btn" design="Primary" end-icon="action" size="Large">${s(this.addOrRemoveAccountText)}</${g("udex-button",e,t)}></div>`:c`<div class="udex-masthead-profile-menu__header-wrap back-btn"><udex-masthead-menu-item class="udex-masthead-profile-menu__btn-back" @click="${this.handleSwitcherClick}" label="${s(this.btnBackText)}" type="Button" icon-start></udex-masthead-menu-item><span class="udex-masthead-profile-menu__switcher-title">${s(this.switcherAccountText)}</span></div><div class="udex-masthead-profile-menu__identities-list-wrap"><span class="udex-masthead-profile-menu__identities-list-title">${s(this.listTitleText)}</span>${this.identitiesList.length?M1.call(this,i,e,t):void 0}<udex-button @click="${this.fireEventAddOrRemoveAccountClick}" class="udex-masthead-profile-menu__add-remove-btn" design="Primary" end-icon="action" size="Large">${s(this.addOrRemoveAccountText)}</udex-button></div>`}function M1(i,e,t){return t?c`<${g("udex-list",e,t)} class="udex-masthead-profile-menu__identities-list" mode="SingleSelect" accessible-name="${s(this.listTitleText)}" controlled>${oe(this.identitiesList,(o,r)=>o._id||r,(o,r)=>O1.call(this,i,e,t,o,r))}</${g("udex-list",e,t)}>`:c`<udex-list class="udex-masthead-profile-menu__identities-list" mode="SingleSelect" accessible-name="${s(this.listTitleText)}" controlled>${oe(this.identitiesList,(o,r)=>o._id||r,(o,r)=>O1.call(this,i,e,t,o,r))}</udex-list>`}function O1(i,e,t,o,r){return t?c`<${g("udex-list-item",e,t)} id="${s(o.idsUser)}" class="udex-masthead-profile-menu__identities-list-item" @ui5-item-press="${s(this.fireEventIdentityItemClick)}" supporting-text="${s(o.supportingText)}" image-badge-state="${s(o.statusBadge)}" image="${s(o.avatarUrl)}" image-alt="${s(o.name)}">${s(o.email)}</${g("udex-list-item",e,t)}>`:c`<udex-list-item id="${s(o.idsUser)}" class="udex-masthead-profile-menu__identities-list-item" @ui5-item-press="${s(this.fireEventIdentityItemClick)}" supporting-text="${s(o.supportingText)}" image-badge-state="${s(o.statusBadge)}" image="${s(o.avatarUrl)}" image-alt="${s(o.name)}">${s(o.email)}</udex-list-item>`}function mU(i,e,t){return t?c`<div class="udex-masthead-profile-menu__header">${this.userData?z1.call(this,i,e,t):void 0}</div>${this.messageAvailable?U1.call(this,i,e,t):void 0}<div class="udex-masthead-profile-menu__links"><${g("udex-masthead-menu",e,t)} exportparts="badge, menu-item" part="menu" sub-items='${s(this.linksList)}' @ui5-menu-item-click="${s(this.handleProfileMenuItemClick)}"></${g("udex-masthead-menu",e,t)}>${this.logoutLink?j1.call(this,i,e,t):void 0}</div>`:c`<div class="udex-masthead-profile-menu__header">${this.userData?z1.call(this,i,e,t):void 0}</div>${this.messageAvailable?U1.call(this,i,e,t):void 0}<div class="udex-masthead-profile-menu__links"><udex-masthead-menu exportparts="badge, menu-item" part="menu" sub-items='${s(this.linksList)}' @ui5-menu-item-click="${s(this.handleProfileMenuItemClick)}"></udex-masthead-menu>${this.logoutLink?j1.call(this,i,e,t):void 0}</div>`}function z1(i,e,t){return t?c`<${g("udex-avatar",e,t)} aria-hidden="true" size="L" initials="${s(this.userData.avatarInitials)}">${this.userData.avatarUrl?F1.call(this,i,e,t):void 0}</${g("udex-avatar",e,t)}><div><p class="udex-profile-menu__account-name">${s(this.userData.name)}</p><p class="udex-profile-menu__account-email">${s(this.userData.email)}</p>${this.hasIdentities?X1.call(this,i,e,t):void 0}</div>`:c`<udex-avatar aria-hidden="true" size="L" initials="${s(this.userData.avatarInitials)}">${this.userData.avatarUrl?F1.call(this,i,e,t):void 0}</udex-avatar><div><p class="udex-profile-menu__account-name">${s(this.userData.name)}</p><p class="udex-profile-menu__account-email">${s(this.userData.email)}</p>${this.hasIdentities?X1.call(this,i,e,t):void 0}</div>`}function F1(i,e,t){return c`<img src="${s(this.userData.avatarUrl)}" alt="avatar"/>`}function X1(i,e,t){return t?c`<${g("udex-button",e,t)} @click="${this.handleSwitcherClick}" class="udex-masthead-profile-menu__btn-switcher" size="Large" end-icon="slim-arrow-right" design="Invisible">${s(this.switcherAccountText)}</${g("udex-button",e,t)}>`:c`<udex-button @click="${this.handleSwitcherClick}" class="udex-masthead-profile-menu__btn-switcher" size="Large" end-icon="slim-arrow-right" design="Invisible">${s(this.switcherAccountText)}</udex-button>`}function U1(i,e,t){return c`<div class="udex-masthead-profile-menu__message"><slot name="message"></slot></div>`}function j1(i,e,t){return t?c`<div class="udex-masthead-profile-menu__actions"><${g("udex-masthead-menu-item",e,t)} @click="${this.handleUserLogoutItemClick}" label="${s(this.logoutText)}" url="${s(this.logoutUrl)}"></${g("udex-masthead-menu-item",e,t)}></div>`:c`<div class="udex-masthead-profile-menu__actions"><udex-masthead-menu-item @click="${this.handleUserLogoutItemClick}" label="${s(this.logoutText)}" url="${s(this.logoutUrl)}"></udex-masthead-menu-item></div>`}function fU(){return vU.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const bU=`:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-paddings-desktop: 64px 48px 80px 48px;--udex-masthead-profile-menu-paddings-mobile: var(--udexSpacer24, 24px);--udex-masthead-profile-menu-paddings-mobile-s: var(--udexSpacer24, 24px) var(--udexSpacer48, 48px);--udex-masthead-profile-menu-background-color: var(--udexColorNeutralWhite, #FFF);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;gap:var(--udexSpacer48);background-color:var(--udex-masthead-profile-menu-background-color);padding:var(--udex-masthead-profile-menu-paddings-desktop);box-sizing:border-box}.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:var(--udexSpacer40)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}.udex-masthead-profile-menu__actions{border-top:1px solid var(--udex-masthead-profile-menu-login-border-color);position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile);gap:var(--udexSpacer24);box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);display:block}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer24)}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:initial;overflow:initial}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__identities-list-item{margin-bottom:var(--udexSpacer4)}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}@media (max-width: 1279px){.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:""}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile);gap:var(--udexSpacer32);box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__actions{border-top:0}udex-masthead-menu-item::part(menu-item){justify-content:center}}@media (max-width: 979px){.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile-s)}}@media (max-width: 639px){.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile)}}
|
|
320
320
|
`;var dn=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Ps;let Pr=Ps=class extends X{constructor(){super(),this._openIdentities=!1,this._handleResizeBound=this.handleResize.bind(this)}onAfterRendering(){this._mastheadShell=this.mastheadShell,this.updateFocusState(this._shouldFocusBackBtn,this.focusBackBtn.bind(this)),this.updateFocusState(this._shouldFocusSwitchBtn,this.focusSwitchBtn.bind(this)),this.setMenuItemsMobileMode()}onEnterDOM(){ce.register(this,this._handleResizeBound)}onExitDOM(){ce.deregister(this,this._handleResizeBound)}handleResize(){this._isMobileMode=this.isMobile,this.profileMenuLinks&&(this.profileMenuLinks._isMobileMode=this.isMobile)}handleSwitcherClick(){this._openIdentities=!this._openIdentities,this._shouldFocusBackBtn=this._openIdentities,this._shouldFocusSwitchBtn=!this._openIdentities}handleUserLogoutItemClick(e){this.fireLogoutItemClick(e),this._isMobileMode&&this.closeMenu()}handleProfileMenuItemClick(e){this.fireMenuItemClick(e),this._isMobileMode&&this.closeMenu()}updateFocusState(e,t){e&&(t(),t===this.focusBackBtn?this._shouldFocusBackBtn=!1:t===this.focusSwitchBtn&&(this._shouldFocusSwitchBtn=!1))}handleKeydown(e){Qe(e)&&this._openIdentities&&this.closeIdentitiesPanel()}focusSwitchBtn(){this.focusElement(".udex-masthead-profile-menu__btn-switcher")}focusBackBtn(){this.focusElement(".udex-masthead-profile-menu__btn-back")}focusElement(e){var o;const t=(o=this.shadowRoot)==null?void 0:o.querySelector(e);t==null||t.focus()}fireEventIdentityItemClick(e){const{item:t}=e.detail,o=this.identitiesList.find(({idsUser:a})=>a===t.id);!this.fireDecoratorEvent("identity-item-click",{item:o,analyticsName:Xi.Header})&&e.preventDefault(),this._isMobileMode&&this.closeMenu()}fireEventAddOrRemoveAccountClick(e){!this.fireDecoratorEvent("add-or-remove-account-click",{analyticsName:Xi.Header})&&e.preventDefault()}fireLogoutItemClick(e){var o;const t=e.target;this.fireDecoratorEvent("logout",{item:t,sourceNode:(o=t.shadowRoot)==null?void 0:o.querySelector(".udex-masthead-menu-item"),originalEvent:e,analyticsName:Xi.Header})}fireMenuItemClick(e){const{item:t,originalEvent:o}=e.detail;this.fireDecoratorEvent("profile-item-click",{item:t,originalEvent:o,analyticsName:Xi.Header,sourceNode:t.shadowRoot.querySelector(".udex-masthead-menu-item")})}closeMenu(){var e;this._mastheadShell.closeMobileMenu(),(e=this._mastheadShell.mobileBtn)==null||e.focus()}closeIdentitiesPanel(){this._openIdentities=!1}setMenuItemsMobileMode(){this._isMobileMode&&this.profileMenuLinks&&(this.profileMenuLinks._isMobileMode=!0)}get linksList(){return this.links?JSON.stringify([{subMenuLinkItems:JSON.parse(this.links)}]):""}get hasIdentities(){var e;return!!((e=this.identities)!=null&&e.length)}get userData(){return Jo(this.loggedInUser)}get identitiesList(){return Jo(this.identities).map(e=>({...e,statusBadge:e.isLogged?"":vS.Warning,supportingText:[e.name,e.idsUser].filter(Boolean).join(", ")}))}get messageAvailable(){return!!this.message.length}get logoutLink(){var e;return!!((e=this.logoutUrl)!=null&&e.length)}get rootClass(){const e="udex-masthead-profile-menu";return this._openIdentities?`${e} ${e}_switcher`:e}get mastheadShell(){return document.querySelector("[udex-masthead-shell]")}get profileMenuLinks(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector("[udex-masthead-menu]")}get btnBackText(){return this._isMobileMode?this.switcherAccountText:Ps.i18nBundle.getText(ZE)}get listTitleText(){return`${Ps.i18nBundle.getText(QE)} (${this.identitiesList.length})`}get addOrRemoveAccountText(){return Ps.i18nBundle.getText(JE)}get switcherAccountText(){return Ps.i18nBundle.getText(KE)}get logoutText(){return Ps.i18nBundle.getText(YE)}get isAtMostBreakpointSizeM(){return Xo.isAtMost("M")}get isMobile(){var e;return this.isAtMostBreakpointSizeM||((e=this.mastheadShell)==null?void 0:e.isMobileMenuMode)}};dn([l()],Pr.prototype,"identities",void 0);dn([l()],Pr.prototype,"links",void 0);dn([l()],Pr.prototype,"loggedInUser",void 0);dn([l()],Pr.prototype,"logoutUrl",void 0);dn([l({type:Boolean})],Pr.prototype,"_isMobileMode",void 0);dn([l({type:Boolean})],Pr.prototype,"_openIdentities",void 0);dn([N({type:Node,default:!1})],Pr.prototype,"message",void 0);dn([Y("@sapudex/web-components")],Pr,"i18nBundle",void 0);Pr=Ps=dn([B({tag:"udex-masthead-profile-menu",renderer:se,styles:[zp.styles,bU],template:fU,dependencies:[I_,zp,rs,ht,$d]}),w("logout",{cancelable:!0,bubbles:!0}),w("profile-item-click",{cancelable:!0,bubbles:!0}),w("add-or-remove-account-click",{cancelable:!0,bubbles:!0}),w("identity-item-click",{cancelable:!0,bubbles:!0})],Pr);Pr.define();const xU="menu2",yU="M32 129q-13 0-22.5-9.5T0 97q0-14 9.5-23T32 65h448q14 0 23 9t9 23q0 13-9 22.5t-23 9.5H32zm0 159q-13 0-22.5-9.5T0 256q0-14 9.5-23t22.5-9h448q14 0 23 9t9 23q0 13-9 22.5t-23 9.5H32zm0 159q-13 0-22.5-9.5T0 415q0-14 9.5-23t22.5-9h448q14 0 23 9t9 23q0 13-9 22.5t-23 9.5H32z",wU=!1,SU="SAP-icons-v4",kU="@ui5/webcomponents-icons";F(xU,{pathData:yU,ltr:wU,collection:SU,packageName:kU});const CU="menu2",TU="M486 115H26q-11 0-18.5-7T0 90t7.5-18.5T26 64h460q11 0 18.5 7.5T512 90t-7.5 18-18.5 7zm0 167H26q-11 0-18.5-7.5T0 256t7.5-18.5T26 230h460q11 0 18.5 7.5T512 256t-7.5 18.5T486 282zm0 166H26q-11 0-18.5-7.5T0 422t7.5-18 18.5-7h460q11 0 18.5 7t7.5 18-7.5 18.5T486 448z",IU=!1,BU="SAP-icons-v5",$U="@ui5/webcomponents-icons";F(CU,{pathData:TU,ltr:IU,collection:BU,packageName:$U});function AU(i,e,t){return c`<header class="${s(this.mainClass)}" @keydown="${this.handleKeyDown}"><div class="udex-masthead-shell__main-content"><div class="udex-masthead-shell__landing-wrap">${this.logoUrl?EU.call(this,i,e,t):void 0}${this.siteLabel?RU.call(this,i,e,t):void 0}${this.coBrandImage?MU.call(this,i,e,t):void 0}</div>${this.isMainMenuVisible?FU.call(this,i,e,t):void 0}</div>${this.isSearchVisible?UU.call(this,i,e,t):void 0}<div class="${s(this.rightMenuClass)}">${this.hasMobileMenuButtons?HU.call(this,i,e,t):void 0}${this.hasExploreSAP?qU.call(this,i,e,t):void 0}${this.hasSearch?VU.call(this,i,e,t):void 0}${this.hasCart?WU.call(this,i,e,t):void 0}${this.hasSupport?GU.call(this,i,e,t):void 0}${this.hasProfile?YU.call(this,i,e,t):void 0}${this.hasCountrySelector?KU.call(this,i,e,t):void 0}${this.hasMobileMenuButtons?ZU.call(this,i,e,t):void 0}</div></header> `}function EU(i,e,t){return c`${this.homeUrl?DU.call(this,i,e,t):PU.call(this,i,e,t)}`}function DU(i,e,t){return c`<a @click="${this.handleLogoClick}" role="link" href="${s(this.homeUrl)}" title="${s(this.logoTitle)}" target="_self" aria-label="${s(this.homepageAriaLabel)}" class="udex-masthead-shell__logo udex-masthead-shell__logo--link"><img src="${s(this.logoUrl)}" class="udex-masthead-shell__logo-image" alt="${s(this.logoAlt)}" /></a>`}function PU(i,e,t){return c`<div class="udex-masthead-shell__logo"><img src="${s(this.logoUrl)}" class="udex-masthead-shell__logo-image" alt="${s(this.logoAlt)}" /></div>`}function RU(i,e,t){return c`${this.siteLabelUrl?NU.call(this,i,e,t):LU.call(this,i,e,t)}`}function NU(i,e,t){return c`<a @click="${this.handleSiteLabelClick}" role="link" href="${s(this.siteLabelUrl)}" title="${s(this.siteLabelTitle)}" target="_self" aria-label="${s(this.siteLabelAriaLabel)}" class="udex-masthead-shell__site-label udex-masthead-shell__site-label--link">${s(this.siteLabel)}</a>`}function LU(i,e,t){return c`<div class="udex-masthead-shell__site-label">${s(this.siteLabel)}</div>`}function MU(i,e,t){return c`${this.coBrandUrl?OU.call(this,i,e,t):zU.call(this,i,e,t)}`}function OU(i,e,t){return c`<div class="udex-masthead-shell__co-brand"><a class="udex-masthead-shell__co-brand-link" @click="${this.handleCoBrandClick}" href="${s(this.coBrandUrl)}" title="${s(this.coBrandTitle)}" aria-label="${s(this.coBrandAriaLabel)}" target="_self" role="link"><img class="udex-masthead-shell__co-brand-image" src="${s(this.coBrandImage)}" alt="${s(this.coBrandAlt)}" /></a></div>`}function zU(i,e,t){return c`<div class="udex-masthead-shell__co-brand"><img class="udex-masthead-shell__co-brand-image" src="${s(this.coBrandImage)}" alt="${s(this.coBrandAlt)}" /></div>`}function FU(i,e,t){return c`<nav class="udex-masthead-shell__nav" aria-label="${s(this.mainNavigationAriaLabel)}"><ul class="udex-masthead-shell__main-menu" aria-label="${s(this.mainNavigationAriaLabel)}">${oe(this.menuItems,(o,r)=>o._id||r,(o,r)=>XU.call(this,i,e,t,o,r))}</ul></nav>`}function XU(i,e,t,o,r){return c`<li class="udex-masthead-shell__item" @ui5-item-click="${s(this.setSelectedItem)}"><slot name="${s(o._individualSlot)}"></slot></li>`}function UU(i,e,t){return c`<div class="udex-masthead-shell__search-container" @ui5-search-keydown="${s(this.handleSearchKeyDown)}"><slot name="search"></slot></div>${this._isSearchOpened?jU.call(this,i,e,t):void 0}`}function jU(i,e,t){return t?c`<div class="udex-masthead-shell__btn-holder"><${g("udex-control-button",e,t)} class="udex-masthead-shell__close-search-btn" size="Small" icon="decline" part="search-close-button" tooltip="${s(this.closeButtonAccessibleName)}" accessible-name="${s(this.closeButtonAccessibleName)}" @click="${this.handleCloseSearch}"></${g("udex-control-button",e,t)}></div>`:c`<div class="udex-masthead-shell__btn-holder"><udex-control-button class="udex-masthead-shell__close-search-btn" size="Small" icon="decline" part="search-close-button" tooltip="${s(this.closeButtonAccessibleName)}" accessible-name="${s(this.closeButtonAccessibleName)}" @click="${this.handleCloseSearch}"></udex-control-button></div>`}function HU(i,e,t){return t?c`<${g("udex-masthead-item",e,t)} @ui5-item-click="${s(this.handleOpenMobileMenu)}" class="udex-masthead-shell__menu-btn" accessible-role="button" icon="menu2" part="menu-open-btn" accessible-name="menu"><slot slot="dropdown" name="mobileMenu"></slot></${g("udex-masthead-item",e,t)}>`:c`<udex-masthead-item @ui5-item-click="${s(this.handleOpenMobileMenu)}" class="udex-masthead-shell__menu-btn" accessible-role="button" icon="menu2" part="menu-open-btn" accessible-name="menu"><slot slot="dropdown" name="mobileMenu"></slot></udex-masthead-item>`}function qU(i,e,t){return c`<div class="udex-masthead-shell__explore" @ui5-item-click="${s(this.setSelectedItem)}"><slot name="exploreSAP"></slot></div>`}function VU(i,e,t){return t?c`<div class="udex-masthead-shell__search-icon udex-masthead-shell__item_icon"><${g("udex-masthead-item",e,t)} class="udex-masthead-shell__search-btn" icon="search" part="search-button" @click="${this.handleSearchClick}" accessible-name="search"></${g("udex-masthead-item",e,t)}></div>`:c`<div class="udex-masthead-shell__search-icon udex-masthead-shell__item_icon"><udex-masthead-item class="udex-masthead-shell__search-btn" icon="search" part="search-button" @click="${this.handleSearchClick}" accessible-name="search"></udex-masthead-item></div>`}function WU(i,e,t){return c`<div class="udex-masthead-shell__cart udex-masthead-shell__item_icon" @ui5-item-click="${s(this.setSelectedItem)}" @click="${this.handleCartClick}"><slot name="cart"></slot></div>`}function GU(i,e,t){return c`<div class="udex-masthead-shell__support udex-masthead-shell__item_icon" @ui5-item-click="${s(this.setSelectedItem)}" @click="${this.handleSupportClick}"><slot name="support"></slot></div>`}function YU(i,e,t){return c`<div class="udex-masthead-shell__profile udex-masthead-shell__item_icon" @ui5-item-click="${s(this.setSelectedItem)}" @click="${this.handleProfileClick}"><slot name="profile"></slot></div>`}function KU(i,e,t){return c`<div class="udex-masthead-shell__country-selector udex-masthead-shell__item_icon" @ui5-item-click="${s(this.setSelectedItem)}" @click="${this.handleCountrySelectorClick}"><slot name="countrySelector"></slot></div>`}function ZU(i,e,t){return t?c`<${g("udex-masthead-item",e,t)} @keydown="${this.handleEnterAndSpaceOnCloseBtn}" @ui5-item-click="${s(this.closeMobileMenu)}" class="udex-masthead-shell__close-btn" accessible-role="button" icon="decline" accessible-name="${s(this.mobileCloseButtonAccessibleName)}" part="menu-close-btn" hide-active-border _is-menu-close-btn></${g("udex-masthead-item",e,t)}>`:c`<udex-masthead-item @keydown="${this.handleEnterAndSpaceOnCloseBtn}" @ui5-item-click="${s(this.closeMobileMenu)}" class="udex-masthead-shell__close-btn" accessible-role="button" icon="decline" accessible-name="${s(this.mobileCloseButtonAccessibleName)}" part="menu-close-btn" hide-active-border _is-menu-close-btn></udex-masthead-item>`}function QU(){return AU.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const JU=`:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexCoreDividerLight, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px;order:1}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12);order:2}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:1}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (max-width: 1279px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}}@media (max-width: 979px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
|
|
321
321
|
`;var Fe=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Sm;const ej="14px '72 Brand Variable'";var Sr;(function(i){i.itemArrowIconMarginInlineStart="--udex-masthead-item-arrow-margin-inline-start",i.mobileMenuHeight="--udex-masthead-shell-mobile-menu-height",i.itemButtonIconSize="--udex-masthead-item-button-icon-size",i.itemArrowIconSize="--udex-masthead-item-arrow-icon-size",i.rightMenuPadding="--udex-masthead-right-menu-padding",i.exploreMargin="--udex-masthead-shell-explore-margin",i.itemIconGap="--udex-masthead-shell-item-icon-gap",i.mastheadHeight="--udex-masthead-shell-height",i.itemGap="--udex-masthead-shell-item-gap"})(Sr||(Sr={}));let Le=Sm=class extends X{constructor(){super(),this._handleResizeBound=this._handleResize.bind(this)}onBeforeRendering(){this.isMobileMenuMode&&this.setMobileMenuHeight()}onAfterRendering(){this._rootHolder=this.mastheadHolder,this._searchOpener=this.searchOpener,this._mobileMenu=this.mastheadMobileMenu,this._isSearchOpened&&this.focusSearchInput(),this._closeBtnClicked&&this.focusSearchBtn(),this.shouldHandleMobileView&&this.updateVisibility()}onEnterDOM(){ce.register(this,this._handleResizeBound),be()&&this.setAttribute("desktop","")}onExitDOM(){ce.deregister(this,this._handleResizeBound)}onInvalidation({name:e}){e==="default"&&this.shouldHandleMobileView&&this.handleMobileMode()}_handleResize(){if(this.shouldHandleMobileView&&this.handleMobileMode(),this.isAtMostBreakpointSizeM&&(this._isSearchOpened=!1),this._shouldHandleResize&&this._isMobileMenuOpen){this.closeMobileMenu(),this.resetSelectedItems();return}this.isMobileMenuMode&&(this.setMobileMenuHeight(),this.setProfileMobileMode()),this._shouldHandleResize=!0}handleMobileMode(){const e=this.getDomRef();if(e){const t=this.getRootHolderWidth(e),o=this.getLandingHolderWidth(),r=this.getRightMenuWidth(),a=this.getMainMenuWidth(),n=t-r-o;a>=n?this.setMobileMode():this.removeMobileMode(),this._isVisible=!0}}handleKeyDown(e){e.stopPropagation(),this.handleLeftArrow(e),this.handleRightArrow(e)}handleSearchKeyDown(e){e.stopPropagation();const t=e.detail.e;if(Qe(t)){if(this.showSearchByDefault&&this.isAtLeastBreakpointSizeM)return;this.closeSearch(),this.focusSearchBtn()}}handleLeftArrow(e){if(De(e)){const t=e.target;this.isNavigationItem(t)&&(t.selected&&t.closeDropdown(),this.focusPreviousMenuItem(t))}}handleRightArrow(e){if(Ae(e)){const t=e.target;this.isNavigationItem(t)&&(t.selected&&t.closeDropdown(),this.focusNextMenuItem(t))}}handleLogoClick(e){this.fireMastheadEvent("logo-click",e)}handleSiteLabelClick(e){this.fireMastheadEvent("site-label-click",e)}handleCoBrandClick(e){this.fireMastheadEvent("co-brand-click",e)}handleSearchClick(e){e.stopPropagation(),this.fireMastheadEvent("search-click",e),this.openSearch()}handleCartClick(e){e.stopPropagation(),this.fireMastheadEvent("cart-click",e)}handleProfileClick(e){e.stopPropagation(),this.fireMastheadEvent("profile-click",e)}handleSupportClick(e){e.stopPropagation(),this.fireMastheadEvent("support-click",e)}handleCountrySelectorClick(e){e.stopPropagation(),this.fireMastheadEvent("country-selector-click",e)}handleOpenMobileMenu(){const e=this.mobileBtn;e&&(this.resetSelectedItems(e._id),this._isMobileMenuOpen=!0,this.bodyOverflow&&this.setOverflowBody(),this.fireMastheadEvent("mobile-menu-open"))}handleCloseSearch(e){this._closeBtnClicked=!0,this.fireMastheadEvent("search-close-click",e),this.closeSearch()}handleEnterAndSpaceOnCloseBtn(e){var t;(J(e)||le(e))&&(e.preventDefault(),this.closeMobileMenu(),(t=this.mobileBtn)==null||t.focus())}focusSearchInput(){const e=this.querySelector("[udex-search]");if(e){const t=e.shadowRoot.querySelector("input");t==null||t.focus()}}focusPreviousMenuItem(e){const t=this.menuItems,o=t.length-1,r=this.getCurrentIndex(e),a=r-1<0?o:r-1;t[a].focus()}focusNextMenuItem(e){const t=this.menuItems,o=this.getCurrentIndex(e),r=o+1>t.length-1?0:o+1;t[r].focus()}resetSelectedItems(e){this.getSelectedItems().forEach(t=>{t._id!==e&&t.selected&&(t.hasDropdownSlot&&t.fireDropdownCloseEvent(t.eventItemTitle,Zs.ClickOutside),t.selected=!1)})}setSelectedItem(e){const t=e.detail.item;t&&this.resetSelectedItems(t._id)}focusSearchBtn(){this._searchOpener&&(this._searchOpener.focus(),this._closeBtnClicked=!1)}getCurrentIndex(e){return this.menuItems.indexOf(e)}getSelectedItems(){return[...this.menuItems,...this.exploreSAP,...this.cart,...this.support,...this.profile,...this.countrySelector,...this.mobileBtn&&this.closeBtn?[this.mobileBtn,this.closeBtn]:[]].filter(({selected:t})=>t)}getRootHolderWidth(e){const t=parseInt(window.getComputedStyle(e).getPropertyValue("padding-left"))*2,o=window.innerWidth-document.documentElement.clientWidth;return this.getDomRef().clientWidth+o-t}getLandingHolderWidth(){const e=this.getDomElement(".udex-masthead-shell__landing-wrap");return(e==null?void 0:e.offsetWidth)||0}getRightMenuWidth(){const e=[...this.shadowRoot.querySelectorAll(".udex-masthead-shell__item_icon")],t=e.length*this.getItemIconWidth(),o=e.length*this.getItemIconGap(),r=this.exploreSAP[0],n=(r==null?void 0:r.hasArrowDown)&&!(r!=null&&r.hideArrowIcon)?this.getItemArrowIconWidth():0,d=this.hasExploreSAP?this.getItemWidth(r):0,u=this.getRightMenuGap()+this.getExploreSapBtnGap()+o;return d+n+t+u}getItemIconSize(e){const t=this.querySelector("[udex-masthead-item]");if(!t)return 0;const r=window.getComputedStyle(t).getPropertyValue(e);return parseInt(r)}getItemIconWidth(){return this.getItemIconSize(Sr.itemButtonIconSize)}getItemArrowIconWidth(){const e=this.getItemIconSize(Sr.itemArrowIconSize),t=this.getItemIconSize(Sr.itemArrowIconMarginInlineStart);return e+t}getMainMenuWidth(){const e=this.getSlottedNodes("menuItems"),t=this.getRootVar(Sr.itemGap);return e.reduce((o,r,a)=>{const n=r,u=n.hasArrowDown&&!n.hideArrowIcon?this.getItemArrowIconWidth():0;return o+this.getItemWidth(n)+(a&&parseInt(t))+u},0)}getDomElement(e){var t;return(t=this.shadowRoot)==null?void 0:t.querySelector(`${e}`)}getItemWidth(e){const t=this.getCanvasContext();return t.font=ej,Math.ceil(t.measureText(e.innerText.trim()).width)}getCanvasContext(){return document.createElement("canvas").getContext("2d")}getItemIconGap(){const e=this.getRootVar(Sr.itemIconGap);return parseInt(e)}getExploreSapBtnGap(){const e=this.getRootVar(Sr.exploreMargin);return this.hasExploreSAP?parseInt(e):0}getRightMenuGap(){const e=this.getRootVar(Sr.rightMenuPadding);return parseInt(e)}getRootVar(e){return window.getComputedStyle(this.getDomRef()).getPropertyValue(`${e}`)}isNavigationItem(e){return this.menuItems.some(t=>t===e)}setOverflowBody(){const{body:{style:e}}=document;this._shouldHandleResize=!1,e.overflow="hidden"}removeOverflowBody(){const{body:{style:e}}=document;e.removeProperty("overflow")}setMobileMode(){this._isMobileMode=!0,this.slottedItems.forEach(e=>{e&&(e._isMobileMode=!0)})}setMobileMenuHeight(){const e=parseInt(window.getComputedStyle(this).getPropertyValue(Sr.mastheadHeight)),t=`${window.innerHeight-e}px`;this.style.setProperty(Sr.mobileMenuHeight,t)}setProfileMobileMode(){this.profileMenu&&(this.profileMenu._isMobileMode=this.isMobileMenuMode)}removeMobileMode(){this._isMobileMode=!1,this.slottedItems.forEach(e=>{e==null||e.removeAttribute("_is-mobile-mode")})}updateVisibility(){this.style.opacity=this.isVisible?"1":"0"}fireMastheadEvent(e,t){const o={analyticsName:Xi.Header,...t&&{originalEvent:t},...t&&{sourceNode:t.currentTarget}};this.fireDecoratorEvent(e,o)}closeSearch(){this._isSearchOpened=!1,this.fireMastheadEvent("search-closed")}openSearch(){this._isSearchOpened||this.isAtMostBreakpointSizeM&&!this.showSearchByDefault||this._isMobileMode||this.isAtLeastBreakpointSizeM&&this.showSearchByDefault||(this._isSearchOpened=!0,this.resetSelectedItems(),this._searchOpener&&(this._searchOpener.selected=!1),this.fireMastheadEvent("search-opened"))}openMobileMenu(){var e;!this._isMobileMenuOpen&&this.isMobileMenuMode&&((e=this.mobileBtn)==null||e.handleSelectedChange(),this.handleOpenMobileMenu())}closeMobileMenu(){var e;this._isMobileMenuOpen&&(this.mobileBtn.selected=!1,this._isMobileMenuOpen=!1,(e=this._mobileMenu)==null||e.showFirstLevelMenu(),this.bodyOverflow&&this.removeOverflowBody(),this.fireMastheadEvent("mobile-menu-close"))}get slottedItems(){return[this.profileItem,this.profileMenu,this.cartItem,this.supportItem,this.profileMenuLinks,this.countrySelectorItem,this.countrySelectorMenu]}get searchOpener(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector(".udex-masthead-shell__search-btn")}get mastheadHolder(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector(".udex-masthead-shell")}get mastheadMobileMenu(){return this.querySelector("[udex-masthead-mobile-menu]")}get mobileBtn(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector(".udex-masthead-shell__menu-btn")}get closeBtn(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector(".udex-masthead-shell__close-btn")}get profileItem(){return this.getSlottedNodes("profile")[0]}get countrySelectorItem(){return this.getSlottedNodes("countrySelector")[0]}get cartItem(){return this.getSlottedNodes("cart")[0]}get supportItem(){return this.getSlottedNodes("support")[0]}get profileMenu(){return this.querySelector("[udex-masthead-profile-menu]")}get countrySelectorMenu(){return this.querySelector("[udex-masthead-country-selector]")}get profileMenuLinks(){var e,t;return(t=(e=this.profileMenu)==null?void 0:e.shadowRoot)==null?void 0:t.querySelector("[udex-masthead-menu]")}get hasProfile(){return!!this.profile.length}get hasCart(){return!!this.cart.length}get hasSearch(){return!!this.search.length}get hasExploreSAP(){return!!this.exploreSAP.length}get hasCountrySelector(){return!!this.countrySelector.length}get hasSupport(){return!!this.support.length}get hasMobileMenuButtons(){return!!this.mobileMenu.length}get isAtMostBreakpointSizeM(){return Xo.isAtMost("M")}get isAtLeastBreakpointSizeM(){return Xo.isAtLeast("M")}get isMobileMenuMode(){return this._isMobileMode||this.isAtMostBreakpointSizeM}get isMainMenuVisible(){return!this.showSearchByDefault&&!this._isSearchOpened&&!!this.menuItems.length}get isSearchVisible(){return this.showSearchByDefault||this._isSearchOpened}get isVisible(){return this.isMobileMenuMode||!this.menuItems.length||this._isVisible}get shouldHandleMobileView(){return!this.isAtMostBreakpointSizeM&&this.isMainMenuVisible}get mainNavigationAriaLabel(){return Sm.i18nBundle.getText(GE)}get isSimpleExploreMode(){return!this.hasSearch&&!this.hasProfile&&!this.hasCart&&!this.hasSupport&&!this.hasCountrySelector}get rightMenuClass(){const e="udex-masthead-shell__right-menu",t=this.isSimpleExploreMode?`${e}_simple-explore`:"";return`${e} ${t}`.trim()}get mainClass(){const e="udex-masthead-shell",t=this.coBrandImage&&!this.menuItems.length?`${e}_co-brand-without-nav`:"";return`${e} ${t}`.trim()}};Fe([N({type:Node})],Le.prototype,"countrySelector",void 0);Fe([N({type:HTMLElement})],Le.prototype,"mobileMenu",void 0);Fe([N({type:HTMLElement,individualSlots:!0,default:!0})],Le.prototype,"menuItems",void 0);Fe([N({type:Node})],Le.prototype,"search",void 0);Fe([N({type:HTMLElement})],Le.prototype,"exploreSAP",void 0);Fe([N({type:HTMLElement})],Le.prototype,"cart",void 0);Fe([N({type:HTMLElement})],Le.prototype,"profile",void 0);Fe([N({type:HTMLElement})],Le.prototype,"support",void 0);Fe([l()],Le.prototype,"homeUrl",void 0);Fe([l()],Le.prototype,"siteLabelUrl",void 0);Fe([l({type:Boolean})],Le.prototype,"bodyOverflow",void 0);Fe([l({type:Boolean})],Le.prototype,"showSearchByDefault",void 0);Fe([l({type:Boolean})],Le.prototype,"stickyPosition",void 0);Fe([l()],Le.prototype,"coBrandImage",void 0);Fe([l({type:String})],Le.prototype,"coBrandAlt",void 0);Fe([l()],Le.prototype,"coBrandUrl",void 0);Fe([l()],Le.prototype,"coBrandTitle",void 0);Fe([l()],Le.prototype,"coBrandAriaLabel",void 0);Fe([l()],Le.prototype,"logoUrl",void 0);Fe([l()],Le.prototype,"logoTitle",void 0);Fe([l()],Le.prototype,"siteLabelTitle",void 0);Fe([l()],Le.prototype,"siteLabel",void 0);Fe([l()],Le.prototype,"logoAlt",void 0);Fe([l()],Le.prototype,"closeButtonAccessibleName",void 0);Fe([l()],Le.prototype,"mobileCloseButtonAccessibleName",void 0);Fe([l()],Le.prototype,"homepageAriaLabel",void 0);Fe([l()],Le.prototype,"siteLabelAriaLabel",void 0);Fe([l({type:Boolean})],Le.prototype,"_isSearchOpened",void 0);Fe([l({type:Boolean})],Le.prototype,"_isMobileMenuOpen",void 0);Fe([l({type:Boolean})],Le.prototype,"_isMobileMode",void 0);Fe([l({type:Boolean})],Le.prototype,"_closeBtnClicked",void 0);Fe([Y("@sapudex/web-components")],Le,"i18nBundle",void 0);Le=Sm=Fe([B({tag:"udex-masthead-shell",languageAware:!0,renderer:se,styles:JU,template:QU,dependencies:[_U,kl,FX,zp,j]}),w("mobile-menu-open",{bubbles:!0}),w("mobile-menu-close",{bubbles:!0}),w("search-click",{bubbles:!0}),w("search-close-click",{bubbles:!0}),w("search-opened",{bubbles:!0}),w("search-closed",{bubbles:!0}),w("cart-click",{bubbles:!0}),w("support-click",{bubbles:!0}),w("profile-click",{bubbles:!0}),w("country-selector-click",{bubbles:!0}),w("logo-click",{bubbles:!0}),w("site-label-click",{bubbles:!0}),w("co-brand-click",{bubbles:!0})],Le);Le.define();const tj="play",ij="M176 153l181 109-181 109V153zM448 32q13 0 22.5 9.5T480 64v384q0 14-9.5 23t-22.5 9H64q-14 0-23-9t-9-23V64q0-13 9-22.5T64 32h384zm0 32H64v384h384V64z",oj=!0,rj="SAP-icons-v4",aj="@ui5/webcomponents-icons";F(tj,{pathData:ij,ltr:oj,collection:rj,packageName:aj});const nj="play",sj="M256 0q53 0 100 20t81.5 54.5T492 156t20 100-20 100-54.5 81.5T356 492t-100 20-100-20-81.5-54.5T20 356 0 256t20-100 54.5-81.5T156 20 256 0zm0 461q43 0 80.5-16t65-44 43.5-65 16-80-16-80.5-43.5-65-65-43.5T256 51t-80 16-65 43.5-44 65T51 256t16 80 44 65 65 44 80 16zm85-226q11 8 11 21t-11 21l-109 77q-5 4-14 4-11 0-18.5-7t-7.5-18V179q0-11 7.5-18.5T218 153q7 0 14 5z",dj=!0,lj="SAP-icons-v5",uj="@ui5/webcomponents-icons";F(nj,{pathData:sj,ltr:dj,collection:lj,packageName:uj});function cj(i,e,t){return c`<div id="player" class="udex-media-player__video udex-media-player__video-embed ${s(this.fluidModeClass)}"></div>`}function hj(){return cj.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const pj=`.udex-media-player__video-embed.udex-media-player__fluid{position:absolute;top:0;left:0;width:100%;height:100%}
|
|
322
322
|
`;f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const Eb=`:host{--udex-media-player-background-color: #000000;--udex-media-player-height: 500px;--udex-media-player-width: 100%;--udex-media-player-mobile-height: 150px;--udex-media-player-mobile-width: 100%;--udex-media-player-controls-bar-height: 48px;--udex-media-player-controls-bar-small-height: 34px;--udex-media-player-poster-object-fit: cover;--udex-media-player-base-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M423.5 49h-335c-13 0-24 12-24 27v329c0 15 11 27 24 27h335c13 0 24-12 24-27V76c0-15-11-27-24-27zm0 431h-335c-40 0-72-33-72-75V76c0-41 32-75 72-75h335c40 0 72 34 72 75v329c0 42-32 75-72 75z"></path></svg>');--udex-media-player-pause-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M358 480h-33q-11 0-18.5-7.5T299 454V58q0-11 7.5-18.5T325 32h33q11 0 18.5 7.5T384 58v396q0 11-7.5 18.5T358 480zm-171 0h-33q-11 0-18.5-7.5T128 454V58q0-11 7.5-18.5T154 32h33q11 0 18.5 7.5T213 58v396q0 11-7.5 18.5T187 480z"></path></svg>');--udex-media-player-play-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M122 480q-11 0-18.5-7.5T96 454V58q0-11 7.5-18.5T122 32q7 0 15 5l269 198q10 8 10 21t-10 21L137 475q-8 5-15 5zm25-372v296l200-148z"></path></svg>');--udex-media-player-skip-forward-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M503 236q9 7 9 20 0 12-9 20L298 442q-7 6-16 6-11 0-18.5-7.5T256 422V90q0-11 7.5-18.5T282 64q9 0 16 6zm-256 0q9 7 9 20 0 12-9 20L42 442q-7 6-16 6-11 0-18.5-7.5T0 422V90q0-11 7.5-18.5T26 64q9 0 16 6zm199 20L307 143v226zm-256 0L51 143v226z"></path></svg>');--udex-media-player-skip-backward-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M10 276q-10-8-10-20t10-20L214 70q8-6 16-6 11 0 18.5 7.5T256 90v332q0 11-7.5 18.5T230 448q-8 0-16-6zm256 0q-10-8-10-20t10-20L470 70q8-6 16-6 11 0 18.5 7.5T512 90v332q0 11-7.5 18.5T486 448q-8 0-16-6zM66 256l139 113V143zm256 0 139 113V143z"></path></svg>');--udex-media-player-volume-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M427 63q40 38 62.5 88T512 256t-22.5 105-62.5 88q-9 7-17 7-11 0-18.5-7.5T384 430t8-19q32-30 50.5-70t18.5-85-18.5-85-50.5-70q-8-8-8-19t7.5-18.5T410 56q8 0 17 7zm-179 6q5-5 14-5 11 0 18.5 7t7.5 19v332q0 11-7.5 18.5T262 448q-7 0-14-5l-128-91H26q-11 0-18.5-7.5T0 326V186q0-11 7.5-18.5T26 160h94zm92 49q17 0 30.5 16.5t24 39 16 46T416 256t-5.5 36-16 45.5-24 39T340 393q-11 0-18.5-6.5T314 370q0-14 15-27 15-14 25.5-37.5T365 256t-10.5-49.5T329 169t-15-27q0-10 7.5-17t18.5-7zm-103 21-94 67q-5 5-15 5H51v90h77q10 0 15 5l94 67V139z"></path></svg>');--udex-media-player-volume-muted-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M262 64q11 0 18.5 7.5T288 90v332q0 11-7.5 18.5T262 448q-7 0-14-5l-128-91H26q-11 0-18.5-7.5T0 326V186q0-11 7.5-18.5T26 160h94l128-91q7-5 14-5zm-25 75-94 67q-7 5-15 5H51v90h77q10 0 15 5l94 67V139zm268 172q7 7 7 17 0 11-7.5 18.5T486 354q-10 0-18-8l-51-53-53 55q-8 8-18 8-11 0-18.5-7.5T320 330q0-10 7-17l55-57-55-57q-7-7-7-17 0-11 7.5-18.5T346 156q10 0 18 8l53 55 51-53q8-8 18-8 11 0 18.5 7.5T512 184q0 10-7 17l-53 55z"></path></svg>');--udex-media-player-fullscreen-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M486 0q11 0 18.5 7.5T512 26v108q0 11-7.5 18.5T486 160t-18-7.5-7-18.5V87l-97 97q-8 8-18 8-11 0-18.5-7.5T320 166q0-10 8-18l97-97h-47q-11 0-18.5-7T352 26t7.5-18.5T378 0h108zM230 32q11 0 18.5 7.5T256 58t-7.5 18-18.5 7H90q-7 0-7 7v140q0 11-7 18.5T58 256t-18.5-7.5T32 230V90q0-24 17-41t41-17h140zm224 224q11 0 18.5 7.5T480 282v140q0 24-17 41t-41 17H282q-11 0-18.5-7.5T256 454t7.5-18 18.5-7h140q7 0 7-7V282q0-11 7-18.5t18-7.5zm-306 71q7-7 18-7t18.5 7.5T192 346t-7 18l-98 97h47q11 0 18.5 7t7.5 18-7.5 18.5T134 512H26q-11 0-18.5-7.5T0 486V378q0-11 7.5-18.5T26 352t18 7.5 7 18.5v47z"></path></svg>');--udex-media-player-exit-fullscreen-icon: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M8.53125 14.1562C8.875 14.1562 9.15625 14.2812 9.375 14.5312C9.625 14.75 9.75 15.0312 9.75 15.375V21.375C9.75 21.7188 9.625 22 9.375 22.2188C9.15625 22.4375 8.875 22.5469 8.53125 22.5469C8.1875 22.5469 7.90625 22.4375 7.6875 22.2188C7.46875 22 7.35938 21.7188 7.35938 21.375V18.2812L4.03125 21.5625C3.8125 21.7812 3.53125 21.8906 3.1875 21.8906C2.84375 21.8906 2.5625 21.7812 2.34375 21.5625C2.09375 21.3125 1.96875 21.0312 1.96875 20.7188C1.96875 20.4062 2.09375 20.125 2.34375 19.875L5.625 16.5938H2.53125C2.1875 16.5938 1.90625 16.4844 1.6875 16.2656C1.46875 16.0156 1.35938 15.7188 1.35938 15.375C1.35938 15.0312 1.46875 14.75 1.6875 14.5312C1.90625 14.2812 2.1875 14.1562 2.53125 14.1562H8.53125ZM21.7031 6.98438C22.0469 6.98438 22.3281 7.10938 22.5469 7.35938C22.7969 7.57812 22.9219 7.85938 22.9219 8.20312C22.9219 8.54688 22.7969 8.82812 22.5469 9.04688C22.3281 9.26562 22.0469 9.375 21.7031 9.375H15.75C15.4062 9.375 15.1094 9.26562 14.8594 9.04688C14.6406 8.82812 14.5312 8.54688 14.5312 8.20312V2.20312C14.5312 1.85938 14.6406 1.57812 14.8594 1.35938C15.1094 1.10937 15.4062 0.984375 15.75 0.984375C16.0938 0.984375 16.375 1.10937 16.5938 1.35938C16.8125 1.57812 16.9219 1.85938 16.9219 2.20312V5.29688L20.2031 2.01562C20.4531 1.76562 20.7344 1.64062 21.0469 1.64062C21.3906 1.64062 21.6875 1.76562 21.9375 2.01562C22.1562 2.26562 22.2656 2.54688 22.2656 2.85938C22.2656 3.17188 22.1562 3.45312 21.9375 3.70312L18.6094 6.98438H21.7031ZM4.92188 10.5C4.54688 10.5 4.23438 10.3906 3.98438 10.1719C3.76562 9.95312 3.65625 9.65625 3.65625 9.28125V6.75C3.65625 5.6875 4.01562 4.79688 4.73438 4.07812C5.45312 3.35938 6.34375 3 7.40625 3H9.89062C10.2656 3 10.5625 3.125 10.7812 3.375C11.0312 3.59375 11.1562 3.89062 11.1562 4.26562C11.1562 4.64062 11.0312 4.95312 10.7812 5.20312C10.5625 5.42188 10.2656 5.53125 9.89062 5.53125H7.40625C6.59375 5.53125 6.1875 5.9375 6.1875 6.75V9.28125C6.1875 9.65625 6.0625 9.95312 5.8125 10.1719C5.59375 10.3906 5.29688 10.5 4.92188 10.5ZM20.5312 13.4531C20.9062 13.4531 21.2031 13.5781 21.4219 13.8281C21.6406 14.0469 21.75 14.3438 21.75 14.7188V17.2031C21.75 18.2656 21.3906 19.1562 20.6719 19.875C19.9844 20.5938 19.0938 20.9531 18 20.9531H15.5156C15.1406 20.9531 14.8438 20.8438 14.625 20.625C14.4062 20.375 14.2969 20.0625 14.2969 19.6875C14.2969 19.3125 14.4062 19.0156 14.625 18.7969C14.8438 18.5469 15.1406 18.4219 15.5156 18.4219H18.0469C18.3906 18.4219 18.6719 18.3125 18.8906 18.0938C19.1406 17.875 19.2656 17.5781 19.2656 17.2031V14.6719C19.2656 14.2969 19.375 14 19.5938 13.7812C19.8438 13.5625 20.1562 13.4531 20.5312 13.4531Z" fill="white"/></svg>');--udex-media-player-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="m292 256 117 116q7 7 7 18 0 12-7.5 19t-18.5 7q-10 0-18-8L256 292 140 408q-8 8-18 8-11 0-18.5-7.5T96 390q0-10 8-18l116-116-116-116q-8-8-8-18 0-11 7.5-18.5T122 96t18 7l116 117 116-117q7-7 18-7t18.5 7.5T416 122t-7 18z"></path></svg>');--udex-media-player-big-play-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M256 0q53 0 100 20t81.5 54.5T492 156t20 100-20 100-54.5 81.5T356 492t-100 20-100-20-81.5-54.5T20 356 0 256t20-100 54.5-81.5T156 20 256 0zm0 461q43 0 80.5-16t65-44 43.5-65 16-80-16-80.5-43.5-65-65-43.5T256 51t-80 16-65 43.5-44 65T51 256t16 80 44 65 65 44 80 16zm85-226q11 8 11 21t-11 21l-109 77q-7 5-14 5-11 0-18.5-7.5T192 333V179q0-11 7.5-18.5T218 153q7 0 14 5z"></path></svg>') }.udex-media-player__container{display:flex;align-items:center;justify-content:center}.video-js:not(.udex-media-player__video-embed):not(.udex-media-player__iframe-poster):not(.udex-media-player__fluid){width:var(--udex-media-player-width);height:var(--udex-media-player-height)}.vjs-svg-icon{fill:currentColor;background-position:50%;background-repeat:no-repeat;display:inline-block;height:1.8em;width:1.8em}.vjs-svg-icon:before{content:none!important}.vjs-control:focus .vjs-svg-icon,.vjs-svg-icon:hover{filter:drop-shadow(0 0 .25em #fff)}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{height:100%;left:0;position:absolute;top:0;width:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}.video-js{background-color:var(--udex-media-player-background-color);box-sizing:border-box;color:#fff;display:inline-block;font-family:var(--sapFontFamily);font-size:10px;font-style:normal;font-weight:400;line-height:1;padding:0;position:relative;vertical-align:top;word-break:normal;--sapContent_IconColor: #fff}.video-js:-webkit-full-screen{height:100%!important;width:100%!important}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js.vjs-1-1:not(.vjs-audio),.video-js.vjs-16-9:not(.vjs-audio),.video-js.vjs-4-3:not(.vjs-audio),.video-js.vjs-9-16:not(.vjs-audio),.video-js.vjs-fluid:not(.vjs-audio){height:0}.video-js.vjs-16-9:not(.vjs-audio){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio){padding-top:100%}.video-js .vjs-tech,.video-js.vjs-fill:not(.vjs-audio){height:100%;width:100%}.video-js.vjs-audio .vjs-tech{display:none}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{background-color:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;height:150px;margin:0 auto;padding:20px;text-align:center;width:300px}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.vjs-big-play-button .vjs-svg-icon{height:1em;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused:not(.vjs-audio):not(.vjs-controls-disabled) .vjs-big-play-button{display:block}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:none}.vjs-audio .vjs-control-bar,.vjs-has-started .vjs-control-bar{display:flex;opacity:1;transition:visibility .1s,opacity .1s;visibility:visible}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control:focus,.video-js .vjs-control:focus-visible,.video-js .vjs-control:focus-visible:before,.video-js .vjs-control:focus:before,.video-js .vjs-volume-bar.vjs-slider-horizontal:focus-visible,.video-js .vjs-progress-control .vjs-progress-holder:focus-visible,.video-js .vjs-control>button:focus-visible{outline-color:var(--udexColorBlue9)}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{to{transform:rotate(1turn)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}.video-js.vjs-audio .vjs-captions-button{display:none}.video-js.vjs-audio .vjs-descriptions-button{display:none}@supports (display: grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-mouse.vjs-playlist{font-size:15px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:30px;line-height:23px}@media (min-width: 600px){.vjs-mouse.vjs-playlist{font-size:17px}.vjs-mouse.vjs-playlist .vjs-playlist-description{height:34px;line-height:26px}.vjs-playlist .vjs-playlist-name{line-height:22px}}@media (max-width: 520px){.vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text,.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-playlist .vjs-up-next .vjs-up-next-text{display:none}}@media (min-width: 521px){.vjs-playlist img{min-height:85px}}@media (max-width: 750px){.vjs-playlist .vjs-playlist-duration{display:none}}.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog{position:absolute;top:0;left:0;width:100%;height:100%}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:none}.video-js *,.video-js *:before,.video-js *:after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-1-1{width:100%;max-width:100%}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{max-width:100%;width:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window,body.vjs-pip-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{position:fixed;overflow:hidden;z-index:1000;inset:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{width:100%!important;height:100%!important;padding-top:0!important;display:block}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{position:absolute;bottom:10%;font-size:2em;background-color:#000000b3;padding:.5em;text-align:center;width:100%}.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,.vjs-layout-small.vjs-pip-container .vjs-pip-text{bottom:0;font-size:1.4em}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.video-js .vjs-big-play-button:focus,.video-js .vjs-big-play-button:focus-within,.video-js .vjs-big-play-button:focus:not(:focus-visible){outline:var(--udexColorBlue9) auto 2px}.video-js .vjs-big-play-button{font-size:3em;height:20%;max-height:100px;max-width:100px;width:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;cursor:pointer;opacity:1;background-color:#0006;border-radius:50%;transition:all .4s;line-height:0}.video-js .vjs-big-play-button [ui5-icon]{width:100%;height:100%}.video-js.vjs-16-9 .vjs-big-play-button{width:calc(20% / 1.778)}.video-js.vjs-4-3 .vjs-big-play-button{width:calc(20% / 1.333)}.video-js.vjs-1-1 .vjs-big-play-button{width:20%}.video-js.vjs-9-16 .vjs-big-play-button{width:calc(20% / .5625)}.video-js .vjs-big-play-button:before{line-height:inherit;vertical-align:middle}.video-js .vjs-big-play-button:before{content:var(--udex-media-player-big-play-icon);width:100%;height:100%}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{background:none;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{display:flex;justify-content:center;list-style:none;margin:0;padding:3px 6px;line-height:18px;font-size:12px;text-align:center}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover,.js-focus-visible .vjs-menu li.vjs-menu-item:hover{background-color:var(--udexColorGrey7, #475E75);color:#fff}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .vjs-menu li.vjs-selected:hover{background-color:var(--udexColorGrey2, #EAECEE);color:var(--udexColorGrey9, #223548)}.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible){background:none}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;min-width:105px;left:-3em;height:0em;border-top-color:#2b333fb3}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:var(--udexColorGrey10, #1A2733);position:absolute;width:100%;bottom:var(--udex-media-player-controls-bar-height);max-height:15em;text-transform:capitalize}.vjs-subs-caps-button .vjs-menu .vjs-menu-content{min-width:105px}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:var(--udex-media-player-controls-bar-height);background-color:var(--udexColorGrey10, #1A2733)}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{position:relative;text-align:center;margin:0 16px 0 0;padding:0;height:100%;width:24px;flex:none}.video-js .vjs-control.vjs-fullscreen-control{margin-right:12px}.video-js .vjs-control.vjs-play-control{margin-left:12px}.video-js .vjs-control.vjs-remaining-time{margin:0}.video-js .vjs-control.vjs-progress-control,.video-js .vjs-control.vjs-time-control{margin:0 16px 0 0}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{content:"";background-image:var(--udex-media-player-base-icon);font-size:1.8em;line-height:var(--udex-media-player-controls-bar-height);display:block;height:var(--udex-media-player-controls-bar-height);width:100%;background-size:24px 24px;background-repeat:no-repeat;background-position:center}.vjs-play-control>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-play-icon)}.vjs-skip-forward-5>.vjs-icon-placeholder:before,.vjs-skip-forward-10>.vjs-icon-placeholder:before,.vjs-skip-forward-30>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-skip-forward-icon)}.vjs-skip-backward-5>.vjs-icon-placeholder:before,.vjs-skip-backward-10>.vjs-icon-placeholder:before,.vjs-skip-backward-30>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-skip-backward-icon)}.vjs-play-control.vjs-playing>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-pause-icon)}.vjs-play-control.vjs-paused>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-play-icon)}.vjs-mute-control>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-volume-icon)}.vjs-mute-control.vjs-vol-0>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-volume-muted-icon)}.vjs-subs-caps-button>.vjs-icon-placeholder:before{content:"CC";background-image:none;font-family:var(--sapFontFamily);font-size:14px;font-weight:700}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{background-image:var(--udex-media-player-fullscreen-icon)}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{background-image:var(--udex-media-player-exit-fullscreen-icon)}.vjs-close-button>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-close-icon)}body.vjs-full-window.vjs-fullscreen .vjs-fullscreen-control>.vjs-icon-placeholder:before{background-image:var(--udex-media-player-close-icon)}.vjs-playback-rate>.vjs-icon-placeholder:before{display:none}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0em 0em 1em white}.video-js *:not(.vjs-visible-text)>.vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:4px}.video-js .vjs-progress-control .vjs-progress-holder{margin:0}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-volume-level:before,.video-js .vjs-play-progress:before{content:"";position:absolute;right:-4px;line-height:8px;z-index:1;height:8px;width:8px;background-color:#fff;border-radius:8px;bottom:-2px}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{position:absolute;top:-.35em;right:-.4em;width:.9em;height:.9em;pointer-events:none;line-height:.15em;z-index:1}.video-js .vjs-load-progress,.video-js .vjs-load-progress div{background:var(--udexColorGrey4 ,#A9B4BE)}.video-js .vjs-time-tooltip{background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:#000c}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--udexColorGrey6,#5B738B)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0em 0em 1em white;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex;align-items:center}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{width:60px;height:3em;margin-right:0}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:100px;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:4px}.vjs-volume-bar.vjs-slider-vertical{width:4px;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{position:absolute;width:.9em;height:.9em;pointer-events:none;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translate(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#a9b4be}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:#000c}.vjs-poster{display:inline-block;vertical-align:middle;cursor:pointer;margin:0;padding:0;position:absolute;inset:0;height:100%}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{width:100%;height:100%;-o-object-fit:var(--udex-media-player-poster-object-fit);object-fit:var(--udex-media-player-poster-object-fit)}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{width:1em;height:1em;pointer-events:none;fill:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;font-size:var(--udexTypographyBodyXXSFontSize, 12px);line-height:var(--udex-media-player-controls-bar-height);min-width:2em;width:auto}.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider,.video-js .vjs-current-time,.video-js .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:var(--udex-media-player-controls-bar-height);left:0;right:0;top:0;pointer-events:none}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:var(--udex-media-player-controls-bar-height)}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:14px;font-weight:700;line-height:var(--udex-media-player-controls-bar-height);text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:-2.7rem}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-loading-spinner{background-clip:padding-box;border:.6em solid #2b333fb3;border-radius:50%;box-sizing:border-box;display:none;height:5em;left:50%;opacity:.85;position:absolute;text-align:left;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:5em}.vjs-seeking.vjs-paused .vjs-loading-spinner,.vjs-waiting.vjs-paused .vjs-loading-spinner,.vjs-paused .vjs-loading-spinner{display:none}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{align-items:center;animation:vjs-spinner-show 0s linear .3s forwards;display:flex;justify-content:center}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:after,.vjs-loading-spinner:before{border:inherit;border-color:#fff #0000 #0000;border-radius:inherit;box-sizing:inherit;content:"";height:inherit;opacity:1;position:absolute;width:inherit}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{animation-delay:.44s;border-top-color:#fff}.vjs-chapters-button .vjs-menu ul{width:24em}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{width:1.5em;height:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover{width:auto;width:initial}.video-js.vjs-layout-x-small .vjs-progress-control,.video-js.vjs-layout-tiny .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:#2b333fbf;color:#fff;height:70%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:10px;border:none}.vjs-text-track-settings fieldset span{display:inline-block;padding:0 .6em .8em}.vjs-text-track-settings fieldset span>select{max-width:7.3em;margin-bottom:.5em}.vjs-text-track-settings legend{color:#fff;font-weight:700;font-size:1.2em}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:#2b333fbf}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px;margin-bottom:var(--udexSpacer16)}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{background:rgba(0,0,0,.9);background:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 60%,rgba(0,0,0,0) 100%);font-size:1.2em;line-height:1.5;transition:opacity .1s;padding:.666em 1.333em 4em;pointer-events:none;position:absolute;top:0;width:100%}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-title,.vjs-title-bar-description{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjs-title-bar-title{font-weight:700;margin-bottom:.333em}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5,.video-js .vjs-skip-forward-10,.video-js .vjs-skip-forward-30,.video-js .vjs-skip-backward-5,.video-js .vjs-skip-backward-10,.video-js .vjs-skip-backward-30{cursor:pointer}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js *:focus:not(.focus-visible){outline:none}.video-js *:focus:not(:focus-visible){outline:none}.vjs-audio .vjs-big-play-button{display:none}.vjs-audio .vjs-control-bar{display:flex}.udex-media-player__fluid .udex-media-player__vjs-poster>picture>img,.udex-media-player__fluid .udex-media-player__vjs-poster>picture,.video-js.udex-media-player__video.udex-media-player__fluid>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.udex-media-player__iframe-poster .udex-media-player__vjs-poster{display:inline-block;vertical-align:middle;margin:0;padding:0;inset:0}.udex-media-player__iframe-poster .udex-media-player__vjs-poster .vjs-big-play-button{cursor:pointer}.udex-media-player__iframe-poster .udex-media-player__vjs-poster .vjs-big-play-button:before{content:""}.vjs-modal-dialog.vjs-text-track-settings{background-color:#00000080;container-type:inline-size;container-name:settings}.vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content{padding:var(--udexSpacer24) var(--udexSpacer32);display:flex;flex-wrap:wrap}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-font,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls{display:flex;flex-direction:column;margin:0 0 var(--udexSpacer24) 0;flex-grow:1;gap:var(--udexSpacer24);min-width:250px}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls{justify-content:flex-end;align-items:flex-end;gap:var(--udexSpacer16);flex-direction:row}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button{margin:0;margin-bottom:var(--udexSpacer16)}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button{position:relative}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button:focus-within,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button:focus,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button:focus-within,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button:focus{outline:none;border-radius:var(--udexRadiusXS, 4px)}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button:focus-within:after,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button:focus:after,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button:focus-within:after,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button:focus:after{content:"";position:absolute;box-sizing:border-box;inset:2px;border:.125rem solid var(--udexColorBlue9);border-radius:var(--udexRadiusXS, 4px)}.vjs-modal-dialog.vjs-text-track-settings .vjs-close-button.vjs-control.vjs-button{height:24px;right:var(--udexSpacer32);top:var(--udexSpacer24);margin:0}.vjs-modal-dialog.vjs-text-track-settings .vjs-close-button.vjs-control.vjs-button .vjs-icon-placeholder:before{height:24px}.vjs-modal-dialog.vjs-track-setting>select{margin:0}.vjs-modal-dialog.vjs-text-track-settings fieldset select:focus,.vjs-modal-dialog.vjs-text-track-settings fieldset select:focus-within{outline-color:var(--udexColorBlue9)}.vjs-modal-dialog.vjs-text-track-settings fieldset{margin:0;padding:0}.vjs-modal-dialog.vjs-text-track-settings legend{margin-bottom:var(--udexSpacer16);font-weight:500;font-size:1rem}.vjs-modal-dialog.vjs-text-track-settings .vjs-label{margin:0 var(--udexSpacer8) var(--udexSpacer8) 0}.vjs-modal-dialog.vjs-text-track-settings fieldset span{padding:0 var(--udexSpacer16) 0 0}.video-js .vjs-control.vjs-playback-rate{width:auto}.vjs-playback-rate .vjs-playback-rate-value{position:relative}@media (width < 680px){.vjs-modal-dialog.vjs-text-track-settings .vjs-modal-dialog-content{padding:var(--udexSpacer16) var(--udexSpacer24)}.vjs-modal-dialog.vjs-text-track-settings .vjs-close-button.vjs-control.vjs-button{right:var(--udexSpacer24);top:var(--udexSpacer16)}.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-colors,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-font,.vjs-modal-dialog.vjs-text-track-settings .vjs-track-settings-controls{gap:var(--udexSpacer8)}.vjs-modal-dialog.vjs-text-track-settings legend{margin-bottom:var(--udexSpacer8)}}@media (max-width: 980px){.video-js .vjs-control{width:18px}.vjs-button>.vjs-icon-placeholder:before{background-size:18px 18px}.vjs-button>.vjs-icon-placeholder:before{line-height:var(--udex-media-player-controls-bar-small-height);height:var(--udex-media-player-controls-bar-small-height)}.video-js .vjs-control-bar{height:var(--udex-media-player-controls-bar-small-height)}.vjs-text-track-display,.vjs-menu-button-popup .vjs-menu .vjs-menu-content{bottom:var(--udex-media-player-controls-bar-small-height)}.vjs-playback-rate .vjs-playback-rate-value,.video-js .vjs-time-control{line-height:var(--udex-media-player-controls-bar-small-height)}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:var(--udex-media-player-controls-bar-small-height)}.video-js:not(.udex-media-player__video-embed):not(.udex-media-player__iframe-poster):not(.udex-media-player__fluid){height:var(--udex-media-player-mobile-height);width:var(--udex-media-player-mobile-width)}}
|
|
@@ -352,16 +352,16 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
352
352
|
`;f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const Nb=`.input-root-phone{flex:1;position:relative;height:var(--_ui5-v2-14-0_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:var(--sapFontFamily);background:var(--sapField_BackgroundStyle);background-color:var(--_ui5-v2-14-0_input_background_color);border:var(--_ui5-v2-14-0-input-border);border-radius:var(--_ui5-v2-14-0_input_border_radius);box-sizing:border-box}.input-root-phone [inner-input]{padding:0 .5rem;width:100%;height:100%}.input-root-phone [inner-input]:focus{background-color:var(--sapField_Focus_Background)}.input-root-phone:focus-within:before{content:"";position:absolute;pointer-events:none;z-index:2;border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5-v2-14-0_input_focus_border_radius);top:var(--_ui5-v2-14-0_input_focus_offset);bottom:var(--_ui5-v2-14-0_input_focus_offset);left:var(--_ui5-v2-14-0_input_focus_offset);right:var(--_ui5-v2-14-0_input_focus_offset)}.input-root-phone [value-state=Negative] .inputIcon[data-ui5-compact-size],.input-root-phone [value-state=Positive] .inputIcon[data-ui5-compact-size],.input-root-phone [value-state=Critical] .inputIcon[data-ui5-compact-size]{padding:.1875rem .5rem}[inner-input]{background:transparent;color:inherit;border:none;font-style:normal;-webkit-appearance:none;-moz-appearance:textfield;line-height:normal;padding:var(--_ui5-v2-14-0_input_inner_padding);box-sizing:border-box;min-width:3rem;text-overflow:ellipsis;flex:1;outline:none;font-size:inherit;font-family:inherit;border-radius:var(--_ui5-v2-14-0_input_border_radius)}[inner-input]::selection,[inner-input]::-moz-selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}[inner-input]::-webkit-input-placeholder{font-style:var(--_ui5-v2-14-0_input_placeholder_style);color:var(--sapField_PlaceholderTextColor)}[inner-input]::-moz-placeholder{font-style:var(--_ui5-v2-14-0_input_placeholder_style);color:var(--sapField_PlaceholderTextColor)}.input-root-phone[value-state]:not([value-state=None]){border-width:var(--_ui5-v2-14-0_input_state_border_width)}.input-root-phone[value-state=Negative] [inner-input],.input-root-phone[value-state=Critical] [inner-input]{font-style:var(--_ui5-v2-14-0_input_error_warning_font_style)}.input-root-phone[value-state=Negative] [inner-input]{font-weight:var(--_ui5-v2-14-0_input_error_font_weight)}.input-root-phone[value-state=Negative]:not([readonly]){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-v2-14-0_input_value_state_error_border_color)}.input-root-phone[value-state=Negative]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v2-14-0_input_focused_value_state_error_background);border-color:var(--_ui5-v2-14-0_input_focused_value_state_error_border_color)}.input-root-phone[value-state=Negative]:not([readonly]):focus-within:before{border-color:var(--_ui5-v2-14-0_input_focused_value_state_error_focus_outline_color)}.input-root-phone[value-state=Negative]:not([readonly]):not([disabled]),.input-root-phone[value-state=Critical]:not([readonly]):not([disabled]),.input-root-phone[value-state=Information]:not([readonly]):not([disabled]){border-style:var(--_ui5-v2-14-0_input_error_warning_border_style)}.input-root-phone[value-state=Critical]:not([readonly]){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-v2-14-0_input_value_state_warning_border_color)}.input-root-phone[value-state=Critical]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v2-14-0_input_focused_value_state_warning_background);border-color:var(--_ui5-v2-14-0_input_focused_value_state_warning_border_color)}.input-root-phone[value-state=Critical]:not([readonly]):focus-within:before{border-color:var(--_ui5-v2-14-0_input_focused_value_state_warning_focus_outline_color)}.input-root-phone[value-state=Positive]:not([readonly]){background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-v2-14-0_input_value_state_success_border_color);border-width:var(--_ui5-v2-14-0_input_value_state_success_border_width)}.input-root-phone[value-state=Positive]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v2-14-0_input_focused_value_state_success_background);border-color:var(--_ui5-v2-14-0_input_focused_value_state_success_border_color)}.input-root-phone[value-state=Positive]:not([readonly]):focus-within:before{border-color:var(--_ui5-v2-14-0_input_focused_value_state_success_focus_outline_color)}.input-root-phone[value-state=Information]:not([readonly]){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-v2-14-0_input_value_state_information_border_color);border-width:var(--_ui5-v2-14-0_input_information_border_width)}.input-root-phone[value-state=Information]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v2-14-0_input_focused_value_state_information_background);border-color:var(--_ui5-v2-14-0_input_focused_value_state_information_border_color)}.ui5-multi-combobox-toggle-button{margin-left:.5rem}.ui5-responsive-popover-header{width:100%;min-height:2.5rem;display:flex;flex-direction:column}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5-v2-14-0_button_base_min_width))}.ui5-responsive-popover-header .row{box-sizing:border-box;padding:.25rem 1rem;min-height:2.5rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontHeader5Size)}.ui5-responsive-popover-footer{display:flex;justify-content:flex-end;padding:.25rem 0;width:100%}.ui5-responsive-popover-close-btn{position:absolute;right:1rem}
|
|
353
353
|
`;f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const lk=`.ui5-valuestatemessage-popover{border-radius:var(--_ui5-v2-14-0_value_state_message_popover_border_radius);box-shadow:var(--_ui5-v2-14-0_value_state_message_popover_box_shadow)}.ui5-input-value-state-message-icon{width:var(--_ui5-v2-14-0_value_state_message_icon_width);height:var(--_ui5-v2-14-0_value_state_message_icon_height);display:var(--_ui5-v2-14-0_input_value_state_icon_display);position:absolute;padding-right:.375rem}.ui5-valuestatemessage-root .ui5-input-value-state-message-icon{left:var(--_ui5-v2-14-0_input_value_state_icon_offset)}.ui5-input-value-state-message-icon[name=error]{color:var(--sapNegativeElementColor)}.ui5-input-value-state-message-icon[name=alert]{color:var(--sapCriticalElementColor)}.ui5-input-value-state-message-icon[name=success]{color:var(--sapPositiveElementColor)}.ui5-input-value-state-message-icon[name=information]{color:var(--sapInformativeElementColor)}.ui5-valuestatemessage-root{box-sizing:border-box;display:inline-block;color:var(--sapTextColor);font-size:var(--sapFontSmallSize);font-family:var(--sapFontFamily);height:auto;padding:var(--_ui5-v2-14-0_value_state_message_padding);overflow:hidden;text-overflow:ellipsis;min-width:6.25rem;border:var(--_ui5-v2-14-0_value_state_message_border);line-height:var(--_ui5-v2-14-0_value_state_message_line_height)}[ui5-responsive-popover] .ui5-valuestatemessage-header,[ui5-popover] .ui5-valuestatemessage-header{min-height:var(--_ui5-v2-14-0_value_state_message_popover_header_min_height);min-width:var(--_ui5-v2-14-0_value_state_message_popover_header_min_width);max-width:var(--_ui5-v2-14-0_value_state_message_popover_header_max_width);width:var(--_ui5-v2-14-0_value_state_message_popover_header_width)}[ui5-responsive-popover] .ui5-valuestatemessage-header{padding:var(--_ui5-v2-14-0_value_state_header_padding);border:var(--_ui5-v2-14-0_value_state_header_border);border-bottom:var(--_ui5-v2-14-0_value_state_header_border_bottom);flex-grow:1;position:relative}.ui5-valuestatemessage--success{background:var(--sapSuccessBackground)}.ui5-valuestatemessage--warning{background:var(--sapWarningBackground)}.ui5-valuestatemessage--error{background:var(--sapErrorBackground)}.ui5-valuestatemessage--information{background:var(--sapInformationBackground)}.ui5-responsive-popover-header:focus{outline-offset:var(--_ui5-v2-14-0_value_state_header_offset);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}.ui5-valuestatemessage-popover::part(header),.ui5-valuestatemessage-popover::part(content){padding:0}.ui5-valuestatemessage-popover::part(header),.ui5-valuestatemessage-popover::part(footer){min-height:0}.ui5-valuestatemessage-popover::part(header),.ui5-popover-with-value-state-header::part(header),.ui5-popover-with-value-state-header-phone::part(header){margin-bottom:0}.ui5-popover-with-value-state-header-phone .ui5-valuestatemessage-root{padding:var(--_ui5-v2-14-0_value_state_message_padding_phone);width:100%}.ui5-popover-with-value-state-header-phone .ui5-input-value-state-message-icon{left:var(--_ui5-v2-14-0_value_state_message_icon_offset_phone)}.ui5-popover-with-value-state-header-phone .ui5-valuestatemessage-header{position:relative;flex:none;top:0;left:0}.ui5-popover-with-value-state-header-phone::part(content){padding:0;overflow:hidden;display:flex;flex-direction:column}.ui5-popover-with-value-state-header-phone [ui5-list]{overflow:auto}[ui5-responsive-popover] .ui5-valuestatemessage--error{box-shadow:var(--_ui5-v2-14-0_value_state_header_box_shadow_error)}[ui5-responsive-popover] .ui5-valuestatemessage--information{box-shadow:var(--_ui5-v2-14-0_value_state_header_box_shadow_information)}[ui5-responsive-popover] .ui5-valuestatemessage--success{box-shadow:var(--_ui5-v2-14-0_value_state_header_box_shadow_success)}[ui5-responsive-popover] .ui5-valuestatemessage--warning{box-shadow:var(--_ui5-v2-14-0_value_state_header_box_shadow_warning)}[ui5-responsive-popover].ui5-popover-with-value-state-header .ui5-valuestatemessage-root:has(+[ui5-list]:empty){box-shadow:none}
|
|
354
354
|
`;f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const uk=`.ui5-suggestions-popover{box-shadow:var(--sapContent_Shadow1)}.ui5-suggestions-popover::part(header),.ui5-suggestions-popover::part(content){padding:0}.ui5-suggestions-popover::part(footer){padding:0 1rem}.input-root-phone.native-input-wrapper{display:contents}.input-root-phone.native-input-wrapper:before{display:none}.native-input-wrapper .ui5-input-inner-phone{margin:0}
|
|
355
|
-
`;var Ee=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},nt,La;(function(i){i.CHANGE="change",i.INPUT="input",i.SELECTION_CHANGE="selection-change"})(La||(La={}));var Hp;(function(i){i.ACTION_ENTER="enter",i.ACTION_USER_INPUT="input"})(Hp||(Hp={}));let Ce=nt=class extends X{get formValidityMessage(){return nt.i18nBundle.getText(UA)}get _effectiveShowSuggestions(){return!!(this.showSuggestions&&this.Suggestions)}get formValidity(){return{valueMissing:this.required&&!this.value}}async formElementAnchor(){return this.getFocusDomRefAsync()}get formFormattedValue(){return this.value}constructor(){super(),this.disabled=!1,this.highlight=!1,this.readonly=!1,this.required=!1,this.noTypeahead=!1,this.type="Text",this.value="",this._innerValue="",this.valueState="None",this.showSuggestions=!1,this.showClearIcon=!1,this.open=!1,this._effectiveShowClearIcon=!1,this.focused=!1,this.valueStateOpen=!1,this._inputAccInfo={},this._nativeInputAttributes={},this._inputIconFocused=!1,this._linksListenersArray=[],this._handleLinkNavigation=!1,this.hasSuggestionItemSelected=!1,this.valueBeforeItemSelection="",this.valueBeforeSelectionStart="",this.previousValue="",this.firstRendering=!0,this.typedInValue="",this.lastConfirmedValue="",this.isTyping=!1,this._isLatestValueFromSuggestions=!1,this._isChangeTriggeredBySuggestion=!1,this._indexOfSelectedItem=-1,this._handleResizeBound=this._handleResize.bind(this),this._keepInnerValue=!1,this._focusedAfterClear=!1,this._valueStateLinks=[]}onEnterDOM(){ce.register(this,this._handleResizeBound),eb(this,this._updateAssociatedLabelsTexts.bind(this))}onExitDOM(){ce.deregister(this,this._handleResizeBound),ib(this),this._removeLinksEventListeners()}_highlightSuggestionItem(e){var t;e.markupText=this.typedInValue?(t=this.Suggestions)==null?void 0:t.hightlightInput(e.text||"",this.typedInValue):sW(e.text||"")}_isGroupItem(e){return e.hasAttribute("ui5-suggestion-item-group")}onBeforeRendering(){this._keepInnerValue||(this._innerValue=this.value===null?"":this.value),this.showSuggestions&&(this.enableSuggestions(),this._flattenItems.forEach(u=>{var h;u.hasAttribute("ui5-suggestion-item")?this._highlightSuggestionItem(u):this._isGroupItem(u)&&((h=u.items)==null||h.forEach(m=>{this._highlightSuggestionItem(m)}))})),this._effectiveShowClearIcon=this.showClearIcon&&!!this.value&&!this.readonly&&!this.disabled,this.style.setProperty(Re("--_ui5-input-icons-count"),`${this.iconsCount}`);const e=!!this._flattenItems.length,t=!!this.value,o=this.shadowRoot.querySelector("input")===os();this.shouldDisplayOnlyValueStateMessage?this.openValueStatePopover():this.closeValueStatePopover(),this.disabled||this.readonly?this.open=!1:this._isPhone||(this.open=e&&(this.open||t&&o&&this.isTyping));const a=this.value,n=this.getInputDOMRefSync();if(!n||!a)return;const d=n.selectionEnd-n.selectionStart;if(this._shouldAutocomplete&&!_4()&&!d&&!this._isKeyNavigation){const u=this._getFirstMatchingItem(a);u&&(this._handleTypeAhead(u),this._selectMatchingItem(u))}}onAfterRendering(){var t;const e=this.getInputDOMRefSync();this.showSuggestions&&((t=this.Suggestions)!=null&&t._getPicker())&&(this._listWidth=this.Suggestions._getListWidth(),this.Suggestions._getList()._itemNavigation._getItems=()=>[]),this._performTextSelection&&(e.value!==this._innerValue&&(e.value=this._innerValue),this.typedInValue.length&&this.value.length&&e.setSelectionRange(this.typedInValue.length,this.value.length),this.fireDecoratorEvent("type-ahead")),this._performTextSelection=!1,G2(this._valueStateLinks,this.linksInAriaValueStateHiddenText)||(this._removeLinksEventListeners(),this._addLinksEventListeners(),this._valueStateLinks=this.linksInAriaValueStateHiddenText)}_onkeydown(e){if(this._isKeyNavigation=!0,this._shouldAutocomplete=!this.noTypeahead&&!(Ip(e)||Ln(e)||Qe(e)),Ge(e))return this._handleUp(e);if(Xe(e))return this._handleDown(e);if(J(e))return this._handleSpace(e);if(St(e))return this._handleTab();if(le(e)){const t=this.previousValue===this.getInputDOMRefSync().value,o=this._internals.form&&this._internals.form.querySelectorAll("[ui5-input]").length===1;return this._enterKeyDown=!0,t&&o&&sg(this),this._handleEnter(e)}if(ea(e))return this._handlePageUp(e);if(Mn(e))return this._handlePageDown(e);if(mt(e))return this._handleHome(e);if(Qt(e))return this._handleEnd(e);if(Qe(e))return this._handleEscape();if(OB(e))return this._handleCtrlAltF8();this.showSuggestions&&this._clearPopoverFocusAndSelection(),this._isKeyNavigation=!1}_onkeyup(e){Ln(e)&&(this.value=e.target.value),this._enterKeyDown=!1}get currentItemIndex(){var r;const e=(r=this.Suggestions)==null?void 0:r._getItems(),t=e.find(a=>a.selected||a.focused);return t?e.indexOf(t):-1}_handleUp(e){var t;(t=this.Suggestions)!=null&&t.isOpened()&&this.Suggestions.onUp(e,this.currentItemIndex)}_handleDown(e){var t;(t=this.Suggestions)!=null&&t.isOpened()&&this.Suggestions.onDown(e,this.currentItemIndex)}_handleSpace(e){this.Suggestions&&this.Suggestions.onSpace(e)}_handleTab(){this.Suggestions&&this.previousValue!==this.value&&this.Suggestions.onTab()}_handleCtrlAltF8(){this._handleLinkNavigation=!0;const e=this.linksInAriaValueStateHiddenText;e.length&&e[0].focus()}_addLinksEventListeners(){const e=this.linksInAriaValueStateHiddenText;e.forEach((t,o)=>{this._linksListenersArray.push(r=>{dW(r,e,o,{closeValueState:()=>{var a,n;(a=this.Suggestions)!=null&&a.isOpened()&&((n=this.Suggestions)==null||n.close()),this.valueStateOpen&&this.closeValueStatePopover()},focusInput:()=>{this._handleLinkNavigation=!1,this.getInputDOMRef().focus()},navigateToItem:()=>{var a;this._handleLinkNavigation?(this._handleLinkNavigation=!1,(a=this.Suggestions)!=null&&a.isOpened()&&(this.innerFocusIn(),this.getInputDOMRef().focus(),this.Suggestions.onDown(r,this.currentItemIndex))):this._handleDown(r)},isPopoverOpen:()=>{var a;return this.Suggestions&&((a=this.Suggestions)==null?void 0:a.isOpened())||!1}})}),t.addEventListener("keydown",this._linksListenersArray[o])})}_removeLinksEventListeners(){this.linksInAriaValueStateHiddenText.forEach((t,o)=>{t.removeEventListener("keydown",this._linksListenersArray[o])}),this._linksListenersArray=[],this._handleLinkNavigation=!1}_handleEnter(e){var a;const t=!!((a=this.Suggestions)!=null&&a.onEnter(e)),o=this.getInputDOMRefSync(),r=this._selectableItems.find(n=>n.text===this.value);if(r){const n=r.text||"";o.setSelectionRange(n.length,n.length),t||(this.fireSelectionChange(r,!0),this.acceptSuggestion(r,!0),this.open=!1)}if(this._isPhone&&!this._flattenItems.length&&!this.isTypeNumber&&o.setSelectionRange(this.value.length,this.value.length),!t){this.lastConfirmedValue=this.value;return}this.focused=!0}_handlePageUp(e){var t;this._isSuggestionsFocused?(t=this.Suggestions)==null||t.onPageUp(e):e.preventDefault()}_handlePageDown(e){var t;this._isSuggestionsFocused?(t=this.Suggestions)==null||t.onPageDown(e):e.preventDefault()}_handleHome(e){var t;this._isSuggestionsFocused&&((t=this.Suggestions)==null||t.onHome(e))}_handleEnd(e){var t;this._isSuggestionsFocused&&((t=this.Suggestions)==null||t.onEnd(e))}_handleEscape(){var a;const t=this.showSuggestions&&!!this.Suggestions&&this.open,o=this.getInputDOMRefSync(),r=o.selectionEnd-o.selectionStart>0;if(this.isTyping=!1,this.value!==this.previousValue&&this.value!==this.lastConfirmedValue&&!this.open){this.value=this.lastConfirmedValue?this.lastConfirmedValue:this.previousValue,this.fireDecoratorEvent(La.INPUT,{inputType:""});return}if(!t){this.value=this.lastConfirmedValue?this.lastConfirmedValue:this.previousValue;return}if(t&&((a=this.Suggestions)!=null&&a._isItemOnTarget())){this.value=this.typedInValue||this.valueBeforeSelectionStart,this.focused=!0;return}r&&(this.value=this.typedInValue),this.focused=!0}_onfocusin(e){this.focused=!0,this._focusedAfterClear||(this.previousValue=this.value),this.valueBeforeSelectionStart=this.value,this._inputIconFocused=!!e.target&&e.target===this.querySelector("[ui5-icon]"),this._focusedAfterClear=!1}innerFocusIn(){}_onfocusout(e){var o;const t=e.relatedTarget;(o=this.Suggestions)!=null&&o._getPicker().contains(t)||this.contains(t)||this.getSlottedNodes("valueStateMessage").some(r=>r.contains(t))||(this._keepInnerValue=!1,this.focused=!1,this._isChangeTriggeredBySuggestion=!1,this.showClearIcon&&!this._effectiveShowClearIcon&&(this._clearIconClicked=!1,this._handleChange()),this.open=!1,this._clearPopoverFocusAndSelection(),this._clearIconClicked||(this.previousValue=""),this.lastConfirmedValue="",this.isTyping=!1,this.value!==this.previousValue&&this.showClearIcon&&(this._clearIconClicked=!1))}_clearPopoverFocusAndSelection(){var e,t;!this.showSuggestions||!this.Suggestions||(this.hasSuggestionItemSelected=!1,(e=this.Suggestions)==null||e._deselectItems(),(t=this.Suggestions)==null||t._clearItemFocus())}_click(){Ye()&&!this.readonly&&this.Suggestions&&(this.blur(),this.open=!0)}_handleChange(){var o;const e=this._internals.form&&this._internals.form.querySelectorAll("[ui5-input]").length===1;if(this._clearIconClicked){this._clearIconClicked=!1;return}const t=()=>{this._isChangeTriggeredBySuggestion||this.fireDecoratorEvent(La.CHANGE),this.previousValue=this.value,this.typedInValue=this.value,this._isChangeTriggeredBySuggestion=!1};this.previousValue!==this.getInputDOMRefSync().value&&((o=this.Suggestions)!=null&&o._getPicker().open&&this._flattenItems.some(r=>r.hasAttribute("ui5-suggestion-item")&&r.selected)?this._changeToBeFired=!0:(t(),this._enterKeyDown&&e&&sg(this)))}_clear(){const e=this.value;if(this.value="",!this.fireDecoratorEvent(La.INPUT,{inputType:""})){this.value=e;return}this.typedInValue="",this._isPhone||(this.fireResetSelectionChange(),this.focus(),this._focusedAfterClear=!0)}_iconMouseDown(){this._clearIconClicked=!0}_scroll(e){this.fireDecoratorEvent("suggestion-scroll",{scrollTop:e.detail.scrollTop,scrollContainer:e.detail.targetRef})}_handleSelect(){this.fireDecoratorEvent("select")}_handleInput(e){const t=e.detail&&e.detail.inputType||"";this._input(e,t)}_handleNativeInput(e){const t=e.inputType||"";this._input(e,t)}_input(e,t){const o=this.getInputDOMRefSync(),r=this.value&&this.isTypeNumber&&!o.value;this._keepInnerValue=!1;const a=["deleteWordBackward","deleteWordForward","deleteSoftLineBackward","deleteSoftLineForward","deleteEntireSoftLine","deleteHardLineBackward","deleteHardLineForward","deleteByDrag","deleteByCut","deleteContent","deleteContentBackward","deleteContentForward","historyUndo"];if(this._shouldAutocomplete=!a.includes(t)&&!this.noTypeahead,e instanceof InputEvent){const n=this.isTypeNumber&&(e.inputType==="deleteContentForward"||e.inputType==="deleteContentBackward")&&!e.target.value.includes(".")&&this.value.includes("."),d=r&&e.data==="e",u=r&&this.value.startsWith("-")&&this.value.length===2&&(e.inputType==="deleteContentForward"||e.inputType==="deleteContentBackward");(n||d||u)&&(this.value=e.target.value,this._keepInnerValue=!0)}e.target===o&&(this.focused=!0,e.stopImmediatePropagation()),this.fireEventByAction(Hp.ACTION_ENTER,e),this.hasSuggestionItemSelected=!1,this.Suggestions&&this.Suggestions.updateSelectedItemPosition(-1),this.isTyping=!0}_startsWithMatchingItems(e){return gW(e,this._selectableItems,"text")}_getFirstMatchingItem(e){if(!this._flattenItems.length)return;const t=this._startsWithMatchingItems(e).filter(o=>!this._isGroupItem(o));if(t.length)return t[0]}_handleSelectionChange(e){var t;(t=this.Suggestions)==null||t.onItemPress(e)}_selectMatchingItem(e){e.selected=!0}_handleTypeAhead(e){const t=e.text?e.text:"";this._innerValue=t,this.value=t,this._performTextSelection=!0,this._shouldAutocomplete=!1}_handleResize(){this._inputWidth=this.offsetWidth}_updateAssociatedLabelsTexts(){this._associatedLabelsTexts=jl(this),this._accessibleLabelsRefTexts=Cd(this),this._associatedDescriptionRefTexts=$c(this)}_closePicker(){this.open=!1}_afterOpenPicker(){Ye()&&this.getInputDOMRef().focus(),this._handlePickerAfterOpen()}_afterClosePicker(){this.announceSelectedItem(),Ye()&&(this.blur(),this.focused=!1),this._changeToBeFired&&!this._isChangeTriggeredBySuggestion?(this.previousValue=this.value,this.fireDecoratorEvent(La.CHANGE)):this._isChangeTriggeredBySuggestion=!1,this._changeToBeFired=!1,this.open=!1,this.isTyping=!1,this.hasSuggestionItemSelected&&this.focus(),this._handlePickerAfterClose()}_handlePickerAfterOpen(){this.fireDecoratorEvent("open")}_handlePickerAfterClose(){var e;(e=this.Suggestions)==null||e._onClose(),this.fireDecoratorEvent("close")}openValueStatePopover(){this.valueStateOpen=!0}closeValueStatePopover(){this.valueStateOpen=!1}_handleValueStatePopoverAfterClose(){this.valueStateOpen=!1,this._handleLinkNavigation=!1}_getValueStatePopover(){return this.shadowRoot.querySelector("[ui5-popover]")}enableSuggestions(){if(this.Suggestions)return;const e=t=>{t.i18nBundle=nt.i18nBundle,this.Suggestions=new t(this,"suggestionItems",!0,!1)};nt.SuggestionsClass?e(nt.SuggestionsClass):T(()=>import("./InputSuggestions-DtUQULbo.js"),[]).then(t=>{e(t.default)})}acceptSuggestion(e,t){if(this._isGroupItem(e))return;const o=e.text||"",r=t?this.valueBeforeItemSelection!==o:this.previousValue!==o;this.hasSuggestionItemSelected=!0,this.value=o,r&&this.previousValue!==o&&(this.valueBeforeItemSelection=o,this.lastConfirmedValue=o,this._performTextSelection=!0,this.fireDecoratorEvent(La.CHANGE),this._isChangeTriggeredBySuggestion=!0,this.typedInValue=this.value,this.previousValue=this.value),this.valueBeforeSelectionStart="",this.isTyping=!1,this.open=!1}updateValueOnSelect(e){const t=this._isGroupItem(e)?this.valueBeforeSelectionStart:e.text;this.value=t||"",this._performTextSelection=!0}fireEventByAction(e,t){const o=this.value,r=this.getInputDOMRefSync();if(this.disabled||this.readonly)return;const a=this.getInputValue(),n=e===Hp.ACTION_ENTER;this.value=a,this.typedInValue=a,this.valueBeforeSelectionStart=a;const d=this.value;if(n){const u=t.inputType||"";!this.fireDecoratorEvent(La.INPUT,{inputType:u})&&(d===this.value&&(this.value=o),r&&(r.value=this.value)),this.fireResetSelectionChange()}}getInputValue(){return this.getDomRef()?this.getInputDOMRef().value:""}getInputDOMRef(){return Ye()&&this.Suggestions?this.Suggestions._getPicker().querySelector(".ui5-input-inner-phone"):this.nativeInput}getInputDOMRefSync(){var e;return Ye()&&((e=this.Suggestions)!=null&&e._getPicker())?this.Suggestions._getPicker().querySelector(".ui5-input-inner-phone").shadowRoot.querySelector("input"):this.nativeInput}get nativeInput(){const e=this.getDomRef();return e?e.querySelector("input"):null}get nativeInputWidth(){return this.nativeInput?this.nativeInput.offsetWidth:0}isSuggestionsScrollable(){var e;return this.Suggestions?(e=this.Suggestions)==null?void 0:e._isScrollable():Promise.resolve(!1)}onItemMouseDown(e){e.preventDefault()}onItemSelected(e,t){!t&&!(e!=null&&e.focused)&&this.valueBeforeItemSelection!==e.text&&this.fireSelectionChange(e,!0),this.acceptSuggestion(e,t)}_handleSuggestionItemPress(e){var t;(t=this.Suggestions)==null||t.onItemPress(e)}onItemSelect(e){this.valueBeforeItemSelection=this.value,this.updateValueOnSelect(e),this.announceSelectedItem(),this.fireSelectionChange(e,!0)}get _flattenItems(){return this.getSlottedNodes("suggestionItems").flatMap(e=>this._isGroupItem(e)?[e,...e.items]:[e])}get _selectableItems(){return this._flattenItems.filter(e=>!this._isGroupItem(e))}get valueStateTypeMappings(){return{Positive:nt.i18nBundle.getText(fA),Information:nt.i18nBundle.getText(bA),Negative:nt.i18nBundle.getText(gA),Critical:nt.i18nBundle.getText(mA)}}valueStateTextMappings(){return{Positive:nt.i18nBundle.getText(Dc),Information:nt.i18nBundle.getText(__),Negative:nt.i18nBundle.getText(Ac),Critical:nt.i18nBundle.getText(Ec)}}announceSelectedItem(){const e=this.shadowRoot.querySelector("#selectionText");e&&(e.textContent=this.itemSelectionAnnounce)}fireSelectionChange(e,t){this.Suggestions&&(this.fireDecoratorEvent(La.SELECTION_CHANGE,{item:e}),this._isLatestValueFromSuggestions=t)}fireResetSelectionChange(){this._isLatestValueFromSuggestions&&(this.fireSelectionChange(null,!1),this.valueBeforeItemSelection=this.value)}get _readonly(){return this.readonly&&!this.disabled}get _headerTitleText(){return nt.i18nBundle.getText(k$)}get _suggestionsOkButtonText(){return nt.i18nBundle.getText($$)}get clearIconAccessibleName(){return nt.i18nBundle.getText(B$)}get _popupLabel(){return nt.i18nBundle.getText(K$)}get inputType(){return this.type}get inputNativeType(){return this.type.toLowerCase()}get isTypeNumber(){return this.type===cW.Number}get suggestionsTextId(){return this.showSuggestions?"suggestionsText":""}get valueStateTextId(){return this.hasValueState?"valueStateDesc":""}get _accInfoAriaDescription(){return this._inputAccInfo&&this._inputAccInfo.ariaDescription||""}get _accInfoAriaDescriptionId(){return this._accInfoAriaDescription!==""?"descr":""}get ariaDescriptionText(){return this._associatedDescriptionRefTexts||Hl(this)}get ariaDescriptionTextId(){return this.ariaDescriptionText?"accessibleDescription":""}get ariaDescribedByIds(){return[this.suggestionsTextId,this.valueStateTextId,this._valueStateLinksShortcutsTextAccId,this._inputAccInfo.ariaDescribedBy,this._accInfoAriaDescriptionId,this.ariaDescriptionTextId].filter(Boolean).join(" ")}get accInfo(){const e=this.showSuggestions?"dialog":void 0,t=this.showSuggestions?"list":void 0;return{ariaRoledescription:this._inputAccInfo&&(this._inputAccInfo.ariaRoledescription||void 0),ariaDescribedBy:this.ariaDescribedByIds||void 0,ariaInvalid:this.valueState===ke.Negative?!0:void 0,ariaHasPopup:this._inputAccInfo.ariaHasPopup?this._inputAccInfo.ariaHasPopup:e,ariaAutoComplete:this._inputAccInfo.ariaAutoComplete?this._inputAccInfo.ariaAutoComplete:t,role:this._inputAccInfo&&this._inputAccInfo.role,ariaControls:this._inputAccInfo&&this._inputAccInfo.ariaControls,ariaExpanded:this._inputAccInfo&&this._inputAccInfo.ariaExpanded,ariaDescription:this._accInfoAriaDescription,accessibleDescription:this.ariaDescriptionText,ariaLabel:this._inputAccInfo&&this._inputAccInfo.ariaLabel||this._accessibleLabelsRefTexts||this.accessibleName||this._associatedLabelsTexts||void 0}}get nativeInputAttributes(){return{min:this.isTypeNumber?this._nativeInputAttributes.min:void 0,max:this.isTypeNumber?this._nativeInputAttributes.max:void 0,step:this.isTypeNumber?this._nativeInputAttributes.step||"any":void 0}}get ariaValueStateHiddenText(){if(!this.hasValueState)return;const e=this.valueState!==ke.None?this.valueStateTypeMappings[this.valueState]:"";return this.shouldDisplayDefaultValueStateMessage?this.valueStateText?`${e} ${this.valueStateText}`:e:this.valueStateMessage.length?`${e} ${this.valueStateMessage.map(t=>t.textContent).join(" ")}`:e}get itemSelectionAnnounce(){return this.Suggestions?this.Suggestions.itemSelectionAnnounce:""}get linksInAriaValueStateHiddenText(){const e=[];return this.valueStateMessage&&this.valueStateMessage.forEach(t=>{t.children.length&&t.querySelectorAll("ui5-link").forEach(o=>{e.push(o)})}),e}get valueStateLinksShortcutsTextAcc(){const e=this.linksInAriaValueStateHiddenText;return e.length?m2()?e.length===1?nt.i18nBundle.getText(yA):nt.i18nBundle.getText(SA):e.length===1?nt.i18nBundle.getText(xA):nt.i18nBundle.getText(wA):""}get _valueStateLinksShortcutsTextAccId(){return this.linksInAriaValueStateHiddenText.length>0?"hiddenText-value-state-link-shortcut":""}get iconsCount(){const e=this.icon?this.icon.length:0,t=Number(this._effectiveShowClearIcon)??0;return e+t}get classes(){return{popover:{"ui5-suggestions-popover":this.showSuggestions,"ui5-popover-with-value-state-header-phone":this._isPhone&&this.showSuggestions&&this.hasValueStateMessage,"ui5-popover-with-value-state-header":!this._isPhone&&this.showSuggestions&&this.hasValueStateMessage},popoverValueState:{"ui5-valuestatemessage-root":!0,"ui5-valuestatemessage-header":!0,"ui5-valuestatemessage--success":this.valueState===ke.Positive,"ui5-valuestatemessage--error":this.valueState===ke.Negative,"ui5-valuestatemessage--warning":this.valueState===ke.Critical,"ui5-valuestatemessage--information":this.valueState===ke.Information}}}get styles(){const e=parseInt(getComputedStyle(document.documentElement).fontSize);return{suggestionPopoverHeader:{display:this._listWidth===0?"none":"inline-block",width:this._listWidth?`${this._listWidth}px`:"","max-width":"inherit"},suggestionsPopover:{"min-width":this._inputWidth?`${this._inputWidth}px`:"","max-width":this._inputWidth&&this._inputWidth/e>40?`${this._inputWidth}px`:"40rem"},innerInput:{padding:""}}}get suggestionSeparators(){return"None"}get shouldDisplayOnlyValueStateMessage(){return this.hasValueStateMessage&&!this.readonly&&!this.open&&this.focused}get shouldDisplayDefaultValueStateMessage(){return!this.valueStateMessage.length&&this.hasValueStateMessage}get hasValueState(){return this.valueState!==ke.None}get hasValueStateMessage(){return this.hasValueState&&this.valueState!==ke.Positive&&(!this._inputIconFocused||!!(this._isPhone&&this.Suggestions))}get valueStateText(){return this.valueState!==ke.None?this.valueStateTextMappings()[this.valueState]:void 0}get suggestionsText(){return nt.i18nBundle.getText(S$)}get availableSuggestionsCount(){var e;if(this.showSuggestions&&(this.value||(e=this.Suggestions)!=null&&e.isOpened())){const t=this._selectableItems;switch(t.length){case 0:return nt.i18nBundle.getText(I$);case 1:return nt.i18nBundle.getText(C$);default:return nt.i18nBundle.getText(T$,t.length)}}}get step(){return this.isTypeNumber?"any":void 0}get _isPhone(){return Ye()}get _isSuggestionsFocused(){var e;return!this.focused&&((e=this.Suggestions)==null?void 0:e.isOpened())}get _placeholder(){return this.placeholder}get _valueStateInputIcon(){const e={Negative:'<path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20ZM7.70711 13.7071C7.31658 14.0976 6.68342 14.0976 6.29289 13.7071C5.90237 13.3166 5.90237 12.6834 6.29289 12.2929L8.58579 10L6.29289 7.70711C5.90237 7.31658 5.90237 6.68342 6.29289 6.29289C6.68342 5.90237 7.31658 5.90237 7.70711 6.29289L10 8.58579L12.2929 6.29289C12.6834 5.90237 13.3166 5.90237 13.7071 6.29289C14.0976 6.68342 14.0976 7.31658 13.7071 7.70711L11.4142 10L13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071C13.3166 14.0976 12.6834 14.0976 12.2929 13.7071L10 11.4142L7.70711 13.7071Z" fill="#EE3939"/>',Critical:'<path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M11.8619 0.49298C11.6823 0.187541 11.3544 0 11 0C10.6456 0 10.3177 0.187541 10.1381 0.49298L0.138066 17.493C-0.0438112 17.8022 -0.0461447 18.1851 0.13195 18.4965C0.310046 18.8079 0.641283 19 1 19H21C21.3587 19 21.69 18.8079 21.868 18.4965C22.0461 18.1851 22.0438 17.8022 21.8619 17.493L11.8619 0.49298ZM11 6C11.5523 6 12 6.44772 12 7V10C12 10.5523 11.5523 11 11 11C10.4477 11 10 10.5523 10 10V7C10 6.44772 10.4477 6 11 6ZM11 16C11.8284 16 12.5 15.3284 12.5 14.5C12.5 13.6716 11.8284 13 11 13C10.1716 13 9.5 13.6716 9.5 14.5C9.5 15.3284 10.1716 16 11 16Z" fill="#F58B00"/>',Positive:'<path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10ZM14.7071 6.29289C14.3166 5.90237 13.6834 5.90237 13.2929 6.29289L8 11.5858L6.70711 10.2929C6.31658 9.90237 5.68342 9.90237 5.29289 10.2929C4.90237 10.6834 4.90237 11.3166 5.29289 11.7071L7.29289 13.7071C7.68342 14.0976 8.31658 14.0976 8.70711 13.7071L14.7071 7.70711C15.0976 7.31658 15.0976 6.68342 14.7071 6.29289Z" fill="#36A41D"/>',Information:'<path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M3 0C1.34315 0 0 1.34315 0 3V15C0 16.6569 1.34315 18 3 18H15C16.6569 18 18 16.6569 18 15V3C18 1.34315 16.6569 0 15 0H3ZM9 6.5C9.82843 6.5 10.5 5.82843 10.5 5C10.5 4.17157 9.82843 3.5 9 3.5C8.17157 3.5 7.5 4.17157 7.5 5C7.5 5.82843 8.17157 6.5 9 6.5ZM9 8.5C9.55228 8.5 10 8.94772 10 9.5V13.5C10 14.0523 9.55228 14.5 9 14.5C8.44771 14.5 8 14.0523 8 13.5V9.5C8 8.94772 8.44771 8.5 9 8.5Z" fill="#1B90FF"/>'};return this.valueState!==ke.None?`
|
|
355
|
+
`;var Ee=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},nt,La;(function(i){i.CHANGE="change",i.INPUT="input",i.SELECTION_CHANGE="selection-change"})(La||(La={}));var Hp;(function(i){i.ACTION_ENTER="enter",i.ACTION_USER_INPUT="input"})(Hp||(Hp={}));let Ce=nt=class extends X{get formValidityMessage(){return nt.i18nBundle.getText(UA)}get _effectiveShowSuggestions(){return!!(this.showSuggestions&&this.Suggestions)}get formValidity(){return{valueMissing:this.required&&!this.value}}async formElementAnchor(){return this.getFocusDomRefAsync()}get formFormattedValue(){return this.value}constructor(){super(),this.disabled=!1,this.highlight=!1,this.readonly=!1,this.required=!1,this.noTypeahead=!1,this.type="Text",this.value="",this._innerValue="",this.valueState="None",this.showSuggestions=!1,this.showClearIcon=!1,this.open=!1,this._effectiveShowClearIcon=!1,this.focused=!1,this.valueStateOpen=!1,this._inputAccInfo={},this._nativeInputAttributes={},this._inputIconFocused=!1,this._linksListenersArray=[],this._handleLinkNavigation=!1,this.hasSuggestionItemSelected=!1,this.valueBeforeItemSelection="",this.valueBeforeSelectionStart="",this.previousValue="",this.firstRendering=!0,this.typedInValue="",this.lastConfirmedValue="",this.isTyping=!1,this._isLatestValueFromSuggestions=!1,this._isChangeTriggeredBySuggestion=!1,this._indexOfSelectedItem=-1,this._handleResizeBound=this._handleResize.bind(this),this._keepInnerValue=!1,this._focusedAfterClear=!1,this._valueStateLinks=[]}onEnterDOM(){ce.register(this,this._handleResizeBound),eb(this,this._updateAssociatedLabelsTexts.bind(this))}onExitDOM(){ce.deregister(this,this._handleResizeBound),ib(this),this._removeLinksEventListeners()}_highlightSuggestionItem(e){var t;e.markupText=this.typedInValue?(t=this.Suggestions)==null?void 0:t.hightlightInput(e.text||"",this.typedInValue):sW(e.text||"")}_isGroupItem(e){return e.hasAttribute("ui5-suggestion-item-group")}onBeforeRendering(){this._keepInnerValue||(this._innerValue=this.value===null?"":this.value),this.showSuggestions&&(this.enableSuggestions(),this._flattenItems.forEach(u=>{var h;u.hasAttribute("ui5-suggestion-item")?this._highlightSuggestionItem(u):this._isGroupItem(u)&&((h=u.items)==null||h.forEach(m=>{this._highlightSuggestionItem(m)}))})),this._effectiveShowClearIcon=this.showClearIcon&&!!this.value&&!this.readonly&&!this.disabled,this.style.setProperty(Re("--_ui5-input-icons-count"),`${this.iconsCount}`);const e=!!this._flattenItems.length,t=!!this.value,o=this.shadowRoot.querySelector("input")===os();this.shouldDisplayOnlyValueStateMessage?this.openValueStatePopover():this.closeValueStatePopover(),this.disabled||this.readonly?this.open=!1:this._isPhone||(this.open=e&&(this.open||t&&o&&this.isTyping));const a=this.value,n=this.getInputDOMRefSync();if(!n||!a)return;const d=n.selectionEnd-n.selectionStart;if(this._shouldAutocomplete&&!_4()&&!d&&!this._isKeyNavigation){const u=this._getFirstMatchingItem(a);u&&(this._handleTypeAhead(u),this._selectMatchingItem(u))}}onAfterRendering(){var t;const e=this.getInputDOMRefSync();this.showSuggestions&&((t=this.Suggestions)!=null&&t._getPicker())&&(this._listWidth=this.Suggestions._getListWidth(),this.Suggestions._getList()._itemNavigation._getItems=()=>[]),this._performTextSelection&&(e.value!==this._innerValue&&(e.value=this._innerValue),this.typedInValue.length&&this.value.length&&e.setSelectionRange(this.typedInValue.length,this.value.length),this.fireDecoratorEvent("type-ahead")),this._performTextSelection=!1,G2(this._valueStateLinks,this.linksInAriaValueStateHiddenText)||(this._removeLinksEventListeners(),this._addLinksEventListeners(),this._valueStateLinks=this.linksInAriaValueStateHiddenText)}_onkeydown(e){if(this._isKeyNavigation=!0,this._shouldAutocomplete=!this.noTypeahead&&!(Ip(e)||Ln(e)||Qe(e)),Ge(e))return this._handleUp(e);if(Xe(e))return this._handleDown(e);if(J(e))return this._handleSpace(e);if(St(e))return this._handleTab();if(le(e)){const t=this.previousValue===this.getInputDOMRefSync().value,o=this._internals.form&&this._internals.form.querySelectorAll("[ui5-input]").length===1;return this._enterKeyDown=!0,t&&o&&sg(this),this._handleEnter(e)}if(ea(e))return this._handlePageUp(e);if(Mn(e))return this._handlePageDown(e);if(mt(e))return this._handleHome(e);if(Qt(e))return this._handleEnd(e);if(Qe(e))return this._handleEscape();if(OB(e))return this._handleCtrlAltF8();this.showSuggestions&&this._clearPopoverFocusAndSelection(),this._isKeyNavigation=!1}_onkeyup(e){Ln(e)&&(this.value=e.target.value),this._enterKeyDown=!1}get currentItemIndex(){var r;const e=(r=this.Suggestions)==null?void 0:r._getItems(),t=e.find(a=>a.selected||a.focused);return t?e.indexOf(t):-1}_handleUp(e){var t;(t=this.Suggestions)!=null&&t.isOpened()&&this.Suggestions.onUp(e,this.currentItemIndex)}_handleDown(e){var t;(t=this.Suggestions)!=null&&t.isOpened()&&this.Suggestions.onDown(e,this.currentItemIndex)}_handleSpace(e){this.Suggestions&&this.Suggestions.onSpace(e)}_handleTab(){this.Suggestions&&this.previousValue!==this.value&&this.Suggestions.onTab()}_handleCtrlAltF8(){this._handleLinkNavigation=!0;const e=this.linksInAriaValueStateHiddenText;e.length&&e[0].focus()}_addLinksEventListeners(){const e=this.linksInAriaValueStateHiddenText;e.forEach((t,o)=>{this._linksListenersArray.push(r=>{dW(r,e,o,{closeValueState:()=>{var a,n;(a=this.Suggestions)!=null&&a.isOpened()&&((n=this.Suggestions)==null||n.close()),this.valueStateOpen&&this.closeValueStatePopover()},focusInput:()=>{this._handleLinkNavigation=!1,this.getInputDOMRef().focus()},navigateToItem:()=>{var a;this._handleLinkNavigation?(this._handleLinkNavigation=!1,(a=this.Suggestions)!=null&&a.isOpened()&&(this.innerFocusIn(),this.getInputDOMRef().focus(),this.Suggestions.onDown(r,this.currentItemIndex))):this._handleDown(r)},isPopoverOpen:()=>{var a;return this.Suggestions&&((a=this.Suggestions)==null?void 0:a.isOpened())||!1}})}),t.addEventListener("keydown",this._linksListenersArray[o])})}_removeLinksEventListeners(){this.linksInAriaValueStateHiddenText.forEach((t,o)=>{t.removeEventListener("keydown",this._linksListenersArray[o])}),this._linksListenersArray=[],this._handleLinkNavigation=!1}_handleEnter(e){var a;const t=!!((a=this.Suggestions)!=null&&a.onEnter(e)),o=this.getInputDOMRefSync(),r=this._selectableItems.find(n=>n.text===this.value);if(r){const n=r.text||"";o.setSelectionRange(n.length,n.length),t||(this.fireSelectionChange(r,!0),this.acceptSuggestion(r,!0),this.open=!1)}if(this._isPhone&&!this._flattenItems.length&&!this.isTypeNumber&&o.setSelectionRange(this.value.length,this.value.length),!t){this.lastConfirmedValue=this.value;return}this.focused=!0}_handlePageUp(e){var t;this._isSuggestionsFocused?(t=this.Suggestions)==null||t.onPageUp(e):e.preventDefault()}_handlePageDown(e){var t;this._isSuggestionsFocused?(t=this.Suggestions)==null||t.onPageDown(e):e.preventDefault()}_handleHome(e){var t;this._isSuggestionsFocused&&((t=this.Suggestions)==null||t.onHome(e))}_handleEnd(e){var t;this._isSuggestionsFocused&&((t=this.Suggestions)==null||t.onEnd(e))}_handleEscape(){var a;const t=this.showSuggestions&&!!this.Suggestions&&this.open,o=this.getInputDOMRefSync(),r=o.selectionEnd-o.selectionStart>0;if(this.isTyping=!1,this.value!==this.previousValue&&this.value!==this.lastConfirmedValue&&!this.open){this.value=this.lastConfirmedValue?this.lastConfirmedValue:this.previousValue,this.fireDecoratorEvent(La.INPUT,{inputType:""});return}if(!t){this.value=this.lastConfirmedValue?this.lastConfirmedValue:this.previousValue;return}if(t&&((a=this.Suggestions)!=null&&a._isItemOnTarget())){this.value=this.typedInValue||this.valueBeforeSelectionStart,this.focused=!0;return}r&&(this.value=this.typedInValue),this.focused=!0}_onfocusin(e){this.focused=!0,this._focusedAfterClear||(this.previousValue=this.value),this.valueBeforeSelectionStart=this.value,this._inputIconFocused=!!e.target&&e.target===this.querySelector("[ui5-icon]"),this._focusedAfterClear=!1}innerFocusIn(){}_onfocusout(e){var o;const t=e.relatedTarget;(o=this.Suggestions)!=null&&o._getPicker().contains(t)||this.contains(t)||this.getSlottedNodes("valueStateMessage").some(r=>r.contains(t))||(this._keepInnerValue=!1,this.focused=!1,this._isChangeTriggeredBySuggestion=!1,this.showClearIcon&&!this._effectiveShowClearIcon&&(this._clearIconClicked=!1,this._handleChange()),this.open=!1,this._clearPopoverFocusAndSelection(),this._clearIconClicked||(this.previousValue=""),this.lastConfirmedValue="",this.isTyping=!1,this.value!==this.previousValue&&this.showClearIcon&&(this._clearIconClicked=!1))}_clearPopoverFocusAndSelection(){var e,t;!this.showSuggestions||!this.Suggestions||(this.hasSuggestionItemSelected=!1,(e=this.Suggestions)==null||e._deselectItems(),(t=this.Suggestions)==null||t._clearItemFocus())}_click(){Ye()&&!this.readonly&&this.Suggestions&&(this.blur(),this.open=!0)}_handleChange(){var o;const e=this._internals.form&&this._internals.form.querySelectorAll("[ui5-input]").length===1;if(this._clearIconClicked){this._clearIconClicked=!1;return}const t=()=>{this._isChangeTriggeredBySuggestion||this.fireDecoratorEvent(La.CHANGE),this.previousValue=this.value,this.typedInValue=this.value,this._isChangeTriggeredBySuggestion=!1};this.previousValue!==this.getInputDOMRefSync().value&&((o=this.Suggestions)!=null&&o._getPicker().open&&this._flattenItems.some(r=>r.hasAttribute("ui5-suggestion-item")&&r.selected)?this._changeToBeFired=!0:(t(),this._enterKeyDown&&e&&sg(this)))}_clear(){const e=this.value;if(this.value="",!this.fireDecoratorEvent(La.INPUT,{inputType:""})){this.value=e;return}this.typedInValue="",this._isPhone||(this.fireResetSelectionChange(),this.focus(),this._focusedAfterClear=!0)}_iconMouseDown(){this._clearIconClicked=!0}_scroll(e){this.fireDecoratorEvent("suggestion-scroll",{scrollTop:e.detail.scrollTop,scrollContainer:e.detail.targetRef})}_handleSelect(){this.fireDecoratorEvent("select")}_handleInput(e){const t=e.detail&&e.detail.inputType||"";this._input(e,t)}_handleNativeInput(e){const t=e.inputType||"";this._input(e,t)}_input(e,t){const o=this.getInputDOMRefSync(),r=this.value&&this.isTypeNumber&&!o.value;this._keepInnerValue=!1;const a=["deleteWordBackward","deleteWordForward","deleteSoftLineBackward","deleteSoftLineForward","deleteEntireSoftLine","deleteHardLineBackward","deleteHardLineForward","deleteByDrag","deleteByCut","deleteContent","deleteContentBackward","deleteContentForward","historyUndo"];if(this._shouldAutocomplete=!a.includes(t)&&!this.noTypeahead,e instanceof InputEvent){const n=this.isTypeNumber&&(e.inputType==="deleteContentForward"||e.inputType==="deleteContentBackward")&&!e.target.value.includes(".")&&this.value.includes("."),d=r&&e.data==="e",u=r&&this.value.startsWith("-")&&this.value.length===2&&(e.inputType==="deleteContentForward"||e.inputType==="deleteContentBackward");(n||d||u)&&(this.value=e.target.value,this._keepInnerValue=!0)}e.target===o&&(this.focused=!0,e.stopImmediatePropagation()),this.fireEventByAction(Hp.ACTION_ENTER,e),this.hasSuggestionItemSelected=!1,this.Suggestions&&this.Suggestions.updateSelectedItemPosition(-1),this.isTyping=!0}_startsWithMatchingItems(e){return gW(e,this._selectableItems,"text")}_getFirstMatchingItem(e){if(!this._flattenItems.length)return;const t=this._startsWithMatchingItems(e).filter(o=>!this._isGroupItem(o));if(t.length)return t[0]}_handleSelectionChange(e){var t;(t=this.Suggestions)==null||t.onItemPress(e)}_selectMatchingItem(e){e.selected=!0}_handleTypeAhead(e){const t=e.text?e.text:"";this._innerValue=t,this.value=t,this._performTextSelection=!0,this._shouldAutocomplete=!1}_handleResize(){this._inputWidth=this.offsetWidth}_updateAssociatedLabelsTexts(){this._associatedLabelsTexts=jl(this),this._accessibleLabelsRefTexts=Cd(this),this._associatedDescriptionRefTexts=$c(this)}_closePicker(){this.open=!1}_afterOpenPicker(){Ye()&&this.getInputDOMRef().focus(),this._handlePickerAfterOpen()}_afterClosePicker(){this.announceSelectedItem(),Ye()&&(this.blur(),this.focused=!1),this._changeToBeFired&&!this._isChangeTriggeredBySuggestion?(this.previousValue=this.value,this.fireDecoratorEvent(La.CHANGE)):this._isChangeTriggeredBySuggestion=!1,this._changeToBeFired=!1,this.open=!1,this.isTyping=!1,this.hasSuggestionItemSelected&&this.focus(),this._handlePickerAfterClose()}_handlePickerAfterOpen(){this.fireDecoratorEvent("open")}_handlePickerAfterClose(){var e;(e=this.Suggestions)==null||e._onClose(),this.fireDecoratorEvent("close")}openValueStatePopover(){this.valueStateOpen=!0}closeValueStatePopover(){this.valueStateOpen=!1}_handleValueStatePopoverAfterClose(){this.valueStateOpen=!1,this._handleLinkNavigation=!1}_getValueStatePopover(){return this.shadowRoot.querySelector("[ui5-popover]")}enableSuggestions(){if(this.Suggestions)return;const e=t=>{t.i18nBundle=nt.i18nBundle,this.Suggestions=new t(this,"suggestionItems",!0,!1)};nt.SuggestionsClass?e(nt.SuggestionsClass):T(()=>import("./InputSuggestions-CgAp8PwR.js"),[]).then(t=>{e(t.default)})}acceptSuggestion(e,t){if(this._isGroupItem(e))return;const o=e.text||"",r=t?this.valueBeforeItemSelection!==o:this.previousValue!==o;this.hasSuggestionItemSelected=!0,this.value=o,r&&this.previousValue!==o&&(this.valueBeforeItemSelection=o,this.lastConfirmedValue=o,this._performTextSelection=!0,this.fireDecoratorEvent(La.CHANGE),this._isChangeTriggeredBySuggestion=!0,this.typedInValue=this.value,this.previousValue=this.value),this.valueBeforeSelectionStart="",this.isTyping=!1,this.open=!1}updateValueOnSelect(e){const t=this._isGroupItem(e)?this.valueBeforeSelectionStart:e.text;this.value=t||"",this._performTextSelection=!0}fireEventByAction(e,t){const o=this.value,r=this.getInputDOMRefSync();if(this.disabled||this.readonly)return;const a=this.getInputValue(),n=e===Hp.ACTION_ENTER;this.value=a,this.typedInValue=a,this.valueBeforeSelectionStart=a;const d=this.value;if(n){const u=t.inputType||"";!this.fireDecoratorEvent(La.INPUT,{inputType:u})&&(d===this.value&&(this.value=o),r&&(r.value=this.value)),this.fireResetSelectionChange()}}getInputValue(){return this.getDomRef()?this.getInputDOMRef().value:""}getInputDOMRef(){return Ye()&&this.Suggestions?this.Suggestions._getPicker().querySelector(".ui5-input-inner-phone"):this.nativeInput}getInputDOMRefSync(){var e;return Ye()&&((e=this.Suggestions)!=null&&e._getPicker())?this.Suggestions._getPicker().querySelector(".ui5-input-inner-phone").shadowRoot.querySelector("input"):this.nativeInput}get nativeInput(){const e=this.getDomRef();return e?e.querySelector("input"):null}get nativeInputWidth(){return this.nativeInput?this.nativeInput.offsetWidth:0}isSuggestionsScrollable(){var e;return this.Suggestions?(e=this.Suggestions)==null?void 0:e._isScrollable():Promise.resolve(!1)}onItemMouseDown(e){e.preventDefault()}onItemSelected(e,t){!t&&!(e!=null&&e.focused)&&this.valueBeforeItemSelection!==e.text&&this.fireSelectionChange(e,!0),this.acceptSuggestion(e,t)}_handleSuggestionItemPress(e){var t;(t=this.Suggestions)==null||t.onItemPress(e)}onItemSelect(e){this.valueBeforeItemSelection=this.value,this.updateValueOnSelect(e),this.announceSelectedItem(),this.fireSelectionChange(e,!0)}get _flattenItems(){return this.getSlottedNodes("suggestionItems").flatMap(e=>this._isGroupItem(e)?[e,...e.items]:[e])}get _selectableItems(){return this._flattenItems.filter(e=>!this._isGroupItem(e))}get valueStateTypeMappings(){return{Positive:nt.i18nBundle.getText(fA),Information:nt.i18nBundle.getText(bA),Negative:nt.i18nBundle.getText(gA),Critical:nt.i18nBundle.getText(mA)}}valueStateTextMappings(){return{Positive:nt.i18nBundle.getText(Dc),Information:nt.i18nBundle.getText(__),Negative:nt.i18nBundle.getText(Ac),Critical:nt.i18nBundle.getText(Ec)}}announceSelectedItem(){const e=this.shadowRoot.querySelector("#selectionText");e&&(e.textContent=this.itemSelectionAnnounce)}fireSelectionChange(e,t){this.Suggestions&&(this.fireDecoratorEvent(La.SELECTION_CHANGE,{item:e}),this._isLatestValueFromSuggestions=t)}fireResetSelectionChange(){this._isLatestValueFromSuggestions&&(this.fireSelectionChange(null,!1),this.valueBeforeItemSelection=this.value)}get _readonly(){return this.readonly&&!this.disabled}get _headerTitleText(){return nt.i18nBundle.getText(k$)}get _suggestionsOkButtonText(){return nt.i18nBundle.getText($$)}get clearIconAccessibleName(){return nt.i18nBundle.getText(B$)}get _popupLabel(){return nt.i18nBundle.getText(K$)}get inputType(){return this.type}get inputNativeType(){return this.type.toLowerCase()}get isTypeNumber(){return this.type===cW.Number}get suggestionsTextId(){return this.showSuggestions?"suggestionsText":""}get valueStateTextId(){return this.hasValueState?"valueStateDesc":""}get _accInfoAriaDescription(){return this._inputAccInfo&&this._inputAccInfo.ariaDescription||""}get _accInfoAriaDescriptionId(){return this._accInfoAriaDescription!==""?"descr":""}get ariaDescriptionText(){return this._associatedDescriptionRefTexts||Hl(this)}get ariaDescriptionTextId(){return this.ariaDescriptionText?"accessibleDescription":""}get ariaDescribedByIds(){return[this.suggestionsTextId,this.valueStateTextId,this._valueStateLinksShortcutsTextAccId,this._inputAccInfo.ariaDescribedBy,this._accInfoAriaDescriptionId,this.ariaDescriptionTextId].filter(Boolean).join(" ")}get accInfo(){const e=this.showSuggestions?"dialog":void 0,t=this.showSuggestions?"list":void 0;return{ariaRoledescription:this._inputAccInfo&&(this._inputAccInfo.ariaRoledescription||void 0),ariaDescribedBy:this.ariaDescribedByIds||void 0,ariaInvalid:this.valueState===ke.Negative?!0:void 0,ariaHasPopup:this._inputAccInfo.ariaHasPopup?this._inputAccInfo.ariaHasPopup:e,ariaAutoComplete:this._inputAccInfo.ariaAutoComplete?this._inputAccInfo.ariaAutoComplete:t,role:this._inputAccInfo&&this._inputAccInfo.role,ariaControls:this._inputAccInfo&&this._inputAccInfo.ariaControls,ariaExpanded:this._inputAccInfo&&this._inputAccInfo.ariaExpanded,ariaDescription:this._accInfoAriaDescription,accessibleDescription:this.ariaDescriptionText,ariaLabel:this._inputAccInfo&&this._inputAccInfo.ariaLabel||this._accessibleLabelsRefTexts||this.accessibleName||this._associatedLabelsTexts||void 0}}get nativeInputAttributes(){return{min:this.isTypeNumber?this._nativeInputAttributes.min:void 0,max:this.isTypeNumber?this._nativeInputAttributes.max:void 0,step:this.isTypeNumber?this._nativeInputAttributes.step||"any":void 0}}get ariaValueStateHiddenText(){if(!this.hasValueState)return;const e=this.valueState!==ke.None?this.valueStateTypeMappings[this.valueState]:"";return this.shouldDisplayDefaultValueStateMessage?this.valueStateText?`${e} ${this.valueStateText}`:e:this.valueStateMessage.length?`${e} ${this.valueStateMessage.map(t=>t.textContent).join(" ")}`:e}get itemSelectionAnnounce(){return this.Suggestions?this.Suggestions.itemSelectionAnnounce:""}get linksInAriaValueStateHiddenText(){const e=[];return this.valueStateMessage&&this.valueStateMessage.forEach(t=>{t.children.length&&t.querySelectorAll("ui5-link").forEach(o=>{e.push(o)})}),e}get valueStateLinksShortcutsTextAcc(){const e=this.linksInAriaValueStateHiddenText;return e.length?m2()?e.length===1?nt.i18nBundle.getText(yA):nt.i18nBundle.getText(SA):e.length===1?nt.i18nBundle.getText(xA):nt.i18nBundle.getText(wA):""}get _valueStateLinksShortcutsTextAccId(){return this.linksInAriaValueStateHiddenText.length>0?"hiddenText-value-state-link-shortcut":""}get iconsCount(){const e=this.icon?this.icon.length:0,t=Number(this._effectiveShowClearIcon)??0;return e+t}get classes(){return{popover:{"ui5-suggestions-popover":this.showSuggestions,"ui5-popover-with-value-state-header-phone":this._isPhone&&this.showSuggestions&&this.hasValueStateMessage,"ui5-popover-with-value-state-header":!this._isPhone&&this.showSuggestions&&this.hasValueStateMessage},popoverValueState:{"ui5-valuestatemessage-root":!0,"ui5-valuestatemessage-header":!0,"ui5-valuestatemessage--success":this.valueState===ke.Positive,"ui5-valuestatemessage--error":this.valueState===ke.Negative,"ui5-valuestatemessage--warning":this.valueState===ke.Critical,"ui5-valuestatemessage--information":this.valueState===ke.Information}}}get styles(){const e=parseInt(getComputedStyle(document.documentElement).fontSize);return{suggestionPopoverHeader:{display:this._listWidth===0?"none":"inline-block",width:this._listWidth?`${this._listWidth}px`:"","max-width":"inherit"},suggestionsPopover:{"min-width":this._inputWidth?`${this._inputWidth}px`:"","max-width":this._inputWidth&&this._inputWidth/e>40?`${this._inputWidth}px`:"40rem"},innerInput:{padding:""}}}get suggestionSeparators(){return"None"}get shouldDisplayOnlyValueStateMessage(){return this.hasValueStateMessage&&!this.readonly&&!this.open&&this.focused}get shouldDisplayDefaultValueStateMessage(){return!this.valueStateMessage.length&&this.hasValueStateMessage}get hasValueState(){return this.valueState!==ke.None}get hasValueStateMessage(){return this.hasValueState&&this.valueState!==ke.Positive&&(!this._inputIconFocused||!!(this._isPhone&&this.Suggestions))}get valueStateText(){return this.valueState!==ke.None?this.valueStateTextMappings()[this.valueState]:void 0}get suggestionsText(){return nt.i18nBundle.getText(S$)}get availableSuggestionsCount(){var e;if(this.showSuggestions&&(this.value||(e=this.Suggestions)!=null&&e.isOpened())){const t=this._selectableItems;switch(t.length){case 0:return nt.i18nBundle.getText(I$);case 1:return nt.i18nBundle.getText(C$);default:return nt.i18nBundle.getText(T$,t.length)}}}get step(){return this.isTypeNumber?"any":void 0}get _isPhone(){return Ye()}get _isSuggestionsFocused(){var e;return!this.focused&&((e=this.Suggestions)==null?void 0:e.isOpened())}get _placeholder(){return this.placeholder}get _valueStateInputIcon(){const e={Negative:'<path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20ZM7.70711 13.7071C7.31658 14.0976 6.68342 14.0976 6.29289 13.7071C5.90237 13.3166 5.90237 12.6834 6.29289 12.2929L8.58579 10L6.29289 7.70711C5.90237 7.31658 5.90237 6.68342 6.29289 6.29289C6.68342 5.90237 7.31658 5.90237 7.70711 6.29289L10 8.58579L12.2929 6.29289C12.6834 5.90237 13.3166 5.90237 13.7071 6.29289C14.0976 6.68342 14.0976 7.31658 13.7071 7.70711L11.4142 10L13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071C13.3166 14.0976 12.6834 14.0976 12.2929 13.7071L10 11.4142L7.70711 13.7071Z" fill="#EE3939"/>',Critical:'<path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M11.8619 0.49298C11.6823 0.187541 11.3544 0 11 0C10.6456 0 10.3177 0.187541 10.1381 0.49298L0.138066 17.493C-0.0438112 17.8022 -0.0461447 18.1851 0.13195 18.4965C0.310046 18.8079 0.641283 19 1 19H21C21.3587 19 21.69 18.8079 21.868 18.4965C22.0461 18.1851 22.0438 17.8022 21.8619 17.493L11.8619 0.49298ZM11 6C11.5523 6 12 6.44772 12 7V10C12 10.5523 11.5523 11 11 11C10.4477 11 10 10.5523 10 10V7C10 6.44772 10.4477 6 11 6ZM11 16C11.8284 16 12.5 15.3284 12.5 14.5C12.5 13.6716 11.8284 13 11 13C10.1716 13 9.5 13.6716 9.5 14.5C9.5 15.3284 10.1716 16 11 16Z" fill="#F58B00"/>',Positive:'<path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10ZM14.7071 6.29289C14.3166 5.90237 13.6834 5.90237 13.2929 6.29289L8 11.5858L6.70711 10.2929C6.31658 9.90237 5.68342 9.90237 5.29289 10.2929C4.90237 10.6834 4.90237 11.3166 5.29289 11.7071L7.29289 13.7071C7.68342 14.0976 8.31658 14.0976 8.70711 13.7071L14.7071 7.70711C15.0976 7.31658 15.0976 6.68342 14.7071 6.29289Z" fill="#36A41D"/>',Information:'<path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M3 0C1.34315 0 0 1.34315 0 3V15C0 16.6569 1.34315 18 3 18H15C16.6569 18 18 16.6569 18 15V3C18 1.34315 16.6569 0 15 0H3ZM9 6.5C9.82843 6.5 10.5 5.82843 10.5 5C10.5 4.17157 9.82843 3.5 9 3.5C8.17157 3.5 7.5 4.17157 7.5 5C7.5 5.82843 8.17157 6.5 9 6.5ZM9 8.5C9.55228 8.5 10 8.94772 10 9.5V13.5C10 14.0523 9.55228 14.5 9 14.5C8.44771 14.5 8 14.0523 8 13.5V9.5C8 8.94772 8.44771 8.5 9 8.5Z" fill="#1B90FF"/>'};return this.valueState!==ke.None?`
|
|
356
356
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 20 20" fill="none">
|
|
357
357
|
${e[this.valueState]};
|
|
358
358
|
</svg>
|
|
359
359
|
`:""}get _valueStatePopoverHorizontalAlign(){return this.effectiveDir!=="rtl"?"Start":"End"}get _valueStateMessageInputIcon(){const e={Negative:"error",Critical:"alert",Positive:"sys-enter-2",Information:"information"};return this.valueState!==ke.None?e[this.valueState]:""}getCaretPosition(){return lW(this.nativeInput)}setCaretPosition(e){uW(this.nativeInput,e)}removeFractionalPart(e){return e.includes(".")?e.slice(0,e.indexOf(".")):e.includes(",")?e.slice(0,e.indexOf(",")):e}};Ee([l({type:Boolean})],Ce.prototype,"disabled",void 0);Ee([l({type:Boolean})],Ce.prototype,"highlight",void 0);Ee([l()],Ce.prototype,"placeholder",void 0);Ee([l({type:Boolean})],Ce.prototype,"readonly",void 0);Ee([l({type:Boolean})],Ce.prototype,"required",void 0);Ee([l({type:Boolean})],Ce.prototype,"noTypeahead",void 0);Ee([l()],Ce.prototype,"type",void 0);Ee([l()],Ce.prototype,"value",void 0);Ee([l({noAttribute:!0})],Ce.prototype,"_innerValue",void 0);Ee([l()],Ce.prototype,"valueState",void 0);Ee([l()],Ce.prototype,"name",void 0);Ee([l({type:Boolean})],Ce.prototype,"showSuggestions",void 0);Ee([l({type:Number})],Ce.prototype,"maxlength",void 0);Ee([l()],Ce.prototype,"accessibleName",void 0);Ee([l()],Ce.prototype,"accessibleNameRef",void 0);Ee([l()],Ce.prototype,"accessibleDescription",void 0);Ee([l()],Ce.prototype,"accessibleDescriptionRef",void 0);Ee([l({type:Boolean})],Ce.prototype,"showClearIcon",void 0);Ee([l({type:Boolean})],Ce.prototype,"open",void 0);Ee([l({type:Boolean})],Ce.prototype,"_effectiveShowClearIcon",void 0);Ee([l({type:Boolean})],Ce.prototype,"focused",void 0);Ee([l()],Ce.prototype,"hint",void 0);Ee([l({type:Boolean})],Ce.prototype,"valueStateOpen",void 0);Ee([l({type:Object})],Ce.prototype,"_inputAccInfo",void 0);Ee([l({type:Object})],Ce.prototype,"_nativeInputAttributes",void 0);Ee([l({type:Number})],Ce.prototype,"_inputWidth",void 0);Ee([l({type:Number})],Ce.prototype,"_listWidth",void 0);Ee([l({type:Boolean,noAttribute:!0})],Ce.prototype,"_inputIconFocused",void 0);Ee([l({noAttribute:!0})],Ce.prototype,"_associatedLabelsTexts",void 0);Ee([l({noAttribute:!0})],Ce.prototype,"_accessibleLabelsRefTexts",void 0);Ee([l({noAttribute:!0})],Ce.prototype,"_associatedDescriptionRefTexts",void 0);Ee([l({type:Object})],Ce.prototype,"Suggestions",void 0);Ee([l({type:Array})],Ce.prototype,"_linksListenersArray",void 0);Ee([N({type:HTMLElement,default:!0})],Ce.prototype,"suggestionItems",void 0);Ee([N()],Ce.prototype,"icon",void 0);Ee([N({type:HTMLElement,invalidateOnChildChange:!0})],Ce.prototype,"valueStateMessage",void 0);Ee([Y("@ui5/webcomponents")],Ce,"i18nBundle",void 0);Ce=nt=Ee([B({tag:"ui5-input",languageAware:!0,formAssociated:!0,renderer:K,template:pW,styles:[mW,Nb,lk,uk]}),w("change",{bubbles:!0}),w("input",{bubbles:!0,cancelable:!0}),w("select",{bubbles:!0}),w("selection-change",{bubbles:!0}),w("type-ahead",{bubbles:!0}),w("suggestion-scroll",{bubbles:!0}),w("open",{bubbles:!0}),w("close")],Ce);Ce.define();const fW=Ce;function bW(){return $("div",{class:"ui5-slider-tooltip-root",children:[this.editable?_(fW,{value:this.value,type:"Number",accessibleNameRef:"ui5-slider-InputLabel",onKeyDown:this._keydown,onFocusIn:this._onInputFocusin,onFocusOut:this._onInputFocusOut,tabIndex:-1,"data-sap-focus-ref":!0,valueState:this.valueState}):_("span",{class:"ui5-slider-tooltip-value",children:this.value}),this.editable&&_(ge,{children:_("span",{id:"ui5-slider-InputLabel",class:"ui5-hidden-text",children:this._ariaLabelledByInputText})})]})}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const xW=`.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:popover-open){margin:-28px 0 0;display:inline-block;height:1rem;background:var(--sapBackgroundColor);border:none;box-shadow:var(--sapContent_Shadow1);border-radius:.0625rem;padding:0 .5rem;font-family:var(--sapFontFamily);font-size:var(--sapFontSmallSize);color:var(--sapTextColor);display:flex;justify-content:center;align-items:center;overflow:hidden}:host([editable]:popover-open){cursor:pointer;height:fit-content;border:none;padding:0;margin-top:-3.25rem;box-shadow:none}:host([editable]:popover-open) [ui5-input]{width:min-content;text-align:center}
|
|
360
360
|
`;var ya=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Lm;let jo=Lm=class extends X{constructor(){super(),this.open=!1,this.min=0,this.max=100,this.editable=!1,this.valueState="None",this._repositionTooltipBound=this.repositionTooltip.bind(this)}onBeforeRendering(){}onAfterRendering(){this.hasAttribute("popover")||this.setAttribute("popover","manual"),this.isConnected&&(this.open?(this.showPopover(),this.repositionTooltip(),this.attachGlobalScrollHandler()):(this.hidePopover(),this.detachGlobalScrollHandler()))}repositionTooltip(){var n;const e=(n=this.followRef)==null?void 0:n.getBoundingClientRect();if(!e)return;this.style.top=`${e.top}px`;const t=this.offsetWidth,o=e.width,r=t/2,a=o/2;this.style.left=`${e.left+a-r}px`,this.style.right="auto"}isValueValid(e){return parseFloat(e)>=this.min&&parseFloat(e)<=this.max}attachGlobalScrollHandler(){document.addEventListener("scroll",this._repositionTooltipBound,{capture:!0})}detachGlobalScrollHandler(){document.removeEventListener("scroll",this._repositionTooltipBound,{capture:!0})}_keydown(e){if(Ju(e)||St(e)){if(e.preventDefault(),!this.isValueValid(this.inputRef.value)){const t=this.value;this.inputRef.value=t||""}this.valueState=ke.None,this.fireDecoratorEvent("change",{value:this.inputRef.value}),this.fireDecoratorEvent("forward-focus")}if(le(e)){if(!this.isValueValid(this.inputRef.value)){this.valueState=ke.Negative;return}this.valueState=ke.None,this.fireDecoratorEvent("change",{value:this.inputRef.value})}}_onInputFocusin(){requestAnimationFrame(()=>{this.hidePopover(),this.showPopover()})}_onInputFocusOut(e){var o;if(!this.isValueValid(this.inputRef.value)){const r=this.value;this.inputRef.value=r||""}const t=e.relatedTarget;(o=this.parentElement)!=null&&o.contains(t)||this.hidePopover()}get inputRef(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector("ui5-input")}get _ariaLabelledByInputText(){return Lm.i18nBundle.getText(ab)}};ya([l()],jo.prototype,"value",void 0);ya([l()],jo.prototype,"inputValue",void 0);ya([l({type:Boolean})],jo.prototype,"open",void 0);ya([l({type:Number})],jo.prototype,"min",void 0);ya([l({type:Number})],jo.prototype,"max",void 0);ya([l({type:Boolean})],jo.prototype,"editable",void 0);ya([l()],jo.prototype,"valueState",void 0);ya([l({type:Object})],jo.prototype,"followRef",void 0);ya([Y("@ui5/webcomponents")],jo,"i18nBundle",void 0);jo=Lm=ya([B({tag:"ui5-slider-tooltip",renderer:K,template:bW,styles:xW}),w("change"),w("forward-focus")],jo);jo.define();const Mm=jo;function yW(){return dk.call(this,{handlesAriaText:wW,progressBar:SW,handles:kW})}function wW(){return $(ge,{children:[_("span",{id:"ui5-slider-startHandleDesc",class:"ui5-hidden-text",children:this._ariaHandlesText.startHandleText}),_("span",{id:"ui5-slider-endHandleDesc",class:"ui5-hidden-text",children:this._ariaHandlesText.endHandleText})]})}function SW(){return _("div",{class:"ui5-slider-progress-container",part:"progress-container",children:_("div",{class:"ui5-slider-progress",part:"progress-bar",style:this.styles.progress,onFocusIn:this._onfocusin,onFocusOut:this._onfocusout,role:"slider",tabIndex:this._tabIndex,"aria-orientation":"horizontal","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this._ariaValueNow,"aria-valuetext":`From ${this.startValue} to ${this.endValue}`,"aria-label":this._ariaLabel,"aria-disabled":this._ariaDisabled})})}function kW(){return $(ge,{children:[$("div",{class:"ui5-slider-handle-container",style:this.styles.startHandle,part:"handle-container",children:[_("div",{class:"ui5-slider-handle ui5-slider-handle--start",part:"handle",onFocusIn:this._onfocusin,onFocusOut:this._onfocusout,role:"slider",tabindex:this._tabIndex,"aria-orientation":"horizontal","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.startValue,"aria-labelledby":this._ariaLabelledByStartHandleText,"aria-disabled":this._ariaDisabled,"aria-describedby":this._ariaDescribedByHandleText,"aria-keyshortcuts":this._ariaKeyshortcuts,children:_(j,{name:Rm,mode:"Decorative","slider-icon":!0})}),_(Mm,{open:this._tooltipsOpen,value:this.startValue.toString(),min:this.min,max:this.max,"data-sap-ui-start-value":!0,editable:this.editableTooltip,followRef:this._startHandle,onChange:this._onTooltipChange,onForwardFocus:this._onTooltopForwardFocus})]}),$("div",{class:"ui5-slider-handle-container",style:this.styles.endHandle,part:"handle-container",children:[_("div",{class:"ui5-slider-handle ui5-slider-handle--end",part:"handle",onFocusIn:this._onfocusin,onFocusOut:this._onfocusout,role:"slider",tabIndex:this._tabIndex,"aria-orientation":"horizontal","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.endValue,"aria-labelledby":this._ariaLabelledByEndHandleText,"aria-describedby":this._ariaDescribedByHandleText,"aria-disabled":this._ariaDisabled,"aria-keyshortcuts":"F2",children:_(j,{name:Rm,mode:"Decorative","slider-icon":!0})}),_(Mm,{open:this._tooltipsOpen,value:this.endValue.toString(),min:this.min,max:this.max,"data-sap-ui-end-value":!0,editable:this.editableTooltip,followRef:this._endHandle,onChange:this._onTooltipChange,onForwardFocus:this._onTooltopForwardFocus})]})]})}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const ck=`:host([ui5-range-slider]) .ui5-slider-progress-container:before{background-color:var(--_ui5-v2-14-0_slider_progress_container_dot_background)}.ui5-slider-root:hover:active .ui5-slider-handle:not(:focus){background:var(--sapSlider_RangeHandleBackground)}:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus){background:var(--_ui5-v2-14-0_range_slider_handle_active_background);border:var(--_ui5-v2-14-0_slider_handle_focus_border);box-shadow:none}:host([range-pressed]) .ui5-slider-handle [slider-icon]{display:var(--_ui5-v2-14-0_range_slider_active_handle_icon_display)}.ui5-slider-root:not(.ui5-slider-root-phone):focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus{background:var(--_ui5-v2-14-0_range_slider_handle_background_focus)}.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus [slider-icon]{display:none}.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-progress:focus:before{display:var(--_ui5-v2-14-0_range_slider_legacy_progress_focus_display);content:"";position:absolute;width:var(--_ui5-v2-14-0_range_slider_focus_outline_width);border:var(--_ui5-v2-14-0_slider_progress_outline);border-radius:var(--_ui5-v2-14-0_range_slider_focus_outline_radius);top:var(--_ui5-v2-14-0_slider_progress_outline_offset);height:var(--_ui5-v2-14-0_slider_outer_height);box-sizing:border-box;left:var(--_ui5-v2-14-0_slider_progress_outline_offset_left)}.ui5-slider-progress{position:relative}.ui5-slider-progress:focus:after{border:.125rem solid var(--sapContent_FocusColor);border-radius:.5rem;content:"";display:var(--_ui5-v2-14-0_range_slider_progress_focus_display);position:absolute;top:var(--_ui5-v2-14-0_range_slider_progress_focus_top);left:var(--_ui5-v2-14-0_range_slider_progress_focus_left);padding:var(--_ui5-v2-14-0_range_slider_progress_focus_padding);width:var(--_ui5-v2-14-0_range_slider_progress_focus_width);height:var(--_ui5-v2-14-0_range_slider_progress_focus_height);box-sizing:border-box}.ui5-slider-handle{background:var(--_ui5-v2-14-0_range_slider_handle_background)}.ui5-slider-progress-container:hover~.ui5-slider-handle:not(:focus),.ui5-slider-handle:hover{background:var(--_ui5-v2-14-0_range_slider_root_hover_handle_bg)}.ui5-slider-root:hover .ui5-slider-handle:not(:focus) [slider-icon]{display:var(--_ui5-v2-14-0_range_slider_root_hover_handle_icon_display)}:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus) [slider-icon]{display:var(--_ui5-v2-14-0_range_slider_root_active_handle_icon_display)}
|
|
361
|
-
`;var Md=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Da;let ca=Da=class extends Ha{get formFormattedValue(){const e=new FormData;return this.name&&(e.append(this.name,this.startValue.toString()),e.append(this.name,this.endValue.toString())),e}constructor(){super(),this.startValue=0,this.endValue=100,this.rangePressed=!1,this._isStartValueValid=!1,this._isEndValueValid=!1,this._isPressInCurrentRange=!1,this._handeIsPressed=!1,this._reversedValues=!1,this._areInputValuesSwapped=!1,this._stateStorage.startValue=void 0,this._stateStorage.endValue=void 0,this._lastValidStartValue=this.min.toString(),this._lastValidEndValue=this.max.toString()}get tooltipStartValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.startValue.toFixed(t)}get tooltipEndValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.endValue.toFixed(t)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabelledByText(){return Da.i18nBundle.getText(Q$)}get _ariaHandlesText(){const e=this.effectiveDir==="rtl",t=this._areValuesReversed(),o={};return e&&!t||!e&&t?(o.startHandleText=Da.i18nBundle.getText(d0),o.endHandleText=Da.i18nBundle.getText(s0)):(o.startHandleText=Da.i18nBundle.getText(s0),o.endHandleText=Da.i18nBundle.getText(d0)),o}get _ariaValueNow(){return Math.abs(this.endValue-this.startValue)}onBeforeRendering(){if(this.startValue>this.endValue){const e=this._valueAffected==="startValue"?"endValue":"startValue";this._swapValues(),this._setAffectedValue(e),this.update(e,this.startValue,this.endValue)}this.isCurrentStateOutdated()&&(this.notResized=!0,this.syncUIAndState(),this._updateHandlesAndRange(0),this.update(this._valueAffected,this.startValue,this.endValue))}syncUIAndState(){if(this.isPropertyUpdated("step")&&(this._validateStep(this.step),this.storePropertyState("step")),this.isPropertyUpdated("min","max","startValue","endValue")){this.storePropertyState("min","max");const e=Ha.clipValue(this.startValue,this._effectiveMin,this._effectiveMax);this.startValue=e,this.updateStateStorageAndFireInputEvent("startValue"),this.storePropertyState("startValue");const t=Ha.clipValue(this.endValue,this._effectiveMin,this._effectiveMax);this.endValue=t,this.updateStateStorageAndFireInputEvent("endValue"),this.storePropertyState("endValue")}this.labelInterval&&this.showTickmarks&&this._createLabels(),this.isPropertyUpdated("labelInterval")&&this.storePropertyState("labelInterval")}_onfocusin(){this._endValueInitial||(this._startValueInitial=this.startValue,this._endValueInitial=this.endValue),this._tooltipsOpen=this.showTooltip}_onfocusout(e){var t;if(this._isFocusing()){this._preventFocusOut();return}this._setAffectedValue(void 0),this._startValueInitial=void 0,this._endValueInitial=void 0,this.showTooltip&&!((t=e.relatedTarget)!=null&&t.hasAttribute("ui5-slider-tooltip"))&&(this._tooltipsOpen=!1)}_onkeyup(e){super._onKeyupBase(),le(e)||this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireDecoratorEvent("change"),this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_handleActionKeyPress(e){if(this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue,Qe(e)){this.update(void 0,this._startValueInitial,this._endValueInitial);return}this._setAffectedValueByFocusedElement();const t=this._effectiveMin,o=this._effectiveMax,r=this._valueAffected;if((Qt(e)||mt(e))&&!r){this._homeEndForSelectedRange(e,mt(e)?"startValue":"endValue",t,o);return}const a=this._handleActionKeyPressBase(e,r);if(!a)return;const n=this.constructor;if(r&&!this._isPressInCurrentRange){const d=this[r],u=n.clipValue(a+d,t,o);this.update(r,u,void 0)}else if(a<0&&this.startValue>t||a>0&&this.endValue<o){const d=n.clipValue(a+this.startValue,t,o),u=n.clipValue(a+this.endValue,t,o);this.update(r,d,u)}}_setAffectedValueByFocusedElement(){this.shadowRoot.activeElement===this._startHandle&&this._setAffectedValue("startValue"),this.shadowRoot.activeElement===this._endHandle&&this._setAffectedValue("endValue"),this.shadowRoot.activeElement===this._progressBar&&this._setAffectedValue(void 0),this._setIsPressInCurrentRange(!this._valueAffected)}_homeEndForSelectedRange(e,t,o,r){const a=this._handleActionKeyPressBase(e,t),n=this.constructor,d=n.clipValue(a+this.startValue,o,r),u=n.clipValue(a+this.endValue,o,r);this.update(void 0,d,u)}update(e,t,o){if(!e)this.startValue=t,this.updateStateStorageAndFireInputEvent("startValue"),this.endValue=o,this.updateStateStorageAndFireInputEvent("endValue"),this._updateHandlesAndRange(0);else{const r=o&&e==="endValue"?o:t;this._updateHandlesAndRange(r||0),e==="startValue"&&(this.startValue=r,this.updateStateStorageAndFireInputEvent("startValue")),e==="endValue"&&(this.endValue=r,this.updateStateStorageAndFireInputEvent("endValue"))}}_onmousedown(e){if(e!=null&&e.button&&(e==null?void 0:e.button)!==0||this.disabled||this._effectiveStep===0||e.target.hasAttribute("ui5-slider-tooltip"))return;const t=this.handleDownBase(e);if(this._saveInteractionStartData(e,t),this.rangePressed=this._isPressInCurrentRange,this._isPressInCurrentRange||this._handeIsPressed){this._handeIsPressed=!1;return}this.update(this._valueAffected,t,void 0)}_saveInteractionStartData(e,t){const o=this.shadowRoot.querySelector(".ui5-slider-progress").getBoundingClientRect();this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue;const r=this.constructor;this._initialPageXPosition=r.getPageXValueFromEvent(e),this._pressTargetAndAffectedValue(this._initialPageXPosition,t),this._initialStartHandlePageX=this.directionStart==="left"?o.left:o.right}_handleMove(e){if(e.preventDefault(),!(this.disabled||this._effectiveStep===0)){if(!this._isPressInCurrentRange){this._updateValueOnHandleDrag(e);return}this._updateValueOnRangeDrag(e)}}_updateValueOnHandleDrag(e){const o=this.constructor.getValueFromInteraction(e,this._effectiveStep,this._effectiveMin,this._effectiveMax,this.getBoundingClientRect(),this.directionStart);this.update(this._valueAffected,o,void 0)}_updateValueOnRangeDrag(e){const o=this.constructor.getPageXValueFromEvent(e),r=this._calculateRangeOffset(o,this._initialStartHandlePageX);this._setAffectedValue(void 0),this.update(void 0,r[0],r[1])}_handleUp(){this._setAffectedValueByFocusedElement(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireDecoratorEvent("change"),this._setIsPressInCurrentRange(!1),this.handleUpBase(),this.rangePressed=!1,this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_pressTargetAndAffectedValue(e,t){const o=this.shadowRoot.querySelector(".ui5-slider-handle--start"),r=this.shadowRoot.querySelector(".ui5-slider-handle--end"),a=o.getBoundingClientRect(),n=r.getBoundingClientRect(),d=e>=a.left&&e<=a.right,u=e>=n.left&&e<=n.right;(u||d)&&(this._handeIsPressed=!0),(u||t>this.endValue)&&this._setAffectedValue("endValue"),(d||t<this.startValue)&&this._setAffectedValue("startValue");const h=this._startValueAtBeginningOfAction!==void 0&&this._endValueAtBeginningOfAction!==void 0&&t>=this._startValueAtBeginningOfAction&&t<=this._endValueAtBeginningOfAction;this._setIsPressInCurrentRange(this._valueAffected||this._handeIsPressed?!1:h)}_setAffectedValue(e){this._valueAffected=e,this._areValuesReversed()&&this._setValuesAreReversed()}_setIsPressInCurrentRange(e){this._isPressInCurrentRange=e}focusInnerElement(){const e=this._areValuesReversed(),t=this._valueAffected;(this._isPressInCurrentRange||!t)&&this._progressBar.focus(),(t==="startValue"&&!e||t==="endValue"&&e)&&(this._startHandle.focus(),this.bringToFrontTooltip("start")),(t==="endValue"&&!e||t==="startValue"&&e)&&(this._endHandle.focus(),this.bringToFrontTooltip("end"))}_calculateRangeOffset(e,t){if(this._initialPageXPosition===e)return[this.startValue,this.endValue];const o=this._effectiveMin,r=this._effectiveMax,a=this.endValue-this.startValue;let n=this._calculateStartValueByOffset(e,t);return n=this.constructor.clipValue(n,o,r-a),[n,n+a]}_calculateStartValueByOffset(e,t){const o=this._effectiveMin,r=this._effectiveMax,a=this._effectiveStep,n=this.getBoundingClientRect();let d,u,h;const m=this.constructor;return e>this._initialPageXPosition?(h=e-this._initialPageXPosition,u=t+h,d=m.computedValueFromPageX(u,o,r,n,this.directionStart),d=m.getSteppedValue(d,a,o)):(h=this._initialPageXPosition-e,u=t-h,d=m.computedValueFromPageX(u,o,r,n,this.directionStart),d=m.getSteppedValue(d,a,o)),d}_updateHandlesAndRange(e){const t=this._effectiveMax,o=this._effectiveMin,r=this.getStoredPropertyState("startValue")||0,a=this.getStoredPropertyState("endValue")||0,n=this._valueAffected;n==="startValue"?(this._selectedRange=(a-e)/(t-o),this._firstHandlePositionFromStart=(e-o)/(t-o)*100):n==="endValue"?(this._selectedRange=(e-r)/(t-o),this._secondHandlePositionFromStart=(e-o)/(t-o)*100):(this._selectedRange=(this.endValue-this.startValue)/(t-o),this._firstHandlePositionFromStart=(this.startValue-o)/(t-o)*100,this._secondHandlePositionFromStart=(this.endValue-o)/(t-o)*100)}bringToFrontTooltip(e){const t=e==="start"?"[data-sap-ui-start-value]":"[data-sap-ui-end-value]",o=this.shadowRoot.querySelector(t);o!=null&&o.hidePopover&&(o!=null&&o.showPopover)&&requestAnimationFrame(()=>{o.hidePopover(),o.showPopover()})}_onTooltopForwardFocus(e){var o;(o=e.target.followRef)==null||o.focus()}_onTooltipChange(e){const o=e.target.hasAttribute("data-sap-ui-start-value"),r=parseFloat(e.detail.value),a=Math.min(this.max,Math.max(this.min,r));if(o?(this.startValue=a,this._lastValidStartValue=a.toString()):(this.endValue=a,this._lastValidEndValue=a.toString()),this.startValue>this.endValue){this._areInputValuesSwapped=!0;const n=this.startValue;this.startValue=this.endValue,this.endValue=n;const d=this._lastValidStartValue;this._lastValidStartValue=this._lastValidEndValue,this._lastValidEndValue=d;const u=o?"[data-sap-ui-end-value]":"[data-sap-ui-start-value]",h=this.shadowRoot.querySelector(u);h==null||h.focus()}this.bringToFrontTooltip(o?"start":"end"),this.update("value",this.startValue,this.endValue),this.fireDecoratorEvent("change")}_getFormattedValue(e){const t=parseFloat(e),r=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return t.toFixed(r).toString()}_swapValues(){const e=this._valueAffected;if(e){if(e==="startValue"&&this.startValue>this.endValue){const t=this.endValue;this.endValue=this.startValue,this.startValue=t}if(e==="endValue"&&this.endValue<this.startValue){const t=this.startValue;this.startValue=this.endValue,this.endValue=t}this._setValuesAreReversed(),this._updateHandlesAndRange(this[e]),this._areInputValuesSwapped||this.focusInnerElement(),this.syncUIAndState(),this._areInputValuesSwapped=!1}}_setValuesAreReversed(){this._reversedValues=!this._reversedValues}_areValuesReversed(){return this._reversedValues}get tickmarksObject(){const e=this._tickmarksCount,t=[];if(this._hiddenTickmarks)return[!1,!1];for(let o=0;o<=e;o++){const r=this._effectiveMin+o*this.step>=this.startValue,a=this._effectiveMin+o*this.step<=this.endValue;t.push(r&&a)}return t}get _startHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--start")}get _endHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--end")}get _progressBar(){return this.shadowRoot.querySelector(".ui5-slider-progress")}get _ariaLabelledByStartHandleText(){return this.accessibleName?["ui5-slider-accName","ui5-slider-startHandleDesc"].join(" ").trim():"ui5-slider-startHandleDesc"}get _ariaLabelledByEndHandleText(){return this.accessibleName?["ui5-slider-accName","ui5-slider-endHandleDesc"].join(" ").trim():"ui5-slider-endHandleDesc"}get _ariaLabelledByInputText(){return Da.i18nBundle.getText(ab)}get _ariaDescribedByInputText(){return Da.i18nBundle.getText(vw)}get styles(){return{progress:{width:`${this._selectedRange*100}%`,"transform-origin":`${this.directionStart} top`,[this.directionStart]:`${this._firstHandlePositionFromStart}%`},startHandle:{[this.directionStart]:`${this._firstHandlePositionFromStart}%`},endHandle:{[this.directionStart]:`${this._secondHandlePositionFromStart}%`}}}};Md([l({type:Number})],ca.prototype,"startValue",void 0);Md([l({type:Number})],ca.prototype,"endValue",void 0);Md([l({type:Boolean})],ca.prototype,"rangePressed",void 0);Md([l({type:Boolean})],ca.prototype,"_isStartValueValid",void 0);Md([l({type:Boolean})],ca.prototype,"_isEndValueValid",void 0);Md([Y("@ui5/webcomponents")],ca,"i18nBundle",void 0);ca=Da=Md([B({tag:"ui5-range-slider",languageAware:!0,formAssociated:!0,template:yW,styles:[Ha.styles,ck]})],ca);ca.define();const CW=ca;f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const hk=`:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-12-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
|
|
361
|
+
`;var Md=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Da;let ca=Da=class extends Ha{get formFormattedValue(){const e=new FormData;return this.name&&(e.append(this.name,this.startValue.toString()),e.append(this.name,this.endValue.toString())),e}constructor(){super(),this.startValue=0,this.endValue=100,this.rangePressed=!1,this._isStartValueValid=!1,this._isEndValueValid=!1,this._isPressInCurrentRange=!1,this._handeIsPressed=!1,this._reversedValues=!1,this._areInputValuesSwapped=!1,this._stateStorage.startValue=void 0,this._stateStorage.endValue=void 0,this._lastValidStartValue=this.min.toString(),this._lastValidEndValue=this.max.toString()}get tooltipStartValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.startValue.toFixed(t)}get tooltipEndValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.endValue.toFixed(t)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabelledByText(){return Da.i18nBundle.getText(Q$)}get _ariaHandlesText(){const e=this.effectiveDir==="rtl",t=this._areValuesReversed(),o={};return e&&!t||!e&&t?(o.startHandleText=Da.i18nBundle.getText(d0),o.endHandleText=Da.i18nBundle.getText(s0)):(o.startHandleText=Da.i18nBundle.getText(s0),o.endHandleText=Da.i18nBundle.getText(d0)),o}get _ariaValueNow(){return Math.abs(this.endValue-this.startValue)}onBeforeRendering(){if(this.startValue>this.endValue){const e=this._valueAffected==="startValue"?"endValue":"startValue";this._swapValues(),this._setAffectedValue(e),this.update(e,this.startValue,this.endValue)}this.isCurrentStateOutdated()&&(this.notResized=!0,this.syncUIAndState(),this._updateHandlesAndRange(0),this.update(this._valueAffected,this.startValue,this.endValue))}syncUIAndState(){if(this.isPropertyUpdated("step")&&(this._validateStep(this.step),this.storePropertyState("step")),this.isPropertyUpdated("min","max","startValue","endValue")){this.storePropertyState("min","max");const e=Ha.clipValue(this.startValue,this._effectiveMin,this._effectiveMax);this.startValue=e,this.updateStateStorageAndFireInputEvent("startValue"),this.storePropertyState("startValue");const t=Ha.clipValue(this.endValue,this._effectiveMin,this._effectiveMax);this.endValue=t,this.updateStateStorageAndFireInputEvent("endValue"),this.storePropertyState("endValue")}this.labelInterval&&this.showTickmarks&&this._createLabels(),this.isPropertyUpdated("labelInterval")&&this.storePropertyState("labelInterval")}_onfocusin(){this._endValueInitial||(this._startValueInitial=this.startValue,this._endValueInitial=this.endValue),this._tooltipsOpen=this.showTooltip}_onfocusout(e){var t;if(this._isFocusing()){this._preventFocusOut();return}this._setAffectedValue(void 0),this._startValueInitial=void 0,this._endValueInitial=void 0,this.showTooltip&&!((t=e.relatedTarget)!=null&&t.hasAttribute("ui5-slider-tooltip"))&&(this._tooltipsOpen=!1)}_onkeyup(e){super._onKeyupBase(),le(e)||this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireDecoratorEvent("change"),this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_handleActionKeyPress(e){if(this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue,Qe(e)){this.update(void 0,this._startValueInitial,this._endValueInitial);return}this._setAffectedValueByFocusedElement();const t=this._effectiveMin,o=this._effectiveMax,r=this._valueAffected;if((Qt(e)||mt(e))&&!r){this._homeEndForSelectedRange(e,mt(e)?"startValue":"endValue",t,o);return}const a=this._handleActionKeyPressBase(e,r);if(!a)return;const n=this.constructor;if(r&&!this._isPressInCurrentRange){const d=this[r],u=n.clipValue(a+d,t,o);this.update(r,u,void 0)}else if(a<0&&this.startValue>t||a>0&&this.endValue<o){const d=n.clipValue(a+this.startValue,t,o),u=n.clipValue(a+this.endValue,t,o);this.update(r,d,u)}}_setAffectedValueByFocusedElement(){this.shadowRoot.activeElement===this._startHandle&&this._setAffectedValue("startValue"),this.shadowRoot.activeElement===this._endHandle&&this._setAffectedValue("endValue"),this.shadowRoot.activeElement===this._progressBar&&this._setAffectedValue(void 0),this._setIsPressInCurrentRange(!this._valueAffected)}_homeEndForSelectedRange(e,t,o,r){const a=this._handleActionKeyPressBase(e,t),n=this.constructor,d=n.clipValue(a+this.startValue,o,r),u=n.clipValue(a+this.endValue,o,r);this.update(void 0,d,u)}update(e,t,o){if(!e)this.startValue=t,this.updateStateStorageAndFireInputEvent("startValue"),this.endValue=o,this.updateStateStorageAndFireInputEvent("endValue"),this._updateHandlesAndRange(0);else{const r=o&&e==="endValue"?o:t;this._updateHandlesAndRange(r||0),e==="startValue"&&(this.startValue=r,this.updateStateStorageAndFireInputEvent("startValue")),e==="endValue"&&(this.endValue=r,this.updateStateStorageAndFireInputEvent("endValue"))}}_onmousedown(e){if(e!=null&&e.button&&(e==null?void 0:e.button)!==0||this.disabled||this._effectiveStep===0||e.target.hasAttribute("ui5-slider-tooltip"))return;const t=this.handleDownBase(e);if(this._saveInteractionStartData(e,t),this.rangePressed=this._isPressInCurrentRange,this._isPressInCurrentRange||this._handeIsPressed){this._handeIsPressed=!1;return}this.update(this._valueAffected,t,void 0)}_saveInteractionStartData(e,t){const o=this.shadowRoot.querySelector(".ui5-slider-progress").getBoundingClientRect();this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue;const r=this.constructor;this._initialPageXPosition=r.getPageXValueFromEvent(e),this._pressTargetAndAffectedValue(this._initialPageXPosition,t),this._initialStartHandlePageX=this.directionStart==="left"?o.left:o.right}_handleMove(e){if(e.preventDefault(),!(this.disabled||this._effectiveStep===0)){if(!this._isPressInCurrentRange){this._updateValueOnHandleDrag(e);return}this._updateValueOnRangeDrag(e)}}_updateValueOnHandleDrag(e){const o=this.constructor.getValueFromInteraction(e,this._effectiveStep,this._effectiveMin,this._effectiveMax,this.getBoundingClientRect(),this.directionStart);this.update(this._valueAffected,o,void 0)}_updateValueOnRangeDrag(e){const o=this.constructor.getPageXValueFromEvent(e),r=this._calculateRangeOffset(o,this._initialStartHandlePageX);this._setAffectedValue(void 0),this.update(void 0,r[0],r[1])}_handleUp(){this._setAffectedValueByFocusedElement(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireDecoratorEvent("change"),this._setIsPressInCurrentRange(!1),this.handleUpBase(),this.rangePressed=!1,this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_pressTargetAndAffectedValue(e,t){const o=this.shadowRoot.querySelector(".ui5-slider-handle--start"),r=this.shadowRoot.querySelector(".ui5-slider-handle--end"),a=o.getBoundingClientRect(),n=r.getBoundingClientRect(),d=e>=a.left&&e<=a.right,u=e>=n.left&&e<=n.right;(u||d)&&(this._handeIsPressed=!0),(u||t>this.endValue)&&this._setAffectedValue("endValue"),(d||t<this.startValue)&&this._setAffectedValue("startValue");const h=this._startValueAtBeginningOfAction!==void 0&&this._endValueAtBeginningOfAction!==void 0&&t>=this._startValueAtBeginningOfAction&&t<=this._endValueAtBeginningOfAction;this._setIsPressInCurrentRange(this._valueAffected||this._handeIsPressed?!1:h)}_setAffectedValue(e){this._valueAffected=e,this._areValuesReversed()&&this._setValuesAreReversed()}_setIsPressInCurrentRange(e){this._isPressInCurrentRange=e}focusInnerElement(){const e=this._areValuesReversed(),t=this._valueAffected;(this._isPressInCurrentRange||!t)&&this._progressBar.focus(),(t==="startValue"&&!e||t==="endValue"&&e)&&(this._startHandle.focus(),this.bringToFrontTooltip("start")),(t==="endValue"&&!e||t==="startValue"&&e)&&(this._endHandle.focus(),this.bringToFrontTooltip("end"))}_calculateRangeOffset(e,t){if(this._initialPageXPosition===e)return[this.startValue,this.endValue];const o=this._effectiveMin,r=this._effectiveMax,a=this.endValue-this.startValue;let n=this._calculateStartValueByOffset(e,t);return n=this.constructor.clipValue(n,o,r-a),[n,n+a]}_calculateStartValueByOffset(e,t){const o=this._effectiveMin,r=this._effectiveMax,a=this._effectiveStep,n=this.getBoundingClientRect();let d,u,h;const m=this.constructor;return e>this._initialPageXPosition?(h=e-this._initialPageXPosition,u=t+h,d=m.computedValueFromPageX(u,o,r,n,this.directionStart),d=m.getSteppedValue(d,a,o)):(h=this._initialPageXPosition-e,u=t-h,d=m.computedValueFromPageX(u,o,r,n,this.directionStart),d=m.getSteppedValue(d,a,o)),d}_updateHandlesAndRange(e){const t=this._effectiveMax,o=this._effectiveMin,r=this.getStoredPropertyState("startValue")||0,a=this.getStoredPropertyState("endValue")||0,n=this._valueAffected;n==="startValue"?(this._selectedRange=(a-e)/(t-o),this._firstHandlePositionFromStart=(e-o)/(t-o)*100):n==="endValue"?(this._selectedRange=(e-r)/(t-o),this._secondHandlePositionFromStart=(e-o)/(t-o)*100):(this._selectedRange=(this.endValue-this.startValue)/(t-o),this._firstHandlePositionFromStart=(this.startValue-o)/(t-o)*100,this._secondHandlePositionFromStart=(this.endValue-o)/(t-o)*100)}bringToFrontTooltip(e){const t=e==="start"?"[data-sap-ui-start-value]":"[data-sap-ui-end-value]",o=this.shadowRoot.querySelector(t);o!=null&&o.hidePopover&&(o!=null&&o.showPopover)&&requestAnimationFrame(()=>{o.hidePopover(),o.showPopover()})}_onTooltopForwardFocus(e){var o;(o=e.target.followRef)==null||o.focus()}_onTooltipChange(e){const o=e.target.hasAttribute("data-sap-ui-start-value"),r=parseFloat(e.detail.value),a=Math.min(this.max,Math.max(this.min,r));if(o?(this.startValue=a,this._lastValidStartValue=a.toString()):(this.endValue=a,this._lastValidEndValue=a.toString()),this.startValue>this.endValue){this._areInputValuesSwapped=!0;const n=this.startValue;this.startValue=this.endValue,this.endValue=n;const d=this._lastValidStartValue;this._lastValidStartValue=this._lastValidEndValue,this._lastValidEndValue=d;const u=o?"[data-sap-ui-end-value]":"[data-sap-ui-start-value]",h=this.shadowRoot.querySelector(u);h==null||h.focus()}this.bringToFrontTooltip(o?"start":"end"),this.update("value",this.startValue,this.endValue),this.fireDecoratorEvent("change")}_getFormattedValue(e){const t=parseFloat(e),r=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return t.toFixed(r).toString()}_swapValues(){const e=this._valueAffected;if(e){if(e==="startValue"&&this.startValue>this.endValue){const t=this.endValue;this.endValue=this.startValue,this.startValue=t}if(e==="endValue"&&this.endValue<this.startValue){const t=this.startValue;this.startValue=this.endValue,this.endValue=t}this._setValuesAreReversed(),this._updateHandlesAndRange(this[e]),this._areInputValuesSwapped||this.focusInnerElement(),this.syncUIAndState(),this._areInputValuesSwapped=!1}}_setValuesAreReversed(){this._reversedValues=!this._reversedValues}_areValuesReversed(){return this._reversedValues}get tickmarksObject(){const e=this._tickmarksCount,t=[];if(this._hiddenTickmarks)return[!1,!1];for(let o=0;o<=e;o++){const r=this._effectiveMin+o*this.step>=this.startValue,a=this._effectiveMin+o*this.step<=this.endValue;t.push(r&&a)}return t}get _startHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--start")}get _endHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--end")}get _progressBar(){return this.shadowRoot.querySelector(".ui5-slider-progress")}get _ariaLabelledByStartHandleText(){return this.accessibleName?["ui5-slider-accName","ui5-slider-startHandleDesc"].join(" ").trim():"ui5-slider-startHandleDesc"}get _ariaLabelledByEndHandleText(){return this.accessibleName?["ui5-slider-accName","ui5-slider-endHandleDesc"].join(" ").trim():"ui5-slider-endHandleDesc"}get _ariaLabelledByInputText(){return Da.i18nBundle.getText(ab)}get _ariaDescribedByInputText(){return Da.i18nBundle.getText(vw)}get styles(){return{progress:{width:`${this._selectedRange*100}%`,"transform-origin":`${this.directionStart} top`,[this.directionStart]:`${this._firstHandlePositionFromStart}%`},startHandle:{[this.directionStart]:`${this._firstHandlePositionFromStart}%`},endHandle:{[this.directionStart]:`${this._secondHandlePositionFromStart}%`}}}};Md([l({type:Number})],ca.prototype,"startValue",void 0);Md([l({type:Number})],ca.prototype,"endValue",void 0);Md([l({type:Boolean})],ca.prototype,"rangePressed",void 0);Md([l({type:Boolean})],ca.prototype,"_isStartValueValid",void 0);Md([l({type:Boolean})],ca.prototype,"_isEndValueValid",void 0);Md([Y("@ui5/webcomponents")],ca,"i18nBundle",void 0);ca=Da=Md([B({tag:"ui5-range-slider",languageAware:!0,formAssociated:!0,template:yW,styles:[Ha.styles,ck]})],ca);ca.define();const CW=ca;f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const hk=`:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-12-1_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
|
|
362
362
|
`;var TW=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};let Om=class extends CW{onEnterDOM(){be()&&this.setAttribute("desktop","")}};Om=TW([B({tag:"udex-range-slider",renderer:K,styles:[Ha.styles,ck,hk]})],Om);Om.define();const IW="favorite",BW="M378.36 297.834q-5.996 3.998-2.998 8.995l71.96 193.892q1.999 4.997-2.499 8.995t-9.494.999l-174.903-123.93q-4.997-3-8.995 0L76.53 510.714q-4.997 2.998-9.495-1t-2.499-8.994l71.96-193.892q2-5.997-2.998-8.995L3.569 205.885q-4.997-2.998-2.998-8.495t6.996-5.497h165.908q4.997 0 7.995-4.997L248.433 4.997Q250.432 0 255.929 0t7.495 4.997l66.963 181.899q1.999 4.997 7.996 4.997H503.29q5.996 0 7.995 5.497t-2.998 8.495z",$W=!1,AW="SAP-icons-v4",EW="@ui5/webcomponents-icons";F(IW,{pathData:BW,ltr:$W,collection:AW,packageName:EW});const DW="favorite",PW="M0 198q0-9 6.5-16t15.5-9l148-21 63-137q7-15 23-15t23 15l64 137 147 21q10 2 16 9t6 16q0 11-7 18L399 328l26 154q1 2 1 5 0 10-7.5 17.5T400 512q-6 0-12-3l-132-74-132 74q-4 3-12 3-11 0-18.5-7.5T86 487q0-2 .5-2.5t.5-2.5l26-154L7 216q-7-7-7-18z",RW=!1,NW="SAP-icons-v5",LW="@ui5/webcomponents-icons";F(DW,{pathData:PW,ltr:RW,collection:NW,packageName:LW});const Su="favorite";function MW(i,e,t){return t?c`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${s(this.validatedRating)}</div><${g("ui5-icon",e,t)} role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></${g("ui5-icon",e,t)}><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${this.showPercentage?hy.call(this,i,e,t):void 0}<span id="ratingDescription" class="hidden-text">${s(this._ratingDescription)}</span></div>`:c`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${s(this.validatedRating)}</div><ui5-icon role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></ui5-icon><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${this.showPercentage?hy.call(this,i,e,t):void 0}<span id="ratingDescription" class="hidden-text">${s(this._ratingDescription)}</span></div>`}function hy(i,e,t){return c`<div role="note" class="udex-rating-bar__percentage" aria-label="${s(this.validatedPercentage)}">${s(this.validatedPercentage)}</div>`}function OW(){return MW.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const zW=`:host{--udex-rating-bar-progress-color: var(--udexColorMango6);--udex-rating-bar-progress-track-color: var(--udexColorGrey1);--udex-rating-bar-text-color: var(--udexColorGrey7);--udex-rating-bar-container-height: 1.5rem;--udex-rating-bar-progress: 100%;--udex-rating-bar-track-height: .75rem;--udex-rating-bar-progress-radius: var(---udexRadiusM, .5rem)}.udex-rating-bar__container{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer4);height:var(--udex-rating-bar-container-height);font-family:var(--sapFontFamily, sans-serif)}.udex-rating-bar__percentage,.udex-rating-bar__rating{color:var(--udex-rating-bar-text-color);font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-rating-bar__track{width:100%;height:var(--udex-rating-bar-track-height);background-color:var(--udex-rating-bar-progress-track-color);border:none;overflow:hidden;border-radius:var(--udex-rating-bar-progress-radius)}.udex-rating-bar__progress{width:var(--udex-rating-bar-progress);height:100%;background-color:var(--udex-rating-bar-progress-color);border:none;border-radius:var(--udex-rating-bar-progress-radius)}.udex-rating__icon{height:.875rem;width:.875rem;color:var(--udexColorMango6)}.hidden-text{display:none}
|
|
363
363
|
`;var Gc=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},zm;let Vn=zm=class extends X{constructor(){super(...arguments),this.rating=0,this.percentage=0,this._minRating=0,this._maxRating=5,this._minPercentage=0,this._maxPercentage=100}onBeforeRendering(){this.style.setProperty("--udex-rating-bar-progress",`${this.percentage}%`)}get validatedRating(){return this.rating>this._maxRating?(console.warn("UDEx RatingBar: The rating shouldn't be more than 5."),this._maxRating):this.rating<this._minRating?(console.warn("UDEx RatingBar: The rating shouldn't be less than 0."),this._minRating):this.rating}get validatedPercentage(){return this.percentage>this._maxPercentage?(console.warn("UDEx RatingBar: The percentage shouldn't be more than 100."),`${this._maxPercentage}%`):this.percentage<this._minPercentage?(console.warn("UDEx RatingBar: The percentage shouldn't be less than 0."),`${this._minPercentage}%`):`${this.percentage}%`}get _ratingDescription(){return`${this.validatedRating} ${zm.i18nBundle.getText(ww)}`}};Gc([l({type:Number})],Vn.prototype,"rating",void 0);Gc([l({type:Number})],Vn.prototype,"percentage",void 0);Gc([l({type:Boolean})],Vn.prototype,"showPercentage",void 0);Gc([Y("@sapudex/web-components")],Vn,"i18nBundle",void 0);Vn=zm=Gc([B({tag:"udex-rating-bar",renderer:se,styles:zW,template:OW,dependencies:[j]})],Vn);Vn.define();const pk=Vn,FW="unfavorite",XW="M8.569 191.946h164.954q5.998 0 7.998-4.998l66.981-181.95Q250.502 0 256.5 0q4.998 0 6.998 4.999l66.981 181.949q2 4.998 7.998 4.998h165.954q4.998 0 6.998 5.499t-3 8.498l-129.963 91.974q-4 2.999-3 8.997l71.98 193.946q2 4.999-1 7.998t-6.997 3q-3 0-4-1L260.5 386.891q-1-1-4-1-3.998 0-4.998 1L76.551 510.857q-1 1-4 1-3.999 0-6.998-2.999t-1-7.998l71.98-193.946q2-5.998-2.999-8.997L3.57 205.943q-4.998-3-2.999-8.498t7.998-5.499zm143.96 79.978q10.997 7.998 14.996 20.494t-1 25.493l-44.987 121.966L233.506 360.9q9.997-6.998 22.994-6.998 11.996 0 21.994 5.999l111.968 79.977-44.987-121.966q-4.999-12.996-1-25.493t14.996-20.494l68.98-47.986h-89.974q-26.992 0-37.99-25.993L256.5 76.979l-44.988 120.966q-10.997 25.993-37.989 25.993H84.548z",UW=!1,jW="SAP-icons-v4",HW="@ui5/webcomponents-icons";F(FW,{pathData:XW,ltr:UW,collection:jW,packageName:HW});const qW="unfavorite",VW="M400 510q-7 0-12-3l-132-74-131 74q-6 3-13 3-11 0-18.5-7T86 485q0-2 .5-2.5t.5-1.5l26-155L7 214q-7-7-7-17t6.5-17 15.5-9l148-21 63-137q7-15 23-15t23 15l64 137 147 21q10 2 16 9t6 17q0 11-7 17L399 326l26 155q1 1 1 4 0 11-7.5 18t-18.5 7zM256 379q7 0 13 3l97 54-20-114q0-7 1-12t6-10l81-85-112-16q-13-1-20-15l-46-99-46 99q-5 13-19 15L78 215l81 85q5 5 6 10t1 12l-20 114 98-54q5-3 12-3z",WW=!1,GW="SAP-icons-v5",YW="@ui5/webcomponents-icons";F(qW,{pathData:VW,ltr:WW,collection:GW,packageName:YW});const _k="unfavorite";function KW(){return _("div",{class:"ui5-rating-indicator-root",role:"slider","aria-roledescription":this._ariaRoleDescription,"aria-valuemin":0,"aria-valuenow":this.value,"aria-valuemax":this.max,"aria-valuetext":`${this.value} of ${this.max}`,"aria-orientation":"horizontal","aria-disabled":this._ariaDisabled,"aria-readonly":this.ariaReadonly,"aria-description":this._ariaDescription,tabindex:this.effectiveTabIndex,onFocusIn:this._onfocusin,onFocusOut:this._onfocusout,onClick:this._onclick,onKeyDown:this._onkeydown,title:this.ratingTooltip,"aria-label":this._ariaLabel,children:_("ul",{class:"ui5-rating-indicator-list","aria-hidden":"true",children:this._stars.map(i=>ZW.call(this,i))})})}function ZW(i){return i.selected?_("li",{"data-ui5-value":i.index,class:"ui5-rating-indicator-item ui5-rating-indicator-item-sel",children:_(j,{"data-ui5-value":i.index,name:Su})}):i.halfStar?$("li",{class:"ui5-rating-indicator-item ui5-rating-indicator-item-half",children:[_(j,{"data-ui5-value":i.index,name:QW.call(this)}),_("div",{class:"ui5-rating-indicator-half-icon-wrapper",children:_(j,{"data-ui5-value":i.index,name:Su,class:"ui5-rating-indicator-half-icon"})})]}):this.readonly?_("li",{class:"ui5-rating-indicator-item ui5-rating-indicator-item-unsel",children:_(j,{"data-ui5-value":i.index,name:Su})}):this.disabled?_("li",{class:"ui5-rating-indicator-item ui5-rating-indicator-item-unsel",children:_(j,{"data-ui5-value":i.index,name:Su})}):_("li",{"data-ui5-value":i.index,class:"ui5-rating-indicator-item ui5-rating-indicator-item-unsel",children:_(j,{"data-ui5-value":i.index,name:_k})})}function QW(){return this.disabled||this.readonly?Su:_k}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const JW=`:host(:not([hidden])){display:inline-block;font-size:24px;margin:var(--_ui5-v2-14-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:.4;cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .ui5-rating-indicator-item-unsel,:host([readonly]) .ui5-rating-indicator-item-unsel{padding-inline:var(--_ui5-v2-14-0_rating_indicator_readonly_item_spacing);width:var(--_ui5-v2-14-0_rating_indicator_readonly_item_width);height:var(--_ui5-v2-14-0_rating_indicator_readonly_item_height)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:.9}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v2-14-0_rating_indicator_outline_offset);border-radius:var(--_ui5-v2-14-0_rating_indicator_border_radius)}:host([size="S"]) .ui5-rating-indicator-item{font-size:var(--_ui5-v2-14-0_rating_indicator_item_size_s)}:host([size="L"]) .ui5-rating-indicator-item{font-size:var(--_ui5-v2-14-0_rating_indicator_item_size_l)}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.ui5-rating-indicator-root{outline:none;position:relative;padding:var(--_ui5-v2-14-0_rating_indicator_component_padding)}.ui5-rating-indicator-list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.ui5-rating-indicator-item{position:relative;width:var(--_ui5-v2-14-0_rating_indicator_item_width);height:var(--_ui5-v2-14-0_rating_indicator_item_height)}:host([size="L"]) .ui5-rating-indicator-item:not(:last-child){margin-inline-end:.25rem}.ui5-rating-indicator-item:not(:last-child){margin-inline-end:.1875rem}.ui5-rating-indicator-item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.ui5-rating-indicator-item.ui5-rating-indicator-item-sel{color:var(--sapContent_RatedColor)}.ui5-rating-indicator-item.ui5-rating-indicator-item-unsel,.ui5-rating-indicator-item.ui5-rating-indicator-item-half{color:var(--sapContent_UnratedColor)}.ui5-rating-indicator-item [ui5-icon].ui5-rating-indicator-half-icon{position:absolute;inset-inline-start:50%;color:var(--sapContent_RatedColor)}.ui5-rating-indicator-half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}
|
|
364
|
-
`;var Yo=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},ku;let ji=ku=class extends X{constructor(){super(),this.value=0,this.max=5,this.size="M",this.disabled=!1,this.readonly=!1,this.required=!1,this._stars=[],this._focused=!1}onBeforeRendering(){this.calcState()}calcState(){this._stars=[];for(let e=1;e<this.max+1;e++){const t=Math.round((this.value-Math.floor(this.value))*10);let o=!1,r=this.value;Math.floor(this.value)+1===e&&t>2&&t<8?o=!0:t<=2?r=Math.floor(this.value):t>=8&&(r=Math.ceil(this.value)),this._stars.push({selected:e<=r,index:e,halfStar:o})}}_onclick(e){const t=e.target;if(!(t instanceof HTMLElement)||this.disabled||this.readonly)return;const o=t.getAttribute("data-ui5-value");o!==null&&(this.value=parseInt(o),this.value===this._liveValue&&(this.value=0),this._liveValue!==this.value&&(this.fireDecoratorEvent("change"),this._liveValue=this.value))}_onkeydown(e){if(this.disabled||this.readonly){J(e)&&e.preventDefault();return}const t=Xe(e)||De(e),o=Ae(e)||Ge(e),r=J(e)||le(e),a=mt(e),n=Qt(e),d=e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105;if(t||o||r||a||n||d){if(e.preventDefault(),t&&this.value>0)this.value=Math.round(this.value-1);else if(o&&this.value<this.max)this.value=Math.round(this.value+1);else if(r){const u=Math.round(this.value+1);this.value=u>this.max?0:u}else if(a)this.value=0;else if(n)this.value=this.max;else if(d){const u=parseInt(e.key);this.value=u>this.max?this.max:u}this.fireDecoratorEvent("change")}}_onfocusin(){this.disabled||(this._focused=!0,this._liveValue=this.value)}_onfocusout(){this._focused=!1}get effectiveTabIndex(){const e=this.getAttribute("tabindex");return this.disabled?-1:e?parseInt(e):0}get ratingTooltip(){return this.tooltip?this.tooltip:rb()?this.defaultTooltip:void 0}get defaultTooltip(){return ku.i18nBundle.getText(J$)}get _ariaRoleDescription(){return ku.i18nBundle.getText(eA)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabel(){return Ui(this)}get _ariaDescription(){return this.required?ku.i18nBundle.getText(tA):void 0}get ariaReadonly(){return this.readonly?"true":void 0}};Yo([l({type:Number})],ji.prototype,"value",void 0);Yo([l({type:Number})],ji.prototype,"max",void 0);Yo([l()],ji.prototype,"size",void 0);Yo([l({type:Boolean})],ji.prototype,"disabled",void 0);Yo([l({type:Boolean})],ji.prototype,"readonly",void 0);Yo([l()],ji.prototype,"accessibleName",void 0);Yo([l()],ji.prototype,"accessibleNameRef",void 0);Yo([l({type:Boolean})],ji.prototype,"required",void 0);Yo([l()],ji.prototype,"tooltip",void 0);Yo([l({type:Array})],ji.prototype,"_stars",void 0);Yo([l({type:Boolean})],ji.prototype,"_focused",void 0);Yo([Y("@ui5/webcomponents")],ji,"i18nBundle",void 0);ji=ku=Yo([B({tag:"ui5-rating-indicator",languageAware:!0,renderer:K,styles:JW,template:KW}),w("change",{bubbles:!0})],ji);ji.define();const Fm=ji;function eG(i,e,t){return c`<div class="udex-rating-indicator ui5-rating-indicator-root ${s(this.classNames)}" role="slider" aria-roledescription="${s(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${s(this.value)}" aria-valuemax="${s(this.max)}" aria-valuetext="${s(this.value)} of ${s(this.max)}" aria-orientation="horizontal" aria-disabled="${s(this._ariaDisabled)}" aria-readonly="${s(this.ariaReadonly)}" aria-description="${s(this._ariaDescription)}" tabindex="${s(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${s(this.ratingTooltip)}" aria-label="${s(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${oe(this._stars,(o,r)=>o._id||r,(o,r)=>tG.call(this,i,e,t,o,r))}</ul>${this.totalCount?uG.call(this,i,e,t):void 0}</div>`}function tG(i,e,t,o,r){return c`${o.selected?iG.call(this,i,e,t,o,r):oG.call(this,i,e,t,o,r)}`}function iG(i,e,t,o,r){return t?c`<li data-ui5-value="${s(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${g("ui5-icon",e,t)} data-ui5-value="${s(o.index)}" name="favorite"></${g("ui5-icon",e,t)}></li>`:c`<li data-ui5-value="${s(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${s(o.index)}" name="favorite"></ui5-icon></li>`}function oG(i,e,t,o,r){return c`${o.halfStar?rG.call(this,i,e,t,o,r):aG.call(this,i,e,t,o,r)}`}function rG(i,e,t,o,r){return t?c`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><${g("ui5-icon",e,t)} data-ui5-value="${s(o.index)}" name="unfavorite"></${g("ui5-icon",e,t)}><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><${g("ui5-icon",e,t)} data-ui5-value="${s(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></${g("ui5-icon",e,t)}></div></li>`:c`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><ui5-icon data-ui5-value="${s(o.index)}" name="unfavorite"></ui5-icon><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${s(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function aG(i,e,t,o,r){return c`${this.readonly?nG.call(this,i,e,t,o,r):sG.call(this,i,e,t,o,r)}`}function nG(i,e,t,o,r){return t?c`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${g("ui5-icon",e,t)} data-ui5-value="${s(o.index)}" name="unfavorite"></${g("ui5-icon",e,t)}></li>`:c`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${s(o.index)}" name="unfavorite"></ui5-icon></li>`}function sG(i,e,t,o,r){return c`${this.disabled?dG.call(this,i,e,t,o,r):lG.call(this,i,e,t,o,r)}`}function dG(i,e,t,o,r){return t?c`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${g("ui5-icon",e,t)} data-ui5-value="${s(o.index)}" name="unfavorite"></${g("ui5-icon",e,t)}></li>`:c`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${s(o.index)}" name="unfavorite"></ui5-icon></li>`}function lG(i,e,t,o,r){return t?c`<li data-ui5-value="${s(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${g("ui5-icon",e,t)} data-ui5-value="${s(o.index)}" name="unfavorite"></${g("ui5-icon",e,t)}></li>`:c`<li data-ui5-value="${s(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${s(o.index)}" name="unfavorite"></ui5-icon></li>`}function uG(i,e,t){return c`<div class="udex-rating-indicator__total">(${s(this.totalCount)})</div>`}function cG(){return eG.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const hG=`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-12-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
364
|
+
`;var Yo=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},ku;let ji=ku=class extends X{constructor(){super(),this.value=0,this.max=5,this.size="M",this.disabled=!1,this.readonly=!1,this.required=!1,this._stars=[],this._focused=!1}onBeforeRendering(){this.calcState()}calcState(){this._stars=[];for(let e=1;e<this.max+1;e++){const t=Math.round((this.value-Math.floor(this.value))*10);let o=!1,r=this.value;Math.floor(this.value)+1===e&&t>2&&t<8?o=!0:t<=2?r=Math.floor(this.value):t>=8&&(r=Math.ceil(this.value)),this._stars.push({selected:e<=r,index:e,halfStar:o})}}_onclick(e){const t=e.target;if(!(t instanceof HTMLElement)||this.disabled||this.readonly)return;const o=t.getAttribute("data-ui5-value");o!==null&&(this.value=parseInt(o),this.value===this._liveValue&&(this.value=0),this._liveValue!==this.value&&(this.fireDecoratorEvent("change"),this._liveValue=this.value))}_onkeydown(e){if(this.disabled||this.readonly){J(e)&&e.preventDefault();return}const t=Xe(e)||De(e),o=Ae(e)||Ge(e),r=J(e)||le(e),a=mt(e),n=Qt(e),d=e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105;if(t||o||r||a||n||d){if(e.preventDefault(),t&&this.value>0)this.value=Math.round(this.value-1);else if(o&&this.value<this.max)this.value=Math.round(this.value+1);else if(r){const u=Math.round(this.value+1);this.value=u>this.max?0:u}else if(a)this.value=0;else if(n)this.value=this.max;else if(d){const u=parseInt(e.key);this.value=u>this.max?this.max:u}this.fireDecoratorEvent("change")}}_onfocusin(){this.disabled||(this._focused=!0,this._liveValue=this.value)}_onfocusout(){this._focused=!1}get effectiveTabIndex(){const e=this.getAttribute("tabindex");return this.disabled?-1:e?parseInt(e):0}get ratingTooltip(){return this.tooltip?this.tooltip:rb()?this.defaultTooltip:void 0}get defaultTooltip(){return ku.i18nBundle.getText(J$)}get _ariaRoleDescription(){return ku.i18nBundle.getText(eA)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabel(){return Ui(this)}get _ariaDescription(){return this.required?ku.i18nBundle.getText(tA):void 0}get ariaReadonly(){return this.readonly?"true":void 0}};Yo([l({type:Number})],ji.prototype,"value",void 0);Yo([l({type:Number})],ji.prototype,"max",void 0);Yo([l()],ji.prototype,"size",void 0);Yo([l({type:Boolean})],ji.prototype,"disabled",void 0);Yo([l({type:Boolean})],ji.prototype,"readonly",void 0);Yo([l()],ji.prototype,"accessibleName",void 0);Yo([l()],ji.prototype,"accessibleNameRef",void 0);Yo([l({type:Boolean})],ji.prototype,"required",void 0);Yo([l()],ji.prototype,"tooltip",void 0);Yo([l({type:Array})],ji.prototype,"_stars",void 0);Yo([l({type:Boolean})],ji.prototype,"_focused",void 0);Yo([Y("@ui5/webcomponents")],ji,"i18nBundle",void 0);ji=ku=Yo([B({tag:"ui5-rating-indicator",languageAware:!0,renderer:K,styles:JW,template:KW}),w("change",{bubbles:!0})],ji);ji.define();const Fm=ji;function eG(i,e,t){return c`<div class="udex-rating-indicator ui5-rating-indicator-root ${s(this.classNames)}" role="slider" aria-roledescription="${s(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${s(this.value)}" aria-valuemax="${s(this.max)}" aria-valuetext="${s(this.value)} of ${s(this.max)}" aria-orientation="horizontal" aria-disabled="${s(this._ariaDisabled)}" aria-readonly="${s(this.ariaReadonly)}" aria-description="${s(this._ariaDescription)}" tabindex="${s(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${s(this.ratingTooltip)}" aria-label="${s(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${oe(this._stars,(o,r)=>o._id||r,(o,r)=>tG.call(this,i,e,t,o,r))}</ul>${this.totalCount?uG.call(this,i,e,t):void 0}</div>`}function tG(i,e,t,o,r){return c`${o.selected?iG.call(this,i,e,t,o,r):oG.call(this,i,e,t,o,r)}`}function iG(i,e,t,o,r){return t?c`<li data-ui5-value="${s(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${g("ui5-icon",e,t)} data-ui5-value="${s(o.index)}" name="favorite"></${g("ui5-icon",e,t)}></li>`:c`<li data-ui5-value="${s(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${s(o.index)}" name="favorite"></ui5-icon></li>`}function oG(i,e,t,o,r){return c`${o.halfStar?rG.call(this,i,e,t,o,r):aG.call(this,i,e,t,o,r)}`}function rG(i,e,t,o,r){return t?c`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><${g("ui5-icon",e,t)} data-ui5-value="${s(o.index)}" name="unfavorite"></${g("ui5-icon",e,t)}><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><${g("ui5-icon",e,t)} data-ui5-value="${s(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></${g("ui5-icon",e,t)}></div></li>`:c`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><ui5-icon data-ui5-value="${s(o.index)}" name="unfavorite"></ui5-icon><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${s(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function aG(i,e,t,o,r){return c`${this.readonly?nG.call(this,i,e,t,o,r):sG.call(this,i,e,t,o,r)}`}function nG(i,e,t,o,r){return t?c`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${g("ui5-icon",e,t)} data-ui5-value="${s(o.index)}" name="unfavorite"></${g("ui5-icon",e,t)}></li>`:c`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${s(o.index)}" name="unfavorite"></ui5-icon></li>`}function sG(i,e,t,o,r){return c`${this.disabled?dG.call(this,i,e,t,o,r):lG.call(this,i,e,t,o,r)}`}function dG(i,e,t,o,r){return t?c`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${g("ui5-icon",e,t)} data-ui5-value="${s(o.index)}" name="unfavorite"></${g("ui5-icon",e,t)}></li>`:c`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${s(o.index)}" name="unfavorite"></ui5-icon></li>`}function lG(i,e,t,o,r){return t?c`<li data-ui5-value="${s(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${g("ui5-icon",e,t)} data-ui5-value="${s(o.index)}" name="unfavorite"></${g("ui5-icon",e,t)}></li>`:c`<li data-ui5-value="${s(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${s(o.index)}" name="unfavorite"></ui5-icon></li>`}function uG(i,e,t){return c`<div class="udex-rating-indicator__total">(${s(this.totalCount)})</div>`}function cG(){return eG.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const hG=`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-12-1_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
365
365
|
`;var A_=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Xm;(function(i){i.Desktop="Desktop",i.Mobile="Mobile"})(Xm||(Xm={}));let md=class extends Fm{constructor(){super(...arguments),this.display=Xm.Desktop}get classNames(){return`udex-rating-indicator--${this.display.toLowerCase()}`}get _ariaLabel(){const e=Ui(this)||"";return this.totalCount?`${e?`${e}, `:""}${Fm.i18nBundle.getText(xE)} ${this.totalCount}`:e}};A_([l()],md.prototype,"display",void 0);A_([l()],md.prototype,"totalCount",void 0);A_([Y("@sapudex/web-components")],md,"i18nBundle",void 0);md=A_([B({tag:"udex-rating-indicator",renderer:se,styles:[Fm.styles,hG],template:cG,dependencies:[j]})],md);md.define();const vk=md;function pG(i,e,t){return c`${this.isEmpty?_G.call(this,i,e,t):vG.call(this,i,e,t)}`}function _G(i,e,t){return c`<div class="udex-review__empty-container"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div>`}function vG(i,e,t){return c`${this.withoutBreakdown?gG.call(this,i,e,t):mG.call(this,i,e,t)}`}function gG(i,e,t){return t?c`<div class="udex-review__container-without-breakdown"><div class="udex-review__content-without-breakdown"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${s(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><${g("udex-rating-indicator",e,t)} readonly value="${s(this.validatedRating)}" max="${s(this._maxRating)}"></${g("udex-rating-indicator",e,t)}><div class="udex-review__reviews-text">${s(this.reviewsText)}</div></div></div><div class="udex-review__additional-content-without-breakdown"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div></div>`:c`<div class="udex-review__container-without-breakdown"><div class="udex-review__content-without-breakdown"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${s(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><udex-rating-indicator readonly value="${s(this.validatedRating)}" max="${s(this._maxRating)}"></udex-rating-indicator><div class="udex-review__reviews-text">${s(this.reviewsText)}</div></div></div><div class="udex-review__additional-content-without-breakdown"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div></div>`}function mG(i,e,t){return t?c`<div class="udex-review__container"><div class="udex-review__content"><div class="udex-review__rating-info"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${s(this.validatedRating)}</div><${g("ui5-icon",e,t)} aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></${g("ui5-icon",e,t)}></div><div class="udex-review__reviews-text">${s(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${oe(this.validatedRatingBars,(o,r)=>o._id||r,(o,r)=>py.call(this,i,e,t,o,r))}</div></div><span id="ratingDescription" class="hidden-text">${s(this._ratingDescription)}</span>`:c`<div class="udex-review__container"><div class="udex-review__content"><div class="udex-review__rating-info"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${s(this.validatedRating)}</div><ui5-icon aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></ui5-icon></div><div class="udex-review__reviews-text">${s(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${oe(this.validatedRatingBars,(o,r)=>o._id||r,(o,r)=>py.call(this,i,e,t,o,r))}</div></div><span id="ratingDescription" class="hidden-text">${s(this._ratingDescription)}</span>`}function py(i,e,t,o,r){return c`<slot name="${s(o._individualSlot)}"></slot>`}function fG(){return pG.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const bG=`:host{--udex-review-container-vertical-padding: var(--udexSpacer32);--udex-review-container-vertical-padding-xs: var(--udexSpacer24);--udex-review-xs-gutter: var(--udexSpacer40)}.udex-review__container{width:100%;display:flex;flex-direction:row;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__container-without-breakdown{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__empty-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer12);padding:var(--udex-review-container-vertical-padding) 0;font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__rating{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold)}.udex-review__content{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline-end:var(--udexGridXLGutters);width:calc((100vw / var(--udexGridColumns) * 2) + var(--udexGridXLGutters))}.udex-review__content-without-breakdown{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:row;align-items:center;margin-bottom:0}.udex-review__additional-content{display:flex;flex-direction:column;gap:var(--udexSpacer8);width:100%}.udex-review__additional-content-without-breakdown{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--udexSpacer12);margin-bottom:0}.udex-review__rating-info{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer8)}.udex-review__rating-info-without-breakdown{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline-start:var(--udexSpacer16);.udex-review__reviews-text{margin-bottom:0}}.udex-review__default-text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);margin-bottom:var(--udexSpacer12);text-align:center}.udex-review__reviews-text{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udexColorGrey7);margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer12)}@media (max-width: 1599px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridLMargins)}}@media (max-width: 1279px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridMMargins)}.udex-review__content{width:calc((100vw / var(--udexGridColumns) * 3) + 2 * var(--udexGridMGutters))}}@media (max-width: 979px){.udex-review__container-without-breakdown{flex-direction:column;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__content{margin-inline-end:var(--udexGridSGutters);width:calc((100vw / var(--udexGridColumns) * 4) + 3 * var(--udexGridSGutters))}.udex-review__default-text{font-size:var(--udexTypographyBodyXSFontSize)}.udex-review__content-without-breakdown{margin-bottom:var(--udexSpacer16)}.udex-review__additional-content-without-breakdown{justify-content:space-between;gap:var(--udexSpacer16)}}@media (max-width: 639px){.udex-review__container{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins);flex-direction:column;align-items:center}.udex-review__container-without-breakdown{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins)}.udex-review__empty-container{padding:var(--udex-review-container-vertical-padding-xs) 0}.udex-review__content{margin-bottom:var(--udex-review-xs-gutter);margin-inline-end:0}}.udex-review__icon{height:1.5rem;width:1.5rem;color:var(--udexColorMango6)}[udex-rating-indicator]{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }.hidden-text{display:none}
|
|
366
366
|
`;var Od=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Um;let Za=Um=class extends X{constructor(){super(...arguments),this.rating=0,this.reviews=0,this._minRating=0,this._maxRating=5,this._maxRatingBars=5}get reviewsText(){return`${this.reviews} ${Um.i18nBundle.getText(bE)}`}get withoutBreakdown(){return this.bars.length===0}get isEmpty(){return this.reviews===0&&this.rating===0}get validatedRating(){return this.rating>this._maxRating?(console.warn("UDEx Review: The rating shouldn't be more than 5."),this._maxRating):this.rating<this._minRating?(console.warn("UDEx Review: The rating shouldn't be less than 0."),this._minRating):this.rating}get validatedRatingBars(){return this.bars.length>this._maxRatingBars?(console.warn("UDEx Review: There shouldn't be more than 5 RatingBars."),this.bars.slice(-this._maxRatingBars)):this.bars}get _ratingDescription(){return`${this.validatedRating} ${pk.i18nBundle.getText(ww)}`}};Od([l({type:Number})],Za.prototype,"rating",void 0);Od([l({type:Number})],Za.prototype,"reviews",void 0);Od([N({type:HTMLElement})],Za.prototype,"reviewButton",void 0);Od([N({type:HTMLElement})],Za.prototype,"defaultText",void 0);Od([N({type:HTMLElement,default:!0,individualSlots:!0})],Za.prototype,"bars",void 0);Od([Y("@sapudex/web-components")],Za,"i18nBundle",void 0);Za=Um=Od([B({tag:"udex-review",renderer:se,styles:bG,template:fG,dependencies:[pk,vk,j]})],Za);Za.define();function xG(i,e,t){return t?c`<div class="${s(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><${g("udex-rating-indicator",e,t)} value="${s(this.validatedRating)}" max="${s(this._maxRating)}" readonly></${g("udex-rating-indicator",e,t)}>${this.date?_y.call(this,i,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${s(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${s(this._completeText)}</p>${this._showTextExpander?vy.call(this,i,e,t):void 0}</div>${this.author?gy.call(this,i,e,t):void 0}</div></div>`:c`<div class="${s(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><udex-rating-indicator value="${s(this.validatedRating)}" max="${s(this._maxRating)}" readonly></udex-rating-indicator>${this.date?_y.call(this,i,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${s(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${s(this._completeText)}</p>${this._showTextExpander?vy.call(this,i,e,t):void 0}</div>${this.author?gy.call(this,i,e,t):void 0}</div></div>`}function _y(i,e,t){return c`<slot slot="date" name="date" class="udex-review-item__date"></slot>`}function vy(i,e,t){return t?c`<${g("udex-button",e,t)} id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${s(this.buttonText)}</${g("udex-button",e,t)}>`:c`<udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${s(this.buttonText)}</udex-button>`}function gy(i,e,t){return c`<slot slot="author" name="author" class="udex-review-item__author"></slot>`}function yG(){return xG.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const wG=`:host{--udex-review-item-column-space-xl: var(--udexSpacer84, 84px);--udex-review-item-column-space-l-m: var(--udexSpacer72, 72px);--udex-review-item-column-space-s-xs: var(--udexSpacer24, 24px);--udex-review-item-underline-color: var(--udexColorGrey1);--udex-review-item-text-and-title-color: var(--udexColorGrey9);--udex-review-item-date-and-author-color: var(--udexColorGrey6);--udex-review-item-max-text-height: 48px}.udex-review-item{display:flex;flex-direction:row;width:100%;text-align:left;gap:calc((100vw - (11 * var(--udex-review-item-column-space-xl))) / 12);padding:var(--udexSpacer24) 0;border-bottom:1px solid var(--udex-review-item-underline-color);font-family:var(--sapFontFamily, sans-serif)}.udex-review-item:dir(rtl){text-align:right}.udex-review-item__rating-top{display:flex;gap:var(--udexSpacer24);flex-direction:column}.udex-review-item__rating-top .udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}.udex-review-item__rating-container,.udex-review-item__text-container{display:flex;flex-direction:column;gap:var(--udexSpacer16)}.udex-review-item__title{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:var(--udexTypographyHeadingLineHeight);color:var(--udex-review-item-text-and-title-color);padding:0;margin:0}.udex-review-item__date{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-date-and-author-color)}.udex-review-item__text-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--udexSpacer8)}.udex-review-item__text-expander{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular)}.udex-review-item__text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-text-and-title-color);white-space:pre-wrap;padding:0;margin:0;max-height:var(--udex-review-item-max-text-height);overflow:hidden}.udex-review-item__text-expanded{max-height:none}.udex-review-item__author{font-size:var(--udexTypographyNavigationRegularMFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyNavigationLineHeight);color:var(--udex-review-item-date-and-author-color);padding:0;margin:0}@media (max-width: 1599px){.udex-review-item{gap:calc((100vw - (11 * var(--udex-review-item-column-space-l-m))) / 12)}}@media (max-width: 979px){.udex-review-item{display:flex;gap:var(--udex-review-item-column-space-s-xs);flex-direction:column}.udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}}[udex-rating-indicator]{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }
|
|
367
367
|
`;var fr=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},tp;let ko=tp=class extends X{_toggleText(){this._textExpanded=!this._textExpanded,this._textExpanded?(this._completeText=this.text,this._textElement.classList.add("udex-review-item__text-expanded")):(this._textElement.classList.remove("udex-review-item__text-expanded"),this._completeText=this._visibleText)}constructor(){super(),this.rating=0,this._textLineLimit=2,this._maxHeight=48,this._maxRating=5,this._minRating=0,this._handleResizeBound=this._checkTextOverflow.bind(this)}onEnterDOM(){this._maxHeight=48,this._completeText=this.text,ce.register(this,this._handleResizeBound)}onExitDOM(){ce.deregister(this,this._handleResizeBound)}onAfterRendering(){this._textElement=this.getTextElement(),this._checkTextOverflow()}_checkTextOverflow(){const e=this.text.split(" "),o=document.createElement("canvas").getContext("2d");o.font="16px sans-serif";let r=0,a="";e.forEach(n=>{const d=o.measureText(`${n} `).width;r+d<=2*this._textElement.offsetWidth&&(a+=`${n} `,r+=d)}),this._visibleText=a,this._textExpanded||(this._completeText=a),this._showTextExpander=!this._textExpanded&&this._completeText.length<this.text.length||this._textExpanded&&a.length<this.text.length}get buttonText(){return this._textExpanded?tp.i18nBundle.getText(kw):tp.i18nBundle.getText(Sw)}get reviewItemClasses(){return`udex-review-item${this.showRatingTop?" udex-review-item__rating-top":""}`}get validatedRating(){return this.rating>this._maxRating?(console.warn("UDEx Review: The rating shouldn't be more than 5."),this._maxRating):this.rating<this._minRating?(console.warn("UDEx Review: The rating shouldn't be less than 0."),this._minRating):this.rating}getTextElement(){var t;return(t=this.shadowRoot)==null?void 0:t.getElementById("udex-review-item__text")}};fr([l({type:Boolean})],ko.prototype,"showRatingTop",void 0);fr([l({type:Number})],ko.prototype,"rating",void 0);fr([l({type:String})],ko.prototype,"reviewTitle",void 0);fr([l({type:String})],ko.prototype,"text",void 0);fr([l({type:Number})],ko.prototype,"_textLineLimit",void 0);fr([l({type:Boolean})],ko.prototype,"_textExpanded",void 0);fr([l({type:Boolean})],ko.prototype,"_showTextExpander",void 0);fr([l({type:String})],ko.prototype,"_completeText",void 0);fr([N()],ko.prototype,"author",void 0);fr([N()],ko.prototype,"date",void 0);fr([Y("@sapudex/web-components")],ko,"i18nBundle",void 0);ko=tp=fr([B({tag:"udex-review-item",renderer:se,styles:wG,template:yG,dependencies:[vk,ht]})],ko);ko.define();class SG{constructor(e){this._focusHandler=new _S,this.component=e,this._getSuggestionPopover(),this.selectedItemIndex=-1}_getComponent(){return this.component}_getSuggestionPopover(){return this.popover?this.popover:(this.popover=this._getComponent().shadowRoot.querySelector("#suggestions-popover"),this.popover)}_getItems(){var e;return this.popover?[...(e=this.popover)==null?void 0:e.querySelectorAll("[ui5-button]")]:[]}open(){this._getSuggestionPopover(),this._getComponent().open=!0,this.popover.opener=this._getComponent(),this.popover.open=!0,this.initLists(),this._focusHandler._focusableListItems=this._getItems(),this._focusHandler.resetMatchingItems()}handleKeyPress(e){const t=e.key;lS(t)&&(e.preventDefault(),e.stopPropagation(),this._focusHandler.focusMatchingListItem(t))}initLists(){var t,o;const e=(t=this.popover)!=null&&t.querySelectorAll(".udex-search-suggestions__list")?(o=this.popover)==null?void 0:o.querySelectorAll(".udex-search-suggestions__list"):[];this.lists=Array.from(e)}close(){this._getSuggestionPopover(),this._getComponent().open=!1,this.popover.open=!1,this.selectedItemIndex=-1}resetFocusState(){this.lists=[],this.selectedItemIndex=-1,this.focusabledList=void 0}onFocusInput(){var e,t;(t=(e=this.component.shadowRoot)==null?void 0:e.querySelector("input"))==null||t.focus()}onEnter(e){var t;e.preventDefault(),this.selectedItemIndex>=0&&(this.component.value=(t=this._getItems()[this.selectedItemIndex].getAttribute("title"))==null?void 0:t.replace(/<[^>]*>?/gm,""))}onTab(e){var t;if((t=this.lists)!=null&&t.length&&this._getComponent().open){if(e.preventDefault(),this.focusabledList&&this.selectedItemIndex===-1)return this.focusabledList.focus(),!0;if(this.focusabledList&&this.selectedItemIndex>=0)return this.getFocusableItems()[this.selectedItemIndex].focus(),!0;this.focusabledList=this.lists[0],this.focusabledList.focus()}}getFocusableItems(){var t,o;const e=(t=this.focusabledList)!=null&&t.children?(o=this.focusabledList)==null?void 0:o.querySelectorAll("[ui5-button]"):[];return Array.from(e)}onEscape(e){e.preventDefault(),this.close(),this.onFocusInput()}onKeyTabList(e){var t,o,r,a,n,d;e.preventDefault(),((t=this.lists)==null?void 0:t.length)===2&&(this.focusabledList===this.lists[1]&&(((r=(o=this.component)==null?void 0:o.shadowRoot)==null?void 0:r.querySelector("[ui5-button]")).focus(),this.close()),this.focusabledList===this.lists[0]&&(this.focusabledList=this.lists[1],this.focusabledList.focus(),this.selectedItemIndex=-1)),((a=this.lists)==null?void 0:a.length)===1&&(((d=(n=this.component)==null?void 0:n.shadowRoot)==null?void 0:d.querySelector("[ui5-button]")).focus(),this.close())}onPrevKeyTabList(e){var t,o;e.preventDefault(),((t=this.lists)==null?void 0:t.length)===2&&(this.focusabledList===this.lists[0]&&this.onFocusInput(),this.focusabledList===this.lists[1]&&(this.focusabledList=this.lists[0],this.focusabledList.focus(),this.selectedItemIndex=-1)),((o=this.lists)==null?void 0:o.length)===1&&this.onFocusInput()}onKeyDown(e){var a,n,d,u;e.preventDefault();const t=this.selectedItemIndex,o=this.getFocusableItems(),r=o.length-1;if((a=this.lists)!=null&&a.length){if(t===-1){const h=o[0];return h.setAttribute("aria-selected","true"),h.focus(),this.selectedItemIndex=0,(n=this.focusabledList)==null||n.setAttribute("aria-activedescendant",h.id),!0}if(t>=0&&t!==r){const h=o[t+1];return o[t].removeAttribute("aria-selected"),h.setAttribute("aria-selected","true"),h.focus(),this.selectedItemIndex=t+1,(d=this.focusabledList)==null||d.setAttribute("aria-activedescendant",h.id),!0}if(t===r&&this.focusabledList===this.lists[0]&&this.lists.length===2)return o[t].removeAttribute("aria-selected"),(u=this.focusabledList)==null||u.removeAttribute("aria-activedescendant"),this.focusabledList=this.lists[1],this.focusabledList.focus(),this.selectedItemIndex=-1,!0}}onKeyUp(e){var a,n,d,u;e.preventDefault();const t=this.getFocusableItems(),o=t.length-1,r=this.selectedItemIndex;if((a=this.lists)!=null&&a.length){if(r===-1){const h=t[0];return h.setAttribute("aria-selected","true"),h.focus(),this.selectedItemIndex=0,(n=this.focusabledList)==null||n.setAttribute("aria-activedescendant",h.id),!0}if(r>0&&r<=o){const h=t[r-1];return t[r].removeAttribute("aria-selected"),h.setAttribute("aria-selected","true"),h.focus(),this.selectedItemIndex=r-1,(d=this.focusabledList)==null||d.setAttribute("aria-activedescendant",h.id),!0}if(r===0&&this.lists.length===2&&this.focusabledList===this.lists[1])return t[r].removeAttribute("aria-selected"),(u=this.focusabledList)==null||u.removeAttribute("aria-activedescendant"),this.focusabledList=this.lists[0],this.focusabledList.focus(),this.selectedItemIndex=-1,!0}}handlePrevTabReset(e){var t;e.preventDefault(),(t=this.focusabledList)==null||t.focus()}static get dependencies(){return[_r,Nt]}}Df("SearchInputSuggestion",SG);function kG(i,e){var d;const t=parseFloat(getComputedStyle(document.documentElement).fontSize),o=((d=e.parentElement)==null?void 0:d.offsetHeight)??window.innerHeight,r=parseFloat(getComputedStyle(e).fontSize),a=parseFloat(i);switch(i.replace(`${a}`,"").trim()){case"vh":return a/100*window.innerHeight;case"vw":return a/100*window.innerWidth;case"rem":return a*t;case"em":return a*r;case"%":return a/100*o;case"px":case"":return a;default:return a}}var wa=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};let ur=class extends X{constructor(){super(),this.target=or._self,this._tabIndex="-1",this._isMobileView=this.isMobile,this._handleResizeBound=this._handleResize.bind(this)}_handleResize(){this._isMobileView=this.isMobile}onEnterDOM(){be()&&this.setAttribute("desktop",""),ce.register(this,this._handleResizeBound)}onExitDOM(){ce.deregister(this,this._handleResizeBound)}getActiveSubItem(e){let t;const o=r=>{r.forEach(a=>{if(a.active===!0){t=a;return}a.items&&o(a.items)})};return o(e),t}get itemLabel(){return this._isMobileView?this.mobileLinkTitle||this.label:this.label}get isMobile(){return Xo.isAtMost("S")}get ariaCurrent(){return this.active?"page":null}};wa([l({type:String})],ur.prototype,"mobileLinkTitle",void 0);wa([l({type:Boolean})],ur.prototype,"active",void 0);wa([l({type:String})],ur.prototype,"path",void 0);wa([l()],ur.prototype,"target",void 0);wa([l({type:String})],ur.prototype,"subTitle",void 0);wa([l({type:String})],ur.prototype,"label",void 0);wa([l({type:Number})],ur.prototype,"index",void 0);wa([l({type:Boolean})],ur.prototype,"_isMobileView",void 0);wa([l({type:String})],ur.prototype,"_tabIndex",void 0);ur=wa([B({renderer:se})],ur);const gk=ur;function CG(i,e,t){return c`${this.isBack?TG.call(this,i,e,t):IG.call(this,i,e,t)} `}function TG(i,e,t){return t?c`<button tabindex="${s(this._tabIndex)}" @click="${this.onBackItemClick}" role="menuitem" aria-label="${s(this.backButtonAriaLabel)}" aria-haspopup="true" is-back class="udex-secondary-navigation__dropdown-item"><${g("ui5-icon",e,t)} class="udex-secondary-navigation__dropdown-icon udex-secondary-navigation__dropdown-icon_back" name="slim-arrow-left" mode="Decorative"></${g("ui5-icon",e,t)}>${s(this.itemLabel)}</button>`:c`<button tabindex="${s(this._tabIndex)}" @click="${this.onBackItemClick}" role="menuitem" aria-label="${s(this.backButtonAriaLabel)}" aria-haspopup="true" is-back class="udex-secondary-navigation__dropdown-item"><ui5-icon class="udex-secondary-navigation__dropdown-icon udex-secondary-navigation__dropdown-icon_back" name="slim-arrow-left" mode="Decorative"></ui5-icon>${s(this.itemLabel)}</button>`}function IG(i,e,t){return c`${this.isButton?BG.call(this,i,e,t):AG.call(this,i,e,t)}`}function BG(i,e,t){return c`<button tabindex="${s(this._tabIndex)}" @click="${this.onItemClick}" role="menuitem" aria-haspopup="${s(this.hasItems)}" ?sub-active="${this.isSubItemActive}" aria-label="${s(this.label)}" ?active="${this.active}" aria-current="${s(this.ariaCurrent)}" class="udex-secondary-navigation__dropdown-item">${s(this.itemLabel)}${this.hasItems?$G.call(this,i,e,t):void 0}</button>`}function $G(i,e,t){return t?c`<${g("ui5-icon",e,t)} class="udex-secondary-navigation__dropdown-icon" name="slim-arrow-right" mode="Decorative"></${g("ui5-icon",e,t)}>`:c`<ui5-icon class="udex-secondary-navigation__dropdown-icon" name="slim-arrow-right" mode="Decorative"></ui5-icon>`}function AG(i,e,t){return c`<a tabindex="${s(this._tabIndex)}" @click="${this.onItemClick}" role="menuitem" href="${s(this.path)}" target="${s(this.target)}" ?active="${this.active}" aria-current="${s(this.ariaCurrent)}" class="udex-secondary-navigation__dropdown-item">${s(this.itemLabel)}</a>`}function EG(){return CG.call(this,this,this.constructor.tagsToScope,ue())}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@sapudex/web-components","sap_horizon",async()=>q);const DG=`:host{--udex-secondary-navigation-sub-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-sub-item-line-height: 1.125rem;--udex-secondary-navigation-sub-item-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-sub-item-hover-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-sub-item-hover-background: var(--udexColorGrey1, #F5F6F7);--udex-secondary-navigation-sub-item-active-background: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-sub-item-active-border-color: var(--udexColorBlue7, #0070f2)}.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer16);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-sub-item-font-size);line-height:var(--udex-secondary-navigation-sub-item-line-height);color:var(--udex-secondary-navigation-sub-item-color);display:flex;text-decoration:none;position:relative;cursor:pointer}button.udex-secondary-navigation__dropdown-item{border:0;width:100%;background:none;justify-content:space-between;align-items:center;text-align:left}.udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus,.udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}[active].udex-secondary-navigation__dropdown-item:before,[sub-active].udex-secondary-navigation__dropdown-item:before{background:var(--udex-secondary-navigation-sub-item-active-border-color);border-radius:0 var(--udexRadiusXXS) var(--udexRadiusXXS) 0;content:"";position:absolute;top:0;bottom:0;left:0;height:100%;width:3px}[active].udex-secondary-navigation__dropdown-item:dir(rtl):before,[sub-active].udex-secondary-navigation__dropdown-item:dir(rtl):before{left:auto;right:0}[is-back].udex-secondary-navigation__dropdown-item{justify-content:normal}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-sub-item-hover-color)}.udex-secondary-navigation__dropdown-item:hover{background:var(--udex-secondary-navigation-sub-item-hover-background)}.udex-secondary-navigation__dropdown-item:active{background:var(--udex-secondary-navigation-sub-item-active-background)}.udex-secondary-navigation__dropdown:dir(rtl){left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown-icon{min-width:14px;height:14px}.udex-secondary-navigation__dropdown-icon_back{margin-inline-end:var(--udexSpacer4)}@media (max-width: 979px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer48)}.udex-secondary-navigation__dropdown-item:hover .udex-secondary-navigation__dropdown-icon,.udex-secondary-navigation__dropdown-item:hover{background:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}}@media (max-width: 639px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
|
|
@@ -376,10 +376,10 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
376
376
|
`,yY=i=>{if(!i||i.hasAttribute("data-sap-no-tab-ref")||wl(i))return!1;const e=i.getAttribute("tabindex");if(e!=null)return parseInt(e)>=0;const t=i.nodeName.toLowerCase();return t==="a"||/^(input|select|textarea|button|object)$/.test(t)?!i.disabled:!1},wY=i=>Gm([...i.children]),Gm=(i,e)=>{const t=e||[];return i&&i.forEach(o=>{if(o.nodeType===Node.TEXT_NODE||o.nodeType===Node.COMMENT_NODE)return;const r=o;if(!r.hasAttribute("data-sap-no-tab-ref"))if(yY(r)&&t.push(r),r.tagName==="SLOT")Gm(r.assignedNodes(),t);else{const a=r.shadowRoot?r.shadowRoot.children:r.children;Gm([...a],t)}}),t};f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const SY=`:host{box-sizing:border-box;height:var(--_ui5-v2-14-0_list_item_base_height);background-color:var(--ui5-v2-14-0-listitem-background-color);border-bottom:.0625rem solid transparent}:host(:not([hidden])){display:block}:host([disabled]){opacity:var(--_ui5-v2-14-0-listitembase_disabled_opacity);pointer-events:none}:host([actionable]:not([disabled]):not([ui5-li-group-header])){cursor:pointer}:host([has-border]){border-bottom:var(--ui5-v2-14-0-listitem-border-bottom)}:host([selected]){background-color:var(--sapList_SelectionBackgroundColor);border-bottom:var(--ui5-v2-14-0-listitem-selected-border-bottom)}:host([selected]) .ui5-li-additional-text{text-shadow:var(--sapContent_TextShadow)}:host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover){background-color:var(--sapList_Hover_Background)}:host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) .ui5-li-additional-text{text-shadow:var(--sapContent_TextShadow)}:host([actionable][selected]:not([active],[data-moving]):hover){background-color:var(--sapList_Hover_SelectionBackground)}:host([active][actionable]:not([data-moving])),:host([active][actionable][selected]:not([data-moving])){background-color:var(--sapList_Active_Background)}:host([desktop]:not([data-moving])) .ui5-li-root.ui5-li--focusable:focus:after,:host([desktop][focused]:not([data-moving])) .ui5-li-root.ui5-li--focusable:after,:host(:not([data-moving])) .ui5-li-root.ui5-li--focusable:focus-visible:after,:host([desktop]:not([data-moving])) .ui5-li-root .ui5-li-content:focus:after,:host([desktop][focused]:not([data-moving])) .ui5-li-root .ui5-li-content:after,:host(:not([data-moving])) .ui5-li-root .ui5-li-content:focus-visible:after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:.125rem;pointer-events:none}.ui5-li-root{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:var(--_ui5-v2-14-0_list_item_base_padding);box-sizing:border-box;background-color:inherit}.ui5-li-root.ui5-li--focusable{outline:none}.ui5-li-content{display:flex;align-items:center;flex:auto;overflow:hidden;max-width:100%;font-family:var(--sapFontFamily);color:var(--sapList_TextColor)}.ui5-li-content .ui5-li-title{color:var(--sapList_TextColor);font-size:var(--_ui5-v2-14-0_list_item_title_size)}.ui5-li-text-wrapper{display:flex;flex-direction:row;justify-content:space-between;flex:auto;min-width:1px;line-height:normal}
|
|
377
377
|
`;f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const kY=`[draggable=true]{cursor:grab!important}[draggable=true][data-moving]{cursor:grabbing!important;opacity:var(--sapContent_DisabledOpacity)}
|
|
378
378
|
`;var ls=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};let ha=class extends X{constructor(){super(...arguments),this.selected=!1,this.movable=!1,this.hasBorder=!1,this.disabled=!1,this.focused=!1,this.actionable=!1}onEnterDOM(){be()&&this.setAttribute("desktop","")}onBeforeRendering(){this.actionable=!0}_onfocusin(e){this.fireDecoratorEvent("request-tabindex-change",e),e.target===this.getFocusDomRef()&&this.fireDecoratorEvent("_focused",e)}_onkeydown(e){if(St(e))return this._handleTabNext(e);if(Rt(e))return this._handleTabPrevious(e);this.getFocusDomRef().matches(":has(:focus-within)")||(this._isSpace(e)&&e.preventDefault(),this._isEnter(e)&&this.fireItemPress(e))}_onkeyup(e){this.getFocusDomRef().matches(":has(:focus-within)")||this._isSpace(e)&&this.fireItemPress(e)}_onclick(e){this.getFocusDomRef().matches(":has(:focus-within)")||this.fireItemPress(e)}_isSpace(e){return J(e)}_isEnter(e){return le(e)}fireItemPress(e){this.disabled||!this._pressable||(le(e)&&e.preventDefault(),this.fireDecoratorEvent("_press",{item:this,selected:this.selected,key:e.key}))}_handleTabNext(e){this.shouldForwardTabAfter()&&(this.fireDecoratorEvent("forward-after")||e.preventDefault())}_handleTabPrevious(e){const t=e.target;this.shouldForwardTabBefore(t)&&this.fireDecoratorEvent("forward-before")}shouldForwardTabAfter(){const e=wY(this.getFocusDomRef());return e.length===0||e[e.length-1]===os()}shouldForwardTabBefore(e){return this.getFocusDomRef()===e}get classes(){return{main:{"ui5-li-root":!0,"ui5-li--focusable":this._focusable}}}get _ariaDisabled(){return this.disabled?!0:void 0}get _focusable(){return!this.disabled}get _pressable(){return!0}get hasConfigurableMode(){return!1}get _effectiveTabIndex(){return this._focusable?this.selected?0:this.forcedTabIndex?parseInt(this.forcedTabIndex):void 0:-1}get isListItemBase(){return!0}};ls([l({type:Boolean})],ha.prototype,"selected",void 0);ls([l({type:Boolean})],ha.prototype,"movable",void 0);ls([l({type:Boolean})],ha.prototype,"hasBorder",void 0);ls([l()],ha.prototype,"forcedTabIndex",void 0);ls([l({type:Boolean})],ha.prototype,"disabled",void 0);ls([l({type:Boolean})],ha.prototype,"focused",void 0);ls([l({type:Boolean})],ha.prototype,"actionable",void 0);ha=ls([B({renderer:K,styles:[SY,kY]}),w("request-tabindex-change",{bubbles:!0}),w("_press",{bubbles:!0}),w("_focused",{bubbles:!0}),w("forward-after",{bubbles:!0,cancelable:!0}),w("forward-before",{bubbles:!0})],ha);const Kc=ha;function CY(){return $("div",{part:"native-li",role:this.effectiveAccRole,tabindex:this.forcedTabIndex?parseInt(this.forcedTabIndex):void 0,class:{"ui5-ghli-root":!0,...this.classes.main},"aria-label":this.ariaLabelText,"aria-roledescription":this.groupHeaderText,onFocusIn:this._onfocusin,onKeyDown:this._onkeydown,children:[_("div",{id:`${this._id}-content`,class:"ui5-li-content",children:TY.call(this)}),this.hasSubItems&&_("slot",{name:"subItems"})]})}function TY(){var i;return this.wrappingType===xl.Normal?(i=this.expandableTextTemplate)==null?void 0:i.call(this,{className:"ui5-ghli-title",text:this._textContent,maxCharacters:this._maxCharacters,part:"title"}):_("span",{part:"title",class:"ui5-ghli-title",children:_("slot",{})})}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const IY=`.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{height:var(--_ui5-v2-14-0_group_header_list_item_height);background:var(--ui5-v2-14-0-group-header-listitem-background-color);color:var(--sapList_TableGroupHeaderTextColor)}:host([wrapping-type="Normal"]){height:auto}:host([has-border]){border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor)}:host([actionable]:not([disabled])){cursor:default}.ui5-li-root.ui5-ghli-root{padding-top:.5rem;color:currentColor;font-size:var(--sapFontHeader6Size);font-weight:400;line-height:2rem;margin:0}.ui5-ghli-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-family:var(--sapFontHeaderFamily)}.ui5-li-content{width:100%}
|
|
379
|
-
`;var Ym;(function(i){i.Group="Group",i.ListItem="ListItem",i.MenuItem="MenuItem",i.TreeItem="TreeItem",i.Option="Option",i.None="None"})(Ym||(Ym={}));const kk=Ym;var us=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Cu;const BY=100,$Y=300;let Mr=Cu=class extends Kc{constructor(){super(...arguments),this.accessibleRole=kk.ListItem,this.wrappingType="None",this.mediaRange="S"}get effectiveAccRole(){return sd(this.accessibleRole)}get groupItem(){return!0}get _pressable(){return!1}get groupHeaderText(){return Cu.i18nBundle.getText(w$)}get defaultSlotText(){return this.textContent}get ariaLabelText(){return[this.textContent,this.accessibleName].filter(Boolean).join(" ")}get hasSubItems(){return this.subItems.length>0}onBeforeRendering(){super.onBeforeRendering(),this.wrappingType==="Normal"&&(Cu.ExpandableTextTemplate?this.expandableTextTemplate=Cu.ExpandableTextTemplate:T(()=>import("./ListItemStandardExpandableTextTemplate-
|
|
379
|
+
`;var Ym;(function(i){i.Group="Group",i.ListItem="ListItem",i.MenuItem="MenuItem",i.TreeItem="TreeItem",i.Option="Option",i.None="None"})(Ym||(Ym={}));const kk=Ym;var us=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Cu;const BY=100,$Y=300;let Mr=Cu=class extends Kc{constructor(){super(...arguments),this.accessibleRole=kk.ListItem,this.wrappingType="None",this.mediaRange="S"}get effectiveAccRole(){return sd(this.accessibleRole)}get groupItem(){return!0}get _pressable(){return!1}get groupHeaderText(){return Cu.i18nBundle.getText(w$)}get defaultSlotText(){return this.textContent}get ariaLabelText(){return[this.textContent,this.accessibleName].filter(Boolean).join(" ")}get hasSubItems(){return this.subItems.length>0}onBeforeRendering(){super.onBeforeRendering(),this.wrappingType==="Normal"&&(Cu.ExpandableTextTemplate?this.expandableTextTemplate=Cu.ExpandableTextTemplate:T(()=>import("./ListItemStandardExpandableTextTemplate-D5HEHY33.js"),[]).then(e=>{this.expandableTextTemplate=e.default}))}get _maxCharacters(){return this.mediaRange==="S"?BY:$Y}get _textContent(){return this.defaultSlotText||this.groupHeaderText||""}};us([l()],Mr.prototype,"accessibleName",void 0);us([l()],Mr.prototype,"accessibleRole",void 0);us([l()],Mr.prototype,"wrappingType",void 0);us([l()],Mr.prototype,"mediaRange",void 0);us([l({noAttribute:!0})],Mr.prototype,"expandableTextTemplate",void 0);us([N()],Mr.prototype,"subItems",void 0);us([Y("@ui5/webcomponents")],Mr,"i18nBundle",void 0);Mr=Cu=us([B({tag:"ui5-li-group-header",languageAware:!0,template:CY,styles:[Kc.styles,IY]})],Mr);Mr.define();const AY=Mr;function EY(){return $(ge,{children:[this.hasHeader&&$(AY,{wrappingType:this.wrappingType,focused:this.focused,part:"header",accessibleRole:kk.ListItem,children:[this.hasFormattedHeader?_("slot",{name:"header"}):this.headerText,_("div",{role:"list",slot:"subItems","aria-owns":`${this._id}-content`,"aria-label":this.headerText})]}),$("div",{class:"ui5-group-li-root",onDragEnter:this._ondragenter,onDragOver:this._ondragover,onDrop:this._ondrop,onDragLeave:this._ondragleave,id:`${this._id}-content`,children:[_("slot",{}),_(Sk,{orientation:"Horizontal",ownerReference:this})]})]})}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const DY=`.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{height:var(--_ui5-v2-14-0_group_header_list_item_height);background:var(--ui5-v2-14-0-group-header-listitem-background-color);color:var(--sapList_TableGroupHeaderTextColor)}.ui5-group-li-root{width:100%;height:100%;position:relative;box-sizing:border-box;padding:0;margin:0;list-style-type:none}
|
|
380
380
|
`;var zd=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};let pa=class extends X{constructor(){super(),this.wrappingType="None",this.focused=!1,this._dragAndDropHandler=new yk(this,{getItems:()=>this.items,getDropIndicator:()=>this.dropIndicatorDOM,filterPlacements:this._filterPlacements.bind(this)})}get groupHeaderItem(){return this.shadowRoot.querySelector("[ui5-li-group-header]")}get hasHeader(){return!!this.headerText||this.hasFormattedHeader}get hasFormattedHeader(){return!!this.header.length}get isListItemGroup(){return!0}get dropIndicatorDOM(){return this.shadowRoot.querySelector("[ui5-drop-indicator]")}_ondragenter(e){this._dragAndDropHandler.ondragenter(e)}_ondragleave(e){this._dragAndDropHandler.ondragleave(e)}_ondragover(e){this._dragAndDropHandler.ondragover(e)}_ondrop(e){this._dragAndDropHandler.ondrop(e)}_filterPlacements(e,t,o){return o===t?e.filter(r=>r!==Zt.On):e}getFocusDomRef(){return this.groupHeaderItem||this.items.at(0)}};zd([l()],pa.prototype,"headerText",void 0);zd([l()],pa.prototype,"headerAccessibleName",void 0);zd([N({default:!0,invalidateOnChildChange:!0,type:HTMLElement})],pa.prototype,"items",void 0);zd([l()],pa.prototype,"wrappingType",void 0);zd([l({type:Boolean})],pa.prototype,"focused",void 0);zd([N({type:HTMLElement})],pa.prototype,"header",void 0);pa=zd([B({tag:"ui5-li-group",renderer:K,languageAware:!0,template:EY,styles:[DY]}),w("move-over",{bubbles:!0,cancelable:!0}),w("move",{bubbles:!0})],pa);pa.define();const PY=i=>"isListItemGroup"in i,ose=pa,RY=i=>{for(;i;){const{overflowY:e}=window.getComputedStyle(i);if(e==="auto"||e==="scroll")return i;i.parentNode instanceof ShadowRoot?i=i.parentNode.host:i=i.parentElement}return document.scrollingElement||document.documentElement};var _t=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},yn;const NY=250,LY=10;let He=yn=class extends X{constructor(){super(),this.indent=!1,this.selectionMode="None",this.separators="All",this.growing="None",this.loading=!1,this.loadingDelay=1e3,this.accessibilityAttributes={},this.accessibleRole="List",this._inViewport=!1,this._loadMoreActive=!1,this.mediaRange="S",this._previouslyFocusedItem=null,this._forwardingFocus=!1,this.listEndObserved=!1,this._itemNavigation=new ra(this,{skipItemsSize:LY,navigationMode:tr.Vertical,getItemsCallback:()=>this.getEnabledItems()}),this._handleResizeCallback=this._handleResize.bind(this),this.initialIntersection=!0,this._groupCount=0,this._groupItemCount=0,this.onItemFocusedBound=this.onItemFocused.bind(this),this.onForwardAfterBound=this.onForwardAfter.bind(this),this.onForwardBeforeBound=this.onForwardBefore.bind(this),this.onItemTabIndexChangeBound=this.onItemTabIndexChange.bind(this),this._dragAndDropHandler=new yk(this,{getItems:()=>this.items,getDropIndicator:()=>this.dropIndicatorDOM,useOriginalEvent:!0})}get listItems(){return this.getItems()}_updateAssociatedLabelsTexts(){this._associatedDescriptionRefTexts=$c(this),this._associatedLabelsRefTexts=Cd(this)}onEnterDOM(){eb(this,this._updateAssociatedLabelsTexts.bind(this)),ce.register(this.getDomRef(),this._handleResizeCallback)}onExitDOM(){ib(this),this.unobserveListEnd(),ce.deregister(this.getDomRef(),this._handleResizeCallback)}onBeforeRendering(){this.detachGroupHeaderEvents(),this.prepareListItems()}onAfterRendering(){this.attachGroupHeaderEvents(),this.growsOnScroll?this.observeListEnd():this.listEndObserved&&this.unobserveListEnd(),this.grows&&this.checkListInViewport()}attachGroupHeaderEvents(){this.getItems().forEach(e=>{e.hasAttribute("ui5-li-group-header")&&(e.addEventListener("ui5-_focused",this.onItemFocusedBound),e.addEventListener("ui5-forward-after",this.onForwardAfterBound),e.addEventListener("ui5-forward-before",this.onForwardBeforeBound))})}detachGroupHeaderEvents(){this.getItems().forEach(e=>{e.hasAttribute("ui5-li-group-header")&&(e.removeEventListener("ui5-_focused",this.onItemFocusedBound),e.removeEventListener("ui5-forward-after",this.onForwardAfterBound),e.removeEventListener("ui5-forward-before",this.onForwardBeforeBound))})}getFocusDomRef(){return this._itemNavigation._getCurrentItem()}get shouldRenderH1(){return!this.header.length&&this.headerText}get headerID(){return`${this._id}-header`}get modeLabelID(){return`${this._id}-modeLabel`}get listEndDOM(){return this.shadowRoot.querySelector(".ui5-list-end-marker")}get dropIndicatorDOM(){return this.shadowRoot.querySelector("[ui5-drop-indicator]")}get hasData(){return this.getItems().length!==0}get showBusyIndicatorOverlay(){return!this.growsWithButton&&this.loading}get showNoDataText(){return!this.hasData&&this.noDataText}get isDelete(){return this.selectionMode===wt.Delete}get isSingleSelect(){return[wt.Single,wt.SingleStart,wt.SingleEnd,wt.SingleAuto].includes(this.selectionMode)}get isMultiple(){return this.selectionMode===wt.Multiple}get ariaLabelledBy(){if(this.accessibleNameRef||this.accessibleName)return;const e=[];return(this.isMultiple||this.isSingleSelect||this.isDelete)&&e.push(this.modeLabelID),this.shouldRenderH1&&e.push(this.headerID),e.length?e.join(" "):void 0}get ariaLabelTxt(){return this._associatedLabelsRefTexts||Ui(this)}get ariaDescriptionText(){return this._associatedDescriptionRefTexts||Hl(this)||this._getDescriptionForGroups()}get growingButtonAriaLabel(){var e;return(e=this.accessibilityAttributes.growingButton)==null?void 0:e.name}get growingButtonAriaLabelledBy(){var e;return(e=this.accessibilityAttributes.growingButton)!=null&&e.name?void 0:`${this._id}-growingButton-text`}get scrollContainer(){return this.shadowRoot.querySelector(".ui5-list-scroll-container")}hasGrowingComponent(){return this.growsOnScroll&&this.scrollContainer?this.scrollContainer.clientHeight!==this.scrollContainer.scrollHeight:this.growsWithButton}_getDescriptionForGroups(){let e="";return this._groupCount>0&&(this.accessibleRole===Vp.List?e=yn.i18nBundle.getText(R$,this._groupCount,this._groupItemCount):this.accessibleRole===Vp.ListBox&&(e=yn.i18nBundle.getText(N$,this._groupCount))),e}get ariaLabelModeText(){if(this.hasData){if(this.isMultiple)return yn.i18nBundle.getText(z$);if(this.isSingleSelect)return yn.i18nBundle.getText(O$);if(this.isDelete)return yn.i18nBundle.getText(F$)}return""}get grows(){return this.growing!==Uu.None}get growsOnScroll(){return this.growing===Uu.Scroll}get growsWithButton(){return this.growing===Uu.Button}get _growingButtonText(){return this.growingButtonText||yn.i18nBundle.getText(sA)}get listAccessibleRole(){return sd(this.accessibleRole)}get classes(){return{root:{"ui5-list-root":!0}}}prepareListItems(){const e=this.getItemsForProcessing();e.forEach((t,o)=>{const r=o===e.length-1,a=this.separators===Wp.All||this.separators===Wp.Inner&&!r;t.hasConfigurableMode&&(t._selectionMode=this.selectionMode),t.hasBorder=a,t.mediaRange=this.mediaRange})}async observeListEnd(){this.listEndObserved||(await zo(),this.getIntersectionObserver().observe(this.listEndDOM),this.listEndObserved=!0)}unobserveListEnd(){this.growingIntersectionObserver&&(this.growingIntersectionObserver.disconnect(),this.growingIntersectionObserver=null,this.listEndObserved=!1)}onInteresection(e){if(this.initialIntersection){this.initialIntersection=!1;return}e.forEach(t=>{t.isIntersecting&&wk(this.loadMore.bind(this),NY)})}onSelectionRequested(e){const t=this.getSelectedItems();let o=!1;this.selectionMode!==wt.None&&this[`handle${this.selectionMode}`]&&(o=this[`handle${this.selectionMode}`](e.detail.item,!!e.detail.selected)),o&&!this.fireDecoratorEvent("selection-change",{selectedItems:this.getSelectedItems(),previouslySelectedItems:t,selectionComponentPressed:e.detail.selectionComponentPressed,targetItem:e.detail.item,key:e.detail.key})&&this._revertSelection(t)}handleSingle(e){return e.selected?!1:(this.deselectSelectedItems(),e.selected=!0,!0)}handleSingleStart(e){return this.handleSingle(e)}handleSingleEnd(e){return this.handleSingle(e)}handleSingleAuto(e){return this.handleSingle(e)}handleMultiple(e,t){return e.selected=t,!0}handleDelete(e){return this.fireDecoratorEvent("item-delete",{item:e}),!0}deselectSelectedItems(){this.getSelectedItems().forEach(e=>{e.selected=!1})}getSelectedItems(){return this.getItems().filter(e=>e.selected)}getEnabledItems(){return this.getItems().filter(e=>e._focusable)}getItems(){const e=[],t=this.getSlottedNodes("items");let o=0,r=0;return t.forEach(a=>{if(PY(a)){const n=[a.groupHeaderItem,...a.items.filter(d=>d.assignedSlot)].filter(Boolean);e.push(...n),o++,r+=n.length-1}else a.assignedSlot&&e.push(a)}),this._groupCount=o,this._groupItemCount=r,e}getItemsForProcessing(){return this.getItems()}_revertSelection(e){this.getItems().forEach(t=>{const o=e.indexOf(t)!==-1,r=t.shadowRoot.querySelector(".ui5-li-multisel-cb"),a=t.shadowRoot.querySelector(".ui5-li-singlesel-radiobtn");t.selected=o,r?r.checked=o:a&&(a.checked=o)})}_onkeydown(e){if(Qt(e)){this._handleEnd(),e.preventDefault();return}if(mt(e)){this._handleHome();return}if(Xe(e)){this._handleDown(),e.preventDefault();return}if(SB(e)){this._moveItem(e.target,e);return}St(e)&&this._handleTabNext(e)}_moveItem(e,t){if(!e||!e.movable)return;const o=pY(this.items,e,t);if(!o.length)return;t.preventDefault();const r=o.find(({element:a,placement:n})=>!this.fireDecoratorEvent("move-over",{originalEvent:t,source:{element:e},destination:{element:a,placement:n}}));r&&(this.fireDecoratorEvent("move",{originalEvent:t,source:{element:e},destination:{element:r.element,placement:r.placement}}),e.focus())}_onLoadMoreKeydown(e){if(J(e)&&(e.preventDefault(),this._loadMoreActive=!0),le(e)&&(this._onLoadMoreClick(),this._loadMoreActive=!0),St(e)&&this.focusAfterElement(),Ge(e)){this._handleLodeMoreUp(e);return}Rt(e)&&(this.getPreviouslyFocusedItem()?this.focusPreviouslyFocusedItem():this.focusFirstItem(),e.preventDefault())}_onLoadMoreKeyup(e){J(e)&&this._onLoadMoreClick(),this._loadMoreActive=!1}_onLoadMoreMousedown(){this._loadMoreActive=!0}_onLoadMoreMouseup(){this._loadMoreActive=!1}_onLoadMoreClick(){this.loadMore()}_handleLodeMoreUp(e){if(this.getGrowingButton()===e.target){const o=this.getItems(),r=o[o.length-1];this.focusItem(r),e.preventDefault(),e.stopImmediatePropagation()}}checkListInViewport(){this._inViewport=vY(this.getDomRef())}loadMore(){this.hasGrowingComponent()&&this.fireDecoratorEvent("load-more")}_handleResize(){this.checkListInViewport();const e=this.getBoundingClientRect().width;this.mediaRange=Sl.getCurrentRange(Sl.RANGESETS.RANGE_4STEPS,e)}_handleTabNext(e){$y(e.target)}_handleHome(){this.growsWithButton&&this.focusFirstItem()}_handleEnd(){this.growsWithButton&&this._shouldFocusGrowingButton()}_handleDown(){this.growsWithButton&&this._shouldFocusGrowingButton()}_onfocusin(e){const t=$y(e.target);if(this.isForwardElement(t)){if(!this.getPreviouslyFocusedItem()){this.growsWithButton&&this.isForwardAfterElement(t)?this.focusGrowingButton():this.focusFirstItem(),e.stopImmediatePropagation();return}if(!this.getForwardingFocus()){if(this.growsWithButton&&this.isForwardAfterElement(t)){this.focusGrowingButton(),e.stopImmediatePropagation();return}this.focusPreviouslyFocusedItem()}e.stopImmediatePropagation(),this.setForwardingFocus(!1)}}_ondragenter(e){this._dragAndDropHandler.ondragenter(e)}_ondragleave(e){this._dragAndDropHandler.ondragleave(e)}_ondragover(e){this._dragAndDropHandler.ondragover(e)}_ondrop(e){this._dragAndDropHandler.ondrop(e)}isForwardElement(e){const t=e.id,o=this.getBeforeElement();return this._id===t||o&&o.id===t?!0:this.isForwardAfterElement(e)}isForwardAfterElement(e){const t=e.id,o=this.getAfterElement();return o&&o.id===t}onItemTabIndexChange(e){e.stopPropagation();const t=e.target;this._itemNavigation.setCurrentItem(t)}onItemFocused(e){const t=e.target;if(e.stopPropagation(),this._itemNavigation.setCurrentItem(t),this.fireDecoratorEvent("item-focused",{item:t}),this.selectionMode===wt.SingleAuto){const o={item:t,selectionComponentPressed:!1,selected:!0,key:e.detail.key};this.onSelectionRequested({detail:o})}}onItemPress(e){const t=e.detail.item;if(this.fireDecoratorEvent("item-click",{item:t})&&this.selectionMode!==wt.Delete){const o={item:t,selectionComponentPressed:!1,selected:!t.selected,key:e.detail.key};this.onSelectionRequested({detail:o})}}onItemClose(e){var r;const t=e.target;((t==null?void 0:t.hasAttribute("ui5-li-notification"))||(t==null?void 0:t.hasAttribute("ui5-li-notification-group")))&&this.fireDecoratorEvent("item-close",{item:(r=e.detail)==null?void 0:r.item})}onItemToggle(e){var t;(t=e.target)!=null&&t.isListItemBase&&this.fireDecoratorEvent("item-toggle",{item:e.detail.item})}onForwardBefore(e){this.setPreviouslyFocusedItem(e.target),this.focusBeforeElement(),e.stopPropagation()}onForwardAfter(e){this.setPreviouslyFocusedItem(e.target),this.growsWithButton?(this.focusGrowingButton(),e.preventDefault()):this.focusAfterElement(),e.stopPropagation()}focusBeforeElement(){this.setForwardingFocus(!0),this.getBeforeElement().focus()}focusAfterElement(){this.setForwardingFocus(!0),this.getAfterElement().focus()}focusGrowingButton(){const e=this.getGrowingButton();e&&e.focus()}_shouldFocusGrowingButton(){const t=this.getItems().length-1,o=this._itemNavigation._currentIndex;o!==-1&&o===t&&this.focusGrowingButton()}getGrowingButton(){return this.shadowRoot.querySelector(`[id="${this._id}-growing-btn"]`)}focusFirstItem(){const e=this.getFirstItem(t=>t._focusable);e&&e.focus()}focusPreviouslyFocusedItem(){const e=this.getPreviouslyFocusedItem();e&&e.focus()}focusFirstSelectedItem(){const e=this.getFirstItem(t=>t.selected&&t._focusable);e&&e.focus()}focusItem(e){this._itemNavigation.setCurrentItem(e),e.focus()}onFocusRequested(e){setTimeout(()=>{this.setPreviouslyFocusedItem(e.target),this.focusPreviouslyFocusedItem()},0)}setForwardingFocus(e){this._forwardingFocus=e}getForwardingFocus(){return this._forwardingFocus}setPreviouslyFocusedItem(e){this._previouslyFocusedItem=e}getPreviouslyFocusedItem(){return this._previouslyFocusedItem}getFirstItem(e){const t=this.getItems();let o=null;if(!e)return t.length?t[0]:null;for(let r=0;r<t.length;r++)if(e(t[r])){o=t[r];break}return o}getAfterElement(){return this._afterElement||(this._afterElement=this.shadowRoot.querySelector(`[id="${this._id}-after"]`)),this._afterElement}getBeforeElement(){return this._beforeElement||(this._beforeElement=this.shadowRoot.querySelector(`[id="${this._id}-before"]`)),this._beforeElement}getIntersectionObserver(){if(!this.growingIntersectionObserver){const e=this.scrollContainer||RY(this.getDomRef());this.growingIntersectionObserver=new IntersectionObserver(this.onInteresection.bind(this),{root:e,rootMargin:"5px",threshold:1})}return this.growingIntersectionObserver}};_t([l()],He.prototype,"headerText",void 0);_t([l()],He.prototype,"footerText",void 0);_t([l({type:Boolean})],He.prototype,"indent",void 0);_t([l()],He.prototype,"selectionMode",void 0);_t([l()],He.prototype,"noDataText",void 0);_t([l()],He.prototype,"separators",void 0);_t([l()],He.prototype,"growing",void 0);_t([l()],He.prototype,"growingButtonText",void 0);_t([l({type:Boolean})],He.prototype,"loading",void 0);_t([l({type:Number})],He.prototype,"loadingDelay",void 0);_t([l()],He.prototype,"accessibleName",void 0);_t([l({type:Object})],He.prototype,"accessibilityAttributes",void 0);_t([l()],He.prototype,"accessibleNameRef",void 0);_t([l()],He.prototype,"accessibleDescription",void 0);_t([l()],He.prototype,"accessibleDescriptionRef",void 0);_t([l({noAttribute:!0})],He.prototype,"_associatedDescriptionRefTexts",void 0);_t([l({noAttribute:!0})],He.prototype,"_associatedLabelsRefTexts",void 0);_t([l()],He.prototype,"accessibleRole",void 0);_t([l({type:Boolean})],He.prototype,"_inViewport",void 0);_t([l({type:Boolean})],He.prototype,"_loadMoreActive",void 0);_t([l()],He.prototype,"mediaRange",void 0);_t([N({type:HTMLElement,default:!0,invalidateOnChildChange:!0})],He.prototype,"items",void 0);_t([N()],He.prototype,"header",void 0);_t([Y("@ui5/webcomponents")],He,"i18nBundle",void 0);He=yn=_t([B({tag:"ui5-list",fastNavigation:!0,renderer:K,template:fY,styles:[xY]}),w("item-click",{bubbles:!0,cancelable:!0}),w("item-close",{bubbles:!0}),w("item-toggle",{bubbles:!0}),w("item-delete",{bubbles:!0}),w("selection-change",{bubbles:!0,cancelable:!0}),w("load-more",{bubbles:!0}),w("item-focused",{bubbles:!0}),w("move-over",{bubbles:!0,cancelable:!0}),w("move",{bubbles:!0})],He);He.define();var Km;(function(i){i.None="None",i.Positive="Positive",i.Critical="Critical",i.Negative="Negative",i.Information="Information"})(Km||(Km={}));const MY=Km;var Zm;(function(i){i.Inactive="Inactive",i.Active="Active",i.Detail="Detail",i.Navigation="Navigation"})(Zm||(Zm={}));const Wr=Zm;f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const OY=`.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host([navigated]) .ui5-li-root .ui5-li-navigated{width:.1875rem;position:absolute;right:0;top:0;bottom:0;background-color:var(--sapList_SelectionBorderColor)}:host([active][actionable]) .ui5-li-root .ui5-li-icon{color:var(--sapList_Active_TextColor)}:host([active][actionable]) .ui5-li-title,:host([active][actionable]) .ui5-li-desc,:host([active][actionable]) .ui5-li-additional-text{color:var(--sapList_Active_TextColor)}:host([active][actionable]) .ui5-li-additional-text{text-shadow:none}:host([additional-text-state="Critical"]) .ui5-li-additional-text{color:var(--sapCriticalTextColor)}:host([additional-text-state="Positive"]) .ui5-li-additional-text{color:var(--sapPositiveTextColor)}:host([additional-text-state="Negative"]) .ui5-li-additional-text{color:var(--sapNegativeTextColor)}:host([additional-text-state="Information"]) .ui5-li-additional-text{color:var(--sapInformativeTextColor)}:host([has-title][description]){height:5rem}:host([has-title][image]){height:5rem}:host([_has-image]){height:5rem}:host([image]) .ui5-li-content{height:3rem}::slotted(img[slot="image"]){width:var(--_ui5-v2-14-0_list_item_img_size);height:var(--_ui5-v2-14-0_list_item_img_size);border-radius:var(--ui5-v2-14-0-avatar-border-radius);object-fit:contain}::slotted([ui5-icon][slot="image"]){color:var(--sapContent_NonInteractiveIconColor);min-width:var(--_ui5-v2-14-0_list_item_icon_size);min-height:var(--_ui5-v2-14-0_list_item_icon_size);padding-inline-end:var(--_ui5-v2-14-0_list_item_icon_padding-inline-end)}::slotted([ui5-avatar][slot="image"]){min-width:var(--_ui5-v2-14-0_list_item_img_size);min-height:var(--_ui5-v2-14-0_list_item_img_size);margin-top:var(--_ui5-v2-14-0_list_item_img_top_margin);margin-bottom:var(--_ui5-v2-14-0_list_item_img_bottom_margin);margin-inline-end:var(--_ui5-v2-14-0_list_item_img_hn_margin)}:host([wrapping-type="None"][description]) .ui5-li-root{padding:1rem}:host([description]) .ui5-li-content{height:3rem}:host([has-title][description]) .ui5-li-title{padding-bottom:.5rem}.ui5-li-text-wrapper{flex-direction:column}:host([description]) .ui5-li-text-wrapper{justify-content:space-between;padding:.125rem 0}.ui5-li-description-info-wrapper{display:flex;justify-content:space-between}.ui5-li-additional-text,:host(:not([wrapping-type="Normal"])) .ui5-li-title,.ui5-li-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([wrapping-type="Normal"]){height:auto}:host([wrapping-type="Normal"]) .ui5-li-content{margin:var(--_ui5-v2-14-0_list_item_content_vertical_offset) 0}.ui5-li-desc{color:var(--sapContent_LabelColor);font-size:var(--sapFontSize)}:host([description]) .ui5-li-additional-text{align-self:flex-end}.ui5-li-icon{min-width:var(--_ui5-v2-14-0_list_item_icon_size);min-height:var(--_ui5-v2-14-0_list_item_icon_size);color:var(--sapContent_NonInteractiveIconColor);padding-inline-end:var(--_ui5-v2-14-0_list_item_icon_padding-inline-end)}:host([icon-end]) .ui5-li-icon{padding-inline-start:var(--_ui5-v2-14-0_list_item_icon_padding-inline-end)}.ui5-li-detailbtn,.ui5-li-deletebtn{display:flex;align-items:center;margin-left:var(--_ui5-v2-14-0_list_buttons_left_space)}.ui5-li-multisel-cb,.ui5-li-singlesel-radiobtn{flex-shrink:0}:host([description]) .ui5-li-singlesel-radiobtn{align-self:flex-start;margin-top:var(--_ui5-v2-14-0_list_item_selection_btn_margin_top)}:host([description]) .ui5-li-multisel-cb{align-self:flex-start;margin-top:var(--_ui5-v2-14-0_list_item_selection_btn_margin_top)}:host([_selection-mode="SingleStart"][wrapping-type]) .ui5-li-root{padding-inline:0 1rem}:host([_selection-mode="Multiple"][wrapping-type]) .ui5-li-root{padding-inline:0 1rem}:host([_selection-mode="SingleEnd"][wrapping-type]) .ui5-li-root{padding-inline:1rem 0}:host [ui5-checkbox].ui5-li-singlesel-radiobtn{margin-right:var(--_ui5-v2-14-0_list_item_cb_margin_right)}.ui5-li-highlight{position:absolute;width:.375rem;bottom:0;left:0;top:0;border-inline-end:.0625rem solid var(--ui5-v2-14-0-listitem-background-color);box-sizing:border-box}:host([highlight="Negative"]) .ui5-li-highlight{background:var(--sapNegativeTextColor)}:host([highlight="Critical"]) .ui5-li-highlight{background:var(--sapCriticalTextColor)}:host([highlight="Positive"]) .ui5-li-highlight{background:var(--sapPositiveTextColor)}:host([highlight="Information"]) .ui5-li-highlight{background:var(--sapInformativeTextColor)}:host([wrapping-type="Normal"][description]),:host([wrapping-type="Normal"][has-title][description]),:host([wrapping-type="Normal"][has-title][image]){height:auto;min-height:5rem}:host([wrapping-type="Normal"][description]) .ui5-li-content,:host([wrapping-type="Normal"][image]) .ui5-li-content{height:auto;min-height:3rem}:host([wrapping-type="Normal"][has-title][description]) .ui5-li-title{padding-bottom:.75rem}:host([wrapping-type="Normal"][additional-text]) .ui5-li-additional-text{padding-inline-start:.75rem}:host([wrapping-type="Normal"]) .ui5-li-description-info-wrapper{flex-direction:column}:host([wrapping-type="Normal"]) .ui5-li-description-info-wrapper .ui5-li-additional-text{white-space:normal}:host([wrapping-type="Normal"]) .ui5-li-multisel-cb,:host([wrapping-type="Normal"]) .ui5-li-singlesel-radiobtn{display:flex;align-self:flex-start}:host([wrapping-type="Normal"][description]) .ui5-li-multisel-cb,:host([wrapping-type="Normal"][description]) .ui5-li-singlesel-radiobtn{margin-top:0}:host([wrapping-type="Normal"]) .ui5-li-icon,:host([wrapping-type="Normal"]) .ui5-li-image{display:flex;align-self:flex-start}:host([wrapping-type="Normal"][icon-end]) .ui5-li-icon{margin-top:var(--_ui5-v2-14-0_list_item_content_vertical_offset)}:host([wrapping-type="Normal"]) ::slotted([ui5-avatar][slot="image"]){margin-top:0;margin-bottom:0}:host([wrapping-type="Normal"]) .ui5-li-detailbtn,:host([wrapping-type="Normal"]) .ui5-li-deletebtn{margin-inline-start:.875rem}
|
|
381
381
|
`;f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const zY=`.ui5-li-additional-text{margin:0 .25rem;color:var(--sapNeutralTextColor);font-size:var(--sapFontSize);min-width:3.75rem;text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
|
382
|
-
`;var Bo=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},wn;let qi=wn=class extends Kc{constructor(){super(),this.type="Active",this.accessibilityAttributes={},this.navigated=!1,this.active=!1,this.highlight="None",this.accessibleRole="ListItem",this._selectionMode="None",this.mediaRange="S",this.deactivateByKey=e=>{le(e)&&this.deactivate()},this.deactivate=()=>{this.active&&(this.active=!1)}}onBeforeRendering(){super.onBeforeRendering(),this.actionable=(this.type===Wr.Active||this.type===Wr.Navigation)&&this._selectionMode!==wt.Delete}onEnterDOM(){super.onEnterDOM(),document.addEventListener("mouseup",this.deactivate),document.addEventListener("touchend",this.deactivate),document.addEventListener("keyup",this.deactivateByKey)}onExitDOM(){document.removeEventListener("mouseup",this.deactivate),document.removeEventListener("keyup",this.deactivateByKey),document.removeEventListener("touchend",this.deactivate)}async _onkeydown(e){if((J(e)||le(e))&&this._isTargetSelfFocusDomRef(e))return;super._onkeydown(e);const t=this.type===Wr.Active,o=this.typeNavigation;if((J(e)||le(e))&&(t||o)&&this.activate(),Ju(e)){const r=os(),a=this.getFocusDomRef();if(r===a){const n=await ac(a);n==null||n.focus()}else a.focus()}}_onkeyup(e){super._onkeyup(e),(J(e)||le(e))&&this.deactivate(),this.modeDelete&&Ln(e)&&this.onDelete()}_onmousedown(){this.activate()}_onmouseup(){this.getFocusDomRef().matches(":has(:focus-within)")||this.deactivate()}_ontouchend(){this._onmouseup()}_onfocusin(e){super._onfocusin(e),e.target!==this.getFocusDomRef()&&this.deactivate()}_onfocusout(e){e.target===this.getFocusDomRef()&&this.deactivate()}_ondragstart(e){e.dataTransfer&&e.target===this._listItem&&(Dl.setDraggedElement(this),this.setAttribute("data-moving",""),e.dataTransfer.dropEffect="move",e.dataTransfer.effectAllowed="move")}_ondragend(e){e.target===this._listItem&&(Dl.clearDraggedElement(),this.removeAttribute("data-moving"))}_isTargetSelfFocusDomRef(e){const t=e.target,o=this.getFocusDomRef();return t!==o}onMultiSelectionComponentPress(e){this.isInactive||this.fireDecoratorEvent("selection-requested",{item:this,selected:e.target.checked,selectionComponentPressed:!0})}onSingleSelectionComponentPress(e){this.isInactive||this.fireDecoratorEvent("selection-requested",{item:this,selected:!e.target.checked,selectionComponentPressed:!0})}activate(){(this.type===Wr.Active||this.type===Wr.Navigation)&&(this.active=!0)}onDelete(){this.fireDecoratorEvent("selection-requested",{item:this,selectionComponentPressed:!1})}onDetailClick(){this.fireDecoratorEvent("detail-click",{item:this,selected:this.selected})}fireItemPress(e){this.isInactive||(super.fireItemPress(e),document.activeElement!==this&&this.focus())}get isInactive(){return this.type===Wr.Inactive||this.type===Wr.Detail}get placeSelectionElementBefore(){return this._selectionMode===wt.Multiple||this._selectionMode===wt.SingleStart}get placeSelectionElementAfter(){return!this.placeSelectionElementBefore&&(this._selectionMode===wt.SingleEnd||this._selectionMode===wt.Delete)}get modeSingleSelect(){return[wt.SingleStart,wt.SingleEnd,wt.Single].includes(this._selectionMode)}get modeMultiple(){return this._selectionMode===wt.Multiple}get modeDelete(){return this._selectionMode===wt.Delete}get typeDetail(){return this.type===Wr.Detail}get typeNavigation(){return this.type===Wr.Navigation}get typeActive(){return this.type===Wr.Active}get _ariaSelected(){if(this.modeMultiple||this.modeSingleSelect)return this.selected}get listItemAccessibleRole(){return this._forcedAccessibleRole||this.accessibleRole.toLowerCase()}get ariaSelectedText(){let e;return this._ariaSelected!==void 0&&(e=this._ariaSelected?wn.i18nBundle.getText(bg):wn.i18nBundle.getText(P$)),e}get deleteText(){return wn.i18nBundle.getText(v$)}get hasDeleteButtonSlot(){return!!this.deleteButton.length}get _accessibleNameRef(){return this.accessibleName?`${this._id}-invisibleText`:`${this._id}-content ${this._id}-invisibleText`}get ariaLabelledByText(){return[this._accInfo.listItemAriaLabel,this.accessibleName,this.typeActive?wn.i18nBundle.getText(D$):void 0].filter(Boolean).join(" ")}get _accInfo(){return{role:this.listItemAccessibleRole,ariaExpanded:void 0,ariaLevel:void 0,ariaLabel:wn.i18nBundle.getText(L$),ariaLabelRadioButton:wn.i18nBundle.getText(M$),ariaSelectedText:this.ariaSelectedText,ariaHaspopup:this.accessibilityAttributes.hasPopup,setsize:this.accessibilityAttributes.ariaSetsize,posinset:this.accessibilityAttributes.ariaPosinset,tooltip:this.tooltip}}get _hasHighlightColor(){return this.highlight!==MY.None}get hasConfigurableMode(){return!0}get _listItem(){return this.shadowRoot.querySelector("li")}};Bo([l()],qi.prototype,"type",void 0);Bo([l({type:Object})],qi.prototype,"accessibilityAttributes",void 0);Bo([l({type:Boolean})],qi.prototype,"navigated",void 0);Bo([l()],qi.prototype,"tooltip",void 0);Bo([l({type:Boolean})],qi.prototype,"active",void 0);Bo([l()],qi.prototype,"highlight",void 0);Bo([l({type:Boolean})],qi.prototype,"selected",void 0);Bo([l()],qi.prototype,"accessibleRole",void 0);Bo([l()],qi.prototype,"_forcedAccessibleRole",void 0);Bo([l()],qi.prototype,"_selectionMode",void 0);Bo([l()],qi.prototype,"mediaRange",void 0);Bo([N()],qi.prototype,"deleteButton",void 0);Bo([Y("@ui5/webcomponents")],qi,"i18nBundle",void 0);qi=wn=Bo([B({languageAware:!0,renderer:K,styles:[Kc.styles,zY,OY]}),w("detail-click",{bubbles:!0}),w("selection-requested",{bubbles:!0})],qi);const Zc=qi,FY={listItemPreContent:XY,listItemContent:UY,imageBegin:jY,iconBegin:HY,iconEnd:qY,selectionElement:Ck};function Ob(i){const e={...FY,...i};return $("li",{part:"native-li","data-sap-focus-ref":!0,tabindex:this._effectiveTabIndex,class:this.classes.main,onFocusIn:this._onfocusin,onFocusOut:this._onfocusout,onKeyUp:this._onkeyup,onKeyDown:this._onkeydown,onMouseUp:this._onmouseup,onMouseDown:this._onmousedown,onTouchStart:this._onmousedown,onTouchEnd:this._ontouchend,onClick:this._onclick,draggable:this.movable,onDragStart:this._ondragstart,onDragEnd:this._ondragend,role:this._accInfo.role,title:this._accInfo.tooltip,"aria-expanded":this._accInfo.ariaExpanded,"aria-level":this._accInfo.ariaLevel,"aria-haspopup":this._accInfo.ariaHaspopup,"aria-posinset":this._accInfo.posinset,"aria-setsize":this._accInfo.setsize,"aria-describedby":`${this._id}-invisibleText-describedby`,"aria-labelledby":this._accessibleNameRef,"aria-disabled":this._ariaDisabled,"aria-selected":this._accInfo.ariaSelected,"aria-checked":this._accInfo.ariaChecked,"aria-owns":this._accInfo.ariaOwns,"aria-keyshortcuts":this._accInfo.ariaKeyShortcuts,children:[e.listItemPreContent.call(this),this.placeSelectionElementBefore&&Ck.call(this),this._hasHighlightColor&&_("div",{class:"ui5-li-highlight"}),$("div",{part:"content",id:`${this._id}-content`,class:"ui5-li-content",children:[e.imageBegin.call(this),e.iconBegin.call(this),e.listItemContent.call(this)]}),e.iconEnd.call(this),this.typeDetail&&_("div",{class:"ui5-li-detailbtn",children:_(Nt,{part:"detail-button",design:"Transparent",onClick:this.onDetailClick,icon:dO})}),this.typeNavigation&&_(j,{name:ts}),this.navigated&&_("div",{class:"ui5-li-navigated"}),this.placeSelectionElementAfter&&e.selectionElement.call(this),_("span",{id:`${this._id}-invisibleText`,class:"ui5-hidden-text",children:this.ariaLabelledByText}),_("span",{id:`${this._id}-invisibleText-describedby`,class:"ui5-hidden-text",children:this._accInfo.ariaSelectedText})]})}function XY(){}function UY(){}function jY(){}function HY(){}function qY(){}function Ck(){switch(!0){case this.modeSingleSelect:return _(js,{part:"radio",disabled:this.isInactive,accessibleName:this._accInfo.ariaLabelRadioButton,tabindex:-1,id:`${this._id}-singleSelectionElement`,class:"ui5-li-singlesel-radiobtn",checked:this.selected,onChange:this.onSingleSelectionComponentPress});case this.modeMultiple:return _(xb,{part:"checkbox",disabled:this.isInactive,indeterminate:this.indeterminate,tabindex:-1,id:`${this._id}-multiSelectionElement`,class:"ui5-li-multisel-cb",checked:this.selected,accessibleName:this._accInfo.ariaLabel,onChange:this.onMultiSelectionComponentPress});case this.modeDelete:return _("div",{class:"ui5-li-deletebtn",children:this.hasDeleteButtonSlot?_("slot",{name:"deleteButton"}):_(Nt,{part:"delete-button",tabindex:-1,"data-sap-no-tab-ref":!0,id:`${this._id}-deleteSelectionElement`,design:"Transparent",icon:Fr,onClick:this.onDelete,tooltip:this.deleteText})})}}const VY={imageBegin:ZY,iconBegin:QY,iconEnd:JY,listItemContent:GY};function WY(i){const e={...VY,...i};return Ob.call(this,e)}function GY(){return $(ge,{children:[$("div",{class:"ui5-li-text-wrapper",children:[YY.call(this),KY.call(this),!this.typeActive&&_("span",{class:"ui5-hidden-text",children:this.type})]}),!this.description&&Qm.call(this)]})}function YY(){var i;return this.wrappingType===xl.Normal?(i=this.expandableTextTemplate)==null?void 0:i.call(this,{className:"ui5-li-title",text:this._textContent,maxCharacters:this._maxCharacters,part:"title"}):_("span",{part:"title",class:"ui5-li-title",children:this.text?this.text:_("slot",{})})}function KY(){var i;return this.description?this.wrappingType===xl.Normal?$("div",{class:"ui5-li-description-info-wrapper",children:[(i=this.expandableTextTemplate)==null?void 0:i.call(this,{className:"ui5-li-desc",text:this.description,maxCharacters:this._maxCharacters,part:"description"}),Qm.call(this)]}):$("div",{class:"ui5-li-description-info-wrapper",children:[_("span",{part:"description",class:"ui5-li-desc",children:this.description}),Qm.call(this)]}):null}function Qm(){return this.additionalText?_("span",{part:"additional-text",class:"ui5-li-additional-text",children:this.additionalText}):null}function ZY(){if(this.hasImage)return _("div",{class:"ui5-li-image",children:_("slot",{name:"image"})})}function QY(){if(this.displayIconBegin)return _(j,{part:"icon",name:this.icon,class:"ui5-li-icon",mode:"Decorative"})}function JY(){if(this.displayIconEnd)return _(j,{part:"icon",name:this.icon,class:"ui5-li-icon",mode:"Decorative"})}var mo=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},op;const eK=100,tK=300;let pi=op=class extends Zc{constructor(){super(...arguments),this.iconEnd=!1,this.additionalTextState="None",this.movable=!1,this.wrappingType="None",this.hasTitle=!1,this._hasImage=!1}onBeforeRendering(){super.onBeforeRendering(),this.hasTitle=!!(this.text||this.textContent),this._hasImage=this.hasImage,this.wrappingType==="Normal"&&(op.ExpandableTextTemplate?this.expandableTextTemplate=op.ExpandableTextTemplate:T(()=>import("./ListItemStandardExpandableTextTemplate-B62PaSFk.js"),[]).then(e=>{this.expandableTextTemplate=e.default}))}get _textContent(){return this.text||this.textContent||""}get _maxCharacters(){return this.mediaRange==="S"?eK:tK}get displayIconBegin(){return!!(this.icon&&!this.iconEnd)}get displayIconEnd(){return!!(this.icon&&this.iconEnd)}get hasImage(){return!!this.image.length}};mo([l()],pi.prototype,"text",void 0);mo([l()],pi.prototype,"description",void 0);mo([l()],pi.prototype,"icon",void 0);mo([l({type:Boolean})],pi.prototype,"iconEnd",void 0);mo([l()],pi.prototype,"additionalText",void 0);mo([l()],pi.prototype,"additionalTextState",void 0);mo([l({type:Boolean})],pi.prototype,"movable",void 0);mo([l()],pi.prototype,"accessibleName",void 0);mo([l()],pi.prototype,"wrappingType",void 0);mo([l({type:Boolean})],pi.prototype,"hasTitle",void 0);mo([l({type:Boolean})],pi.prototype,"_hasImage",void 0);mo([l({noAttribute:!0})],pi.prototype,"expandableTextTemplate",void 0);mo([N({type:Node,default:!0})],pi.prototype,"content",void 0);mo([N()],pi.prototype,"image",void 0);pi=op=mo([B({tag:"ui5-li",renderer:K,template:WY})],pi);pi.define();const iK=pi;function oK(){return $(Bd,{"tokenizer-popover":"true",open:this.open,opener:this.morePopoverOpener,style:{"min-width":this.popoverMinWidth?`${this.popoverMinWidth}px`:`${this.getBoundingClientRect().width}px`},contentOnlyOnDesktop:!0,preventFocusRestore:!0,hideArrow:this.hidePopoverArrow,placement:"Bottom",horizontalAlign:"Start",onClose:this.handleAfterClose,onBeforeClose:this.handleBeforeClose,onBeforeOpen:this.handleBeforeOpen,children:[this._isPhone&&_("div",{slot:"header",class:"ui5-responsive-popover-header",children:_("div",{class:"row",children:_(b_,{level:"H1",wrappingType:"None",class:"ui5-responsive-popover-header-text",children:this.morePopoverTitle})})}),_(He,{class:"ui5-tokenizer-list",selectionMode:this._nMoreListMode,separators:"None",onKeyDown:this._onPopoverListKeydown,onItemDelete:this.itemDelete,children:this._tokens.map(i=>_(iK,{"data-ui5-token-ref-id":i._id,wrappingType:"Normal",text:i.text},String(i._id)))}),this._isPhone&&$("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:[_(Nt,{design:"Emphasized","data-ui5-tokenizer-dialog-ok-button":!0,onClick:this.handleDialogButtonPress,children:this._okButtonText}),_(Nt,{design:"Transparent",onClick:this.handleDialogButtonPress,children:this._cancelButtonText})]})]})}function rK(){return $(ge,{children:[$("div",{class:"ui5-tokenizer-root",children:[$("div",{class:"ui5-tokenizer--content",onClick:this._click,onMouseDown:this._onmousedown,onKeyDown:this._onkeydown,onFocusOut:this._onfocusout,onFocusIn:this._onfocusin,"onui5-delete":this._delete,"onui5-select":this.onTokenSelect,children:[_("div",{class:"ui5-tokenizer--list",role:"listbox","aria-label":this.tokenizerLabel,"aria-description":this.tokenizerAriaDescription,"aria-disabled":this._ariaDisabled,"aria-readonly":this._ariaReadonly,children:this.tokens.map(i=>_("slot",{name:i._individualSlot}))}),this.showEffectiveClearAll&&_("span",{role:"button",class:"ui5-tokenizer--clear-all",onClick:this.handleClearAll,children:this._clearAllText})]}),this.showNMore&&_("span",{role:"button","aria-haspopup":"dialog",class:"ui5-tokenizer-more-text",part:"n-more-text",onClick:this._handleNMoreClick,children:this._nMoreText})]}),oK.call(this)]})}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const aK=`.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{display:inline-block;box-sizing:border-box;border:none;height:2.25rem}:host([multi-line]){height:auto}:host([multi-line]) .ui5-tokenizer--content{display:flex;align-content:baseline;flex-wrap:wrap;padding:.25rem;box-sizing:border-box;gap:var(--_ui5-v2-14-0_tokenizer_gap);overflow-y:auto;overflow-x:hidden}:host([multi-line])::slotted([ui5-token]){margin:0;white-space:nowrap;text-overflow:ellipsis;max-width:100%}:host([disabled]){opacity:40%;pointer-events:none}:host(:not([expanded])) .ui5-tokenizer-root{overflow:hidden}:host([_tokens-count="0"]) .ui5-tokenizer-root{padding:0}.ui5-tokenizer-root{height:100%;display:flex;align-items:center;box-sizing:border-box;touch-action:none;font-family:var(--sapFontFamily)}.ui5-tokenizer--token--wrapper{display:inline-flex;align-items:center;box-sizing:border-box;height:100%}:host([expanded]) .ui5-tokenizer--content{display:inline-flex;white-space:nowrap;overflow:hidden}.ui5-tokenizer--content{display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden;padding-inline-start:var(--_ui5-v2-14-0_tokenizer_padding);height:100%;box-sizing:border-box}.ui5-tokenizer--list{display:contents}:host([_tokens-count="1"]) .ui5-tokenizer--content{padding-inline-end:4px;box-sizing:border-box;max-width:100%;flex:1}.ui5-tokenizer-more-text{display:inline-block;margin-inline-start:.25rem;cursor:pointer;white-space:nowrap;font-size:var(--sapFontSize);font-weight:400;color:var(--_ui5-v2-14-0_tokenizer_n_more_text_color)}.ui5-tokenizer-more-text:hover{text-decoration:underline}.ui5-tokenizer-more-text:active{text-decoration:none}.ui5-tokenizer--clear-all{color:var(--sapLinkColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);cursor:pointer;outline:none}.ui5-tokenizer--clear-all:hover{color:var(--sapLink_Hover_Color);text-decoration:var(--_ui5-v2-14-0_link_hover_text_decoration)}.ui5-tokenizer--clear-all:active{color:var(--sapLink_Active_Color);text-decoration:var(--_ui5-v2-14-0_link_active_text_decoration)}
|
|
382
|
+
`;var Bo=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},wn;let qi=wn=class extends Kc{constructor(){super(),this.type="Active",this.accessibilityAttributes={},this.navigated=!1,this.active=!1,this.highlight="None",this.accessibleRole="ListItem",this._selectionMode="None",this.mediaRange="S",this.deactivateByKey=e=>{le(e)&&this.deactivate()},this.deactivate=()=>{this.active&&(this.active=!1)}}onBeforeRendering(){super.onBeforeRendering(),this.actionable=(this.type===Wr.Active||this.type===Wr.Navigation)&&this._selectionMode!==wt.Delete}onEnterDOM(){super.onEnterDOM(),document.addEventListener("mouseup",this.deactivate),document.addEventListener("touchend",this.deactivate),document.addEventListener("keyup",this.deactivateByKey)}onExitDOM(){document.removeEventListener("mouseup",this.deactivate),document.removeEventListener("keyup",this.deactivateByKey),document.removeEventListener("touchend",this.deactivate)}async _onkeydown(e){if((J(e)||le(e))&&this._isTargetSelfFocusDomRef(e))return;super._onkeydown(e);const t=this.type===Wr.Active,o=this.typeNavigation;if((J(e)||le(e))&&(t||o)&&this.activate(),Ju(e)){const r=os(),a=this.getFocusDomRef();if(r===a){const n=await ac(a);n==null||n.focus()}else a.focus()}}_onkeyup(e){super._onkeyup(e),(J(e)||le(e))&&this.deactivate(),this.modeDelete&&Ln(e)&&this.onDelete()}_onmousedown(){this.activate()}_onmouseup(){this.getFocusDomRef().matches(":has(:focus-within)")||this.deactivate()}_ontouchend(){this._onmouseup()}_onfocusin(e){super._onfocusin(e),e.target!==this.getFocusDomRef()&&this.deactivate()}_onfocusout(e){e.target===this.getFocusDomRef()&&this.deactivate()}_ondragstart(e){e.dataTransfer&&e.target===this._listItem&&(Dl.setDraggedElement(this),this.setAttribute("data-moving",""),e.dataTransfer.dropEffect="move",e.dataTransfer.effectAllowed="move")}_ondragend(e){e.target===this._listItem&&(Dl.clearDraggedElement(),this.removeAttribute("data-moving"))}_isTargetSelfFocusDomRef(e){const t=e.target,o=this.getFocusDomRef();return t!==o}onMultiSelectionComponentPress(e){this.isInactive||this.fireDecoratorEvent("selection-requested",{item:this,selected:e.target.checked,selectionComponentPressed:!0})}onSingleSelectionComponentPress(e){this.isInactive||this.fireDecoratorEvent("selection-requested",{item:this,selected:!e.target.checked,selectionComponentPressed:!0})}activate(){(this.type===Wr.Active||this.type===Wr.Navigation)&&(this.active=!0)}onDelete(){this.fireDecoratorEvent("selection-requested",{item:this,selectionComponentPressed:!1})}onDetailClick(){this.fireDecoratorEvent("detail-click",{item:this,selected:this.selected})}fireItemPress(e){this.isInactive||(super.fireItemPress(e),document.activeElement!==this&&this.focus())}get isInactive(){return this.type===Wr.Inactive||this.type===Wr.Detail}get placeSelectionElementBefore(){return this._selectionMode===wt.Multiple||this._selectionMode===wt.SingleStart}get placeSelectionElementAfter(){return!this.placeSelectionElementBefore&&(this._selectionMode===wt.SingleEnd||this._selectionMode===wt.Delete)}get modeSingleSelect(){return[wt.SingleStart,wt.SingleEnd,wt.Single].includes(this._selectionMode)}get modeMultiple(){return this._selectionMode===wt.Multiple}get modeDelete(){return this._selectionMode===wt.Delete}get typeDetail(){return this.type===Wr.Detail}get typeNavigation(){return this.type===Wr.Navigation}get typeActive(){return this.type===Wr.Active}get _ariaSelected(){if(this.modeMultiple||this.modeSingleSelect)return this.selected}get listItemAccessibleRole(){return this._forcedAccessibleRole||this.accessibleRole.toLowerCase()}get ariaSelectedText(){let e;return this._ariaSelected!==void 0&&(e=this._ariaSelected?wn.i18nBundle.getText(bg):wn.i18nBundle.getText(P$)),e}get deleteText(){return wn.i18nBundle.getText(v$)}get hasDeleteButtonSlot(){return!!this.deleteButton.length}get _accessibleNameRef(){return this.accessibleName?`${this._id}-invisibleText`:`${this._id}-content ${this._id}-invisibleText`}get ariaLabelledByText(){return[this._accInfo.listItemAriaLabel,this.accessibleName,this.typeActive?wn.i18nBundle.getText(D$):void 0].filter(Boolean).join(" ")}get _accInfo(){return{role:this.listItemAccessibleRole,ariaExpanded:void 0,ariaLevel:void 0,ariaLabel:wn.i18nBundle.getText(L$),ariaLabelRadioButton:wn.i18nBundle.getText(M$),ariaSelectedText:this.ariaSelectedText,ariaHaspopup:this.accessibilityAttributes.hasPopup,setsize:this.accessibilityAttributes.ariaSetsize,posinset:this.accessibilityAttributes.ariaPosinset,tooltip:this.tooltip}}get _hasHighlightColor(){return this.highlight!==MY.None}get hasConfigurableMode(){return!0}get _listItem(){return this.shadowRoot.querySelector("li")}};Bo([l()],qi.prototype,"type",void 0);Bo([l({type:Object})],qi.prototype,"accessibilityAttributes",void 0);Bo([l({type:Boolean})],qi.prototype,"navigated",void 0);Bo([l()],qi.prototype,"tooltip",void 0);Bo([l({type:Boolean})],qi.prototype,"active",void 0);Bo([l()],qi.prototype,"highlight",void 0);Bo([l({type:Boolean})],qi.prototype,"selected",void 0);Bo([l()],qi.prototype,"accessibleRole",void 0);Bo([l()],qi.prototype,"_forcedAccessibleRole",void 0);Bo([l()],qi.prototype,"_selectionMode",void 0);Bo([l()],qi.prototype,"mediaRange",void 0);Bo([N()],qi.prototype,"deleteButton",void 0);Bo([Y("@ui5/webcomponents")],qi,"i18nBundle",void 0);qi=wn=Bo([B({languageAware:!0,renderer:K,styles:[Kc.styles,zY,OY]}),w("detail-click",{bubbles:!0}),w("selection-requested",{bubbles:!0})],qi);const Zc=qi,FY={listItemPreContent:XY,listItemContent:UY,imageBegin:jY,iconBegin:HY,iconEnd:qY,selectionElement:Ck};function Ob(i){const e={...FY,...i};return $("li",{part:"native-li","data-sap-focus-ref":!0,tabindex:this._effectiveTabIndex,class:this.classes.main,onFocusIn:this._onfocusin,onFocusOut:this._onfocusout,onKeyUp:this._onkeyup,onKeyDown:this._onkeydown,onMouseUp:this._onmouseup,onMouseDown:this._onmousedown,onTouchStart:this._onmousedown,onTouchEnd:this._ontouchend,onClick:this._onclick,draggable:this.movable,onDragStart:this._ondragstart,onDragEnd:this._ondragend,role:this._accInfo.role,title:this._accInfo.tooltip,"aria-expanded":this._accInfo.ariaExpanded,"aria-level":this._accInfo.ariaLevel,"aria-haspopup":this._accInfo.ariaHaspopup,"aria-posinset":this._accInfo.posinset,"aria-setsize":this._accInfo.setsize,"aria-describedby":`${this._id}-invisibleText-describedby`,"aria-labelledby":this._accessibleNameRef,"aria-disabled":this._ariaDisabled,"aria-selected":this._accInfo.ariaSelected,"aria-checked":this._accInfo.ariaChecked,"aria-owns":this._accInfo.ariaOwns,"aria-keyshortcuts":this._accInfo.ariaKeyShortcuts,children:[e.listItemPreContent.call(this),this.placeSelectionElementBefore&&Ck.call(this),this._hasHighlightColor&&_("div",{class:"ui5-li-highlight"}),$("div",{part:"content",id:`${this._id}-content`,class:"ui5-li-content",children:[e.imageBegin.call(this),e.iconBegin.call(this),e.listItemContent.call(this)]}),e.iconEnd.call(this),this.typeDetail&&_("div",{class:"ui5-li-detailbtn",children:_(Nt,{part:"detail-button",design:"Transparent",onClick:this.onDetailClick,icon:dO})}),this.typeNavigation&&_(j,{name:ts}),this.navigated&&_("div",{class:"ui5-li-navigated"}),this.placeSelectionElementAfter&&e.selectionElement.call(this),_("span",{id:`${this._id}-invisibleText`,class:"ui5-hidden-text",children:this.ariaLabelledByText}),_("span",{id:`${this._id}-invisibleText-describedby`,class:"ui5-hidden-text",children:this._accInfo.ariaSelectedText})]})}function XY(){}function UY(){}function jY(){}function HY(){}function qY(){}function Ck(){switch(!0){case this.modeSingleSelect:return _(js,{part:"radio",disabled:this.isInactive,accessibleName:this._accInfo.ariaLabelRadioButton,tabindex:-1,id:`${this._id}-singleSelectionElement`,class:"ui5-li-singlesel-radiobtn",checked:this.selected,onChange:this.onSingleSelectionComponentPress});case this.modeMultiple:return _(xb,{part:"checkbox",disabled:this.isInactive,indeterminate:this.indeterminate,tabindex:-1,id:`${this._id}-multiSelectionElement`,class:"ui5-li-multisel-cb",checked:this.selected,accessibleName:this._accInfo.ariaLabel,onChange:this.onMultiSelectionComponentPress});case this.modeDelete:return _("div",{class:"ui5-li-deletebtn",children:this.hasDeleteButtonSlot?_("slot",{name:"deleteButton"}):_(Nt,{part:"delete-button",tabindex:-1,"data-sap-no-tab-ref":!0,id:`${this._id}-deleteSelectionElement`,design:"Transparent",icon:Fr,onClick:this.onDelete,tooltip:this.deleteText})})}}const VY={imageBegin:ZY,iconBegin:QY,iconEnd:JY,listItemContent:GY};function WY(i){const e={...VY,...i};return Ob.call(this,e)}function GY(){return $(ge,{children:[$("div",{class:"ui5-li-text-wrapper",children:[YY.call(this),KY.call(this),!this.typeActive&&_("span",{class:"ui5-hidden-text",children:this.type})]}),!this.description&&Qm.call(this)]})}function YY(){var i;return this.wrappingType===xl.Normal?(i=this.expandableTextTemplate)==null?void 0:i.call(this,{className:"ui5-li-title",text:this._textContent,maxCharacters:this._maxCharacters,part:"title"}):_("span",{part:"title",class:"ui5-li-title",children:this.text?this.text:_("slot",{})})}function KY(){var i;return this.description?this.wrappingType===xl.Normal?$("div",{class:"ui5-li-description-info-wrapper",children:[(i=this.expandableTextTemplate)==null?void 0:i.call(this,{className:"ui5-li-desc",text:this.description,maxCharacters:this._maxCharacters,part:"description"}),Qm.call(this)]}):$("div",{class:"ui5-li-description-info-wrapper",children:[_("span",{part:"description",class:"ui5-li-desc",children:this.description}),Qm.call(this)]}):null}function Qm(){return this.additionalText?_("span",{part:"additional-text",class:"ui5-li-additional-text",children:this.additionalText}):null}function ZY(){if(this.hasImage)return _("div",{class:"ui5-li-image",children:_("slot",{name:"image"})})}function QY(){if(this.displayIconBegin)return _(j,{part:"icon",name:this.icon,class:"ui5-li-icon",mode:"Decorative"})}function JY(){if(this.displayIconEnd)return _(j,{part:"icon",name:this.icon,class:"ui5-li-icon",mode:"Decorative"})}var mo=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},op;const eK=100,tK=300;let pi=op=class extends Zc{constructor(){super(...arguments),this.iconEnd=!1,this.additionalTextState="None",this.movable=!1,this.wrappingType="None",this.hasTitle=!1,this._hasImage=!1}onBeforeRendering(){super.onBeforeRendering(),this.hasTitle=!!(this.text||this.textContent),this._hasImage=this.hasImage,this.wrappingType==="Normal"&&(op.ExpandableTextTemplate?this.expandableTextTemplate=op.ExpandableTextTemplate:T(()=>import("./ListItemStandardExpandableTextTemplate-D5HEHY33.js"),[]).then(e=>{this.expandableTextTemplate=e.default}))}get _textContent(){return this.text||this.textContent||""}get _maxCharacters(){return this.mediaRange==="S"?eK:tK}get displayIconBegin(){return!!(this.icon&&!this.iconEnd)}get displayIconEnd(){return!!(this.icon&&this.iconEnd)}get hasImage(){return!!this.image.length}};mo([l()],pi.prototype,"text",void 0);mo([l()],pi.prototype,"description",void 0);mo([l()],pi.prototype,"icon",void 0);mo([l({type:Boolean})],pi.prototype,"iconEnd",void 0);mo([l()],pi.prototype,"additionalText",void 0);mo([l()],pi.prototype,"additionalTextState",void 0);mo([l({type:Boolean})],pi.prototype,"movable",void 0);mo([l()],pi.prototype,"accessibleName",void 0);mo([l()],pi.prototype,"wrappingType",void 0);mo([l({type:Boolean})],pi.prototype,"hasTitle",void 0);mo([l({type:Boolean})],pi.prototype,"_hasImage",void 0);mo([l({noAttribute:!0})],pi.prototype,"expandableTextTemplate",void 0);mo([N({type:Node,default:!0})],pi.prototype,"content",void 0);mo([N()],pi.prototype,"image",void 0);pi=op=mo([B({tag:"ui5-li",renderer:K,template:WY})],pi);pi.define();const iK=pi;function oK(){return $(Bd,{"tokenizer-popover":"true",open:this.open,opener:this.morePopoverOpener,style:{"min-width":this.popoverMinWidth?`${this.popoverMinWidth}px`:`${this.getBoundingClientRect().width}px`},contentOnlyOnDesktop:!0,preventFocusRestore:!0,hideArrow:this.hidePopoverArrow,placement:"Bottom",horizontalAlign:"Start",onClose:this.handleAfterClose,onBeforeClose:this.handleBeforeClose,onBeforeOpen:this.handleBeforeOpen,children:[this._isPhone&&_("div",{slot:"header",class:"ui5-responsive-popover-header",children:_("div",{class:"row",children:_(b_,{level:"H1",wrappingType:"None",class:"ui5-responsive-popover-header-text",children:this.morePopoverTitle})})}),_(He,{class:"ui5-tokenizer-list",selectionMode:this._nMoreListMode,separators:"None",onKeyDown:this._onPopoverListKeydown,onItemDelete:this.itemDelete,children:this._tokens.map(i=>_(iK,{"data-ui5-token-ref-id":i._id,wrappingType:"Normal",text:i.text},String(i._id)))}),this._isPhone&&$("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:[_(Nt,{design:"Emphasized","data-ui5-tokenizer-dialog-ok-button":!0,onClick:this.handleDialogButtonPress,children:this._okButtonText}),_(Nt,{design:"Transparent",onClick:this.handleDialogButtonPress,children:this._cancelButtonText})]})]})}function rK(){return $(ge,{children:[$("div",{class:"ui5-tokenizer-root",children:[$("div",{class:"ui5-tokenizer--content",onClick:this._click,onMouseDown:this._onmousedown,onKeyDown:this._onkeydown,onFocusOut:this._onfocusout,onFocusIn:this._onfocusin,"onui5-delete":this._delete,"onui5-select":this.onTokenSelect,children:[_("div",{class:"ui5-tokenizer--list",role:"listbox","aria-label":this.tokenizerLabel,"aria-description":this.tokenizerAriaDescription,"aria-disabled":this._ariaDisabled,"aria-readonly":this._ariaReadonly,children:this.tokens.map(i=>_("slot",{name:i._individualSlot}))}),this.showEffectiveClearAll&&_("span",{role:"button",class:"ui5-tokenizer--clear-all",onClick:this.handleClearAll,children:this._clearAllText})]}),this.showNMore&&_("span",{role:"button","aria-haspopup":"dialog",class:"ui5-tokenizer-more-text",part:"n-more-text",onClick:this._handleNMoreClick,children:this._nMoreText})]}),oK.call(this)]})}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const aK=`.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{display:inline-block;box-sizing:border-box;border:none;height:2.25rem}:host([multi-line]){height:auto}:host([multi-line]) .ui5-tokenizer--content{display:flex;align-content:baseline;flex-wrap:wrap;padding:.25rem;box-sizing:border-box;gap:var(--_ui5-v2-14-0_tokenizer_gap);overflow-y:auto;overflow-x:hidden}:host([multi-line])::slotted([ui5-token]){margin:0;white-space:nowrap;text-overflow:ellipsis;max-width:100%}:host([disabled]){opacity:40%;pointer-events:none}:host(:not([expanded])) .ui5-tokenizer-root{overflow:hidden}:host([_tokens-count="0"]) .ui5-tokenizer-root{padding:0}.ui5-tokenizer-root{height:100%;display:flex;align-items:center;box-sizing:border-box;touch-action:none;font-family:var(--sapFontFamily)}.ui5-tokenizer--token--wrapper{display:inline-flex;align-items:center;box-sizing:border-box;height:100%}:host([expanded]) .ui5-tokenizer--content{display:inline-flex;white-space:nowrap;overflow:hidden}.ui5-tokenizer--content{display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden;padding-inline-start:var(--_ui5-v2-14-0_tokenizer_padding);height:100%;box-sizing:border-box}.ui5-tokenizer--list{display:contents}:host([_tokens-count="1"]) .ui5-tokenizer--content{padding-inline-end:4px;box-sizing:border-box;max-width:100%;flex:1}.ui5-tokenizer-more-text{display:inline-block;margin-inline-start:.25rem;cursor:pointer;white-space:nowrap;font-size:var(--sapFontSize);font-weight:400;color:var(--_ui5-v2-14-0_tokenizer_n_more_text_color)}.ui5-tokenizer-more-text:hover{text-decoration:underline}.ui5-tokenizer-more-text:active{text-decoration:none}.ui5-tokenizer--clear-all{color:var(--sapLinkColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);cursor:pointer;outline:none}.ui5-tokenizer--clear-all:hover{color:var(--sapLink_Hover_Color);text-decoration:var(--_ui5-v2-14-0_link_hover_text_decoration)}.ui5-tokenizer--clear-all:active{color:var(--sapLink_Active_Color);text-decoration:var(--_ui5-v2-14-0_link_active_text_decoration)}
|
|
383
383
|
`;f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const nK=`[ui5-responsive-popover]::part(header),[ui5-responsive-popover]::part(content){padding:0}[ui5-responsive-popover] .ui5-responsive-popover-header{min-height:2rem}[ui5-responsive-popover] .ui5-responsive-popover-header .row{justify-content:left}[ui5-responsive-popover] [ui5-button]{height:100%;min-width:4rem}[ui5-responsive-popover]{margin-top:var(--_ui5-v2-14-0_tokenizer-popover_offset);margin-inline-start:calc(-1 * var(--_ui5-v2-14-0_tokenizer_padding))}.ui5-responsive-popover-footer [ui5-button]:first-child{margin-right:1rem}
|
|
384
384
|
`;var bi=function(i,e,t,o){var r=arguments.length,a=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(n=i[d])&&(a=(r<3?n(a):r>3?n(e,t,a):n(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Gr,Gp;(function(i){i.cut="cut",i.copy="copy"})(Gp||(Gp={}));let zt=Gr=class extends X{_handleResize(){this._nMoreCount=this.overflownTokens.length}constructor(){super(),this.readonly=!1,this.multiLine=!1,this.showClearAll=!1,this.disabled=!1,this.expanded=!1,this.open=!1,this.preventInitialFocus=!1,this.preventPopoverOpen=!1,this.hidePopoverArrow=!1,this._nMoreCount=0,this._tokensCount=0,this._tokenDeleting=!1,this._preventCollapse=!1,this._skipTabIndex=!1,this._previousToken=null,this._resizeHandler=this._handleResize.bind(this),this._itemNav=new ra(this,{currentIndex:-1,getItemsCallback:this._getVisibleTokens.bind(this)}),this._deletedDialogItems=[]}handleClearAll(){this.fireDecoratorEvent("token-delete",{tokens:this._tokens})}onBeforeRendering(){this.multiLine||(this._scrollEnablement=new Gw(this));const e=this._tokens.length;this._tokensCount=e,this._tokens.forEach(t=>{t.singleToken=e===1||this.multiLine,t.readonly=this.readonly})}onEnterDOM(){ce.register(this,this._resizeHandler)}onExitDOM(){ce.deregister(this,this._resizeHandler)}_handleNMoreClick(){this.disabled||(this.expanded=!0,this.preventPopoverOpen||(this.open=!0,this.scrollToEnd()),this._tokens.forEach(e=>{e.forcedTabIndex="-1"}),this._skipTabIndex=!0,this.fireDecoratorEvent("show-more-items-press"))}_onmousedown(e){if(e.target.hasAttribute("ui5-token")){const t=e.target;this.expanded=!0,this.open&&(this._preventCollapse=!0),t.toBeDeleted||(this._itemNav.setCurrentItem(t),this._scrollToToken(t))}}onTokenSelect(e){const t=this._tokens,o=t[0],r=e.target;t.length===1&&o.isTruncatable&&(this.open=o.selected),this.multiLine&&r.isTruncatable&&(this.opener=r,this.open=r.selected)}_getVisibleTokens(){return this.disabled?[]:this._tokens.filter((e,t)=>t<this._tokens.length-this._nMoreCount)}onAfterRendering(){const t=this._tokens[0];this._nMoreCount=this.overflownTokens.length,t&&!this.disabled&&!this.preventInitialFocus&&!this._skipTabIndex&&(t.forcedTabIndex="0"),this._scrollEnablement&&(this._scrollEnablement.scrollContainer=this.contentDom),this.expanded&&(this._expandedScrollWidth=this.contentDom.scrollWidth),this._tokenDeleting=!1}_delete(e){const t=e.target;if(!e.detail){this._tokenClickDelete(e,t),this.open=!1;return}this.deleteToken(t,e.detail.backSpace)}_tokenClickDelete(e,t){const o=this._getVisibleTokens(),r=e.target,a=t?o.indexOf(t):o.indexOf(r),n=a===o.length-1?a-1:a+1,d=o[n];this._handleCurrentItemAfterDeletion(d),this._tokenDeleting=!0,this.fireDecoratorEvent("token-delete",{tokens:[t]})}_handleCurrentItemAfterDeletion(e){e&&!Ye()&&setTimeout(()=>{e.focus()},0)}deleteToken(e,t){const o=this._getVisibleTokens(),r=o.indexOf(e);let a=r===o.length-1?r-1:r+1;const n=o.filter(u=>!u.selected);t?a=r===0?r+1:r-1:a=r===o.length-1?r-1:r+1;let d=o[a];if(n.length>1)for(;d&&d.selected;)a=t?--a:++a,a<0&&(d=n[0]),a>n.length&&(d=n[n.length-1]);else d=n[0];this._handleCurrentItemAfterDeletion(d),this._tokenDeleting=!0,this._selectedTokens.length?this.fireDecoratorEvent("token-delete",{tokens:this._selectedTokens}):this.fireDecoratorEvent("token-delete",{tokens:[e]})}async itemDelete(e){const t=this.getTokenByRefId(e.detail.item.getAttribute("data-ui5-token-ref-id"));if(this._tokens.length===1)this.getPopover().addEventListener("ui5-close",()=>{this.fireDecoratorEvent("token-delete",{tokens:[t]})},{once:!0}),this.open=!1;else{Ye()?this._deletedDialogItems.push(t):this.fireDecoratorEvent("token-delete",{tokens:[t]});const r=e.detail.item,a=r.nextElementSibling,n=r.previousElementSibling,d=a||n;d&&(await zo(),d.focus())}}handleBeforeClose(){!this._tokenDeleting&&!this._preventCollapse&&(this._preventCollapse=!1,this.expanded=!1)}handleBeforeOpen(){const e=this._getList(),t=e.querySelectorAll("[ui5-li]")[0];e._itemNavigation.setCurrentItem(t),this.fireDecoratorEvent("before-more-popover-open")}handleAfterClose(){this.open=!1,this._preventCollapse=!1,this._focusedElementBeforeOpen=null}handleDialogButtonPress(e){!!e.target.hasAttribute("data-ui5-tokenizer-dialog-ok-button")&&this._deletedDialogItems.length&&this.fireDecoratorEvent("token-delete",{tokens:this._deletedDialogItems}),this.open=!1}_onkeydown(e){const t=!!(e.metaKey||e.ctrlKey);if(t&&["c","x"].includes(e.key.toLowerCase())||Qx(e)||EB(e)){e.preventDefault();const o=e.key.toLowerCase()==="x"||Qx(e),r=this._tokens.filter(n=>n.selected),a=r.find(n=>n.focused);if(o){const n=this._fillClipboard(Gp.cut,r);return a&&this.deleteToken(a),n}return this._fillClipboard(Gp.copy,r)}if(t&&e.key.toLowerCase()==="i"&&this._tokens.length>0&&(e.preventDefault(),this._preventCollapse=!0,this._focusedElementBeforeOpen=pb(),this.open=!0),En(e)&&e.preventDefault(),J(e)||sw(e))return e.preventDefault(),this._handleTokenSelection(e,!1);($B(e)||Yf(e))&&this._handleHomeShift(e),(AB(e)||Kf(e))&&this._handleEndShift(e),this._handleItemNavigation(e,this._tokens)}_onPopoverListKeydown(e){if((!!(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()==="i"||Qe(e))&&(e.preventDefault(),this.open=!1,this._preventCollapse=!0,this._focusedElementBeforeOpen&&this._focusedElementBeforeOpen.focus(),this._focusedElementBeforeOpen||this._focusLastToken()),e.key.toLowerCase()==="f7"){e.preventDefault();const o=e.target,r=os();(r==null?void 0:r.part.value)==="native-li"?o.shadowRoot.querySelector("[part=delete-button]").focus():o.focus()}}_handleItemNavigation(e,t){const o=!!(e.metaKey||e.ctrlKey),r=e.target;if(Rh(e)||Nu(e)||Zu(e)||ol(e))return this._handleArrowCtrl(e,r,t,Nu(e)||Zu(e));if(hg(e)||Tp(e)||Cp(e)||Qu(e)||TB(e)||Zx(e))return e.preventDefault(),this._handleArrowShift(r,t,Tp(e)||Zx(e)||Qu(e));if(mt(e)||Qt(e)||Bc(e)||bl(e))return e.preventDefault(),this._handleHome(t,Qt(e)||bl(e));if(o&&e.key.toLowerCase()==="a")return e.preventDefault(),this._toggleTokenSelection(t);if(De(e)||Ae(e)||Ge(e)||Xe(e)){e.preventDefault();const a=this._calcNextTokenIndex(this._tokens.find(n=>n.focused),t,Ae(e)||Xe(e));this._scrollToToken(t[a])}}_handleHome(e,t){if(!e||!e.length)return-1;const o=t?e.length-1:0;e[o].focus()}_handleHomeShift(e){const t=this._tokens,o=e.target,r=t.indexOf(o),a=[...this._selectedTokens];t.filter((d,u)=>u<=r).forEach(d=>{d.selected=!0}),JSON.stringify(a)!==JSON.stringify(this._selectedTokens)&&this.fireDecoratorEvent("selection-change",{tokens:this._selectedTokens}),t[0].focus()}_handleEndShift(e){const t=this._tokens,o=e.target,r=t.indexOf(o),a=[...this._selectedTokens];t.filter((d,u)=>u>=r).forEach(d=>{d.selected=!0}),JSON.stringify(a)!==JSON.stringify(this._selectedTokens)&&this.fireDecoratorEvent("selection-change",{tokens:this._selectedTokens}),t[t.length-1].focus()}_calcNextTokenIndex(e,t,o){if(!t.length)return-1;const r=t.indexOf(e);let a=o?r+1:r-1;return a>=t.length&&(a=t.length-1),a<0&&(a=0),a}_handleArrowCtrl(e,t,o,r){const a=this._calcNextTokenIndex(t,o,r);e.preventDefault(),a!==-1&&(setTimeout(()=>{o[a].focus()},0),this._scrollToToken(o[a]))}_handleArrowShift(e,t,o){const r=t.indexOf(e),a=o?r+1:r-1,n=[...this._selectedTokens];if(a===-1||a===t.length)return;e.selected=!0,t[a].selected=!0,JSON.stringify(n)!==JSON.stringify(this._selectedTokens)&&this.fireDecoratorEvent("selection-change",{tokens:this._selectedTokens}),t[a].focus(),this._scrollToToken(t[a])}_click(e){if(e.metaKey||e.ctrlKey){this.fireDecoratorEvent("selection-change",{tokens:this._selectedTokens});return}const t=e.target;e.shiftKey||(this._previousToken=t);let o=t;if(this._previousToken?o=this._previousToken:this._previousToken=o,e.shiftKey){const r=this._tokens,a=r.indexOf(t),n=r.indexOf(o),d=Math.min(a,n),u=Math.max(a,n);a!==-1&&r.forEach((h,m)=>{h.selected=m>=d&&m<=u}),this.fireDecoratorEvent("selection-change",{tokens:this._selectedTokens});return}this._handleTokenSelection(e)}_onfocusin(e){const t=e.target;this.open=!1,this._itemNav.setCurrentItem(t),this.expanded||(this.expanded=!0)}_onfocusout(e){const t=e.relatedTarget;this._tokens.forEach(o=>{o.forcedTabIndex="-1"}),this._itemNav._currentIndex=-1,this._skipTabIndex=!0,this.contains(t)||(this._tokens[0].forcedTabIndex="0",this._skipTabIndex=!1),!this._tokenDeleting&&!this._preventCollapse&&(this._preventCollapse=!1,this.expanded=!1)}_toggleTokenSelection(e){if(!e||!e.length)return;const t=e.every(o=>o.selected);e.forEach(o=>{o.selected=!t}),this.fireDecoratorEvent("selection-change",{tokens:this._selectedTokens})}_handleTokenSelection(e,t=!0){const o=e.target;o.hasAttribute("ui5-token")&&((t?this._tokens:[]).forEach(a=>{a!==o&&(a.selected=!1)}),this.fireDecoratorEvent("selection-change",{tokens:this._selectedTokens}))}get hasTokens(){return this._tokens.length>0}get showEffectiveClearAll(){return this.showClearAll&&this.hasTokens&&this.multiLine&&!this.readonly}_fillClipboard(e,t){const o=t.filter(a=>a.selected).map(a=>a.text).join(`\r
|
|
385
385
|
`),r=a=>{a.clipboardData&&a.clipboardData.setData("text/plain",o),a.preventDefault()};document.addEventListener(e,r),document.execCommand(e),document.removeEventListener(e,r)}scrollToStart(){var e,t;(e=this._scrollEnablement)!=null&&e.scrollContainer&&((t=this._scrollEnablement)==null||t.scrollTo(0,0))}scrollToEnd(){var t,o;const e=this.contentDom&&(this.effectiveDir!=="rtl"?this.contentDom.scrollWidth:-this.contentDom.scrollWidth);(t=this._scrollEnablement)!=null&&t.scrollContainer&&((o=this._scrollEnablement)==null||o.scrollTo(e,0,5,10))}_scrollToToken(e){var r,a;if(!this.contentDom)return;const t=e.getBoundingClientRect(),o=this.contentDom.getBoundingClientRect();t.left<o.left?(r=this._scrollEnablement)==null||r.scrollTo(this.contentDom.scrollLeft-(o.left-t.left+5),0):t.right>o.right&&((a=this._scrollEnablement)==null||a.scrollTo(this.contentDom.scrollLeft+(t.right-o.right+5),0))}_getList(){return this.getPopover().querySelector("[ui5-list]")}get _tokens(){return this.getSlottedNodes("tokens")}get morePopoverOpener(){return this.opener?this.opener:this}get _nMoreText(){if(this._nMoreCount)return this._getVisibleTokens().length?Gr.i18nBundle.getText(Z$,this._nMoreCount):Gr.i18nBundle.getText(hA,this._nMoreCount)}get _clearAllText(){return Gr.i18nBundle.getText(pA)}get showNMore(){return!this.expanded&&!!this.overflownTokens.length}get contentDom(){return this.shadowRoot.querySelector(".ui5-tokenizer--content")}get moreLink(){return this.shadowRoot.querySelector(".ui5-tokenizer-more-text")}get tokenizerLabel(){return Ui(this)||Gr.i18nBundle.getText(l0)}get _okButtonText(){return Gr.i18nBundle.getText(vA)}get _cancelButtonText(){return Gr.i18nBundle.getText(_A)}get tokenizerAriaDescription(){return Ui(this)?Gr.i18nBundle.getText(l0):void 0}get _ariaDisabled(){return this.disabled||void 0}get _ariaReadonly(){return this.readonly||void 0}get morePopoverTitle(){return Gr.i18nBundle.getText(cA)}get overflownTokens(){if(!this.contentDom)return[];const e=this._tokens;return e.forEach(t=>{t.overflows=!1}),e.filter(t=>{const o=this.contentDom.getBoundingClientRect(),r=t.getBoundingClientRect(),a=Number(r.right.toFixed(2)),n=Number(o.right.toFixed(2)),d=Number(r.left.toFixed(2)),u=Number(o.left.toFixed(2));return t.overflows=!this.expanded&&(d<u||a>n),t.overflows})}get _isPhone(){return Ye()}get _selectedTokens(){return this._tokens.filter(e=>e.selected)}get _nMoreListMode(){return this.readonly||this.disabled?wt.None:wt.Delete}get styles(){return{popover:{"min-width":this.popoverMinWidth?`${this.popoverMinWidth}px`:`${this.getBoundingClientRect().width}px`}}}_focusLastToken(){const e=this._tokens;if(e.length===0)return;e[e.length-1].focus()}getPopover(){return this.shadowRoot.querySelector("[ui5-responsive-popover]")}getTokenByRefId(e){return this._tokens.find(t=>t._id===e)}};bi([l({type:Boolean})],zt.prototype,"readonly",void 0);bi([l({type:Boolean})],zt.prototype,"multiLine",void 0);bi([l({type:Boolean})],zt.prototype,"showClearAll",void 0);bi([l({type:Boolean})],zt.prototype,"disabled",void 0);bi([l()],zt.prototype,"accessibleName",void 0);bi([l()],zt.prototype,"accessibleNameRef",void 0);bi([l({type:Boolean})],zt.prototype,"expanded",void 0);bi([l({type:Boolean})],zt.prototype,"open",void 0);bi([l({converter:_b})],zt.prototype,"opener",void 0);bi([l({type:Number})],zt.prototype,"popoverMinWidth",void 0);bi([l({type:Boolean})],zt.prototype,"preventInitialFocus",void 0);bi([l({type:Boolean})],zt.prototype,"preventPopoverOpen",void 0);bi([l({type:Boolean})],zt.prototype,"hidePopoverArrow",void 0);bi([l({type:Number})],zt.prototype,"_nMoreCount",void 0);bi([l({type:Number})],zt.prototype,"_tokensCount",void 0);bi([N({type:HTMLElement,default:!0,individualSlots:!0,invalidateOnChildChange:{properties:["text"],slots:!1}})],zt.prototype,"tokens",void 0);bi([Y("@ui5/webcomponents")],zt,"i18nBundle",void 0);zt=Gr=bi([B({tag:"ui5-tokenizer",languageAware:!0,renderer:K,template:rK,styles:[aK,Nb,uk,nK]}),w("token-delete",{bubbles:!0}),w("selection-change",{bubbles:!0}),w("show-more-items-press",{bubbles:!0}),w("before-more-popover-open",{bubbles:!0})],zt);zt.define();const zb=zt;function sK(){return $("div",{role:"option",tabindex:this.forcedTabIndex?parseInt(this.forcedTabIndex):-1,class:"ui5-token--wrapper","aria-description":this.ariaDescription,"aria-selected":this.selected,onClick:this._handleSelect,onFocusIn:this._focusin,onFocusOut:this._focusout,onKeyDown:this._keydown,children:[_("span",{class:"ui5-token--text",children:this.text}),!this.readonly&&_("div",{class:"ui5-token--icon",children:this.closeIcon.length>0?_("slot",{name:"closeIcon",onClick:this._delete}):_(j,{name:Fr,mode:"Decorative",accessibleName:this.tokenDeletableText,showTooltip:!0,onClick:this._delete,onMouseDown:this._onmousedown})})]})}f("@ui5/webcomponents-theming","sap_horizon",async()=>E);f("@ui5/webcomponents","sap_horizon",async()=>he);const dK=`:host{display:inline-block;background:var(--_ui5-v2-14-0_token_background);border:var(--sapButton_BorderWidth) solid var(--sapButton_TokenBorderColor);border-radius:var(--_ui5-v2-14-0_token_border_radius);color:var(--_ui5-v2-14-0_token_text_color);height:var(--_ui5-v2-14-0_token_height);box-sizing:border-box}:host(:not([single-token])){margin-inline-end:var(--_ui5-v2-14-0_token_right_margin)}:host([overflows]){display:none}:host(:not([readonly]):hover){background:var(--sapButton_Hover_Background)}:host([selected]){background:var(--sapButton_Selected_Background);border:var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);color:var(--sapButton_Selected_TextColor)}:host([selected]) .ui5-token--wrapper:before{content:"";position:absolute;border-bottom:var(--_ui5-v2-14-0_token_selected_internal_border_bottom);border-bottom-left-radius:var(--_ui5-v2-14-0_token_selected_internal_border_bottom_radius);border-bottom-right-radius:var(--_ui5-v2-14-0_token_selected_internal_border_bottom_radius);inset:0;background:transparent;pointer-events:none}:host([selected]:hover){background:var(--sapButton_Selected_Hover_Background)}:host([readonly]:not([selected])){background:var(--_ui5-v2-14-0_token_readonly_background);border-color:var(--sapField_ReadOnly_BorderColor);color:var(--_ui5-v2-14-0_token_readonly_color)}:host([readonly]) .ui5-token--wrapper{padding:var(--_ui5-v2-14-0_token_readonly_padding)}:host([selected]) .ui5-token--wrapper:focus{outline:var(--_ui5-v2-14-0_token_selected_focus_outline)}:host([focused][selected]:not(:hover)){background:var(--sapButton_Selected_Background);color:var(--sapButton_Selected_TextColor);border:var(--_ui5-v2-14-0_token_focused_selected_border)}.ui5-token--wrapper{display:flex;align-items:center;height:100%;width:100%;cursor:pointer;position:relative;padding-inline-start:var(--_ui5-v2-14-0_token_left_padding);box-sizing:border-box;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);user-select:none}.ui5-token--wrapper{position:relative}:host([selected]) .ui5-token--wrapper{font-family:var(--_ui5-v2-14-0_token_selected_text_font_family)}.ui5-token--wrapper:focus{outline-offset:var(--_ui5-v2-14-0_token_outline_offset);outline:var(--_ui5-v2-14-0_token_focus_outline)}.ui5-token--wrapper:focus:after{content:var(--ui5-v2-14-0_token_focus_pseudo_element_content);position:absolute;pointer-events:none;z-index:2;border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5-v2-14-0_token_focus_outline_border_radius);top:var(--_ui5-v2-14-0_token_focus_offset);bottom:var(--_ui5-v2-14-0_token_focus_offset);left:var(--_ui5-v2-14-0_token_focus_offset);right:var(--_ui5-v2-14-0_token_focus_offset)}.ui5-token--text{white-space:nowrap}.ui5-token--icon{display:flex}:host([selected]) .ui5-token--icon>[ui5-icon],:host([selected]) ::slotted([ui5-icon]){color:var(--sapButton_Selected_TextColor)}.ui5-token--icon>[ui5-icon],::slotted([ui5-icon]){color:inherit;cursor:pointer;width:var(--_ui5-v2-14-0_token_icon_size);height:var(--_ui5-v2-14-0_token_icon_size);padding:var(--_ui5-v2-14-0_token_icon_padding);color:var(--sapContent_IconColor)}:host([single-token]){max-width:100%}:host([single-token]) .ui5-token--wrapper{max-width:100%}:host([single-token]) .ui5-token--text{overflow:hidden;text-overflow:ellipsis;max-width:100%}
|