@sapudex/web-components 0.231.6 → 0.231.7
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/ListItem.js +1 -1
- package/dist/ListItem.js.map +1 -1
- package/dist/assets/{bundle.esm-1789a7c9.js → bundle.esm-73aec1f2.js} +4 -4
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/StepInput.css +1 -1
- package/dist/generated/templates/StepInputTemplate.lit.js +1 -1
- package/dist/generated/templates/StepInputTemplate.lit.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/StepInput.css.js +1 -1
- package/dist/generated/themes/StepInput.css.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +1 -1
- package/src/ListItem.ts +1 -1
- package/src/StepInput.hbs +1 -0
- package/src/generated/templates/StepInputTemplate.lit.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/StepInput.css.ts +1 -1
- package/src/themes/StepInput.css +10 -0
|
@@ -105,7 +105,7 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
105
105
|
`};var de=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},wi;const QN="sap-icon://search",JN="suggestions-popover";var Vi;(function(i){i.Standard="Standard",i.HomeSearch="Home Search"})(Vi||(Vi={}));let se=wi=class extends E{constructor(){super(),this._labelActiveClassName="udex-search__label--active",this._labelAnimationClassName="udex-search__label--animation-enabled",this._voiceActiveClassName="udex-search__voice-button--active",this._focusActiveClassName="udex-search__container--focus",this.unsuccessfulRetryMessage="UdexSearchSuggestionsPopover couldn`t be opened",this.retryDelay=200,this.maxRetryAttempts=5,this.handleSelectItem=e=>()=>{this.value=e,this.fireDropdownItemClick(e),this.handleSubmitValue()},this.handleItemClick=e=>{const t=e.detail.item;this.labelPrefix=t.innerText,this.fireEvent("prefix-item-click",{item:t}),this.onClosePrefixPopover()},this.handleDebounce=CN(()=>{this.fireEvent("handle-value-search",{value:this.value}),this.showSuggestedPopover&&this.value.length>=2&&this.onOpenPopover(),!this.showPopoverWhenClickedIntoInput&&this.showSuggestedPopover&&this.value.length<2&&this.onClosePopover()}),this.handleKeyDown=e=>{e.stopPropagation(),this.handleEnterKey(e),this.handleTabKey(e),this.handleEscapeKey(e),this.fireEvent("search-keydown",e)},this._handleResizeBound=this._handleResize.bind(this)}static async onDefine(){wi.i18nBundle=await M("@sapudex/web-components")}onEnterDOM(){this.isNotMozillaFirefox=!this.isMozillaFirefox("Firefox"),this.isNotMozillaFirefoxIOS=!this.isMozillaFirefox("FxiOS"),this.initSpeechRecognition(),J.register(this,this._handleResizeBound)}onExitDOM(){J.deregister(this,this._handleResizeBound),this.removeEventListener("dropdown-trigger-event",()=>{})}initSpeechRecognition(){try{if(this.isNotMozillaFirefox||this.isNotMozillaFirefoxIOS){const e=window.SpeechRecognition||window.webkitSpeechRecognition||window.mozSpeechRecognition||window.msSpeechRecognition;this.speechRecognition=new e,this.speechRecognition.continuous=!0,this.speechRecognition.lang=this.languageVoice,this.speechRecognition.interimResults=!1,this.speechRecognition.maxAlternatives=5}}catch{console.warn("The voice button does not work in this browser")}}isMozillaFirefox(e){const o=navigator.userAgent.split(" ").find(a=>a.indexOf(e)>-1);if(o){const a=o.split("/"),n=a[a.length-1];return Number(n)>=125}return!1}onInvalidation(e){this.setNewValue(e),this.setPopoverState(e),this.setNewSuggestionList(e)}setNewValue(e){e.name==="value"&&(this.value=e.newValue,this.setSuggestedRecommendedLists(this.suggestionList),this.toggleLabelActiveClass())}toggleLabelActiveClass(){this.labelActiveClass&&!this.labelAnimationDisabled&&!this.isFocusedOnTextfield&&this.handleBlur()}setPopoverState(e){e.name==="openSuggestionPopup"&&this.handlePopoverTrigger(e.newValue)}handlePopoverTrigger(e){e?this.onOpenPopover():this.onClosePopover()}setNewSuggestionList(e){e.name==="suggestionList"&&e.newValue&&this.setSuggestedRecommendedLists(e.newValue)}setSuggestedRecommendedLists(e){if(this.showSuggestedPopover&&e){const t=JSON.parse(e),o=this.hasDataLabel(t);this.shouldShowPopover(t,o)&&(this.setDropdownLabels(o,t),this.suggestedList=this.getListWithSuggestion(this.getSuggestedList(o,t),"suggested"),this.recommendedList=this.getListWithSuggestion(this.getRecommendedList(o,t),"recommended")),this.shouldShowPopover(t,o)||(this.onClosePopover(),this.resetSuggestedRecommendedLists())}}hasDataLabel(e){return Object.values(e).some(t=>Object.prototype.hasOwnProperty.call(t,"label"))}resetSuggestedRecommendedLists(){this.suggestedList=[],this.recommendedList=[]}setDropdownLabels(e,t){this._suggestionLabel=this.getSuggestionLabel(e,t),this._recommendLabel=this.getRecommendLabel(e,t)}getRecommendLabel(e,t){return e?t.recommended.label||"":wi.i18nBundle.getText(xC)}getSuggestionLabel(e,t){return e?t.suggested.label||"":wi.i18nBundle.getText(_C)}getRecommendedList(e,t){return e?t.recommended.list:t.recommended}getSuggestedList(e,t){return e?t.suggested.list:t.suggested}shouldShowPopover(e,t){const o=this.hasSuggestedContent(t,e),a=this.hasRecommendedContent(t,e);return this.showPopoverWhenClickedIntoInput||o||a}hasSuggestedContent(e,t){return e?Object.prototype.hasOwnProperty.call(t.suggested,"list")&&t.suggested.list.length:t.suggested.length}hasRecommendedContent(e,t){return e?Object.prototype.hasOwnProperty.call(t.recommended,"list")&&t.recommended.list.length:t.recommended.length}getListWithSuggestion(e,t){return e==null?void 0:e.map((o,a)=>{const n=typeof o=="object",s=n?o.label:o;return{handleSelectItem:this.handleSelectItem(s),text:this.getTextWithSuggestion(s),title:s,icon:n?o.icon:QN,hasCustomIcon:n,id:`${t}-${a}`,suggestionDescription:`${s}, ${t} ${a+1} ${wi.i18nBundle.getText(Bc)} ${e.length}`}})}escapeRegExp(e){const t=/[-[\]/{}()*+?.\\^$|]/g;return e.replace(t,"\\$&")}getTextWithSuggestion(e){const t=this.escapeRegExp(this.value),o=new RegExp(t,"i");return e.replace(o,"<b>$&</b>")}fireDropdownItemClick(e){this.fireEvent("dropdown-item-click",{value:e})}handleDropdownClick(){this.getPrefixPopover().opened?this.onClosePrefixPopover():this.onOpenPrefixPopover()}getPrefixWrapper(){return this.shadowRoot.querySelector(".udex-search__prefix")}getPrefixPopover(){return this.shadowRoot.querySelector("[ui5-popover]")}getPrefixButton(){return this.shadowRoot.querySelector(".udex-search__prefix-button")}onOpenPrefixPopover(){if(this.dropdownPrefix.length){const e=this.getPrefixWrapper(),t=this.getPrefixPopover(),o=this.getPrefixButton();this._prefixDropdownExpanded=!0,t.showAt(this.getPrefixButton()),t.style.width=`${o.offsetWidth+1}px`,t.classList.add(this.prefixPopoverClasses),o.classList.add("udex-search__prefix-button--active"),e.classList.add(this.prefixWrapperClasses),this.dropdownPrefix[0].addEventListener("item-press",this.handleItemClick)}}onClosePrefixPopover(){const e=this.getPrefixPopover();this.dropdownPrefix[0].removeEventListener("item-press",this.handleItemClick),e.close(),this._prefixDropdownExpanded=!1,this.handleAfterClosePrefixPopover()}handleAfterClosePrefixPopover(){const e=this.getPrefixWrapper(),t=this.getPrefixButton();e.classList.remove("udex-search__prefix--show-popover","udex-search__prefix--show-popover-top"),t.classList.remove("udex-search__prefix-button--active")}handleInputClick(){ge()||(this._isTouched=!0),this.showPopoverWhenClickedIntoInput&&this.onOpenPopover()}onSubmit(e){e.stopPropagation(),this.handleSubmitValue()}handleSubmitValue(){this.handleDebounce.cancel(),this.onClosePopover(),this.fireEvent("submit-search-value",{value:this.value})}handleAriaExpanded(){var t;const e=this.open.toString();(t=this.getSearchInput())==null||t.setAttribute("aria-expanded",e)}onOpenPopover(){this.showSuggestedPopover&&(this.Suggestion?(this.open=!0,this.Suggestion.open()):IN(()=>this.Suggestion,this.retryDelay,this.maxRetryAttempts,this.unsuccessfulRetryMessage).then(()=>{this.Suggestion.open()}).catch(e=>{console.warn(e.message)}),this.handleAriaExpanded())}onClosePopover(){this.showSuggestedPopover&&(this.Suggestion.close(),this.handleAriaExpanded(),this.open=!1)}handleKeyPressSuggestionList(e){var t;(t=this.Suggestion)==null||t.handleKeyPress(e)}get rootClasses(){return this.mode===Vi.HomeSearch&&this.showSuggestedPopover&&this.open?this.isSuggestionPopoverTop?"udex-search__root--show-popover-top":"udex-search__root--show-popover":""}onBeforeRendering(){if(this.showSuggestedPopover&&this.enableSuggestions(),this.isHomeSearchWithPrefixMode&&this.dropdownPrefix.length){const e=Array.from(this.dropdownPrefix[0].children),t=e.findIndex(a=>a.selected),o=t>=0?e[t]:e[0];this.labelPrefix=o.innerText}this.showResetButton=!!this.value.length,this.value&&this.labelActiveClass===""&&(this.labelActiveClass=this._labelActiveClassName),this.mode===Vi.HomeSearch&&(this.labelAnimationDisabled=!0),this.labelAnimationDisabled||(this.labelAnimationClass=this._labelAnimationClassName),this.labelClasses=`udex-search__label ${this.labelActiveClass} ${this.labelAnimationClass}`,this.isVoiceButton&&(this.labelClasses+=" udex-search__label-with-voice-icon"),this.isShowSubmitButton&&(this.labelClasses+=" udex-search__label-with-search-icon")}enableSuggestions(){if(this.Suggestion)return;const e=Le("SearchInputSuggestion");if(e)this.Suggestion=new e(this);else throw new Error("You have to import '@sapudex/webcomponents/dist/features/SearchSuggestionsPopover.js' module to use udex-search suggestions")}_createObserver(e,t=!1){return new MutationObserver(o=>{o.forEach(a=>{const n=e==null?void 0:e.actualPlacementType,s=a.oldValue;a.attributeName==="actual-placement-type"&&n!==s&&(this._popoverPlacement=n),a.attributeName==="open"&&n!==s&&!t&&(this.open=(e==null?void 0:e.open)||!1)})})}onAfterRendering(){var e,t;if(this.showSuggestedPopover){const o=this.getPrefixPopover();if((e=this.Suggestion)!=null&&e.popover){const a=this._createObserver(this.Suggestion.popover),n=(t=this.Suggestion)==null?void 0:t.popover;a.observe(n,{attributes:!0,attributeOldValue:!0}),this.Suggestion.initLists()}if(o){const a=this._createObserver(o,!0),n=o;a.observe(n,{attributes:!0,attributeOldValue:!0})}this.handleOutsideClick(),this.handleOpenSuggestionPopover(),this.setSearchWidth()}}async handleOpenSuggestionPopover(){var e;this.openSuggestionPopup&&await((e=this.Suggestion)==null?void 0:e._getSuggestionPopover().then(()=>{this.handlePopoverTrigger(this.openSuggestionPopup)}))}handleOutsideClick(){document.addEventListener("mousedown",e=>{var o,a;const t=(o=e.target.shadowRoot)==null?void 0:o.querySelector("[ui5-popover]");e.target!==this&&t!==((a=this.Suggestion)==null?void 0:a.popover)&&(this.handleBlur(),this.onClosePopover())})}handleBlur(){this._isTouched=!1,this.value?this.labelActiveClass=this._labelActiveClassName:this.labelActiveClass=""}handleSearchChange(e){var t;this.value=(t=e.target)==null?void 0:t.value,this.showResetButton=!!this.value.length,this.handleDebounce()}handleEnterKey(e){var t;K(e)&&(this.open?(t=this.Suggestion)==null||t.onEnter(e):e.preventDefault(),this.handleSubmitValue())}handleTabKey(e){var t;Lt(e)&&this.open&&((t=this.Suggestion)==null||t.onTab(e))}handleEscapeKey(e){var t;Fe(e)&&(this.open&&((t=this.Suggestion)==null||t.onEscape(e)),this.fireEvent("handle-close-search"))}handleKeyDownPopover(e){this.open&&(this.handleTabKeyList(e),this.handlePrevTabKeyList(e),this.handleDownKeyList(e),this.handleUpKeyList(e),this.handleEscapeKey(e))}handleTabKeyList(e){var t;Lt(e)&&((t=this.Suggestion)==null||t.onKeyTabList(e))}handlePrevTabKeyList(e){var t;St(e)&&((t=this.Suggestion)==null||t.onPrevKeyTabList(e))}handleDownKeyList(e){var t;Te(e)&&((t=this.Suggestion)==null||t.onKeyDown(e))}handleUpKeyList(e){var t;Ee(e)&&((t=this.Suggestion)==null||t.onKeyUp(e))}handleFocus(){this.active=!0,this.isFocusedOnTextfield=!0,this.focusClasses=this._focusActiveClassName,this.labelActiveClass=this.value||!this.labelAnimationDisabled?this._labelActiveClassName:"",this.labelAnimationClass=this.labelAnimationDisabled?"":this._labelAnimationClassName}handleFocusout(){this.active=!1,this.isFocusedOnTextfield=!1,this.focusClasses=""}onReset(e){e.stopPropagation(),this.handleReset()}handleReset(){var e,t;this.value="",this.showResetButton=!1,this.onClosePopover(),this.fireEvent("handle-value-reset"),(e=this.Suggestion)==null||e.resetFocusState(),(t=this.getSearchInput())==null||t.focus()}handleKeyDownReset(e){var t;St(e)&&this.open&&((t=this.Suggestion)==null||t.handlePrevTabReset(e)),(K(e)||F(e))&&(e.preventDefault(),e.stopPropagation(),this.handleReset())}getSearchInput(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector("[id='search-input']")}onVoice(e){e.stopPropagation(),this.speechRecognition&&(this.onSpeechLaunch(),this.onSpeechStart(),this.onSpeechResult(),this.onSpeechEnd())}onSpeechLaunch(){this.voiceActiveClass?this.speechRecognition.stop():this.speechRecognition.start()}get effectivePlaceholder(){return this.voiceActiveClass?`${wi.i18nBundle.getText(fC)}...`:this.label}onSpeechStart(){this.speechRecognition.onstart=()=>{var e;this.voiceActiveClass=this._voiceActiveClassName,(e=this.getSearchInput())==null||e.focus()}}onSpeechResult(){this.speechRecognition.onresult=e=>{const t=e.results.length-1;this.value=e.results[t][0].transcript,this.speechRecognition.stop()}}onSpeechEnd(){this.speechRecognition.onend=()=>{this.voiceActiveClass="",this.handleSubmitValue(),this.onShowResetButton()}}onShowResetButton(){this.value&&(this.showResetButton=!0)}_handleResize(){this.setSearchWidth()}setSearchWidth(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".udex-search__container");e.offsetWidth!==this._searchWidth&&(this._searchWidth=e.offsetWidth)}get popoverStyles(){return{width:this._searchWidth?`${this._searchWidth}px`:""}}get prefixPopoverStyles(){return{width:this.getPrefixButton()?`${this.getPrefixButton().offsetWidth+1}px`:""}}get isShowResetButton(){return this.showResetButton&&!!this.value.length&&this.mode===Vi.Standard}get isShowHomeResetButton(){return this.showResetButton&&!!this.value.length&&this.mode===Vi.HomeSearch}get noResultMessage(){return this.noResultText||wi.i18nBundle.getText(qv)}get showNoResultMessage(){var e,t;return!((e=this.suggestedList)!=null&&e.length)&&!((t=this.recommendedList)!=null&&t.length)}get isShowSuggestedList(){var e;return!!((e=this.suggestedList)!=null&&e.length)}get isShowRecommendedList(){var e;return!!((e=this.recommendedList)!=null&&e.length)}get hasPopoverContent(){var e,t;return!!((e=this.suggestedList)!=null&&e.length||(t=this.recommendedList)!=null&&t.length)}get getAriaHasPopup(){return this.showSuggestedPopover?"dialog":"false"}get getSuggestionsPopoverId(){return JN}get isShowSubmitButton(){return this.showSubmitButton}get suggestedHeading(){return this._suggestionLabel}get recommendedHeading(){return this._recommendLabel}get isSuggestionPopoverTop(){var t;const e=(t=this.Suggestion)==null?void 0:t.popover;return e&&e.open&&this._popoverPlacement==="Top"}get isPrefixSuggestionPopoverTop(){const e=this.getPrefixPopover();return e&&e.open&&this._popoverPlacement==="Top"}get isShowSearchHomePrefix(){return this.isHomeSearchWithPrefixMode&&!!this.dropdownPrefix.length}get isHomeSearchMode(){return this.mode===Vi.HomeSearch}get isHomeSearchWithPrefixMode(){return this.mode===Vi.HomeSearch&&!!this.dropdownPrefix.length}get searchClasses(){return`${this.classWithPrefix} ${this.rootClasses} udex-search-mode-${this.mode.toLowerCase().replace(" ","-")}`.trim()}get prefixWrapperClasses(){const e=this.getPrefixPopover();return e&&e.open?this._popoverPlacement==="Top"?"udex-search__prefix--show-popover-top":"udex-search__prefix--show-popover":""}get prefixPopoverClasses(){return this.isPrefixSuggestionPopoverTop?"udex-search__prefix-popover-top":"udex-search__prefix-popover"}get classWithPrefix(){return this.isHomeSearchWithPrefixMode?"udex-search-prefix":""}get homeSearchPopoverClass(){return this.isHomeSearchMode||this.isHomeSearchWithPrefixMode?this.isSuggestionPopoverTop?"udex-search-suggestions__root-top--home":"udex-search-suggestions__root--home":""}get homeSearchWithPrefixPopoverClass(){return this.isHomeSearchWithPrefixMode?"udex-search-suggestions__root--prefix":""}get searchButtonActiveClass(){return this.isHomeSearchMode&&this.open?"udex-search__submit-button--active":""}get isNotEmptyClass(){return this.value.length>2||this.focusClasses.length?" udex-search__container--has-value":""}get isVoiceButton(){return this.showVoiceButton&&this.isNotMozillaFirefox&&this.isNotMozillaFirefoxIOS&&this.mode===Vi.HomeSearch}get accInfo(){return{ariaLabel:this.accessibleName||void 0,ariaDescription:this.open?this.suggestionsDescription:void 0,accessibleNameResetIcon:this.accessibleNameResetIcon||wi.i18nBundle.getText(vC),accessibleNameSearchIcon:this.accessibleNameSearchIcon||wi.i18nBundle.getText(bm)}}get suggestionsDescription(){return this.showNoResultMessage?`${this.noResultMessage}`:`${this.suggestedList.length} ${this._suggestionLabel}, ${this.recommendedList.length} ${this._recommendLabel}`}get tooltipInfo(){return{tooltipResetButton:this.tooltipResetButton||wi.i18nBundle.getText(gC),tooltipVoiceButton:this.tooltipVoiceButton||wi.i18nBundle.getText(mC),tooltipSubmitButton:this.tooltipSubmitButton||wi.i18nBundle.getText(bm)}}get suggestionsAccessibleName(){return wi.i18nBundle.getText(bC)}get showNonInteractiveButton(){return this.showSubmitButton&&this.nonInteractiveSubmitButton}get showSubmitStandardButton(){return this.showSubmitButton&&!this.nonInteractiveSubmitButton&&this.mode===Vi.Standard}get showSubmitHomeButton(){return this.showSubmitButton&&!this.nonInteractiveSubmitButton&&this.mode===Vi.HomeSearch}};de([c({type:String})],se.prototype,"value",void 0);de([c({type:String})],se.prototype,"label",void 0);de([c({type:Boolean})],se.prototype,"labelAnimationDisabled",void 0);de([c({type:Boolean,noAttribute:!0})],se.prototype,"showResetButton",void 0);de([c({type:String,noAttribute:!0,defaultValue:"Bottom"})],se.prototype,"_popoverPlacement",void 0);de([c({type:Boolean})],se.prototype,"showSubmitButton",void 0);de([c({type:Boolean})],se.prototype,"nonInteractiveSubmitButton",void 0);de([c({type:Boolean})],se.prototype,"showVoiceButton",void 0);de([c({type:String})],se.prototype,"suggestionList",void 0);de([c({validator:q})],se.prototype,"_searchWidth",void 0);de([c({type:String})],se.prototype,"labelPrefix",void 0);de([c({type:Boolean})],se.prototype,"showSuggestedPopover",void 0);de([c({type:String,defaultValue:"en-US"})],se.prototype,"languageVoice",void 0);de([c({type:String,defaultValue:Vi.Standard})],se.prototype,"mode",void 0);de([c({type:Boolean})],se.prototype,"showPopoverWhenClickedIntoInput",void 0);de([c({type:Boolean})],se.prototype,"openSuggestionPopup",void 0);de([c()],se.prototype,"accessibleName",void 0);de([c({type:String})],se.prototype,"accessibleNameResetIcon",void 0);de([c({type:String})],se.prototype,"accessibleNameSearchIcon",void 0);de([c({type:String})],se.prototype,"tooltipResetButton",void 0);de([c({type:String})],se.prototype,"tooltipVoiceButton",void 0);de([c({type:String})],se.prototype,"tooltipSubmitButton",void 0);de([c({type:String,defaultValue:"No matches found."})],se.prototype,"noResultText",void 0);de([c({type:String,noAttribute:!0,defaultValue:""})],se.prototype,"labelActiveClass",void 0);de([c({type:String,noAttribute:!0,defaultValue:""})],se.prototype,"labelAnimationClass",void 0);de([c({type:String,noAttribute:!0,defaultValue:""})],se.prototype,"voiceActiveClass",void 0);de([c({type:String,noAttribute:!0,defaultValue:""})],se.prototype,"labelClasses",void 0);de([c({type:String,noAttribute:!0,defaultValue:""})],se.prototype,"focusClasses",void 0);de([c({type:Boolean,noAttribute:!0})],se.prototype,"open",void 0);de([c({type:String})],se.prototype,"_suggestionLabel",void 0);de([c({type:String})],se.prototype,"_recommendLabel",void 0);de([c({type:String,defaultValue:"UdexSearchSuggestionsPopover couldn`t be opened"})],se.prototype,"unsuccessfulRetryMessage",void 0);de([c({type:Number,defaultValue:200})],se.prototype,"retryDelay",void 0);de([c({type:Number,defaultValue:5})],se.prototype,"maxRetryAttempts",void 0);de([$({type:HTMLElement,default:!0})],se.prototype,"dropdownPrefix",void 0);de([c({type:Boolean,noAttribute:!0})],se.prototype,"_prefixDropdownExpanded",void 0);de([c({type:Boolean})],se.prototype,"active",void 0);de([c({type:Boolean})],se.prototype,"_isTouched",void 0);se=wi=de([y({tag:"udex-search",renderer:k,styles:KN,template:BN,staticAreaStyles:ZN,staticAreaTemplate:FN,get dependencies(){const i=Le("SearchInputSuggestion");return[vh,Wt,U,al,Yi].concat(i?[...i.dependencies]:[])}}),f("submit-search-value",{detail:{value:{type:String}}}),f("handle-value-search",{detail:{value:{type:String}}}),f("handle-value-reset"),f("handle-close-search"),f("dropdown-item-click",{detail:{value:{type:String}}}),f("prefix-item-click",{detail:{item:{type:rl}}})],se);se.define();const mh=se,C2=[{locKey:"COUNTRY_AF",iso:"AF",phoneFmt:" XXX XXX XXXX",countryName:"Afghanistan",localName:"افغانستان",phonePrefix:"+93",flagX:"-60px",flagY:"0px"},{locKey:"COUNTRY_AL",iso:"AL",phoneFmt:" XXX XXX XXX",countryName:"Albania",localName:"Shqipëria",phonePrefix:"+355",flagX:"-150px",flagY:"0px"},{locKey:"COUNTRY_DZ",iso:"DZ",phoneFmt:" XXX XX XX XX",countryName:"Algeria",localName:"الجزائر",phonePrefix:"+213",flagX:"-1800px",flagY:"0px"},{locKey:"COUNTRY_AQ",iso:"AQ",phoneFmt:" XX XXXX",countryName:"Antarctica",localName:"Antarctica",phonePrefix:"+672"},{locKey:"COUNTRY_AS",iso:"AS",phoneFmt:" (XXX) XXX-XXXX",countryName:"American Samoa",localName:"Amerika Sāmoa",phonePrefix:"+1",flagX:"-270px",flagY:"0px"},{locKey:"COUNTRY_AD",iso:"AD",phoneFmt:" XXX XXX",countryName:"Andorra",localName:"Andorra",phonePrefix:"+376",flagX:"0px",flagY:"0px"},{locKey:"COUNTRY_AO",iso:"AO",phoneFmt:" XXX XXX XXX",countryName:"Angola",localName:"Angola",phonePrefix:"+244",flagX:"-210px",flagY:"0px"},{locKey:"COUNTRY_AI",iso:"AI",phoneFmt:" (XXX) XXX-XXXX",countryName:"Anguilla",localName:"Anguilla",phonePrefix:"+1",flagX:"-120px",flagY:"0px"},{locKey:"COUNTRY_AG",iso:"AG",phoneFmt:" (XXX) XXX-XXXX",countryName:"Antigua and Barbuda",localName:"Antigua and Barbuda",phonePrefix:"+1",flagX:"-90px",flagY:"0px"},{locKey:"COUNTRY_AR",iso:"AR",phoneFmt:" XXX XXXX-XXXX",countryName:"Argentina",localName:"Argentina",phonePrefix:"+54",flagX:"-240px",flagY:"0px"},{locKey:"COUNTRY_AM",iso:"AM",phoneFmt:" (XXX) XXXXXX",countryName:"Armenia",localName:"Հայաստան",phonePrefix:"+374",flagX:"-180px",flagY:"0px"},{locKey:"COUNTRY_AW",iso:"AW",phoneFmt:" XXX XXXX",countryName:"Aruba",localName:"Aruba",phonePrefix:"+297",flagX:"-360px",flagY:"0px"},{locKey:"COUNTRY_AU",iso:"AU",phoneFmt:" (XX) XXXX XXXX",countryName:"Australia",localName:"Australia",phonePrefix:"+61",flagX:"-330px",flagY:"0px"},{locKey:"COUNTRY_AT",iso:"AT",phoneFmt:" XX XXXXXXXXX",countryName:"Austria",localName:"Österreich",phonePrefix:"+43",flagX:"-300px",flagY:"0px"},{locKey:"COUNTRY_AZ",iso:"AZ",phoneFmt:" (XXX) XXX XX XX",countryName:"Azerbaijan",localName:"Azərbaycan",phonePrefix:"+994",flagX:"-420px",flagY:"0px"},{locKey:"COUNTRY_BS",iso:"BS",phoneFmt:" (XXX) XXX-XXXX",countryName:"Bahamas",localName:"Bahamas",phonePrefix:"+1",flagX:"-900px",flagY:"0px"},{locKey:"COUNTRY_BH",iso:"BH",phoneFmt:" XXXX XXXX",countryName:"Bahrain",localName:"البحرين",phonePrefix:"+973",flagX:"-630px",flagY:"0px"},{locKey:"COUNTRY_BD",iso:"BD",phoneFmt:" XX-XXXXXXX",countryName:"Bangladesh",localName:"বাংলাদেশ",phonePrefix:"+880",flagX:"-510px",flagY:"0px"},{locKey:"COUNTRY_BB",iso:"BB",phoneFmt:" (XXX) XXX-XXXX",countryName:"Barbados",localName:"Barbados",phonePrefix:"+1",flagX:"-480px",flagY:"0px"},{locKey:"COUNTRY_BY",iso:"BY",phoneFmt:" X XXXX XX-XX-XX",countryName:"Belarus",localName:"Беларусь",phonePrefix:"+375",flagX:"-1020px",flagY:"0px"},{locKey:"COUNTRY_BE",iso:"BE",phoneFmt:" XXX XX XX XX",countryName:"Belgium",localName:"België",phonePrefix:"+32",flagX:"-540px",flagY:"0px"},{locKey:"COUNTRY_BZ",iso:"BZ",phoneFmt:" XXX-XXXX",countryName:"Belize",localName:"Belize",phonePrefix:"+501",flagX:"-1050px",flagY:"0px"},{locKey:"COUNTRY_BJ",iso:"BJ",phoneFmt:" XX XX XX XX",countryName:"Benin",localName:"Bénin",phonePrefix:"+229",flagX:"-690px",flagY:"0px"},{locKey:"COUNTRY_BM",iso:"BM",phoneFmt:" (XXX) XXX-XXXX",countryName:"Bermuda",localName:"Bermuda",phonePrefix:"+1",flagX:"-750px",flagY:"0px"},{locKey:"COUNTRY_BT",iso:"BT",phoneFmt:" X XXX XXX",countryName:"Bhutan",localName:"འབྲུག་ཡུལ།",phonePrefix:"+975",flagX:"-930px",flagY:"0px"},{locKey:"COUNTRY_BO",iso:"BO",phoneFmt:" X XXXXXXX",countryName:"Plurinational State of Bolivia",localName:"Bolivia",phonePrefix:"+591",flagX:"-810px",flagY:"0px"},{locKey:"COUNTRY_BQ",iso:"BQ",phoneFmt:" XXX XXXX",countryName:"Bonaire, Sint Eustatius and Saba",localName:"Bonaire, Sint Eustatius and Saba",phonePrefix:"+599",flagX:"-840px",flagY:"0px"},{locKey:"COUNTRY_BA",iso:"BA",phoneFmt:" XXX XXX-XXX",countryName:"Bosnia and Herzegovina",localName:"Bosna i Hercegovina",phonePrefix:"+387",flagX:"-450px",flagY:"0px"},{locKey:"COUNTRY_BW",iso:"BW",phoneFmt:" XXX XXXX",countryName:"Botswana",localName:"Botswana",phonePrefix:"+267",flagX:"-990px",flagY:"0px"},{locKey:"COUNTRY_BV",iso:"BV",phoneFmt:" XXXXXXXXX",countryName:"Bouvet Island",localName:"Bouvet Island",phonePrefix:"+0",flagX:"-960px",flagY:"0px"},{locKey:"COUNTRY_BR",iso:"BR",phoneFmt:" (XX) XXXX-XXXX",countryName:"Brazil",localName:"Brasil",phonePrefix:"+55",flagX:"-870px",flagY:"0px"},{locKey:"COUNTRY_IO",iso:"IO",phoneFmt:" XXX XXXX",countryName:"British Indian Ocean Territory",localName:"British Indian Ocean Territory",phonePrefix:"+246",flagX:"-3120px",flagY:"0px"},{locKey:"COUNTRY_BN",iso:"BN",phoneFmt:" XXX XXXX",countryName:"Brunei Darussalam",localName:"بروني داروسلام",phonePrefix:"+673",flagX:"-780px",flagY:"0px"},{locKey:"COUNTRY_BG",iso:"BG",phoneFmt:" XX XXX XXX",countryName:"Bulgaria",localName:"България",phonePrefix:"+359",flagX:"-600px",flagY:"0px"},{locKey:"COUNTRY_BF",iso:"BF",phoneFmt:" XX XX XX XX",countryName:"Burkina Faso",localName:"Burkina Faso",phonePrefix:"+226",flagX:"-570px",flagY:"0px"},{locKey:"COUNTRY_BI",iso:"BI",phoneFmt:" XX XX XX XX",countryName:"Burundi",localName:"Burundi",phonePrefix:"+257",flagX:"-660px",flagY:"0px"},{locKey:"COUNTRY_CV",iso:"CV",phoneFmt:" XXX XX XX",countryName:"Cabo Verde",localName:"Kabu Verdi",phonePrefix:"+238",flagX:"-1500px",flagY:"0px"},{locKey:"COUNTRY_KH",iso:"KH",phoneFmt:" XXX XXX XXX",countryName:"Cambodia",localName:"កម្ពុជា",phonePrefix:"+855",flagX:"-3450px",flagY:"0px"},{locKey:"COUNTRY_CM",iso:"CM",phoneFmt:" X XX XX XX XX",countryName:"Cameroon",localName:"Cameroun",phonePrefix:"+237",flagX:"-1350px",flagY:"0px"},{locKey:"COUNTRY_CA",iso:"CA",phoneFmt:" (XXX) XXX-XXXX",countryName:"Canada",localName:"Canada",phonePrefix:"+1",flagX:"-1080px",flagY:"0px"},{locKey:"COUNTRY_KY",iso:"KY",phoneFmt:" (XXX) XXX-XXXX",countryName:"Cayman Islands",localName:"Cayman Islands",phonePrefix:"+1",flagX:"-3660px",flagY:"0px"},{locKey:"COUNTRY_CF",iso:"CF",phoneFmt:" XX XX XX XX",countryName:"Central African Republic",localName:"République centrafricaine",phonePrefix:"+236",flagX:"-1170px",flagY:"0px"},{locKey:"COUNTRY_TD",iso:"TD",phoneFmt:" XX XX XX XX",countryName:"Chad",localName:"Tchad",phonePrefix:"+235",flagX:"-6390px",flagY:"0px"},{locKey:"COUNTRY_CL",iso:"CL",phoneFmt:" (X) XXXX XXXX",countryName:"Chile",localName:"Chile",phonePrefix:"+56",flagX:"-1320px",flagY:"0px"},{locKey:"COUNTRY_CN",iso:"CN",phoneFmt:" XXX XXXX XXXX",countryName:"China",localName:"中国",phonePrefix:"+86",flagX:"-1380px",flagY:"0px"},{locKey:"COUNTRY_CX",iso:"CX",phoneFmt:" (XX) XXXX XXXX",countryName:"Christmas Island",localName:"Christmas Island",phonePrefix:"+61",flagX:"-1560px",flagY:"0px"},{locKey:"COUNTRY_CC",iso:"CC",phoneFmt:" (XX) XXXX XXXX",countryName:"Cocos (Keeling) Islands",localName:"Cocos (Keeling) Islands",phonePrefix:"+61",flagX:"-1110px",flagY:"0px"},{locKey:"COUNTRY_CO",iso:"CO",phoneFmt:" (XXX) XXXXXXX",countryName:"Colombia",localName:"Colombia",phonePrefix:"+57",flagX:"-1410px",flagY:"0px"},{locKey:"COUNTRY_KM",iso:"KM",phoneFmt:" XXX XX XX",countryName:"Comoros",localName:"Komori",phonePrefix:"+269",flagX:"-3510px",flagY:"0px"},{locKey:"COUNTRY_CG",iso:"CG",phoneFmt:" XX XXX XXXX",countryName:"Congo",localName:"Congo",phonePrefix:"+242",flagX:"-1200px",flagY:"0px"},{locKey:"COUNTRY_CD",iso:"CD",phoneFmt:" XXX XXXXX",countryName:"The Democratic Republic of the Congo",localName:"République démocratique du Congo",phonePrefix:"+243",flagX:"-1140px",flagY:"0px"},{locKey:"COUNTRY_CK",iso:"CK",phoneFmt:" XX XXX",countryName:"Cook Islands",localName:"Kuki 'Airani",phonePrefix:"+682",flagX:"-1290px",flagY:"0px"},{locKey:"COUNTRY_CR",iso:"CR",phoneFmt:" XXXX XXXX",countryName:"Costa Rica",localName:"Costa Rica",phonePrefix:"+506",flagX:"-1440px",flagY:"0px"},{locKey:"COUNTRY_HR",iso:"HR",phoneFmt:" XX XXXX XXX",countryName:"Croatia",localName:"Hrvatska",phonePrefix:"+385",flagX:"-2880px",flagY:"0px"},{locKey:"COUNTRY_CU",iso:"CU",phoneFmt:" (XX) XXXXXXX",countryName:"Cuba",localName:"Cuba",phonePrefix:"+53",flagX:"-1470px",flagY:"0px"},{locKey:"COUNTRY_CW",iso:"CW",phoneFmt:" X XXX XXXX",countryName:"Curaçao",localName:"Kòrsou",phonePrefix:"+599",flagX:"-1530px",flagY:"0px"},{locKey:"COUNTRY_CY",iso:"CY",phoneFmt:" XX XXXXXX",countryName:"Cyprus",localName:"Κύπρος",phonePrefix:"+357",flagX:"-1590px",flagY:"0px"},{locKey:"COUNTRY_CZ",iso:"CZ",phoneFmt:" XXX XXX XXX",countryName:"Czechia",localName:"Česko",phonePrefix:"+420",flagX:"-1620px",flagY:"0px"},{locKey:"COUNTRY_CI",iso:"CI",phoneFmt:" XX XX X XXXXX",countryName:"Côte d'Ivoire",localName:"Côte d'Ivoire",phonePrefix:"+225",flagX:"-1260px",flagY:"0px"},{locKey:"COUNTRY_DK",iso:"DK",phoneFmt:" XX XX XX XX",countryName:"Denmark",localName:"Danmark",phonePrefix:"+45",flagX:"-1710px",flagY:"0px"},{locKey:"COUNTRY_DJ",iso:"DJ",phoneFmt:" XX XX XX XX",countryName:"Djibouti",localName:"Jībūtī",phonePrefix:"+253",flagX:"-1680px",flagY:"0px"},{locKey:"COUNTRY_DM",iso:"DM",phoneFmt:" (XXX) XXX-XXXX",countryName:"Dominica",localName:"Dominica",phonePrefix:"+1",flagX:"-1740px",flagY:"0px"},{locKey:"COUNTRY_DO",iso:"DO",phoneFmt:" (XXX) XXX-XXXX",countryName:"Dominican Republic",localName:"República Dominicana",phonePrefix:"+1",flagX:"-1770px",flagY:"0px"},{locKey:"COUNTRY_EC",iso:"EC",phoneFmt:" (XX) XXX-XXXX",countryName:"Ecuador",localName:"Ecuador",phonePrefix:"+593",flagX:"-1830px",flagY:"0px"},{locKey:"COUNTRY_EG",iso:"EG",phoneFmt:" XX XXXXXXXX",countryName:"Egypt",localName:"مصر",phonePrefix:"+20",flagX:"-1890px",flagY:"0px"},{locKey:"COUNTRY_SV",iso:"SV",phoneFmt:" XXXX XXXX",countryName:"El Salvador",localName:"El Salvador",phonePrefix:"+503",flagX:"-6240px",flagY:"0px"},{locKey:"COUNTRY_GQ",iso:"GQ",phoneFmt:" XXX XXX XXX",countryName:"Equatorial Guinea",localName:"Guinea Ecuatorial",phonePrefix:"+240",flagX:"-2580px",flagY:"0px"},{locKey:"COUNTRY_ER",iso:"ER",phoneFmt:" XX XXX XXX",countryName:"Eritrea",localName:"ኤርትራ",phonePrefix:"+291",flagX:"-1950px",flagY:"0px"},{locKey:"COUNTRY_EE",iso:"EE",phoneFmt:" XXX XXXX",countryName:"Estonia",localName:"Eesti",phonePrefix:"+372",flagX:"-1860px",flagY:"0px"},{locKey:"COUNTRY_SZ",iso:"SZ",phoneFmt:" XXXX XXXX",countryName:"Eswatini",localName:"Eswatini",phonePrefix:"+268",flagX:"-6330px",flagY:"0px"},{locKey:"COUNTRY_ET",iso:"ET",phoneFmt:" XXX XXX XXXX",countryName:"Ethiopia",localName:"ኢትዮጵያ",phonePrefix:"+251",flagX:"-2010px",flagY:"0px"},{locKey:"COUNTRY_FK",iso:"FK",phoneFmt:" XXXXX",countryName:"Falkland Islands (Malvinas)",localName:"Falkland Islands",phonePrefix:"+500",flagX:"-2100px",flagY:"0px"},{locKey:"COUNTRY_FO",iso:"FO",phoneFmt:" XXXXXX",countryName:"Faroe Islands",localName:"Føroyar",phonePrefix:"+298",flagX:"-2160px",flagY:"0px"},{locKey:"COUNTRY_FJ",iso:"FJ",phoneFmt:" XXX XXXX",countryName:"Fiji",localName:"Viti",phonePrefix:"+679",flagX:"-2070px",flagY:"0px"},{locKey:"COUNTRY_FI",iso:"FI",phoneFmt:" XXX XXXXXXX",countryName:"Finland",localName:"Suomi",phonePrefix:"+358",flagX:"-2040px",flagY:"0px"},{locKey:"COUNTRY_FR",iso:"FR",phoneFmt:" XX XX XX XX XX",countryName:"France",localName:"France",phonePrefix:"+33",flagX:"-2190px",flagY:"0px"},{locKey:"COUNTRY_GF",iso:"GF",phoneFmt:" XXXX XX XX XX",countryName:"French Guiana",localName:"Guyane française",phonePrefix:"+594",flagX:"-2340px",flagY:"0px"},{locKey:"COUNTRY_PF",iso:"PF",phoneFmt:" XX XX XX XX",countryName:"French Polynesia",localName:"Polynésie française",phonePrefix:"+689",flagX:"-5190px",flagY:"0px"},{locKey:"COUNTRY_TF",iso:"TF",phoneFmt:" XXXXXXXXX",countryName:"French Southern Territories",localName:"Terres australes françaises",phonePrefix:"+0",flagX:"-6420px",flagY:"0px"},{locKey:"COUNTRY_GA",iso:"GA",phoneFmt:" XX XX XX XX",countryName:"Gabon",localName:"Gabon",phonePrefix:"+241",flagX:"-2220px",flagY:"0px"},{locKey:"COUNTRY_GM",iso:"GM",phoneFmt:" XXX XXXX",countryName:"Gambia",localName:"Gambia",phonePrefix:"+220",flagX:"-2490px",flagY:"0px"},{locKey:"COUNTRY_GE",iso:"GE",phoneFmt:" XXX XXX XX XX",countryName:"Georgia",localName:"საქართველო",phonePrefix:"+995",flagX:"-2310px",flagY:"0px"},{locKey:"COUNTRY_DE",iso:"DE",phoneFmt:" XXX XXXXXX",countryName:"Germany",localName:"Deutschland",phonePrefix:"+49",flagX:"-1650px",flagY:"0px"},{locKey:"COUNTRY_GH",iso:"GH",phoneFmt:" XXX XXX XXXX",countryName:"Ghana",localName:"Ghana",phonePrefix:"+233",flagX:"-2400px",flagY:"0px"},{locKey:"COUNTRY_GI",iso:"GI",phoneFmt:" XXX XXXXX",countryName:"Gibraltar",localName:"Gibraltar",phonePrefix:"+350",flagX:"-2430px",flagY:"0px"},{locKey:"COUNTRY_GR",iso:"GR",phoneFmt:" XX XXXX XXXX",countryName:"Greece",localName:"Ελλάδα",phonePrefix:"+30",flagX:"-2610px",flagY:"0px"},{locKey:"COUNTRY_GL",iso:"GL",phoneFmt:" XX XX XX",countryName:"Greenland",localName:"Kalaallit Nunaat",phonePrefix:"+299",flagX:"-2460px",flagY:"0px"},{locKey:"COUNTRY_GD",iso:"GD",phoneFmt:" (XXX) XXX-XXXX",countryName:"Grenada",localName:"Grenada",phonePrefix:"+1",flagX:"-2280px",flagY:"0px"},{locKey:"COUNTRY_GP",iso:"GP",phoneFmt:" XXXX XX XX XX",countryName:"Guadeloupe",localName:"Guadeloupe",phonePrefix:"+590",flagX:"-2550px",flagY:"0px"},{locKey:"COUNTRY_GU",iso:"GU",phoneFmt:" (XXX) XXX-XXXX",countryName:"Guam",localName:"Guåhan",phonePrefix:"+1",flagX:"-2700px",flagY:"0px"},{locKey:"COUNTRY_GT",iso:"GT",phoneFmt:" XXXX XXXX",countryName:"Guatemala",localName:"Guatemala",phonePrefix:"+502",flagX:"-2670px",flagY:"0px"},{locKey:"COUNTRY_GG",iso:"GG",phoneFmt:" XXXXX XXXXXX",countryName:"Guernsey",localName:"Guernsey",phonePrefix:"+44",flagX:"-2370px",flagY:"0px"},{locKey:"COUNTRY_GN",iso:"GN",phoneFmt:" XX XX XX XX",countryName:"Guinea",localName:"Guinée",phonePrefix:"+224",flagX:"-2520px",flagY:"0px"},{locKey:"COUNTRY_GW",iso:"GW",phoneFmt:" XXX XXX XXX",countryName:"Guinea-Bissau",localName:"Guiné-Bissau",phonePrefix:"+245",flagX:"-2730px",flagY:"0px"},{locKey:"COUNTRY_GY",iso:"GY",phoneFmt:" XXX XXXX",countryName:"Guyana",localName:"Guyana",phonePrefix:"+592",flagX:"-2760px",flagY:"0px"},{locKey:"COUNTRY_HT",iso:"HT",phoneFmt:" XX XX XXXX",countryName:"Haiti",localName:"Ayiti",phonePrefix:"+509",flagX:"-2910px",flagY:"0px"},{locKey:"COUNTRY_HM",iso:"HM",phoneFmt:" XXXXXXXXX",countryName:"Heard Island and McDonald Islands",localName:"Heard Island and McDonald Islands",phonePrefix:"+0",flagX:"-2820px",flagY:"0px"},{locKey:"COUNTRY_VA",iso:"VA",phoneFmt:" XX XXXX XXXX",countryName:"Holy See (Vatican City State)",localName:"Stato della Città del Vaticano",phonePrefix:"+39",flagX:"-7020px",flagY:"0px"},{locKey:"COUNTRY_HN",iso:"HN",phoneFmt:" XXXX-XXXX",countryName:"Honduras",localName:"Honduras",phonePrefix:"+504",flagX:"-2850px",flagY:"0px"},{locKey:"COUNTRY_HK",iso:"HK",phoneFmt:" XXXX XXXX",countryName:"Hong Kong",localName:"香港",phonePrefix:"+852",flagX:"-2790px",flagY:"0px"},{locKey:"COUNTRY_HU",iso:"HU",phoneFmt:" (XX X) XXX XXXX",countryName:"Hungary",localName:"Magyarország",phonePrefix:"+36",flagX:"-2940px",flagY:"0px"},{locKey:"COUNTRY_IS",iso:"IS",phoneFmt:" XXX XXXX",countryName:"Iceland",localName:"Ísland",phonePrefix:"+354",flagX:"-3210px",flagY:"0px"},{locKey:"COUNTRY_IN",iso:"IN",phoneFmt:" XXXXXX XXXXX",countryName:"India",localName:"भारत",phonePrefix:"+91",flagX:"-3090px",flagY:"0px"},{locKey:"COUNTRY_ID",iso:"ID",phoneFmt:" (XXX) XXXXXXX",countryName:"Indonesia",localName:"Indonesia",phonePrefix:"+62",flagX:"-2970px",flagY:"0px"},{locKey:"COUNTRY_IR",iso:"IR",phoneFmt:" XXX XXXX XXXX",countryName:"Islamic Republic of Iran",localName:"ایران",phonePrefix:"+98",flagX:"-3180px",flagY:"0px"},{locKey:"COUNTRY_IQ",iso:"IQ",phoneFmt:" XX XXX XXXX",countryName:"Iraq",localName:"العراق",phonePrefix:"+964",flagX:"-3150px",flagY:"0px"},{locKey:"COUNTRY_IE",iso:"IE",phoneFmt:" (XXX) XXXXX",countryName:"Ireland",localName:"Éire",phonePrefix:"+353",flagX:"-3000px",flagY:"0px"},{locKey:"COUNTRY_IM",iso:"IM",phoneFmt:" XXXXX XXXXXX",countryName:"Isle of Man",localName:"Isle of Man",phonePrefix:"+44",flagX:"-3060px",flagY:"0px"},{locKey:"COUNTRY_IL",iso:"IL",phoneFmt:" XX-XXX-XXXX",countryName:"Israel",localName:"ישראל",phonePrefix:"+972",flagX:"-3030px",flagY:"0px"},{locKey:"COUNTRY_IT",iso:"IT",phoneFmt:" XX XXXX XXXX",countryName:"Italy",localName:"Italia",phonePrefix:"+39",flagX:"-3240px",flagY:"0px"},{locKey:"COUNTRY_JM",iso:"JM",phoneFmt:" (XXX) XXX-XXXX",countryName:"Jamaica",localName:"Jamaica",phonePrefix:"+1",flagX:"-3300px",flagY:"0px"},{locKey:"COUNTRY_JP",iso:"JP",phoneFmt:" XX-XXXX-XXXX",countryName:"Japan",localName:"日本",phonePrefix:"+81",flagX:"-3360px",flagY:"0px"},{locKey:"COUNTRY_JE",iso:"JE",phoneFmt:" XXXXX XXXXXX",countryName:"Jersey",localName:"Jersey",phonePrefix:"+44",flagX:"-3270px",flagY:"0px"},{locKey:"COUNTRY_JO",iso:"JO",phoneFmt:" (XX) XXX XXXX",countryName:"Jordan",localName:"الأردن",phonePrefix:"+962",flagX:"-3330px",flagY:"0px"},{locKey:"COUNTRY_KZ",iso:"KZ",phoneFmt:" X (XXXXX) X XX XX",countryName:"Kazakhstan",localName:"Қазақстан",phonePrefix:"+7",flagX:"-3690px",flagY:"0px"},{locKey:"COUNTRY_KE",iso:"KE",phoneFmt:" XXX XXXXXXX",countryName:"Kenya",localName:"Kenya",phonePrefix:"+254",flagX:"-3390px",flagY:"0px"},{locKey:"COUNTRY_KI",iso:"KI",phoneFmt:" XXXXX",countryName:"Kiribati",localName:"Kiribati",phonePrefix:"+686",flagX:"-3480px",flagY:"0px"},{locKey:"COUNTRY_KP",iso:"KP",phoneFmt:" XX XXX XXXX",countryName:"Democratic People's Republic of Korea",localName:"조선민주주의인민공화국",phonePrefix:"+850",flagX:"-3570px",flagY:"0px"},{locKey:"COUNTRY_KR",iso:"KR",phoneFmt:" XX-XXX-XXXX",countryName:"Republic of Korea",localName:"대한민국",phonePrefix:"+82",flagX:"-3600px",flagY:"0px"},{locKey:"COUNTRY_KW",iso:"KW",phoneFmt:" XXXX XXXX",countryName:"Kuwait",localName:"الكويت",phonePrefix:"+965",flagX:"-3630px",flagY:"0px"},{locKey:"COUNTRY_KG",iso:"KG",phoneFmt:" XXXX XXX XXX",countryName:"Kyrgyzstan",localName:"Кыргызстан",phonePrefix:"+996",flagX:"-3420px",flagY:"0px"},{locKey:"COUNTRY_LA",iso:"LA",phoneFmt:" XXX XXX XXX",countryName:"Lao People's Democratic Republic",localName:"ສປປລາວ",phonePrefix:"+856",flagX:"-3720px",flagY:"0px"},{locKey:"COUNTRY_LV",iso:"LV",phoneFmt:" XX XXX XXX",countryName:"Latvia",localName:"Latvija",phonePrefix:"+371",flagX:"-3990px",flagY:"0px"},{locKey:"COUNTRY_LB",iso:"LB",phoneFmt:" XX XXX XXX",countryName:"Lebanon",localName:"لبنان",phonePrefix:"+961",flagX:"-3750px",flagY:"0px"},{locKey:"COUNTRY_LS",iso:"LS",phoneFmt:" XXXX XXXX",countryName:"Lesotho",localName:"Lesotho",phonePrefix:"+266",flagX:"-3900px",flagY:"0px"},{locKey:"COUNTRY_LR",iso:"LR",phoneFmt:" XXX XXX XXX",countryName:"Liberia",localName:"Liberia",phonePrefix:"+231",flagX:"-3870px",flagY:"0px"},{locKey:"COUNTRY_LY",iso:"LY",phoneFmt:" XXX-XXXXXXX",countryName:"Libya",localName:"ليبيا",phonePrefix:"+218",flagX:"-4020px",flagY:"0px"},{locKey:"COUNTRY_LI",iso:"LI",phoneFmt:" XXX XX XX",countryName:"Liechtenstein",localName:"Liechtenstein",phonePrefix:"+423",flagX:"-3810px",flagY:"0px"},{locKey:"COUNTRY_LT",iso:"LT",phoneFmt:" (X-XXX) XXXXX",countryName:"Lithuania",localName:"Lietuva",phonePrefix:"+370",flagX:"-3930px",flagY:"0px"},{locKey:"COUNTRY_LU",iso:"LU",phoneFmt:" XX XX XX XX",countryName:"Luxembourg",localName:"Luxembourg",phonePrefix:"+352",flagX:"-3960px",flagY:"0px"},{locKey:"COUNTRY_MO",iso:"MO",phoneFmt:" XXXX XXXX",countryName:"Macao",localName:"澳门",phonePrefix:"+853",flagX:"-4380px",flagY:"0px"},{locKey:"COUNTRY_MG",iso:"MG",phoneFmt:" XXX XX XXX XX",countryName:"Madagascar",localName:"Madagascar",phonePrefix:"+261",flagX:"-4200px",flagY:"0px"},{locKey:"COUNTRY_MW",iso:"MW",phoneFmt:" XX XXX XXX",countryName:"Malawi",localName:"Malawi",phonePrefix:"+265",flagX:"-4620px",flagY:"0px"},{locKey:"COUNTRY_MY",iso:"MY",phoneFmt:" XX-XXXX XXXX",countryName:"Malaysia",localName:"မြန်မာ",phonePrefix:"+60",flagX:"-4680px",flagY:"0px"},{locKey:"COUNTRY_MV",iso:"MV",phoneFmt:" XXX-XXXX",countryName:"Maldives",localName:"Maldives",phonePrefix:"+960",flagX:"-4590px",flagY:"0px"},{locKey:"COUNTRY_ML",iso:"ML",phoneFmt:" XX XX XX XX",countryName:"Mali",localName:"مالي",phonePrefix:"+223",flagX:"-4290px",flagY:"0px"},{locKey:"COUNTRY_MT",iso:"MT",phoneFmt:" XXXX XXXX",countryName:"Malta",localName:"Malta",phonePrefix:"+356",flagX:"-4530px",flagY:"0px"},{locKey:"COUNTRY_MH",iso:"MH",phoneFmt:" XXX-XXXX",countryName:"Marshall Islands",localName:"Marshall Islands",phonePrefix:"+692",flagX:"-4230px",flagY:"0px"},{locKey:"COUNTRY_MQ",iso:"MQ",phoneFmt:" XXXX XX XX XX",countryName:"Martinique",localName:"Martinique",phonePrefix:"+596",flagX:"-4440px",flagY:"0px"},{locKey:"COUNTRY_MR",iso:"MR",phoneFmt:" XX XX XX XX",countryName:"Mauritania",localName:"مورتانيا",phonePrefix:"+222",flagX:"-4470px",flagY:"0px"},{locKey:"COUNTRY_MU",iso:"MU",phoneFmt:" XXXX XXXX",countryName:"Mauritius",localName:"Mauritius",phonePrefix:"+230",flagX:"-4560px",flagY:"0px"},{locKey:"COUNTRY_YT",iso:"YT",phoneFmt:" XXXX XX XX XX",countryName:"Mayotte",localName:"Mayotte",phonePrefix:"+262",flagX:"-7320px",flagY:"0px"},{locKey:"COUNTRY_MX",iso:"MX",phoneFmt:" XXX XXX XXXX",countryName:"Mexico",localName:"México",phonePrefix:"+52",flagX:"-4650px",flagY:"0px"},{locKey:"COUNTRY_FM",iso:"FM",phoneFmt:" XXX XXXX",countryName:"Federated States of Micronesia",localName:"Federated States of Micronesia",phonePrefix:"+691",flagX:"-2130px",flagY:"0px"},{locKey:"COUNTRY_MD",iso:"MD",phoneFmt:" XXX XXX XXX",countryName:"Republic of Moldova",localName:"Republica Moldova",phonePrefix:"+373",flagX:"-4110px",flagY:"0px"},{locKey:"COUNTRY_MC",iso:"MC",phoneFmt:" XX XX XX XX",countryName:"Monaco",localName:"Monaco",phonePrefix:"+377",flagX:"-4080px",flagY:"0px"},{locKey:"COUNTRY_MN",iso:"MN",phoneFmt:" XXXX XXXX",countryName:"Mongolia",localName:"Монгол",phonePrefix:"+976",flagX:"-4350px",flagY:"0px"},{locKey:"COUNTRY_ME",iso:"ME",phoneFmt:" XXX XXX XXX",countryName:"Montenegro",localName:"Montenegro",phonePrefix:"+382",flagX:"-4140px",flagY:"0px"},{locKey:"COUNTRY_MS",iso:"MS",phoneFmt:" (XXX) XXX-XXXX",countryName:"Montserrat",localName:"Montserrat",phonePrefix:"+1",flagX:"-4500px",flagY:"0px"},{locKey:"COUNTRY_MA",iso:"MA",phoneFmt:" XXXX-XXXXXX",countryName:"Morocco",localName:"المغرب",phonePrefix:"+212",flagX:"-4050px",flagY:"0px"},{locKey:"COUNTRY_MZ",iso:"MZ",phoneFmt:" XX XXX XXX",countryName:"Mozambique",localName:"Moçambique",phonePrefix:"+258",flagX:"-4710px",flagY:"0px"},{locKey:"COUNTRY_MM",iso:"MM",phoneFmt:" XX XXX XXX",countryName:"Myanmar",localName:"မြန်မာ",phonePrefix:"+95",flagX:"-4320px",flagY:"0px"},{locKey:"COUNTRY_NA",iso:"NA",phoneFmt:" XXX XXX XXX",countryName:"Namibia",localName:"Namibiya",phonePrefix:"+264",flagX:"-4740px",flagY:"0px"},{locKey:"COUNTRY_NR",iso:"NR",phoneFmt:" XXX XXXX",countryName:"Nauru",localName:"Nauru",phonePrefix:"+674",flagX:"-5010px",flagY:"0px"},{locKey:"COUNTRY_NP",iso:"NP",phoneFmt:" XX-XXXXXXX",countryName:"Nepal",localName:"नेपाल",phonePrefix:"+977",flagX:"-4980px",flagY:"0px"},{locKey:"COUNTRY_NL",iso:"NL",phoneFmt:" XXX XXX XXXX",countryName:"Netherlands",localName:"Nederland",phonePrefix:"+31",flagX:"-4920px",flagY:"0px"},{locKey:"COUNTRY_NC",iso:"NC",phoneFmt:" XX.XX.XX",countryName:"New Caledonia",localName:"New Caledonia",phonePrefix:"+687",flagX:"-4770px",flagY:"0px"},{locKey:"COUNTRY_NZ",iso:"NZ",phoneFmt:" XX XXX XXXX",countryName:"New Zealand",localName:"New Zealand",phonePrefix:"+64",flagX:"-5070px",flagY:"0px"},{locKey:"COUNTRY_NI",iso:"NI",phoneFmt:" XXXX XXXX",countryName:"Nicaragua",localName:"Nicaragua",phonePrefix:"+505",flagX:"-4890px",flagY:"0px"},{locKey:"COUNTRY_NE",iso:"NE",phoneFmt:" XX XX XX XX",countryName:"Niger",localName:"نِيجِير",phonePrefix:"+227",flagX:"-4800px",flagY:"0px"},{locKey:"COUNTRY_NG",iso:"NG",phoneFmt:" XX XXX XXXX",countryName:"Nigeria",localName:"Nigeria",phonePrefix:"+234",flagX:"-4860px",flagY:"0px"},{locKey:"COUNTRY_NU",iso:"NU",phoneFmt:" XXXX",countryName:"Niue",localName:"Niue",phonePrefix:"+683",flagX:"-5040px",flagY:"0px"},{locKey:"COUNTRY_NF",iso:"NF",phoneFmt:" XX XXXX",countryName:"Norfolk Island",localName:"Norfolk Island",phonePrefix:"+672",flagX:"-4830px",flagY:"0px"},{locKey:"COUNTRY_MK",iso:"MK",phoneFmt:" XX XXX XXXX",countryName:"North Macedonia",localName:"Severna Makedonija",phonePrefix:"+389",flagX:"-4260px",flagY:"0px"},{locKey:"COUNTRY_MP",iso:"MP",phoneFmt:" (XXX) XXX-XXXX",countryName:"Northern Mariana Islands",localName:"Northern Mariana Islands",phonePrefix:"+1",flagX:"-4410px",flagY:"0px"},{locKey:"COUNTRY_NO",iso:"NO",phoneFmt:" XX XX XX XX",countryName:"Norway",localName:"Norge",phonePrefix:"+47",flagX:"-4950px",flagY:"0px"},{locKey:"COUNTRY_OM",iso:"OM",phoneFmt:" XX XXXXXX",countryName:"Oman",localName:"عُمان",phonePrefix:"+968",flagX:"-5100px",flagY:"0px"},{locKey:"COUNTRY_PK",iso:"PK",phoneFmt:" (XXX) XXXXXXXX",countryName:"Pakistan",localName:"پاکستان",phonePrefix:"+92",flagX:"-5280px",flagY:"0px"},{locKey:"COUNTRY_PW",iso:"PW",phoneFmt:" XXX XXXX",countryName:"Palau",localName:"Palau",phonePrefix:"+680",flagX:"-5490px",flagY:"0px"},{locKey:"COUNTRY_PS",iso:"PS",phoneFmt:" XX XXX XXXX",countryName:"State of Palestine",localName:"فلسطين",phonePrefix:"+970",flagX:"-5430px",flagY:"0px"},{locKey:"COUNTRY_PA",iso:"PA",phoneFmt:" XXX-XXXX",countryName:"Panama",localName:"ਪਨਾਮਾ",phonePrefix:"+507",flagX:"-5130px",flagY:"0px"},{locKey:"COUNTRY_PG",iso:"PG",phoneFmt:" XXX XXXX",countryName:"Papua New Guinea",localName:"Papua New Guinea",phonePrefix:"+675",flagX:"-5220px",flagY:"0px"},{locKey:"COUNTRY_PY",iso:"PY",phoneFmt:" (XXX) XXX XXXX",countryName:"Paraguay",localName:"Paraguay",phonePrefix:"+595",flagX:"-5520px",flagY:"0px"},{locKey:"COUNTRY_PE",iso:"PE",phoneFmt:" (XX) XXXXXXX",countryName:"Peru",localName:"Perú",phonePrefix:"+51",flagX:"-5160px",flagY:"0px"},{locKey:"COUNTRY_PH",iso:"PH",phoneFmt:" (XX) XXXX XXXX",countryName:"Philippines",localName:"Pilipinas",phonePrefix:"+63",flagX:"-5250px",flagY:"0px"},{locKey:"COUNTRY_PN",iso:"PN",phoneFmt:" XXXXXXXXX",countryName:"Pitcairn",localName:"Pitcairn",phonePrefix:"+0",flagX:"-5370px",flagY:"0px"},{locKey:"COUNTRY_PL",iso:"PL",phoneFmt:" XX XXX XX XX",countryName:"Poland",localName:"Polska",phonePrefix:"+48",flagX:"-5310px",flagY:"0px"},{locKey:"COUNTRY_PT",iso:"PT",phoneFmt:" XX XXX XXXX",countryName:"Portugal",localName:"Portugal",phonePrefix:"+351",flagX:"-5460px",flagY:"0px"},{locKey:"COUNTRY_PR",iso:"PR",phoneFmt:" (XXX) XXX-XXXX",countryName:"Puerto Rico",localName:"Puerto Rico",phonePrefix:"+1",flagX:"-5400px",flagY:"0px"},{locKey:"COUNTRY_QA",iso:"QA",phoneFmt:" XXXX XXXX",countryName:"Qatar",localName:"قطر",phonePrefix:"+974",flagX:"-5550px",flagY:"0px"},{locKey:"COUNTRY_RO",iso:"RO",phoneFmt:" XXX XXX XXXX",countryName:"Romania",localName:"România",phonePrefix:"+40",flagX:"-5610px",flagY:"0px"},{locKey:"COUNTRY_RU",iso:"RU",phoneFmt:" X (XXX) XXX-XX-XX",countryName:"Russian Federation",localName:"Российская Федерация",phonePrefix:"+7",flagX:"-5670px",flagY:"0px"},{locKey:"COUNTRY_RW",iso:"RW",phoneFmt:" XXX XXX XXX",countryName:"Rwanda",localName:"Rwanda",phonePrefix:"+250",flagX:"-5700px",flagY:"0px"},{locKey:"COUNTRY_RE",iso:"RE",phoneFmt:" XXXX XX XX XX",countryName:"Réunion",localName:"Réunion",phonePrefix:"+262",flagX:"-5580px",flagY:"0px"},{locKey:"COUNTRY_BL",iso:"BL",phoneFmt:" XXXX XX XX XX",countryName:"Saint Barthélemy",localName:"Saint-Barthélemy",phonePrefix:"+590",flagX:"-720px",flagY:"0px"},{locKey:"COUNTRY_SH",iso:"SH",phoneFmt:" XXXXX",countryName:"Saint Helena, Ascension and Tristan da Cunha",localName:"Saint Helena, Ascension and Tristan da Cunha",phonePrefix:"+290",flagX:"-5910px",flagY:"0px"},{locKey:"COUNTRY_KN",iso:"KN",phoneFmt:" (XXX) XXX-XXXX",countryName:"Saint Kitts and Nevis",localName:"Saint Kitts and Nevis",phonePrefix:"+1",flagX:"-3540px",flagY:"0px"},{locKey:"COUNTRY_LC",iso:"LC",phoneFmt:" (XXX) XXX-XXXX",countryName:"Saint Lucia",localName:"Saint Lucia",phonePrefix:"+1",flagX:"-3780px",flagY:"0px"},{locKey:"COUNTRY_MF",iso:"MF",phoneFmt:" XXXX XX XX XX",countryName:"Saint Martin (French part)",localName:"Saint-Martin",phonePrefix:"+590",flagX:"-4170px",flagY:"0px"},{locKey:"COUNTRY_PM",iso:"PM",phoneFmt:" XXX XX XX",countryName:"Saint Pierre and Miquelon",localName:"Saint-Pierre et Miquelon",phonePrefix:"+508",flagX:"-5340px",flagY:"0px"},{locKey:"COUNTRY_VC",iso:"VC",phoneFmt:" (XXX) XXX-XXXX",countryName:"Saint Vincent and the Grenadines",localName:"Saint Vincent and the Grenadines",phonePrefix:"+1",flagX:"-7050px",flagY:"0px"},{locKey:"COUNTRY_WS",iso:"WS",phoneFmt:" XXXXX",countryName:"Samoa",localName:"Sāmoa",phonePrefix:"+685",flagX:"-7260px",flagY:"0px"},{locKey:"COUNTRY_SM",iso:"SM",phoneFmt:" XXXX XXXXXX",countryName:"San Marino",localName:"San Marino",phonePrefix:"+378",flagX:"-6060px",flagY:"0px"},{locKey:"COUNTRY_ST",iso:"ST",phoneFmt:" XXX XXXX",countryName:"Sao Tome and Principe",localName:"São Tomé e Príncipe",phonePrefix:"+239",flagX:"-6210px",flagY:"0px"},{locKey:"COUNTRY_SA",iso:"SA",phoneFmt:" XXX XXX XXXX",countryName:"Saudi Arabia",localName:"المملكة العربية السعودية",phonePrefix:"+966",flagX:"-5730px",flagY:"0px"},{locKey:"COUNTRY_SN",iso:"SN",phoneFmt:" XX XXX XX XX",countryName:"Senegal",localName:"Sénégal",phonePrefix:"+221",flagX:"-6090px",flagY:"0px"},{locKey:"COUNTRY_RS",iso:"RS",phoneFmt:" XXX XXXXXX",countryName:"Serbia",localName:"Србија",phonePrefix:"+381",flagX:"-5640px",flagY:"0px"},{locKey:"COUNTRY_SC",iso:"SC",phoneFmt:" X XXX XXX",countryName:"Seychelles",localName:"Seychelles",phonePrefix:"+248",flagX:"-5790px",flagY:"0px"},{locKey:"COUNTRY_SL",iso:"SL",phoneFmt:" (XXX) XXXXXX",countryName:"Sierra Leone",localName:"Siera Liɔn",phonePrefix:"+232",flagX:"-6030px",flagY:"0px"},{locKey:"COUNTRY_SG",iso:"SG",phoneFmt:" XXXX XXXX",countryName:"Singapore",localName:"Singapura",phonePrefix:"+65",flagX:"-5880px",flagY:"0px"},{locKey:"COUNTRY_SX",iso:"SX",phoneFmt:" (XXX) XXX-XXXX",countryName:"Sint Maarten (Dutch part)",localName:"Sint Maarten",phonePrefix:"+1",flagX:"-6270px",flagY:"0px"},{locKey:"COUNTRY_SK",iso:"SK",phoneFmt:" XX/XXX XXX XX",countryName:"Slovakia",localName:"Slovensko",phonePrefix:"+421",flagX:"-6000px",flagY:"0px"},{locKey:"COUNTRY_SI",iso:"SI",phoneFmt:" (XX) XXX XX XX",countryName:"Slovenia",localName:"Slovenija",phonePrefix:"+386",flagX:"-5940px",flagY:"0px"},{locKey:"COUNTRY_SB",iso:"SB",phoneFmt:" XXXXX",countryName:"Solomon Islands",localName:"Solomon Aelan",phonePrefix:"+677",flagX:"-5760px",flagY:"0px"},{locKey:"COUNTRY_SO",iso:"SO",phoneFmt:" X XXXXXX",countryName:"Somalia",localName:"Soomaaliya",phonePrefix:"+252",flagX:"-6120px",flagY:"0px"},{locKey:"COUNTRY_ZA",iso:"ZA",phoneFmt:" XXX XXX XXXX",countryName:"South Africa",localName:"Suid-Afrika",phonePrefix:"+27",flagX:"-7350px",flagY:"0px"},{locKey:"COUNTRY_GS",iso:"GS",phoneFmt:" XXXXXXXXX",countryName:"South Georgia and the South Sandwich Islands",localName:"South Georgia and the South Sandwich Islands",phonePrefix:"+0",flagX:"-2640px",flagY:"0px"},{locKey:"COUNTRY_SS",iso:"SS",phoneFmt:" XXXX XXX XXX",countryName:"South Sudan",localName:"South Sudan",phonePrefix:"+211",flagX:"-6180px",flagY:"0px"},{locKey:"COUNTRY_ES",iso:"ES",phoneFmt:" XXX XX XX XX",countryName:"Spain",localName:"España",phonePrefix:"+34",flagX:"-1980px",flagY:"0px"},{locKey:"COUNTRY_LK",iso:"LK",phoneFmt:" XXXX XXX XXX",countryName:"Sri Lanka",localName:"ශ්රී ලංකාව",phonePrefix:"+94",flagX:"-3840px",flagY:"0px"},{locKey:"COUNTRY_SD",iso:"SD",phoneFmt:" XXX XXX XXXX",countryName:"Sudan",localName:"السودان",phonePrefix:"+249",flagX:"-5820px",flagY:"0px"},{locKey:"COUNTRY_SR",iso:"SR",phoneFmt:" XXX-XXX",countryName:"Suriname",localName:"Suriname",phonePrefix:"+597",flagX:"-6150px",flagY:"0px"},{locKey:"COUNTRY_SJ",iso:"SJ",phoneFmt:" XX XX XX XX",countryName:"Svalbard and Jan Mayen",localName:"Svalbard and Jan Mayen",phonePrefix:"+47",flagX:"-5970px",flagY:"0px"},{locKey:"COUNTRY_SE",iso:"SE",phoneFmt:" XX-XX XX XX",countryName:"Sweden",localName:"Sverige",phonePrefix:"+46",flagX:"-5850px",flagY:"0px"},{locKey:"COUNTRY_CH",iso:"CH",phoneFmt:" XXX XXX XX XX",countryName:"Switzerland",localName:"Schweiz",phonePrefix:"+41",flagX:"-1230px",flagY:"0px"},{locKey:"COUNTRY_SY",iso:"SY",phoneFmt:" XXX XXX XXXX",countryName:"Syrian Arab Republic",localName:"الجمهورية العربية السورية",phonePrefix:"+963",flagX:"-6300px",flagY:"0px"},{locKey:"COUNTRY_TW",iso:"TW",phoneFmt:" XX XXXX XXXX",countryName:"Taiwan (Province of China)",localName:"台湾",phonePrefix:"+886",flagX:"-6780px",flagY:"0px"},{locKey:"COUNTRY_TJ",iso:"TJ",phoneFmt:" XXX XX XXXX",countryName:"Tajikistan",localName:"Тоҷикистон",phonePrefix:"+992",flagX:"-6510px",flagY:"0px"},{locKey:"COUNTRY_TZ",iso:"TZ",phoneFmt:" XXX XXX XXXX",countryName:"United Republic of Tanzania",localName:"Tanzania",phonePrefix:"+255",flagX:"-6810px",flagY:"0px"},{locKey:"COUNTRY_TH",iso:"TH",phoneFmt:" XX XXX XXXX",countryName:"Thailand",localName:"ไทย",phonePrefix:"+66",flagX:"-6480px",flagY:"0px"},{locKey:"COUNTRY_TL",iso:"TL",phoneFmt:" XXX XXXX",countryName:"Timor-Leste",localName:"Timor-Leste",phonePrefix:"+670",flagX:"-6570px",flagY:"0px"},{locKey:"COUNTRY_TG",iso:"TG",phoneFmt:" XX XX XX XX",countryName:"Togo",localName:"Togolaise",phonePrefix:"+228",flagX:"-6450px",flagY:"0px"},{locKey:"COUNTRY_TK",iso:"TK",phoneFmt:" XXXX",countryName:"Tokelau",localName:"Tokelau",phonePrefix:"+690",flagX:"-6540px",flagY:"0px"},{locKey:"COUNTRY_TO",iso:"TO",phoneFmt:" XX-XXX",countryName:"Tonga",localName:"Tonga",phonePrefix:"+676",flagX:"-6660px",flagY:"0px"},{locKey:"COUNTRY_TT",iso:"TT",phoneFmt:" (XXX) XXX-XXXX",countryName:"Trinidad and Tobago",localName:"Trinidad and Tobago",phonePrefix:"+1",flagX:"-6720px",flagY:"0px"},{locKey:"COUNTRY_TN",iso:"TN",phoneFmt:" XX XXX XXX",countryName:"Tunisia",localName:"تونس",phonePrefix:"+216",flagX:"-6630px",flagY:"0px"},{locKey:"COUNTRY_TM",iso:"TM",phoneFmt:" (X XX) XX-XX-XX",countryName:"Turkmenistan",localName:"Türkmenistan",phonePrefix:"+993",flagX:"-6600px",flagY:"0px"},{locKey:"COUNTRY_TC",iso:"TC",phoneFmt:" (XXX) XXX-XXXX",countryName:"Turks and Caicos Islands",localName:"Turks and Caicos Islands",phonePrefix:"+1",flagX:"-6360px",flagY:"0px"},{locKey:"COUNTRY_TV",iso:"TV",phoneFmt:" XX XXX",countryName:"Tuvalu",localName:"Tuvalu",phonePrefix:"+688",flagX:"-6750px",flagY:"0px"},{locKey:"COUNTRY_TR",iso:"TR",phoneFmt:" (XXXX) XXX XX XX",countryName:"Turkey",localName:"Türkiye",phonePrefix:"+90",flagX:"-6690px",flagY:"0px"},{locKey:"COUNTRY_UG",iso:"UG",phoneFmt:" XXX XXXXXXX",countryName:"Uganda",localName:"Uganda",phonePrefix:"+256",flagX:"-6870px",flagY:"0px"},{locKey:"COUNTRY_UA",iso:"UA",phoneFmt:" XXXXX XXXXX",countryName:"Ukraine",localName:"Україна",phonePrefix:"+380",flagX:"-6840px",flagY:"0px"},{locKey:"COUNTRY_AE",iso:"AE",phoneFmt:" XX XXX XXXX",countryName:"United Arab Emirates",localName:"الإمارات العربية المتحدة",phonePrefix:"+971",flagX:"-30px",flagY:"0px"},{locKey:"COUNTRY_GB",iso:"GB",phoneFmt:" XXXX XXX XXXX",countryName:"United Kingdom",localName:"United Kingdom",phonePrefix:"+44",flagX:"-2250px",flagY:"0px"},{locKey:"COUNTRY_US",iso:"US",phoneFmt:" (XXX) XXX-XXXX",countryName:"United States",localName:"United States",phonePrefix:"+1",flagX:"-6930px",flagY:"0px"},{locKey:"COUNTRY_UM",iso:"UM",phoneFmt:" XXXXXXXXX",countryName:"United States Minor Outlying Islands",localName:"United States Minor Outlying Islands",phonePrefix:"+0",flagX:"-6900px",flagY:"0px"},{locKey:"COUNTRY_UY",iso:"UY",phoneFmt:" XXXX XXXX",countryName:"Uruguay",localName:"Uruguay",phonePrefix:"+598",flagX:"-6960px",flagY:"0px"},{locKey:"COUNTRY_UZ",iso:"UZ",phoneFmt:" X XX XXX XX XX",countryName:"Uzbekistan",localName:"O'zbekiston",phonePrefix:"+998",flagX:"-6990px",flagY:"0px"},{locKey:"COUNTRY_VU",iso:"VU",phoneFmt:" XXXXX",countryName:"Vanuatu",localName:"Vanuatu",phonePrefix:"+678",flagX:"-7200px",flagY:"0px"},{locKey:"COUNTRY_VE",iso:"VE",phoneFmt:" XXXX-XXXXXXX",countryName:"Bolivarian Republic of Venezuela",localName:"Bolivarian Republic of Venezuela",phonePrefix:"+58",flagX:"-7080px",flagY:"0px"},{locKey:"COUNTRY_VN",iso:"VN",phoneFmt:" XXXX XXXX XXX",countryName:"Vietnam",localName:"Việt Nam",phonePrefix:"+84",flagX:"-7170px",flagY:"0px"},{locKey:"COUNTRY_VG",iso:"VG",phoneFmt:" (XXX) XXX-XXXX",countryName:"Virgin Islands, British",localName:"Virgin Islands, British",phonePrefix:"+1",flagX:"-7110px",flagY:"0px"},{locKey:"COUNTRY_VI",iso:"VI",phoneFmt:" (XXX) XXX-XXXX",countryName:"Virgin Islands, U.S.",localName:"Quần Đảo Vơ-chin Mỹ",phonePrefix:"+1",flagX:"-7140px",flagY:"0px"},{locKey:"COUNTRY_WF",iso:"WF",phoneFmt:" XX XX XX",countryName:"Wallis and Futuna",localName:"Wallis-et-Futuna",phonePrefix:"+681",flagX:"-7230px",flagY:"0px"},{locKey:"COUNTRY_EH",iso:"EH",phoneFmt:" XXXXX-XXXXX",countryName:"Western Sahara",localName:"صحراء الغربية ",phonePrefix:"+212",flagX:"-1920px",flagY:"0px"},{locKey:"COUNTRY_YE",iso:"YE",phoneFmt:" XX XXX XXX",countryName:"Yemen",localName:"اَلْيَمَن",phonePrefix:"+967",flagX:"-7290px",flagY:"0px"},{locKey:"COUNTRY_ZM",iso:"ZM",phoneFmt:" XXXX XXX XXX",countryName:"Zambia",localName:"Zambia",phonePrefix:"+260",flagX:"-7380px",flagY:"0px"},{locKey:"COUNTRY_ZW",iso:"ZW",phoneFmt:" XXX XXXXX",countryName:"Zimbabwe",localName:"Zimbabwe",phonePrefix:"+263",flagX:"-7410px",flagY:"0px"},{locKey:"COUNTRY_AX",iso:"AX",phoneFmt:" XXX XXXXXXX",countryName:"Region of Åland",localName:"Landskapet Åland",phonePrefix:"+358",flagX:"-390px",flagY:"0px"}],eR=13;var Co=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Nl;let Bi=Nl=class extends E{constructor(){super(),this._shouldFilterItems=!1,this._filteredItems=[]}onBeforeRendering(){this._shouldFilterItems||(this._filteredItems=this.getProcessedItems())}onItemPress(e){const t=e.detail.item.getAttribute("data-token-id");this.handleDropdownItemPress(t),this.fireSelectionChange(t)}onFilterSelectAllHeaderPress(e){const t=this.getDataTokenId(e);this.getProcessedItems().forEach(({item:o})=>{o._id===t&&this.activateHeaderAndSetAllItems(o)}),this.syncFilteredItems(),this.fireSelectionChange(t)}activateHeaderAndSetAllItems(e){e.activateHeader(),e.setAllItems(!1)}handleDropdownItemPress(e){this.getProcessedItems().forEach(({item:t,groupItems:o,isGroup:a})=>{if(a){const n=o.find(({_id:s})=>s===e);n&&(this.handleItemClick(n),this.handleGroupHeaderState(t))}else t._id===e&&this.handleItemClick(t)}),this.syncFilteredItems()}handleItemClick(e){if(this.modeSingleSelect&&this.revertSelectedItems(this.selectedItems),this.modeRadioGroup){const t=e.parentElement;this.revertSelectedItems(t.getItems())}e.selected=!e.selected}handleGroupHeaderState(e){this.modeMultiSelect&&(e.isFilterMenuSelectAllHeader?(e.deactivateHeader(),e.isAllDeselected()&&e.activateHeader()):e.handleHeaderState())}onHeaderPress(e){const t=this.getDataTokenId(e);this.getProcessedItems().forEach(({item:o})=>{o._id===t&&o.handleSelectionGroupState()}),this.syncFilteredItems(),this.fireSelectionChange(t)}onSearch(e){const t=e.detail.value;this._shouldFilterItems=!0,this._filteredItems=this.filterItems(this.getProcessedItems(),t);const o=this.getFlattenItemsArray(this._filteredItems);this._accSearchResultInfo=o.length?`${o.length} ${this.resultReturnedText}`:this.noMatchesFoundText,this.fireEvent("change-search",{value:t})}onReset(){this.revertSelectedItems(this.selectedItems)}onResetSearch(){this.resetSearch(),this.fireEvent("reset-search")}onSubmitSearch(){this.fireEvent("submit-search",{selectedItems:this.selectedItems})}resetSearch(){const e=this.getSearch();e.value="",this._filteredItems=this.filterItems(this.getProcessedItems(),"")}filterItems(e,t){return e.filter(o=>{const{isGroup:a,item:n}=o;return a?(o.groupItems=this.filterItemsForLabel(o.groupItems,t),o.groupItems.length>0):this.checkAndUpdateLabel(n,t)})}filterItemsForLabel(e,t){return e.filter(o=>this.checkAndUpdateLabel(o,t))}checkAndUpdateLabel(e,t){const o=g2(e.label);return this.isIncludes(o,t)?(e.label=this.addSearchTermTag(o,t),!0):!1}addSearchTermTag(e,t){if(!t.length)return e;const o=new RegExp(`(${t})`,"i");return e.replace(o,"<b>$1</b>")}isIncludes(e,t){return e.toLowerCase().includes(t.toLowerCase())}revertSelectedItems(e){e.forEach(t=>{t.disabled||(t.selected=!1)})}syncFilteredItems(){const e=this.getSearch();this._shouldFilterItems?this._filteredItems=this.filterItems(this.getProcessedItems(),e.value):this._filteredItems=this.getProcessedItems()}handleKeyDown(e){Ee(e)&&this.handlePreviousItemFocus(e),Te(e)&&this.handleNextListItemFocus(e)}getSlottedItems(e){const t=[];return e.forEach(o=>{t.push(o),o.isGroup&&t.push(...o.getItems())}),t}getItemFromList(e){let t=null;for(let o=0;o<this.items.length;o++){const a=this.items[o];if(a.isGroup){if(t=a.getItems().find(({_id:s})=>s===e),t)break}else if(a._id===e){t=a;break}}return t}fireSelectionChange(e){this.fireEvent("selection-change",{selectedItems:this.selectedItems,item:this.getItemFromList(e)})}handlePreviousItemFocus(e){const t=e.target,o=this.getDomListItems(),a=this.getCurrentIndex(t),n=a-1;a>0&&(e.preventDefault(),o[n].focus())}handleNextListItemFocus(e){const t=e.target,o=this.getDomListItems(),a=o.length-1,s=this.getCurrentIndex(t)+1;s<=a&&(e.preventDefault(),o[s].focus())}getFlattenItemsArray(e){return e.flatMap(t=>t.isGroup?[t,...t.groupItems.filter(o=>!o.disabled)]:t.item.disabled?[]:[t.item])}getCurrentIndex(e){return this.getDomListItems().indexOf(e)}getSearch(){return this.shadowRoot.querySelector("[udex-search]")}getDomListItems(){const e=this.shadowRoot.querySelector("[udex-list]");return e?Array.from(e.querySelectorAll("[udex-list-item]")):[]}setItemsModeAndControl(e){e.forEach(t=>{t.mode=this.mode,t.controlled=this.isControlled})}getDataTokenId(e){return e.detail.item.getAttribute("data-token-id")}getProcessedItems(){return this.items.map(e=>{if(e.isGroup){const t=e.getItems();this.setItemsModeAndControl(t)}return e.mode=this.mode,e.controlled=this.isControlled,{item:e,groupItems:e.isGroup?e.getItems():[],isGroup:e.isGroup}})}get getNoResultText(){return this.noResultText!=="undefined"&&this.noResultText.length>0?this.noResultText:this.noMatchesFoundText}get noMatchesFoundText(){return Nl.i18nBundle.getText(qv)}get resultReturnedText(){return Nl.i18nBundle.getText(Jy)}get isListEmpty(){return this._filteredItems.length===0}get selectedItems(){return this.getSlottedItems(this.items).filter(({selected:e})=>e)}get modeMultiSelect(){return this.mode===fe.MultiSelect}get modeSingleSelect(){return this.mode===fe.SingleSelect}get modeRadioGroup(){return this.mode===fe.RadioGroup}get isControlled(){const e=this.items.some(({isGroup:t})=>t);return this.mode===fe.MultiSelect&&e}get additionalClassName(){return"udex-searchable-list__header"}get groupClassName(){const e="udex-searchable-list__header";return this.showSearch?`${e} udex-searchable-list__header_no-margin`:e}get showSearch(){return this.showSearchInput||this.isSearchActive&&!this.modeRadioGroup}get isSearchActive(){return this.nonGroupItems.length>eR}get nonGroupItems(){return this.getSlottedItems(this.items).filter(e=>!e.isGroup)}get roleForGroupList(){return this._filteredItems.some(e=>e.isGroup)?"group":"none"}get accessibleRoleForList(){return this._filteredItems.some(e=>e.isGroup)?"group":this.defaultAccessibleRole}static async onDefine(){Nl.i18nBundle=await M("@sapudex/web-components")}};Co([c({type:Boolean})],Bi.prototype,"showSearchInput",void 0);Co([c({type:Boolean})],Bi.prototype,"busy",void 0);Co([c({type:Number,defaultValue:1e3,validator:q})],Bi.prototype,"busyDelay",void 0);Co([c()],Bi.prototype,"noResultText",void 0);Co([c()],Bi.prototype,"searchPlaceholder",void 0);Co([c({type:Boolean})],Bi.prototype,"selectAll",void 0);Co([c()],Bi.prototype,"selectAllLabel",void 0);Co([c({type:fe,defaultValue:fe.SingleSelect})],Bi.prototype,"mode",void 0);Co([$({type:HTMLElement,default:!0,invalidateOnChildChange:!0})],Bi.prototype,"items",void 0);Co([c({type:String,defaultValue:"list"})],Bi.prototype,"defaultAccessibleRole",void 0);Co([c({type:Object})],Bi.prototype,"_filteredItems",void 0);Bi=Nl=Co([f("selection-change",{detail:{selectedItems:{type:Array},item:{type:HTMLElement}}}),f("select-all"),f("submit-search",{detail:{selectedItems:{type:Array}}}),f("reset-search"),f("change-search",{detail:{value:{type:String}}})],Bi);const og=Bi;class ur{static hasGroup(e){return this.groups.has(e)}static getGroup(e){return this.groups.get(e)}static getCheckedRadioFromGroup(e){return this.checkedRadios.get(e)}static removeGroup(e){return this.checkedRadios.delete(e),this.groups.delete(e)}static addToGroup(e,t){this.hasGroup(t)?(this.enforceSingleSelection(e,t),this.getGroup(t)&&this.getGroup(t).push(e)):this.createGroup(e,t),this.updateTabOrder(t)}static removeFromGroup(e,t){const o=this.getGroup(t);if(!o)return;const a=this.getCheckedRadioFromGroup(t);o.forEach((n,s,l)=>{if(e._id===n._id)return l.splice(s,1)}),a===e&&this.checkedRadios.set(t,null),o.length||this.removeGroup(t),this.updateTabOrder(t)}static createGroup(e,t){e.checked&&this.checkedRadios.set(t,e),this.groups.set(t,[e])}static selectNextItem(e,t){const o=this.getGroup(t);if(!o)return;const a=o.length,n=o.indexOf(e);if(a<=1)return;const s=this._nextFocusable(n,o);s&&this.updateSelectionInGroup(s,t)}static updateFormValidity(e){const t=this.getGroup(e);if(!t)return;t.forEach(a=>a._resetFormValidity()),t.some(a=>a.required)&&t.every(a=>!a.checked)&&t[0]._invalidateForm()}static updateTabOrder(e){const t=this.getGroup(e);if(!t)return;const o=t.some(a=>a.checked);t.filter(a=>!a.disabled).forEach((a,n)=>{let s=tl();s.classList.contains("ui5-radio-root")&&(s=s.getRootNode(),s instanceof ShadowRoot&&(s=s.host)),o?s.hasAttribute("ui5-radio-button")&&s.readonly?a._tabIndex=s===a&&a.readonly?"0":"-1":a._tabIndex=a.checked?"0":"-1":a._tabIndex=n===0?"0":"-1"})}static selectPreviousItem(e,t){const o=this.getGroup(t);if(!o)return;const a=o.length,n=o.indexOf(e);if(a<=1)return;const s=this._previousFocusable(n,o);s&&this.updateSelectionInGroup(s,t)}static selectItem(e,t){this.updateSelectionInGroup(e,t),this.updateTabOrder(t)}static updateSelectionInGroup(e,t){const o=this.getCheckedRadioFromGroup(t);o&&!e.readonly&&(this._deselectRadio(o),this.checkedRadios.set(t,e)),e&&(e.focus(),e.readonly?setTimeout(()=>{this.updateTabOrder(t)},0):this._selectRadio(e))}static _deselectRadio(e){e&&(e.checked=!1)}static _selectRadio(e){e.checked=!0,e._checked=!0,e.fireEvent("change")}static _nextFocusable(e,t){if(!t)return null;const o=t.length;let a=null;if(e===o-1){if(t[0].disabled)return this._nextFocusable(1,t);a=t[0]}else{if(t[e+1].disabled)return this._nextFocusable(e+1,t);a=t[e+1]}return a}static _previousFocusable(e,t){const o=t.length;let a=null;if(e===0){if(t[o-1].disabled)return this._previousFocusable(o-1,t);a=t[o-1]}else{if(t[e-1].disabled)return this._previousFocusable(e-1,t);a=t[e-1]}return a}static enforceSingleSelection(e,t){const o=this.getCheckedRadioFromGroup(t);e.checked?o?e!==o&&(this._deselectRadio(o),this.checkedRadios.set(t,e)):this.checkedRadios.set(t,e):e===o&&this.checkedRadios.set(t,null),this.updateTabOrder(t),this.updateFormValidity(t)}static get groups(){return this._groups||(this._groups=new Map),this._groups}static get checkedRadios(){return this._checkedRadios||(this._checkedRadios=new Map),this._checkedRadios}}function tR(i,e,t){return d`<div class="ui5-radio-root" role="radio" aria-checked="${r(this.checked)}" aria-disabled="${r(this.effectiveAriaDisabled)}" aria-describedby="${r(this.effectiveAriaDescribedBy)}" aria-label="${r(this.ariaLabelText)}" tabindex="${r(this.effectiveTabIndex)}" @click="${this._onclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @mousedown="${this._onmousedown}" @mouseup="${this._onmouseup}" @focusout="${this._onfocusout}"><div class='ui5-radio-inner ${z(this.classes.inner)}'><svg class="ui5-radio-svg" focusable="false" aria-hidden="true">${aR.call(this,i,e,t)}</svg><input type='radio' ?required="${this.required}" ?checked="${this.checked}" ?readonly="${this.readonly}" ?disabled="${this.disabled}" name="${r(this.name)}" data-sap-no-tab-ref/></div>${this.text?iR.call(this,i,e,t):void 0}${this.hasValueState?oR.call(this,i,e,t):void 0}<slot name="formSupport"></slot></div>`}function iR(i,e,t){return t?d`<${u("ui5-label",e,t)} id="${r(this._id)}-label" class="ui5-radio-label" for="${r(this._id)}" wrapping-type="${r(this.wrappingType)}">${r(this.text)}</${u("ui5-label",e,t)}>`:d`<ui5-label id="${r(this._id)}-label" class="ui5-radio-label" for="${r(this._id)}" wrapping-type="${r(this.wrappingType)}">${r(this.text)}</ui5-label>`}function oR(i,e,t){return d`<span id="${r(this._id)}-descr" class="ui5-hidden-text">${r(this.valueStateText)}</span>`}function aR(i,e,t){return Vd`<circle part="outer-ring" class="ui5-radio-svg-outer" cx="50%" cy="50%" r="50%" /><circle part="inner-ring" class="ui5-radio-svg-inner" cx="50%" cy="50%" />`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const I2={packageName:"@ui5/webcomponents",fileName:"themes/RadioButton.css.ts",content:`.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(:not([hidden])){display:inline-block}:host{min-width:var(--_ui5-v1-24-23_radio_button_min_width);max-width:100%;text-overflow:ellipsis;overflow:hidden;color:var(--_ui5-v1-24-23_radio_button_color);border-radius:var(--_ui5-v1-24-23_radio_button_border_radius)}:host(:not([disabled])) .ui5-radio-root{cursor:pointer}:host([checked]){color:var(--_ui5-v1-24-23_radio_button_checked_fill)}:host([checked]) .ui5-radio-svg-inner{fill:var(--_ui5-v1-24-23_radio_button_inner_ring_color)}:host([checked]) .ui5-radio-svg-outer{stroke:var(--_ui5-v1-24-23_radio_button_outer_ring_color)}:host([disabled]) .ui5-radio-root{color:var(--_ui5-v1-24-23_radio_button_color);opacity:var(--sapContent_DisabledOpacity)}:host([disabled][checked]) .ui5-radio-svg-outer{stroke:var(--_ui5-v1-24-23_radio_button_color)}:host(:not([disabled])) .ui5-radio-root:focus:before{content:"";display:var(--_ui5-v1-24-23_radio_button_focus_outline);position:absolute;inset:var(--_ui5-v1-24-23_radio_button_focus_dist);pointer-events:none;border:var(--_ui5-v1-24-23_radio_button_border_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5-v1-24-23_radio_button_border_radius)}:host(:not([disabled])) .ui5-radio-root:focus{border-radius:var(--_ui5-v1-24-23_radio_button_border_radius);border:var(--_ui5-v1-24-23_radio_button_focus_border)}:host(:not([value-state="Error"]):not([value-state="Warning"]):not([value-state="Success"]):not([value-state="Information"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--_ui5-v1-24-23_radio_button_outer_ring_hover_color)}:host(:not([value-state="Error"]):not([value-state="Warning"]):not([value-state="Success"]):not([value-state="Information"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--_ui5-v1-24-23_radio_button_outer_ring_checked_hover_color)}.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5-v1-24-23_radio_button_hover_fill)}:host([active][checked]:not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer{stroke:var(--_ui5-v1-24-23_radio_button_outer_ring_checked_hover_color)}:host([active]:not([checked]):not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer{stroke:var(--_ui5-v1-24-23_radio_button_outer_ring_active_color)}:host([text]) .ui5-radio-root{padding-inline-end:var(--_ui5-v1-24-23_radio_button_border_width)}:host([text]) .ui5-radio-root:focus:before{inset-inline-end:0px}:host([text]) .ui5-radio-inner{padding:var(--_ui5-v1-24-23_radio_button_outer_ring_padding_with_label)}:host([checked][readonly]) .ui5-radio-svg-inner{fill:var(--_ui5-v1-24-23_radio_button_read_only_inner_ring_color)}:host([readonly]) .ui5-radio-root .ui5-radio-svg-outer{fill:var(--sapField_ReadOnly_Background);stroke:var(--sapField_ReadOnly_BorderColor);stroke-dasharray:var(--_ui5-v1-24-23_radio_button_read_only_border_type);stroke-width:var(--_ui5-v1-24-23_radio_button_read_only_border_width)}:host([value-state="Error"]) .ui5-radio-svg-outer,:host([value-state="Warning"]) .ui5-radio-svg-outer{stroke-width:var(--sapField_InvalidBorderWidth)}:host([value-state="Information"]) .ui5-radio-svg-outer{stroke-width:var(--_ui5-v1-24-23_radio_button_information_border_width)}:host([value-state="Error"][checked]) .ui5-radio-svg-inner{fill:var(--_ui5-v1-24-23_radio_button_checked_error_fill)}:host([value-state="Error"]) .ui5-radio-svg-outer,:host([value-state="Error"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer{stroke:var(--sapField_InvalidColor);fill:var(--sapField_InvalidBackground)}:host([value-state="Error"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5-v1-24-23_radio_button_hover_fill_error)}:host([value-state="Warning"][checked]) .ui5-radio-svg-inner{fill:var(--_ui5-v1-24-23_radio_button_checked_warning_fill)}:host([value-state="Warning"]) .ui5-radio-svg-outer,:host([value-state="Warning"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer{stroke:var(--sapField_WarningColor);fill:var(--sapField_WarningBackground)}:host([value-state="Warning"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5-v1-24-23_radio_button_hover_fill_warning)}:host([value-state="Success"][checked]) .ui5-radio-svg-inner{fill:var(--_ui5-v1-24-23_radio_button_checked_success_fill)}:host([value-state="Success"]) .ui5-radio-svg-outer,:host([value-state="Success"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer{stroke:var(--sapField_SuccessColor);fill:var(--sapField_SuccessBackground)}:host([value-state="Success"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5-v1-24-23_radio_button_hover_fill_success)}:host([value-state="Information"][checked]) .ui5-radio-svg-inner{fill:var(--_ui5-v1-24-23_radio_button_checked_information_fill)}:host([value-state="Information"]) .ui5-radio-svg-outer,:host([value-state="Information"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer{stroke:var(--sapField_InformationColor);fill:var(--sapField_InformationBackground)}:host([value-state="Information"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5-v1-24-23_radio_button_hover_fill_information)}:host([value-state="Error"]) .ui5-radio-root,:host([value-state="Warning"]) .ui5-radio-root,:host([value-state="Information"]) .ui5-radio-root{stroke-dasharray:var(--_ui5-v1-24-23_radio_button_warning_error_border_dash)}.ui5-radio-root{height:var(--_ui5-v1-24-23_radio_button_height);position:relative;display:inline-flex;flex-wrap:nowrap;outline:none;max-width:100%;box-sizing:border-box;border:var(--_ui5-v1-24-23_radio_button_border);border-radius:var(--_ui5-v1-24-23_radio_button_border_radius)}.ui5-radio-inner{display:flex;align-items:center;padding:var(--_ui5-v1-24-23_radio_button_outer_ring_padding);flex-shrink:0;height:var(--_ui5-v1-24-23_radio_button_inner_size);font-size:1rem;pointer-events:none;vertical-align:top}.ui5-radio-inner{outline:none}.ui5-radio-inner input{-webkit-appearance:none;visibility:hidden;width:0;left:0;position:absolute;font-size:inherit;margin:0}[ui5-label].ui5-radio-label{display:flex;align-items:center;padding-inline-end:var(--_ui5-v1-24-23_radio_button_label_offset);vertical-align:top;max-width:100%;text-overflow:ellipsis;overflow:hidden;pointer-events:none;color:var(--_ui5-v1-24-23_radio_button_label_color)}:host([wrapping-type="Normal"][text]) .ui5-radio-root{height:auto}:host([wrapping-type="Normal"][text]) [ui5-label].ui5-radio-label{padding:var(--_ui5-v1-24-23_radio_button_label_side_padding) 0;overflow-wrap:break-word}.ui5-radio-svg{height:var(--_ui5-v1-24-23_radio_button_svg_size);width:var(--_ui5-v1-24-23_radio_button_svg_size);overflow:visible;pointer-events:none}.ui5-radio-svg-outer{fill:var(--_ui5-v1-24-23_radio_button_outer_ring_bg);stroke:currentColor;stroke-width:var(--_ui5-v1-24-23_radio_button_outer_ring_width)}.ui5-radio-svg-inner{fill:none;r:var(--_ui5-v1-24-23_radio_button_inner_ring_radius)}.ui5-radio-svg-outer,.ui5-radio-svg-inner{flex-shrink:0}:host(.ui5-li-singlesel-radiobtn) .ui5-radio-root .ui5-radio-inner .ui5-radio-svg-outer{fill:var(--sapList_Background)}
|
|
106
106
|
`};var fi=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},gr;let Zm=!1,fp,Tt=gr=class extends E{static get formAssociated(){return!0}constructor(){super(),this._internals=this.attachInternals(),this._deactivate=()=>{fp&&(fp.active=!1)},Zm||(document.addEventListener("mouseup",this._deactivate),Zm=!0)}static async onDefine(){gr.i18nBundle=await M("@ui5/webcomponents")}onBeforeRendering(){this.syncGroup(),this._enableFormSupport()}onExitDOM(){this.syncGroup(!0)}syncGroup(e){const t=this._name,o=this.name,a=this._checked,n=this.checked;e&&ur.removeFromGroup(this,t),o!==t?(t&&ur.removeFromGroup(this,t),o&&ur.addToGroup(this,o)):o&&ur.enforceSingleSelection(this,o),this.name&&n!==a&&ur.updateTabOrder(this.name),this._name=this.name,this._checked=this.checked}_enableFormSupport(){Le("FormSupport")?this._setFormValue():this.value&&console.warn('In order for the "value" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";')}_setFormValue(){this._internals.setFormValue(this.checked?this.value:null)}_resetFormValidity(){this._internals.setValidity({})}_invalidateForm(){this._internals.setValidity({valueMissing:!0},this.radioButtonGroupRequiredText,this.shadowRoot.firstElementChild)}_onclick(){return this.toggle()}_handleDown(e){const t=this.name;t&&(e.preventDefault(),ur.selectNextItem(this,t))}_handleUp(e){const t=this.name;t&&(e.preventDefault(),ur.selectPreviousItem(this,t))}_onkeydown(e){if(F(e))return this.active=!0,e.preventDefault();if(K(e))return this.active=!0,this.toggle();const t=this.effectiveDir==="rtl";(Te(e)||!t&&be(e)||t&&ke(e))&&this._handleDown(e),(Ee(e)||!t&&ke(e)||t&&be(e))&&this._handleUp(e)}_onkeyup(e){F(e)&&this.toggle(),this.active=!1}_onmousedown(){this.active=!0,fp=this}_onmouseup(){this.active=!1}_onfocusout(){this.active=!1}toggle(){return this.canToggle()?this.name?(ur.selectItem(this,this.name),this):(this.checked=!this.checked,this.fireEvent("change"),this):this}canToggle(){return!(this.disabled||this.readonly||this.checked)}get classes(){return{inner:{"ui5-radio-inner--hoverable":!this.disabled&&!this.readonly&&ge()}}}get effectiveAriaDisabled(){return this.disabled||this.readonly?"true":null}get ariaLabelText(){return[Ia(this),this.text].filter(Boolean).join(" ")}get effectiveAriaDescribedBy(){return this.hasValueState?`${this._id}-descr`:void 0}get hasValueState(){return this.valueState!==V.None}get valueStateText(){switch(this.valueState){case V.Error:return gr.i18nBundle.getText(Ud);case V.Warning:return gr.i18nBundle.getText(Wd);case V.Success:return gr.i18nBundle.getText(Gd);case V.Information:return gr.i18nBundle.getText(dh);default:return""}}get radioButtonGroupRequiredText(){return gr.i18nBundle.getText(K4)}get effectiveTabIndex(){const e=this.getAttribute("tabindex");return this.disabled?"-1":this.name?this._tabIndex:e||"0"}};fi([c({type:Boolean})],Tt.prototype,"disabled",void 0);fi([c({type:Boolean})],Tt.prototype,"readonly",void 0);fi([c({type:Boolean})],Tt.prototype,"required",void 0);fi([c({type:Boolean})],Tt.prototype,"checked",void 0);fi([c()],Tt.prototype,"text",void 0);fi([c({type:V,defaultValue:V.None})],Tt.prototype,"valueState",void 0);fi([c()],Tt.prototype,"name",void 0);fi([c()],Tt.prototype,"value",void 0);fi([c({type:Ii,defaultValue:Ii.None})],Tt.prototype,"wrappingType",void 0);fi([c()],Tt.prototype,"accessibleName",void 0);fi([c()],Tt.prototype,"accessibleNameRef",void 0);fi([c({defaultValue:"-1",noAttribute:!0})],Tt.prototype,"_tabIndex",void 0);fi([c({type:Boolean})],Tt.prototype,"active",void 0);fi([$()],Tt.prototype,"formSupport",void 0);Tt=gr=fi([y({tag:"ui5-radio-button",languageAware:!0,renderer:k,template:tR,styles:I2,dependencies:[ph]}),f("change")],Tt);Tt.define();const B2=Tt;v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const rR={packageName:"@sapudex/web-components",fileName:"themes/RadioButton.css.ts",content:`:host{--udex-radio-group-color-display-only-background: var(--udexColorNeutralWhite0, #ffffff00);--udex-radio-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-group-color-display-only-selection: var(--sapField_TextColor, #223548)}:host([display-only]) .ui5-radio-root .ui5-radio-svg-outer{stroke-dasharray:none;fill:var(--udex-radio-group-color-display-only-background);stroke:var(--udex-radio-group-color-display-only-border)}:host([display-only][checked]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--udex-radio-group-color-display-only-selection)}:host([display-only][disabled]) .ui5-radio-root .ui5-radio-svg-outer{stroke:var(--sapField_BorderColor, #5b738b)}:host([display-only][checked][disabled]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--sapContent_Selected_ForegroundColor, #0070f2)}:host([value-state="Success"]){--sapField_SuccessColor: var(--udexCoreSemanticSuccess5, #5DC122)}:host([value-state="Error"]){--sapField_InvalidColor: var(--udexCoreSemanticError5, #FF5C77)}[ui5-label].ui5-radio-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px))}
|
|
107
107
|
`};var E2=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let _d=class extends B2{onAfterRendering(){this.readonly=this.readonly||this.displayOnly}};E2([c({type:Boolean})],_d.prototype,"displayOnly",void 0);_d=E2([y({tag:"udex-radio-button",renderer:k,styles:[I2,rR]})],_d);_d.define();const nR=_d;function sR(i,e,t){return d`${this.modeSelected?lR.call(this,i,e,t):void 0}${this.modeSingleContent?$R.call(this,i,e,t):void 0} `}function lR(i,e,t){return d`<li part="item" role="${r(this.roleItem)}" tabindex="${r(this._effectiveTabIndex)}" aria-disabled="${r(this._ariaDisabled)}" class="${r(this.className)}" @click="${this.handleItemClick}" @mousedown="${this.handleMouseDown}" @mouseup="${this.handleMouseUp}" @keyup="${this.handleKeyUp}" @keydown="${this.handleKeyDown}" @focusin="${this.handleFocusIn}" @focusout="${this.handleFocusOut}" aria-selected="${r(this.selected)}" aria-current="${r(this.selected)}" ?divider="${this.divider}" _id="${r(this._id)}">${this.modeMultiSelect?dR.call(this,i,e,t):void 0}${this.modeRadioGroup?cR.call(this,i,e,t):void 0}<div class="udex-list__content-wrap" _id="${r(this._id)}" aria-labelledby="${r(this._id)}-invisibleText" aria-label="${r(this.accessibleListItemName)}">${this.flag?uR.call(this,i,e,t):void 0}${this.typeNumber?hR.call(this,i,e,t):void 0}${this.typeCircle?pR.call(this,i,e,t):void 0}${this.typeIcon?_R.call(this,i,e,t):void 0}${this.image?vR.call(this,i,e,t):void 0}<div class="udex-list__content" part="content">${this.label?gR.call(this,i,e,t):fR.call(this,i,e,t)}</div><div class="hidden" id="${r(this._id)}-invisibleText">${r(this.accessibleListItemName)}</div></div></li>`}function dR(i,e,t){return t?d`<${u("udex-checkbox",e,t)} class="udex-list__checkbox" part="checkbox" tabindex="-1" ?aria-checked="${this.selected}" ?indeterminate="${this.indeterminate}" accessible-name="checkbox ${r(this.stateAccessibleName)}" ?checked="${this.selected}" ?disabled="${this.disabled}"></${u("udex-checkbox",e,t)}>`:d`<udex-checkbox class="udex-list__checkbox" part="checkbox" tabindex="-1" ?aria-checked="${this.selected}" ?indeterminate="${this.indeterminate}" accessible-name="checkbox ${r(this.stateAccessibleName)}" ?checked="${this.selected}" ?disabled="${this.disabled}"></udex-checkbox>`}function cR(i,e,t){return t?d`<${u("udex-radio-button",e,t)} class="udex-list__radio" part="radio" tabindex="-1" ?aria-checked="${this.selected}" accessible-name="radio ${r(this.stateAccessibleName)}" ?checked="${this.selected}" ?disabled="${this.disabled}"></${u("udex-radio-button",e,t)}>`:d`<udex-radio-button class="udex-list__radio" part="radio" tabindex="-1" ?aria-checked="${this.selected}" accessible-name="radio ${r(this.stateAccessibleName)}" ?checked="${this.selected}" ?disabled="${this.disabled}"></udex-radio-button>`}function uR(i,e,t){return d`<div class="udex-list__flag-wrap"><span class="udex-list__flag" style="background-position: ${r(this.flagPosition)}"></span></div>`}function hR(i,e,t){return d`<span class="udex-list__number">${r(this.numberOfItem)}.</span>`}function pR(i,e,t){return d`<span class="udex-list__circle">•</span>`}function _R(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-list__icon" name="${r(this._icon)}" accessible-role="presentation" aria-hidden="true" part="icon"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-list__icon" name="${r(this._icon)}" accessible-role="presentation" aria-hidden="true" part="icon"></ui5-icon>`}function vR(i,e,t){return t?d`<${u("udex-avatar",e,t)} class="udex-list__avatar" shape="${r(this.imageShape)}" size="${r(this.imageSize)}" part="avatar"><img src="${r(this.image)}" alt="${r(this.imageAlt)}" /></${u("udex-avatar",e,t)}>`:d`<udex-avatar class="udex-list__avatar" shape="${r(this.imageShape)}" size="${r(this.imageSize)}" part="avatar"><img src="${r(this.image)}" alt="${r(this.imageAlt)}" /></udex-avatar>`}function gR(i,e,t){return d`<div class="udex-list__text-holder"><span part="title">${je(this.label)}</span>${this.supportingText?mR.call(this,i,e,t):void 0}<slot part="content"></slot></div>`}function mR(i,e,t){return d`<span class="udex-list__supporting-text" part="supporting">${r(this.supportingText)}</span>`}function fR(i,e,t){return d`<div class="udex-list__text-holder"><slot part="content"></slot>${this.supportingText?bR.call(this,i,e,t):void 0}</div>${this.additionalText?xR.call(this,i,e,t):void 0}${this.editIcon?yR.call(this,i,e,t):wR.call(this,i,e,t)}${this.deleteIcon?kR.call(this,i,e,t):SR.call(this,i,e,t)}`}function bR(i,e,t){return d`<span class="udex-list__supporting-text" part="supporting">${r(this.supportingText)}</span>`}function xR(i,e,t){return d`<div class="udex-list__add-text" part="additional-text">${r(this.additionalText)}</div>`}function yR(i,e,t){return t?d`<${u("udex-button",e,t)} @click="${this.handleEditClick}" @keydown="${this.handleKeyDownIcon}" part="edit-button" class="udex-list__edit-button" design="Tertiary" icon="${r(this.editIcon)}" accessible-name="${r(this.editButtonAccessibleName)}" toolTip="${r(this.editButtonAccessibleName)}" ?disabled="${this.disabled}" size="Small"></${u("udex-button",e,t)}>`:d`<udex-button @click="${this.handleEditClick}" @keydown="${this.handleKeyDownIcon}" part="edit-button" class="udex-list__edit-button" design="Tertiary" icon="${r(this.editIcon)}" accessible-name="${r(this.editButtonAccessibleName)}" toolTip="${r(this.editButtonAccessibleName)}" ?disabled="${this.disabled}" size="Small"></udex-button>`}function wR(i,e,t){return d`<slot name="firstIcon"></slot>`}function kR(i,e,t){return t?d`<${u("udex-button",e,t)} @click="${this.handleDeleteClick}" @keydown="${this.handleKeyDownIcon}" part="delete-button" class="udex-list__delete-button" design="Tertiary" size="Small" accessible-name="${r(this.deleteButtonAccessibleName)}" toolTip="${r(this.deleteButtonAccessibleName)}" icon="${r(this.deleteIcon)}" ?disabled="${this.disabled}"></${u("udex-button",e,t)}>`:d`<udex-button @click="${this.handleDeleteClick}" @keydown="${this.handleKeyDownIcon}" part="delete-button" class="udex-list__delete-button" design="Tertiary" size="Small" accessible-name="${r(this.deleteButtonAccessibleName)}" toolTip="${r(this.deleteButtonAccessibleName)}" icon="${r(this.deleteIcon)}" ?disabled="${this.disabled}"></udex-button>`}function SR(i,e,t){return d`<slot name="secondIcon"></slot>`}function $R(i,e,t){return d`<li part="item" role="${r(this.roleItem)}" class="${r(this.className)}"><div class="udex-list__content-wrap" _id="${r(this._id)}" aria-labelledby="${r(this._id)}-invisibleText" aria-label="${r(this.accessibleListItemName)}">${this.flag?TR.call(this,i,e,t):void 0}${this.typeNumber?CR.call(this,i,e,t):void 0}${this.typeCircle?IR.call(this,i,e,t):void 0}${this.typeIcon?BR.call(this,i,e,t):void 0}${this.image?ER.call(this,i,e,t):void 0}<div class="udex-list__content" part="content">${this.label?AR.call(this,i,e,t):PR.call(this,i,e,t)}</div><div class="hidden" id="${r(this._id)}-invisibleText">${r(this.accessibleListItemName)}</div></div></li>`}function TR(i,e,t){return d`<div class="udex-list__flag-wrap"><span class="udex-list__flag" style="background-position: ${r(this.flagPosition)}"></span></div>`}function CR(i,e,t){return d`<span class="udex-list__number">${r(this.numberOfItem)}.</span>`}function IR(i,e,t){return d`<span class="udex-list__circle">•</span>`}function BR(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-list__icon" name="${r(this._icon)}" accessible-role="presentation" aria-hidden="true" part="icon"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-list__icon" name="${r(this._icon)}" accessible-role="presentation" aria-hidden="true" part="icon"></ui5-icon>`}function ER(i,e,t){return t?d`<${u("udex-avatar",e,t)} class="udex-list__avatar" shape="${r(this.imageShape)}" size="${r(this.imageSize)}" part="avatar"><img src="${r(this.image)}" alt="${r(this.imageAlt)}" /></${u("udex-avatar",e,t)}>`:d`<udex-avatar class="udex-list__avatar" shape="${r(this.imageShape)}" size="${r(this.imageSize)}" part="avatar"><img src="${r(this.image)}" alt="${r(this.imageAlt)}" /></udex-avatar>`}function AR(i,e,t){return d`<div class="udex-list__text-holder"><span part="title">${je(this.label)}</span>${this.supportingText?DR.call(this,i,e,t):void 0}<slot part="content"></slot></div>`}function DR(i,e,t){return d`<span class="udex-list__supporting-text" part="supporting">${r(this.supportingText)}</span>`}function PR(i,e,t){return d`<div class="udex-list__text-holder"><slot part="content"></slot>${this.supportingText?NR.call(this,i,e,t):void 0}</div>${this.additionalText?RR.call(this,i,e,t):void 0}${this.editIcon?LR.call(this,i,e,t):jR.call(this,i,e,t)}${this.deleteIcon?MR.call(this,i,e,t):OR.call(this,i,e,t)}`}function NR(i,e,t){return d`<span class="udex-list__supporting-text" part="supporting">${r(this.supportingText)}</span>`}function RR(i,e,t){return d`<div class="udex-list__add-text" part="additional-text">${r(this.additionalText)}</div>`}function LR(i,e,t){return t?d`<${u("udex-button",e,t)} @click="${this.handleEditClick}" @keydown="${this.handleKeyDownIcon}" part="edit-button" class="udex-list__edit-button" design="Tertiary" icon="${r(this.editIcon)}" accessible-name="${r(this.editButtonAccessibleName)}" toolTip="${r(this.editButtonAccessibleName)}" ?disabled="${this.disabled}" size="Small"></${u("udex-button",e,t)}>`:d`<udex-button @click="${this.handleEditClick}" @keydown="${this.handleKeyDownIcon}" part="edit-button" class="udex-list__edit-button" design="Tertiary" icon="${r(this.editIcon)}" accessible-name="${r(this.editButtonAccessibleName)}" toolTip="${r(this.editButtonAccessibleName)}" ?disabled="${this.disabled}" size="Small"></udex-button>`}function jR(i,e,t){return d`<slot name="firstIcon"></slot>`}function MR(i,e,t){return t?d`<${u("udex-button",e,t)} @click="${this.handleDeleteClick}" @keydown="${this.handleKeyDownIcon}" part="delete-button" class="udex-list__delete-button" design="Tertiary" size="Small" accessible-name="${r(this.deleteButtonAccessibleName)}" toolTip="${r(this.deleteButtonAccessibleName)}" icon="${r(this.deleteIcon)}" ?disabled="${this.disabled}"></${u("udex-button",e,t)}>`:d`<udex-button @click="${this.handleDeleteClick}" @keydown="${this.handleKeyDownIcon}" part="delete-button" class="udex-list__delete-button" design="Tertiary" size="Small" accessible-name="${r(this.deleteButtonAccessibleName)}" toolTip="${r(this.deleteButtonAccessibleName)}" icon="${r(this.deleteIcon)}" ?disabled="${this.disabled}"></udex-button>`}function OR(i,e,t){return d`<slot name="secondIcon"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const zR={packageName:"@sapudex/web-components",fileName:"themes/ListItem.css.ts",content:`:host{--udex-list-item-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);--udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-color-active: var(--sapList_Active_TextColor, #000);--udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);--udex-list-item-border-color-selected-hover: var(--udexColorBlue8, #0057D2);--udex-list-item-background-default: var(--sapList_Background, #FFF);--udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-default: var(--sapContent_LabelColor, #475E75);--udex-list-item-supporting-text-color-hover: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);--udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);--udex-list-item-border-color-selected: var(--sapList_SelectionBorderColor, #0070F2);--udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);--udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);--udex-list-item-divider-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-divider-border-color-hover: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, .4);background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;border-bottom:1px solid transparent;position:relative}:host([disabled]:not([mode="SingleContent"])){opacity:var(--udex-list-item-disabled-opacity);pointer-events:none}:host(:not([disabled]):not([mode="SingleContent"])){cursor:pointer}:host([active]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-active)}:host([active][selected]){background:var(--udex-list-item-background-active)}:host(:not([disabled]):not([selected]):not([mode="SingleContent"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-hover)}:host(:not([mode="SingleContent"]):not([disabled])[desktop]) .udex-list__item:focus:before,:host(:not([mode="SingleContent"]):not([disabled])) .udex-list__item:focus-visible:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]){background:var(--udex-list-item-background-active);color:var(--udex-list-item-color-active)}:host(:hover[active][focused]:not([mode="SingleContent"])){background:var(--udex-list-item-background-active);border-color:var(--udex-list-item-border-color-active);color:var(--udex-list-item-color-active)}:host(:not([disabled]):hover) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-hover)}:host([selected]:not([mode="SingleContent"])){background:var(--udex-list-item-background-selected);border-color:var(--udex-list-item-border-color-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover);border-color:var(--udex-list-item-border-color-selected-hover)}:host([selected]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-selected)}:host([divider]){border-color:var(--udex-list-item-divider-border-color)}:host([divider]):hover{border-color:var(--udex-list-item-divider-border-color-hover)}:host([additional-text-state="Success"])::part(additional-text){color:var(--udexColorGreen9, #1E592F)}:host([additional-text-state="Error"])::part(additional-text){color:var(--udexColorRed9, #840606)}:host([additional-text-state="Information"])::part(additional-text){color:var(--udexColorBlue9, #0040B0)}:host([additional-text-state="Warning"])::part(additional-text){color:var(--udexColorMango9, #8D2A00)}:host::part(checkbox),:host::part(radio){padding-inline-end:var(--udexSpacer12, 12px);min-width:42px}:host([mode="SingleContent"])::part(item){padding:var(--udexSpacer4, 4px) 0;border:none}:host([mode="SingleContent"])::part(avatar){padding-inline-start:var(--udexSpacer12, 12px)}:host::part(additional-text){margin-inline-start:0;margin-inline-end:var(--udexSpacer8, 8px)}:host([mode="SingleContent"])::part(button){padding:0}:host(.udex-list__sticky){position:absolute;top:0;right:12px;left:0;z-index:1;border-radius:var(--udexRadiusM, 8px) 0 0}::slotted([udex-list]){padding-top:var(--udexSpacer12, 12px);display:block}::slotted(b){display:inherit}::slotted([udex-button]:hover:not([active])){background-color:var(--udex-button-color-tertiary-standard-default-background)}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-supporting-text-color-default);padding-top:var(--udexSpacer8, 8px)}.udex-list__content{display:flex;align-items:center;flex:auto}.udex-list__text-holder{display:flex;flex-direction:column;flex-basis:100%}.udex-list__add-text{font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 21px);padding-inline-start:var(--udexSpacer12, 12px);white-space:nowrap}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__avatar{display:flex;align-items:center;margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__item.udex-list__sticky.udex-list__item_controlled .udex-list__checkbox,.udex-list__item.udex-searchable-list__header.udex-list__item_controlled .udex-list__checkbox,.udex-list__item .udex-list__radio,.udex-list__item .udex-list__checkbox{pointer-events:none}.udex-list__item.udex-list__item_controlled .udex-list__radio,.udex-list__item.udex-list__item_controlled .udex-list__checkbox{pointer-events:auto}.udex-list__item_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__item_large .udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px)}.udex-list__edit-button,.udex-list__delete-button{--udex-button-color-tertiary-standard-hover-background: none;--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey7, #475E75);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue7, #0070f2)}.udex-list__edit-button,.udex-list__delete-button{margin-inline-start:var(--udexSpacer2, 2px)}.udex-list__delete-button:focus-visible,.udex-list__edit-button:focus-visible{outline:2px solid var(--udex-list-item-outline-border-color);border-radius:2px}.udex-list__edit-icon,.udex-list__delete-icon{color:var(--udexColorBlue7, #0070f2)}.udex-list__flag-wrap{min-width:30px;margin-inline-end:var(--udexSpacer12, 12px);position:relative}.udex-list__flag{background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);width:30px;height:20px;margin-inline-end:var(--udexSpacer12, 12px);position:absolute;top:50%;transform:translateY(-50%)}.hidden{display:none}
|
|
108
|
-
`};var ft=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},mr;const mc="udex-list__item",FR="option";let Qe=mr=class extends rl{constructor(){super(),this.deactivate=()=>{this.active&&(this.active=!1)}}static async onDefine(){mr.i18nBundle=await M("@sapudex/web-components")}onEnterDOM(){document.addEventListener("mouseup",this.deactivate),ge()&&this.setAttribute("desktop","")}onExitDOM(){document.removeEventListener("mouseup",this.deactivate)}handleMouseDown(){this.activate()}handleMouseUp(){this.deactivate()}handleKeyUp(e){e.preventDefault(),(F(e)||K(e))&&this.deactivate()}handleKeyDown(e){F(e)&&e.preventDefault(),(F(e)||K(e))&&(this.activate(),this.handleItemClick(e))}handleKeyDownIcon(e){e.stopPropagation()}handleItemClick(e){this.disabled||(!this.indeterminate&&!this.controlled&&(this.selected=!this.selected),this.fireItemPress(e))}handleFocusIn(){this.disabled||(this.focused=!0,this.fireEvent("item-focus",{item:this}))}handleFocusOut(){this.disabled||(this.focused=!1,this.deactivate())}handleDeleteClick(e){this.disabled||(e.stopPropagation(),this.fireEvent("delete-press",{item:this}))}handleEditClick(e){this.disabled||(e.stopPropagation(),this.fireEvent("edit-press",{item:this}))}fireItemPress(e){K(e)&&e.preventDefault(),this.fireEvent("item-press",{selected:this.selected,item:this})}activate(){this.disabled||(this.active=!0)}get className(){const e=this==null?void 0:this.parentElement,t=this.controlled?`${mc}_controlled`:"",o=e!=null&&e.isGroup?`${mc}_group`:"",a=this.isLargeSize?`${mc}_large`:"";return`${mc} ${o} ${this._additionalClassName} ${t} ${a}`.trim()}get roleItem(){return this.accessibleRole.length>0?this.accessibleRole:FR}get _ariaDisabled(){return this.disabled?!0:void 0}get modeSingleContent(){return this.mode===fe.SingleContent}get modeRadioGroup(){return this.mode===fe.RadioGroup}get modeSelected(){return[fe.SingleSelect,fe.MultiSelect,fe.RadioGroup].includes(this.mode)}get isLargeSize(){return this.size===js.Large}get accessibleListItemName(){return this.accessibleName||this.label}get stateAccessibleName(){return this.indeterminate?mr.i18nBundle.getText(NC):`${this.selected?mr.i18nBundle.getText(Wy):mr.i18nBundle.getText(PC)} `}get editButtonAccessibleName(){return mr.i18nBundle.getText(RC)}get deleteButtonAccessibleName(){return mr.i18nBundle.getText(LC)}};ft([c({type:String})],Qe.prototype,"editIcon",void 0);ft([c({type:String})],Qe.prototype,"deleteIcon",void 0);ft([c()],Qe.prototype,"accessibleName",void 0);ft([c({type:String})],Qe.prototype,"flagPosition",void 0);ft([c({type:Boolean})],Qe.prototype,"flag",void 0);ft([c({type:Boolean})],Qe.prototype,"active",void 0);ft([c({type:Boolean})],Qe.prototype,"focused",void 0);ft([c({type:String})],Qe.prototype,"additionalText",void 0);ft([c({type:Su,defaultValue:Su.None})],Qe.prototype,"additionalTextState",void 0);ft([c({type:String})],Qe.prototype,"image",void 0);ft([c({type:String})],Qe.prototype,"imageAlt",void 0);ft([c({type:Ds,defaultValue:Ds.Circle})],Qe.prototype,"imageShape",void 0);ft([c({type:zo,defaultValue:zo.S})],Qe.prototype,"imageSize",void 0);ft([$({type:Node,default:!0})],Qe.prototype,"content",void 0);ft([$({type:Wt})],Qe.prototype,"firstIcon",void 0);ft([$({type:Wt})],Qe.prototype,"secondIcon",void 0);ft([c({type:String})],Qe.prototype,"accessibleRole",void 0);ft([c({type:String})],Qe.prototype,"_additionalClassName",void 0);Qe=mr=ft([y({tag:"udex-list-item",renderer:k,styles:zR,template:sR,dependencies:[N5,Wt,nR,fP,U]}),f("item-press",{detail:{selected:{type:Boolean},item:{type:HTMLElement}}}),f("item-focus",{detail:{item:{type:HTMLElement}}}),f("delete-press",{detail:{item:{type:HTMLElement}}}),f("edit-press",{detail:{item:{type:HTMLElement}}})],Qe);Qe.define();const Yn=Qe,XR="navigation-down-arrow",A2="M425.5 137q9-9 22.5-9t22.5 9q10 10 10 23t-10 23l-193 197q-4 2-5 3-2 1-2.5 1.5t-2.5 1.5q-6 2-11 2-2 0-3-.5t-2-.5q-4 0-6-1t-3.5-2-3.5-2q-1-1-1.5-1t-1.5-1-2-1l-192-196q-10-10-10-23t10-23q9-9 22.5-9t22.5 9l154 155q16 10 32 0z",HR=!1,qR="SAP-icons-v4",VR="@ui5/webcomponents-icons";D(XR,{pathData:A2,ltr:HR,collection:qR,packageName:VR});const UR="navigation-down-arrow",D2="M96 186q0-11 7.5-18.5T122 160q10 0 18 8l116 121 116-121q8-8 18-8 11 0 18.5 7.5T416 186q0 10-7 17L275 344q-8 8-19 8-12 0-18-8L103 203q-7-7-7-17z",WR=!1,GR="SAP-icons-v5",YR="@ui5/webcomponents-icons";D(UR,{pathData:D2,ltr:WR,collection:GR,packageName:YR});oe();var ai=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Nc;let Ct=Nc=class extends og{constructor(){super(),this._open=!1,this.countryList=C2,this._shouldFilterItems=!1,this._handleResizeBound=this._handleResize.bind(this),this._filteredItems=[]}onEnterDOM(){J.register(this,this._handleResizeBound)}onExitDOM(){J.deregister(this,this._handleResizeBound)}onBeforeRendering(){var e;if((e=this.blockedCountryCodes)!=null&&e.length){const t=this.blockedCountryCodes.split(",").map(o=>o.trim().toUpperCase());this.countryList=this.countryList.filter(o=>!(t!=null&&t.includes(o.iso.toUpperCase())))}this.selectedCountry||(this.selectedCountry=this.countryList.find(t=>t.iso.toUpperCase()===this.preselectedCountry.toUpperCase())),this.prepareCountrySelectorItems(),this._shouldFilterItems||(this._filteredItems=this.getProcessedItems())}onAfterRendering(){this._dropdown=this.getDropdown(),this._search=this.getSearch(),this._trigger=this.getTrigger()}getTrigger(){return this.shadowRoot.querySelector(".udex-country-selector__dropdown")}_dropdownBeforeOpen(){this.onResetSearch(),this._open=!0,this.fireEvent("before-open")}_dropdownAfterClose(){this._open=!1,this.fireEvent("after-close")}_dropdownAfterOpen(){this.fireEvent("after-open")}_dropdownBeforeClose(){this.fireEvent("before-close")}get searchableList(){return Ya(Nc.searchableListBaseTemplate,this)}static get searchableListBaseTemplate(){return ig}_handleResize(){this._dropdown.style.setProperty("--udex-dropdown-pane-width",`${this._trigger.offsetWidth}px`)}get ariaControls(){const e=this.shadowRoot.querySelector("[udex-list]");return e==null?void 0:e.getAttribute("id")}get selectedCountryFlagX(){var e;return(e=this.selectedCountry)==null?void 0:e.flagX}get selectedCountryFlagY(){var e;return(e=this.selectedCountry)==null?void 0:e.flagY}get selectedCountryName(){return this.selectedCountry?this.getCountryLabel(this.selectedCountry.countryName,this.selectedCountry.localName):""}get flagAriaLabel(){var e,t;return this.getCountryLabel((e=this.selectedCountry)==null?void 0:e.countryName,(t=this.selectedCountry)==null?void 0:t.localName)||"None"}get triggerIcon(){if(!this.displayonly)return this._open?"navigation-up-arrow":"navigation-down-arrow"}get countrySelectorClasses(){const e="udex-country-selector__dropdown";return this.hideFlagImages?`${e} ${e}--hide-flag`:e}get countrySelectorTriggerClasses(){const e="udex-country-selector__trigger",t=[e];return this.disabled&&t.push(`${e}--disabled`),this.readonly&&t.push(`${e}--readonly`),this.displayonly&&t.push(`${e}--displayonly`),t.join(" ")}get showFlagImages(){return!this.hideFlagImages}get isOpenerDisabled(){return this.readonly||this.displayonly||this.disabled}getItemTemplate(e){return this.hideFlagImages?void 0:`<span class="udex-country-selector-item__image" style="background-position:${e.flagX}">`}getCountryLabel(e,t){return t?`${e} (${t})`:e||null}handleCloseSearch(){var e,t;this.dropdownClose(),(t=(e=this.getTextField())==null?void 0:e.shadowRoot.querySelector("[udex-control-button]"))==null||t.focus()}handleItemPress(e){var a;this.onItemPress(e);const t=e.target,o=this.getItemFromList(t==null?void 0:t.getAttribute("data-token-id"));this.selectedCountry=this.countryList.find(n=>n.iso===o._id),(a=this.getDropdownPopover())==null||a.close()}handleKeyPress(e){const t=e.key;this._dropdown.onOpen(this.getTextField()),this._search.focus(),this._search.value=t,this.fireChangeSearch()}handleInputMouseDown(e){e.preventDefault()}handleTriggerClick(){this._dropdown.onOpen(this.getTextField()._inputHolder),this._dropdown.open=!this._dropdown.open}handleValueSearch(e){this.onSearch(e),this.fireChangeSearch()}handleSubmitSearch(){this.onSubmitSearch()}handleKeyDownSearch(e){var o;const t=e.detail;St(t)&&this.dropdownClose(),Fe(t)&&(t.preventDefault(),(o=this.getDropdownPopover())==null||o.close())}handleKeyDownDropdown(e){Lt(e)&&(e.target!==this._search||this.isListEmpty)&&this.dropdownClose()}dropdownClose(){var e;(e=this.getDropdownPopover())==null||e.close(!1,!1,!0)}handleResetSearch(){this.onResetSearch()}prepareCountrySelectorItems(){this.items.length=0,this.countryList.forEach(e=>{var o;const t=e.iso.toUpperCase()===((o=this.selectedCountry)==null?void 0:o.iso.toUpperCase());this.items.push({label:this.getCountryLabel(e.countryName,e.localName),innerHTML:this.getItemTemplate(e),selected:t,_id:e.iso.toUpperCase()})})}fireChangeSearch(){this.fireEvent("change-search",{value:this._search.value})}getSearch(){return this.shadowRoot.querySelector("[udex-search]")}getDropdownPopover(){return this._dropdown.shadowRoot.querySelector("[ui5-popover]")}getDropdown(){return this.shadowRoot.querySelector("[udex-dropdown]")}getTextField(){return this.shadowRoot.querySelector("[udex-text-field]")}get effectiveAriaLabel(){return this.label||this.accessibleName||Nc.i18nBundle.getText(o5)}};ai([c({type:String})],Ct.prototype,"label",void 0);ai([c()],Ct.prototype,"accessibleName",void 0);ai([c({defaultValue:""})],Ct.prototype,"accessibleNameRef",void 0);ai([c({type:Boolean})],Ct.prototype,"required",void 0);ai([c({type:String})],Ct.prototype,"height",void 0);ai([c({type:Boolean})],Ct.prototype,"disabled",void 0);ai([c({type:Boolean})],Ct.prototype,"readonly",void 0);ai([c({type:Boolean})],Ct.prototype,"displayonly",void 0);ai([c({type:String})],Ct.prototype,"preselectedCountry",void 0);ai([c({type:String})],Ct.prototype,"blockedCountryCodes",void 0);ai([c({type:String})],Ct.prototype,"searchPlaceholder",void 0);ai([c({type:Be,defaultValue:Be.Standard})],Ct.prototype,"valueState",void 0);ai([c({type:String,defaultValue:""})],Ct.prototype,"supportingText",void 0);ai([c({type:Boolean})],Ct.prototype,"hideFlagImages",void 0);ai([c({type:Boolean})],Ct.prototype,"_open",void 0);Ct=Nc=ai([y({tag:"udex-country-selector",renderer:k,styles:FP,template:AP,dependencies:[mh,al,Yn,ec,gh,Ut,Gn]}),f("before-open"),f("after-open"),f("before-close"),f("after-close"),f("change-search",{detail:{value:{type:String}}}),f("reset-search"),f("submit-search",{detail:{selectedItems:{type:Array}}})],Ct);Ct.define();const dt=console;dt.warning=console.warn;/*!
|
|
108
|
+
`};var ft=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},mr;const mc="udex-list__item",FR="option";let Qe=mr=class extends rl{constructor(){super(),this.deactivate=()=>{this.active&&(this.active=!1)}}static async onDefine(){mr.i18nBundle=await M("@sapudex/web-components")}onEnterDOM(){document.addEventListener("mouseup",this.deactivate),ge()&&this.setAttribute("desktop","")}onExitDOM(){document.removeEventListener("mouseup",this.deactivate)}handleMouseDown(){this.activate()}handleMouseUp(){this.deactivate()}handleKeyUp(e){e.preventDefault(),(F(e)||K(e))&&this.deactivate()}handleKeyDown(e){F(e)&&e.preventDefault(),(F(e)||K(e))&&(this.activate(),this.handleItemClick(e))}handleKeyDownIcon(e){e.stopPropagation()}handleItemClick(e){this.disabled||(!this.indeterminate&&!this.controlled&&(this.selected=!this.selected),this.fireItemPress(e))}handleFocusIn(){this.disabled||(this.focused=!0,this.fireEvent("item-focus",{item:this}))}handleFocusOut(){this.disabled||(this.focused=!1,this.deactivate())}handleDeleteClick(e){this.disabled||(e.stopPropagation(),this.fireEvent("delete-press",{item:this}))}handleEditClick(e){this.disabled||(e.stopPropagation(),this.fireEvent("edit-press",{item:this}))}fireItemPress(e){K(e)&&e.preventDefault(),this.fireEvent("item-press",{selected:this.selected,item:this})}activate(){this.disabled||(this.active=!0)}get className(){const e=this==null?void 0:this.parentElement,t=this.controlled?`${mc}_controlled`:"",o=e!=null&&e.isGroup?`${mc}_group`:"",a=this.isLargeSize?`${mc}_large`:"";return`${mc} ${o} ${this._additionalClassName} ${t} ${a}`.trim()}get roleItem(){return this.accessibleRole.length>0?this.accessibleRole:FR}get _ariaDisabled(){return this.disabled?!0:void 0}get modeSingleContent(){return this.mode===fe.SingleContent}get modeRadioGroup(){return this.mode===fe.RadioGroup}get modeSelected(){return[fe.SingleSelect,fe.MultiSelect,fe.RadioGroup].includes(this.mode)}get isLargeSize(){return this.size===js.Large}get accessibleListItemName(){var e;return this.accessibleName||((e=this.label)==null?void 0:e.replace(/<[^>]+>/g,""))}get stateAccessibleName(){return this.indeterminate?mr.i18nBundle.getText(NC):`${this.selected?mr.i18nBundle.getText(Wy):mr.i18nBundle.getText(PC)} `}get editButtonAccessibleName(){return mr.i18nBundle.getText(RC)}get deleteButtonAccessibleName(){return mr.i18nBundle.getText(LC)}};ft([c({type:String})],Qe.prototype,"editIcon",void 0);ft([c({type:String})],Qe.prototype,"deleteIcon",void 0);ft([c()],Qe.prototype,"accessibleName",void 0);ft([c({type:String})],Qe.prototype,"flagPosition",void 0);ft([c({type:Boolean})],Qe.prototype,"flag",void 0);ft([c({type:Boolean})],Qe.prototype,"active",void 0);ft([c({type:Boolean})],Qe.prototype,"focused",void 0);ft([c({type:String})],Qe.prototype,"additionalText",void 0);ft([c({type:Su,defaultValue:Su.None})],Qe.prototype,"additionalTextState",void 0);ft([c({type:String})],Qe.prototype,"image",void 0);ft([c({type:String})],Qe.prototype,"imageAlt",void 0);ft([c({type:Ds,defaultValue:Ds.Circle})],Qe.prototype,"imageShape",void 0);ft([c({type:zo,defaultValue:zo.S})],Qe.prototype,"imageSize",void 0);ft([$({type:Node,default:!0})],Qe.prototype,"content",void 0);ft([$({type:Wt})],Qe.prototype,"firstIcon",void 0);ft([$({type:Wt})],Qe.prototype,"secondIcon",void 0);ft([c({type:String})],Qe.prototype,"accessibleRole",void 0);ft([c({type:String})],Qe.prototype,"_additionalClassName",void 0);Qe=mr=ft([y({tag:"udex-list-item",renderer:k,styles:zR,template:sR,dependencies:[N5,Wt,nR,fP,U]}),f("item-press",{detail:{selected:{type:Boolean},item:{type:HTMLElement}}}),f("item-focus",{detail:{item:{type:HTMLElement}}}),f("delete-press",{detail:{item:{type:HTMLElement}}}),f("edit-press",{detail:{item:{type:HTMLElement}}})],Qe);Qe.define();const Yn=Qe,XR="navigation-down-arrow",A2="M425.5 137q9-9 22.5-9t22.5 9q10 10 10 23t-10 23l-193 197q-4 2-5 3-2 1-2.5 1.5t-2.5 1.5q-6 2-11 2-2 0-3-.5t-2-.5q-4 0-6-1t-3.5-2-3.5-2q-1-1-1.5-1t-1.5-1-2-1l-192-196q-10-10-10-23t10-23q9-9 22.5-9t22.5 9l154 155q16 10 32 0z",HR=!1,qR="SAP-icons-v4",VR="@ui5/webcomponents-icons";D(XR,{pathData:A2,ltr:HR,collection:qR,packageName:VR});const UR="navigation-down-arrow",D2="M96 186q0-11 7.5-18.5T122 160q10 0 18 8l116 121 116-121q8-8 18-8 11 0 18.5 7.5T416 186q0 10-7 17L275 344q-8 8-19 8-12 0-18-8L103 203q-7-7-7-17z",WR=!1,GR="SAP-icons-v5",YR="@ui5/webcomponents-icons";D(UR,{pathData:D2,ltr:WR,collection:GR,packageName:YR});oe();var ai=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Nc;let Ct=Nc=class extends og{constructor(){super(),this._open=!1,this.countryList=C2,this._shouldFilterItems=!1,this._handleResizeBound=this._handleResize.bind(this),this._filteredItems=[]}onEnterDOM(){J.register(this,this._handleResizeBound)}onExitDOM(){J.deregister(this,this._handleResizeBound)}onBeforeRendering(){var e;if((e=this.blockedCountryCodes)!=null&&e.length){const t=this.blockedCountryCodes.split(",").map(o=>o.trim().toUpperCase());this.countryList=this.countryList.filter(o=>!(t!=null&&t.includes(o.iso.toUpperCase())))}this.selectedCountry||(this.selectedCountry=this.countryList.find(t=>t.iso.toUpperCase()===this.preselectedCountry.toUpperCase())),this.prepareCountrySelectorItems(),this._shouldFilterItems||(this._filteredItems=this.getProcessedItems())}onAfterRendering(){this._dropdown=this.getDropdown(),this._search=this.getSearch(),this._trigger=this.getTrigger()}getTrigger(){return this.shadowRoot.querySelector(".udex-country-selector__dropdown")}_dropdownBeforeOpen(){this.onResetSearch(),this._open=!0,this.fireEvent("before-open")}_dropdownAfterClose(){this._open=!1,this.fireEvent("after-close")}_dropdownAfterOpen(){this.fireEvent("after-open")}_dropdownBeforeClose(){this.fireEvent("before-close")}get searchableList(){return Ya(Nc.searchableListBaseTemplate,this)}static get searchableListBaseTemplate(){return ig}_handleResize(){this._dropdown.style.setProperty("--udex-dropdown-pane-width",`${this._trigger.offsetWidth}px`)}get ariaControls(){const e=this.shadowRoot.querySelector("[udex-list]");return e==null?void 0:e.getAttribute("id")}get selectedCountryFlagX(){var e;return(e=this.selectedCountry)==null?void 0:e.flagX}get selectedCountryFlagY(){var e;return(e=this.selectedCountry)==null?void 0:e.flagY}get selectedCountryName(){return this.selectedCountry?this.getCountryLabel(this.selectedCountry.countryName,this.selectedCountry.localName):""}get flagAriaLabel(){var e,t;return this.getCountryLabel((e=this.selectedCountry)==null?void 0:e.countryName,(t=this.selectedCountry)==null?void 0:t.localName)||"None"}get triggerIcon(){if(!this.displayonly)return this._open?"navigation-up-arrow":"navigation-down-arrow"}get countrySelectorClasses(){const e="udex-country-selector__dropdown";return this.hideFlagImages?`${e} ${e}--hide-flag`:e}get countrySelectorTriggerClasses(){const e="udex-country-selector__trigger",t=[e];return this.disabled&&t.push(`${e}--disabled`),this.readonly&&t.push(`${e}--readonly`),this.displayonly&&t.push(`${e}--displayonly`),t.join(" ")}get showFlagImages(){return!this.hideFlagImages}get isOpenerDisabled(){return this.readonly||this.displayonly||this.disabled}getItemTemplate(e){return this.hideFlagImages?void 0:`<span class="udex-country-selector-item__image" style="background-position:${e.flagX}">`}getCountryLabel(e,t){return t?`${e} (${t})`:e||null}handleCloseSearch(){var e,t;this.dropdownClose(),(t=(e=this.getTextField())==null?void 0:e.shadowRoot.querySelector("[udex-control-button]"))==null||t.focus()}handleItemPress(e){var a;this.onItemPress(e);const t=e.target,o=this.getItemFromList(t==null?void 0:t.getAttribute("data-token-id"));this.selectedCountry=this.countryList.find(n=>n.iso===o._id),(a=this.getDropdownPopover())==null||a.close()}handleKeyPress(e){const t=e.key;this._dropdown.onOpen(this.getTextField()),this._search.focus(),this._search.value=t,this.fireChangeSearch()}handleInputMouseDown(e){e.preventDefault()}handleTriggerClick(){this._dropdown.onOpen(this.getTextField()._inputHolder),this._dropdown.open=!this._dropdown.open}handleValueSearch(e){this.onSearch(e),this.fireChangeSearch()}handleSubmitSearch(){this.onSubmitSearch()}handleKeyDownSearch(e){var o;const t=e.detail;St(t)&&this.dropdownClose(),Fe(t)&&(t.preventDefault(),(o=this.getDropdownPopover())==null||o.close())}handleKeyDownDropdown(e){Lt(e)&&(e.target!==this._search||this.isListEmpty)&&this.dropdownClose()}dropdownClose(){var e;(e=this.getDropdownPopover())==null||e.close(!1,!1,!0)}handleResetSearch(){this.onResetSearch()}prepareCountrySelectorItems(){this.items.length=0,this.countryList.forEach(e=>{var o;const t=e.iso.toUpperCase()===((o=this.selectedCountry)==null?void 0:o.iso.toUpperCase());this.items.push({label:this.getCountryLabel(e.countryName,e.localName),innerHTML:this.getItemTemplate(e),selected:t,_id:e.iso.toUpperCase()})})}fireChangeSearch(){this.fireEvent("change-search",{value:this._search.value})}getSearch(){return this.shadowRoot.querySelector("[udex-search]")}getDropdownPopover(){return this._dropdown.shadowRoot.querySelector("[ui5-popover]")}getDropdown(){return this.shadowRoot.querySelector("[udex-dropdown]")}getTextField(){return this.shadowRoot.querySelector("[udex-text-field]")}get effectiveAriaLabel(){return this.label||this.accessibleName||Nc.i18nBundle.getText(o5)}};ai([c({type:String})],Ct.prototype,"label",void 0);ai([c()],Ct.prototype,"accessibleName",void 0);ai([c({defaultValue:""})],Ct.prototype,"accessibleNameRef",void 0);ai([c({type:Boolean})],Ct.prototype,"required",void 0);ai([c({type:String})],Ct.prototype,"height",void 0);ai([c({type:Boolean})],Ct.prototype,"disabled",void 0);ai([c({type:Boolean})],Ct.prototype,"readonly",void 0);ai([c({type:Boolean})],Ct.prototype,"displayonly",void 0);ai([c({type:String})],Ct.prototype,"preselectedCountry",void 0);ai([c({type:String})],Ct.prototype,"blockedCountryCodes",void 0);ai([c({type:String})],Ct.prototype,"searchPlaceholder",void 0);ai([c({type:Be,defaultValue:Be.Standard})],Ct.prototype,"valueState",void 0);ai([c({type:String,defaultValue:""})],Ct.prototype,"supportingText",void 0);ai([c({type:Boolean})],Ct.prototype,"hideFlagImages",void 0);ai([c({type:Boolean})],Ct.prototype,"_open",void 0);Ct=Nc=ai([y({tag:"udex-country-selector",renderer:k,styles:FP,template:AP,dependencies:[mh,al,Yn,ec,gh,Ut,Gn]}),f("before-open"),f("after-open"),f("before-close"),f("after-close"),f("change-search",{detail:{value:{type:String}}}),f("reset-search"),f("submit-search",{detail:{selectedItems:{type:Array}}})],Ct);Ct.define();const dt=console;dt.warning=console.warn;/*!
|
|
109
109
|
* OpenUI5
|
|
110
110
|
* (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
|
|
111
111
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
@@ -242,10 +242,10 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
242
242
|
`};var AF=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let Ou=class extends nw{};Ou=AF([y({tag:"udex-progress-bar",renderer:k,styles:[nw.styles,EF]})],Ou);Ou.define();const DF=Ou;function PF(i,e,t){return d`<div class="udex-quote__container"><div class="udex-quote__image-container">${this.image?NF.call(this,i,e,t):void 0}</div><div class="udex-quote__content-container"><div class="content-container__text-container"><p class="content-container__text"><slot></slot></p></div>${this.author?RF.call(this,i,e,t):void 0}${this.link?LF.call(this,i,e,t):void 0}</div></div>`}function NF(i,e,t){return d`<slot name="image" slot="image"></slot>`}function RF(i,e,t){return d`<slot slot="author" name="author"></slot>`}function LF(i,e,t){return d`<slot slot="link" name="link"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const jF={packageName:"@sapudex/web-components",fileName:"themes/Quote.css.ts",content:`:host{display:block;width:100%;container-type:inline-size}.udex-quote__container{display:flex;flex-direction:row;width:100%;text-align:left;gap:24px}:host([image-size="small"]) .udex-quote__container,:host([text-size="small"]) .udex-quote__container{gap:16px}.content-container__text,::slotted([slot="author"]),::slotted([slot="link"]){padding:0 40px}::slotted([slot="image"]){display:block;width:120px;height:120px}:host([mask="rectangle"]) ::slotted([slot="image"]){display:block;width:200px;height:100px;background-color:transparent;object-fit:contain}:host([image-size="small"]) ::slotted([slot="image"]){width:64px;height:64px}:host([image-size="small"][mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.content-container__text-container{position:relative}.content-container__text{margin:0 0 16px;font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXLFontSize, 24px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udexQuoteColorText, #354A5F)}.content-container__text ::slotted(*){margin:0}.content-container__text-container:before,.content-container__text-container:after{font-family:var(--sapFontFamily);position:absolute;display:inline-block;font-size:84px;line-height:84px;height:58px;width:34px;color:var(--udexQuoteColorText, #354A5F);margin-top:-9px}.content-container__text-container:before{content:open-quote;top:0;left:0}.content-container__text-container:after{content:close-quote;top:0;right:0}:host([text-size="small"]) .content-container__text-container:after,:host([text-size="small"]) .content-container__text-container:before{font-size:72px;line-height:72px;height:50px;width:26px;margin-top:-12px}::slotted([slot="author"]){display:block;margin-bottom:16px;font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--udexQuoteColorText, #354A5F)}::slotted([slot="link"]){text-decoration:none;font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udexLinksColorDefault, #0070F2)}:host([text-size="small"]) .content-container__text{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5)}:host([text-size="small"]) ::slotted([slot="author"]){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}@media screen and (max-width: 1279px){.udex-quote__container{gap:16px}::slotted([slot="image"]){width:64px;height:64px}:host([mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.content-container__text-container:after,.content-container__text-container:before{font-size:72px;line-height:72px;height:50px;width:26px;margin-top:-12px}.content-container__text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5)}::slotted([slot="author"]){font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}}@container (max-width: 545px){.udex-quote__container{flex-direction:column;gap:16px}::slotted([slot="image"]){margin:0 auto}}
|
|
243
243
|
`};var Jr=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},zu;(function(i){i.small="small",i.large="large"})(zu||(zu={}));var W_;(function(i){i.avatar="avatar",i.rectangle="rectangle"})(W_||(W_={}));let ka=class extends E{};Jr([$({type:HTMLElement,default:!0})],ka.prototype,"content",void 0);Jr([$()],ka.prototype,"link",void 0);Jr([$()],ka.prototype,"author",void 0);Jr([$()],ka.prototype,"image",void 0);Jr([c({type:zu,defaultValue:"large"})],ka.prototype,"imageSize",void 0);Jr([c({type:zu,defaultValue:"large"})],ka.prototype,"textSize",void 0);Jr([c({type:W_,defaultValue:"avatar"})],ka.prototype,"mask",void 0);ka=Jr([y({tag:"udex-quote",renderer:k,styles:jF,template:PF})],ka);ka.define();const MF="direction-arrows",sw="M507 244q5 5 5 12 0 6-5 11L394 379q-5 5-12 5-6 0-11-5t-5-11V144q0-12 10-15 2-1 6-1 8 0 12 4zM135 129q10 3 10 15v224q0 6-4.5 11t-11.5 5q-6 0-11-5L5 267q-5-5-5-11 0-7 5-12l113-112q4-4 11-4 4 0 6 1z",OF=!1,zF="SAP-icons-v4",FF="@ui5/webcomponents-icons";D(MF,{pathData:sw,ltr:OF,collection:zF,packageName:FF});const XF="direction-arrows",lw="M135 128q11 0 18 7.5t7 18.5v204q0 11-8 18.5t-18 7.5-17-7L8 275q-8-8-8-19t8-19l109-102q7-7 18-7zm369 109q8 8 8 19t-8 19L395 377q-7 7-17 7t-18-7.5-8-18.5V154q0-12 8-19t19-7q9 0 16 7z",HF=!1,qF="SAP-icons-v5",VF="@ui5/webcomponents-icons";D(XF,{pathData:lw,ltr:HF,collection:qF,packageName:VF});oe();v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const UF={packageName:"@ui5/webcomponents",fileName:"themes/SliderBase.css.ts",content:`.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([disabled]){opacity:var(--_ui5-v1-24-23_slider_disabled_opacity);cursor:default;pointer-events:none}:host{box-sizing:border-box;cursor:pointer;vertical-align:top;width:100%}:host(:not([hidden])){display:inline-block}.ui5-slider-root{box-sizing:border-box;height:3.3125rem;outline:none;padding:var(--_ui5-v1-24-23_slider_padding);touch-action:none}.ui5-slider-inner{background-repeat:no-repeat;position:relative;min-width:var(--_ui5-v1-24-23_slider_inner_min_width);height:100%}.ui5-slider-progress-container{width:100%;background:var(--_ui5-v1-24-23_slider_progress_container_background);border:var(--_ui5-v1-24-23_slider_progress_border);border-radius:var(--_ui5-v1-24-23_slider_progress_border_radius);height:var(--_ui5-v1-24-23_slider_inner_height);position:relative;box-sizing:var(--_ui5-v1-24-23_slider_progress_box_sizing);top:var(--_ui5-v1-24-23_slider_progress_container_top)}.ui5-slider-progress-container:before,.ui5-slider-progress-container:after{display:var(--_ui5-v1-24-23_slider_progress_container_dot_display);content:"";position:absolute;border-radius:50%;width:var(--_ui5-v1-24-23_slider_start_end_point_size);height:var(--_ui5-v1-24-23_slider_start_end_point_size);top:var(--_ui5-v1-24-23_slider_start_end_point_top)}.ui5-slider-progress-container:before{inset-inline-start:var(--_ui5-v1-24-23_slider_start_end_point_left);background-color:var(--_ui5-v1-24-23_slider_progress_before_background);border:var(--_ui5-v1-24-23_slider_progress_before_border)}.ui5-slider-progress-container:after{inset-inline-end:var(--_ui5-v1-24-23_slider_start_end_point_left);background-color:var(--_ui5-v1-24-23_slider_progress_after_background);border:var(--_ui5-v1-24-23_slider_progress_after_border)}.ui5-slider-progress{background:var(--_ui5-v1-24-23_slider_progress_background);border-radius:var(--_ui5-v1-24-23_slider_progress_border_radius);height:var(--_ui5-v1-24-23_slider_progress_height);position:relative;outline:none;box-sizing:border-box;border:var(--_ui5-v1-24-23_slider_active_progress_border);left:var(--_ui5-v1-24-23_slider_active_progress_left);top:var(--_ui5-v1-24-23_slider_active_progress_top)}.ui5-slider-tickmarks{list-style:none;padding:0;margin:0;top:var(--_ui5-v1-24-23_slider_tickmark_top);display:flex;box-sizing:border-box;width:100%;justify-content:space-between;position:absolute;z-index:1}.ui5-slider-tickmarks li{height:var(--_ui5-v1-24-23_slider_tickmark_height);border-inline-start:1px solid var(--_ui5-v1-24-23_slider_tickmark_bg)}.ui5-slider-handle{background:var(--_ui5-v1-24-23_slider_handle_background);border:var(--_ui5-v1-24-23_slider_handle_border);border-radius:var(--_ui5-v1-24-23_slider_handle_border_radius);margin-inline-start:calc(-1 * var(--_ui5-v1-24-23_slider_handle_width) / 2);top:var(--_ui5-v1-24-23_slider_handle_top);position:absolute;outline:none;height:var(--_ui5-v1-24-23_slider_handle_height);width:var(--_ui5-v1-24-23_slider_handle_width);box-sizing:var(--_ui5-v1-24-23_slider_handle_box_sizing);display:flex;justify-content:center;align-items:center;z-index:2}[slider-icon]{display:var(--_ui5-v1-24-23_slider_handle_icon_display);color:var(--sapContent_Selected_ForegroundColor);width:var(--_ui5-v1-24-23_slider_handle_icon_size);height:var(--_ui5-v1-24-23_slider_handle_icon_size)}.ui5-slider-root .ui5-slider-handle:focus [slider-icon]{display:var(--_ui5-v1-24-23_range_slider_active_handle_icon_display)}.ui5-slider-progress-container:hover~.ui5-slider-handle:not(:focus),.ui5-slider-handle:hover{background:var(--_ui5-v1-24-23_slider_handle_hover_background);border:var(--_ui5-v1-24-23_slider_handle_hover_border)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{outline:var(--_ui5-v1-24-23_slider_handle_outline);outline-offset:var(--_ui5-v1-24-23_slider_handle_outline_offset);border:var(--_ui5-v1-24-23_slider_handle_focus_border);background:var(--_ui5-v1-24-23_slider_handle_background_focus)}.ui5-slider-handle.ui5-slider-handle--start:focus,.ui5-slider-handle--end:focus{border:var(--_ui5-v1-24-23_slider_handle_focus_border)}.ui5-slider-root:focus:hover .ui5-slider-handle,.ui5-slider-handle:focus:hover{border:var(--_ui5-v1-24-23_slider_handle_focus_border)}.ui5-slider-tooltip{display:flex;justify-content:center;align-items:center;visibility:hidden;pointer-events:none;line-height:1rem;position:absolute;left:50%;transform:translate(-50%);bottom:var(--_ui5-v1-24-23_slider_tooltip_bottom);background:var(--_ui5-v1-24-23_slider_tooltip_background);border:var(--_ui5-v1-24-23_slider_tooltip_border);border-radius:var(--_ui5-v1-24-23_slider_tooltip_border_radius);box-shadow:var(--_ui5-v1-24-23_slider_tooltip_box_shadow);font-size:var(--_ui5-v1-24-23_slider_tooltip_fontsize);color:var(--_ui5-v1-24-23_slider_tooltip_color);height:var(--_ui5-v1-24-23_slider_tooltip_height);min-width:var(--_ui5-v1-24-23_slider_tooltip_min_width);padding:var(--_ui5-v1-24-23_slider_tooltip_padding);box-sizing:var(--_ui5-v1-24-23_slider_tooltip_border_box)}.ui5-slider-tooltip-value{position:relative;display:flex;justify-content:center;align-items:center}.ui5-slider-labels{position:absolute;top:1.25rem;margin:0;padding:0;white-space:nowrap}.ui5-slider-labels li{position:relative;list-style:none;padding-top:.3125rem;height:1rem;margin:0;text-align:center;display:inline-block;color:var(--_ui5-v1-24-23_slider_label_color);font-size:var(--_ui5-v1-24-23_slider_label_fontsize);padding-top:0;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;vertical-align:top}.ui5-slider-hidden-labels li:not(:first-child):not(:last-child){visibility:hidden}.ui5-slider-handle:focus .ui5-slider-tooltip{bottom:var(--_ui5-v1-24-23_slider_handle_focused_tooltip_distance)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--_ui5-v1-24-23_slider_tickmark_in_range_bg)}:host([show-tickmarks]) .ui5-slider-progress{height:var(--_ui5-v1-24-23_slider_no_tickmarks_progress_height);border:var(--_ui5-v1-24-23_slider_no_tickmarks_active_progress_border);left:var(--_ui5-v1-24-23_slider_no_tickmarks_active_progress_left);top:var(--_ui5-v1-24-23_slider_no_tickmarks_active_progress_top)}:host([show-tickmarks]) .ui5-slider-progress-container{top:var(--_ui5-v1-24-23_slider_no_tickmarks_progress_container_top)}.ui5-slider-handle:focus:after{content:"";display:var(--_ui5-v1-24-23_slider_handle_focus_visibility);width:calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);height:calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);border:var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);position:absolute;border-radius:var(--_ui5-v1-24-23_slider_handle_border_radius);pointer-events:none}
|
|
244
244
|
`};var Eo=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Ro;let Ai=Ro=class extends E{constructor(){super(),this.notResized=!1,this._isUserInteraction=!1,this._isInnerElementFocusing=!1,this._labelWidth=0,this._resizeHandler=this._handleResize.bind(this),this._moveHandler=this._handleMove.bind(this),this._upHandler=this._handleUp.bind(this),this._stateStorage={step:void 0,min:void 0,max:void 0,labelInterval:void 0};const e=t=>{this._onmousedown(t)};this._ontouchstart={handleEvent:e,passive:!0}}_handleMove(e){}_handleUp(){}_onmousedown(e){}_handleActionKeyPress(e){}static get ACTION_KEYS(){return[ke,be,Ee,Te,Ic,Wl,bs,rd,cp,KT,rt,jt,Ua,An,Fe]}static get MIN_SPACE_BETWEEN_TICKMARKS(){return 8}static get TOOLTIP_VISIBILITY(){return{VISIBLE:"visible",HIDDEN:"hidden"}}static get render(){return k}static get styles(){return UF}get classes(){return{root:{"ui5-slider-root-phone":Pe()},labelContainer:{"ui5-slider-hidden-labels":this._labelsOverlapping}}}onEnterDOM(){J.register(this,this._resizeHandler)}onExitDOM(){J.deregister(this,this._resizeHandler)}onAfterRendering(){this.notResized&&this._resizeHandler()}_onmouseover(){this.showTooltip&&(this._tooltipVisibility=Ro.TOOLTIP_VISIBILITY.VISIBLE)}_onmouseout(){this.showTooltip&&!this.shadowRoot.activeElement&&(this._tooltipVisibility=Ro.TOOLTIP_VISIBILITY.HIDDEN)}_onkeydown(e){this.disabled||this._effectiveStep===0||Ro._isActionKey(e)&&(e.preventDefault(),this._isUserInteraction=!0,this._handleActionKeyPress(e))}_onkeyup(){this.disabled||(this._isUserInteraction=!1)}_preserveFocus(e){this._isInnerElementFocusing=e}_isFocusing(){return this._isInnerElementFocusing}_preventFocusOut(){this.focusInnerElement()}focusInnerElement(){this.focus()}_handleResize(){if(!this.showTickmarks||(this.notResized=!1,this._spaceBetweenTickmarks()<Ro.MIN_SPACE_BETWEEN_TICKMARKS?(this._hiddenTickmarks=!0,this._labelsOverlapping=!0):this._hiddenTickmarks=!1,this.labelInterval<=0||this._hiddenTickmarks))return;const t=this.shadowRoot.querySelectorAll(".ui5-slider-labels li");this._labelsOverlapping=[...t].some(o=>o.scrollWidth>o.clientWidth)}handleDownBase(e){const t=this._effectiveMin,o=this._effectiveMax,a=this.getBoundingClientRect(),n=this.directionStart,s=this._effectiveStep,l=Ro.getValueFromInteraction(e,s,t,o,a,n);return this._isUserInteraction=!0,window.addEventListener("mouseup",this._upHandler),window.addEventListener("touchend",this._upHandler),Jl()&&e instanceof TouchEvent?window.addEventListener("touchmove",this._moveHandler):window.addEventListener("mousemove",this._moveHandler),this._handleFocusOnMouseDown(e),l}_handleFocusOnMouseDown(e){const t=this.shadowRoot.activeElement;(!t||t!==e.target)&&(this._preserveFocus(!0),this.focusInnerElement())}handleUpBase(){window.removeEventListener("mouseup",this._upHandler),window.removeEventListener("touchend",this._upHandler),window.removeEventListener("mousemove",this._moveHandler),window.removeEventListener("touchmove",this._moveHandler),this._isUserInteraction=!1,this._preserveFocus(!1)}updateStateStorageAndFireInputEvent(e){this.storePropertyState(e),this._isUserInteraction&&this.fireEvent("input")}static _isActionKey(e){return this.ACTION_KEYS.some(t=>t(e))}static clipValue(e,t,o){return e=Math.min(Math.max(e,t),o),e}static getValueFromInteraction(e,t,o,a,n,s){const l=this.getPageXValueFromEvent(e),h=this.computedValueFromPageX(l,o,a,n,s),p=this.getSteppedValue(h,t,o);return this.clipValue(p,o,a)}static getSteppedValue(e,t,o){const a=Math.abs((e-o)%t);if(t===0||a===0)return e;e=a*2>=t?e+t-a:e-a;const n=Ro._getDecimalPrecisionOfNumber(t);return Number(e.toFixed(n))}static getPageXValueFromEvent(e){return Jl()&&e instanceof TouchEvent?e.targetTouches&&e.targetTouches.length>0?e.targetTouches[0].pageX:0:e.pageX}static computedValueFromPageX(e,t,o,a,n){const l=(n==="left"?e-a[n]:a[n]-e)/a.width;return t+l*(o-t)}static _getDecimalPrecisionOfNumber(e){if(Number.isInteger(e))return 0;const t=String(e).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return!t||t.length<2?0:Math.max(0,(t[1]?t[1].length:0)-(t[2]?Number(t[2]):0))}isCurrentStateOutdated(){return Object.entries(this._stateStorage).some(([e,t])=>this[e]!==t)}getStoredPropertyState(e){return this._stateStorage[e]}isPropertyUpdated(...e){return e.some(t=>this.getStoredPropertyState(t)!==this[t])}storePropertyState(...e){e.forEach(t=>{this._stateStorage[t]=this[t]})}get directionStart(){return this.effectiveDir==="rtl"?"right":"left"}_createLabels(){if(!this.labelInterval||!this.showTickmarks)return;const e=this.labelInterval,t=this._effectiveStep,o=(this._effectiveMax-this._effectiveMin)/(t*e);if(o===this._oldNumberOfLabels&&this._oldMin===this._effectiveMin&&this._oldMax===this._effectiveMax)return;this._oldMin=this._effectiveMin,this._oldMax=this._effectiveMax,this._oldNumberOfLabels=o,this._labelWidth=100/o,this._labelValues=[];const a=Ro._getDecimalPrecisionOfNumber(t);for(let n=0;n<=o;n++){const s=(n*t*e+this._effectiveMin).toFixed(a);this._labelValues.push(s)}}_handleActionKeyPressBase(e,t){const o=Ro._isIncreaseValueAction(e,this.directionStart),a=Ro._isBigStepAction(e),n=this[t],s=this._effectiveMin,l=this._effectiveMax;let h=this._effectiveStep;return h=a&&(l-s)/h>10?(l-s)/10:h,jt(e)?l-n:rt(e)?(n-s)*-1:o?h:h*-1}static _isIncreaseValueAction(e,t){return t==="right"?Ee(e)||bs(e)||ke(e)||Ic(e)||cp(e)||Ua(e):Ee(e)||bs(e)||be(e)||Wl(e)||cp(e)||Ua(e)}static _isBigStepAction(e){return rd(e)||bs(e)||Ic(e)||Wl(e)||Ua(e)||An(e)}get _tickmarksCount(){return(this._effectiveMax-this._effectiveMin)/this._effectiveStep}_spaceBetweenTickmarks(){return this.getBoundingClientRect().width/this._tickmarksCount}_validateStep(e){e===0&&console.warn("The 'step' property must be a positive float number"),e<0&&console.warn("The 'step' property must be a positive float number. The provided negative number has been converted to its positve equivalent"),Number.isNaN(e)&&console.warn("The 'step' property must be a positive float number. It has been set to its default value of 1")}get _labels(){return this._labelValues||[]}get _effectiveStep(){let e=this.step;return e<0&&(e=Math.abs(e)),Number.isNaN(e)&&(e=1),e}get _effectiveMin(){return Math.min(this.min,this.max)}get _effectiveMax(){return Math.max(this.min,this.max)}get _tabIndex(){return this.disabled?"-1":"0"}get _ariaLabelledByHandleRefs(){return[`${this._id}-accName`,`${this._id}-sliderDesc`].join(" ").trim()}};Eo([c({validator:it,defaultValue:0})],Ai.prototype,"min",void 0);Eo([c({validator:it,defaultValue:100})],Ai.prototype,"max",void 0);Eo([c({validator:it,defaultValue:1})],Ai.prototype,"step",void 0);Eo([c({validator:q,defaultValue:0})],Ai.prototype,"labelInterval",void 0);Eo([c({type:Boolean})],Ai.prototype,"showTickmarks",void 0);Eo([c({type:Boolean})],Ai.prototype,"showTooltip",void 0);Eo([c({type:Boolean})],Ai.prototype,"disabled",void 0);Eo([c()],Ai.prototype,"accessibleName",void 0);Eo([c({defaultValue:"hidden"})],Ai.prototype,"_tooltipVisibility",void 0);Eo([c({type:Boolean})],Ai.prototype,"_labelsOverlapping",void 0);Eo([c({type:Boolean})],Ai.prototype,"_hiddenTickmarks",void 0);Ai=Ro=Eo([f("change"),f("input")],Ai);const vo=Ai;function WF(i,e,t){return t?d`<div class="ui5-slider-root ${z(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><span id="${r(this._id)}-startHandleDesc" class="ui5-hidden-text">${r(this._ariaHandlesText.startHandleText)}</span><span id="${r(this._id)}-endHandleDesc" class="ui5-hidden-text">${r(this._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${this.step?hb.call(this,i,e,t):void 0}<div class="ui5-slider-progress-container" part="progress-container"><div class="ui5-slider-progress" part="progress-bar" style="${H(this.styles.progress)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this._ariaValueNow)}" aria-valuetext="From ${r(this.startValue)} to ${r(this.endValue)}" aria-labelledby="${r(this._ariaLabelledByProgressBarRefs)}" aria-disabled="${r(this._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${H(this.styles.startHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.startValue)}" aria-labelledby="${r(this._ariaLabelledByStartHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}"><${u("ui5-icon",e,t)} name="direction-arrows" slider-icon></${u("ui5-icon",e,t)}>${this.showTooltip?pb.call(this,i,e,t):void 0}</div><div class="ui5-slider-handle ui5-slider-handle--end" part="handle" style="${H(this.styles.endHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.endValue)}" aria-labelledby="${r(this._ariaLabelledByEndHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}"><${u("ui5-icon",e,t)} name="direction-arrows" slider-icon></${u("ui5-icon",e,t)}>${this.showTooltip?_b.call(this,i,e,t):void 0}</div></div><span id="${r(this._id)}-accName" class="ui5-hidden-text">${r(this.accessibleName)}</span><span id="${r(this._id)}-sliderDesc" class="ui5-hidden-text">${r(this._ariaLabelledByText)}</span></div> `:d`<div class="ui5-slider-root ${z(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><span id="${r(this._id)}-startHandleDesc" class="ui5-hidden-text">${r(this._ariaHandlesText.startHandleText)}</span><span id="${r(this._id)}-endHandleDesc" class="ui5-hidden-text">${r(this._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${this.step?hb.call(this,i,e,t):void 0}<div class="ui5-slider-progress-container" part="progress-container"><div class="ui5-slider-progress" part="progress-bar" style="${H(this.styles.progress)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this._ariaValueNow)}" aria-valuetext="From ${r(this.startValue)} to ${r(this.endValue)}" aria-labelledby="${r(this._ariaLabelledByProgressBarRefs)}" aria-disabled="${r(this._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${H(this.styles.startHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.startValue)}" aria-labelledby="${r(this._ariaLabelledByStartHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${this.showTooltip?pb.call(this,i,e,t):void 0}</div><div class="ui5-slider-handle ui5-slider-handle--end" part="handle" style="${H(this.styles.endHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.endValue)}" aria-labelledby="${r(this._ariaLabelledByEndHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${this.showTooltip?_b.call(this,i,e,t):void 0}</div></div><span id="${r(this._id)}-accName" class="ui5-hidden-text">${r(this.accessibleName)}</span><span id="${r(this._id)}-sliderDesc" class="ui5-hidden-text">${r(this._ariaLabelledByText)}</span></div> `}function hb(i,e,t){return d`${this.showTickmarks?GF.call(this,i,e,t):void 0}`}function GF(i,e,t){return d`<ul class="ui5-slider-tickmarks">${T(this.tickmarksObject,(o,a)=>o._id||a,(o,a)=>YF.call(this,i,e,t,o,a))}</ul>${this.labelInterval?QF.call(this,i,e,t):void 0}`}function YF(i,e,t,o,a){return d`${o?KF.call(this,i,e,t,o,a):ZF.call(this,i,e,t,o,a)}`}function KF(i,e,t,o,a){return d`<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>`}function ZF(i,e,t,o,a){return d`<li class="ui5-slider-tickmark"></li>`}function QF(i,e,t){return d`<ul class="ui5-slider-labels ${z(this.classes.labelContainer)}" style="${H(this.styles.labelContainer)}">${T(this._labels,(o,a)=>o._id||a,(o,a)=>JF.call(this,i,e,t,o,a))}</ul>`}function JF(i,e,t,o,a){return d`<li style="${H(this.styles.label)}">${r(o)}</li>`}function pb(i,e,t){return d`<div class="ui5-slider-tooltip ui5-slider-tooltip--start" style="${H(this.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${r(this.tooltipStartValue)}</span></div>`}function _b(i,e,t){return d`<div class="ui5-slider-tooltip ui5-slider-tooltip--end" style="${H(this.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${r(this.tooltipEndValue)}</span></div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const dw={packageName:"@ui5/webcomponents",fileName:"themes/RangeSlider.css.ts",content:`:host([ui5-range-slider]) .ui5-slider-progress-container:before{background-color:var(--_ui5-v1-24-23_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-v1-24-23_range_slider_handle_active_background);border:var(--_ui5-v1-24-23_slider_handle_focus_border);box-shadow:none}:host([range-pressed]) .ui5-slider-handle [slider-icon]{display:var(--_ui5-v1-24-23_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-v1-24-23_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-v1-24-23_range_slider_legacy_progress_focus_display);content:"";position:absolute;width:var(--_ui5-v1-24-23_range_slider_focus_outline_width);border:var(--_ui5-v1-24-23_slider_progress_outline);border-radius:var(--_ui5-v1-24-23_range_slider_focus_outline_radius);top:var(--_ui5-v1-24-23_slider_progress_outline_offset);height:var(--_ui5-v1-24-23_slider_outer_height);box-sizing:border-box;left:var(--_ui5-v1-24-23_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-v1-24-23_range_slider_progress_focus_display);position:absolute;top:var(--_ui5-v1-24-23_range_slider_progress_focus_top);left:var(--_ui5-v1-24-23_range_slider_progress_focus_left);padding:var(--_ui5-v1-24-23_range_slider_progress_focus_padding);width:var(--_ui5-v1-24-23_range_slider_progress_focus_width);height:var(--_ui5-v1-24-23_range_slider_progress_focus_height);box-sizing:border-box}.ui5-slider-handle{background:var(--_ui5-v1-24-23_range_slider_handle_background)}.ui5-slider-progress-container:hover~.ui5-slider-handle:not(:focus),.ui5-slider-handle:hover{background:var(--_ui5-v1-24-23_range_slider_root_hover_handle_bg)}.ui5-slider-root:hover .ui5-slider-handle:not(:focus) [slider-icon]{display:var(--_ui5-v1-24-23_range_slider_root_hover_handle_icon_display)}:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus) [slider-icon]{display:var(--_ui5-v1-24-23_range_slider_root_active_handle_icon_display)}
|
|
245
|
-
`};var Ch=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},br;let Mn=br=class extends vo{constructor(){super(),this._isPressInCurrentRange=!1,this._handeIsPressed=!1,this._reversedValues=!1,this._stateStorage.startValue=void 0,this._stateStorage.endValue=void 0}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 br.i18nBundle.getText(Q4)}get _ariaHandlesText(){const e=this.effectiveDir==="rtl",t=this._areValuesReversed(),o={};return e&&!t||!e&&t?(o.startHandleText=br.i18nBundle.getText($m),o.endHandleText=br.i18nBundle.getText(Sm)):(o.startHandleText=br.i18nBundle.getText(Sm),o.endHandleText=br.i18nBundle.getText($m)),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))}syncUIAndState(){if(this.isPropertyUpdated("step")&&(this._validateStep(this.step),this.storePropertyState("step")),this.isPropertyUpdated("min","max","startValue","endValue")){this.storePropertyState("min","max");const e=vo.clipValue(this.startValue,this._effectiveMin,this._effectiveMax);this.startValue=e,this.updateStateStorageAndFireInputEvent("startValue"),this.storePropertyState("startValue");const t=vo.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.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.VISIBLE)}_onfocusout(){if(this._isFocusing()){this._preventFocusOut();return}this._setAffectedValue(void 0),this._startValueInitial=void 0,this._endValueInitial=void 0,this.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.HIDDEN)}_onkeyup(){super._onkeyup(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("change"),this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_handleActionKeyPress(e){if(this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue,Fe(e)){this.update(void 0,this._startValueInitial,this._endValueInitial);return}this._setAffectedValueByFocusedElement();const t=this._effectiveMin,o=this._effectiveMax,a=this._valueAffected;if((jt(e)||rt(e))&&!a){this._homeEndForSelectedRange(e,rt(e)?"startValue":"endValue",t,o);return}const n=this._handleActionKeyPressBase(e,a);if(!n)return;const s=this.constructor;if(a&&!this._isPressInCurrentRange){const l=this[a],h=s.clipValue(n+l,t,o);this.update(a,h,void 0)}else if(n<0&&this.startValue>t||n>0&&this.endValue<o){const l=s.clipValue(n+this.startValue,t,o),h=s.clipValue(n+this.endValue,t,o);this.update(a,l,h)}}_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,a){const n=this._handleActionKeyPressBase(e,t),s=this.constructor,l=s.clipValue(n+this.startValue,o,a),h=s.clipValue(n+this.endValue,o,a);this.update(void 0,l,h)}update(e,t,o){if(!e)this.startValue=t,this.updateStateStorageAndFireInputEvent("startValue"),this.endValue=o,this.updateStateStorageAndFireInputEvent("endValue"),this._updateHandlesAndRange(0);else{const a=o&&e==="endValue"?o:t;this._updateHandlesAndRange(a||0),e==="startValue"&&(this.startValue=a,this.updateStateStorageAndFireInputEvent("startValue")),e==="endValue"&&(this.endValue=a,this.updateStateStorageAndFireInputEvent("endValue"))}}_onmousedown(e){if(this.disabled||this._effectiveStep===0)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 a=this.constructor;this._initialPageXPosition=a.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),a=this._calculateRangeOffset(o,this._initialStartHandlePageX);this._setAffectedValue(void 0),this.update(void 0,a[0],a[1])}_handleUp(){this._setAffectedValueByFocusedElement(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("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"),a=this.shadowRoot.querySelector(".ui5-slider-handle--end"),n=o.getBoundingClientRect(),s=a.getBoundingClientRect(),l=e>=n.left&&e<=n.right,h=e>=s.left&&e<=s.right;(h||l)&&(this._handeIsPressed=!0),(h||t>this.endValue)&&this._setAffectedValue("endValue"),(l||t<this.startValue)&&this._setAffectedValue("startValue");const p=this._startValueAtBeginningOfAction!==void 0&&this._endValueAtBeginningOfAction!==void 0&&t>=this._startValueAtBeginningOfAction&&t<=this._endValueAtBeginningOfAction;this._setIsPressInCurrentRange(this._valueAffected||this._handeIsPressed?!1:p)}_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(),(t==="endValue"&&!e||t==="startValue"&&e)&&this._endHandle.focus()}_calculateRangeOffset(e,t){if(this._initialPageXPosition===e)return[this.startValue,this.endValue];const o=this._effectiveMin,a=this._effectiveMax,n=this.endValue-this.startValue;let s=this._calculateStartValueByOffset(e,t);return s=this.constructor.clipValue(s,o,a-n),[s,s+n]}_calculateStartValueByOffset(e,t){const o=this._effectiveMin,a=this._effectiveMax,n=this._effectiveStep,s=this.getBoundingClientRect();let l,h,p;const _=this.constructor;return e>this._initialPageXPosition?(p=e-this._initialPageXPosition,h=t+p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,n,o)):(p=this._initialPageXPosition-e,h=t-p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,n,o)),l}_updateHandlesAndRange(e){const t=this._effectiveMax,o=this._effectiveMin,a=this.getStoredPropertyState("startValue")||0,n=this.getStoredPropertyState("endValue")||0,s=this._valueAffected;s==="startValue"?(this._selectedRange=(n-e)/(t-o),this._firstHandlePositionFromStart=(e-o)/(t-o)*100):s==="endValue"?(this._selectedRange=(e-a)/(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)}_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.focusInnerElement(),this.syncUIAndState()}}_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 a=this._effectiveMin+o*this.step>=this.startValue,n=this._effectiveMin+o*this.step<=this.endValue;t.push(a&&n)}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 _ariaLabelledByStartHandleRefs(){return[`${this._id}-accName`,`${this._id}-startHandleDesc`].join(" ").trim()}get _ariaLabelledByEndHandleRefs(){return[`${this._id}-accName`,`${this._id}-endHandleDesc`].join(" ").trim()}get _ariaLabelledByProgressBarRefs(){return[`${this._id}-accName`,`${this._id}-sliderDesc`].join(" ").trim()}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}%`},label:{width:`${this._labelWidth}%`},labelContainer:{width:"100%",[this.directionStart]:`-${this._labelWidth/2}%`},tooltip:{visibility:`${this._tooltipVisibility}`}}}static async onDefine(){br.i18nBundle=await M("@ui5/webcomponents")}};Ch([c({validator:it,defaultValue:0})],Mn.prototype,"startValue",void 0);Ch([c({validator:it,defaultValue:100})],Mn.prototype,"endValue",void 0);Ch([c({type:Boolean})],Mn.prototype,"rangePressed",void 0);Mn=br=Ch([y({tag:"ui5-range-slider",languageAware:!0,template:WF,dependencies:[U],styles:[vo.styles,dw]})],Mn);Mn.define();const eX=Mn;v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const cw={packageName:"@sapudex/web-components",fileName:"themes/Slider.css.ts",content:`: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, .5rem)}: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)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-231-6_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)}
|
|
245
|
+
`};var Ch=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},br;let Mn=br=class extends vo{constructor(){super(),this._isPressInCurrentRange=!1,this._handeIsPressed=!1,this._reversedValues=!1,this._stateStorage.startValue=void 0,this._stateStorage.endValue=void 0}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 br.i18nBundle.getText(Q4)}get _ariaHandlesText(){const e=this.effectiveDir==="rtl",t=this._areValuesReversed(),o={};return e&&!t||!e&&t?(o.startHandleText=br.i18nBundle.getText($m),o.endHandleText=br.i18nBundle.getText(Sm)):(o.startHandleText=br.i18nBundle.getText(Sm),o.endHandleText=br.i18nBundle.getText($m)),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))}syncUIAndState(){if(this.isPropertyUpdated("step")&&(this._validateStep(this.step),this.storePropertyState("step")),this.isPropertyUpdated("min","max","startValue","endValue")){this.storePropertyState("min","max");const e=vo.clipValue(this.startValue,this._effectiveMin,this._effectiveMax);this.startValue=e,this.updateStateStorageAndFireInputEvent("startValue"),this.storePropertyState("startValue");const t=vo.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.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.VISIBLE)}_onfocusout(){if(this._isFocusing()){this._preventFocusOut();return}this._setAffectedValue(void 0),this._startValueInitial=void 0,this._endValueInitial=void 0,this.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.HIDDEN)}_onkeyup(){super._onkeyup(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("change"),this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_handleActionKeyPress(e){if(this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue,Fe(e)){this.update(void 0,this._startValueInitial,this._endValueInitial);return}this._setAffectedValueByFocusedElement();const t=this._effectiveMin,o=this._effectiveMax,a=this._valueAffected;if((jt(e)||rt(e))&&!a){this._homeEndForSelectedRange(e,rt(e)?"startValue":"endValue",t,o);return}const n=this._handleActionKeyPressBase(e,a);if(!n)return;const s=this.constructor;if(a&&!this._isPressInCurrentRange){const l=this[a],h=s.clipValue(n+l,t,o);this.update(a,h,void 0)}else if(n<0&&this.startValue>t||n>0&&this.endValue<o){const l=s.clipValue(n+this.startValue,t,o),h=s.clipValue(n+this.endValue,t,o);this.update(a,l,h)}}_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,a){const n=this._handleActionKeyPressBase(e,t),s=this.constructor,l=s.clipValue(n+this.startValue,o,a),h=s.clipValue(n+this.endValue,o,a);this.update(void 0,l,h)}update(e,t,o){if(!e)this.startValue=t,this.updateStateStorageAndFireInputEvent("startValue"),this.endValue=o,this.updateStateStorageAndFireInputEvent("endValue"),this._updateHandlesAndRange(0);else{const a=o&&e==="endValue"?o:t;this._updateHandlesAndRange(a||0),e==="startValue"&&(this.startValue=a,this.updateStateStorageAndFireInputEvent("startValue")),e==="endValue"&&(this.endValue=a,this.updateStateStorageAndFireInputEvent("endValue"))}}_onmousedown(e){if(this.disabled||this._effectiveStep===0)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 a=this.constructor;this._initialPageXPosition=a.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),a=this._calculateRangeOffset(o,this._initialStartHandlePageX);this._setAffectedValue(void 0),this.update(void 0,a[0],a[1])}_handleUp(){this._setAffectedValueByFocusedElement(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("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"),a=this.shadowRoot.querySelector(".ui5-slider-handle--end"),n=o.getBoundingClientRect(),s=a.getBoundingClientRect(),l=e>=n.left&&e<=n.right,h=e>=s.left&&e<=s.right;(h||l)&&(this._handeIsPressed=!0),(h||t>this.endValue)&&this._setAffectedValue("endValue"),(l||t<this.startValue)&&this._setAffectedValue("startValue");const p=this._startValueAtBeginningOfAction!==void 0&&this._endValueAtBeginningOfAction!==void 0&&t>=this._startValueAtBeginningOfAction&&t<=this._endValueAtBeginningOfAction;this._setIsPressInCurrentRange(this._valueAffected||this._handeIsPressed?!1:p)}_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(),(t==="endValue"&&!e||t==="startValue"&&e)&&this._endHandle.focus()}_calculateRangeOffset(e,t){if(this._initialPageXPosition===e)return[this.startValue,this.endValue];const o=this._effectiveMin,a=this._effectiveMax,n=this.endValue-this.startValue;let s=this._calculateStartValueByOffset(e,t);return s=this.constructor.clipValue(s,o,a-n),[s,s+n]}_calculateStartValueByOffset(e,t){const o=this._effectiveMin,a=this._effectiveMax,n=this._effectiveStep,s=this.getBoundingClientRect();let l,h,p;const _=this.constructor;return e>this._initialPageXPosition?(p=e-this._initialPageXPosition,h=t+p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,n,o)):(p=this._initialPageXPosition-e,h=t-p,l=_.computedValueFromPageX(h,o,a,s,this.directionStart),l=_.getSteppedValue(l,n,o)),l}_updateHandlesAndRange(e){const t=this._effectiveMax,o=this._effectiveMin,a=this.getStoredPropertyState("startValue")||0,n=this.getStoredPropertyState("endValue")||0,s=this._valueAffected;s==="startValue"?(this._selectedRange=(n-e)/(t-o),this._firstHandlePositionFromStart=(e-o)/(t-o)*100):s==="endValue"?(this._selectedRange=(e-a)/(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)}_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.focusInnerElement(),this.syncUIAndState()}}_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 a=this._effectiveMin+o*this.step>=this.startValue,n=this._effectiveMin+o*this.step<=this.endValue;t.push(a&&n)}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 _ariaLabelledByStartHandleRefs(){return[`${this._id}-accName`,`${this._id}-startHandleDesc`].join(" ").trim()}get _ariaLabelledByEndHandleRefs(){return[`${this._id}-accName`,`${this._id}-endHandleDesc`].join(" ").trim()}get _ariaLabelledByProgressBarRefs(){return[`${this._id}-accName`,`${this._id}-sliderDesc`].join(" ").trim()}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}%`},label:{width:`${this._labelWidth}%`},labelContainer:{width:"100%",[this.directionStart]:`-${this._labelWidth/2}%`},tooltip:{visibility:`${this._tooltipVisibility}`}}}static async onDefine(){br.i18nBundle=await M("@ui5/webcomponents")}};Ch([c({validator:it,defaultValue:0})],Mn.prototype,"startValue",void 0);Ch([c({validator:it,defaultValue:100})],Mn.prototype,"endValue",void 0);Ch([c({type:Boolean})],Mn.prototype,"rangePressed",void 0);Mn=br=Ch([y({tag:"ui5-range-slider",languageAware:!0,template:WF,dependencies:[U],styles:[vo.styles,dw]})],Mn);Mn.define();const eX=Mn;v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const cw={packageName:"@sapudex/web-components",fileName:"themes/Slider.css.ts",content:`: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, .5rem)}: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)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-231-7_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)}
|
|
246
246
|
`};var tX=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let G_=class extends eX{onEnterDOM(){ge()&&this.setAttribute("desktop","")}};G_=tX([y({tag:"udex-range-slider",renderer:k,styles:[vo.styles,dw,cw]})],G_);G_.define();function iX(i,e,t){return t?d`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${r(this.validatedRating)}</div><${u("ui5-icon",e,t)} role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></${u("ui5-icon",e,t)}><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${this.showPercentage?vb.call(this,i,e,t):void 0}<span id="ratingDescription" class="hidden-text">${r(this._ratingDescription)}</span></div>`:d`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${r(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?vb.call(this,i,e,t):void 0}<span id="ratingDescription" class="hidden-text">${r(this._ratingDescription)}</span></div>`}function vb(i,e,t){return d`<div role="note" class="udex-rating-bar__percentage" aria-label="${r(this.validatedPercentage)}">${r(this.validatedPercentage)}</div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const oX={packageName:"@sapudex/web-components",fileName:"themes/RatingBar.css.ts",content:`: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}
|
|
247
247
|
`};var Ih=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Yc;let On=Yc=class extends E{constructor(){super(...arguments),this._minRating=0,this._maxRating=5,this._minPercentage=0,this._maxPercentage=100}static async onDefine(){Yc.i18nBundle=await M("@sapudex/web-components")}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} ${Yc.i18nBundle.getText(Ky)}`}};Ih([c({type:Number,defaultValue:0,validator:q})],On.prototype,"rating",void 0);Ih([c({type:Number,defaultValue:0,validator:q})],On.prototype,"percentage",void 0);Ih([c({type:Boolean})],On.prototype,"showPercentage",void 0);On=Yc=Ih([y({tag:"udex-rating-bar",renderer:k,styles:oX,template:iX,dependencies:[U]})],On);On.define();const uw=On;function aX(i,e,t){return d`<div class="ui5-rating-indicator-root" role="slider" aria-roledescription="${r(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${r(this.value)}" aria-valuemax="${r(this.max)}" aria-valuetext="${r(this.value)} of ${r(this.max)}" aria-orientation="horizontal" aria-disabled="${r(this._ariaDisabled)}" aria-readonly="${r(this.ariaReadonly)}" aria-description="${r(this._ariaDescription)}" tabindex="${r(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${r(this.ratingTooltip)}" aria-label="${r(this._ariaLabel)}"><ul class="ui5-rating-indicator-list" aria-hidden="true">${T(this._stars,(o,a)=>o._id||a,(o,a)=>rX.call(this,i,e,t,o,a))}</ul></div>`}function rX(i,e,t,o,a){return d`${o.selected?nX.call(this,i,e,t,o,a):sX.call(this,i,e,t,o,a)}`}function nX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function sX(i,e,t,o,a){return d`${o.halfStar?lX.call(this,i,e,t,o,a):dX.call(this,i,e,t,o,a)}`}function lX(i,e,t,o,a){return t?d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-half"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}><div class="ui5-rating-indicator-half-icon-wrapper"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite" class="ui5-rating-indicator-half-icon"></${u("ui5-icon",e,t)}></div></li>`:d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-half"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon><div class="ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite" class="ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function dX(i,e,t,o,a){return d`${this.readonly?cX.call(this,i,e,t,o,a):uX.call(this,i,e,t,o,a)}`}function cX(i,e,t,o,a){return t?d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function uX(i,e,t,o,a){return d`${this.disabled?hX.call(this,i,e,t,o,a):pX.call(this,i,e,t,o,a)}`}function hX(i,e,t,o,a){return t?d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="favorite"></ui5-icon></li>`}function pX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(o.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}const _X="favorite",hw="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",vX=!1,gX="SAP-icons-v4",mX="@ui5/webcomponents-icons";D(_X,{pathData:hw,ltr:vX,collection:gX,packageName:mX});const fX="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",bX=!1,xX="SAP-icons-v5",yX="@ui5/webcomponents-icons";D(fX,{pathData:pw,ltr:bX,collection:xX,packageName:yX});oe();const wX="unfavorite",_w="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",kX=!1,SX="SAP-icons-v4",$X="@ui5/webcomponents-icons";D(wX,{pathData:_w,ltr:kX,collection:SX,packageName:$X});const TX="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",CX=!1,IX="SAP-icons-v5",BX="@ui5/webcomponents-icons";D(TX,{pathData:vw,ltr:CX,collection:IX,packageName:BX});oe();v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const EX={packageName:"@ui5/webcomponents",fileName:"themes/RatingIndicator.css.ts",content:`:host(:not([hidden])){display:inline-block;font-size:24px;margin:var(--_ui5-v1-24-23_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-v1-24-23_rating_indicator_readonly_item_spacing);width:var(--_ui5-v1-24-23_rating_indicator_readonly_item_width);height:var(--_ui5-v1-24-23_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-v1-24-23_rating_indicator_outline_offset);border-radius:var(--_ui5-v1-24-23_rating_indicator_border_radius)}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.ui5-rating-indicator-root{outline:none;position:relative}.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-v1-24-23_rating_indicator_item_width);height:var(--_ui5-v1-24-23_rating_indicator_item_height)}.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}
|
|
248
|
-
`};var ta=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},ps;let Di=ps=class extends E{static async onDefine(){ps.i18nBundle=await M("@ui5/webcomponents")}constructor(){super()}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,a=this.value;Math.floor(this.value)+1===e&&t>2&&t<8?o=!0:t<=2?a=Math.floor(this.value):t>=8&&(a=Math.ceil(this.value)),this._stars.push({selected:e<=a,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===1&&this._liveValue===1&&(this.value=0),this._liveValue!==this.value&&(this.fireEvent("change"),this._liveValue=this.value))}_onkeydown(e){if(this.disabled||this.readonly)return;const t=Te(e)||ke(e),o=be(e)||Ee(e),a=F(e)||K(e),n=rt(e),s=jt(e),l=e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105;if(t||o||a||n||s||l){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(a){const h=Math.round(this.value+1);this.value=h>this.max?0:h}else if(n)this.value=0;else if(s)this.value=this.max;else if(l){const h=parseInt(e.key);this.value=h>this.max?this.max:h}this.fireEvent("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||"0"}get ratingTooltip(){return this.tooltip?this.tooltip:Gp()?this.defaultTooltip:void 0}get defaultTooltip(){return ps.i18nBundle.getText(J4)}get _ariaRoleDescription(){return ps.i18nBundle.getText(eI)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabel(){return Ia(this)}get _ariaDescription(){return this.required?ps.i18nBundle.getText(tI):void 0}get ariaReadonly(){return this.readonly?"true":void 0}};ta([c({validator:it,defaultValue:0})],Di.prototype,"value",void 0);ta([c({validator:q,defaultValue:5})],Di.prototype,"max",void 0);ta([c({type:Boolean})],Di.prototype,"disabled",void 0);ta([c({type:Boolean})],Di.prototype,"readonly",void 0);ta([c()],Di.prototype,"accessibleName",void 0);ta([c({defaultValue:""})],Di.prototype,"accessibleNameRef",void 0);ta([c({type:Boolean})],Di.prototype,"required",void 0);ta([c()],Di.prototype,"tooltip",void 0);ta([c({type:Object,multiple:!0})],Di.prototype,"_stars",void 0);ta([c({type:Boolean})],Di.prototype,"_focused",void 0);Di=ps=ta([y({tag:"ui5-rating-indicator",languageAware:!0,renderer:k,styles:EX,template:aX,dependencies:[U]}),f("change")],Di);Di.define();const Y_=Di;function AX(i,e,t){return d`<div class="udex-rating-indicator ui5-rating-indicator-root ${r(this.classNames)}" role="slider" aria-roledescription="${r(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${r(this.value)}" aria-valuemax="${r(this.max)}" aria-valuetext="${r(this.value)} of ${r(this.max)}" aria-orientation="horizontal" aria-disabled="${r(this._ariaDisabled)}" aria-readonly="${r(this.ariaReadonly)}" aria-description="${r(this._ariaDescription)}" tabindex="${r(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${r(this.ratingTooltip)}" aria-label="${r(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${T(this._stars,(o,a)=>o._id||a,(o,a)=>DX.call(this,i,e,t,o,a))}</ul>${this.totalCount?FX.call(this,i,e,t):void 0}</div>`}function DX(i,e,t,o,a){return d`${o.selected?PX.call(this,i,e,t,o,a):NX.call(this,i,e,t,o,a)}`}function PX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(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="${r(o.index)}" name="favorite"></ui5-icon></li>`}function NX(i,e,t,o,a){return d`${o.halfStar?RX.call(this,i,e,t,o,a):LX.call(this,i,e,t,o,a)}`}function RX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></${u("ui5-icon",e,t)}></div></li>`:d`<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="${r(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="${r(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function LX(i,e,t,o,a){return d`${this.readonly?jX.call(this,i,e,t,o,a):MX.call(this,i,e,t,o,a)}`}function jX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<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="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function MX(i,e,t,o,a){return d`${this.disabled?OX.call(this,i,e,t,o,a):zX.call(this,i,e,t,o,a)}`}function OX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<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="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function zX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(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="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function FX(i,e,t){return d`<div class="udex-rating-indicator__total">(${r(this.totalCount)})</div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const XX={packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`: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)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-231-6_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{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-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.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)}
|
|
248
|
+
`};var ta=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},ps;let Di=ps=class extends E{static async onDefine(){ps.i18nBundle=await M("@ui5/webcomponents")}constructor(){super()}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,a=this.value;Math.floor(this.value)+1===e&&t>2&&t<8?o=!0:t<=2?a=Math.floor(this.value):t>=8&&(a=Math.ceil(this.value)),this._stars.push({selected:e<=a,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===1&&this._liveValue===1&&(this.value=0),this._liveValue!==this.value&&(this.fireEvent("change"),this._liveValue=this.value))}_onkeydown(e){if(this.disabled||this.readonly)return;const t=Te(e)||ke(e),o=be(e)||Ee(e),a=F(e)||K(e),n=rt(e),s=jt(e),l=e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105;if(t||o||a||n||s||l){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(a){const h=Math.round(this.value+1);this.value=h>this.max?0:h}else if(n)this.value=0;else if(s)this.value=this.max;else if(l){const h=parseInt(e.key);this.value=h>this.max?this.max:h}this.fireEvent("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||"0"}get ratingTooltip(){return this.tooltip?this.tooltip:Gp()?this.defaultTooltip:void 0}get defaultTooltip(){return ps.i18nBundle.getText(J4)}get _ariaRoleDescription(){return ps.i18nBundle.getText(eI)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabel(){return Ia(this)}get _ariaDescription(){return this.required?ps.i18nBundle.getText(tI):void 0}get ariaReadonly(){return this.readonly?"true":void 0}};ta([c({validator:it,defaultValue:0})],Di.prototype,"value",void 0);ta([c({validator:q,defaultValue:5})],Di.prototype,"max",void 0);ta([c({type:Boolean})],Di.prototype,"disabled",void 0);ta([c({type:Boolean})],Di.prototype,"readonly",void 0);ta([c()],Di.prototype,"accessibleName",void 0);ta([c({defaultValue:""})],Di.prototype,"accessibleNameRef",void 0);ta([c({type:Boolean})],Di.prototype,"required",void 0);ta([c()],Di.prototype,"tooltip",void 0);ta([c({type:Object,multiple:!0})],Di.prototype,"_stars",void 0);ta([c({type:Boolean})],Di.prototype,"_focused",void 0);Di=ps=ta([y({tag:"ui5-rating-indicator",languageAware:!0,renderer:k,styles:EX,template:aX,dependencies:[U]}),f("change")],Di);Di.define();const Y_=Di;function AX(i,e,t){return d`<div class="udex-rating-indicator ui5-rating-indicator-root ${r(this.classNames)}" role="slider" aria-roledescription="${r(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${r(this.value)}" aria-valuemax="${r(this.max)}" aria-valuetext="${r(this.value)} of ${r(this.max)}" aria-orientation="horizontal" aria-disabled="${r(this._ariaDisabled)}" aria-readonly="${r(this.ariaReadonly)}" aria-description="${r(this._ariaDescription)}" tabindex="${r(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${r(this.ratingTooltip)}" aria-label="${r(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${T(this._stars,(o,a)=>o._id||a,(o,a)=>DX.call(this,i,e,t,o,a))}</ul>${this.totalCount?FX.call(this,i,e,t):void 0}</div>`}function DX(i,e,t,o,a){return d`${o.selected?PX.call(this,i,e,t,o,a):NX.call(this,i,e,t,o,a)}`}function PX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(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="${r(o.index)}" name="favorite"></ui5-icon></li>`}function NX(i,e,t,o,a){return d`${o.halfStar?RX.call(this,i,e,t,o,a):LX.call(this,i,e,t,o,a)}`}function RX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></${u("ui5-icon",e,t)}></div></li>`:d`<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="${r(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="${r(o.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function LX(i,e,t,o,a){return d`${this.readonly?jX.call(this,i,e,t,o,a):MX.call(this,i,e,t,o,a)}`}function jX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<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="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function MX(i,e,t,o,a){return d`${this.disabled?OX.call(this,i,e,t,o,a):zX.call(this,i,e,t,o,a)}`}function OX(i,e,t,o,a){return t?d`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<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="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function zX(i,e,t,o,a){return t?d`<li data-ui5-value="${r(o.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${r(o.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${r(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="${r(o.index)}" name="unfavorite"></ui5-icon></li>`}function FX(i,e,t){return d`<div class="udex-rating-indicator__total">(${r(this.totalCount)})</div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const XX={packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`: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)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-231-7_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{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-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.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)}
|
|
249
249
|
`};var ug=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},K_;(function(i){i.Desktop="Desktop",i.Mobile="Mobile"})(K_||(K_={}));let Fs=class extends Y_{get classNames(){return`udex-rating-indicator--${this.display.toLowerCase()}`}get _ariaLabel(){const e=Ia(this);return this.totalCount?`${e?`${e}, `:""}${Y_.i18nBundle.getText(SC)} ${this.totalCount}`:e}};ug([c({defaultValue:K_.Desktop})],Fs.prototype,"display",void 0);ug([c()],Fs.prototype,"totalCount",void 0);Fs=ug([y({tag:"udex-rating-indicator",renderer:k,styles:[Y_.styles,XX],template:AX,dependencies:[U]})],Fs);Fs.define();const gw=Fs;function HX(i,e,t){return d`${this.isEmpty?qX.call(this,i,e,t):VX.call(this,i,e,t)}`}function qX(i,e,t){return d`<div class="udex-review__empty-container"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div>`}function VX(i,e,t){return d`${this.withoutBreakdown?UX.call(this,i,e,t):WX.call(this,i,e,t)}`}function UX(i,e,t){return t?d`<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">${r(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><${u("udex-rating-indicator",e,t)} readonly value="${r(this.validatedRating)}" max="${r(this._maxRating)}"></${u("udex-rating-indicator",e,t)}><div class="udex-review__reviews-text">${r(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>`:d`<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">${r(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><udex-rating-indicator readonly value="${r(this.validatedRating)}" max="${r(this._maxRating)}"></udex-rating-indicator><div class="udex-review__reviews-text">${r(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 WX(i,e,t){return t?d`<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">${r(this.validatedRating)}</div><${u("ui5-icon",e,t)} aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></${u("ui5-icon",e,t)}></div><div class="udex-review__reviews-text">${r(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${T(this.validatedRatingBars,(o,a)=>o._id||a,(o,a)=>gb.call(this,i,e,t,o,a))}</div></div><span id="ratingDescription" class="hidden-text">${r(this._ratingDescription)}</span>`:d`<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">${r(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">${r(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${T(this.validatedRatingBars,(o,a)=>o._id||a,(o,a)=>gb.call(this,i,e,t,o,a))}</div></div><span id="ratingDescription" class="hidden-text">${r(this._ratingDescription)}</span>`}function gb(i,e,t,o,a){return d`<slot name="${r(o._individualSlot)}"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const GX={packageName:"@sapudex/web-components",fileName:"themes/Review.css.ts",content:`: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}
|
|
250
250
|
`};var pl=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Kc;let Vr=Kc=class extends E{constructor(){super(...arguments),this._minRating=0,this._maxRating=5,this._maxRatingBars=5}static async onDefine(){Kc.i18nBundle=await M("@sapudex/web-components")}get reviewsText(){return`${this.reviews} ${Kc.i18nBundle.getText(kC)}`}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} ${uw.i18nBundle.getText(Ky)}`}};pl([c({type:Number,defaultValue:0,validator:it})],Vr.prototype,"rating",void 0);pl([c({type:Number,defaultValue:0,validator:q})],Vr.prototype,"reviews",void 0);pl([$({type:HTMLElement})],Vr.prototype,"reviewButton",void 0);pl([$({type:HTMLElement})],Vr.prototype,"defaultText",void 0);pl([$({type:HTMLElement,default:!0,individualSlots:!0})],Vr.prototype,"bars",void 0);Vr=Kc=pl([y({tag:"udex-review",renderer:k,styles:GX,template:HX,dependencies:[uw,gw,U]})],Vr);Vr.define();function YX(i,e,t){return t?d`<div class="${r(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><${u("udex-rating-indicator",e,t)} value="${r(this.validatedRating)}" max="${r(this._maxRating)}" readonly></${u("udex-rating-indicator",e,t)}>${this.date?mb.call(this,i,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${r(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${r(this._completeText)}</p>${this._showTextExpander?fb.call(this,i,e,t):void 0}</div>${this.author?bb.call(this,i,e,t):void 0}</div></div>`:d`<div class="${r(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><udex-rating-indicator value="${r(this.validatedRating)}" max="${r(this._maxRating)}" readonly></udex-rating-indicator>${this.date?mb.call(this,i,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${r(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${r(this._completeText)}</p>${this._showTextExpander?fb.call(this,i,e,t):void 0}</div>${this.author?bb.call(this,i,e,t):void 0}</div></div>`}function mb(i,e,t){return d`<slot slot="date" name="date" class="udex-review-item__date"></slot>`}function fb(i,e,t){return t?d`<${u("udex-button",e,t)} id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${r(this.buttonText)}</${u("udex-button",e,t)}>`:d`<udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${r(this.buttonText)}</udex-button>`}function bb(i,e,t){return d`<slot slot="author" name="author" class="udex-review-item__author"></slot>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const KX={packageName:"@sapudex/web-components",fileName:"themes/ReviewItem.css.ts",content:`: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) }
|
|
251
251
|
`};var ia=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},zl;let eo=zl=class extends E{_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)}static async onDefine(){zl.i18nBundle=await M("@sapudex/web-components")}constructor(){super(),this._maxHeight=48,this._maxRating=5,this._minRating=0,this._handleResizeBound=this._checkTextOverflow.bind(this)}onEnterDOM(){this._maxHeight=48,this._completeText=this.text,J.register(this,this._handleResizeBound)}onExitDOM(){J.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 a=0,n="";e.forEach(s=>{const l=o.measureText(`${s} `).width;a+l<=2*this._textElement.offsetWidth&&(n+=`${s} `,a+=l)}),this._visibleText=n,this._textExpanded||(this._completeText=n),this._showTextExpander=!this._textExpanded&&this._completeText.length<this.text.length||this._textExpanded&&n.length<this.text.length}get buttonText(){return this._textExpanded?zl.i18nBundle.getText(Qy):zl.i18nBundle.getText(Zy)}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")}};ia([c({type:Boolean})],eo.prototype,"showRatingTop",void 0);ia([c({type:Number,defaultValue:0,validator:q})],eo.prototype,"rating",void 0);ia([c({type:String})],eo.prototype,"reviewTitle",void 0);ia([c({type:String})],eo.prototype,"text",void 0);ia([c({type:Number,defaultValue:2,validator:q})],eo.prototype,"_textLineLimit",void 0);ia([c({type:Boolean})],eo.prototype,"_textExpanded",void 0);ia([c({type:Boolean})],eo.prototype,"_showTextExpander",void 0);ia([c({type:String})],eo.prototype,"_completeText",void 0);ia([$()],eo.prototype,"author",void 0);ia([$()],eo.prototype,"date",void 0);eo=zl=ia([y({tag:"udex-review-item",renderer:k,styles:KX,template:YX,dependencies:[gw,Wt]})],eo);eo.define();class ZX{constructor(e){this._focusHandler=new x2,this.component=e,this._getSuggestionPopover(),this.selectedItemIndex=-1}_getComponent(){return this.component}async _getSuggestionPopover(){if(this.popover)return this.popover;const e=await this._getComponent().getStaticAreaItemDomRef();return this.popover=e.querySelector("[ui5-popover]"),this.popover}_getItems(){var e;return this.popover?[...(e=this.popover)==null?void 0:e.querySelectorAll("[ui5-button]")]:[]}open(){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;v2(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._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,a,n,s,l;e.preventDefault(),((t=this.lists)==null?void 0:t.length)===2&&(this.focusabledList===this.lists[1]&&(((a=(o=this.component)==null?void 0:o.shadowRoot)==null?void 0:a.querySelector("[ui5-button]")).focus(),this.close()),this.focusabledList===this.lists[0]&&(this.focusabledList=this.lists[1],this.focusabledList.focus(),this.selectedItemIndex=-1)),((n=this.lists)==null?void 0:n.length)===1&&(((l=(s=this.component)==null?void 0:s.shadowRoot)==null?void 0:l.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 n,s,l,h;e.preventDefault();const t=this.selectedItemIndex,o=this.getFocusableItems(),a=o.length-1;if((n=this.lists)!=null&&n.length){if(t===-1){const p=o[0];return p.setAttribute("aria-selected","true"),p.focus(),this.selectedItemIndex=0,(s=this.focusabledList)==null||s.setAttribute("aria-activedescendant",p.id),!0}if(t>=0&&t!==a){const p=o[t+1];return o[t].removeAttribute("aria-selected"),p.setAttribute("aria-selected","true"),p.focus(),this.selectedItemIndex=t+1,(l=this.focusabledList)==null||l.setAttribute("aria-activedescendant",p.id),!0}if(t===a&&this.focusabledList===this.lists[0]&&this.lists.length===2)return o[t].removeAttribute("aria-selected"),(h=this.focusabledList)==null||h.removeAttribute("aria-activedescendant"),this.focusabledList=this.lists[1],this.focusabledList.focus(),this.selectedItemIndex=-1,!0}}onKeyUp(e){var n,s,l,h;e.preventDefault();const t=this.getFocusableItems(),o=t.length-1,a=this.selectedItemIndex;if((n=this.lists)!=null&&n.length){if(a===-1){const p=t[0];return p.setAttribute("aria-selected","true"),p.focus(),this.selectedItemIndex=0,(s=this.focusabledList)==null||s.setAttribute("aria-activedescendant",p.id),!0}if(a>0&&a<=o){const p=t[a-1];return t[a].removeAttribute("aria-selected"),p.setAttribute("aria-selected","true"),p.focus(),this.selectedItemIndex=a-1,(l=this.focusabledList)==null||l.setAttribute("aria-activedescendant",p.id),!0}if(a===0&&this.lists.length===2&&this.focusabledList===this.lists[1])return t[a].removeAttribute("aria-selected"),(h=this.focusabledList)==null||h.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[Yi,Ut]}}ih("SearchInputSuggestion",ZX);function QX(i,e){var l;const t=parseFloat(getComputedStyle(document.documentElement).fontSize),o=((l=e.parentElement)==null?void 0:l.offsetHeight)??window.innerHeight,a=parseFloat(getComputedStyle(e).fontSize),n=parseFloat(i);switch(i.replace(`${n}`,"").trim()){case"vh":return n/100*window.innerHeight;case"vw":return n/100*window.innerWidth;case"rem":return n*t;case"em":return n*a;case"%":return n/100*o;case"px":case"":return n;default:return n}}var Da=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let yo=class extends E{constructor(){super(),this._isMobileView=this.isMobile,this._handleResizeBound=this._handleResize.bind(this)}_handleResize(){this._isMobileView=this.isMobile}onEnterDOM(){ge()&&this.setAttribute("desktop",""),J.register(this,this._handleResizeBound)}onExitDOM(){J.deregister(this,this._handleResizeBound)}getActiveSubItem(e){let t;const o=a=>{a.forEach(n=>{if(n.active===!0){t=n;return}n.items&&o(n.items)})};return o(e),t}get itemLabel(){return this._isMobileView?this.mobileLinkTitle||this.label:this.label}get isMobile(){return Ja.isAtMost("S")}get ariaCurrent(){return this.active?"page":null}};Da([c({type:String})],yo.prototype,"mobileLinkTitle",void 0);Da([c({type:Boolean})],yo.prototype,"active",void 0);Da([c({type:String})],yo.prototype,"path",void 0);Da([c({type:Ki,defaultValue:Ki._self})],yo.prototype,"target",void 0);Da([c({type:String})],yo.prototype,"subTitle",void 0);Da([c({type:String})],yo.prototype,"label",void 0);Da([c({validator:q})],yo.prototype,"index",void 0);Da([c({type:Boolean})],yo.prototype,"_isMobileView",void 0);Da([c({type:String,defaultValue:"-1"})],yo.prototype,"_tabIndex",void 0);yo=Da([y({renderer:k})],yo);const mw=yo;function JX(i,e,t){return d`${this.isBack?eH.call(this,i,e,t):tH.call(this,i,e,t)} `}function eH(i,e,t){return t?d`<button tabindex="${r(this._tabIndex)}" @click="${this.onBackItemClick}" role="menuitem" aria-label="${r(this.backButtonAriaLabel)}" aria-haspopup="true" is-back class="udex-secondary-navigation__dropdown-item"><${u("ui5-icon",e,t)} class="udex-secondary-navigation__dropdown-icon udex-secondary-navigation__dropdown-icon_back" name="slim-arrow-left"></${u("ui5-icon",e,t)}>${r(this.itemLabel)}</button>`:d`<button tabindex="${r(this._tabIndex)}" @click="${this.onBackItemClick}" role="menuitem" aria-label="${r(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"></ui5-icon>${r(this.itemLabel)}</button>`}function tH(i,e,t){return d`${this.isButton?iH.call(this,i,e,t):aH.call(this,i,e,t)}`}function iH(i,e,t){return d`<button tabindex="${r(this._tabIndex)}" @click="${this.onItemClick}" role="menuitem" aria-haspopup="${r(this.hasItems)}" ?sub-active="${this.isSubItemActive}" aria-label="${r(this.label)}" ?active="${this.active}" aria-current="${r(this.ariaCurrent)}" class="udex-secondary-navigation__dropdown-item">${r(this.itemLabel)}${this.hasItems?oH.call(this,i,e,t):void 0}</button>`}function oH(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-secondary-navigation__dropdown-icon" name="slim-arrow-right"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-secondary-navigation__dropdown-icon" name="slim-arrow-right"></ui5-icon>`}function aH(i,e,t){return d`<a tabindex="${r(this._tabIndex)}" @click="${this.onItemClick}" role="menuitem" href="${r(this.path)}" target="${r(this.target)}" ?active="${this.active}" aria-current="${r(this.ariaCurrent)}" class="udex-secondary-navigation__dropdown-item">${r(this.itemLabel)}</a>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const rH={packageName:"@sapudex/web-components",fileName:"themes/SecondaryNavigationSubItem.css.ts",content:`: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)}}
|
|
@@ -293,7 +293,7 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
293
293
|
`};var Yw=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let Ed=class extends Gw{};Yw([c({type:Boolean})],Ed.prototype,"isFixedInPlace",void 0);Ed=Yw([y({tag:"udex-side-navigation",renderer:k,styles:[Gw.styles,AG],dependencies:[SG,CG,EG]})],Ed);Ed.define();const DG=Ed;function PG(i,e,t){return t?d`<div class="udex-side-navigation-mobile__trigger" slot="trigger" accessible-role="button" aria-haspopup="true" ?active="${this._dropdownOpened}" tabindex="0" @keydown="${this.handleKeydown}" @click="${this.handleTriggerClick}"><div class="udex-side-navigation-mobile__selected-item">${this._selectedItem?Vx.call(this,i,e,t):void 0}</div><${u("ui5-icon",e,t)} class="udex-side-navigation-mobile__trigger-toggle-icon" name="slim-arrow-down"></${u("ui5-icon",e,t)}></div>`:d`<div class="udex-side-navigation-mobile__trigger" slot="trigger" accessible-role="button" aria-haspopup="true" ?active="${this._dropdownOpened}" tabindex="0" @keydown="${this.handleKeydown}" @click="${this.handleTriggerClick}"><div class="udex-side-navigation-mobile__selected-item">${this._selectedItem?Vx.call(this,i,e,t):void 0}</div><ui5-icon class="udex-side-navigation-mobile__trigger-toggle-icon" name="slim-arrow-down"></ui5-icon></div>`}function Vx(i,e,t){var o,a;return d`${(o=this._selectedItem)!=null&&o.icon?NG.call(this,i,e,t):void 0}<span>${r((a=this._selectedItem)==null?void 0:a.text)}</span>`}function NG(i,e,t){var o,a;return t?d`<${u("ui5-icon",e,t)} class="udex-side-navigation-mobile__selected-item-icon" name="${r((o=this._selectedItem)==null?void 0:o.icon)}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-side-navigation-mobile__selected-item-icon" name="${r((a=this._selectedItem)==null?void 0:a.icon)}"></ui5-icon>`}function RG(i,e,t){return t?d`<${u("udex-dropdown",e,t)} class="udex-side-navigation-mobile__popover" id="udex-${r(this._id)}-side-navigation-mobile__popover" placement-type="Bottom" horizontal-align="Stretch" disable-target-overlap="true" height="none" @click-trigger="${this.handleTriggerClick}" @after-open="${this._afterDropdownOpen}" @after-close="${this._afterDropdownClose}"><${u("udex-side-navigation",e,t)} @ui5-selection-change="${r(this._handleSelectionChanged)}">${T(this._navItems,(o,a)=>o._id||a,(o,a)=>Ux.call(this,i,e,t,o,a))}</${u("udex-side-navigation",e,t)}></${u("udex-dropdown",e,t)}>`:d`<udex-dropdown class="udex-side-navigation-mobile__popover" id="udex-${r(this._id)}-side-navigation-mobile__popover" placement-type="Bottom" horizontal-align="Stretch" disable-target-overlap="true" height="none" @click-trigger="${this.handleTriggerClick}" @after-open="${this._afterDropdownOpen}" @after-close="${this._afterDropdownClose}"><udex-side-navigation @ui5-selection-change="${r(this._handleSelectionChanged)}">${T(this._navItems,(o,a)=>o._id||a,(o,a)=>Ux.call(this,i,e,t,o,a))}</udex-side-navigation></udex-dropdown>`}function Ux(i,e,t,o,a){return d`${r(o)}`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const Wx={packageName:"@sapudex/web-components",fileName:"themes/SideNavigationMobile.css.ts",content:`:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);--udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily);position:relative;z-index:106}.udex-side-navigation-mobile__trigger{display:flex;justify-content:space-between;align-items:center;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);height:var(--udex-side-navigation-item-height);padding-inline-start:var(--udex-side-navigation-mobile-trigger-padding-horizontal);padding-inline-end:var(--udex-side-navigation-mobile-trigger-padding-horizontal);cursor:pointer;position:relative}.udex-side-navigation-mobile__selected-item{display:flex;align-items:center;font-weight:var(--udex-side-navigation-selected-item-text-weight)}.udex-side-navigation-mobile__selected-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left))}.udex-side-navigation-mobile__trigger-toggle-icon{height:1rem;width:1rem;min-width:1rem;color:var(--udex-side-navigation-icon-color)}.udex-side-navigation-mobile__trigger[active]{box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);border-bottom:1px solid var(--udex-side-navigation-mobile-active-trigger-border-color)}.udex-side-navigation-mobile__trigger[active] .udex-side-navigation-mobile__trigger-toggle-icon{color:var(--udex-side-navigation-mobile-active-arrow-color)}
|
|
294
294
|
`};v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const LG={packageName:"@sapudex/web-components",fileName:"themes/SideNavigationMobileDropdown.css.ts",content:`:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;--udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0}
|
|
295
295
|
`};var cc=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let Hn=class extends E{constructor(){super(...arguments),this._initialized=!1}get _dropdownTrigger(){return this.shadowRoot.querySelector(".udex-side-navigation-mobile__trigger")}async _getResponsePopover(){return(await this.getStaticAreaItemDomRef()).querySelector("[udex-dropdown]")}_afterDropdownOpen(){this._dropdownOpened=!0}_afterDropdownClose(){this._dropdownOpened=!1}async handleTriggerClick(){var e;this._dropdown=await this._getResponsePopover(),(e=this._dropdown)!=null&&e.open?this._dropdown.onClose():this._dropdown.onOpen(this._dropdownTrigger)}async handleKeydown(e){(e.key==="Enter"||e.key===" ")&&await this.handleTriggerClick()}async _handleSelectionChanged(e){this._dropdown=await this._getResponsePopover(),this._dropdown.onClose(),this._selectedItem=e.detail.item}getSelectedItem(){return this._navItems.reduce((t,o)=>t.concat(o.allItems),new Array).find(t=>t._selected)}onBeforeRendering(){if(!this._initialized){const e=this.getSlottedNodes("navItems"),t=this.getSlottedNodes("fixedItems");this._navItems=e.concat(t),this._selectedItem=this.getSelectedItem()||null}this._initialized=!0}async onAfterRendering(){this._dropdown=await this._getResponsePopover()}};cc([c({noAttribute:!0,type:Boolean})],Hn.prototype,"_dropdownOpened",void 0);cc([$({type:HTMLElement,invalidateOnChildChange:!0,default:!0})],Hn.prototype,"navItems",void 0);cc([$({type:HTMLElement,invalidateOnChildChange:!0})],Hn.prototype,"fixedItems",void 0);cc([c({noAttribute:!0,type:Object})],Hn.prototype,"_selectedItem",void 0);Hn=cc([y({tag:"udex-side-navigation-mobile",renderer:k,template:PG,styles:Wx,staticAreaTemplate:RG,staticAreaStyles:[Wx,LG],dependencies:[DG,ec,U]})],Hn);Hn.define();function jG(i,e,t){return t?d`<div class="ui5-slider-root ${z(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><div class="ui5-slider-inner">${this.step?Gx.call(this,i,e,t):void 0}<div class="ui5-slider-progress-container" aria-hidden="true" part="progress-container"><div class="ui5-slider-progress" style="${H(this.styles.progress)}" @focusout="${this._onfocusout}" @focusin="${this._onfocusin}" tabindex="-1" part="progress-bar"></div></div><div class="ui5-slider-handle" style="${H(this.styles.handle)}" @focusout="${this._onfocusout}" @focusin="${this._onfocusin}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.value)}" aria-labelledby="${r(this._ariaLabelledByHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}" data-sap-focus-ref part="handle"><${u("ui5-icon",e,t)} name="direction-arrows" part="icon-slider" slider-icon></${u("ui5-icon",e,t)}>${this.showTooltip?Yx.call(this,i,e,t):void 0}</div></div><span id="${r(this._id)}-accName" class="ui5-hidden-text">${r(this.accessibleName)}</span><span id="${r(this._id)}-sliderDesc" class="ui5-hidden-text">${r(this._ariaLabelledByText)}</span></div> `:d`<div class="ui5-slider-root ${z(this.classes.root)}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @mouseover="${this._onmouseover}" @mouseout="${this._onmouseout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" part="root-container"><div class="ui5-slider-inner">${this.step?Gx.call(this,i,e,t):void 0}<div class="ui5-slider-progress-container" aria-hidden="true" part="progress-container"><div class="ui5-slider-progress" style="${H(this.styles.progress)}" @focusout="${this._onfocusout}" @focusin="${this._onfocusin}" tabindex="-1" part="progress-bar"></div></div><div class="ui5-slider-handle" style="${H(this.styles.handle)}" @focusout="${this._onfocusout}" @focusin="${this._onfocusin}" role="slider" tabindex="${r(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${r(this.min)}" aria-valuemax="${r(this.max)}" aria-valuenow="${r(this.value)}" aria-labelledby="${r(this._ariaLabelledByHandleRefs)}" aria-disabled="${r(this._ariaDisabled)}" data-sap-focus-ref part="handle"><ui5-icon name="direction-arrows" part="icon-slider" slider-icon></ui5-icon>${this.showTooltip?Yx.call(this,i,e,t):void 0}</div></div><span id="${r(this._id)}-accName" class="ui5-hidden-text">${r(this.accessibleName)}</span><span id="${r(this._id)}-sliderDesc" class="ui5-hidden-text">${r(this._ariaLabelledByText)}</span></div> `}function Gx(i,e,t){return d`${this.showTickmarks?MG.call(this,i,e,t):void 0}`}function MG(i,e,t){return d`<ul class="ui5-slider-tickmarks">${T(this.tickmarksObject,(o,a)=>o._id||a,(o,a)=>OG.call(this,i,e,t,o,a))}</ul>${this.labelInterval?XG.call(this,i,e,t):void 0}`}function OG(i,e,t,o,a){return d`${o?zG.call(this,i,e,t,o,a):FG.call(this,i,e,t,o,a)}`}function zG(i,e,t,o,a){return d`<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>`}function FG(i,e,t,o,a){return d`<li class="ui5-slider-tickmark"></li>`}function XG(i,e,t){return d`<ul class="ui5-slider-labels ${z(this.classes.labelContainer)}" style="${H(this.styles.labelContainer)}">${T(this._labels,(o,a)=>o._id||a,(o,a)=>HG.call(this,i,e,t,o,a))}</ul>`}function HG(i,e,t,o,a){return d`<li style="${H(this.styles.label)}">${r(o)}</li>`}function Yx(i,e,t){return d`<div class="ui5-slider-tooltip" style="${H(this.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${r(this.tooltipValue)}</span></div>`}var Kw=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},iu;let Ad=iu=class extends vo{constructor(){super(),this._progressPercentage=0,this._handlePositionFromStart=0,this._stateStorage.value=void 0}onBeforeRendering(){this.isCurrentStateOutdated()&&(this.notResized=!0,this.syncUIAndState(),this._updateHandleAndProgress(this.value))}syncUIAndState(){this.isPropertyUpdated("step")&&(this._validateStep(this.step),this.storePropertyState("step")),this.isPropertyUpdated("min","max","value")&&(this.storePropertyState("min","max"),this.value=vo.clipValue(this.value,this._effectiveMin,this._effectiveMax),this.updateStateStorageAndFireInputEvent("value"),this.storePropertyState("value")),this.labelInterval&&this.showTickmarks&&this._createLabels(),this.isPropertyUpdated("labelInterval")&&this.storePropertyState("labelInterval")}_onmousedown(e){if(this.disabled||this.step===0)return;const t=this.handleDownBase(e);this._valueOnInteractionStart=this.value,this._valueInitial===void 0&&(this._valueInitial=this.value);const o=this.constructor;this._isHandlePressed(o.getPageXValueFromEvent(e))||(this._updateHandleAndProgress(t),this.value=t,this.updateStateStorageAndFireInputEvent("value"))}_onfocusin(){this._valueInitial===void 0&&(this._valueInitial=this.value),this.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.VISIBLE)}_onfocusout(){if(this._isFocusing()){this._preventFocusOut();return}this._valueInitial=void 0,this.showTooltip&&(this._tooltipVisibility=vo.TOOLTIP_VISIBILITY.HIDDEN)}_handleMove(e){if(e.preventDefault(),this.disabled||this._effectiveStep===0)return;const o=this.constructor.getValueFromInteraction(e,this._effectiveStep,this._effectiveMin,this._effectiveMax,this.getBoundingClientRect(),this.directionStart);this._updateHandleAndProgress(o),this.value=o,this.updateStateStorageAndFireInputEvent("value")}_handleUp(){this._valueOnInteractionStart!==this.value&&this.fireEvent("change"),this.handleUpBase(),this._valueOnInteractionStart=void 0}_isHandlePressed(e){const t=this._sliderHandle.getBoundingClientRect();return e>=t.left&&e<=t.right}_updateHandleAndProgress(e){const t=this._effectiveMax,o=this._effectiveMin;this._progressPercentage=(e-o)/(t-o),this._handlePositionFromStart=this._progressPercentage*100}_handleActionKeyPress(e){const t=this._effectiveMin,o=this._effectiveMax,a=this.value,n=this.constructor,s=Fe(e)?this._valueInitial:n.clipValue(this._handleActionKeyPressBase(e,"value")+a,t,o);s!==a&&(this._updateHandleAndProgress(s),this.value=s,this.updateStateStorageAndFireInputEvent("value"))}get styles(){return{progress:{transform:`scaleX(${this._progressPercentage})`,"transform-origin":`${this.directionStart} top`},handle:{[this.directionStart]:`${this._handlePositionFromStart}%`},label:{width:`${this._labelWidth}%`},labelContainer:{width:"100%",[this.directionStart]:`-${this._labelWidth/2}%`},tooltip:{visibility:`${this._tooltipVisibility}`}}}get _sliderHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle")}get tooltipValue(){const t=this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);return this.value.toFixed(t)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabelledByText(){return iu.i18nBundle.getText(nI)}static async onDefine(){iu.i18nBundle=await M("@ui5/webcomponents")}get tickmarksObject(){const e=this._tickmarksCount,t=[];if(this._hiddenTickmarks)return[!0,!1];for(let o=0;o<=e;o++)t.push(this._effectiveMin+o*this.step<=this.value);return t}};Kw([c({validator:it,defaultValue:0})],Ad.prototype,"value",void 0);Ad=iu=Kw([y({tag:"ui5-slider",languageAware:!0,template:jG,dependencies:[U]})],Ad);Ad.define();const qG=Ad;var VG=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};let pv=class extends qG{onEnterDOM(){ge()&&this.setAttribute("desktop","")}};pv=VG([y({tag:"udex-slider",renderer:k,styles:[vo.styles,cw]})],pv);pv.define();function UG(i,e,t){return t?d`<div class="udex-status-badge" title="${r(this.ariaTitle)}"><${u("ui5-icon",e,t)} name="${r(this.iconFieldName)}" class="udex-status-badge__icon" accessible-name="${r(this.badgeAccessibleName)}"></${u("ui5-icon",e,t)}></div>`:d`<div class="udex-status-badge" title="${r(this.ariaTitle)}"><ui5-icon name="${r(this.iconFieldName)}" class="udex-status-badge__icon" accessible-name="${r(this.badgeAccessibleName)}"></ui5-icon></div>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const WG={packageName:"@sapudex/web-components",fileName:"themes/StatusBadge.css.ts",content:`:host{--udex-status-badge-icon-color-error: var(--udexColorRed8);--udex-status-badge-background-color-error: var(--udexColorRed1);--udex-status-badge-border-color-error: var(--udexColorRed6);--udex-status-badge-icon-color-success: var(--udexColorGreen8);--udex-status-badge-background-color-success: var(--udexColorGreen1);--udex-status-badge-border-color-success: var(--udexColorGreen6);--udex-status-badge-icon-color-warning: var(--udexColorMango8);--udex-status-badge-background-color-warning: var(--udexColorMango1);--udex-status-badge-border-color-warning: var(--udexColorMango6);--udex-status-badge-icon-color-information: var(--udexColorBlue8);--udex-status-badge-background-color-information: var(--udexColorBlue1);--udex-status-badge-border-color-information: var(--udexColorBlue6);--udex-status-badge-icon-color-edit: white;--udex-status-badge-background-color-edit: var(--udexColorBlue8);--udex-status-badge-size-background-xs-and-s-and-m: 18px;--udex-status-badge-size-background-l: 20px;--udex-status-badge-size-background-xl: 28px;--udex-status-badge-size-icon-xs-and-s-and-m: 12px;--udex-status-badge-size-icon-l: 14px;--udex-status-badge-size-icon-xl: 16px;display:inline-block;box-sizing:border-box;position:relative}.udex-status-badge__icon{color:inherit;display:inline-block;border-radius:50%;outline:1px solid;vertical-align:top}.udex-status-badge__icon,:host([value-state="Information"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-information);border-color:var(--udex-status-badge-border-color-information);background:var(--udex-status-badge-background-color-information)}:host([value-state="Error"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-error);border-color:var(--udex-status-badge-border-color-error);background:var(--udex-status-badge-background-color-error)}:host([value-state="Success"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-success);border-color:var(--udex-status-badge-border-color-success);background:var(--udex-status-badge-background-color-success)}:host([value-state="Warning"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-warning);border-color:var(--udex-status-badge-border-color-warning);background:var(--udex-status-badge-background-color-warning)}:host([value-state="Edit"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-edit);background:var(--udex-status-badge-background-color-edit);border:0;outline:0;cursor:pointer}.udex-status-badge__icon,:host([size="XS"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="S"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="M"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="L"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-l);height:var(--udex-status-badge-size-icon-l);padding:3px}:host([size="XL"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xl);height:var(--udex-status-badge-size-icon-xl);padding:6px}.udex-status-badge,:host([size="XS"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size="S"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size="M"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size="L"]) .udex-status-badge{width:var(--udex-status-badge-size-background-l);height:var(--udex-status-badge-size-background-l)}:host([size="XL"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xl);height:var(--udex-status-badge-size-background-xl)}
|
|
296
|
-
`};var jh=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},za,Ui;(function(i){i.Success="sys-enter-2",i.Error="error",i.Warning="alert",i.Edit="edit",i.Information="information"})(Ui||(Ui={}));var Zu;(function(i){i.XS="XS",i.S="S",i.M="M",i.L="L",i.XL="XL"})(Zu||(Zu={}));let Gs=za=class extends E{static async onDefine(){za.i18nBundle=await M("@sapudex/web-components")}get iconFieldName(){return Ui[this.valueState]?Ui[this.valueState]:Ui.Information}get badgeAccessibleName(){return`${this.accessibleName?this.accessibleName:za.i18nBundle.getText(x3)}`}get ariaTitle(){switch(Ui[this.valueState]){case Ui.Edit:return za.i18nBundle.getText(y3);case Ui.Information:return za.i18nBundle.getText(w3);case Ui.Success:return za.i18nBundle.getText($3);case Ui.Error:return za.i18nBundle.getText(S3);case Ui.Warning:return za.i18nBundle.getText(k3)}}};jh([c({type:Ui,defaultValue:Ui.Information})],Gs.prototype,"valueState",void 0);jh([c({type:Zu,defaultValue:Zu.S})],Gs.prototype,"size",void 0);jh([c({type:String,defaultValue:""})],Gs.prototype,"accessibleName",void 0);Gs=za=jh([y({tag:"udex-status-badge",renderer:k,styles:WG,template:UG,dependencies:[U]})],Gs);Gs.define();const GG="less",Zw="M464 224q16 0 16 16v32q0 16-16 16H48q-6 0-11-4.5T32 272v-32q0-7 5-11.5t11-4.5h416z",YG=!1,KG="SAP-icons-v4",ZG="@ui5/webcomponents-icons";D(GG,{pathData:Zw,ltr:YG,collection:KG,packageName:ZG});const QG="less",Qw="M454 275H58q-11 0-18.5-7T32 250t7.5-18.5T58 224h396q11 0 18.5 7.5T480 250t-7.5 18-18.5 7z",JG=!1,eY="SAP-icons-v5",tY="@ui5/webcomponents-icons";D(QG,{pathData:Qw,ltr:JG,collection:eY,packageName:tY});oe();const iY="add",Jw="M32 240q0-7 5-11.5t11-4.5h176V48q0-7 5-11.5t11-4.5h32q16 0 16 16v176h176q16 0 16 16v32q0 16-16 16H288v176q0 16-16 16h-32q-6 0-11-4.5t-5-11.5V288H48q-6 0-11-4.5T32 272v-32z",oY=!1,aY=v5,rY="SAP-icons-v4",nY="@ui5/webcomponents-icons";D(iY,{pathData:Jw,ltr:oY,accData:aY,collection:rY,packageName:nY});const sY="add",ek="M454 230q11 0 18.5 7.5T480 256t-7.5 18.5T454 282H282v172q0 11-7.5 18.5T256 480t-18.5-7.5T230 454V282H58q-11 0-18.5-7.5T32 256t7.5-18.5T58 230h172V58q0-11 7.5-18.5T256 32t18.5 7.5T282 58v172h172z",lY=!1,dY=v5,cY="SAP-icons-v5",uY="@ui5/webcomponents-icons";D(sY,{pathData:ek,ltr:lY,accData:dY,collection:cY,packageName:uY});oe();function hY(i,e,t){return t?d`<div class="udex-step-input__root"><${u("udex-text-field",e,t)} type="${r(this.type)}" label="${r(this.label)}" supporting-text="${r(this.supportingText)}" value="${r(this._valuePrecisioned)}" aria-label="${r(this.accessibleName)}" aria-labelledby="${r(this.accessibleNameRef)}" @focusin="${this._onInputFocusIn}" @focusout="${this._onInputFocusOut}" @ui5-keydown="${r(this._onkeydown)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?displayonly="${this.displayonly}" value-state="${r(this.valueState)}" min="${r(this.min)}" max="${r(this.max)}" step="${r(this.step)}"></${u("udex-text-field",e,t)}>${this.displayonly?void 0:Kx.call(this,i,e,t)}</div>`:d`<div class="udex-step-input__root"><udex-text-field type="${r(this.type)}" label="${r(this.label)}" supporting-text="${r(this.supportingText)}" value="${r(this._valuePrecisioned)}" aria-label="${r(this.accessibleName)}" aria-labelledby="${r(this.accessibleNameRef)}" @focusin="${this._onInputFocusIn}" @focusout="${this._onInputFocusOut}" @ui5-keydown="${r(this._onkeydown)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?displayonly="${this.displayonly}" value-state="${r(this.valueState)}" min="${r(this.min)}" max="${r(this.max)}" step="${r(this.step)}"></udex-text-field>${this.displayonly?void 0:Kx.call(this,i,e,t)}</div>`}function Kx(i,e,t){return t?d`<${u("udex-control-button",e,t)} class="udex-step-input__button udex-step-input__button_dec" title="${r(this.decIconTitle)}" accessible-name="${r(this.decIconTitle)}" icon="less" size="Large" design="${r(this.valueState)}" @click="${this._decValue}" @mousedown="${this._decSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" ?disabled="${this._decIconInactive}" ?active="${this.decIconActive}" ?readonly="${this.readonly}"></${u("udex-control-button",e,t)}><${u("udex-control-button",e,t)} class="udex-step-input__button udex-step-input__button_inc" title="${r(this.incIconTitle)}" accessible-name="${r(this.incIconTitle)}" icon="add" size="Large" design="${r(this.valueState)}" @click="${this._incValue}" @mousedown="${this._incSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" ?disabled="${this._incIconInactive}" ?active="${this.incIconActive}" ?readonly="${this.readonly}"></${u("udex-control-button",e,t)}>`:d`<udex-control-button class="udex-step-input__button udex-step-input__button_dec" title="${r(this.decIconTitle)}" accessible-name="${r(this.decIconTitle)}" icon="less" size="Large" design="${r(this.valueState)}" @click="${this._decValue}" @mousedown="${this._decSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" ?disabled="${this._decIconInactive}" ?active="${this.decIconActive}" ?readonly="${this.readonly}"></udex-control-button><udex-control-button class="udex-step-input__button udex-step-input__button_inc" title="${r(this.incIconTitle)}" accessible-name="${r(this.incIconTitle)}" icon="add" size="Large" design="${r(this.valueState)}" @click="${this._incValue}" @mousedown="${this._incSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" ?disabled="${this._incIconInactive}" ?active="${this.incIconActive}" ?readonly="${this.readonly}"></udex-control-button>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const pY={packageName:"@sapudex/web-components",fileName:"themes/StepInput.css.ts",content:`:host{--udex-step-input-button-size: 42px;--udex-step-input-input-horizontal-padding: var(--udexSpacer8, 8px);--udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-step-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-step-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F)}:host [udex-text-field]{--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);--udex-input-color-error-hover-border: var(--udex-step-input-color-error-hover-border);--udex-input-color-error-active-border: var(--udex-step-input-color-error-active-border);--udex-input-color-warning-hover-border: var(--udex-step-input-color-warning-hover-border);--udex-input-color-warning-active-border: var(--udex-step-input-color-warning-active-border);--udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);--udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border)}:host(:not([displayonly])) .udex-step-input__root{display:flex;align-items:flex-start}:host .udex-step-input__button{--udex-control-button-large-height: var(--udex-step-input-button-size);--udex-control-button-large-width: var(--udex-step-input-button-size);position:relative;padding:var(--udexSpacer4, 4px);width:38px;z-index:3;background:none;flex-shrink:0}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(ltr),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(rtl){border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(rtl),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(ltr){border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}:host([readonly]) .udex-step-input__button{opacity:1}:host(:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-hover-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-success-hover-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-hover-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-error-hover-border)}:host(:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-active-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-success-active-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-active-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-error-active-border)}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){padding-right:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));padding-left:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding))}:host(:not([displayonly])) [udex-text-field]{margin-right:calc(var(--udex-step-input-button-size) * -1);margin-left:calc(var(--udex-step-input-button-size) * -1);width:100%}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){text-align:end}:host .udex-step-input__button_dec{order:1}:host [udex-text-field]{order:2}:host .udex-step-input__button_inc{order:3}
|
|
296
|
+
`};var jh=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},za,Ui;(function(i){i.Success="sys-enter-2",i.Error="error",i.Warning="alert",i.Edit="edit",i.Information="information"})(Ui||(Ui={}));var Zu;(function(i){i.XS="XS",i.S="S",i.M="M",i.L="L",i.XL="XL"})(Zu||(Zu={}));let Gs=za=class extends E{static async onDefine(){za.i18nBundle=await M("@sapudex/web-components")}get iconFieldName(){return Ui[this.valueState]?Ui[this.valueState]:Ui.Information}get badgeAccessibleName(){return`${this.accessibleName?this.accessibleName:za.i18nBundle.getText(x3)}`}get ariaTitle(){switch(Ui[this.valueState]){case Ui.Edit:return za.i18nBundle.getText(y3);case Ui.Information:return za.i18nBundle.getText(w3);case Ui.Success:return za.i18nBundle.getText($3);case Ui.Error:return za.i18nBundle.getText(S3);case Ui.Warning:return za.i18nBundle.getText(k3)}}};jh([c({type:Ui,defaultValue:Ui.Information})],Gs.prototype,"valueState",void 0);jh([c({type:Zu,defaultValue:Zu.S})],Gs.prototype,"size",void 0);jh([c({type:String,defaultValue:""})],Gs.prototype,"accessibleName",void 0);Gs=za=jh([y({tag:"udex-status-badge",renderer:k,styles:WG,template:UG,dependencies:[U]})],Gs);Gs.define();const GG="less",Zw="M464 224q16 0 16 16v32q0 16-16 16H48q-6 0-11-4.5T32 272v-32q0-7 5-11.5t11-4.5h416z",YG=!1,KG="SAP-icons-v4",ZG="@ui5/webcomponents-icons";D(GG,{pathData:Zw,ltr:YG,collection:KG,packageName:ZG});const QG="less",Qw="M454 275H58q-11 0-18.5-7T32 250t7.5-18.5T58 224h396q11 0 18.5 7.5T480 250t-7.5 18-18.5 7z",JG=!1,eY="SAP-icons-v5",tY="@ui5/webcomponents-icons";D(QG,{pathData:Qw,ltr:JG,collection:eY,packageName:tY});oe();const iY="add",Jw="M32 240q0-7 5-11.5t11-4.5h176V48q0-7 5-11.5t11-4.5h32q16 0 16 16v176h176q16 0 16 16v32q0 16-16 16H288v176q0 16-16 16h-32q-6 0-11-4.5t-5-11.5V288H48q-6 0-11-4.5T32 272v-32z",oY=!1,aY=v5,rY="SAP-icons-v4",nY="@ui5/webcomponents-icons";D(iY,{pathData:Jw,ltr:oY,accData:aY,collection:rY,packageName:nY});const sY="add",ek="M454 230q11 0 18.5 7.5T480 256t-7.5 18.5T454 282H282v172q0 11-7.5 18.5T256 480t-18.5-7.5T230 454V282H58q-11 0-18.5-7.5T32 256t7.5-18.5T58 230h172V58q0-11 7.5-18.5T256 32t18.5 7.5T282 58v172h172z",lY=!1,dY=v5,cY="SAP-icons-v5",uY="@ui5/webcomponents-icons";D(sY,{pathData:ek,ltr:lY,accData:dY,collection:cY,packageName:uY});oe();function hY(i,e,t){return t?d`<div class="udex-step-input__root"><${u("udex-text-field",e,t)} type="${r(this.type)}" label="${r(this.label)}" supporting-text="${r(this.supportingText)}" value="${r(this._valuePrecisioned)}" aria-label="${r(this.accessibleName)}" aria-labelledby="${r(this.accessibleNameRef)}" @focusin="${this._onInputFocusIn}" @focusout="${this._onInputFocusOut}" @ui5-keydown="${r(this._onkeydown)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?displayonly="${this.displayonly}" value-state="${r(this.valueState)}" min="${r(this.min)}" max="${r(this.max)}" step="${r(this.step)}"></${u("udex-text-field",e,t)}>${this.displayonly?void 0:Kx.call(this,i,e,t)}<div class="hidden" aria-live="polite">${r(this._valuePrecisioned)}</div></div>`:d`<div class="udex-step-input__root"><udex-text-field type="${r(this.type)}" label="${r(this.label)}" supporting-text="${r(this.supportingText)}" value="${r(this._valuePrecisioned)}" aria-label="${r(this.accessibleName)}" aria-labelledby="${r(this.accessibleNameRef)}" @focusin="${this._onInputFocusIn}" @focusout="${this._onInputFocusOut}" @ui5-keydown="${r(this._onkeydown)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?displayonly="${this.displayonly}" value-state="${r(this.valueState)}" min="${r(this.min)}" max="${r(this.max)}" step="${r(this.step)}"></udex-text-field>${this.displayonly?void 0:Kx.call(this,i,e,t)}<div class="hidden" aria-live="polite">${r(this._valuePrecisioned)}</div></div>`}function Kx(i,e,t){return t?d`<${u("udex-control-button",e,t)} class="udex-step-input__button udex-step-input__button_dec" title="${r(this.decIconTitle)}" accessible-name="${r(this.decIconTitle)}" icon="less" size="Large" design="${r(this.valueState)}" @click="${this._decValue}" @mousedown="${this._decSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" ?disabled="${this._decIconInactive}" ?active="${this.decIconActive}" ?readonly="${this.readonly}"></${u("udex-control-button",e,t)}><${u("udex-control-button",e,t)} class="udex-step-input__button udex-step-input__button_inc" title="${r(this.incIconTitle)}" accessible-name="${r(this.incIconTitle)}" icon="add" size="Large" design="${r(this.valueState)}" @click="${this._incValue}" @mousedown="${this._incSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" ?disabled="${this._incIconInactive}" ?active="${this.incIconActive}" ?readonly="${this.readonly}"></${u("udex-control-button",e,t)}>`:d`<udex-control-button class="udex-step-input__button udex-step-input__button_dec" title="${r(this.decIconTitle)}" accessible-name="${r(this.decIconTitle)}" icon="less" size="Large" design="${r(this.valueState)}" @click="${this._decValue}" @mousedown="${this._decSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" ?disabled="${this._decIconInactive}" ?active="${this.decIconActive}" ?readonly="${this.readonly}"></udex-control-button><udex-control-button class="udex-step-input__button udex-step-input__button_inc" title="${r(this.incIconTitle)}" accessible-name="${r(this.incIconTitle)}" icon="add" size="Large" design="${r(this.valueState)}" @click="${this._incValue}" @mousedown="${this._incSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" ?disabled="${this._incIconInactive}" ?active="${this.incIconActive}" ?readonly="${this.readonly}"></udex-control-button>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const pY={packageName:"@sapudex/web-components",fileName:"themes/StepInput.css.ts",content:`:host{--udex-step-input-button-size: 42px;--udex-step-input-input-horizontal-padding: var(--udexSpacer8, 8px);--udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-step-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-step-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F)}:host [udex-text-field]{--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);--udex-input-color-error-hover-border: var(--udex-step-input-color-error-hover-border);--udex-input-color-error-active-border: var(--udex-step-input-color-error-active-border);--udex-input-color-warning-hover-border: var(--udex-step-input-color-warning-hover-border);--udex-input-color-warning-active-border: var(--udex-step-input-color-warning-active-border);--udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);--udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border)}:host(:not([displayonly])) .udex-step-input__root{display:flex;align-items:flex-start}:host .udex-step-input__button{--udex-control-button-large-height: var(--udex-step-input-button-size);--udex-control-button-large-width: var(--udex-step-input-button-size);position:relative;padding:var(--udexSpacer4, 4px);width:38px;z-index:3;background:none;flex-shrink:0}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(ltr),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(rtl){border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(rtl),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(ltr){border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}:host([readonly]) .udex-step-input__button{opacity:1}:host(:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-hover-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-success-hover-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-hover-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-error-hover-border)}:host(:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-active-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-success-active-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-active-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-error-active-border)}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){padding-right:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));padding-left:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding))}:host(:not([displayonly])) [udex-text-field]{margin-right:calc(var(--udex-step-input-button-size) * -1);margin-left:calc(var(--udex-step-input-button-size) * -1);width:100%}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){text-align:end}:host .udex-step-input__button_dec{order:1}:host [udex-text-field]{order:2}:host .udex-step-input__button_inc{order:3}.udex-step-input__root{position:relative}.hidden{position:absolute;z-index:-1;color:transparent}
|
|
297
297
|
`};var Ie=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Hl;const _Y=500,vY=.8,Zx=50,gY=120;let xe=Hl=class extends E{static async onDefine(){Hl.i18nBundle=await M("@sapudex/web-components")}constructor(){super()}get decIconTitle(){return[Hl.i18nBundle.getText(ZC),this.step.toFixed(this._getNumberPrecision(this.step))].join(" ")}get incIconTitle(){return[Hl.i18nBundle.getText(KC),this.step.toFixed(this._getNumberPrecision(this.step))].join(" ")}get _decIconInactive(){return this._decIconDisabled||this.readonly||this.disabled}get _incIconInactive(){return this._incIconDisabled||this.readonly||this.disabled}get _valuePrecisioned(){return this.value.toFixed(this.valuePrecision)}onBeforeRendering(){this._setButtonState()}get input(){return this.inputOuter.shadowRoot.querySelector("input")}get inputOuter(){return this.shadowRoot.querySelector("[udex-text-field]")}_onInputFocusIn(){this.value!==this._previousValue&&(this._previousValue=this.value)}_onInputFocusOut(){this._onInputChange()}_setButtonState(){this._decIconDisabled=this.min!==void 0&&this.value<=this.min,this._incIconDisabled=this.max!==void 0&&this.value>=this.max}setIncButtonActiveState(){this.incIconActive=!0}setDecButtonActiveState(){this.decIconActive=!0}unsetButtonsActiveState(){this.decIconActive=!1,this.incIconActive=!1}_validate(){this._initialValueState===void 0&&(this._initialValueState=this.valueState),this._updateValueState()}_updateValueState(){const e=!(this.min!==void 0&&this.value<this.min||this.max!==void 0&&this.value>this.max),t=this.valueState;this.valueState=e?this._initialValueState:Be.Error,!this.fireEvent("value-state-change",{valueState:this.valueState,valid:e},!0)&&(this.valueState=t)}_getNumberPrecision(e){if(!Number.isFinite(e))return 0;let t=1,o=0;for(;Math.round(e*t)/t!==e;)t*=10,o++;return o}_preciseValue(e){const t=10**this.valuePrecision;return Math.round(e*t)/t}_fireChangeEvent(){this._previousValue!==this.value&&(this._previousValue=this.value,this.fireEvent("change",{value:this.value}))}_modifyValue(e,t=!1){let o;this.value=this._preciseValue(parseFloat(this.input.value)),o=this.value+e,this.min!==void 0&&o<this.min&&(o=this.min),this.max!==void 0&&o>this.max&&(o=this.max),o=this._preciseValue(o),o!==this.value&&(this.value=o,this._validate(),this._setButtonState(),t&&this._fireChangeEvent())}_incValue(e){!this._incIconInactive&&e.isTrusted&&(this._modifyValue(this.step,!0),this._previousValue=this.value)}_decValue(e){!this._decIconInactive&&e.isTrusted&&(this._modifyValue(-this.step,!0),this._previousValue=this.value)}_onInputChange(){if(Number.isNaN(Number(this.input.value))||this.input.value.trim()===""){const t=this._initialValue.toFixed(this.valuePrecision);this.inputOuter.setAttribute("value",t),this.input.value=t}const e=this._preciseValue(parseFloat(this.input.value));(this.value!==this._previousValue||this.value!==e)&&(this.value=e,this._validate(),this._setButtonState(),this._fireChangeEvent())}_onkeydown(e){const{detail:t}=e;let o=!0;if(!(this.disabled||this.readonly)){if(K(t)){this._onInputChange();return}Ee(t)?this._modifyValue(this.step):Te(t)?this._modifyValue(-this.step):Fe(t)?(this.value=this._previousValue,this.input.value=this.value.toFixed(this.valuePrecision)):this.max!==void 0&&(Hy(t)||FT(t))?this._modifyValue(this.max-this.value,!0):this.min!==void 0&&(qy(t)||XT(t))?this._modifyValue(this.min-this.value,!0):!bs(t)&&!rd(t)&&!pu(t)&&!nd(t)&&(o=!1),o&&e.preventDefault()}}_decSpin(){this._decIconDisabled||(this._spinValue(!1,!0),this.setDecButtonActiveState())}_incSpin(){this._incIconDisabled||(this._spinValue(!0,!0),this.setIncButtonActiveState())}_calcWaitTimeout(){return this._speed*=vY,this._waitTimeout=this._waitTimeout-this._speed<Zx?Zx:this._waitTimeout-this._speed,this._waitTimeout}_spinValue(e,t=!1){t&&(this._waitTimeout=_Y,this._speed=gY,this._btnDown=!0),this._spinTimeoutId=setTimeout(()=>{this._btnDown&&(this._spinStarted=!0,this._modifyValue(e?this.step:-this.step),this._setButtonState(),!this._incIconDisabled&&e||!this._decIconDisabled&&!e?this._spinValue(e):(this._resetSpin(),this._fireChangeEvent()))},this._calcWaitTimeout())}_resetSpin(){clearTimeout(this._spinTimeoutId),this._btnDown=!1,this._spinStarted=!1,this.unsetButtonsActiveState()}_resetSpinOut(){this._btnDown&&(this._resetSpin(),this._fireChangeEvent(),this.unsetButtonsActiveState())}onEnterDOM(){if(this.min!==void 0&&this.max!==void 0&&this.min>this.max){const e=this.min;this.min=this.max,this.max=e}this.valuePrecision=Math.max(this.valuePrecision??0,this._getNumberPrecision(this.step),this._getNumberPrecision(this.min??0),this._getNumberPrecision(this.max??0),this._getNumberPrecision(this.value)),this._initialValue=Math.min(Math.max(this.value,this.min??0),this.max??1/0),this.value=this._initialValue,this._previousValue=this.value}};Ie([c({validator:it,defaultValue:0})],xe.prototype,"value",void 0);Ie([c({validator:it})],xe.prototype,"min",void 0);Ie([c({validator:it})],xe.prototype,"max",void 0);Ie([c({validator:it,defaultValue:1})],xe.prototype,"step",void 0);Ie([c({type:Be,defaultValue:Be.Standard})],xe.prototype,"valueState",void 0);Ie([c({type:Boolean})],xe.prototype,"required",void 0);Ie([c({type:Boolean})],xe.prototype,"disabled",void 0);Ie([c({type:Boolean})],xe.prototype,"readonly",void 0);Ie([c({type:Boolean})],xe.prototype,"displayonly",void 0);Ie([c({validator:q,defaultValue:0})],xe.prototype,"valuePrecision",void 0);Ie([c({type:String,defaultValue:""})],xe.prototype,"label",void 0);Ie([c({type:String,defaultValue:""})],xe.prototype,"supportingText",void 0);Ie([c()],xe.prototype,"accessibleName",void 0);Ie([c({defaultValue:""})],xe.prototype,"accessibleNameRef",void 0);Ie([c({type:String,noAttribute:!0,defaultValue:"Number"})],xe.prototype,"type",void 0);Ie([c({type:Boolean,noAttribute:!0})],xe.prototype,"_decIconDisabled",void 0);Ie([c({type:Boolean,noAttribute:!0})],xe.prototype,"_incIconDisabled",void 0);Ie([c({type:Boolean,noAttribute:!0})],xe.prototype,"incIconActive",void 0);Ie([c({type:Boolean,noAttribute:!0})],xe.prototype,"decIconActive",void 0);Ie([c({validator:it,noAttribute:!0})],xe.prototype,"_initialValue",void 0);Ie([c({validator:it,noAttribute:!0})],xe.prototype,"_previousValue",void 0);Ie([c({validator:it,noAttribute:!0})],xe.prototype,"_waitTimeout",void 0);Ie([c({validator:it,noAttribute:!0})],xe.prototype,"_speed",void 0);Ie([c({type:Boolean,noAttribute:!0})],xe.prototype,"_btnDown",void 0);Ie([c({validator:q,noAttribute:!0})],xe.prototype,"_spinTimeoutId",void 0);Ie([c({type:Boolean,noAttribute:!0})],xe.prototype,"_spinStarted",void 0);Ie([c({type:Be,noAttribute:!0})],xe.prototype,"_initialValueState",void 0);xe=Hl=Ie([y({tag:"udex-step-input",renderer:k,styles:pY,template:hY,dependencies:[U,gh,vh]}),f("change"),f("value-state-change",{detail:{valueState:{type:String},valid:{type:Boolean}}})],xe);xe.define();var _v;(function(i){i.Textual="Textual",i.Graphical="Graphical"})(_v||(_v={}));const vv=_v;function mY(i,e,t){return t?d`<div class="ui5-switch-root ${z(this.classes.main)}" role="switch" aria-label="${r(this.ariaLabelText)}" aria-checked="${r(this.checked)}" aria-disabled="${r(this.effectiveAriaDisabled)}" aria-required="${r(this.required)}" @click="${this._onclick}" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" tabindex="${r(this.effectiveTabIndex)}" title="${r(this.tooltip)}"><div class="ui5-switch-inner"><div class="ui5-switch-track" part="slider"><div class="ui5-switch-slider">${this.graphical?Qx.call(this,i,e,t):Jx.call(this,i,e,t)}<span class="ui5-switch-handle" part="handle"><${u("ui5-icon",e,t)} name="${r(this.sapNextIcon)}" class="ui5-switch-handle-icon"></${u("ui5-icon",e,t)}></span></div></div></div><input type='checkbox' ?checked="${this.checked}" class="ui5-switch-input" data-sap-no-tab-ref/><slot name="formSupport"></slot></div>`:d`<div class="ui5-switch-root ${z(this.classes.main)}" role="switch" aria-label="${r(this.ariaLabelText)}" aria-checked="${r(this.checked)}" aria-disabled="${r(this.effectiveAriaDisabled)}" aria-required="${r(this.required)}" @click="${this._onclick}" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" tabindex="${r(this.effectiveTabIndex)}" title="${r(this.tooltip)}"><div class="ui5-switch-inner"><div class="ui5-switch-track" part="slider"><div class="ui5-switch-slider">${this.graphical?Qx.call(this,i,e,t):Jx.call(this,i,e,t)}<span class="ui5-switch-handle" part="handle"><ui5-icon name="${r(this.sapNextIcon)}" class="ui5-switch-handle-icon"></ui5-icon></span></div></div></div><input type='checkbox' ?checked="${this.checked}" class="ui5-switch-input" data-sap-no-tab-ref/><slot name="formSupport"></slot></div>`}function Qx(i,e,t){return t?d`<span class="ui5-switch-text ui5-switch-text--on"><${u("ui5-icon",e,t)} name="accept" class="ui5-switch-icon-on"></${u("ui5-icon",e,t)}></span><span class="ui5-switch-text ui5-switch-text--off"><${u("ui5-icon",e,t)} name="decline" class="ui5-switch-icon-off"></${u("ui5-icon",e,t)}></span>`:d`<span class="ui5-switch-text ui5-switch-text--on"><ui5-icon name="accept" class="ui5-switch-icon-on"></ui5-icon></span><span class="ui5-switch-text ui5-switch-text--off"><ui5-icon name="decline" class="ui5-switch-icon-off"></ui5-icon></span>`}function Jx(i,e,t){return d`${this.hasNoLabel?fY.call(this,i,e,t):bY.call(this,i,e,t)}`}function fY(i,e,t){return t?d`<span class="ui5-switch-text ui5-switch-text--on ui5-switch-no-label-icon" part="text-on"><${u("ui5-icon",e,t)} name="${r(this.sapNextIcon)}" class="ui5-switch-no-label-icon-on"></${u("ui5-icon",e,t)}></span><span class="ui5-switch-text ui5-switch-text--off ui5-switch-no-label-icon" part="text-off"><${u("ui5-icon",e,t)} name="${r(this.sapNextIcon)}" class="ui5-switch-no-label-icon-off"></${u("ui5-icon",e,t)}></span>`:d`<span class="ui5-switch-text ui5-switch-text--on ui5-switch-no-label-icon" part="text-on"><ui5-icon name="${r(this.sapNextIcon)}" class="ui5-switch-no-label-icon-on"></ui5-icon></span><span class="ui5-switch-text ui5-switch-text--off ui5-switch-no-label-icon" part="text-off"><ui5-icon name="${r(this.sapNextIcon)}" class="ui5-switch-no-label-icon-off"></ui5-icon></span>`}function bY(i,e,t){return d`<span class="ui5-switch-text ui5-switch-text--on" part="text-on">${r(this._textOn)}</span><span class="ui5-switch-text ui5-switch-text--off" part="text-off">${r(this._textOff)}</span>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@ui5/webcomponents","sap_horizon",async()=>Z);const xY={packageName:"@ui5/webcomponents",fileName:"themes/Switch.css.ts",content:`.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{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host(:not([hidden])){display:inline-block}.ui5-switch-root{position:relative;display:flex;align-items:center;width:var(--_ui5-v1-24-23_switch_width);height:var(--_ui5-v1-24-23_switch_height);min-width:var(--_ui5-v1-24-23_switch_min_width);cursor:pointer;outline:none;border-radius:var(--_ui5-v1-24-23-switch-root-border-radius)}.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic){width:var(--_ui5-v1-24-23_switch_with_label_width);height:var(--_ui5-v1-24-23_switch_height)}.ui5-switch-root.ui5-switch--no-label{min-width:var(--_ui5-v1-24-23_switch_width)}.ui5-switch-inner{display:flex;align-items:center;justify-content:center;height:100%;width:100%;min-width:inherit;overflow:hidden;pointer-events:none;will-change:transform}:host([checked]) .ui5-switch-inner{border-radius:6.25rem;box-shadow:var(--_ui5-v1-24-23-switch-root-box-shadow)}.ui5-switch-track{display:flex;align-items:center;height:var(--_ui5-v1-24-23_switch_track_height);width:var(--_ui5-v1-24-23_switch_track_width);border:var(--_ui5-v1-24-23-switch-track-border);border-radius:var(--_ui5-v1-24-23_switch_track_border_radius);box-sizing:border-box;transition:var(--_ui5-v1-24-23_switch_track_transition)}.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-track{height:var(--_ui5-v1-24-23_switch_track_with_label_height);width:var(--_ui5-v1-24-23_switch_track_with_label_width)}.ui5-switch-slider{position:relative;height:var(--_ui5-v1-24-23_switch_height);width:100%;transition:transform .1s ease-in;transform-origin:top left}.ui5-switch-slider>*:not(.ui5-switch-handle){display:var(--_ui5-v1-24-23-switch-slider-texts-display)}.ui5-switch-handle{position:absolute;display:flex;justify-content:center;align-items:center;width:var(--_ui5-v1-24-23_switch_handle_width);height:var(--_ui5-v1-24-23_switch_handle_height);border:var(--_ui5-v1-24-23_switch_handle_border);border-radius:var(--_ui5-v1-24-23_switch_handle_border_radius);box-sizing:border-box}.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-handle{height:var(--_ui5-v1-24-23_switch_handle_with_label_height);width:var(--_ui5-v1-24-23_switch_handle_with_label_width)}.ui5-switch-handle-icon{display:var(--_ui5-v1-24-23-switch-handle-icon-display);transition:var(--_ui5-v1-24-23_switch_track_transition)}:host([checked]) .ui5-switch-handle-icon{color:var(--_ui5-v1-24-23-switch_track-on-background)}.ui5-switch-text{display:flex;justify-content:center;position:absolute;z-index:var(--_ui5-v1-24-23_switch_text_z_index);min-width:var(--_ui5-v1-24-23_switch_text_min_width);font-size:var(--_ui5-v1-24-23_switch_text_font_size);font-family:var(--_ui5-v1-24-23-switch-text_font_family);text-transform:uppercase;text-align:center;white-space:nowrap;user-select:none;-webkit-user-select:none}.ui5-switch-handle,.ui5-switch-text{inset-inline-start:var(--_ui5-v1-24-23_switch_handle_left);top:50%;transform:translateY(-50%)}.ui5-switch--desktop.ui5-switch-root:focus:after{content:"";position:absolute;inset-inline-start:var(--_ui5-v1-24-23_switch_root_outline_left);inset-inline-end:var(--_ui5-v1-24-23_switch_root_outline_right);top:var(--_ui5-v1-24-23_switch_root_outline_top);bottom:var(--_ui5-v1-24-23_switch_root_outline_bottom);border:var(--_ui5-v1-24-23_switch_focus_outline);border-radius:var(--_ui5-v1-24-23_switch_root_after_boreder_radius);pointer-events:none;transition:var(--_ui5-v1-24-23_switch_track_transition);outline:var(--_ui5-v1-24-23_switch_root_after_outline)}.ui5-switch-root .ui5-switch-input{position:absolute;inset-inline-start:0;width:0;height:0;margin:0;visibility:hidden;appearance:none;-webkit-appearance:none}.ui5-switch-root.ui5-switch--disabled{opacity:var(--_ui5-v1-24-23_switch_disabled_opacity);cursor:default}.ui5-switch-root.ui5-switch--checked .ui5-switch-text--off{visibility:var(--_ui5-v1-24-23_switch_text_hidden)}.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-text--on{visibility:var(--_ui5-v1-24-23_switch_text_hidden)}.ui5-switch-root.ui5-switch--checked.ui5-switch--semantic .ui5-switch-text--on,.ui5-switch-root.ui5-switch--checked.ui5-switch--desktop.ui5-switch--no-label .ui5-switch-text--on{inset-inline-start:var(--_ui5-v1-24-23_switch_text_active_left)}.ui5-switch-root:not(.ui5-switch--checked).ui5-switch--semantic .ui5-switch-text--off,.ui5-switch-root:not(.ui5-switch--checked).ui5-switch--desktop.ui5-switch--no-label .ui5-switch-text--off{inset-inline-start:var(--_ui5-v1-24-23_switch_text_inactive_left);inset-inline-end:var(--_ui5-v1-24-23_switch_text_inactive_right)}.ui5-switch-root.ui5-switch--checked .ui5-switch-handle{background:var(--_ui5-v1-24-23_switch_handle_active_background_color);border-color:var(--_ui5-v1-24-23_switch_handle_active_border_color)}.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-handle{background:var(--_ui5-v1-24-23_switch_handle_inactive_background_color);border-color:var(--_ui5-v1-24-23_switch_handle_inactive_border_color)}.ui5-switch--desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle{background:var(--_ui5-v1-24-23_switch_handle_hover_active_background_color);border-color:var(--_ui5-v1-24-23_switch_handle_hover_active_border_color)}.ui5-switch--desktop.ui5-switch-root:not(.ui5-switch--disabled):not(.ui5-switch--checked):hover .ui5-switch-handle{background:var(--_ui5-v1-24-23_switch_handle_hover_inactive_background_color);border-color:var(--_ui5-v1-24-23_switch_handle_hover_inactive_border_color)}.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-handle{background:var(--_ui5-v1-24-23_switch_handle_semantic_accept_background_color);border-color:var(--_ui5-v1-24-23_switch_handle_semantic_accept_border_color)}.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-handle{background:var(--_ui5-v1-24-23_switch_handle_semantic_reject_background_color);border-color:var(--_ui5-v1-24-23_switch_handle_semantic_reject_border_color)}.ui5-switch--desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle{background:var(--_ui5-v1-24-23_switch_handle_semantic_hover_accept_background_color);border-color:var(--_ui5-v1-24-23_switch_handle_semantic_hover_accept_border_color)}.ui5-switch--desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-handle{background:var(--_ui5-v1-24-23_switch_handle_semantic_hover_reject_background_color);border-color:var(--_ui5-v1-24-23_switch_handle_semantic_hover_reject_border_color)}.ui5-switch-root.ui5-switch--checked .ui5-switch-track{background:var(--_ui5-v1-24-23_switch_track_active_background_color);border-color:var(--_ui5-v1-24-23_switch_track_active_border_color)}.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-track{background:var(--_ui5-v1-24-23_switch_track_inactive_background_color);border-color:var(--_ui5-v1-24-23_switch_track_inactive_border_color)}.ui5-switch--desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track{background:var(--_ui5-v1-24-23_switch_track_hover_active_background_color);border-color:var(--_ui5-v1-24-23_switch_track_hover_active_border_color)}.ui5-switch--desktop.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track{background:var(--_ui5-v1-24-23_switch_track_hover_inactive_background_color);border-color:var(--_ui5-v1-24-23_switch_track_hover_inactive_border_color)}.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-track{background:var(--_ui5-v1-24-23_switch_track_semantic_accept_background_color);border-color:var(--_ui5-v1-24-23_switch_track_semantic_accept_border_color)}.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-track{background:var(--_ui5-v1-24-23_switch_track_semantic_reject_background_color);border-color:var(--_ui5-v1-24-23_switch_track_semantic_reject_border_color)}.ui5-switch--desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track{background:var(--_ui5-v1-24-23_switch_track_semantic_hover_accept_background_color);border-color:var(--_ui5-v1-24-23_switch_track_semantic_hover_accept_border_color)}.ui5-switch--desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track{background:var(--_ui5-v1-24-23_switch_track_semantic_hover_reject_background_color);border-color:var(--_ui5-v1-24-23_switch_track_semantic_hover_reject_border_color)}.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider{transform:var(--_ui5-v1-24-23_switch_transform_with_label)}.ui5-switch-root.ui5-switch--checked .ui5-switch-slider{transform:var(--_ui5-v1-24-23_switch_transform)}.ui5-switch-text .ui5-switch-text--on .ui5-switch-no-label-icon,.ui5-switch-root.ui5-switch--semantic .ui5-switch-text,.ui5-switch-root.ui5-switch--no-label .ui5-switch-text{display:flex;justify-content:center}.ui5-switch--no-label .ui5-switch-no-label-icon-on,.ui5-switch--no-label .ui5-switch-no-label-icon-off{width:var(--_ui5-v1-24-23_switch_icon_width);height:var(--_ui5-v1-24-23_switch_icon_height);display:var(--_ui5-v1-24-23_switch_track_icon_display)}.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off{width:var(--_ui5-v1-24-23_switch_icon_width);height:var(--_ui5-v1-24-23_switch_icon_height)}.ui5-switch-root .ui5-switch-text{font-family:var(--_ui5-v1-24-23_switch_text_font_family);font-size:var(--_ui5-v1-24-23_switch_text_font_size);width:var(--_ui5-v1-24-23_switch_text_width)}.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-text{font-family:var(--_ui5-v1-24-23_switch_text_with_label_font_family);font-size:var(--_ui5-v1-24-23_switch_text_with_label_font_size);width:var(--_ui5-v1-24-23_switch_text_with_label_width)}:host([active]) .ui5-switch--desktop.ui5-switch-root:not(.ui5-switch--disabled) .ui5-switch-track{background:var( --_ui5-v1-24-23-switch_track-off-active-background)}:host([active]) .ui5-switch--desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track{background:var(--_ui5-v1-24-23-switch_track-on-active-background)}.ui5-switch--desktop.ui5-switch-root:not(.ui5-switch--disabled):hover .ui5-switch-handle{box-shadow:var(--_ui5-v1-24-23_switch_handle_off_hover_box_shadow)}.ui5-switch--desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle{box-shadow:var(--_ui5-v1-24-23_switch_handle_on_hover_box_shadow)}.ui5-switch--desktop.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--disabled):hover .ui5-switch-handle{box-shadow:var(--_ui5-v1-24-23_switch_handle_semantic_off_hover_box_shadow)}.ui5-switch--desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle{box-shadow:var(--_ui5-v1-24-23_switch_handle_semantic_on_hover_box_shadow)}.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--on{color:var(--_ui5-v1-24-23_switch_text_semantic_accept_color)}.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off,.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--off{color:var(--_ui5-v1-24-23_switch_text_semantic_reject_color)}.ui5-switch-root .ui5-switch-text--on{color:var(--_ui5-v1-24-23_switch_text_active_color);overflow:var(--_ui5-v1-24-23_switch_text_overflow);text-overflow:ellipsis;inset-inline-start:var(--_ui5-v1-24-23_switch_text_active_left_alternate)}.ui5-switch-root .ui5-switch-text--off{color:var(--_ui5-v1-24-23_switch_text_inactive_color);overflow:var(--_ui5-v1-24-23_switch_text_overflow);text-overflow:ellipsis;inset-inline-start:var(--_ui5-v1-24-23_switch_text_inactive_left_alternate);inset-inline-end:var(--_ui5-v1-24-23_switch_text_inactive_right_alternate)}.ui5-switch-root.ui5-switch--safari .ui5-switch-text--on.ui5-switch-no-label-icon,.ui5-switch-root.ui5-switch--safari .ui5-switch-text--off.ui5-switch-no-label-icon{inset-inline-start:.1875rem}.ui5-switch-root .ui5-switch-no-label-icon-on,.ui5-switch-root .ui5-switch-icon-on{color:var(--_ui5-v1-24-23_switch_text_active_color)}.ui5-switch-root .ui5-switch-no-label-icon-off,.ui5-switch-root .ui5-switch-icon-off{color:var(--_ui5-v1-24-23_switch_text_inactive_color)}:dir(rtl).ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider{transform:var(--_ui5-v1-24-23_switch_rtl_transform_with_label)}:dir(rtl).ui5-switch-root.ui5-switch--checked .ui5-switch-slider{transform:var(--_ui5-v1-24-23_switch_rtl_transform)}
|
|
298
298
|
`};var Po=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},gv;let Pi=gv=class extends E{onBeforeRendering(){this._enableFormSupport()}_enableFormSupport(){const e=Le("FormSupport");e?e.syncNativeHiddenInput(this,(t,o)=>{const a=t;o.checked=!!a.checked,o.disabled=!!a.disabled,o.value=a.checked?"on":""}):this.name&&console.warn('In order for the "name" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";')}get sapNextIcon(){return this.checked?"accept":"less"}_onclick(){this.toggle()}_onkeydown(e){F(e)&&e.preventDefault(),K(e)&&this._onclick()}_onkeyup(e){F(e)&&this._onclick()}toggle(){if(!this.disabled){this.checked=!this.checked;const e=!this.fireEvent("change",null,!0),t=!this.fireEvent("value-changed",null,!0);(e||t)&&(this.checked=!this.checked)}}get graphical(){return this.design===vv.Graphical}get hasNoLabel(){return!(this.graphical||this.textOn||this.textOff)}get _textOn(){return this.graphical?"":this.textOn}get _textOff(){return this.graphical?"":this.textOff}get effectiveTabIndex(){return this.disabled?void 0:"0"}get classes(){const e=this.graphical||this.textOn||this.textOff;return{main:{"ui5-switch--desktop":ge(),"ui5-switch--disabled":this.disabled,"ui5-switch--checked":this.checked,"ui5-switch--semantic":this.graphical,"ui5-switch--no-label":!e,"ui5-switch--safari":Vo()}}}get effectiveAriaDisabled(){return this.disabled?"true":void 0}get accessibilityOnText(){return this._textOn}get accessibilityOffText(){return this._textOff}get hiddenText(){return this.checked?this.accessibilityOnText:this.accessibilityOffText}get ariaLabelText(){return[Ia(this),this.hiddenText].join(" ").trim()}static async onDefine(){gv.i18nBundle=await M("@ui5/webcomponents")}};Po([c({type:vv,defaultValue:vv.Textual})],Pi.prototype,"design",void 0);Po([c({type:Boolean})],Pi.prototype,"checked",void 0);Po([c({type:Boolean})],Pi.prototype,"disabled",void 0);Po([c()],Pi.prototype,"textOn",void 0);Po([c()],Pi.prototype,"textOff",void 0);Po([c()],Pi.prototype,"accessibleName",void 0);Po([c({defaultValue:""})],Pi.prototype,"accessibleNameRef",void 0);Po([c()],Pi.prototype,"tooltip",void 0);Po([c({type:Boolean})],Pi.prototype,"required",void 0);Po([c()],Pi.prototype,"name",void 0);Po([$()],Pi.prototype,"formSupport",void 0);Pi=gv=Po([y({tag:"ui5-switch",languageAware:!0,styles:xY,renderer:k,template:mY,dependencies:[U]}),f("change")],Pi);Pi.define();function yY(i,e,t){return d`<div class="udex-switch">${this.label?wY.call(this,i,e,t):void 0}<div class="udex-switch__container" role="switch" aria-label="${r(this.accessibleName)}" aria-labelledby="${r(this.ariaLabeledBy)}" aria-checked="${r(this.checked)}" aria-disabled="${r(this.disabled)}" tabindex="${r(this.switchTabIndex)}" title="${r(this.tooltip)}" @click="${this.handleSwitchClick}" @keydown="${this.handleSwitchKeyDown}"><div class="udex-switch__track ${r(this.isActiveTrackClass)}"><div class="udex-switch__handle">${this.isSemanticColor?kY.call(this,i,e,t):TY.call(this,i,e,t)}</div></div><input id="${r(this._id)}-switch__input" type="checkbox" ?checked="${this.checked}" class="udex-switch__input" /></div></div>`}function wY(i,e,t){return d`<label id="${r(this._id)}-switch__label" for="${r(this._id)}-switch__input" class="udex-switch__label" part="label">${r(this.label)}</label>`}function kY(i,e,t){return d`${this.checked?SY.call(this,i,e,t):$Y.call(this,i,e,t)}`}function SY(i,e,t){return t?d`<${u("ui5-icon",e,t)} name="accept" class="udex-switch__icon"></${u("ui5-icon",e,t)}>`:d`<ui5-icon name="accept" class="udex-switch__icon"></ui5-icon>`}function $Y(i,e,t){return t?d`<${u("ui5-icon",e,t)} name="decline" class="udex-switch__icon"></${u("ui5-icon",e,t)}>`:d`<ui5-icon name="decline" class="udex-switch__icon"></ui5-icon>`}function TY(i,e,t){return d`${this.checked?CY.call(this,i,e,t):IY.call(this,i,e,t)}`}function CY(i,e,t){return t?d`<${u("ui5-icon",e,t)} name="accept" class="udex-switch__icon"></${u("ui5-icon",e,t)}>`:d`<ui5-icon name="accept" class="udex-switch__icon"></ui5-icon>`}function IY(i,e,t){return t?d`<${u("ui5-icon",e,t)} name="less" class="udex-switch__icon"></${u("ui5-icon",e,t)}>`:d`<ui5-icon name="less" class="udex-switch__icon"></ui5-icon>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const BY={packageName:"@sapudex/web-components",fileName:"themes/Switch.css.ts",content:`:host{--udex-switch-color-standard-default-inactive-handle-background: var(--sapButton_Handle_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-default-inactive-track-background: var(--sapButton_Track_Background, var(--udexColorGrey5));--udex-switch-color-standard-hover-inactive-handle-background: var(--sapButton_Handle_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-inactive-handle-border: var(--sapButton_Handle_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-hover-inactive-track-background: var(--sapButton_Track_Hover_Background, var(--udexColorGrey6));--udex-switch-color-standard-default-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-active-icon: var(--sapButton_Handle_Selected_TextColor, var(--udexColorBlue7));--udex-switch-color-standard-default-active-track-background: var(--sapButton_Track_Selected_Background, var(--udexColorBlue7));--udex-switch-color-standard-hover-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-active-handle-border: var(--sapButton_Handle_Selected_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-active-icon: var(--udexColorBlue9, #0040b0);--udex-switch-color-standard-hover-active-track-background: var(--sapButton_Track_Selected_Hover_Background, var(--udexColorBlue9));--udex-switch-color-reject-default-handle-background: var(--sapButton_Handle_Negative_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-default-icon: var(--sapButton_Handle_Negative_TextColor, var(--udexCoreSemanticError8));--udex-switch-color-reject-default-track-background: var(--sapButton_Track_Negative_Background, var(--udexCoreSemanticError6));--udex-switch-color-reject-hover-handle-background: var(--sapButton_Handle_Negative_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-hover-handle-border: var(--sapButton_Handle_Negative_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-reject-hover-icon: var(--sapButton_Track_Negative_TextColor, var(--udexCoreSemanticError8));--udex-switch-color-reject-hover-track-background: var(--sapButton_Track_Negative_Hover_Background, var(--udexCoreSemanticError7));--udex-switch-color-accept-default-handle-background: var(--sapButton_Handle_Positive_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-default-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexCoreSemanticSuccess8));--udex-switch-color-accept-default-track-background: var(--sapButton_Track_Positive_Background, var(--udexCoreSemanticSuccess7));--udex-switch-color-accept-hover-handle-background: var(--sapButton_Handle_Positive_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-hover-handle-border: var(--sapButton_Handle_Positive_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-accept-hover-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexCoreSemanticSuccess8));--udex-switch-color-accept-hover-track-background: var(--sapButton_Track_Positive_Hover_Background, var(--udexCoreSemanticSuccess8))}:host{display:inline-block}.udex-switch{display:flex;flex-direction:row;align-items:center;font-family:var(--sapFontFamily);gap:var(--udexSpacer12, 12px);color:var(--udexCoreTextDark, #223548)}:host([desktop]) .udex-switch__container:focus,.udex-switch__container:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexSwitchRadius, 100px)}:host([disabled]) .udex-switch{opacity:.4}.udex-switch__label{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:24px;font-weight:400}.udex-switch__container{width:40px;height:24px}:host(:not([disabled])) .udex-switch__container{cursor:pointer}.udex-switch__track{border-radius:var(--udexSwitchRadius, 100px);height:inherit;padding:var(--udexSpacer2, 2px);box-sizing:border-box;container-type:inline-size}.udex-switch__handle{padding:var(--udexSpacer2, 2px) var(--udexSpacer4, 4px);width:24px;height:20px;border-radius:var(--udexSwitchRadius, 100px);box-sizing:border-box;transition:transform .3s ease}:host(:not([checked])) .udex-switch__track .udex-switch__handle{transform:translate(0)}:host([checked]:dir(ltr)) .udex-switch__track .udex-switch__handle{transform:translate(calc(100cqw - 100%))}:host([checked]:dir(rtl)) .udex-switch__track .udex-switch__handle{transform:translate(calc(-100cqw + 100%))}.udex-switch__icon{display:block;width:16px;height:16px}.udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-default-inactive-track-background)}.udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-inactive-handle-background)}.udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-default-inactive-icon)}.udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-inactive-track-background)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-inactive-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-inactive-handle-border)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-hover-inactive-icon)}.udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-default-active-track-background)}.udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-active-handle-background)}.udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-default-active-icon)}.udex-switch__container:hover .udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-active-track-background)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-active-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-active-handle-border)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-hover-active-icon)}:host([color=Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-default-track-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-default-handle-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-reject-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-hover-icon)}:host([color=Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-default-track-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-default-handle-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-accept-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-hover-icon)}.udex-switch__input{position:absolute;inset-inline-start:0;width:0;height:0;margin:0;visibility:hidden;appearance:none}
|
|
299
299
|
`};var tn=globalThis&&globalThis.__decorate||function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(a<3?s(n):a>3?s(e,t,n):s(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n},Dd;(function(i){i.NonSemantic="Non-Semantic",i.Semantic="Semantic"})(Dd||(Dd={}));let $a=class extends E{onEnterDOM(){ge()&&this.setAttribute("desktop","")}handleSwitchClick(){this.disabled||(this.checked=!this.checked,this.fireEvent("change",null,!0))}handleSwitchKeyDown(e){e.key==="Enter"&&this.handleSwitchClick()}get switchTabIndex(){return this.disabled?void 0:"0"}get isActiveTrackClass(){return this.checked?"udex-switch__track--active":"udex-switch__track--inactive"}get isSemanticColor(){return this.color===Dd.Semantic}get ariaLabeledBy(){return this.accessibleNameRef||this.label?`${this._id}-switch__label`:""}};tn([c({type:String,defaultValue:""})],$a.prototype,"label",void 0);tn([c({type:Dd,defaultValue:Dd.NonSemantic})],$a.prototype,"color",void 0);tn([c({type:String,defaultValue:""})],$a.prototype,"accessibleName",void 0);tn([c({defaultValue:""})],$a.prototype,"accessibleNameRef",void 0);tn([c({type:Boolean})],$a.prototype,"checked",void 0);tn([c({type:Boolean})],$a.prototype,"disabled",void 0);tn([c({type:String,defaultValue:""})],$a.prototype,"tooltip",void 0);$a=tn([y({tag:"udex-switch",renderer:k,styles:BY,template:yY,dependencies:[U]}),f("change")],$a);$a.define();function EY(i,e,t){return t?d`<div class="udex-tab-navigation__root"><div id="${r(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}"><div id="${r(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" aria-labelledby="tablist-${r(this._id)}" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${T(this.items,(o,a)=>o._id||a,(o,a)=>e1.call(this,i,e,t,o,a))}</div><button class="udex-tab-navigation__button-more" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" tabindex="0" aria-haspopup="menu" aria-expanded="${r(this._isExpanded)}" tooltip="${r(this.moreButtonText)}" hidden>${r(this.moreButtonText)}<${u("ui5-icon",e,t)} class="udex-tab-navigation__button-more-icon" name="navigation-down-arrow"></${u("ui5-icon",e,t)}></button>${r(this.tabNavigationPopover)}</div><div class="udex-tab-navigation__content" id="udex-${r(this.__id)}-content" part="tab-navigation-content">${T(this.items,(o,a)=>o._id||a,(o,a)=>t1.call(this,i,e,t,o,a))}</div></div>`:d`<div class="udex-tab-navigation__root"><div id="${r(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}"><div id="${r(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" aria-labelledby="tablist-${r(this._id)}" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${T(this.items,(o,a)=>o._id||a,(o,a)=>e1.call(this,i,e,t,o,a))}</div><button class="udex-tab-navigation__button-more" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" tabindex="0" aria-haspopup="menu" aria-expanded="${r(this._isExpanded)}" tooltip="${r(this.moreButtonText)}" hidden>${r(this.moreButtonText)}<ui5-icon class="udex-tab-navigation__button-more-icon" name="navigation-down-arrow"></ui5-icon></button>${r(this.tabNavigationPopover)}</div><div class="udex-tab-navigation__content" id="udex-${r(this.__id)}-content" part="tab-navigation-content">${T(this.items,(o,a)=>o._id||a,(o,a)=>t1.call(this,i,e,t,o,a))}</div></div>`}function e1(i,e,t,o,a){return d`${r(o.tabNavigation)}`}function t1(i,e,t,o,a){return d`${o.selected?AY.call(this,i,e,t,o,a):DY.call(this,i,e,t,o,a)}`}function AY(i,e,t,o,a){return d`<div class="udex-tab-navigation__content-item" id="${r(o._contentId)}" aria-labelledby="${r(o._id)}"><slot name="${r(o._slotName)}"></slot></div>`}function DY(i,e,t,o,a){return d`<div class="udex-tab-navigation__content-item" id="${r(o._contentId)}"><slot name="${r(o._slotName)}"></slot></div>`}function PY(i,e,t){return t?d`<${u("ui5-popover",e,t)} id="${r(this._id)}-overflow-popover" horizontal-align="Right" placement-type="Bottom" aria-orientation="vertical" @ui5-after-open="${r(this.onFocusFirstItemPopover)}" hide-arrow _hideHeader><div class="tab-navigation-popover" @click="${this.handleOverflowItemClick}" @keydown="${this.handleFocusPopover}" role="tablist">${T(this._overflowItems,(o,a)=>o._id||a,(o,a)=>i1.call(this,i,e,t,o,a))}</div></${u("ui5-popover",e,t)}>`:d`<ui5-popover id="${r(this._id)}-overflow-popover" horizontal-align="Right" placement-type="Bottom" aria-orientation="vertical" @ui5-after-open="${r(this.onFocusFirstItemPopover)}" hide-arrow _hideHeader><div class="tab-navigation-popover" @click="${this.handleOverflowItemClick}" @keydown="${this.handleFocusPopover}" role="tablist">${T(this._overflowItems,(o,a)=>o._id||a,(o,a)=>i1.call(this,i,e,t,o,a))}</div></ui5-popover>`}function i1(i,e,t,o,a){return d`${r(o.tabInOverflow)}`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const NY={packageName:"@sapudex/web-components",fileName:"themes/TabNavigation.css.ts",content:`:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--udexColorBlue4);--udex-button-more-s-text-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-s-icon-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button="Medium"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}}
|