@sapudex/web-components 0.231.5 → 0.231.6
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/Search.d.ts +3 -1
- package/dist/Search.js +1 -0
- package/dist/Search.js.map +1 -1
- package/dist/assets/{bundle.esm-c89b7e7f.js → bundle.esm-1789a7c9.js} +5 -5
- package/dist/css/themes/CountrySelector.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/generated/themes/CountrySelector.css.js +1 -1
- package/dist/generated/themes/CountrySelector.css.js.map +1 -1
- package/dist/generated/themes/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/utils/debounce.d.ts +3 -1
- package/dist/utils/debounce.js +16 -4
- package/dist/utils/debounce.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +1 -1
- package/src/Search.ts +1 -0
- package/src/generated/themes/CountrySelector.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/themes/CountrySelector.css +4 -0
- package/src/utils/debounce.ts +19 -4
|
@@ -98,11 +98,11 @@ or import '@sapudex/design-tokens/dist/themes/sap_glow/css_variables.css'`)};doc
|
|
|
98
98
|
`};var mP=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 ku=class extends p2{};ku=mP([y({tag:"udex-checkbox",renderer:k,styles:[h2,gP]})],ku);ku.define();const fP=ku;v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const bP={packageName:"@sapudex/web-components",fileName:"themes/ControlButton.css.ts",content:`:host{--udex-control-button-font-weight: 500;--udex-control-button-line-height: inherit;--udex-control-button-small-padding: 4.5px;--udex-control-button-medium-padding: 6px;--udex-control-button-large-padding: 11px;--udex-control-button-with-text-small-padding: 4.5px;--udex-control-button-with-text-medium-padding: 6px;--udex-control-button-with-text-large-padding: 11px;--udex-control-button-icon-text-spacing-medium-size: 8px;--udex-control-button-small-height: 25px;--udex-control-button-small-width: 25px;--udex-control-button-medium-height: 32px;--udex-control-button-medium-width: 32px;--udex-control-button-large-height: 42px;--udex-control-button-large-width: 42px;--udex-control-button-small-icon-size: 14px;--udex-control-button-medium-icon-size: 18px;--udex-control-button-large-icon-size: 18px;--udex-control-button-border-radius: var(--udexRadiusXS, 4px);--udex-control-button-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-hover-color: var(--udexColorGrey7, var(--sapButton_Hover_TextColor));--udex-control-button-hover-border-color: var(--sapButton_Neutral_Hover_BorderColor, var(--sapButton_Hover_BorderColor));--udex-control-button-hover-background-color: var(--udexColorNeutralWhite, var(--sapButton_Hover_Background));--udex-control-button-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-active-color: var(--udexColorBlue9, #0040B0);--udex-control-button-active-border-color: var(--udexColorBlue4, #89D1FF);--udex-control-button-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_BorderColor));--udex-control-button-warning-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-warning-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-warning-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-error-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-error-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-error-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-success-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-success-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-success-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-warning-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Attention_Background));--udex-control-button-warning-active-border-color: var(--udexColorMango6, var(--sapButton_Attention_BorderColor));--udex-control-button-warning-active-color: var(--udexColorMango9, var(--sapButton_Attention_TextColor));--udex-control-button-error-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Reject_Background));--udex-control-button-error-active-border-color: var(--udexColorRed4, var(--sapButton_Attention_BorderColor));--udex-control-button-error-active-color: var(--udexColorRed9, var(--sapButton_Attention_TextColor));--udex-control-button-success-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Accept_Background));--udex-control-button-success-active-border-color: var(--udexColorGreen6, var(--sapButton_Attention_BorderColor));--udex-control-button-success-active-color: var(--udexColorGreen9, var(--sapButton_Attention_TextColor));--udex-control-button-warning-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-warning-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-warning-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-error-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-error-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-error-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-success-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-control-button-success-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-control-button-success-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-control-button-readonly-icon-color: var(--udexColorGrey8, #354A5F)}:host([design="Default"]),:host{background-color:var(--udex-control-button-background-color);border-style:solid;border-color:var(--udex-control-button-border-color);border-width:var(--sapButton_BorderWidth);color:var(--udex-control-button-color);border-radius:var(--udex-control-button-border-radius);height:var(--udex-control-button-medium-height);min-width:var(--udex-control-button-medium-width);font-weight:var(--udex-control-button-font-weight);line-height:var(--udex-control-button-line-height)}:host([has-icon]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-control-button-icon-text-spacing-medium-size)}.ui5-button-root{padding:var(--udex-control-button-with-text-medium-padding)}:host([has-icon]) .ui5-button-root{padding:var(--udex-control-button-medium-padding)}:host([size="Large"]){height:var(--udex-control-button-large-height);min-width:var(--udex-control-button-large-width)}:host([size="Medium"]){height:var(--udex-control-button-medium-height);min-width:var(--udex-control-button-medium-width)}:host([size="Small"]){height:var(--udex-control-button-small-height);min-width:var(--udex-control-button-small-width)}:host([size="Small"][has-icon]) .ui5-button-root{padding:var(--udex-control-button-small-padding)}:host([size="Medium"][has-icon]) .ui5-button-root{padding:var(--udex-control-button-medium-padding)}:host([size="Large"][has-icon]) .ui5-button-root{padding:var(--udex-control-button-large-padding)}:host([size="Small"]) .ui5-button-root{padding:var(--udex-control-button-with-text-small-padding)}:host([size="Medium"]) .ui5-button-root{padding:var(--udex-control-button-with-text-medium-padding)}:host([size="Large"]) .ui5-button-root{padding:var(--udex-control-button-with-text-large-padding)}:host([design="Success"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Error"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Warning"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host(:not([hidden]):not([disabled]).ui5_hovered),:host([design="Default"][pressed]:hover),:host([design="Default"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover){background:var(--udex-control-button-hover-background-color);border-color:var(--udex-control-button-hover-border-color);border-width:var(--sapButton_BorderWidth);color:var(--udex-control-button-hover-color)}.ui5-button-icon{height:var(--udex-control-button-medium-icon-size);width:var(--udex-control-button-medium-icon-size)}:host([size="Small"]) .ui5-button-icon{height:var(--udex-control-button-small-icon-size);width:var(--udex-control-button-small-icon-size)}:host([size="Large"]) .ui5-button-icon{height:var(--udex-control-button-large-icon-size);width:var(--udex-control-button-large-icon-size)}:host([pressed]),:host([design="Default"][pressed]),:host([pressed]:not([active]):not([non-interactive]):not([_is-touch])),:host([design="Default"][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background:var(--udex-control-button-selected-background-color);border-color:var(--udex-control-button-selected-border-color);border-width:var(--sapButton_BorderWidth);color:var(--udex-control-button-selected-color)}:host([active]),:host([active][pressed]),:host([design="Default"][active]),:host([design="Default"][pressed][active]):not([non-interactive]):not([_is-touch]){color:var(--udex-control-button-active-color);border-color:var(--udex-control-button-active-border-color);background-color:var(--udex-control-button-active-background-color)}:host([design="Success"]){background-color:var(--udex-control-button-success-background-color);border-color:var(--udex-control-button-success-border-color);color:var(--udex-control-button-success-color)}:host([design="Error"]){background-color:var(--udex-control-button-error-background-color);border-color:var(--udex-control-button-error-border-color);color:var(--udex-control-button-error-color)}:host([design="Warning"]){background-color:var(--udex-control-button-warning-background-color);border-color:var(--udex-control-button-warning-border-color);color:var(--udex-control-button-warning-color)}:host([design="Success"][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-control-button-success-selected-background-color);border-color:var(--udex-control-button-success-selected-border-color);color:var(--udex-control-button-success-selected-color)}:host([design="Error"][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-control-button-error-selected-background-color);border-color:var(--udex-control-button-error-selected-border-color);color:var(--udex-control-button-error-selected-color)}:host([design="Warning"][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-control-button-warning-selected-background-color);border-color:var(--udex-control-button-warning-selected-border-color);color:var(--udex-control-button-warning-selected-color)}:host([design="Success"][active]){background-color:var(--udex-control-button-success-active-background-color);border-color:var(--udex-control-button-success-active-border-color);color:var(--udex-control-button-success-active-color)}:host([design="Error"][active]){background-color:var(--udex-control-button-error-active-background-color);border-color:var(--udex-control-button-error-active-border-color);color:var(--udex-control-button-error-active-color)}:host([design="Warning"][active]){background-color:var(--udex-control-button-warning-active-background-color);border-color:var(--udex-control-button-warning-active-border-color);color:var(--udex-control-button-warning-active-color)}:host([disabled]),:host([disabled][pressed]),:host([design="Default"][disabled]),:host([design="Transparent"][disabled]),:host([design="Emphasized"][disabled]){color:var(--udex-control-button-color);border-color:transparent;background-color:var(--udex-control-button-background-color)}:host([readonly]){color:var(--udex-control-button-readonly-icon-color);pointer-events:none}.ui5-button-text bdi{display:flex;align-items:center}
|
|
99
99
|
`};var _h=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 Dn=class extends Ut{async onBeforeRendering(){await super.onBeforeRendering(),this.readonly&&(this.nonInteractive=!0)}onAfterRendering(){this._isComboboxRole&&this._setComboboxRole();const e=this.getAttribute("accessible-description");e&&this._setAccessibleDescription(e)}_setAccessibleDescription(e){this.setButtonAttribute("aria-description",e)}_setComboboxRole(){this.setButtonAttribute("role","combobox")}setButtonAttribute(e,t){var o,a;(a=(o=this.shadowRoot)==null?void 0:o.querySelector(".ui5-button-root"))==null||a.setAttribute(e,t)}};_h([c({type:Ci,defaultValue:Ci.Medium})],Dn.prototype,"size",void 0);_h([c({type:Boolean})],Dn.prototype,"readonly",void 0);_h([c({type:Boolean})],Dn.prototype,"_isComboboxRole",void 0);Dn=_h([y({tag:"udex-control-button",renderer:k,styles:[Ut.styles,bP]})],Dn);Dn.define();const vh=Dn;class it extends Yv{static isValid(e){return Number(e)===e}static attributeToProperty(e){return parseFloat(e)}}var Ki;(function(i){i._blank="_blank",i._parent="_parent",i._self="_self",i._top="_top"})(Ki||(Ki={}));var k_;(function(i){i.Standard="Standard",i.Warning="Warning",i.Error="Error",i.Success="Success"})(k_||(k_={}));const Be=k_;function xP(i,e,t){return d`<div class="udex-status-message udex-status-message__supporting-text">${this.iconFieldName?yP.call(this,i,e,t):void 0}${r(this.supportingText)}</div>`}function yP(i,e,t){return t?d`<${u("ui5-icon",e,t)} name="${r(this.iconFieldName)}" class="udex-status-message__icon"></${u("ui5-icon",e,t)}>`:d`<ui5-icon name="${r(this.iconFieldName)}" class="udex-status-message__icon"></ui5-icon>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const wP={packageName:"@sapudex/web-components",fileName:"themes/StatusMessage.css.ts",content:`:host{--udex-status-message-supporting-text-paddings: var(--udexSpacer4, 4px) 0;--udex-status-message-supporting-text-font-family: var(--sapFontFamily, "sans-serif");--udex-status-message-supporting-text-font-size: var(--sapFontSmallSize, 12px);--udex-status-message-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-status-message-color-error-default-supporting-text: var(--sapField_InvalidColor, #d20a0a);--udex-status-message-color-success-default-supporting-text: var(--sapField_SuccessColor, #188918);--udex-status-message-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7))}.udex-status-message__supporting-text{font-family:var(--udex-status-message-supporting-text-font-family);font-size:var(--udex-status-message-supporting-text-font-size);line-height:1.5;padding:var(--udex-status-message-supporting-text-paddings);color:var(--udex-status-message-color-standard-default-supporting-text);text-align:start;padding-inline-start:var(--udexSpacer12, 12px)}:host([supporting-text-alignment="Right"]:not([value-state="Error"]):not([value-state="Success"]):not([value-state="Warning"])) .udex-status-message__supporting-text{text-align:end}.udex-status-message__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}:host([value-state="Error"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-error-default-supporting-text)}:host([value-state="Success"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-success-default-supporting-text)}:host([value-state="Warning"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-warning-default-supporting-text)}:host([disabled]) .udex-status-message__supporting-text{opacity:.4}
|
|
100
100
|
`};var ic=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},S_;(function(i){i.Success="accept",i.Error="error",i.Warning="alert"})(S_||(S_={}));let Mr=class extends E{get iconFieldName(){return this.valueState!==Be.Standard?S_[this.valueState]:""}};ic([c({type:String})],Mr.prototype,"supportingText",void 0);ic([c({type:String,defaultValue:"left"})],Mr.prototype,"supportingTextAlignment",void 0);ic([c({type:String})],Mr.prototype,"disabled",void 0);ic([c({type:Be,defaultValue:"Standard"})],Mr.prototype,"valueState",void 0);Mr=ic([y({tag:"udex-status-message",renderer:k,styles:wP,template:xP,dependencies:[U]})],Mr);Mr.define();const Gn=Mr;function kP(i,e,t){return d`<div class="udex-text-field__container">${this.label?SP.call(this,i,e,t):void 0}<div class="udex-text-field__wrap"><input id="${r(this._id)}-input" class="udex-text-field__input" type="${r(this.type)}" .value="${r(this.value)}" @change="${this.handleChange}" @input="${this.handleInput}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${this.handleClick}" @keydown="${this.handleKeydown}" maxlength="${r(this.maxlength)}" autocomplete="${r(this.autocomplete)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" aria-required="${r(this.required)}" aria-readonly="${r(this.isInputReadonly)}" ?aria-disabled="${this.readonlyNotDisabled}" aria-invalid="${r(this.accInfo.ariaInvalid)}" aria-describedby="${r(this.accInfo.ariaDescribedBy)}" aria-haspopup="${r(this.accInfo.ariaHasPopup)}" aria-label="${r(this.accInfo.ariaLabel)}" aria-labelledby="${r(this.accInfo.ariaLabelledBy)}" role="${r(this.inputRole)}" part="textfield-input" min="${r(this.min)}" max="${r(this.max)}" step="${r(this.step)}" />${this.icon?TP.call(this,i,e,t):void 0}</div>${this.supportingText?CP.call(this,i,e,t):void 0}${this.supportingText?IP.call(this,i,e,t):void 0}${this.hasValueState?BP.call(this,i,e,t):void 0}${this.readonly?EP.call(this,i,e,t):void 0}</div>`}function SP(i,e,t){return d`<label for="${r(this._id)}-input" class="${r(this.labelClasses)}" part="label">${r(this.label)}${this.required?$P.call(this,i,e,t):void 0}</label>`}function $P(i,e,t){return d` * `}function TP(i,e,t){return t?d`<${u("udex-control-button",e,t)} accessible-name="${r(this.buttonAccessibleName)}" accessible-description="${r(this.buttonAccessibleDescription)}" tooltip="${r(this.showButtonTooltip)}" ?active="${this.active}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?non-interactive="${this.readonly}" ?_is-combobox-role="${r(this._isComboboxRole)}" design="${r(this.valueState)}" icon="${r(this.icon)}" @click="${this.handleIconClick}" part="textfield-control-btn" size="Large" class="udex-text-field_icon-container"></${u("udex-control-button",e,t)}>`:d`<udex-control-button accessible-name="${r(this.buttonAccessibleName)}" accessible-description="${r(this.buttonAccessibleDescription)}" tooltip="${r(this.showButtonTooltip)}" ?active="${this.active}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?non-interactive="${this.readonly}" ?_is-combobox-role="${r(this._isComboboxRole)}" design="${r(this.valueState)}" icon="${r(this.icon)}" @click="${this.handleIconClick}" part="textfield-control-btn" size="Large" class="udex-text-field_icon-container"></udex-control-button>`}function CP(i,e,t){return t?d`<${u("udex-status-message",e,t)} ?disabled="${this.disabled}" supporting-text="${r(this.supportingText)}" value-state="${r(this.valueState)}"></${u("udex-status-message",e,t)}>`:d`<udex-status-message ?disabled="${this.disabled}" supporting-text="${r(this.supportingText)}" value-state="${r(this.valueState)}"></udex-status-message>`}function IP(i,e,t){return d`<span id="${r(this._id)}-supportingTextDesc" class="hidden-text">${r(this.supportingText)}</span>`}function BP(i,e,t){return d`<span id="${r(this._id)}-valueStateDesc" class="hidden-text">${r(this.valueStateText)}</span>`}function EP(i,e,t){return d`<span id="${r(this._id)}-stateReadOnlyDesc" class="hidden-text">${r(this.readOnlyStateText)}</span>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const _2={packageName:"@sapudex/web-components",fileName:"themes/TextField.css.ts",content:`:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:12px}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:12px}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);padding:6px 4px 0;font-size:12px;background:linear-gradient(transparent 55%,var(--udex-input-color-standard-default-background-light) 45%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 55%,var(--udex-input-color-read-only-default-background) 45%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
|
|
101
|
-
`};var Se=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},vr;let me=vr=class extends E{constructor(){super(...arguments),this._labelActiveClassName="udex-text-field__label_active",this.handleChange=()=>{this.fireEvent("change")},this.handleInput=e=>{var t;this.value=(t=e.target)==null?void 0:t.value},this.handleClick=()=>{ge()||(this._isTouched=!0)},this.handleFocus=()=>{!this.disabled&&!this.readonly&&!this.displayonly&&(this.labelActiveClass=this._labelActiveClassName,this.active=!0)},this.handleBlur=()=>{this.active=!1,this.value?this.labelActiveClass=this._labelActiveClassName:this.labelActiveClass="",this._isTouched=!1}}static async onDefine(){vr.i18nBundle=await M("@sapudex/web-components")}onBeforeRendering(){(this.value||this.active)&&this.labelActiveClass===""?this.labelActiveClass=this._labelActiveClassName:!this.active&&!this.value&&this.labelActiveClass.length&&(this.labelActiveClass=""),this.isInputReadonly=this.readonly||this.displayonly,this.labelClasses=`udex-text-field__label ${this.labelActiveClass}`}onAfterRendering(){const e=window.getComputedStyle(this).getPropertyValue("direction");e?this.direction=e:this.direction="ltr"}handleKeydown(e){e.stopPropagation(),this.fireEvent("keydown",e)}handleIconClick(){this.fireEvent("click-icon")}get _inputHolder(){return this.shadowRoot.querySelector(".udex-text-field__wrap")}get valueStateTypeMappings(){return{Success:vr.i18nBundle.getText(Uv),Standard:vr.i18nBundle.getText(t5),Error:vr.i18nBundle.getText(Vv),Warning:vr.i18nBundle.getText(e5)}}get hasValueState(){return this.valueState!==Be.Standard}get valueStateText(){return this.valueState!==Be.Standard?this.valueStateTypeMappings[this.valueState]:""}get readOnlyStateText(){return vr.i18nBundle.getText(Wv)}get ariaDescribedById(){return`${this.supportingTextId} ${this.valueStateTextId} ${this.readOnlyStateTextId}`.trim()}get supportingTextId(){return this.supportingText?`${this._id}-supportingTextDesc`:""}get valueStateTextId(){return this.hasValueState?`${this._id}-valueStateDesc`:""}get readOnlyStateTextId(){return this.readonly?`${this._id}-stateReadOnlyDesc`:""}get accInfo(){return{ariaInvalid:this.valueState===Be.Error?"true":void 0,ariaDescribedBy:this.ariaDescribedBy?this.ariaDescribedBy:this.ariaDescribedById||void 0,ariaLabelledBy:this.accessibleNameRef||void 0,ariaLabel:this.accessibleName||void 0,ariaHasPopup:this._ariaHasPopup||void 0}}get inputRole(){return this.isAutoCompleteDisabled?"presentation":void 0}get isAutoCompleteDisabled(){return this.autocomplete==="off"||this.autocomplete==="new-password"}get readonlyNotDisabled(){return this.isInputReadonly&&!this.disabled}get buttonAccessibleName(){return this._isComboboxRole?this.label:this.accessibleIconName||this.icon}get buttonAccessibleDescription(){return`${this._isComboboxRole?this.value:""} ${this.supportingText||""} ${this.valueStateText}`}};Se([c({type:Boolean})],me.prototype,"disabled",void 0);Se([c({type:String})],me.prototype,"value",void 0);Se([c({validator:q})],me.prototype,"maxlength",void 0);Se([c({type:String})],me.prototype,"label",void 0);Se([c()],me.prototype,"accessibleName",void 0);Se([c({defaultValue:""})],me.prototype,"accessibleNameRef",void 0);Se([c()],me.prototype,"accessibleIconName",void 0);Se([c({type:Boolean})],me.prototype,"readonly",void 0);Se([c({type:Boolean})],me.prototype,"displayonly",void 0);Se([c({type:Boolean})],me.prototype,"required",void 0);Se([c({type:Be,defaultValue:Be.Standard})],me.prototype,"valueState",void 0);Se([c({type:String})],me.prototype,"supportingText",void 0);Se([c({type:String})],me.prototype,"icon",void 0);Se([c({type:Boolean})],me.prototype,"active",void 0);Se([c({type:String,defaultValue:""})],me.prototype,"showButtonTooltip",void 0);Se([c({type:String,noAttribute:!0,defaultValue:""})],me.prototype,"labelActiveClass",void 0);Se([c({type:String,defaultValue:"off"})],me.prototype,"autocomplete",void 0);Se([c({type:Boolean,noAttribute:!0})],me.prototype,"isInputReadonly",void 0);Se([c({type:String,noAttribute:!0,defaultValue:""})],me.prototype,"labelClasses",void 0);Se([c({type:String,defaultValue:"text"})],me.prototype,"type",void 0);Se([c({type:String,noAttribute:!0})],me.prototype,"direction",void 0);Se([c({validator:it})],me.prototype,"max",void 0);Se([c({validator:it})],me.prototype,"min",void 0);Se([c({validator:it})],me.prototype,"step",void 0);Se([c()],me.prototype,"ariaDescribedBy",void 0);Se([c({type:String})],me.prototype,"_ariaHasPopup",void 0);Se([c({type:Boolean})],me.prototype,"_isTouched",void 0);Se([c({type:Boolean})],me.prototype,"_isComboboxRole",void 0);me=vr=Se([y({tag:"udex-text-field",renderer:k,styles:_2,template:kP,dependencies:[vh,U,Gn]}),f("input"),f("change"),f("click-icon")],me);me.define();const gh=me;function AP(i,e,t){return t?d`<div class="${r(this.countrySelectorClasses)}"><${u("udex-dropdown",e,t)} id="dropdown" horizontal-align="Left" height="${r(this.height)}" @ui5-item-press="${r(this.handleItemPress)}" @ui5-before-open="${r(this._dropdownBeforeOpen)}" @ui5-after-open="${r(this._dropdownAfterOpen)}" @ui5-before-close="${r(this._dropdownBeforeClose)}" @ui5-after-close="${r(this._dropdownAfterClose)}" @ui5-submit-search-value="${r(this.handleSubmitSearch)}" @ui5-handle-value-search="${r(this.handleValueSearch)}" @ui5-handle-value-reset="${r(this.handleResetSearch)}" @ui5-search-keydown="${r(this.handleKeyDownSearch)}" @keydown="${this.handleKeyDownDropdown}" @ui5-handle-close-search="${r(this.handleCloseSearch)}"><div class="${r(this.countrySelectorTriggerClasses)}" ?disabled="${this.isOpenerDisabled}" slot="trigger">${this.showFlagImages?qm.call(this,i,e,t):void 0}<${u("udex-text-field",e,t)} label="${r(this.effectiveAriaLabel)}" id="udexTextField" class="udex-country-selector__text" value="${r(this.selectedCountryName)}" value-state="${r(this.valueState)}" supporting-text="${r(this.supportingText)}" direction="left" aria-label="${r(this.effectiveAriaLabel)}" accessible-name="${r(this.supportingText)}" accessible-name-ref="${r(this.accessibleNameRef)}" aria-controls="${r(this.ariaControls)}" aria-haspopup="true" aria-expanded="${r(this._open)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" @click="${this.handleTriggerClick}" @mousedown="${this.handleInputMouseDown}" icon="${r(this.triggerIcon)}" accessible-icon-name="${r(this.effectiveAriaLabel)}" maxlength="0" _is-combobox-role></${u("udex-text-field",e,t)}></div>${r(this.searchableList)}</${u("udex-dropdown",e,t)}></div> `:d`<div class="${r(this.countrySelectorClasses)}"><udex-dropdown id="dropdown" horizontal-align="Left" height="${r(this.height)}" @ui5-item-press="${r(this.handleItemPress)}" @ui5-before-open="${r(this._dropdownBeforeOpen)}" @ui5-after-open="${r(this._dropdownAfterOpen)}" @ui5-before-close="${r(this._dropdownBeforeClose)}" @ui5-after-close="${r(this._dropdownAfterClose)}" @ui5-submit-search-value="${r(this.handleSubmitSearch)}" @ui5-handle-value-search="${r(this.handleValueSearch)}" @ui5-handle-value-reset="${r(this.handleResetSearch)}" @ui5-search-keydown="${r(this.handleKeyDownSearch)}" @keydown="${this.handleKeyDownDropdown}" @ui5-handle-close-search="${r(this.handleCloseSearch)}"><div class="${r(this.countrySelectorTriggerClasses)}" ?disabled="${this.isOpenerDisabled}" slot="trigger">${this.showFlagImages?qm.call(this,i,e,t):void 0}<udex-text-field label="${r(this.effectiveAriaLabel)}" id="udexTextField" class="udex-country-selector__text" value="${r(this.selectedCountryName)}" value-state="${r(this.valueState)}" supporting-text="${r(this.supportingText)}" direction="left" aria-label="${r(this.effectiveAriaLabel)}" accessible-name="${r(this.supportingText)}" accessible-name-ref="${r(this.accessibleNameRef)}" aria-controls="${r(this.ariaControls)}" aria-haspopup="true" aria-expanded="${r(this._open)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" @click="${this.handleTriggerClick}" @mousedown="${this.handleInputMouseDown}" icon="${r(this.triggerIcon)}" accessible-icon-name="${r(this.effectiveAriaLabel)}" maxlength="0" _is-combobox-role></udex-text-field></div>${r(this.searchableList)}</udex-dropdown></div> `}function qm(i,e,t){return d`<img class="udex-country-selector__image" aria-label="${r(this.flagAriaLabel)}" style="background-position-x: ${r(this.selectedCountryFlagX)}; background-position-y: ${r(this.selectedCountryFlagY)}">`}function ig(i,e,t){return d`${this.showSearch?DP.call(this,i,e,t):void 0}${this.isListEmpty?PP.call(this,i,e,t):NP.call(this,i,e,t)} `}function DP(i,e,t){return t?d`<${u("udex-search",e,t)} slot="header" mode="Standard" class="udex-filter-menu__search" label="${r(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></${u("udex-search",e,t)}><span aria-live="polite" aria-atomic="true" class="hidden">${r(this._accSearchResultInfo)}</span>`:d`<udex-search slot="header" mode="Standard" class="udex-filter-menu__search" label="${r(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></udex-search><span aria-live="polite" aria-atomic="true" class="hidden">${r(this._accSearchResultInfo)}</span>`}function PP(i,e,t){return d`<div class="udex-no-result"><span>${r(this.getNoResultText)}</span></div>`}function NP(i,e,t){return d`${this.busy?RP.call(this,i,e,t):LP.call(this,i,e,t)}`}function RP(i,e,t){return t?d`<${u("ui5-busy-indicator",e,t)} class="udex-busy-indicator" size="Medium" delay="${r(this.busyDelay)}" active></${u("ui5-busy-indicator",e,t)}>`:d`<ui5-busy-indicator class="udex-busy-indicator" size="Medium" delay="${r(this.busyDelay)}" active></ui5-busy-indicator>`}function LP(i,e,t){return t?d`<${u("udex-list",e,t)} id="udex-list" role="${r(this.roleForGroupList)}" accessible-role="${r(this.accessibleRoleForList)}" class="udex-filter-menu__list" ?controlled="${this.isControlled}" mode="${r(this.mode)}">${T(this._filteredItems,(o,a)=>o._id||a,(o,a)=>Vm.call(this,i,e,t,o,a))}</${u("udex-list",e,t)}>`:d`<udex-list id="udex-list" role="${r(this.roleForGroupList)}" accessible-role="${r(this.accessibleRoleForList)}" class="udex-filter-menu__list" ?controlled="${this.isControlled}" mode="${r(this.mode)}">${T(this._filteredItems,(o,a)=>o._id||a,(o,a)=>Vm.call(this,i,e,t,o,a))}</udex-list>`}function Vm(i,e,t,o,a){return d`${o.isGroup?jP.call(this,i,e,t,o,a):zP.call(this,i,e,t,o,a)}`}function jP(i,e,t,o,a){return d`${o.item.isSelectAllHeader?MP.call(this,i,e,t,o,a):OP.call(this,i,e,t,o,a)}`}function MP(i,e,t,o,a){return t?d`<${u("udex-list-select-all",e,t)} _additional-class-name="${r(this.additionalClassName)}" data-token-id="${r(o.item._id)}" label="${r(o.item.label)}" ?controlled="${o.item.controlled}" supporting-text="${r(o.item.supportingText)}" ?disabled="${o.item.disabled}" ?selected="${o.item.selected}" ?indeterminate="${o.item.indeterminate}">${T(o.groupItems,(n,s)=>n._id||s,(n,s)=>Um.call(this,i,e,t,n,s))}</${u("udex-list-select-all",e,t)}>`:d`<udex-list-select-all _additional-class-name="${r(this.additionalClassName)}" data-token-id="${r(o.item._id)}" label="${r(o.item.label)}" ?controlled="${o.item.controlled}" supporting-text="${r(o.item.supportingText)}" ?disabled="${o.item.disabled}" ?selected="${o.item.selected}" ?indeterminate="${o.item.indeterminate}">${T(o.groupItems,(n,s)=>n._id||s,(n,s)=>Um.call(this,i,e,t,n,s))}</udex-list-select-all>`}function Um(i,e,t,o,a){return t?d`<${u("udex-list-item",e,t)} data-token-id="${r(o._id)}" ?controlled="${o.controlled}" mode="${r(o.mode)}" supporting-text="${r(o.supportingText)}" ?divider="${o.divider}" ?disabled="${o.disabled}" ?selected="${o.selected}" label="${r(o.label)}">${je(o.innerHTML)}</${u("udex-list-item",e,t)}>`:d`<udex-list-item data-token-id="${r(o._id)}" ?controlled="${o.controlled}" mode="${r(o.mode)}" supporting-text="${r(o.supportingText)}" ?divider="${o.divider}" ?disabled="${o.disabled}" ?selected="${o.selected}" label="${r(o.label)}">${je(o.innerHTML)}</udex-list-item>`}function OP(i,e,t,o,a){return t?d`<${u("udex-list-group-header",e,t)} role="group" _additional-class-name="udex-searchable-list__header" class="${r(this.groupClassName)}" ?non-interactive="${o.item.nonInteractive}" data-token-id="${r(o.item._id)}" label="${r(o.item.label)}" supporting-text="${r(o.item.supportingText)}" ?controlled="${o.item.controlled}" ?disabled="${o.item.disabled}" ?selected="${o.item.selected}" ?indeterminate="${o.item.indeterminate}">${T(o.groupItems,(n,s)=>n._id||s,(n,s)=>Wm.call(this,i,e,t,n,s))}</${u("udex-list-group-header",e,t)}>`:d`<udex-list-group-header role="group" _additional-class-name="udex-searchable-list__header" class="${r(this.groupClassName)}" ?non-interactive="${o.item.nonInteractive}" data-token-id="${r(o.item._id)}" label="${r(o.item.label)}" supporting-text="${r(o.item.supportingText)}" ?controlled="${o.item.controlled}" ?disabled="${o.item.disabled}" ?selected="${o.item.selected}" ?indeterminate="${o.item.indeterminate}">${T(o.groupItems,(n,s)=>n._id||s,(n,s)=>Wm.call(this,i,e,t,n,s))}</udex-list-group-header>`}function Wm(i,e,t,o,a){return t?d`<${u("udex-list-item",e,t)} role="none" data-token-id="${r(o._id)}" ?controlled="${o.controlled}" mode="${r(o.mode)}" supporting-text="${r(o.supportingText)}" ?divider="${o.divider}" ?disabled="${o.disabled}" ?selected="${o.selected}" label="${r(o.label)}">${je(o.innerHTML)}</${u("udex-list-item",e,t)}>`:d`<udex-list-item role="none" data-token-id="${r(o._id)}" ?controlled="${o.controlled}" mode="${r(o.mode)}" supporting-text="${r(o.supportingText)}" ?divider="${o.divider}" ?disabled="${o.disabled}" ?selected="${o.selected}" label="${r(o.label)}">${je(o.innerHTML)}</udex-list-item>`}function zP(i,e,t,o,a){return t?d`<${u("udex-list-item",e,t)} data-token-id="${r(o.item._id)}" supporting-text="${r(o.item.supportingText)}" ?disabled="${o.item.disabled}" ?controlled="${o.controlled}" ?divider="${o.divider}" ?selected="${o.item.selected}" label="${r(o.item.label)}">${je(o.item.innerHTML)}</${u("udex-list-item",e,t)}>`:d`<udex-list-item data-token-id="${r(o.item._id)}" supporting-text="${r(o.item.supportingText)}" ?disabled="${o.item.disabled}" ?controlled="${o.controlled}" ?divider="${o.divider}" ?selected="${o.item.selected}" label="${r(o.item.label)}">${je(o.item.innerHTML)}</udex-list-item>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const FP={packageName:"@sapudex/web-components",fileName:"themes/CountrySelector.css.ts",content:`:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-popover-min-width: 0px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-max-width: 100%;--udex-country-selector-text-offset-left: 50px;--udex-country-selector-text-offset-right: 36px}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}:host([displayonly])::part(textfield-input),:host([readonly])::part(textfield-input),:host([disabled])::part(textfield-input){cursor:default}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label){transform:translate(var(--udex-country-selector-text-offset-right))}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label):dir(rtl){transform:translate(calc(var(--udex-country-selector-text-offset-right)* -1))}:host([displayonly])::part(textfield-control-btn),.hidden-text{display:none}.udex-country-selector__text{width:100%}:host([hide-flag-images])::part(textfield-input),.udex-country-selector__dropdown--hide-flag [udex-list-item]::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);width:100%}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}[udex-text-field][aria-expanded=true]::part(label){line-height:18px;transform:translateY(-110%);padding:0 4px;font-size:12px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}[udex-text-field]::part(label){background:linear-gradient(transparent 55%,var(--sapField_Background) 45%);padding:0 var(--udexSpacer4, 4px);max-width:calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)}[udex-text-field][active]::part(label){padding:6px var(--udexSpacer4, 4px) 0}.udex-country-selector-item__image,.udex-country-selector__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}[udex-list-item]::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}[udex-text-field][readonly]::part(label){background:var(--sapField_ReadOnly_Background)}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}[udex-text-field]{--udex-input-padding: 0 var(--udex-country-selector-text-offset-right) 0 var(--udex-country-selector-text-offset-left)}[udex-text-field]:dir(rtl){--udex-input-padding: 0 var(--udex-country-selector-text-offset-left) 0 var(--udex-country-selector-text-offset-right)}[udex-text-field]::part(textfield-input){text-overflow:ellipsis;white-space:nowrap;cursor:pointer}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width)}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width)}}
|
|
101
|
+
`};var Se=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},vr;let me=vr=class extends E{constructor(){super(...arguments),this._labelActiveClassName="udex-text-field__label_active",this.handleChange=()=>{this.fireEvent("change")},this.handleInput=e=>{var t;this.value=(t=e.target)==null?void 0:t.value},this.handleClick=()=>{ge()||(this._isTouched=!0)},this.handleFocus=()=>{!this.disabled&&!this.readonly&&!this.displayonly&&(this.labelActiveClass=this._labelActiveClassName,this.active=!0)},this.handleBlur=()=>{this.active=!1,this.value?this.labelActiveClass=this._labelActiveClassName:this.labelActiveClass="",this._isTouched=!1}}static async onDefine(){vr.i18nBundle=await M("@sapudex/web-components")}onBeforeRendering(){(this.value||this.active)&&this.labelActiveClass===""?this.labelActiveClass=this._labelActiveClassName:!this.active&&!this.value&&this.labelActiveClass.length&&(this.labelActiveClass=""),this.isInputReadonly=this.readonly||this.displayonly,this.labelClasses=`udex-text-field__label ${this.labelActiveClass}`}onAfterRendering(){const e=window.getComputedStyle(this).getPropertyValue("direction");e?this.direction=e:this.direction="ltr"}handleKeydown(e){e.stopPropagation(),this.fireEvent("keydown",e)}handleIconClick(){this.fireEvent("click-icon")}get _inputHolder(){return this.shadowRoot.querySelector(".udex-text-field__wrap")}get valueStateTypeMappings(){return{Success:vr.i18nBundle.getText(Uv),Standard:vr.i18nBundle.getText(t5),Error:vr.i18nBundle.getText(Vv),Warning:vr.i18nBundle.getText(e5)}}get hasValueState(){return this.valueState!==Be.Standard}get valueStateText(){return this.valueState!==Be.Standard?this.valueStateTypeMappings[this.valueState]:""}get readOnlyStateText(){return vr.i18nBundle.getText(Wv)}get ariaDescribedById(){return`${this.supportingTextId} ${this.valueStateTextId} ${this.readOnlyStateTextId}`.trim()}get supportingTextId(){return this.supportingText?`${this._id}-supportingTextDesc`:""}get valueStateTextId(){return this.hasValueState?`${this._id}-valueStateDesc`:""}get readOnlyStateTextId(){return this.readonly?`${this._id}-stateReadOnlyDesc`:""}get accInfo(){return{ariaInvalid:this.valueState===Be.Error?"true":void 0,ariaDescribedBy:this.ariaDescribedBy?this.ariaDescribedBy:this.ariaDescribedById||void 0,ariaLabelledBy:this.accessibleNameRef||void 0,ariaLabel:this.accessibleName||void 0,ariaHasPopup:this._ariaHasPopup||void 0}}get inputRole(){return this.isAutoCompleteDisabled?"presentation":void 0}get isAutoCompleteDisabled(){return this.autocomplete==="off"||this.autocomplete==="new-password"}get readonlyNotDisabled(){return this.isInputReadonly&&!this.disabled}get buttonAccessibleName(){return this._isComboboxRole?this.label:this.accessibleIconName||this.icon}get buttonAccessibleDescription(){return`${this._isComboboxRole?this.value:""} ${this.supportingText||""} ${this.valueStateText}`}};Se([c({type:Boolean})],me.prototype,"disabled",void 0);Se([c({type:String})],me.prototype,"value",void 0);Se([c({validator:q})],me.prototype,"maxlength",void 0);Se([c({type:String})],me.prototype,"label",void 0);Se([c()],me.prototype,"accessibleName",void 0);Se([c({defaultValue:""})],me.prototype,"accessibleNameRef",void 0);Se([c()],me.prototype,"accessibleIconName",void 0);Se([c({type:Boolean})],me.prototype,"readonly",void 0);Se([c({type:Boolean})],me.prototype,"displayonly",void 0);Se([c({type:Boolean})],me.prototype,"required",void 0);Se([c({type:Be,defaultValue:Be.Standard})],me.prototype,"valueState",void 0);Se([c({type:String})],me.prototype,"supportingText",void 0);Se([c({type:String})],me.prototype,"icon",void 0);Se([c({type:Boolean})],me.prototype,"active",void 0);Se([c({type:String,defaultValue:""})],me.prototype,"showButtonTooltip",void 0);Se([c({type:String,noAttribute:!0,defaultValue:""})],me.prototype,"labelActiveClass",void 0);Se([c({type:String,defaultValue:"off"})],me.prototype,"autocomplete",void 0);Se([c({type:Boolean,noAttribute:!0})],me.prototype,"isInputReadonly",void 0);Se([c({type:String,noAttribute:!0,defaultValue:""})],me.prototype,"labelClasses",void 0);Se([c({type:String,defaultValue:"text"})],me.prototype,"type",void 0);Se([c({type:String,noAttribute:!0})],me.prototype,"direction",void 0);Se([c({validator:it})],me.prototype,"max",void 0);Se([c({validator:it})],me.prototype,"min",void 0);Se([c({validator:it})],me.prototype,"step",void 0);Se([c()],me.prototype,"ariaDescribedBy",void 0);Se([c({type:String})],me.prototype,"_ariaHasPopup",void 0);Se([c({type:Boolean})],me.prototype,"_isTouched",void 0);Se([c({type:Boolean})],me.prototype,"_isComboboxRole",void 0);me=vr=Se([y({tag:"udex-text-field",renderer:k,styles:_2,template:kP,dependencies:[vh,U,Gn]}),f("input"),f("change"),f("click-icon")],me);me.define();const gh=me;function AP(i,e,t){return t?d`<div class="${r(this.countrySelectorClasses)}"><${u("udex-dropdown",e,t)} id="dropdown" horizontal-align="Left" height="${r(this.height)}" @ui5-item-press="${r(this.handleItemPress)}" @ui5-before-open="${r(this._dropdownBeforeOpen)}" @ui5-after-open="${r(this._dropdownAfterOpen)}" @ui5-before-close="${r(this._dropdownBeforeClose)}" @ui5-after-close="${r(this._dropdownAfterClose)}" @ui5-submit-search-value="${r(this.handleSubmitSearch)}" @ui5-handle-value-search="${r(this.handleValueSearch)}" @ui5-handle-value-reset="${r(this.handleResetSearch)}" @ui5-search-keydown="${r(this.handleKeyDownSearch)}" @keydown="${this.handleKeyDownDropdown}" @ui5-handle-close-search="${r(this.handleCloseSearch)}"><div class="${r(this.countrySelectorTriggerClasses)}" ?disabled="${this.isOpenerDisabled}" slot="trigger">${this.showFlagImages?qm.call(this,i,e,t):void 0}<${u("udex-text-field",e,t)} label="${r(this.effectiveAriaLabel)}" id="udexTextField" class="udex-country-selector__text" value="${r(this.selectedCountryName)}" value-state="${r(this.valueState)}" supporting-text="${r(this.supportingText)}" direction="left" aria-label="${r(this.effectiveAriaLabel)}" accessible-name="${r(this.supportingText)}" accessible-name-ref="${r(this.accessibleNameRef)}" aria-controls="${r(this.ariaControls)}" aria-haspopup="true" aria-expanded="${r(this._open)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" @click="${this.handleTriggerClick}" @mousedown="${this.handleInputMouseDown}" icon="${r(this.triggerIcon)}" accessible-icon-name="${r(this.effectiveAriaLabel)}" maxlength="0" _is-combobox-role></${u("udex-text-field",e,t)}></div>${r(this.searchableList)}</${u("udex-dropdown",e,t)}></div> `:d`<div class="${r(this.countrySelectorClasses)}"><udex-dropdown id="dropdown" horizontal-align="Left" height="${r(this.height)}" @ui5-item-press="${r(this.handleItemPress)}" @ui5-before-open="${r(this._dropdownBeforeOpen)}" @ui5-after-open="${r(this._dropdownAfterOpen)}" @ui5-before-close="${r(this._dropdownBeforeClose)}" @ui5-after-close="${r(this._dropdownAfterClose)}" @ui5-submit-search-value="${r(this.handleSubmitSearch)}" @ui5-handle-value-search="${r(this.handleValueSearch)}" @ui5-handle-value-reset="${r(this.handleResetSearch)}" @ui5-search-keydown="${r(this.handleKeyDownSearch)}" @keydown="${this.handleKeyDownDropdown}" @ui5-handle-close-search="${r(this.handleCloseSearch)}"><div class="${r(this.countrySelectorTriggerClasses)}" ?disabled="${this.isOpenerDisabled}" slot="trigger">${this.showFlagImages?qm.call(this,i,e,t):void 0}<udex-text-field label="${r(this.effectiveAriaLabel)}" id="udexTextField" class="udex-country-selector__text" value="${r(this.selectedCountryName)}" value-state="${r(this.valueState)}" supporting-text="${r(this.supportingText)}" direction="left" aria-label="${r(this.effectiveAriaLabel)}" accessible-name="${r(this.supportingText)}" accessible-name-ref="${r(this.accessibleNameRef)}" aria-controls="${r(this.ariaControls)}" aria-haspopup="true" aria-expanded="${r(this._open)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" @click="${this.handleTriggerClick}" @mousedown="${this.handleInputMouseDown}" icon="${r(this.triggerIcon)}" accessible-icon-name="${r(this.effectiveAriaLabel)}" maxlength="0" _is-combobox-role></udex-text-field></div>${r(this.searchableList)}</udex-dropdown></div> `}function qm(i,e,t){return d`<img class="udex-country-selector__image" aria-label="${r(this.flagAriaLabel)}" style="background-position-x: ${r(this.selectedCountryFlagX)}; background-position-y: ${r(this.selectedCountryFlagY)}">`}function ig(i,e,t){return d`${this.showSearch?DP.call(this,i,e,t):void 0}${this.isListEmpty?PP.call(this,i,e,t):NP.call(this,i,e,t)} `}function DP(i,e,t){return t?d`<${u("udex-search",e,t)} slot="header" mode="Standard" class="udex-filter-menu__search" label="${r(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></${u("udex-search",e,t)}><span aria-live="polite" aria-atomic="true" class="hidden">${r(this._accSearchResultInfo)}</span>`:d`<udex-search slot="header" mode="Standard" class="udex-filter-menu__search" label="${r(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></udex-search><span aria-live="polite" aria-atomic="true" class="hidden">${r(this._accSearchResultInfo)}</span>`}function PP(i,e,t){return d`<div class="udex-no-result"><span>${r(this.getNoResultText)}</span></div>`}function NP(i,e,t){return d`${this.busy?RP.call(this,i,e,t):LP.call(this,i,e,t)}`}function RP(i,e,t){return t?d`<${u("ui5-busy-indicator",e,t)} class="udex-busy-indicator" size="Medium" delay="${r(this.busyDelay)}" active></${u("ui5-busy-indicator",e,t)}>`:d`<ui5-busy-indicator class="udex-busy-indicator" size="Medium" delay="${r(this.busyDelay)}" active></ui5-busy-indicator>`}function LP(i,e,t){return t?d`<${u("udex-list",e,t)} id="udex-list" role="${r(this.roleForGroupList)}" accessible-role="${r(this.accessibleRoleForList)}" class="udex-filter-menu__list" ?controlled="${this.isControlled}" mode="${r(this.mode)}">${T(this._filteredItems,(o,a)=>o._id||a,(o,a)=>Vm.call(this,i,e,t,o,a))}</${u("udex-list",e,t)}>`:d`<udex-list id="udex-list" role="${r(this.roleForGroupList)}" accessible-role="${r(this.accessibleRoleForList)}" class="udex-filter-menu__list" ?controlled="${this.isControlled}" mode="${r(this.mode)}">${T(this._filteredItems,(o,a)=>o._id||a,(o,a)=>Vm.call(this,i,e,t,o,a))}</udex-list>`}function Vm(i,e,t,o,a){return d`${o.isGroup?jP.call(this,i,e,t,o,a):zP.call(this,i,e,t,o,a)}`}function jP(i,e,t,o,a){return d`${o.item.isSelectAllHeader?MP.call(this,i,e,t,o,a):OP.call(this,i,e,t,o,a)}`}function MP(i,e,t,o,a){return t?d`<${u("udex-list-select-all",e,t)} _additional-class-name="${r(this.additionalClassName)}" data-token-id="${r(o.item._id)}" label="${r(o.item.label)}" ?controlled="${o.item.controlled}" supporting-text="${r(o.item.supportingText)}" ?disabled="${o.item.disabled}" ?selected="${o.item.selected}" ?indeterminate="${o.item.indeterminate}">${T(o.groupItems,(n,s)=>n._id||s,(n,s)=>Um.call(this,i,e,t,n,s))}</${u("udex-list-select-all",e,t)}>`:d`<udex-list-select-all _additional-class-name="${r(this.additionalClassName)}" data-token-id="${r(o.item._id)}" label="${r(o.item.label)}" ?controlled="${o.item.controlled}" supporting-text="${r(o.item.supportingText)}" ?disabled="${o.item.disabled}" ?selected="${o.item.selected}" ?indeterminate="${o.item.indeterminate}">${T(o.groupItems,(n,s)=>n._id||s,(n,s)=>Um.call(this,i,e,t,n,s))}</udex-list-select-all>`}function Um(i,e,t,o,a){return t?d`<${u("udex-list-item",e,t)} data-token-id="${r(o._id)}" ?controlled="${o.controlled}" mode="${r(o.mode)}" supporting-text="${r(o.supportingText)}" ?divider="${o.divider}" ?disabled="${o.disabled}" ?selected="${o.selected}" label="${r(o.label)}">${je(o.innerHTML)}</${u("udex-list-item",e,t)}>`:d`<udex-list-item data-token-id="${r(o._id)}" ?controlled="${o.controlled}" mode="${r(o.mode)}" supporting-text="${r(o.supportingText)}" ?divider="${o.divider}" ?disabled="${o.disabled}" ?selected="${o.selected}" label="${r(o.label)}">${je(o.innerHTML)}</udex-list-item>`}function OP(i,e,t,o,a){return t?d`<${u("udex-list-group-header",e,t)} role="group" _additional-class-name="udex-searchable-list__header" class="${r(this.groupClassName)}" ?non-interactive="${o.item.nonInteractive}" data-token-id="${r(o.item._id)}" label="${r(o.item.label)}" supporting-text="${r(o.item.supportingText)}" ?controlled="${o.item.controlled}" ?disabled="${o.item.disabled}" ?selected="${o.item.selected}" ?indeterminate="${o.item.indeterminate}">${T(o.groupItems,(n,s)=>n._id||s,(n,s)=>Wm.call(this,i,e,t,n,s))}</${u("udex-list-group-header",e,t)}>`:d`<udex-list-group-header role="group" _additional-class-name="udex-searchable-list__header" class="${r(this.groupClassName)}" ?non-interactive="${o.item.nonInteractive}" data-token-id="${r(o.item._id)}" label="${r(o.item.label)}" supporting-text="${r(o.item.supportingText)}" ?controlled="${o.item.controlled}" ?disabled="${o.item.disabled}" ?selected="${o.item.selected}" ?indeterminate="${o.item.indeterminate}">${T(o.groupItems,(n,s)=>n._id||s,(n,s)=>Wm.call(this,i,e,t,n,s))}</udex-list-group-header>`}function Wm(i,e,t,o,a){return t?d`<${u("udex-list-item",e,t)} role="none" data-token-id="${r(o._id)}" ?controlled="${o.controlled}" mode="${r(o.mode)}" supporting-text="${r(o.supportingText)}" ?divider="${o.divider}" ?disabled="${o.disabled}" ?selected="${o.selected}" label="${r(o.label)}">${je(o.innerHTML)}</${u("udex-list-item",e,t)}>`:d`<udex-list-item role="none" data-token-id="${r(o._id)}" ?controlled="${o.controlled}" mode="${r(o.mode)}" supporting-text="${r(o.supportingText)}" ?divider="${o.divider}" ?disabled="${o.disabled}" ?selected="${o.selected}" label="${r(o.label)}">${je(o.innerHTML)}</udex-list-item>`}function zP(i,e,t,o,a){return t?d`<${u("udex-list-item",e,t)} data-token-id="${r(o.item._id)}" supporting-text="${r(o.item.supportingText)}" ?disabled="${o.item.disabled}" ?controlled="${o.controlled}" ?divider="${o.divider}" ?selected="${o.item.selected}" label="${r(o.item.label)}">${je(o.item.innerHTML)}</${u("udex-list-item",e,t)}>`:d`<udex-list-item data-token-id="${r(o.item._id)}" supporting-text="${r(o.item.supportingText)}" ?disabled="${o.item.disabled}" ?controlled="${o.controlled}" ?divider="${o.divider}" ?selected="${o.item.selected}" label="${r(o.item.label)}">${je(o.item.innerHTML)}</udex-list-item>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const FP={packageName:"@sapudex/web-components",fileName:"themes/CountrySelector.css.ts",content:`:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-popover-min-width: 0px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-max-width: 100%;--udex-country-selector-text-offset-left: 50px;--udex-country-selector-text-offset-right: 36px}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}:host([displayonly])::part(textfield-input),:host([readonly])::part(textfield-input),:host([disabled])::part(textfield-input){cursor:default}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label){transform:translate(var(--udex-country-selector-text-offset-right))}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label):dir(rtl){transform:translate(calc(var(--udex-country-selector-text-offset-right)* -1))}:host([displayonly])::part(textfield-control-btn),.hidden-text{display:none}.udex-country-selector__text{width:100%}:host([hide-flag-images])::part(textfield-input),.udex-country-selector__dropdown--hide-flag [udex-list-item]::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}:host([hide-flag-images]) [udex-text-field]::part(textfield-input){padding-inline-start:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);width:100%}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}[udex-text-field][aria-expanded=true]::part(label){line-height:18px;transform:translateY(-110%);padding:0 4px;font-size:12px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}[udex-text-field]::part(label){background:linear-gradient(transparent 55%,var(--sapField_Background) 45%);padding:0 var(--udexSpacer4, 4px);max-width:calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)}[udex-text-field][active]::part(label){padding:6px var(--udexSpacer4, 4px) 0}.udex-country-selector-item__image,.udex-country-selector__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}[udex-list-item]::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}[udex-text-field][readonly]::part(label){background:var(--sapField_ReadOnly_Background)}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}[udex-text-field]{--udex-input-padding: 0 var(--udex-country-selector-text-offset-right) 0 var(--udex-country-selector-text-offset-left)}[udex-text-field]:dir(rtl){--udex-input-padding: 0 var(--udex-country-selector-text-offset-left) 0 var(--udex-country-selector-text-offset-right)}[udex-text-field]::part(textfield-input){text-overflow:ellipsis;white-space:nowrap;cursor:pointer}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width)}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width)}}
|
|
102
102
|
`};var fe;(function(i){i.SingleSelect="SingleSelect",i.MultiSelect="MultiSelect",i.SingleContent="SingleContent",i.RadioGroup="RadioGroup"})(fe||(fe={}));var Wa;(function(i){i.None="None",i.Circle="Circle",i.Number="Number",i.Icon="Icon"})(Wa||(Wa={}));var js;(function(i){i.Standard="Standard",i.Large="Large"})(js||(js={}));var Su;(function(i){i.None="None",i.Success="Success",i.Warning="Warning",i.Error="Error",i.Information="Information"})(Su||(Su={}));function XP(i,e,t){return d`${this.modeSelected?HP.call(this,i,e,t):void 0}${this.modeSingleContent?VP.call(this,i,e,t):void 0} `}function HP(i,e,t){return d`<div class="udex-list-root" @ui5-item-press="${r(this.handleItemPress)}" @ui5-header-press="${r(this.handleItemPress)}" @keydown="${this.handleKeyDown}" style="height: ${r(this.holderHeight)}"><div class="udex-list__scroll-container">${this.headerText?qP.call(this,i,e,t):void 0}<span id="${r(this._id)}-mode-label" class="udex-list__hidden-text">${r(this.ariaLabelModeText)}</span><ul id="udex-list" class="udex-list" role="${r(this.accessibleRole)}" aria-labelledby="${r(this.ariaLabelledBy)}" aria-label="${r(this.accessibleName)}" aria-busy="${r(this.ariaBusy)}"><slot></slot></ul></div></div>`}function qP(i,e,t){return d`<header class="udex-list__header-text" part="header" id="${r(this._id)}-mode-label">${r(this.headerText)}</header>`}function VP(i,e,t){return d`${this.headerText?UP.call(this,i,e,t):void 0}<ul id="udex-list" class="udex-list" role="${r(this.accessibleRole)}" aria-labelledby="${r(this.ariaLabelledBy)}" aria-label="${r(this.accessibleName)}" aria-busy="${r(this.ariaBusy)}"><slot></slot></ul>`}function UP(i,e,t){return d`<header class="udex-list__header-text" part="header" id="${r(this._id)}-mode-label">${r(this.headerText)}</header>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const WP={packageName:"@sapudex/web-components",fileName:"themes/List.css.ts",content:`.udex-list{font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);list-style-type:none;padding:0;margin:0}.udex-list__hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}.udex-list__scroll-container{overflow:auto;height:100%}.udex-list__header-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);border-bottom:1px solid var(--sapList_BorderColor, #A9B4BE)}::slotted(udex-list-group-header:not(:last-child)){margin-bottom:var(--udexSpacer16, 16px);display:block}:host([mode="SingleContent"])::part(header){padding:var(--udexSpacer8, 8px) 0}:host([mode="RadioGroup"])::part(header),:host([mode="MultiSelect"])::part(header){padding:var(--udexSpacer8, 8px) var(--udexSpacer20, 20px)}
|
|
103
|
-
`},v2=i=>/^[a-zA-Z]$/.test(i),g2=i=>i.replace(/<\/?b[^>]*>/g,""),m2=(i,e)=>g2(i).toLowerCase().startsWith(e),GP=(i,e)=>{var t;return m2(((t=i._state)==null?void 0:t.label)||"",e)},YP=(i,e)=>m2((i==null?void 0:i.innerText)||"",e),f2=(i,e)=>GP(i,e)||YP(i,e),b2=(i,e)=>!((i==null?void 0:i.disabled)||!1)&&f2(i,e),KP=(i,e)=>{const t=e.findIndex(o=>b2(o,i));return t>-1?t:0},ZP=(i,e,t)=>e.slice(t,e.length).findIndex(o=>b2(o,i)),QP=(i,e)=>e.map(o=>f2(o,i)?o:null).filter(o=>o).length;class x2{resetMatchingItems(){this._pressedKey="",this._pressedCount=0,this._lastFoundPosition=0}setPressedKey(e){e===this._pressedKey?this._pressedCount++:(this._pressedKey=e,this._pressedCount=1,this._lastFoundPosition=0)}getFocusItemIndex(e,t,o){let a;if(this._pressedCount<=o){const n=this._pressedCount===1?0:this._lastFoundPosition+1;a=Gm(e,t,n)+this._lastFoundPosition,this._pressedCount!==1&&a++}else a=Gm(e,t),this._pressedCount=1;return a}focusMatchingListItem(e){const t=QP(e,this._focusableListItems);if(t>0){this.setPressedKey(e);const o=this.getFocusItemIndex(e,this._focusableListItems,t);this._lastFoundPosition=o,this._focusableListItems[o].focus()}}}const Gm=(i,e,t=0)=>t===0?KP(i,e):ZP(i,e,t);var Ea=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},Pl;let Zi=Pl=class extends E{constructor(){super(...arguments),this._focusHandler=new x2}static async onDefine(){Pl.i18nBundle=await M("@sapudex/web-components")}onBeforeRendering(){this.prepareListItemsMode(),this._focusHandler.resetMatchingItems(),this._focusHandler._focusableListItems=this.getItemsWithoutHeader()}handleItemPress(e){const t=e.detail.item;this.onItemPress(t)}handleKeyDown(e){Ee(e)&&this.handleUpArrow(e),Te(e)&&this.handleDownArrow(e),rt(e)&&this.handleHomeKey(e),jt(e)&&this.handleEndKey(e),(K(e)||F(e))&&this.handleEnterOrSpace(e),v2(e.key)&&this.handleLetterKey(e)}handleEnterOrSpace(e){e.preventDefault();const t=e.target;this.onItemPress(t)}handleUpArrow(e){e.preventDefault();const t=this.getKeyboardNavigationItems(),o=this.getCurrentIndex(t,e.target),a=t.length-1,n=o-1<0?a:o-1,s=t[n].isGroup,l=t[n].nonInteractive;if(l&&n===0){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,a),t[a].focus();return}if(l){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,n-1),t[n-1].focus();return}if(s){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,n),this.focusHeader(t[n]);return}this.modeRadioGroup&&(t[o].selected=!1,t[n].selected=!0),this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,n),t[n].focus()}handleDownArrow(e){e.preventDefault();const t=this.getKeyboardNavigationItems(),o=this.getCurrentIndex(t,e.target),a=o+1>t.length-1?0:o+1,n=t[a].isGroup;if(t[a].nonInteractive){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,a+1),t[a+1].focus();return}if(n){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,a),this.focusHeader(t[a]);return}this.modeRadioGroup&&(t[o].selected=!1,t[a].selected=!0),this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,a),t[a].focus()}handleHomeKey(e){e.preventDefault();const t=this.getKeyboardNavigationItems(),o=this.getCurrentIndex(t,e.target),a=t[0],n=a.isGroup;if(a.nonInteractive){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,1),t[1].focus();return}if(n){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,0),this.focusHeader(t[0]);return}this.modeRadioGroup&&(t[o].selected=!1,t[0].selected=!0),this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,0),t[0].focus()}handleEndKey(e){e.preventDefault();const t=this.getKeyboardNavigationItems(),o=this.getCurrentIndex(t,e.target);this.modeRadioGroup&&(t[o].selected=!1,t[t.length-1].selected=!0),this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,t.length-1),t[t.length-1].focus()}handleLetterKey(e){const t=e.key;e.stopPropagation(),e.preventDefault(),this._focusHandler.focusMatchingListItem(t)}onItemPress(e){if(this.modeSingleSelect&&!this.controlled&&(this.revertSelectedItems(this.getSelectedItems()),e.selected=!0),this.modeRadioGroup&&!this.controlled){const o=e.parentElement.getItems();this.revertSelectedItems(o),e.selected=!0}this.resetTabIndexes(),e._tabIndex="0",this.fireEvent("selection-change",{listItems:this.getItemsFromList(),selectedItems:this.getSelectedItems(),item:e})}revertSelectedItems(e){e.forEach(t=>{t.disabled||(t.selected=!1)})}focusSelectedItem(){const e=this.items.findIndex(t=>t.selected);this.resetTabIndexes(),e!==-1&&this.modeSingleSelect&&this.setTabIndexByIndex(this.items,e)}focusHeader(e){var o;((o=e.shadowRoot)==null?void 0:o.querySelector(".udex-list__group-header")).focus()}unsetTabIndexByIndex(e,t){e[t]._tabIndex="-1"}setTabIndexByIndex(e,t){e[t]._tabIndex="0"}getItems(){return this.getSlottedNodes("items")}getSelectedItems(){return this.getItemsFromList().filter(e=>e.selected)}getCurrentIndex(e,t){return e.indexOf(t)}getItemsWithoutHeader(){return this.getItemsFromList().filter(e=>!e.isGroup)}getKeyboardNavigationItems(){return(this.modeMultiSelect?this.getItemsFromList():this.getItemsWithoutHeader()).filter(t=>!t.disabled)}getItemsFromList(){const e=[];return this.getItems().forEach(o=>{const a=o.isGroup?o.children:[];e.push(o,...a)}),e}prepareListItemsMode(){this.getItemsFromList().forEach((e,t)=>{e.mode=this.mode,e.controlled=this.controlled,e.type=this.type,e._icon=this.itemIcon,e._tabIndex=this.getTabIndex(t,e)})}getTabIndex(e,t){const o=this.modeSelected&&e===0,a=this.isGroupList&&e===1,n=t.closest("[udex-list-group-header]"),s=this.modeSingleSelect||this.modeRadioGroup,h=t.isGroup&&o&&this.modeMultiSelect&&!t.nonInteractive,p=a&&s,_=a&&this.modeMultiSelect&&(n==null?void 0:n.nonInteractive);return h||p||_||o?"0":"-1"}resetTabIndexes(){this.getItemsFromList().forEach(e=>{e._tabIndex="-1"})}get isGroupList(){return this.getItemsFromList().some(e=>e.isGroup)}get ariaLabelModeText(){return this.modeSingleSelect||this.modeRadioGroup?Pl.i18nBundle.getText(DC):Pl.i18nBundle.getText(AC)}get ariaLabelledBy(){return`${this._id}-mode-label`}get modeRadioGroup(){return this.mode===fe.RadioGroup}get modeMultiSelect(){return this.mode===fe.MultiSelect}get modeSingleSelect(){return this.mode===fe.SingleSelect}get modeSingleContent(){return this.mode===fe.SingleContent}get modeSelected(){return[fe.SingleSelect,fe.MultiSelect,fe.RadioGroup].includes(this.mode)}get holderHeight(){return this.height?this.height:"auto"}};Ea([c({defaultValue:"listbox"})],Zi.prototype,"accessibleRole",void 0);Ea([c()],Zi.prototype,"accessibleName",void 0);Ea([c({type:fe,defaultValue:fe.SingleSelect})],Zi.prototype,"mode",void 0);Ea([c({type:Wa,defaultValue:Wa.None})],Zi.prototype,"type",void 0);Ea([c({type:String})],Zi.prototype,"height",void 0);Ea([c({type:Boolean})],Zi.prototype,"controlled",void 0);Ea([c({type:String})],Zi.prototype,"headerText",void 0);Ea([c({type:String,defaultValue:""})],Zi.prototype,"itemIcon",void 0);Ea([$({type:HTMLElement,default:!0})],Zi.prototype,"items",void 0);Zi=Pl=Ea([y({tag:"udex-list",renderer:k,styles:[WP,Ba()],template:XP,dependencies:[]}),f("selection-change",{detail:{listItems:{type:Array},selectedItems:{type:Array},item:{type:HTMLElement}}})],Zi);Zi.define();const al=Zi;var so=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 hi=class extends E{get _effectiveTabIndex(){return this.disabled?"-1":this._tabIndex}get numberOfItem(){return[...this.parentNode.children].indexOf(this)+1}get isGroup(){return!1}get modeRadioGroup(){return this.mode===fe.RadioGroup}get modeMultiSelect(){return this.mode===fe.MultiSelect}get modeSingleSelect(){return this.mode===fe.SingleSelect}get modeMultiSelectOrRadioGroup(){return this.modeMultiSelect||this.modeRadioGroup}get typeNumber(){return this.type===Wa.Number}get typeCircle(){return this.type===Wa.Circle}get typeIcon(){return this.type===Wa.Icon}};so([c()],hi.prototype,"label",void 0);so([c({type:Boolean})],hi.prototype,"divider",void 0);so([c({type:Boolean})],hi.prototype,"disabled",void 0);so([c()],hi.prototype,"supportingText",void 0);so([c({type:Boolean})],hi.prototype,"selected",void 0);so([c({type:Boolean})],hi.prototype,"indeterminate",void 0);so([c({type:Boolean})],hi.prototype,"controlled",void 0);so([c({type:fe,defaultValue:fe.SingleSelect})],hi.prototype,"mode",void 0);so([c({type:js,defaultValue:js.Standard})],hi.prototype,"size",void 0);so([c({type:Wa,defaultValue:Wa.None})],hi.prototype,"type",void 0);so([c({type:String,defaultValue:""})],hi.prototype,"_icon",void 0);so([c({type:String})],hi.prototype,"_tabIndex",void 0);hi=so([y({renderer:k})],hi);const rl=hi,JP="decline",y2="M86 109l22-23q5-5 12-5 6 0 11 5l124 125L380 86q5-5 11-5 7 0 12 5l22 23q12 11 0 23L301 256l124 125q11 11 0 22l-22 23q-8 5-12 5-3 0-11-5L255 301 131 426q-5 5-11 5-4 0-12-5l-22-23q-11-11 0-22l124-125L86 132q-12-12 0-23z",eN=!1,tN=m5,iN="SAP-icons-v4",oN="@ui5/webcomponents-icons";D(JP,{pathData:y2,ltr:eN,accData:tN,collection:iN,packageName:oN});const aN="decline",w2="M292 256l117 116q7 7 7 18 0 12-7.5 19t-18.5 7q-10 0-18-8L256 292 140 408q-8 8-18 8-11 0-18.5-7.5T96 390q0-10 8-18l116-116-116-116q-8-8-8-18 0-11 7.5-18.5T122 96t18 7l116 117 116-117q7-7 18-7t18.5 7.5T416 122t-7 18z",rN=!1,nN=m5,sN="SAP-icons-v5",lN="@ui5/webcomponents-icons";D(aN,{pathData:w2,ltr:rN,accData:nN,collection:sN,packageName:lN});oe();const dN="search",k2="M470 426q10 9 10 22.5T470 471q-9 9-22 9t-23-9L308 353q-45 31-100 31-36 0-68-13.5T84 333t-38-56-14-69q0-36 14-68t38-56 56-38 68-14 68 14 56 38 38 56 14 68q0 28-8.5 53T353 308zm-262-74q30 0 56-11t45.5-30.5 31-46T352 208t-11.5-56-31-45.5-45.5-31T208 64t-56.5 11.5-46 31T75 152t-11 56 11 56.5 30.5 46 46 30.5 56.5 11z",cN=!0,uN=w5,hN="SAP-icons-v4",pN="@ui5/webcomponents-icons";D(dN,{pathData:k2,ltr:cN,accData:uN,collection:hN,packageName:pN});const _N="search",S2="M473 436q7 7 7 18t-7.5 18.5T454 480q-10 0-18-8l-95-95q-51 39-117 39-40 0-75-15t-61-41-41-61-15-75 15-75 41-61 61-41 75-15 75 15 61 41 41 61 15 75q0 64-39 117zM83 224q0 30 11 55.5t30 44.5 44.5 30 55.5 11 55.5-11 44.5-30 30-44.5 11-55.5-11-55.5-30-44.5-44.5-30T224 83t-55.5 11-44.5 30-30 44.5T83 224z",vN=!0,gN=w5,mN="SAP-icons-v5",fN="@ui5/webcomponents-icons";D(_N,{pathData:S2,ltr:vN,accData:gN,collection:mN,packageName:fN});oe();const bN="microphone",$2="M160 256V96q0-42 27-69t69-27q41 0 69 27 27 28 27 69v160q0 42-27 69t-69 27q-41 0-68-28-28-27-28-68zm-80-64h48v64q0 30 10 49 10 25 28 41 17 18 41 28t49 10q27 0 50-10t40.5-27.5 27.5-41 10-49.5v-64h48q16 0 16 16t-16 16h-16v32q0 60-35.5 101.5T288 413v67h112q16 0 16 16t-16 16H112q-16 0-16-16t16-16h112v-67q-27-7-50.5-21.5t-41-35-27-46T96 256v-32H80q-16 0-16-16t16-16zm112-96v160q0 26 19 45t45 19q27 0 45.5-18.5T320 256V96q0-27-18-46-19-18-46-18-26 0-45 19t-19 45z",xN=!1,yN="SAP-icons-v4",wN="@ui5/webcomponents-icons";D(bN,{pathData:$2,ltr:xN,collection:yN,packageName:wN});const kN="microphone",T2="M256 320q-33 0-56.5-23.5T176 240V80q0-33 23.5-56.5T256 0t56.5 23.5T336 80v160q0 33-23.5 56.5T256 320zm-29-80q0 12 8.5 20.5T256 269t20.5-8.5T285 240V80q0-12-8.5-20.5T256 51t-20.5 8.5T227 80v160zm195-48q11 0 18.5 7.5T448 218q0 36-12.5 69t-35 60-53 44.5T282 414v72q0 11-7.5 18.5T256 512t-18.5-7.5T230 486v-72q-35-5-65.5-23t-53-44.5-35-59.5T64 218q0-11 7.5-18.5T90 192t18 7.5 7 18.5q0 28 11 55t30.5 47 45 32.5T256 365t54.5-12.5 45-32.5 30.5-47 11-55q0-11 7-18.5t18-7.5z",SN=!1,$N="SAP-icons-v5",TN="@ui5/webcomponents-icons";D(kN,{pathData:T2,ltr:SN,collection:$N,packageName:TN});oe();const CN=(i,e=300)=>{let t;return(...o)=>{clearTimeout(t),t=setTimeout(()=>{i(o)},e)}},IN=(i,e,t,o)=>new Promise((a,n)=>{let s=0;const l=()=>{s++;const h=i();h!==void 0?a(h):s<t?setTimeout(l,e):n(new Error(o))};l()});function BN(i,e,t){return d`<div class="udex-search__root ${r(this.searchClasses)}">${this.isShowSearchHomePrefix?EN.call(this,i,e,t):void 0}<form role="search" class="udex-search__container ${r(this.focusClasses)}${r(this.isNotEmptyClass)}">${this.labelAnimationDisabled?AN.call(this,i,e,t):DN.call(this,i,e,t)}${this.open?NN.call(this,i,e,t):void 0}<div class="udex-search__icons">${this.isShowHomeResetButton?RN.call(this,i,e,t):void 0}${this.isShowResetButton?LN.call(this,i,e,t):void 0}${this.isVoiceButton?jN.call(this,i,e,t):void 0}${this.showNonInteractiveButton?MN.call(this,i,e,t):void 0}${this.showSubmitHomeButton?ON.call(this,i,e,t):void 0}${this.showSubmitStandardButton?zN.call(this,i,e,t):void 0}</div></form></div>`}function EN(i,e,t){return t?d`<div class="udex-search__prefix ${r(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${r(this._prefixDropdownExpanded)}" aria-label="${r(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${r(this.labelPrefix)}</span><${u("ui5-icon",e,t)} class="udex-search__prefix-icon" name="slim-arrow-down"></${u("ui5-icon",e,t)}></button><${u("ui5-popover",e,t)} id="udex-search-prefix" class="${r(this.prefixPopoverClasses)}" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${H(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></${u("ui5-popover",e,t)}></div>`:d`<div class="udex-search__prefix ${r(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${r(this._prefixDropdownExpanded)}" aria-label="${r(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${r(this.labelPrefix)}</span><ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down"></ui5-icon></button><ui5-popover id="udex-search-prefix" class="${r(this.prefixPopoverClasses)}" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${H(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></ui5-popover></div>`}function AN(i,e,t){return d`<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-haspopup="${r(this.getAriaHasPopup)}" aria-label="${r(this.accInfo.ariaLabel)}" aria-describedby="search-description" placeholder="${r(this.effectivePlaceholder)}" .value="${r(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`}function DN(i,e,t){return d`${this.label?PN.call(this,i,e,t):void 0}<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-label="${r(this.accInfo.ariaLabel)}" aria-describedby="search-description" aria-haspopup="${r(this.getAriaHasPopup)}" .value="${r(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`}function PN(i,e,t){return d`<label for="search-input" class="${r(this.labelClasses)}">${r(this.label)}</label>`}function NN(i,e,t){return d`<span aria-live="polite" aria-atomic="true" id="search-description" class="hidden" aria-hidden="true">${r(this.suggestionsDescription)}</span>`}function RN(i,e,t){return t?d`<${u("ui5-button",e,t)} id="reset-button" class="udex-search__button udex-search__reset-button" design="Default" tooltip="${r(this.tooltipInfo.tooltipResetButton)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"><${u("ui5-icon",e,t)} class="udex-search__button-icon" accessible-name="${r(this.accInfo.accessibleNameResetIcon)}" accessible-role="presentation" name="decline"></${u("ui5-icon",e,t)}></${u("ui5-button",e,t)}>`:d`<ui5-button id="reset-button" class="udex-search__button udex-search__reset-button" design="Default" tooltip="${r(this.tooltipInfo.tooltipResetButton)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"><ui5-icon class="udex-search__button-icon" accessible-name="${r(this.accInfo.accessibleNameResetIcon)}" accessible-role="presentation" name="decline"></ui5-icon></ui5-button>`}function LN(i,e,t){return t?d`<${u("udex-control-button",e,t)} id="reset-button" class="udex-search__reset-button" design="Default" tooltip="${r(this.tooltipInfo.tooltipResetButton)}" icon="decline" size="Large" accessible-name="${r(this.accInfo.accessibleNameResetIcon)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></${u("udex-control-button",e,t)}>`:d`<udex-control-button id="reset-button" class="udex-search__reset-button" design="Default" tooltip="${r(this.tooltipInfo.tooltipResetButton)}" icon="decline" size="Large" accessible-name="${r(this.accInfo.accessibleNameResetIcon)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></udex-control-button>`}function jN(i,e,t){return t?d`<${u("ui5-button",e,t)} id="voice-button" class="udex-search__button udex-search__voice-button ${r(this.voiceActiveClass)}" design="Default" icon="microphone" tooltip="${r(this.tooltipInfo.tooltipVoiceButton)}" @click="${this.onVoice}"></${u("ui5-button",e,t)}>`:d`<ui5-button id="voice-button" class="udex-search__button udex-search__voice-button ${r(this.voiceActiveClass)}" design="Default" icon="microphone" tooltip="${r(this.tooltipInfo.tooltipVoiceButton)}" @click="${this.onVoice}"></ui5-button>`}function MN(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-search__icon" aria-hidden="true" accessible-name="${r(this.accInfo.accessibleNameSearchIcon)}" show-tooltip name="search"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-search__icon" aria-hidden="true" accessible-name="${r(this.accInfo.accessibleNameSearchIcon)}" show-tooltip name="search"></ui5-icon>`}function ON(i,e,t){return t?d`<${u("ui5-button",e,t)} id="submit-button" class="udex-search__button udex-search__submit-button ${r(this.searchButtonActiveClass)}" design="Default" icon="search" tooltip="${r(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></${u("ui5-button",e,t)}>`:d`<ui5-button id="submit-button" class="udex-search__button udex-search__submit-button ${r(this.searchButtonActiveClass)}" design="Default" icon="search" tooltip="${r(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></ui5-button>`}function zN(i,e,t){return t?d`<${u("udex-control-button",e,t)} id="submit-button" class="udex-search__submit-button" size="Large" design="Default" icon="search" tooltip="${r(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></${u("udex-control-button",e,t)}>`:d`<udex-control-button id="submit-button" class="udex-search__submit-button" size="Large" design="Default" icon="search" tooltip="${r(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></udex-control-button>`}function FN(i,e,t){return t?d`<${u("ui5-popover",e,t)} class="udex-search-suggestions__root ${r(this.homeSearchPopoverClass)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Right" style="${H(this.popoverStyles)}" id="${r(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${r(this.suggestionsAccessibleName)}">${this.showNoResultMessage?Ym.call(this,i,e,t):Km.call(this,i,e,t)}</${u("ui5-popover",e,t)}>`:d`<ui5-popover class="udex-search-suggestions__root ${r(this.homeSearchPopoverClass)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Right" style="${H(this.popoverStyles)}" id="${r(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${r(this.suggestionsAccessibleName)}">${this.showNoResultMessage?Ym.call(this,i,e,t):Km.call(this,i,e,t)}</ui5-popover>`}function Ym(i,e,t){return d`<span class="udex-search-suggestions__message">${r(this.noResultMessage)}</span>`}function Km(i,e,t){return d`<div role="tree">${this.isShowSuggestedList?XN.call(this,i,e,t):void 0}${this.isShowRecommendedList?VN.call(this,i,e,t):void 0}</div>`}function XN(i,e,t){return d`<div class="udex-search-suggestions__block" role="treeitem">${this.suggestedHeading?HN.call(this,i,e,t):void 0}<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="suggested-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${T(this.suggestedList,(o,a)=>o._id||a,(o,a)=>qN.call(this,i,e,t,o,a))}</div></div>`}function HN(i,e,t){return d`<span class="udex-search-suggestions__heading" id="suggested-heading">${r(this.suggestedHeading)}</span>`}function qN(i,e,t,o,a){return t?d`<${u("ui5-button",e,t)} id="${r(o.id)}" icon="${r(o.icon)}" type="Button" design="Default" accessible-name="${r(o.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${r(o.title)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</${u("ui5-button",e,t)}>`:d`<ui5-button id="${r(o.id)}" icon="${r(o.icon)}" type="Button" design="Default" accessible-name="${r(o.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${r(o.title)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</ui5-button>`}function VN(i,e,t){return d`<div class="udex-search-suggestions__block" role="treeitem">${this.recommendedHeading?UN.call(this,i,e,t):void 0}<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="recommended-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${T(this.recommendedList,(o,a)=>o._id||a,(o,a)=>WN.call(this,i,e,t,o,a))}</div></div>`}function UN(i,e,t){return d`<span class="udex-search-suggestions__heading" id="recommended-heading">${r(this.recommendedHeading)}</span>`}function WN(i,e,t,o,a){return d`${o.hasCustomIcon?GN.call(this,i,e,t,o,a):YN.call(this,i,e,t,o,a)}`}function GN(i,e,t,o,a){return t?d`<${u("ui5-button",e,t)} id="${r(o.id)}" icon="${r(o.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${r(o.title)}" accessible-name="${r(o.suggestionDescription)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</${u("ui5-button",e,t)}>`:d`<ui5-button id="${r(o.id)}" icon="${r(o.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${r(o.title)}" accessible-name="${r(o.suggestionDescription)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</ui5-button>`}function YN(i,e,t,o,a){return t?d`<${u("ui5-button",e,t)} id="${r(o.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${r(o.suggestionDescription)}" title="${r(o.title)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</${u("ui5-button",e,t)}>`:d`<ui5-button id="${r(o.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${r(o.suggestionDescription)}" title="${r(o.title)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</ui5-button>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const KN={packageName:"@sapudex/web-components",fileName:"themes/Search.css.ts",content:`:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;inset-block-start:9px;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:23px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden;bottom:-2px}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-23px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[ui5-button].udex-search__button::part(button):focus-visible:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button.udex-search__voice-button:hover{background-color:#0000001a;border:none;box-shadow:none}[ui5-button].udex-search__button.udex-search__voice-button.udex-search__voice-button--active,[ui5-button][active].udex-search__button.udex-search__voice-button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[ui5-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}
|
|
103
|
+
`},v2=i=>/^[a-zA-Z]$/.test(i),g2=i=>i.replace(/<\/?b[^>]*>/g,""),m2=(i,e)=>g2(i).toLowerCase().startsWith(e),GP=(i,e)=>{var t;return m2(((t=i._state)==null?void 0:t.label)||"",e)},YP=(i,e)=>m2((i==null?void 0:i.innerText)||"",e),f2=(i,e)=>GP(i,e)||YP(i,e),b2=(i,e)=>!((i==null?void 0:i.disabled)||!1)&&f2(i,e),KP=(i,e)=>{const t=e.findIndex(o=>b2(o,i));return t>-1?t:0},ZP=(i,e,t)=>e.slice(t,e.length).findIndex(o=>b2(o,i)),QP=(i,e)=>e.map(o=>f2(o,i)?o:null).filter(o=>o).length;class x2{resetMatchingItems(){this._pressedKey="",this._pressedCount=0,this._lastFoundPosition=0}setPressedKey(e){e===this._pressedKey?this._pressedCount++:(this._pressedKey=e,this._pressedCount=1,this._lastFoundPosition=0)}getFocusItemIndex(e,t,o){let a;if(this._pressedCount<=o){const n=this._pressedCount===1?0:this._lastFoundPosition+1;a=Gm(e,t,n)+this._lastFoundPosition,this._pressedCount!==1&&a++}else a=Gm(e,t),this._pressedCount=1;return a}focusMatchingListItem(e){const t=QP(e,this._focusableListItems);if(t>0){this.setPressedKey(e);const o=this.getFocusItemIndex(e,this._focusableListItems,t);this._lastFoundPosition=o,this._focusableListItems[o].focus()}}}const Gm=(i,e,t=0)=>t===0?KP(i,e):ZP(i,e,t);var Ea=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},Pl;let Zi=Pl=class extends E{constructor(){super(...arguments),this._focusHandler=new x2}static async onDefine(){Pl.i18nBundle=await M("@sapudex/web-components")}onBeforeRendering(){this.prepareListItemsMode(),this._focusHandler.resetMatchingItems(),this._focusHandler._focusableListItems=this.getItemsWithoutHeader()}handleItemPress(e){const t=e.detail.item;this.onItemPress(t)}handleKeyDown(e){Ee(e)&&this.handleUpArrow(e),Te(e)&&this.handleDownArrow(e),rt(e)&&this.handleHomeKey(e),jt(e)&&this.handleEndKey(e),(K(e)||F(e))&&this.handleEnterOrSpace(e),v2(e.key)&&this.handleLetterKey(e)}handleEnterOrSpace(e){e.preventDefault();const t=e.target;this.onItemPress(t)}handleUpArrow(e){e.preventDefault();const t=this.getKeyboardNavigationItems(),o=this.getCurrentIndex(t,e.target),a=t.length-1,n=o-1<0?a:o-1,s=t[n].isGroup,l=t[n].nonInteractive;if(l&&n===0){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,a),t[a].focus();return}if(l){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,n-1),t[n-1].focus();return}if(s){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,n),this.focusHeader(t[n]);return}this.modeRadioGroup&&(t[o].selected=!1,t[n].selected=!0),this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,n),t[n].focus()}handleDownArrow(e){e.preventDefault();const t=this.getKeyboardNavigationItems(),o=this.getCurrentIndex(t,e.target),a=o+1>t.length-1?0:o+1,n=t[a].isGroup;if(t[a].nonInteractive){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,a+1),t[a+1].focus();return}if(n){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,a),this.focusHeader(t[a]);return}this.modeRadioGroup&&(t[o].selected=!1,t[a].selected=!0),this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,a),t[a].focus()}handleHomeKey(e){e.preventDefault();const t=this.getKeyboardNavigationItems(),o=this.getCurrentIndex(t,e.target),a=t[0],n=a.isGroup;if(a.nonInteractive){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,1),t[1].focus();return}if(n){this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,0),this.focusHeader(t[0]);return}this.modeRadioGroup&&(t[o].selected=!1,t[0].selected=!0),this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,0),t[0].focus()}handleEndKey(e){e.preventDefault();const t=this.getKeyboardNavigationItems(),o=this.getCurrentIndex(t,e.target);this.modeRadioGroup&&(t[o].selected=!1,t[t.length-1].selected=!0),this.unsetTabIndexByIndex(t,o),this.setTabIndexByIndex(t,t.length-1),t[t.length-1].focus()}handleLetterKey(e){const t=e.key;e.stopPropagation(),e.preventDefault(),this._focusHandler.focusMatchingListItem(t)}onItemPress(e){if(this.modeSingleSelect&&!this.controlled&&(this.revertSelectedItems(this.getSelectedItems()),e.selected=!0),this.modeRadioGroup&&!this.controlled){const o=e.parentElement.getItems();this.revertSelectedItems(o),e.selected=!0}this.resetTabIndexes(),e._tabIndex="0",this.fireEvent("selection-change",{listItems:this.getItemsFromList(),selectedItems:this.getSelectedItems(),item:e})}revertSelectedItems(e){e.forEach(t=>{t.disabled||(t.selected=!1)})}focusSelectedItem(){const e=this.items.findIndex(t=>t.selected);this.resetTabIndexes(),e!==-1&&this.modeSingleSelect&&this.setTabIndexByIndex(this.items,e)}focusHeader(e){var o;((o=e.shadowRoot)==null?void 0:o.querySelector(".udex-list__group-header")).focus()}unsetTabIndexByIndex(e,t){e[t]._tabIndex="-1"}setTabIndexByIndex(e,t){e[t]._tabIndex="0"}getItems(){return this.getSlottedNodes("items")}getSelectedItems(){return this.getItemsFromList().filter(e=>e.selected)}getCurrentIndex(e,t){return e.indexOf(t)}getItemsWithoutHeader(){return this.getItemsFromList().filter(e=>!e.isGroup)}getKeyboardNavigationItems(){return(this.modeMultiSelect?this.getItemsFromList():this.getItemsWithoutHeader()).filter(t=>!t.disabled)}getItemsFromList(){const e=[];return this.getItems().forEach(o=>{const a=o.isGroup?o.children:[];e.push(o,...a)}),e}prepareListItemsMode(){this.getItemsFromList().forEach((e,t)=>{e.mode=this.mode,e.controlled=this.controlled,e.type=this.type,e._icon=this.itemIcon,e._tabIndex=this.getTabIndex(t,e)})}getTabIndex(e,t){const o=this.modeSelected&&e===0,a=this.isGroupList&&e===1,n=t.closest("[udex-list-group-header]"),s=this.modeSingleSelect||this.modeRadioGroup,h=t.isGroup&&o&&this.modeMultiSelect&&!t.nonInteractive,p=a&&s,_=a&&this.modeMultiSelect&&(n==null?void 0:n.nonInteractive);return h||p||_||o?"0":"-1"}resetTabIndexes(){this.getItemsFromList().forEach(e=>{e._tabIndex="-1"})}get isGroupList(){return this.getItemsFromList().some(e=>e.isGroup)}get ariaLabelModeText(){return this.modeSingleSelect||this.modeRadioGroup?Pl.i18nBundle.getText(DC):Pl.i18nBundle.getText(AC)}get ariaLabelledBy(){return`${this._id}-mode-label`}get modeRadioGroup(){return this.mode===fe.RadioGroup}get modeMultiSelect(){return this.mode===fe.MultiSelect}get modeSingleSelect(){return this.mode===fe.SingleSelect}get modeSingleContent(){return this.mode===fe.SingleContent}get modeSelected(){return[fe.SingleSelect,fe.MultiSelect,fe.RadioGroup].includes(this.mode)}get holderHeight(){return this.height?this.height:"auto"}};Ea([c({defaultValue:"listbox"})],Zi.prototype,"accessibleRole",void 0);Ea([c()],Zi.prototype,"accessibleName",void 0);Ea([c({type:fe,defaultValue:fe.SingleSelect})],Zi.prototype,"mode",void 0);Ea([c({type:Wa,defaultValue:Wa.None})],Zi.prototype,"type",void 0);Ea([c({type:String})],Zi.prototype,"height",void 0);Ea([c({type:Boolean})],Zi.prototype,"controlled",void 0);Ea([c({type:String})],Zi.prototype,"headerText",void 0);Ea([c({type:String,defaultValue:""})],Zi.prototype,"itemIcon",void 0);Ea([$({type:HTMLElement,default:!0})],Zi.prototype,"items",void 0);Zi=Pl=Ea([y({tag:"udex-list",renderer:k,styles:[WP,Ba()],template:XP,dependencies:[]}),f("selection-change",{detail:{listItems:{type:Array},selectedItems:{type:Array},item:{type:HTMLElement}}})],Zi);Zi.define();const al=Zi;var so=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 hi=class extends E{get _effectiveTabIndex(){return this.disabled?"-1":this._tabIndex}get numberOfItem(){return[...this.parentNode.children].indexOf(this)+1}get isGroup(){return!1}get modeRadioGroup(){return this.mode===fe.RadioGroup}get modeMultiSelect(){return this.mode===fe.MultiSelect}get modeSingleSelect(){return this.mode===fe.SingleSelect}get modeMultiSelectOrRadioGroup(){return this.modeMultiSelect||this.modeRadioGroup}get typeNumber(){return this.type===Wa.Number}get typeCircle(){return this.type===Wa.Circle}get typeIcon(){return this.type===Wa.Icon}};so([c()],hi.prototype,"label",void 0);so([c({type:Boolean})],hi.prototype,"divider",void 0);so([c({type:Boolean})],hi.prototype,"disabled",void 0);so([c()],hi.prototype,"supportingText",void 0);so([c({type:Boolean})],hi.prototype,"selected",void 0);so([c({type:Boolean})],hi.prototype,"indeterminate",void 0);so([c({type:Boolean})],hi.prototype,"controlled",void 0);so([c({type:fe,defaultValue:fe.SingleSelect})],hi.prototype,"mode",void 0);so([c({type:js,defaultValue:js.Standard})],hi.prototype,"size",void 0);so([c({type:Wa,defaultValue:Wa.None})],hi.prototype,"type",void 0);so([c({type:String,defaultValue:""})],hi.prototype,"_icon",void 0);so([c({type:String})],hi.prototype,"_tabIndex",void 0);hi=so([y({renderer:k})],hi);const rl=hi,JP="decline",y2="M86 109l22-23q5-5 12-5 6 0 11 5l124 125L380 86q5-5 11-5 7 0 12 5l22 23q12 11 0 23L301 256l124 125q11 11 0 22l-22 23q-8 5-12 5-3 0-11-5L255 301 131 426q-5 5-11 5-4 0-12-5l-22-23q-11-11 0-22l124-125L86 132q-12-12 0-23z",eN=!1,tN=m5,iN="SAP-icons-v4",oN="@ui5/webcomponents-icons";D(JP,{pathData:y2,ltr:eN,accData:tN,collection:iN,packageName:oN});const aN="decline",w2="M292 256l117 116q7 7 7 18 0 12-7.5 19t-18.5 7q-10 0-18-8L256 292 140 408q-8 8-18 8-11 0-18.5-7.5T96 390q0-10 8-18l116-116-116-116q-8-8-8-18 0-11 7.5-18.5T122 96t18 7l116 117 116-117q7-7 18-7t18.5 7.5T416 122t-7 18z",rN=!1,nN=m5,sN="SAP-icons-v5",lN="@ui5/webcomponents-icons";D(aN,{pathData:w2,ltr:rN,accData:nN,collection:sN,packageName:lN});oe();const dN="search",k2="M470 426q10 9 10 22.5T470 471q-9 9-22 9t-23-9L308 353q-45 31-100 31-36 0-68-13.5T84 333t-38-56-14-69q0-36 14-68t38-56 56-38 68-14 68 14 56 38 38 56 14 68q0 28-8.5 53T353 308zm-262-74q30 0 56-11t45.5-30.5 31-46T352 208t-11.5-56-31-45.5-45.5-31T208 64t-56.5 11.5-46 31T75 152t-11 56 11 56.5 30.5 46 46 30.5 56.5 11z",cN=!0,uN=w5,hN="SAP-icons-v4",pN="@ui5/webcomponents-icons";D(dN,{pathData:k2,ltr:cN,accData:uN,collection:hN,packageName:pN});const _N="search",S2="M473 436q7 7 7 18t-7.5 18.5T454 480q-10 0-18-8l-95-95q-51 39-117 39-40 0-75-15t-61-41-41-61-15-75 15-75 41-61 61-41 75-15 75 15 61 41 41 61 15 75q0 64-39 117zM83 224q0 30 11 55.5t30 44.5 44.5 30 55.5 11 55.5-11 44.5-30 30-44.5 11-55.5-11-55.5-30-44.5-44.5-30T224 83t-55.5 11-44.5 30-30 44.5T83 224z",vN=!0,gN=w5,mN="SAP-icons-v5",fN="@ui5/webcomponents-icons";D(_N,{pathData:S2,ltr:vN,accData:gN,collection:mN,packageName:fN});oe();const bN="microphone",$2="M160 256V96q0-42 27-69t69-27q41 0 69 27 27 28 27 69v160q0 42-27 69t-69 27q-41 0-68-28-28-27-28-68zm-80-64h48v64q0 30 10 49 10 25 28 41 17 18 41 28t49 10q27 0 50-10t40.5-27.5 27.5-41 10-49.5v-64h48q16 0 16 16t-16 16h-16v32q0 60-35.5 101.5T288 413v67h112q16 0 16 16t-16 16H112q-16 0-16-16t16-16h112v-67q-27-7-50.5-21.5t-41-35-27-46T96 256v-32H80q-16 0-16-16t16-16zm112-96v160q0 26 19 45t45 19q27 0 45.5-18.5T320 256V96q0-27-18-46-19-18-46-18-26 0-45 19t-19 45z",xN=!1,yN="SAP-icons-v4",wN="@ui5/webcomponents-icons";D(bN,{pathData:$2,ltr:xN,collection:yN,packageName:wN});const kN="microphone",T2="M256 320q-33 0-56.5-23.5T176 240V80q0-33 23.5-56.5T256 0t56.5 23.5T336 80v160q0 33-23.5 56.5T256 320zm-29-80q0 12 8.5 20.5T256 269t20.5-8.5T285 240V80q0-12-8.5-20.5T256 51t-20.5 8.5T227 80v160zm195-48q11 0 18.5 7.5T448 218q0 36-12.5 69t-35 60-53 44.5T282 414v72q0 11-7.5 18.5T256 512t-18.5-7.5T230 486v-72q-35-5-65.5-23t-53-44.5-35-59.5T64 218q0-11 7.5-18.5T90 192t18 7.5 7 18.5q0 28 11 55t30.5 47 45 32.5T256 365t54.5-12.5 45-32.5 30.5-47 11-55q0-11 7-18.5t18-7.5z",SN=!1,$N="SAP-icons-v5",TN="@ui5/webcomponents-icons";D(kN,{pathData:T2,ltr:SN,collection:$N,packageName:TN});oe();const CN=(i,e=300)=>{let t=null;const o=(...a)=>{t&&clearTimeout(t),t=setTimeout(()=>{t=null,i(...a)},e)};return o.cancel=()=>{t&&(clearTimeout(t),t=null)},o},IN=(i,e,t,o)=>new Promise((a,n)=>{let s=0;const l=()=>{s++;const h=i();h!==void 0?a(h):s<t?setTimeout(l,e):n(new Error(o))};l()});function BN(i,e,t){return d`<div class="udex-search__root ${r(this.searchClasses)}">${this.isShowSearchHomePrefix?EN.call(this,i,e,t):void 0}<form role="search" class="udex-search__container ${r(this.focusClasses)}${r(this.isNotEmptyClass)}">${this.labelAnimationDisabled?AN.call(this,i,e,t):DN.call(this,i,e,t)}${this.open?NN.call(this,i,e,t):void 0}<div class="udex-search__icons">${this.isShowHomeResetButton?RN.call(this,i,e,t):void 0}${this.isShowResetButton?LN.call(this,i,e,t):void 0}${this.isVoiceButton?jN.call(this,i,e,t):void 0}${this.showNonInteractiveButton?MN.call(this,i,e,t):void 0}${this.showSubmitHomeButton?ON.call(this,i,e,t):void 0}${this.showSubmitStandardButton?zN.call(this,i,e,t):void 0}</div></form></div>`}function EN(i,e,t){return t?d`<div class="udex-search__prefix ${r(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${r(this._prefixDropdownExpanded)}" aria-label="${r(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${r(this.labelPrefix)}</span><${u("ui5-icon",e,t)} class="udex-search__prefix-icon" name="slim-arrow-down"></${u("ui5-icon",e,t)}></button><${u("ui5-popover",e,t)} id="udex-search-prefix" class="${r(this.prefixPopoverClasses)}" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${H(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></${u("ui5-popover",e,t)}></div>`:d`<div class="udex-search__prefix ${r(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${r(this._prefixDropdownExpanded)}" aria-label="${r(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${r(this.labelPrefix)}</span><ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down"></ui5-icon></button><ui5-popover id="udex-search-prefix" class="${r(this.prefixPopoverClasses)}" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${H(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></ui5-popover></div>`}function AN(i,e,t){return d`<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-haspopup="${r(this.getAriaHasPopup)}" aria-label="${r(this.accInfo.ariaLabel)}" aria-describedby="search-description" placeholder="${r(this.effectivePlaceholder)}" .value="${r(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`}function DN(i,e,t){return d`${this.label?PN.call(this,i,e,t):void 0}<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-label="${r(this.accInfo.ariaLabel)}" aria-describedby="search-description" aria-haspopup="${r(this.getAriaHasPopup)}" .value="${r(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`}function PN(i,e,t){return d`<label for="search-input" class="${r(this.labelClasses)}">${r(this.label)}</label>`}function NN(i,e,t){return d`<span aria-live="polite" aria-atomic="true" id="search-description" class="hidden" aria-hidden="true">${r(this.suggestionsDescription)}</span>`}function RN(i,e,t){return t?d`<${u("ui5-button",e,t)} id="reset-button" class="udex-search__button udex-search__reset-button" design="Default" tooltip="${r(this.tooltipInfo.tooltipResetButton)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"><${u("ui5-icon",e,t)} class="udex-search__button-icon" accessible-name="${r(this.accInfo.accessibleNameResetIcon)}" accessible-role="presentation" name="decline"></${u("ui5-icon",e,t)}></${u("ui5-button",e,t)}>`:d`<ui5-button id="reset-button" class="udex-search__button udex-search__reset-button" design="Default" tooltip="${r(this.tooltipInfo.tooltipResetButton)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"><ui5-icon class="udex-search__button-icon" accessible-name="${r(this.accInfo.accessibleNameResetIcon)}" accessible-role="presentation" name="decline"></ui5-icon></ui5-button>`}function LN(i,e,t){return t?d`<${u("udex-control-button",e,t)} id="reset-button" class="udex-search__reset-button" design="Default" tooltip="${r(this.tooltipInfo.tooltipResetButton)}" icon="decline" size="Large" accessible-name="${r(this.accInfo.accessibleNameResetIcon)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></${u("udex-control-button",e,t)}>`:d`<udex-control-button id="reset-button" class="udex-search__reset-button" design="Default" tooltip="${r(this.tooltipInfo.tooltipResetButton)}" icon="decline" size="Large" accessible-name="${r(this.accInfo.accessibleNameResetIcon)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></udex-control-button>`}function jN(i,e,t){return t?d`<${u("ui5-button",e,t)} id="voice-button" class="udex-search__button udex-search__voice-button ${r(this.voiceActiveClass)}" design="Default" icon="microphone" tooltip="${r(this.tooltipInfo.tooltipVoiceButton)}" @click="${this.onVoice}"></${u("ui5-button",e,t)}>`:d`<ui5-button id="voice-button" class="udex-search__button udex-search__voice-button ${r(this.voiceActiveClass)}" design="Default" icon="microphone" tooltip="${r(this.tooltipInfo.tooltipVoiceButton)}" @click="${this.onVoice}"></ui5-button>`}function MN(i,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-search__icon" aria-hidden="true" accessible-name="${r(this.accInfo.accessibleNameSearchIcon)}" show-tooltip name="search"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-search__icon" aria-hidden="true" accessible-name="${r(this.accInfo.accessibleNameSearchIcon)}" show-tooltip name="search"></ui5-icon>`}function ON(i,e,t){return t?d`<${u("ui5-button",e,t)} id="submit-button" class="udex-search__button udex-search__submit-button ${r(this.searchButtonActiveClass)}" design="Default" icon="search" tooltip="${r(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></${u("ui5-button",e,t)}>`:d`<ui5-button id="submit-button" class="udex-search__button udex-search__submit-button ${r(this.searchButtonActiveClass)}" design="Default" icon="search" tooltip="${r(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></ui5-button>`}function zN(i,e,t){return t?d`<${u("udex-control-button",e,t)} id="submit-button" class="udex-search__submit-button" size="Large" design="Default" icon="search" tooltip="${r(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></${u("udex-control-button",e,t)}>`:d`<udex-control-button id="submit-button" class="udex-search__submit-button" size="Large" design="Default" icon="search" tooltip="${r(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></udex-control-button>`}function FN(i,e,t){return t?d`<${u("ui5-popover",e,t)} class="udex-search-suggestions__root ${r(this.homeSearchPopoverClass)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Right" style="${H(this.popoverStyles)}" id="${r(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${r(this.suggestionsAccessibleName)}">${this.showNoResultMessage?Ym.call(this,i,e,t):Km.call(this,i,e,t)}</${u("ui5-popover",e,t)}>`:d`<ui5-popover class="udex-search-suggestions__root ${r(this.homeSearchPopoverClass)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Right" style="${H(this.popoverStyles)}" id="${r(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${r(this.suggestionsAccessibleName)}">${this.showNoResultMessage?Ym.call(this,i,e,t):Km.call(this,i,e,t)}</ui5-popover>`}function Ym(i,e,t){return d`<span class="udex-search-suggestions__message">${r(this.noResultMessage)}</span>`}function Km(i,e,t){return d`<div role="tree">${this.isShowSuggestedList?XN.call(this,i,e,t):void 0}${this.isShowRecommendedList?VN.call(this,i,e,t):void 0}</div>`}function XN(i,e,t){return d`<div class="udex-search-suggestions__block" role="treeitem">${this.suggestedHeading?HN.call(this,i,e,t):void 0}<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="suggested-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${T(this.suggestedList,(o,a)=>o._id||a,(o,a)=>qN.call(this,i,e,t,o,a))}</div></div>`}function HN(i,e,t){return d`<span class="udex-search-suggestions__heading" id="suggested-heading">${r(this.suggestedHeading)}</span>`}function qN(i,e,t,o,a){return t?d`<${u("ui5-button",e,t)} id="${r(o.id)}" icon="${r(o.icon)}" type="Button" design="Default" accessible-name="${r(o.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${r(o.title)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</${u("ui5-button",e,t)}>`:d`<ui5-button id="${r(o.id)}" icon="${r(o.icon)}" type="Button" design="Default" accessible-name="${r(o.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${r(o.title)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</ui5-button>`}function VN(i,e,t){return d`<div class="udex-search-suggestions__block" role="treeitem">${this.recommendedHeading?UN.call(this,i,e,t):void 0}<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="recommended-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${T(this.recommendedList,(o,a)=>o._id||a,(o,a)=>WN.call(this,i,e,t,o,a))}</div></div>`}function UN(i,e,t){return d`<span class="udex-search-suggestions__heading" id="recommended-heading">${r(this.recommendedHeading)}</span>`}function WN(i,e,t,o,a){return d`${o.hasCustomIcon?GN.call(this,i,e,t,o,a):YN.call(this,i,e,t,o,a)}`}function GN(i,e,t,o,a){return t?d`<${u("ui5-button",e,t)} id="${r(o.id)}" icon="${r(o.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${r(o.title)}" accessible-name="${r(o.suggestionDescription)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</${u("ui5-button",e,t)}>`:d`<ui5-button id="${r(o.id)}" icon="${r(o.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${r(o.title)}" accessible-name="${r(o.suggestionDescription)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</ui5-button>`}function YN(i,e,t,o,a){return t?d`<${u("ui5-button",e,t)} id="${r(o.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${r(o.suggestionDescription)}" title="${r(o.title)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</${u("ui5-button",e,t)}>`:d`<ui5-button id="${r(o.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${r(o.suggestionDescription)}" title="${r(o.title)}" tabindex="-1" role="option" @click="${o.handleSelectItem}">${je(o.text)}</ui5-button>`}v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const KN={packageName:"@sapudex/web-components",fileName:"themes/Search.css.ts",content:`:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;inset-block-start:9px;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:23px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden;bottom:-2px}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-23px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[ui5-button].udex-search__button::part(button):focus-visible:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button.udex-search__voice-button:hover{background-color:#0000001a;border:none;box-shadow:none}[ui5-button].udex-search__button.udex-search__voice-button.udex-search__voice-button--active,[ui5-button][active].udex-search__button.udex-search__voice-button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[ui5-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}
|
|
104
104
|
`};v("@ui5/webcomponents-theming","sap_horizon",async()=>w);v("@sapudex/web-components","sap_horizon",async()=>N);const ZN={packageName:"@sapudex/web-components",fileName:"themes/SearchSuggestions.css.ts",content:`:host{--udex-popover-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-popover-top-box-shadow: 0px -2px 8px 0px rgba(34,54,73,.3);--udex-popover-background-color: var(--udexColorNeutralWhite, #fff);--udex-popover-border-color: var(--udexColorGrey6, #5B738B);--udex-popover-border-radius: var(--sapPopover_BorderCornerRadius, var(--udexRadiusM));--udex-popover-border-color-divider: var(--udexColorGrey7, #475E75);--udex-block-padding-vertical: var(--udexSpacer24, 24px);--udex-heading-padding-horizontal: var(--udexSpacer12, 12px);--udex-heading-margin-vertical: var(--udexSpacer8, 8px);--udex-heading-font-family: var(--sapFontFamily, sans-serif);--udex-heading-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-heading-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-heading-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-padding-horizontal: var(--udexSpacer12, 12px);--udex-button-padding-vertical: var(--udexSpacer12, 12px);--udex-button-font-family: var(--sapFontFamily, sans-serif);--udex-button-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-button-line-height: var(--udexTypographyBodyLineHeight, 24px);--udex-button-border-color: var(--udexColorBlue10, #002A86);--udex-button-icon-color: var(--sapButton_IconColor, #475E75);--udex-button-highlighted-font-family: var(--sapFontFamily, sans-serif);--udex-button-highlighted-font-size: var(--udexTypographyNavigationBoldXLFontSize, 16px);--udex-button-highlighted-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-button-highlighted-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}.udex-search-suggestions__root{background-color:var(--udex-popover-background-color);border:1px solid var(--udex-popover-border-color);border-radius:var(--udex-popover-border-radius);box-shadow:var(--udex-popover-box-shadow);clip-path:inset(0px -10px -10px -10px)}.udex-search-suggestions__root--home{border-top-left-radius:0;border-top-right-radius:0;border-top:0;margin-top:1px}.udex-search-suggestions__root-top--home{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;box-shadow:none;margin-bottom:1px;margin-top:-1px}.udex-search-suggestions__root-top--home .udex-search-suggestions__block:last-child{margin-bottom:-5px}.udex-search-suggestions__root-top--home .udex-search-suggestions__block:first-child{margin-top:0}.udex-search-suggestions__root--home .udex-search-suggestions__block:first-child{margin-top:-5px}.udex-search-suggestions__root::part(content){padding:0}.udex-search-suggestions__block{padding-block-start:var(--udex-block-padding-vertical);border-block-end:1px solid var(--udex-popover-border-color-divider);font-family:var(--sapFontFamily, sans-serif)}.udex-search-suggestions__block:last-child{border-block-end:0}.udex-search-suggestions__heading,.udex-search-suggestions__message{margin-block-end:var(--udex-heading-margin-vertical);padding-inline:var(--udex-heading-padding-horizontal) var(--udex-heading-padding-horizontal);display:block;font-family:var(--udex-heading-font-family);font-size:var(--udex-heading-font-size);line-height:var(--udex-heading-line-height);font-weight:var(--udex-heading-font-weight);color:#475e75;text-transform:uppercase}.udex-search-suggestions__message{margin-block:var(--udex-heading-margin-vertical);text-align:center}.udex-search-suggestions__list{margin:0;padding:0;list-style:none}.udex-search-suggestions__list:focus{outline:2px solid var(--udex-button-border-color);outline-offset:-2px;border-radius:var(--udexRadiusXS)}[ui5-button].udex-search-suggestions__item-button{background-color:transparent;border:0;border-radius:0;width:100%;color:#223548;font-family:var(--udex-button-font-family);font-size:var(--udex-button-font-size);line-height:var(--udex-button-line-height);font-weight:var(--udex-button-font-weight);height:auto;cursor:pointer}[ui5-button].udex-search-suggestions__item-button:hover{box-shadow:none;background-color:#f5f6f7}[ui5-button].udex-search-suggestions__item-button:active,[ui5-button].udex-search-suggestions__item-button--active{background-color:#eaecee}[ui5-button].udex-search-suggestions__item-button::part(button){padding-inline:var(--udex-button-padding-vertical) var(--udex-button-padding-vertical);padding-block:var(--udex-button-padding-horizontal) var(--udex-button-padding-horizontal);justify-content:normal}.udex-search-suggestions__item-button::part(icon){color:var(--udex-button-icon-color);margin-inline-end:6px;width:18px;height:18px}.udex-search-suggestions__item-button b{font-family:var(--udex-button-highlighted-font-family);font-size:var(--udex-button-highlighted-font-size);font-weight:var(--udex-button-highlighted-font-weight);line-height:var(--udex-button-highlighted-line-height)}
|
|
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.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)}
|
|
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
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;/*!
|
|
@@ -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-5_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-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)}
|
|
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-5_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-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)}
|
|
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)}}
|