@sapudex/web-components 0.172.0 → 0.173.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/AvatarGroup.js +0 -6
  2. package/dist/AvatarGroup.js.map +1 -1
  3. package/dist/Badge.js.map +1 -1
  4. package/dist/assets/{bundle.esm-981c5cbb.js → bundle.esm-c4ffd46a.js} +6 -6
  5. package/dist/css/themes/Button.css +1 -1
  6. package/dist/css/themes/RatingIndicator.css +1 -1
  7. package/dist/css/themes/ReviewItem.css +1 -1
  8. package/dist/css/themes/Slider.css +1 -1
  9. package/dist/generated/templates/RatingBarTemplate.lit.js +1 -1
  10. package/dist/generated/templates/RatingBarTemplate.lit.js.map +1 -1
  11. package/dist/generated/templates/ReviewItemTemplate.lit.js +1 -1
  12. package/dist/generated/templates/ReviewItemTemplate.lit.js.map +1 -1
  13. package/dist/generated/themes/Button.css.js +1 -1
  14. package/dist/generated/themes/Button.css.js.map +1 -1
  15. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  16. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  17. package/dist/generated/themes/ReviewItem.css.js +1 -1
  18. package/dist/generated/themes/ReviewItem.css.js.map +1 -1
  19. package/dist/generated/themes/Slider.css.js +1 -1
  20. package/dist/generated/themes/Slider.css.js.map +1 -1
  21. package/dist/web-types.json +1 -1
  22. package/package.json +1 -1
  23. package/src/AvatarGroup.ts +0 -7
  24. package/src/Badge.ts +1 -1
  25. package/src/RatingBar.hbs +1 -1
  26. package/src/ReviewItem.hbs +1 -1
  27. package/src/generated/templates/RatingBarTemplate.lit.ts +1 -1
  28. package/src/generated/templates/ReviewItemTemplate.lit.ts +1 -1
  29. package/src/generated/themes/Button.css.ts +1 -1
  30. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  31. package/src/generated/themes/ReviewItem.css.ts +1 -1
  32. package/src/generated/themes/Slider.css.ts +1 -1
  33. package/src/themes/Button.css +13 -0
  34. package/src/themes/ReviewItem.css +0 -2
@@ -47,7 +47,7 @@ To prevent other runtimes from defining tags that you use, consider using scopin
47
47
  `};var ze=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Gs;let Ag=!1,Hs=null,Ie=Gs=class extends A{constructor(){super(),this._deactivate=()=>{Hs&&Hs._setActiveState(!1)},Ag||(document.addEventListener("mouseup",this._deactivate),Ag=!0);const e=t=>{Oi(t,"button"),!this.nonInteractive&&this._setActiveState(!0)};this._ontouchstart={handleEvent:e,passive:!0}}onEnterDOM(){this._isTouch=(Ze()||gu())&&!Px()}async onBeforeRendering(){const e=Je("FormSupport");this.type!==Wa.Button&&!e&&console.warn('In order for the "type" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";'),this.submits&&!e&&console.warn('In order for the "submits" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";'),this.iconOnly=this.isIconOnly,this.hasIcon=!!this.icon,this.buttonTitle=this.tooltip||await this.getDefaultTooltip()}_onclick(e){var i;if(this.nonInteractive)return;Oi(e,"button");const t=Je("FormSupport");t&&this._isSubmit&&t.triggerFormSubmit(this),t&&this._isReset&&t.triggerFormReset(this),xi()&&((i=this.getDomRef())==null||i.focus())}_onmousedown(e){this.nonInteractive||this._isTouch||(Oi(e,"button"),this._setActiveState(!0),Hs=this)}_ontouchend(e){this.disabled&&(e.preventDefault(),e.stopPropagation()),this.active&&this._setActiveState(!1),Hs&&Hs._setActiveState(!1)}_onmouseup(e){Oi(e,"button")}_onkeydown(e){this._cancelAction=S1(e)||Xe(e),Oi(e,"button"),M(e)||Y(e)?this._setActiveState(!0):this._cancelAction&&this._setActiveState(!1)}_onkeyup(e){this._cancelAction&&e.preventDefault(),(M(e)||Y(e))&&this.active&&this._setActiveState(!1)}_onfocusout(){this.nonInteractive||(this.active&&this._setActiveState(!1),_e()&&(this.focused=!1))}_onfocusin(e){this.nonInteractive||(Oi(e,"button"),_e()&&(this.focused=!0))}_setActiveState(e){this.fireEvent("_active-state-change",null,!0)&&(this.active=e)}get _hasPopup(){var e;return(e=this.accessibilityAttributes.hasPopup)==null?void 0:e.toLowerCase()}get hasButtonType(){return this.design!==es.Default&&this.design!==es.Transparent}get iconRole(){return this.icon?"presentation":""}get isIconOnly(){return!O1(this.text)}static typeTextMappings(){return{Positive:nC,Negative:sC,Emphasized:lC}}getDefaultTooltip(){if(np())return _$(this.icon)}get buttonTypeText(){return Gs.i18nBundle.getText(Gs.typeTextMappings()[this.design])}get buttonAccessibleRole(){return this.accessibleRole.toLowerCase()}get tabIndexValue(){if(this.disabled)return;const e=this.getAttribute("tabindex");return e||(this.nonInteractive?"-1":this.forcedTabIndex)}get showIconTooltip(){return np()&&this.iconOnly&&!this.tooltip}get ariaLabelText(){return tr(this)}get ariaDescribedbyText(){return this.hasButtonType?"ui5-button-hiddenText-type":void 0}get _isSubmit(){return this.type===Wa.Submit||this.submits}get _isReset(){return this.type===Wa.Reset}static async onDefine(){Gs.i18nBundle=await L("@ui5/webcomponents")}};ze([c({type:es,defaultValue:es.Default})],Ie.prototype,"design",void 0);ze([c({type:Boolean})],Ie.prototype,"disabled",void 0);ze([c()],Ie.prototype,"icon",void 0);ze([c({type:Boolean})],Ie.prototype,"iconEnd",void 0);ze([c({type:Boolean})],Ie.prototype,"submits",void 0);ze([c()],Ie.prototype,"tooltip",void 0);ze([c({defaultValue:void 0})],Ie.prototype,"accessibleName",void 0);ze([c({defaultValue:""})],Ie.prototype,"accessibleNameRef",void 0);ze([c({type:Object})],Ie.prototype,"accessibilityAttributes",void 0);ze([c({type:Wa,defaultValue:Wa.Button})],Ie.prototype,"type",void 0);ze([c({type:Bc,defaultValue:Bc.Button})],Ie.prototype,"accessibleRole",void 0);ze([c({type:Boolean})],Ie.prototype,"active",void 0);ze([c({type:Boolean})],Ie.prototype,"iconOnly",void 0);ze([c({type:Boolean})],Ie.prototype,"focused",void 0);ze([c({type:Boolean})],Ie.prototype,"hasIcon",void 0);ze([c({type:Boolean})],Ie.prototype,"nonInteractive",void 0);ze([c({noAttribute:!0})],Ie.prototype,"buttonTitle",void 0);ze([c({type:Object})],Ie.prototype,"_iconSettings",void 0);ze([c({defaultValue:"0",noAttribute:!0})],Ie.prototype,"forcedTabIndex",void 0);ze([c({type:Boolean})],Ie.prototype,"_isTouch",void 0);ze([c({type:Boolean,noAttribute:!0})],Ie.prototype,"_cancelAction",void 0);ze([I({type:Node,default:!0})],Ie.prototype,"text",void 0);Ie=Gs=ze([x({tag:"ui5-button",languageAware:!0,renderer:w,template:HT,styles:p4,dependencies:[oe]}),f("click"),f("_active-state-change")],Ie);Ie.define();const Wt=Ie,P={packageName:"@sapudex/web-components",fileName:"themes/sap_horizon/parameters-bundle.css.ts",content:""};g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const _4={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-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)}.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][focused]),:host([active][pressed]),:host([design="Default"][active]),:host([design="Default"][pressed][active]):not([non-interactive]):not([_is-touch]),:host([design="Default"][active][focused]){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][focused]),: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}
48
48
  `};var av=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Ac;(function(o){o.Small="Small",o.Medium="Medium",o.Large="Large"})(Ac||(Ac={}));let ts=class extends Wt{};av([c({type:Ac,defaultValue:Ac.Medium})],ts.prototype,"size",void 0);av([c({type:Boolean})],ts.prototype,"readonly",void 0);ts=av([x({tag:"udex-control-button",renderer:w,styles:[Wt.styles,_4]})],ts);ts.define();const ku=ts;var up;(function(o){o.Standard="Standard",o.Warning="Warning",o.Error="Error",o.Success="Success"})(up||(up={}));const nt=up,v4="accept",F1="M455.8 94q9 9 3 19l-222 326q-4 8-12 9t-14-5l-151-167q-5-5-4.5-11t5.5-11l25-25q12-12 23 0l96 96q5 5 13 4.5t12-8.5l175-249q4-7 11.5-8t13.5 4z",g4=!0,m4="SAP-icons-v4",b4="@ui5/webcomponents-icons";D(v4,{pathData:F1,ltr:g4,collection:m4,packageName:b4});const f4="accept",H1="M187 416q-12 0-20-9L71 299q-7-7-7-17 0-11 7.5-18.5T90 256q12 0 19 9l77 87 217-247q8-9 19-9t18.5 7.5T448 122q0 10-6 16L206 407q-7 9-19 9z",x4=!0,y4="SAP-icons-v5",w4="@ui5/webcomponents-icons";D(f4,{pathData:H1,ltr:x4,collection:y4,packageName:w4});te();const U1={key:"ICON_ADD",defaultText:"Add"},q1={key:"ICON_BACK_TO_TOP",defaultText:"Back to Top"},V1={key:"ICON_DECLINE",defaultText:"Decline"},W1={key:"ICON_ERROR",defaultText:"Error"},G1={key:"ICON_NAV_BACK",defaultText:"Navigate Back"},Y1={key:"ICON_OVERFLOW",defaultText:"More"},K1={key:"ICON_SEARCH",defaultText:"Search"},k4="error",Z1="M512 256q0 53-20.5 100t-55 81.5-81 54.5-99.5 20-100-20.5-81.5-55T20 355 0 256q0-54 20-100.5t55-81T156.5 20 256 0t99.5 20T437 75t55 81.5 20 99.5zM399 364q6-6 0-12l-86-86q-6-6 0-12l81-81q6-6 0-12l-37-37q-2-2-6-2t-6 2l-83 82q-1 3-6 3-3 0-6-3l-84-83q-1-2-6-2-4 0-6 2l-37 37q-6 6 0 12l83 82q6 6 0 12l-83 82q-2 2-2.5 6t2.5 6l36 37q4 2 6 2 4 0 6-2l85-84q2-2 6-2t6 2l88 88q4 2 6 2t6-2z",$4=!1,S4=W1,T4="SAP-icons-v4",C4="@ui5/webcomponents-icons";D(k4,{pathData:Z1,ltr:$4,accData:S4,collection:T4,packageName:C4});const I4="error",Q1="M256 0q53 0 99.5 20T437 75t55 81.5 20 99.5-20 99.5-55 81.5-81.5 55-99.5 20-99.5-20T75 437t-55-81.5T0 256t20-99.5T75 75t81.5-55T256 0zm45 256l74-73q9-11 9-23 0-13-9.5-22.5T352 128q-12 0-23 9l-73 74-73-74q-10-9-23-9t-22.5 9.5T128 160q0 12 9 23l74 73-74 73q-9 10-9 23t9.5 22.5T160 384t23-9l73-74 73 74q11 9 23 9 13 0 22.5-9.5T384 352t-9-23z",B4=!1,A4=W1,D4="SAP-icons-v5",E4="@ui5/webcomponents-icons";D(I4,{pathData:Q1,ltr:B4,accData:A4,collection:D4,packageName:E4});te();const P4="alert",J1="M501 374q5 10 7.5 19.5T512 412v5q0 31-23 47t-50 16H74q-13 0-26-4t-23.5-12-17-20T0 417q0-13 4-22.5t9-20.5L198 38q21-38 61-38 38 0 59 38zM257 127q-13 0-23.5 8T223 161q1 7 2 12 3 25 4.5 48t3.5 61q0 11 7.5 16t16.5 5q22 0 23-21l2-36 9-85q0-18-10.5-26t-23.5-8zm0 299q20 0 31.5-12t11.5-32q0-19-11.5-31T257 339t-31.5 12-11.5 31q0 20 11.5 32t31.5 12z",N4=!1,R4="SAP-icons-v4",j4="@ui5/webcomponents-icons";D(P4,{pathData:J1,ltr:N4,collection:R4,packageName:j4});const z4="alert",ey="M505 399q7 13 7 27 0 21-15.5 37.5T456 480H56q-25 0-40.5-16.5T0 426q0-14 7-27L208 59q17-27 48-27 14 0 27 6.5T304 59zM288 176q0-14-9-23t-23-9-23 9-9 23v96q0 14 9 23t23 9 23-9 9-23v-96zm-32 240q14 0 23-9t9-23-9-23-23-9-23 9-9 23 9 23 23 9z",L4=!1,O4="SAP-icons-v5",M4="@ui5/webcomponents-icons";D(z4,{pathData:ey,ltr:L4,collection:O4,packageName:M4});te();function X4(o,e,t){return d`<div class="udex-status-message udex-status-message__supporting-text">${this.iconFieldName?F4.call(this,o,e,t):void 0}${n(this.supportingText)}</div>`}function F4(o,e,t){return t?d`<${u("ui5-icon",e,t)} name="${n(this.iconFieldName)}" class="udex-status-message__icon"></${u("ui5-icon",e,t)}>`:d`<ui5-icon name="${n(this.iconFieldName)}" class="udex-status-message__icon"></ui5-icon>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const H4={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}
49
49
  `};var pd=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},hp;(function(o){o.Success="accept",o.Error="error",o.Warning="alert"})(hp||(hp={}));let ia=class extends A{get iconFieldName(){return this.valueState!==nt.Standard?hp[this.valueState]:""}};pd([c({type:String})],ia.prototype,"supportingText",void 0);pd([c({type:String,defaultValue:"left"})],ia.prototype,"supportingTextAlignment",void 0);pd([c({type:String})],ia.prototype,"disabled",void 0);pd([c({type:nt,defaultValue:"Standard"})],ia.prototype,"valueState",void 0);ia=pd([x({tag:"udex-status-message",renderer:w,styles:H4,template:X4,dependencies:[oe]})],ia);ia.define();const fn=ia;function U4(o,e,t){return d`<div class="udex-text-field__container">${this.label?q4.call(this,o,e,t):void 0}<div class="udex-text-field__wrap"><input id="${n(this._id)}-input" class="udex-text-field__input" type="${n(this.type)}" .value="${n(this.value)}" @change="${this.handleChange}" @input="${this.handleInput}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}" maxlength="${n(this.maxlength)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" aria-required="${n(this.required)}" aria-readonly="${n(this.isInputReadonly)}" ?aria-disabled="${this.readonlyNotDisabled}" aria-invalid="${n(this.accInfo.ariaInvalid)}" aria-describedby="${n(this.accInfo.ariaDescribedBy)}" aria-haspopup="${n(this.accInfo.ariaHasPopup)}" aria-label="${n(this.accInfo.ariaLabel)}" aria-labelledby="${n(this.accInfo.ariaLabelledBy)}" part="textfield-input" min="${n(this.min)}" max="${n(this.max)}" step="${n(this.step)}" />${this.icon?W4.call(this,o,e,t):void 0}</div>${this.supportingText?G4.call(this,o,e,t):void 0}${this.supportingText?Y4.call(this,o,e,t):void 0}${this.hasValueState?K4.call(this,o,e,t):void 0}${this.readonly?Z4.call(this,o,e,t):void 0}</div>`}function q4(o,e,t){return d`<label for="${n(this._id)}-input" class="${n(this.labelClasses)}" part="label">${n(this.label)}${this.required?V4.call(this,o,e,t):void 0}</label>`}function V4(o,e,t){return d` * `}function W4(o,e,t){return t?d`<${u("udex-control-button",e,t)} accessible-name="${n(this.accessibleIconName)}" tooltip=${n(this.showButtonTooltip)} ?active="${this.active}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" size="Large" design="${n(this.valueState)}" class="udex-text-field_icon-container" icon="${n(this.icon)}" @click="${this.handleIconClick}"></${u("udex-control-button",e,t)}>`:d`<udex-control-button accessible-name="${n(this.accessibleIconName)}" tooltip=${n(this.showButtonTooltip)} ?active="${this.active}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" size="Large" design="${n(this.valueState)}" class="udex-text-field_icon-container" icon="${n(this.icon)}" @click="${this.handleIconClick}"></udex-control-button>`}function G4(o,e,t){return t?d`<${u("udex-status-message",e,t)} ?disabled="${this.disabled}" supporting-text="${n(this.supportingText)}" value-state="${n(this.valueState)}"></${u("udex-status-message",e,t)}>`:d`<udex-status-message ?disabled="${this.disabled}" supporting-text="${n(this.supportingText)}" value-state="${n(this.valueState)}"></udex-status-message>`}function Y4(o,e,t){return d`<span id="${n(this._id)}-supportingTextDesc" class="hidden-text">${n(this.supportingText)}</span>`}function K4(o,e,t){return d`<span id="${n(this._id)}-valueStateDesc" class="hidden-text">${n(this.valueStateText)}</span>`}function Z4(o,e,t){return d`<span id="${n(this._id)}-stateReadOnlyDesc" class="hidden-text">${n(this.readOnlyStateText)}</span>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const ty={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}:host([active]) .udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}.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{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}:host([active]) [active].udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}:host [active].udex-text-field_icon-container{border-color:var(--udexColorBlue4, #89D1FF);color:var(--udexColorBlue9, #0040B0)}:host([active]) .udex-text-field_icon-container:hover{border-color:var(--udexColorGrey7, #475E75);color:var(--udexColorGrey7, #475E75)}.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}
50
- `};var Se=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},zr;let ge=zr=class extends A{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=()=>{_e()||(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},this.handleKeyDown=e=>{e.stopPropagation(),this.fireEvent("click-trigger",e)}}static async onDefine(){zr.i18nBundle=await L("@udex/web-components")}get valueStateTypeMappings(){return{Success:zr.i18nBundle.getText(ev),Standard:zr.i18nBundle.getText(R1),Error:zr.i18nBundle.getText(J_),Warning:zr.i18nBundle.getText(N1)}}get hasValueState(){return this.valueState!==nt.Standard}get valueStateText(){return this.valueState!==nt.Standard?this.valueStateTypeMappings[this.valueState]:void 0}get readOnlyStateText(){return zr.i18nBundle.getText(tv)}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===nt.Error?"true":void 0,ariaDescribedBy:this.ariaDescribedBy?this.ariaDescribedBy:this.ariaDescribedById||void 0,ariaLabelledBy:this.accessibleNameRef,ariaLabel:this.accessibleName||void 0,ariaHasPopup:this._ariaHasPopup||void 0}}handleIconClick(){this.fireEvent("click-icon")}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"}get readonlyNotDisabled(){return this.isInputReadonly&&!this.disabled}};Se([c({type:Boolean})],ge.prototype,"disabled",void 0);Se([c({type:String})],ge.prototype,"value",void 0);Se([c({validator:q})],ge.prototype,"maxlength",void 0);Se([c({type:String})],ge.prototype,"label",void 0);Se([c()],ge.prototype,"accessibleName",void 0);Se([c({defaultValue:""})],ge.prototype,"accessibleNameRef",void 0);Se([c()],ge.prototype,"accessibleIconName",void 0);Se([c({type:Boolean})],ge.prototype,"readonly",void 0);Se([c({type:Boolean})],ge.prototype,"displayonly",void 0);Se([c({type:Boolean})],ge.prototype,"required",void 0);Se([c({type:nt,defaultValue:nt.Standard})],ge.prototype,"valueState",void 0);Se([c({type:String})],ge.prototype,"supportingText",void 0);Se([c({type:String})],ge.prototype,"icon",void 0);Se([c({type:Boolean})],ge.prototype,"active",void 0);Se([c({type:String,defaultValue:""})],ge.prototype,"showButtonTooltip",void 0);Se([c({type:String,noAttribute:!0,defaultValue:""})],ge.prototype,"labelActiveClass",void 0);Se([c({type:Boolean,noAttribute:!0})],ge.prototype,"isInputReadonly",void 0);Se([c({type:String,noAttribute:!0,defaultValue:""})],ge.prototype,"labelClasses",void 0);Se([c({type:String,defaultValue:"text"})],ge.prototype,"type",void 0);Se([c({type:String,noAttribute:!0})],ge.prototype,"direction",void 0);Se([c({validator:qe})],ge.prototype,"max",void 0);Se([c({validator:qe})],ge.prototype,"min",void 0);Se([c({validator:qe})],ge.prototype,"step",void 0);Se([c()],ge.prototype,"ariaDescribedBy",void 0);Se([c({type:String})],ge.prototype,"_ariaHasPopup",void 0);Se([c({type:Boolean})],ge.prototype,"_isTouched",void 0);ge=zr=Se([x({tag:"udex-text-field",renderer:w,styles:ty,template:U4,dependencies:[ku,oe,fn]}),f("click-trigger"),f("input"),f("change"),f("click-icon")],ge);ge.define();const $u=ge,Dg=async o=>{let e;if(o==="SAP-icons-v5"?e=(await W(()=>import("./SAP-icons-95a98080.js"),[])).default:e=(await W(()=>import("./SAP-icons-e24df2c3.js"),[])).default,typeof e=="string"&&e.endsWith(".json"))throw new Error('[icons] Invalid bundling detected - dynamic JSON imports bundled as URLs. Switch to inlining JSON files from the build or use `import "@ui5/webcomponents-icons/dist/Assets-static.js". Check the "Assets" documentation for more information.');return e},Q4=()=>{rg("SAP-icons-v4",Dg),rg("SAP-icons-v5",Dg)};Q4();g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const J4={packageName:"@sapudex/web-components",fileName:"themes/Button.css.ts",content:`:host{--udex-button-color-transparent: hsla(0, 0%, 0%, 0);--udex-button-padding-small: 5.5px 10px;--udex-button-padding-medium: 9px 10px;--udex-button-padding-large: 12px 14px;--udex-button-icon-only-padding-small: 6px;--udex-button-icon-only-padding-medium: 10px;--udex-button-icon-only-padding-large: 12px;--udex-button-small-size: 26px;--udex-button-medium-size: 36px;--udex-button-large-size: 42px;--udex-button-icon-s-size: 14px;--udex-button-icon-m-size: 16px;--udex-button-icon-l-size: 18px;--udex-button-icon-text-spacing-small-size: 4px;--udex-button-icon-text-spacing-medium-size: 6px;--udex-button-icon-text-spacing-large-size: 8px;--udexTypographyFontWeightMedium: 500;--udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexCorePrimaryAction));--udex-button-color-primary-standard-default-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-hover-background: var(--sapButton_Emphasized_Hover_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-text-and-icon: var(--sapButton_Emphasized_Hover_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-active-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-standard-active-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-active-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-primary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-disabled-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-default-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-default-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-default-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-hover-background: var(--sapButton_Hover_Background, var(--udexColorGrey2));--udex-button-color-secondary-standard-hover-border: var(--sapButton_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-hover-text-and-icon: var(--sapButton_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-background: var(--sapButton_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-active-border: var(--sapButton_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-text-and-icon: var(--sapButton_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-disabled-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-disabled-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-disabled-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-secondary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-disabled-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-default-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-hover-background: var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));--udex-button-color-tertiary-standard-hover-border: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-tertiary-standard-hover-text-and-icon: var(--sapButton_Lite_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorNeutralWhite));--udex-button-color-tertiary-standard-active-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-disabled-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--sapButton_Lite_Disabled_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-tertiary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-background: var(--sapButton_Lite_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-disabled-border: var(--sapButton_Lite_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-invisible-padding-small: 2px 0px;--udex-button-invisible-padding-medium: 4px 0px;--udex-button-invisible-padding-large: 8px 0px;--udex-button-color-invisible-standard-default-background: transparent;--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue8);--udex-button-color-invisible-standard-hover-background: transparent;--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorBlue10);--udex-button-color-invisible-standard-active-background: transparent;--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue11);--udex-button-color-invisible-standard-disabled-background: transparent;--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue8);--udex-button-color-positive-standard-default-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-default-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-default-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-standard-hover-background: var(--sapButton_Accept_Hover_Background, var(--udexCoreSemanticSuccess3));--udex-button-color-positive-standard-hover-border: var(--sapButton_Accept_Hover_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-hover-text-and-icon: var(--sapButton_Accept_Hover_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-background: var(--sapButton_Accept_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-standard-active-border: var(--sapButton_Accept_Active_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-text-and-icon: var(--sapButton_Accept_Active_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-disabled-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-disabled-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-disabled-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-default-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-default-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-default-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-hover-background: var(--sapButton_Accept_Selected_Hover_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-toggled-hover-border: var(--sapButton_Accept_Selected_Hover_BorderColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-hover-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-disabled-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-disabled-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-disabled-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-negative-standard-default-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-default-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-default-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-standard-hover-background: var(--sapButton_Reject_Hover_Background, var(--udexCoreSemanticError3));--udex-button-color-negative-standard-hover-border: var(--sapButton_Reject_Hover_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-hover-text-and-icon: var(--sapButton_Reject_Hover_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-background: var(--sapButton_Reject_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-standard-active-border: var(--sapButton_Reject_Active_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-text-and-icon: var(--sapButton_Reject_Active_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-disabled-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-disabled-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-disabled-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-default-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-default-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-default-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-hover-background: var(--sapButton_Reject_Selected_Hover_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-toggled-hover-border: var(--sapButton_Reject_Selected_Hover_BorderColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexCoreSemanticError8, #AA0808);--udex-button-color-negative-toggled-disabled-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-disabled-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-disabled-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-warning-standard-default-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-default-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-default-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-standard-hover-background: var(--sapButton_Attention_Hover_Background, var(--udexCoreSemanticWarning3));--udex-button-color-warning-standard-hover-border: var(--sapButton_Attention_Hover_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-hover-text-and-icon: var(--sapButton_Attention_Hover_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-background: var(--sapButton_Attention_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-standard-active-border: var(--sapButton_Attention_Active_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-text-and-icon: var(--sapButton_Attention_Active_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-disabled-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-disabled-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-disabled-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-default-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-default-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-default-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-hover-background: var(--sapButton_Attention_Selected_Hover_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-toggled-hover-border: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-hover-text-and-icon: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-disabled-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-disabled-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-disabled-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10))}:host{display:inline-block;font-weight:var(--udexTypographyFontWeightMedium)}:host([size="Small"]){font-size:var(--udexTypographyNavigationMediumMFontSize);height:var(--udex-button-small-size)}:host([size="Small"])::part(button){padding:var(--udex-button-padding-small)}:host([design="Primary"][focused]:not([active]):not([toggled]))::part(button):before{content:"";position:absolute;box-sizing:border-box;inset:.0625rem;border:.125rem solid #fff;border-radius:.375rem;z-index:1}:host,:host([size="Medium"]){font-size:1rem;height:var(--udex-button-medium-size)}:host::part(button),:host([size="Medium"])::part(button){padding:var(--udex-button-padding-medium)}:host([size="Large"]){font-size:1rem;height:var(--udex-button-large-size)}:host([size="Large"])::part(button){padding:var(--udex-button-padding-large)}:host([size="Small"][icon-only]){min-width:var(--udex-button-small-size);max-width:var(--udex-button-small-size);height:var(--udex-button-small-size);min-height:var(--udex-button-small-size)}:host([icon-only]),:host([size="Medium"][icon-only]){min-width:var(--udex-button-medium-size);max-width:var(--udex-button-medium-size);height:var(--udex-button-medium-size);min-height:var(--udex-button-medium-size)}:host([size="Large"][icon-only]){min-width:var(--udex-button-large-size);max-width:var(--udex-button-large-size);height:var(--udex-button-large-size);min-height:var(--udex-button-large-size)}:host([size="Small"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-small)}:host([icon-only])::part(button),:host([size="Medium"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-medium)}:host([size="Large"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-large)}:host([icon-only][icon-end])::part(icon){margin:0}:host([icon-end])::part(icon){margin-inline-start:0}:host([size="Small"])::part(icon){height:var(--udex-button-icon-s-size, 14px);width:var(--udex-button-icon-s-size, 14px)}:host([size="Medium"])::part(icon){height:var(--udex-button-icon-m-size, 16px);width:var(--udex-button-icon-m-size, 16px)}:host([size="Large"])::part(icon){height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px)}:host([has-icon]:not([icon-only])[size="Small"][icon-end]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size="Small"]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size="Medium"][icon-end]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size="Medium"]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size="Large"][icon-end]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-large-size)}:host([has-icon]:not([icon-only])[size="Large"]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-large-size)}:host,:host([design="Emphasized"]),:host([design="Primary"]){color:var(--udex-button-color-primary-standard-default-text-and-icon);background-color:var(--udex-button-color-primary-standard-default-background);border:1px solid var(--udex-button-color-primary-standard-default-background)}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([disabled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Primary"]:not([disabled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-primary-standard-hover-text-and-icon);background-color:var(--udex-button-color-primary-standard-hover-background);border:1px solid var(--udex-button-color-primary-standard-hover-background)}:host([active]:not([disabled])),:host([design="Emphasized"][active]:not([disabled])),:host([design="Primary"][active]:not([disabled])){color:var(--udex-button-color-primary-standard-active-text-and-icon);background-color:var(--udex-button-color-primary-standard-active-background);border:1px solid var(--udex-button-color-primary-standard-active-border)}:host:disabled,:host([design="Emphasized"]):disabled,:host([design="Primary"]):disabled{color:var(--udex-button-color-primary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-primary-standard-disabled-background);border:1px solid var(--udex-button-color-primary-standard-disabled-background);opacity:var(--sapContent_DisabledOpacity, .4)}:host([toggled]),:host([design="Emphasized"][toggled]),:host([design="Primary"][toggled]){color:var(--udex-button-color-primary-toggled-default-text-and-icon);background-color:var(--udex-button-color-primary-toggled-default-background);border:1px solid var(--udex-button-color-primary-toggled-default-border)}:host([toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Primary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-primary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-primary-toggled-hover-background);border:1px solid var(--udex-button-color-primary-toggled-hover-border)}:host([toggled]):disabled,:host([design="Emphasized"][toggled]):disabled,:host([design="Primary"][toggled]):disabled{color:var(--udex-button-color-primary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-primary-toggled-disabled-background);border:1px solid var(--udex-button-color-primary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Default"]),:host([design="Secondary"]){color:var(--udex-button-color-secondary-standard-default-text-and-icon);background-color:var(--udex-button-color-secondary-standard-default-background);border:1px solid var(--udex-button-color-secondary-standard-default-border)}:host([design="Default"]:not([disabled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Secondary"]:not([disabled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-secondary-standard-hover-text-and-icon);background-color:var(--udex-button-color-secondary-standard-hover-background);border:1px solid var(--udex-button-color-secondary-standard-hover-border)}:host([design="Default"][active]:not([disabled])),:host([design="Secondary"][active]:not([disabled])){color:var(--udex-button-color-secondary-standard-active-text-and-icon);background-color:var(--udex-button-color-secondary-standard-active-background);border:1px solid var(--udex-button-color-secondary-standard-active-border)}:host([design="Default"]):disabled,:host([design="Secondary"]):disabled{color:var(--udex-button-color-secondary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-standard-disabled-background);border:1px solid var(--udex-button-color-secondary-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Default"][toggled]),:host([design="Secondary"][toggled]){color:var(--udex-button-color-secondary-toggled-default-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-default-background);border:1px solid var(--udex-button-color-secondary-toggled-default-border)}:host([design="Default"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Secondary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-secondary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-hover-background);border:1px solid var(--sapButton_Selected_Hover_BorderColor)}:host([design="Default"][toggled]):disabled,:host([design="Secondary"][toggled]):disabled{color:var(--udex-button-color-secondary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-disabled-background);border:1px solid var(--udex-button-color-secondary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Transparent"]),:host([design="Tertiary"]){color:var(--udex-button-color-tertiary-standard-default-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-default-background);border:1px solid var(--udex-button-color-tertiary-standard-default-border)}:host([design="Transparent"]:not([disabled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Tertiary"]:not([disabled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-tertiary-standard-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-hover-background);border:1px solid var(--udex-button-color-tertiary-standard-hover-border)}:host([design="Transparent"][active]:not([disabled])),:host([design="Tertiary"][active]:not([disabled])){color:var(--udex-button-color-tertiary-standard-active-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-active-background);border:1px solid var(--udex-button-color-tertiary-standard-active-border)}:host([design="Transparent"]):disabled,:host([design="Tertiary"]):disabled{color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Transparent"][toggled]),:host([design="Tertiary"][toggled]){color:var(--udex-button-color-tertiary-toggled-default-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-default-background);border:1px solid var(--udex-button-color-tertiary-toggled-default-border)}:host([design="Transparent"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Tertiary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-tertiary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-hover-background);border:1px solid var(--udex-button-color-tertiary-toggled-hover-border)}:host([design="Transparent"][toggled]):disabled,:host([design="Tertiary"][toggled]):disabled{color:var(--udex-button-color-tertiary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-disabled-background);border:1px solid var(--udex-button-color-tertiary-toggled-disabled-border)}:host([design="Invisible"]){color:var(--udex-button-color-invisible-standard-default-text-and-icon);background-color:var(--udex-button-color-invisible-standard-default-background);border:none;height:auto}:host([design="Invisible"][size="Small"])::part(button){padding:var(--udex-button-invisible-padding-small)}:host([design="Invisible"][size="Medium"])::part(button){padding:var(--udex-button-invisible-padding-medium)}:host([design="Invisible"][size="Large"])::part(button){padding:var(--udex-button-invisible-padding-large)}:host([design="Invisible"]:not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){color:var(--udex-button-color-invisible-standard-hover-text-and-icon);background-color:var(--udex-button-color-invisible-standard-hover-background);border:none}:host([design="Invisible"][active]:not([disabled])){color:var(--udex-button-color-invisible-standard-active-text-and-icon);background-color:var(--udex-button-color-invisible-standard-active-background);border:none}:host([design="Invisible"]):disabled{color:var(--udex-button-color-invisible-standard-disabled-text-and-icon);background-color:var(--udex-button-color-invisible-standard-disabled-background);border:none;opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Positive]){color:var(--udex-button-color-positive-standard-default-text-and-icon);background-color:var(--udex-button-color-positive-standard-default-background);border:1px solid var(--udex-button-color-positive-standard-default-border)}:host([design="Positive"]:not([disabled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-positive-standard-hover-text-and-icon);background-color:var(--udex-button-color-positive-standard-hover-background);border:1px solid var(--udex-button-color-positive-standard-hover-border)}:host([design=Positive][active]:not([disabled])){color:var(--udex-button-color-positive-standard-active-text-and-icon);background-color:var(--udex-button-color-positive-standard-active-background);border:1px solid var(--udex-button-color-positive-standard-active-border)}:host([design=Positive]):disabled{color:var(--udex-button-color-positive-standard-disabled-text-and-icon);background-color:var(--udex-button-color-positive-standard-disabled-background);border:1px solid var(--udex-button-color-positive-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Positive][toggled]){color:var(--udex-button-color-positive-toggled-default-text-and-icon);background-color:var(--udex-button-color-positive-toggled-default-background);border:1px solid var(--udex-button-color-positive-toggled-default-border)}:host([design=Positive][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-positive-toggled-hover-text-and-icon);background-color:var(--udex-button-color-positive-toggled-hover-background);border:1px solid var(--udex-button-color-positive-toggled-hover-border)}:host([design=Positive][toggled]):disabled{color:var(--udex-button-color-positive-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-positive-toggled-disabled-background);border:1px solid var(--udex-button-color-positive-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Negative]){color:var(--udex-button-color-negative-standard-default-text-and-icon);background-color:var(--udex-button-color-negative-standard-default-background);border:1px solid var(--udex-button-color-negative-standard-default-border)}:host([design="Negative"]:not([disabled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-negative-standard-hover-text-and-icon);background-color:var(--udex-button-color-negative-standard-hover-background);border:1px solid var(--udex-button-color-negative-standard-hover-border)}:host([design=Negative][active]:not([disabled])){color:var(--udex-button-color-negative-standard-active-text-and-icon);background-color:var(--udex-button-color-negative-standard-active-background);border:1px solid var(--udex-button-color-negative-standard-active-border)}:host([design=Negative]):disabled{color:var(--udex-button-color-negative-standard-disabled-text-and-icon);background-color:var(--udex-button-color-negative-standard-disabled-background);border:1px solid var(--udex-button-color-negative-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Negative][toggled]){color:var(--udex-button-color-negative-toggled-default-text-and-icon);background-color:var(--udex-button-color-negative-toggled-default-background);border:1px solid var(--udex-button-color-negative-toggled-default-border)}:host([design=Negative][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-negative-toggled-hover-text-and-icon);background-color:var(--udex-button-color-negative-toggled-hover-background);border:1px solid var(--udex-button-color-negative-toggled-hover-border)}:host([design=Negative][toggled]):disabled{color:var(--udex-button-color-negative-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-negative-toggled-disabled-background);border:1px solid var(--udex-button-color-negative-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Attention]),:host([design="Warning"]){color:var(--udex-button-color-warning-standard-default-text-and-icon);background-color:var(--udex-button-color-warning-standard-default-background);border:1px solid var(--udex-button-color-warning-standard-default-border)}:host([design="Attention"]:not([disabled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Warning"]:not([disabled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-warning-standard-hover-text-and-icon);background-color:var(--udex-button-color-warning-standard-hover-background);border:1px solid var(--udex-button-color-warning-standard-hover-border)}:host([design="Attention"][active]:not([disabled])),:host([design="Warning"][active]:not([disabled])){color:var(--udex-button-color-warning-standard-active-text-and-icon);background-color:var(--udex-button-color-warning-standard-active-background);border:1px solid var(--udex-button-color-warning-standard-active-border)}:host([design="Attention"]):disabled,:host([design="Warning"]):disabled{color:var(--udex-button-color-warning-standard-disabled-text-and-icon);background-color:var(--udex-button-color-warning-standard-disabled-background);border:1px solid var(--udex-button-color-warning-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Attention"][toggled]),:host([design="Warning"][toggled]){color:var(--udex-button-color-warning-toggled-default-text-and-icon);background-color:var(--udex-button-color-warning-toggled-default-background);border:1px solid var(--udex-button-color-warning-toggled-default-border)}:host([design="Attention"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Warning"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-warning-toggled-hover-text-and-icon);background-color:var(--udex-button-color-warning-toggled-hover-background);border:1px solid var(--udex-button-color-warning-toggled-hover-border)}:host([design="Attention"][toggled]):disabled,:host([design="Warning"][toggled]):disabled{color:var(--udex-button-color-warning-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-warning-toggled-disabled-background);border:1px solid var(--udex-button-color-warning-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}
50
+ `};var Se=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},zr;let ge=zr=class extends A{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=()=>{_e()||(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},this.handleKeyDown=e=>{e.stopPropagation(),this.fireEvent("click-trigger",e)}}static async onDefine(){zr.i18nBundle=await L("@udex/web-components")}get valueStateTypeMappings(){return{Success:zr.i18nBundle.getText(ev),Standard:zr.i18nBundle.getText(R1),Error:zr.i18nBundle.getText(J_),Warning:zr.i18nBundle.getText(N1)}}get hasValueState(){return this.valueState!==nt.Standard}get valueStateText(){return this.valueState!==nt.Standard?this.valueStateTypeMappings[this.valueState]:void 0}get readOnlyStateText(){return zr.i18nBundle.getText(tv)}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===nt.Error?"true":void 0,ariaDescribedBy:this.ariaDescribedBy?this.ariaDescribedBy:this.ariaDescribedById||void 0,ariaLabelledBy:this.accessibleNameRef,ariaLabel:this.accessibleName||void 0,ariaHasPopup:this._ariaHasPopup||void 0}}handleIconClick(){this.fireEvent("click-icon")}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"}get readonlyNotDisabled(){return this.isInputReadonly&&!this.disabled}};Se([c({type:Boolean})],ge.prototype,"disabled",void 0);Se([c({type:String})],ge.prototype,"value",void 0);Se([c({validator:q})],ge.prototype,"maxlength",void 0);Se([c({type:String})],ge.prototype,"label",void 0);Se([c()],ge.prototype,"accessibleName",void 0);Se([c({defaultValue:""})],ge.prototype,"accessibleNameRef",void 0);Se([c()],ge.prototype,"accessibleIconName",void 0);Se([c({type:Boolean})],ge.prototype,"readonly",void 0);Se([c({type:Boolean})],ge.prototype,"displayonly",void 0);Se([c({type:Boolean})],ge.prototype,"required",void 0);Se([c({type:nt,defaultValue:nt.Standard})],ge.prototype,"valueState",void 0);Se([c({type:String})],ge.prototype,"supportingText",void 0);Se([c({type:String})],ge.prototype,"icon",void 0);Se([c({type:Boolean})],ge.prototype,"active",void 0);Se([c({type:String,defaultValue:""})],ge.prototype,"showButtonTooltip",void 0);Se([c({type:String,noAttribute:!0,defaultValue:""})],ge.prototype,"labelActiveClass",void 0);Se([c({type:Boolean,noAttribute:!0})],ge.prototype,"isInputReadonly",void 0);Se([c({type:String,noAttribute:!0,defaultValue:""})],ge.prototype,"labelClasses",void 0);Se([c({type:String,defaultValue:"text"})],ge.prototype,"type",void 0);Se([c({type:String,noAttribute:!0})],ge.prototype,"direction",void 0);Se([c({validator:qe})],ge.prototype,"max",void 0);Se([c({validator:qe})],ge.prototype,"min",void 0);Se([c({validator:qe})],ge.prototype,"step",void 0);Se([c()],ge.prototype,"ariaDescribedBy",void 0);Se([c({type:String})],ge.prototype,"_ariaHasPopup",void 0);Se([c({type:Boolean})],ge.prototype,"_isTouched",void 0);ge=zr=Se([x({tag:"udex-text-field",renderer:w,styles:ty,template:U4,dependencies:[ku,oe,fn]}),f("click-trigger"),f("input"),f("change"),f("click-icon")],ge);ge.define();const $u=ge,Dg=async o=>{let e;if(o==="SAP-icons-v5"?e=(await W(()=>import("./SAP-icons-95a98080.js"),[])).default:e=(await W(()=>import("./SAP-icons-e24df2c3.js"),[])).default,typeof e=="string"&&e.endsWith(".json"))throw new Error('[icons] Invalid bundling detected - dynamic JSON imports bundled as URLs. Switch to inlining JSON files from the build or use `import "@ui5/webcomponents-icons/dist/Assets-static.js". Check the "Assets" documentation for more information.');return e},Q4=()=>{rg("SAP-icons-v4",Dg),rg("SAP-icons-v5",Dg)};Q4();g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const J4={packageName:"@sapudex/web-components",fileName:"themes/Button.css.ts",content:`:host{--udex-button-color-transparent: hsla(0, 0%, 0%, 0);--udex-button-padding-small: 5.5px 10px;--udex-button-padding-medium: 9px 10px;--udex-button-padding-large: 12px 14px;--udex-button-icon-only-padding-small: 6px;--udex-button-icon-only-padding-medium: 10px;--udex-button-icon-only-padding-large: 12px;--udex-button-small-size: 26px;--udex-button-medium-size: 36px;--udex-button-large-size: 42px;--udex-button-icon-s-size: 14px;--udex-button-icon-m-size: 16px;--udex-button-icon-l-size: 18px;--udex-button-icon-text-spacing-small-size: 4px;--udex-button-icon-text-spacing-medium-size: 6px;--udex-button-icon-text-spacing-large-size: 8px;--udexTypographyFontWeightMedium: 500;--udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexCorePrimaryAction));--udex-button-color-primary-standard-default-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-hover-background: var(--sapButton_Emphasized_Hover_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-text-and-icon: var(--sapButton_Emphasized_Hover_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-active-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-standard-active-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-active-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-primary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-disabled-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-default-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-default-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-default-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-hover-background: var(--sapButton_Hover_Background, var(--udexColorGrey2));--udex-button-color-secondary-standard-hover-border: var(--sapButton_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-hover-text-and-icon: var(--sapButton_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-background: var(--sapButton_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-active-border: var(--sapButton_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-text-and-icon: var(--sapButton_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-disabled-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-disabled-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-disabled-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-secondary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-disabled-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-default-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-hover-background: var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));--udex-button-color-tertiary-standard-hover-border: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-tertiary-standard-hover-text-and-icon: var(--sapButton_Lite_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorNeutralWhite));--udex-button-color-tertiary-standard-active-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-disabled-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--sapButton_Lite_Disabled_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-tertiary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-background: var(--sapButton_Lite_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-disabled-border: var(--sapButton_Lite_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-invisible-padding-small: 2px 0px;--udex-button-invisible-padding-medium: 4px 0px;--udex-button-invisible-padding-large: 8px 0px;--udex-button-invisible-focus-inset: -2px;--udex-button-color-invisible-standard-default-background: transparent;--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue8);--udex-button-color-invisible-standard-hover-background: transparent;--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorBlue10);--udex-button-color-invisible-standard-active-background: transparent;--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue11);--udex-button-color-invisible-standard-disabled-background: transparent;--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue8);--udex-button-color-positive-standard-default-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-default-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-default-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-standard-hover-background: var(--sapButton_Accept_Hover_Background, var(--udexCoreSemanticSuccess3));--udex-button-color-positive-standard-hover-border: var(--sapButton_Accept_Hover_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-hover-text-and-icon: var(--sapButton_Accept_Hover_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-background: var(--sapButton_Accept_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-standard-active-border: var(--sapButton_Accept_Active_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-text-and-icon: var(--sapButton_Accept_Active_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-disabled-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-disabled-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-disabled-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-default-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-default-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-default-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-hover-background: var(--sapButton_Accept_Selected_Hover_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-toggled-hover-border: var(--sapButton_Accept_Selected_Hover_BorderColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-hover-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-disabled-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-disabled-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-disabled-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-negative-standard-default-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-default-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-default-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-standard-hover-background: var(--sapButton_Reject_Hover_Background, var(--udexCoreSemanticError3));--udex-button-color-negative-standard-hover-border: var(--sapButton_Reject_Hover_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-hover-text-and-icon: var(--sapButton_Reject_Hover_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-background: var(--sapButton_Reject_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-standard-active-border: var(--sapButton_Reject_Active_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-text-and-icon: var(--sapButton_Reject_Active_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-disabled-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-disabled-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-disabled-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-default-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-default-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-default-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-hover-background: var(--sapButton_Reject_Selected_Hover_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-toggled-hover-border: var(--sapButton_Reject_Selected_Hover_BorderColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexCoreSemanticError8, #AA0808);--udex-button-color-negative-toggled-disabled-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-disabled-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-disabled-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-warning-standard-default-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-default-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-default-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-standard-hover-background: var(--sapButton_Attention_Hover_Background, var(--udexCoreSemanticWarning3));--udex-button-color-warning-standard-hover-border: var(--sapButton_Attention_Hover_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-hover-text-and-icon: var(--sapButton_Attention_Hover_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-background: var(--sapButton_Attention_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-standard-active-border: var(--sapButton_Attention_Active_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-text-and-icon: var(--sapButton_Attention_Active_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-disabled-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-disabled-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-disabled-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-default-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-default-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-default-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-hover-background: var(--sapButton_Attention_Selected_Hover_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-toggled-hover-border: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-hover-text-and-icon: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-disabled-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-disabled-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-disabled-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10))}:host{display:inline-block;font-weight:var(--udexTypographyFontWeightMedium)}:host([size="Small"]){font-size:var(--udexTypographyNavigationMediumMFontSize);height:var(--udex-button-small-size)}:host([size="Small"])::part(button){padding:var(--udex-button-padding-small)}:host([design="Primary"][focused]:not([active]):not([toggled]))::part(button):before{content:"";position:absolute;box-sizing:border-box;inset:.0625rem;border:.125rem solid #fff;border-radius:.375rem;z-index:1}:host([design="Invisible"][focused]:not([active]):not([toggled]))::part(button):after,:host([design="Invisible"][active]:not([toggled]))::part(button):before{content:"";position:absolute;box-sizing:border-box;inset:var(--udex-button-invisible-focus-inset);border:2px solid var(--udexColorBlue10);border-radius:.375rem;z-index:1}:host,:host([size="Medium"]){font-size:1rem;height:var(--udex-button-medium-size)}:host::part(button),:host([size="Medium"])::part(button){padding:var(--udex-button-padding-medium)}:host([size="Large"]){font-size:1rem;height:var(--udex-button-large-size)}:host([size="Large"])::part(button){padding:var(--udex-button-padding-large)}:host([size="Small"][icon-only]){min-width:var(--udex-button-small-size);max-width:var(--udex-button-small-size);height:var(--udex-button-small-size);min-height:var(--udex-button-small-size)}:host([icon-only]),:host([size="Medium"][icon-only]){min-width:var(--udex-button-medium-size);max-width:var(--udex-button-medium-size);height:var(--udex-button-medium-size);min-height:var(--udex-button-medium-size)}:host([size="Large"][icon-only]){min-width:var(--udex-button-large-size);max-width:var(--udex-button-large-size);height:var(--udex-button-large-size);min-height:var(--udex-button-large-size)}:host([size="Small"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-small)}:host([icon-only])::part(button),:host([size="Medium"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-medium)}:host([size="Large"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-large)}:host([icon-only][icon-end])::part(icon){margin:0}:host([icon-end])::part(icon){margin-inline-start:0}:host([size="Small"])::part(icon){height:var(--udex-button-icon-s-size, 14px);width:var(--udex-button-icon-s-size, 14px)}:host([size="Medium"])::part(icon){height:var(--udex-button-icon-m-size, 16px);width:var(--udex-button-icon-m-size, 16px)}:host([size="Large"])::part(icon){height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px)}:host([has-icon]:not([icon-only])[size="Small"][icon-end]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size="Small"]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size="Medium"][icon-end]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size="Medium"]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size="Large"][icon-end]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-large-size)}:host([has-icon]:not([icon-only])[size="Large"]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-large-size)}:host,:host([design="Emphasized"]),:host([design="Primary"]){color:var(--udex-button-color-primary-standard-default-text-and-icon);background-color:var(--udex-button-color-primary-standard-default-background);border:1px solid var(--udex-button-color-primary-standard-default-background)}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([disabled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Primary"]:not([disabled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-primary-standard-hover-text-and-icon);background-color:var(--udex-button-color-primary-standard-hover-background);border:1px solid var(--udex-button-color-primary-standard-hover-background)}:host([active]:not([disabled])),:host([design="Emphasized"][active]:not([disabled])),:host([design="Primary"][active]:not([disabled])){color:var(--udex-button-color-primary-standard-active-text-and-icon);background-color:var(--udex-button-color-primary-standard-active-background);border:1px solid var(--udex-button-color-primary-standard-active-border)}:host:disabled,:host([design="Emphasized"]):disabled,:host([design="Primary"]):disabled{color:var(--udex-button-color-primary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-primary-standard-disabled-background);border:1px solid var(--udex-button-color-primary-standard-disabled-background);opacity:var(--sapContent_DisabledOpacity, .4)}:host([toggled]),:host([design="Emphasized"][toggled]),:host([design="Primary"][toggled]){color:var(--udex-button-color-primary-toggled-default-text-and-icon);background-color:var(--udex-button-color-primary-toggled-default-background);border:1px solid var(--udex-button-color-primary-toggled-default-border)}:host([toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Primary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-primary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-primary-toggled-hover-background);border:1px solid var(--udex-button-color-primary-toggled-hover-border)}:host([toggled]):disabled,:host([design="Emphasized"][toggled]):disabled,:host([design="Primary"][toggled]):disabled{color:var(--udex-button-color-primary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-primary-toggled-disabled-background);border:1px solid var(--udex-button-color-primary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Default"]),:host([design="Secondary"]){color:var(--udex-button-color-secondary-standard-default-text-and-icon);background-color:var(--udex-button-color-secondary-standard-default-background);border:1px solid var(--udex-button-color-secondary-standard-default-border)}:host([design="Default"]:not([disabled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Secondary"]:not([disabled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-secondary-standard-hover-text-and-icon);background-color:var(--udex-button-color-secondary-standard-hover-background);border:1px solid var(--udex-button-color-secondary-standard-hover-border)}:host([design="Default"][active]:not([disabled])),:host([design="Secondary"][active]:not([disabled])){color:var(--udex-button-color-secondary-standard-active-text-and-icon);background-color:var(--udex-button-color-secondary-standard-active-background);border:1px solid var(--udex-button-color-secondary-standard-active-border)}:host([design="Default"]):disabled,:host([design="Secondary"]):disabled{color:var(--udex-button-color-secondary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-standard-disabled-background);border:1px solid var(--udex-button-color-secondary-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Default"][toggled]),:host([design="Secondary"][toggled]){color:var(--udex-button-color-secondary-toggled-default-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-default-background);border:1px solid var(--udex-button-color-secondary-toggled-default-border)}:host([design="Default"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Secondary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-secondary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-hover-background);border:1px solid var(--sapButton_Selected_Hover_BorderColor)}:host([design="Default"][toggled]):disabled,:host([design="Secondary"][toggled]):disabled{color:var(--udex-button-color-secondary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-disabled-background);border:1px solid var(--udex-button-color-secondary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Transparent"]),:host([design="Tertiary"]){color:var(--udex-button-color-tertiary-standard-default-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-default-background);border:1px solid var(--udex-button-color-tertiary-standard-default-border)}:host([design="Transparent"]:not([disabled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Tertiary"]:not([disabled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-tertiary-standard-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-hover-background);border:1px solid var(--udex-button-color-tertiary-standard-hover-border)}:host([design="Transparent"][active]:not([disabled])),:host([design="Tertiary"][active]:not([disabled])){color:var(--udex-button-color-tertiary-standard-active-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-active-background);border:1px solid var(--udex-button-color-tertiary-standard-active-border)}:host([design="Transparent"]):disabled,:host([design="Tertiary"]):disabled{color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Transparent"][toggled]),:host([design="Tertiary"][toggled]){color:var(--udex-button-color-tertiary-toggled-default-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-default-background);border:1px solid var(--udex-button-color-tertiary-toggled-default-border)}:host([design="Transparent"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Tertiary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-tertiary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-hover-background);border:1px solid var(--udex-button-color-tertiary-toggled-hover-border)}:host([design="Transparent"][toggled]):disabled,:host([design="Tertiary"][toggled]):disabled{color:var(--udex-button-color-tertiary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-disabled-background);border:1px solid var(--udex-button-color-tertiary-toggled-disabled-border)}:host([design="Invisible"]){color:var(--udex-button-color-invisible-standard-default-text-and-icon);background-color:var(--udex-button-color-invisible-standard-default-background);border:none;height:auto;overflow:visible}:host([design="Invisible"][size="Small"])::part(button){padding:var(--udex-button-invisible-padding-small)}:host([design="Invisible"][size="Medium"])::part(button){padding:var(--udex-button-invisible-padding-medium)}:host([design="Invisible"][size="Large"])::part(button){padding:var(--udex-button-invisible-padding-large)}:host([design="Invisible"]:not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){color:var(--udex-button-color-invisible-standard-hover-text-and-icon);background-color:var(--udex-button-color-invisible-standard-hover-background);border:none}:host([design="Invisible"][active]:not([disabled])){color:var(--udex-button-color-invisible-standard-active-text-and-icon);background-color:var(--udex-button-color-invisible-standard-active-background);border:none}:host([design="Invisible"]):disabled{color:var(--udex-button-color-invisible-standard-disabled-text-and-icon);background-color:var(--udex-button-color-invisible-standard-disabled-background);border:none;opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Positive]){color:var(--udex-button-color-positive-standard-default-text-and-icon);background-color:var(--udex-button-color-positive-standard-default-background);border:1px solid var(--udex-button-color-positive-standard-default-border)}:host([design="Positive"]:not([disabled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-positive-standard-hover-text-and-icon);background-color:var(--udex-button-color-positive-standard-hover-background);border:1px solid var(--udex-button-color-positive-standard-hover-border)}:host([design=Positive][active]:not([disabled])){color:var(--udex-button-color-positive-standard-active-text-and-icon);background-color:var(--udex-button-color-positive-standard-active-background);border:1px solid var(--udex-button-color-positive-standard-active-border)}:host([design=Positive]):disabled{color:var(--udex-button-color-positive-standard-disabled-text-and-icon);background-color:var(--udex-button-color-positive-standard-disabled-background);border:1px solid var(--udex-button-color-positive-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Positive][toggled]){color:var(--udex-button-color-positive-toggled-default-text-and-icon);background-color:var(--udex-button-color-positive-toggled-default-background);border:1px solid var(--udex-button-color-positive-toggled-default-border)}:host([design=Positive][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-positive-toggled-hover-text-and-icon);background-color:var(--udex-button-color-positive-toggled-hover-background);border:1px solid var(--udex-button-color-positive-toggled-hover-border)}:host([design=Positive][toggled]):disabled{color:var(--udex-button-color-positive-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-positive-toggled-disabled-background);border:1px solid var(--udex-button-color-positive-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Negative]){color:var(--udex-button-color-negative-standard-default-text-and-icon);background-color:var(--udex-button-color-negative-standard-default-background);border:1px solid var(--udex-button-color-negative-standard-default-border)}:host([design="Negative"]:not([disabled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-negative-standard-hover-text-and-icon);background-color:var(--udex-button-color-negative-standard-hover-background);border:1px solid var(--udex-button-color-negative-standard-hover-border)}:host([design=Negative][active]:not([disabled])){color:var(--udex-button-color-negative-standard-active-text-and-icon);background-color:var(--udex-button-color-negative-standard-active-background);border:1px solid var(--udex-button-color-negative-standard-active-border)}:host([design=Negative]):disabled{color:var(--udex-button-color-negative-standard-disabled-text-and-icon);background-color:var(--udex-button-color-negative-standard-disabled-background);border:1px solid var(--udex-button-color-negative-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Negative][toggled]){color:var(--udex-button-color-negative-toggled-default-text-and-icon);background-color:var(--udex-button-color-negative-toggled-default-background);border:1px solid var(--udex-button-color-negative-toggled-default-border)}:host([design=Negative][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-negative-toggled-hover-text-and-icon);background-color:var(--udex-button-color-negative-toggled-hover-background);border:1px solid var(--udex-button-color-negative-toggled-hover-border)}:host([design=Negative][toggled]):disabled{color:var(--udex-button-color-negative-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-negative-toggled-disabled-background);border:1px solid var(--udex-button-color-negative-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Attention]),:host([design="Warning"]){color:var(--udex-button-color-warning-standard-default-text-and-icon);background-color:var(--udex-button-color-warning-standard-default-background);border:1px solid var(--udex-button-color-warning-standard-default-border)}:host([design="Attention"]:not([disabled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Warning"]:not([disabled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-warning-standard-hover-text-and-icon);background-color:var(--udex-button-color-warning-standard-hover-background);border:1px solid var(--udex-button-color-warning-standard-hover-border)}:host([design="Attention"][active]:not([disabled])),:host([design="Warning"][active]:not([disabled])){color:var(--udex-button-color-warning-standard-active-text-and-icon);background-color:var(--udex-button-color-warning-standard-active-background);border:1px solid var(--udex-button-color-warning-standard-active-border)}:host([design="Attention"]):disabled,:host([design="Warning"]):disabled{color:var(--udex-button-color-warning-standard-disabled-text-and-icon);background-color:var(--udex-button-color-warning-standard-disabled-background);border:1px solid var(--udex-button-color-warning-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Attention"][toggled]),:host([design="Warning"][toggled]){color:var(--udex-button-color-warning-toggled-default-text-and-icon);background-color:var(--udex-button-color-warning-toggled-default-background);border:1px solid var(--udex-button-color-warning-toggled-default-border)}:host([design="Attention"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Warning"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-warning-toggled-hover-text-and-icon);background-color:var(--udex-button-color-warning-toggled-hover-background);border:1px solid var(--udex-button-color-warning-toggled-hover-border)}:host([design="Attention"][toggled]):disabled,:host([design="Warning"][toggled]):disabled{color:var(--udex-button-color-warning-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-warning-toggled-disabled-background);border:1px solid var(--udex-button-color-warning-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}
51
51
  `};var Su=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Rn,Kr;(function(o){o.Primary="Primary",o.Emphasized="Emphasized",o.Secondary="Secondary",o.Default="Default",o.Tertiary="Tertiary",o.Transparent="Transparent",o.Invisible="Invisible",o.Warning="Warning",o.Attention="Attention",o.Positive="Positive",o.Negative="Negative"})(Kr||(Kr={}));let tn=Rn=class extends Wt{static async onDefine(){Rn.i18nBundle=await L("@ui5/webcomponents")}static typeTextMappings(){return{Primary:mS,Secondary:bS,Tertiary:fS,Positive:yS,Warning:xS,Negative:wS,Emphasized:kS,Default:$S,Transparent:SS,Attention:TS}}get hasButtonType(){return!!this.getAttribute("design")||this.toggled}get buttonTypeText(){const e=this.getAttribute("design"),t=e===Kr.Positive||e===Kr.Negative||e===Kr.Warning||e===Kr.Attention;let i;return e&&(i=t?Rn.i18nBundle.getText(Rn.typeTextMappings()[e]):""),`${i} ${this.toggled?Rn.i18nBundle.getText(CS):""}`.trim()}};Su([c({type:String,defaultValue:"Medium"})],tn.prototype,"size",void 0);Su([c({type:Boolean})],tn.prototype,"toggled",void 0);Su([c({type:Kr,defaultValue:Kr.Primary})],tn.prototype,"design",void 0);tn=Rn=Su([x({tag:"udex-button",renderer:w,styles:[Wt.styles,J4]})],tn);tn.define();const or=tn,e7="nav-back",oy="M375.5 426q9 9 9 22.5t-9 22.5q-10 10-23 10t-23-10l-192-192q-9-9-9-22.5t9-22.5l191-193q10-10 23-10t22 10q10 9 10 22t-10 23l-157 159q-5 5-5 11.5t5 11.5z",t7=!1,o7=G1,i7="SAP-icons-v4",r7="@ui5/webcomponents-icons";D(e7,{pathData:oy,ltr:t7,accData:o7,collection:i7,packageName:r7});const a7="nav-back",iy="M326 96q11 0 18.5 7.5T352 122q0 10-8 18L223 256l121 116q8 8 8 18 0 11-7.5 18.5T326 416q-10 0-17-7L168 274q-8-6-8-18 0-11 8-19l141-134q7-7 17-7z",n7=!1,s7=G1,l7="SAP-icons-v5",d7="@ui5/webcomponents-icons";D(a7,{pathData:iy,ltr:n7,accData:s7,collection:l7,packageName:d7});te();const c7="navigation-right-arrow",ry="M296 268q11-12 0-23L139 86q-10-10-10-23t10-22q9-10 22-10t23 10l191 193q9 9 9 22.5t-9 22.5L183 471q-10 10-23 10t-23-10q-9-9-9-22.5t9-22.5z",u7=!1,h7="SAP-icons-v4",p7="@ui5/webcomponents-icons";D(c7,{pathData:ry,ltr:u7,collection:h7,packageName:p7});const _7="navigation-right-arrow",ay="M186 416q-11 0-18.5-7.5T160 390q0-10 8-18l121-116-121-116q-8-8-8-18 0-11 7.5-18.5T186 96q10 0 17 7l141 134q8 8 8 19 0 12-8 18L203 409q-7 7-17 7z",v7=!1,g7="SAP-icons-v5",m7="@ui5/webcomponents-icons";D(_7,{pathData:ay,ltr:v7,collection:g7,packageName:m7});te();const b7="open-command-field",ny="M233 87q-9-9-9-22.5t9-22.5q10-10 23-10t23 10l192 192q9 9 9 22.5t-9 22.5L280 472q-10 10-23 10t-22-10q-10-9-10-22t10-23l157-159q11-11 0-23zM40 87q-9-9-9-22.5T40 42q10-10 23-10t23 10l192 192q9 9 9 22.5t-9 22.5L87 472q-10 10-23 10t-22-10q-10-9-10-22t10-23l157-159q11-11 0-23z",f7=!1,x7="SAP-icons-v4",y7="@ui5/webcomponents-icons";D(b7,{pathData:ny,ltr:f7,collection:x7,packageName:y7});const w7="open-command-field",sy="M90 416q-11 0-18.5-7.5T64 390q0-10 8-18l121-116L72 140q-8-8-8-18 0-11 7.5-18.5T90 96q10 0 17 7l141 134q8 8 8 19 0 12-8 18L107 409q-7 7-17 7zm192 0q-11 0-18.5-7.5T256 390q0-10 8-18l121-116-121-116q-8-8-8-18 0-11 7.5-18.5T282 96q10 0 17 7l141 134q8 8 8 19 0 12-8 18L299 409q-7 7-17 7z",k7=!1,$7="SAP-icons-v5",S7="@ui5/webcomponents-icons";D(w7,{pathData:sy,ltr:k7,collection:$7,packageName:S7});te();const T7="close-command-field",ly="M119 245q-11 12 0 23l157 159q10 10 10 23t-10 22q-9 10-22 10t-23-10L40 279q-9-9-9-22.5t9-22.5L232 42q10-10 23-10t23 10q9 9 9 22.5T278 87zm193 0q-5 5-5 11.5t5 11.5l157 159q10 10 10 23t-10 22q-9 10-22 10t-23-10L233 279q-9-9-9-22.5t9-22.5L425 42q10-10 23-10t23 10q9 9 9 22.5T471 87z",C7=!1,I7="SAP-icons-v4",B7="@ui5/webcomponents-icons";D(T7,{pathData:ly,ltr:C7,collection:I7,packageName:B7});const A7="close-command-field",dy="M230 416q-10 0-17-7L72 274q-8-6-8-18 0-11 8-19l141-134q7-7 17-7 11 0 18.5 7.5T256 122q0 10-8 18L127 256l121 116q8 8 8 18 0 11-7.5 18.5T230 416zm192 0q-10 0-17-7L264 274q-8-6-8-18 0-11 8-19l141-134q7-7 17-7 11 0 18.5 7.5T448 122q0 10-8 18L319 256l121 116q8 8 8 18 0 11-7.5 18.5T422 416z",D7=!1,E7="SAP-icons-v5",P7="@ui5/webcomponents-icons";D(A7,{pathData:dy,ltr:D7,collection:E7,packageName:P7});te();function N7(o,e,t){return d`${this.pages?R7.call(this,o,e,t):void 0} `}function R7(o,e,t){return t?d`<nav aria-label="pagination" class="${n(this.paginationClass)}"><ul class="udex-pagination__list" role="navigation" aria-label="${n(this.paginationAccessibleName)}">${this.absoluteNavigation?Eg.call(this,o,e,t):void 0}<li class="udex-pagination__item--prev udex-pagination__item"><${u("udex-button",e,t)} ?disabled="${this.prevButtonDisbled}" accessible-name="${n(this.previousPageAccessibleName)}" tooltip="${n(this.previousBtnTooltip)}" size="Large" icon="navigation-left-arrow" design="Tertiary" @click="${this.setPrevPage}"></${u("udex-button",e,t)}></li>${this.typeFull?Pg.call(this,o,e,t):void 0}${this.typeShort?Ng.call(this,o,e,t):void 0}<li class="udex-pagination__item--next udex-pagination__item"><${u("udex-button",e,t)} ?disabled="${this.nextButtonDisbled}" tooltip="${n(this.nextBtnTooltip)}" accessible-name="${n(this.nextPageAccessibleName)}" size="Large" icon="navigation-right-arrow" design="Tertiary" @click="${this.setNextPage}"></${u("udex-button",e,t)}></li>${this.absoluteNavigation?Rg.call(this,o,e,t):void 0}</ul></nav>`:d`<nav aria-label="pagination" class="${n(this.paginationClass)}"><ul class="udex-pagination__list" role="navigation" aria-label="${n(this.paginationAccessibleName)}">${this.absoluteNavigation?Eg.call(this,o,e,t):void 0}<li class="udex-pagination__item--prev udex-pagination__item"><udex-button ?disabled="${this.prevButtonDisbled}" accessible-name="${n(this.previousPageAccessibleName)}" tooltip="${n(this.previousBtnTooltip)}" size="Large" icon="navigation-left-arrow" design="Tertiary" @click="${this.setPrevPage}"></udex-button></li>${this.typeFull?Pg.call(this,o,e,t):void 0}${this.typeShort?Ng.call(this,o,e,t):void 0}<li class="udex-pagination__item--next udex-pagination__item"><udex-button ?disabled="${this.nextButtonDisbled}" tooltip="${n(this.nextBtnTooltip)}" accessible-name="${n(this.nextPageAccessibleName)}" size="Large" icon="navigation-right-arrow" design="Tertiary" @click="${this.setNextPage}"></udex-button></li>${this.absoluteNavigation?Rg.call(this,o,e,t):void 0}</ul></nav>`}function Eg(o,e,t){return t?d`<li class="udex-pagination__item--first udex-pagination__item"><${u("udex-button",e,t)} ?disabled="${this.prevButtonDisbled}" accessible-name="${n(this.firstPageAccessibleName)}" size="Large" icon="close-command-field" design="Tertiary" @click="${this.setFirstPage}"></${u("udex-button",e,t)}></li>`:d`<li class="udex-pagination__item--first udex-pagination__item"><udex-button ?disabled="${this.prevButtonDisbled}" accessible-name="${n(this.firstPageAccessibleName)}" size="Large" icon="close-command-field" design="Tertiary" @click="${this.setFirstPage}"></udex-button></li>`}function Pg(o,e,t){return d`${T(this.pagination,(i,r)=>i._id||r,(i,r)=>j7.call(this,o,e,t,i,r))}`}function j7(o,e,t,i,r){return d`<li class="udex-pagination__item"><a class="udex-pagination__page" href="#" aria-label="${n(i.accessibleName)}" @click="${this.onPageClick}" ?active="${i.active}" aria-current="${n(i.ariaCurrent)}" index="${n(i.index)}"><span class="udex-pagination__page--value">${n(i.value)}</span></a></li>`}function Ng(o,e,t){return d`<li class="udex-pagination__item udex-pagination__item--short" tabindex="-1" aria-label="${n(this.paginationShortAccessibleName)}"><span class="udex-pagination__item--short-value">${n(this.shortTextStart)}</span><span class="udex-pagination__item--short-separator">${n(this.shortTextSeparator)}</span><span class="udex-pagination__item--short-value">${n(this.shortTextEnd)}</span></li>`}function Rg(o,e,t){return t?d`<li class="udex-pagination__item--last udex-pagination__item"><${u("udex-button",e,t)} ?disabled="${this.nextButtonDisbled}" accessible-name="${n(this.lastPageAccessibleName)}" size="Large" icon="open-command-field" design="Tertiary" @click="${this.setLastPage}"></${u("udex-button",e,t)}></li>`:d`<li class="udex-pagination__item--last udex-pagination__item"><udex-button ?disabled="${this.nextButtonDisbled}" accessible-name="${n(this.lastPageAccessibleName)}" size="Large" icon="open-command-field" design="Tertiary" @click="${this.setLastPage}"></udex-button></li>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const z7={packageName:"@sapudex/web-components",fileName:"themes/Pagination.css.ts",content:`:host{--udex-pagination-font-size: var(--sapFontSize, 16px);--udex-pagination-font-family: var(--sapFontFamily, sans-serif);--udex-pagination-item-paddings: var(--sapFontSmallSize, .75rem);--udex-pagination-item-inner-paddings: 0rem .25rem;--udex-pagination-mobile-item-paddings: .5625rem .875rem .6875rem .875rem;--udex-pagination-item-line-height: var(--sapContent_LineHeight, 1.5rem);--udex-pagination-item-text-color: var(--sapPrimary5, #5b738b);--udex-pagination-item-active-text-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9, #223548));--udex-pagination-item-active-background-color: var(--udexColorGrey1);--udex-pagination-item-active-border-color: var(--sapButton_Active_BorderColor, #0040b0);--udex-pagination-item-active-border-width: var(--sapField_InformationBorderWidth, .125rem);--udex-pagination-item-gap: .25rem;--udex-pagination-mobile-item-gap: .5rem;--udex-pagination-short-item-gap: 24px;--udex-pagination-short-separator-paddings: 0 4px;--udex-pagination-short-separator-margin: 0 4px;--udex-pagination-short-item-paddings: 0 4px}.udex-pagination{font-family:var(--udex-pagination-font-family);font-size:var(--udex-pagination-font-size)}.udex-pagination__list{padding:0;display:flex;gap:var(--udex-pagination-item-gap);align-items:center;flex-wrap:wrap}.udex-pagination--short .udex-pagination__list{gap:var(--udex-pagination-short-item-gap)}.udex-pagination__item{cursor:pointer;display:inline-block;position:relative}.udex-pagination__item a{text-decoration:none;display:flex}:host([desktop]) .udex-pagination__item a:focus,.udex-pagination__item a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue10, #002A86);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusXXS, 2px)}.udex-pagination__page{display:block;padding:0 var(--udex-pagination-item-paddings) var(--udex-pagination-item-active-border-width) var(--udex-pagination-item-paddings);color:var(--udex-pagination-item-text-color)}.udex-pagination--mobile .udex-pagination__page{padding:var(--udex-pagination-mobile-item-paddings)}.udex-pagination__item--first a,.udex-pagination__item--last a,.udex-pagination__item--prev a,.udex-pagination__item--next a{padding:var(--udex-pagination-item-paddings)}.udex-pagination__page--value{display:block;position:relative;padding:var(--udex-pagination-item-inner-paddings);line-height:var(--udex-pagination-item-line-height)}.udex-pagination__page:not([active]):hover{background-color:var(--udex-pagination-item-active-background-color);color:var(--udex-pagination-item-active-text-color);border-radius:4px}.udex-pagination__page:hover,.udex-pagination__page:visited{color:var(--udex-pagination-item-text-color)}.udex-pagination__page[active]{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__page[active] .udex-pagination__page--value:after{content:"";position:absolute;bottom:calc(-1 * var(--udex-pagination-item-active-border-width));left:0;right:0;height:var(--udex-pagination-item-active-border-width);background-color:var(--udex-pagination-item-active-border-color)}.udex-pagination__item--short{gap:var(--udex-pagination-short-item-gap);direction:inherit}.udex-pagination--rtl .udex-pagination__item--short{display:flex;white-space-collapse:preserve}.udex-pagination__item--short{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__item--short-separator{padding:var(--udex-pagination-short-separator-paddings);margin:var(--udex-pagination-short-separator-margin)}.udex-pagination__item--short-value{padding:var(--udex-pagination-short-item-paddings)}
52
52
  `};var xn=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Oe,Ga;(function(o){o.full="full",o.short="short"})(Ga||(Ga={}));var Zr;(function(o){o.desktop="desktop",o.mobile="mobile"})(Zr||(Zr={}));let wr=Oe=class extends A{constructor(){super(),this._pages=[],this._visiblePages=[],this.currentPageIndex=0,this._mobileDisplayNumber=5,this._desktopDisplayNumber=10,this._pageFocusedManually=!1}onEnterDOM(){_e()&&this.setAttribute("desktop","")}onBeforeRendering(){this.setupPages(this.pages)}get nextButtonDisbled(){return this.currentPageIndex+1===this.pages}get prevButtonDisbled(){return this.currentPageIndex===0}get typeFull(){return this.type===Ga.full||this.display===Zr.mobile}get typeShort(){return this.type===Ga.short&&this.display!==Zr.mobile}get shortTextStart(){return this.pages?`${this.currentPageIndex+1}`:""}get shortTextEnd(){return this.pages?`${this.pages}`:""}get shortTextSeparator(){return this.pages?` ${Oe.i18nBundle.getText(yh)} `:""}get paginationAccessibleName(){return this.typeShort?this.paginationShortAccessibleName:`${Oe.i18nBundle.getText($h)} ${this.currentPageIndex+1}`}get pageAccessibleName(){return Oe.i18nBundle.getText(vS)}get paginationShortAccessibleName(){return`${this.pageAccessibleName} ${this.shortTextStart} ${this.shortTextSeparator} ${this.shortTextEnd}`}get activatePageAccessibleText(){return Oe.i18nBundle.getText(gS)}get firstPageAccessibleName(){return this.currentPageIndex===0?Oe.i18nBundle.getText(Sg):`${Oe.i18nBundle.getText(Sg)}. ${this.activatePageAccessibleText} 1`}get lastPageAccessibleName(){return this.pages&&this.currentPageIndex===this.pages-1?Oe.i18nBundle.getText(Tg):`${Oe.i18nBundle.getText(Tg)}. ${this.activatePageAccessibleText} ${this.pages}`}get previousPageAccessibleName(){return this.currentPageIndex===0?Oe.i18nBundle.getText(wh):`${Oe.i18nBundle.getText($h)} ${this.currentPageIndex+1}. ${Oe.i18nBundle.getText(wh)}. ${this.activatePageAccessibleText} ${this.currentPageIndex}`}get previousBtnTooltip(){return this.prevButtonDisbled?"":`${Oe.i18nBundle.getText(wh)}`}get nextPageAccessibleName(){return this.pages&&this.currentPageIndex===this.pages-1?Oe.i18nBundle.getText(kh):`${Oe.i18nBundle.getText($h)} ${this.currentPageIndex+1}. ${Oe.i18nBundle.getText(kh)}. ${this.activatePageAccessibleText} ${this.currentPageIndex+2}`}get nextBtnTooltip(){return this.nextButtonDisbled?"":`${Oe.i18nBundle.getText(kh)}`}get pagination(){return this._visiblePages}get paginationClass(){let e="udex-pagination";return this._direction==="rtl"&&(e=`${e} udex-pagination--${this._direction}`),this.display?`${e} udex-pagination--${this.display} udex-pagination--${this.type}`:e}get displayNumber(){return this.display===Zr.mobile?this._mobileDisplayNumber:this._desktopDisplayNumber}get pageOffset(){return this.display===Zr.mobile?Math.floor(this._mobileDisplayNumber/2):this._desktopDisplayNumber/2-1}static async onDefine(){Oe.i18nBundle=await L("@udex/web-components")}setActive(e){const t=e.getAttribute("index")?parseInt(e.getAttribute("index")||""):null;t!==null&&(this.currentPageIndex=t,this._pageFocusedManually=!0,this._previousPageElement=e)}setNextPage(e){e.preventDefault();const t=this.currentPageIndex??1;this.pages&&t>=this.pages-1||(this.currentPageIndex=t+1,this._pageFocusedManually=!1,this._pages=this.setupPagesData(),this.emitChangeEvent())}setPrevPage(e){e.preventDefault();const t=this.currentPageIndex??1;this.pages&&t<=0||(this.currentPageIndex-=1,this._pageFocusedManually=!1,this._pages=this.setupPagesData(),this.emitChangeEvent())}setFirstPage(e){e.preventDefault(),(this.currentPageIndex??1)!==0&&(this._firstPageIndex=0,this._lastPageIndex=this.displayNumber,this.currentPageIndex=0,this.emitChangeEvent())}setLastPage(e){e.preventDefault();const t=this.currentPageIndex??1;!this.pages||t>=this.pages-1||(this._firstPageIndex=this.pages-this.displayNumber,this._lastPageIndex=this.pages,this.currentPageIndex=this._lastPageIndex-1,this.emitChangeEvent())}setupPages(e){if(!e){this._visiblePages=[];return}this._pages.length||(this._firstPageIndex=0,this._lastPageIndex=e>this.displayNumber?this.displayNumber:e),this._pages=this.setupPagesData(),(this.currentPageIndex>this._lastPageIndex||this._lastPageIndex-this.currentPageIndex<=this.pageOffset)&&(this._visiblePages=this.shiftVisiblePages()),(this.currentPageIndex<this._firstPageIndex||this.currentPageIndex-this._firstPageIndex<=this.pageOffset)&&(this._visiblePages=this.shiftVisiblePages(!0))}setupPagesData(){var t;const e=[];if(this.pages){(t=this._previousPageElement)==null||t.removeAttribute("aria-current");for(let i=0;i<this.pages;i++){const r=i===this.currentPageIndex,a="page",s=this.getPageAccessibleName(i);e.push({index:i,value:i+1,active:r,accessibleName:s,...r&&{ariaCurrent:a}})}}return e}shiftVisiblePages(e=!1){if(e)for(;this.currentPageIndex-this._firstPageIndex<this.pageOffset&&this._firstPageIndex>0;)this._firstPageIndex--,this._lastPageIndex--;else for(;this._lastPageIndex-this.currentPageIndex-1<this.pageOffset&&this._lastPageIndex<this.pages;)this._firstPageIndex++,this._lastPageIndex++;return this._pages.slice(this._firstPageIndex,this._lastPageIndex)}getPageAccessibleName(e){return e===this.currentPageIndex?`
53
53
  ${this.pageAccessibleName} ${e+1} ${Oe.i18nBundle.getText(yh)} ${this.pages}, ${Oe.i18nBundle.getText(C1)}`:`
@@ -113,7 +113,7 @@ To prevent other runtimes from defining tags that you use, consider using scopin
113
113
  `};var Du=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Kd;let an=Kd=class extends on{constructor(){super()}async showAt(e,t=!1){if(!Ze())await super.showAt(e,t);else{this.style.display="contents";const i=sv();if(!i)return;this.style.zIndex=i.toString(),await this._dialog.show(t)}}close(e=!1,t=!1,i=!1){Ze()?this._dialog.close(e,t,i):super.close(e,t,i)}toggle(e){if(this.isOpen())return this.close();this.showAt(e)}isOpen(){return Ze()&&this._dialog?this._dialog.isOpen():super.isOpen()}get classes(){const e=super.classes;return e.header={"ui5-responsive-popover-header":!0,"ui5-responsive-popover-header-no-title":!this.headerText},e}get _dialog(){return this.shadowRoot.querySelector("[ui5-dialog]")}get contentDOM(){return Ze()?this._dialog.contentDOM:super.contentDOM}get _isPhone(){return Ze()}get _displayHeader(){return(Ze()||!this.contentOnlyOnDesktop)&&super._displayHeader}get _displayFooter(){return Ze()||!this.contentOnlyOnDesktop}get _closeDialogAriaLabel(){return Kd.i18nBundle.getText(OC)}_beforeDialogOpen(e){this.open=!0,this.opened=!0,this._propagateDialogEvent(e)}_afterDialogClose(e){this.open=!1,this.opened=!1,this._propagateDialogEvent(e)}_propagateDialogEvent(e){const t=e.type.replace("ui5-","");this.fireEvent(t,e.detail)}get isModal(){return Ze()?this._dialog.isModal:super.isModal}static async onDefine(){Kd.i18nBundle=await L("@ui5/webcomponents")}};Du([c({type:Boolean})],an.prototype,"contentOnlyOnDesktop",void 0);Du([c({type:Boolean})],an.prototype,"_hideHeader",void 0);Du([c({type:Boolean})],an.prototype,"_hideCloseButton",void 0);an=Kd=Du([x({tag:"ui5-responsive-popover",styles:[on.styles,wN],template:oN,dependencies:[...on.dependencies,Wt,Sy,k5]})],an);an.define();const wn=an,kN="navigation-down-arrow",$5="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",$N=!1,SN="SAP-icons-v4",TN="@ui5/webcomponents-icons";D(kN,{pathData:$5,ltr:$N,collection:SN,packageName:TN});const CN="navigation-down-arrow",S5="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",IN=!1,BN="SAP-icons-v5",AN="@ui5/webcomponents-icons";D(CN,{pathData:S5,ltr:IN,collection:BN,packageName:AN});te();function DN(o,e,t){return t?d`<div class="udex-tab-navigation__root"><div id="${n(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}"><div id="${n(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" aria-labelledby="tablist-${n(this._id)}" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${T(this.items,(i,r)=>i._id||r,(i,r)=>fm.call(this,o,e,t,i,r))}</div><button class="udex-tab-navigation__button-more" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" tabindex="0" aria-haspopup="menu" aria-expanded="${n(this._isExpanded)}" tooltip="${n(this.moreButtonText)}" hidden>${n(this.moreButtonText)}<${u("ui5-icon",e,t)} class="udex-tab-navigation__button-more-icon" name="navigation-down-arrow"></${u("ui5-icon",e,t)}></button>${n(this.tabNavigationPopover)}</div><div class="udex-tab-navigation__content" id="udex-${n(this.__id)}-content" part="tab-navigation-content">${T(this.items,(i,r)=>i._id||r,(i,r)=>xm.call(this,o,e,t,i,r))}</div></div>`:d`<div class="udex-tab-navigation__root"><div id="${n(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}"><div id="${n(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" aria-labelledby="tablist-${n(this._id)}" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${T(this.items,(i,r)=>i._id||r,(i,r)=>fm.call(this,o,e,t,i,r))}</div><button class="udex-tab-navigation__button-more" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" tabindex="0" aria-haspopup="menu" aria-expanded="${n(this._isExpanded)}" tooltip="${n(this.moreButtonText)}" hidden>${n(this.moreButtonText)}<ui5-icon class="udex-tab-navigation__button-more-icon" name="navigation-down-arrow"></ui5-icon></button>${n(this.tabNavigationPopover)}</div><div class="udex-tab-navigation__content" id="udex-${n(this.__id)}-content" part="tab-navigation-content">${T(this.items,(i,r)=>i._id||r,(i,r)=>xm.call(this,o,e,t,i,r))}</div></div>`}function fm(o,e,t,i,r){return d`${n(i.tabNavigation)}`}function xm(o,e,t,i,r){return d`${i.selected?EN.call(this,o,e,t,i,r):PN.call(this,o,e,t,i,r)}`}function EN(o,e,t,i,r){return d`<div class="udex-tab-navigation__content-item" id="${n(i._contentId)}" aria-labelledby="${n(i._id)}" tabindex="${n(i._contentTabIndex)}"><slot name="${n(i._slotName)}"></slot></div>`}function PN(o,e,t,i,r){return d`<div class="udex-tab-navigation__content-item" id="${n(i._contentId)}"><slot name="${n(i._slotName)}"></slot></div>`}function NN(o,e,t){return t?d`<${u("ui5-popover",e,t)} id="${n(this._id)}-overflow-popover" horizontal-align="Right" placement-type="Bottom" aria-orientation="vertical" @ui5-after-open="${n(this.onFocusFirstItemPopover)}" hide-arrow _hideHeader><div class="tab-navigation-popover" @click="${this.handleOverflowItemClick}" @keydown="${this.handleFocusPopover}" role="tablist">${T(this._overflowItems,(i,r)=>i._id||r,(i,r)=>ym.call(this,o,e,t,i,r))}</div></${u("ui5-popover",e,t)}>`:d`<ui5-popover id="${n(this._id)}-overflow-popover" horizontal-align="Right" placement-type="Bottom" aria-orientation="vertical" @ui5-after-open="${n(this.onFocusFirstItemPopover)}" hide-arrow _hideHeader><div class="tab-navigation-popover" @click="${this.handleOverflowItemClick}" @keydown="${this.handleFocusPopover}" role="tablist">${T(this._overflowItems,(i,r)=>i._id||r,(i,r)=>ym.call(this,o,e,t,i,r))}</div></ui5-popover>`}function ym(o,e,t,i,r){return d`${n(i.tabInOverflow)}`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const RN={packageName:"@sapudex/web-components",fileName:"themes/TabNavigation.css.ts",content:`:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--sapHoverColor, var(--udexColorBlue7));--udex-button-tab-text-color-active: var(--sapShell_Navigation_Selected_TextColor, var(--udexColorBlue7));--udex-button-tab-border-color-active: var(--sapShell_Navigation_SelectedColor, var(--udexColorBlue7));--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--sapButton_Emphasized_Background, var(--udexColorBlue7));--udex-button-more-s-text-color-toggled: var(--sapSelectedColor, var(--udexColorBlue7));--udex-button-more-s-icon-color-toggled: var(--sapSelectedColor, var(--udexColorBlue7));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button="Medium"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:capitalize;white-space:normal}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.udex-tab-navigation__button-text{display:flex;align-items:center}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}}
114
114
  `};g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const T5={packageName:"@sapudex/web-components",fileName:"themes/TabInOverflow.css.ts",content:`:host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:focus{outline:2px solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:active{background-color:var(--udexColorBlue1)}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:0}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:1;inset-block-start:-4px;inset-inline-end:-6px}
115
115
  `};var Ar=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Js,Ep;(function(o){o.Small="Small",o.Medium="Medium"})(Ep||(Ep={}));var Pp;(function(o){o.Light="Light",o.Dark="Dark"})(Pp||(Pp={}));let ii=Js=class extends A{constructor(){super(),this._maxTitleLength=25,this._maxTitleLengthInSecondLines=this._maxTitleLength*2,this._handleResizeBound=this._handleResize.bind(this)}static async onDefine(){Js.i18nBundle=await L("@udex/web-components")}onEnterDOM(){re.register(this.getHeader(),this._handleResizeBound),_e()&&this.setAttribute("desktop","")}onExitDOM(){re.deregister(this.getHeader(),this._handleResizeBound)}_handleResize(){this.handleClosePopover(),this._width=this.offsetWidth}emitClickEvent(e){this.fireEvent("click",{currentPage:e})}onBeforeRendering(){this.updateOverflowItems(),this.setSelectedTab()}setSelectedTab(){this.items.length&&(this.resetSelectedTabs(),this.setCurrentSelectedTab(),this.setRealTabToItems(),this.setElementInHeader())}resetSelectedTabs(){this.items.forEach(e=>{e._selected=!1})}setCurrentSelectedTab(){const e=this.items.filter(t=>t.selected);this._selectedTab=e.length?e[0]:this.items[0],this._selectedTab._selected=!!(e.length?e.length:this.items[0])}setRealTabToItems(){this.items.forEach((e,t,i)=>{e._iconWithoutBackground=this.iconWithoutBackground,e._posinset=t+1,e._setsize=i.length,e._contentId=this.getContentId(t),e._realTab=this._selectedTab,e._width=this.tabWidth,e._contentTabIndex=this.getContentTabIndex(e)})}getContentId(e){return`udex-${e+1}-content`}getContentTabIndex(e){if(e.selected){const t=["a[href]","button","textarea","input","select","details","[tabindex]:not([tabindex='-1']"],i=this.getAllCustomTags(e,"udex"),r=this.getAllCustomTags(e,"ui5").concat(i);return Array.from(e.querySelectorAll(t.join(","))).concat(r).length?"-1":"0"}return"-1"}getAllCustomTags(e,t){const i=e.querySelectorAll("*");return Array.from(i).filter(r=>r.tagName.toLowerCase().startsWith(t.toLowerCase()))}setElementInHeader(){this.items.forEach(e=>{e.getElementInHeader=()=>this.getDomRef().querySelector(`[id="${e.__id}"]`)})}onAfterRendering(){this.items.length?(this.setItemsInHeader(),this.setVisibleTabs(),this.applyTabIndex()):console.warn("You have to add the 'udex-tab' as a default slot to the udex-tab-navigation."),this.initOutsideClick()}initOutsideClick(){var e;(e=this._responsivePopover)!=null&&e.opened&&this.handleOutsideClick()}handleOutsideClick(){document.addEventListener("click",()=>{this.getMoreButton()&&this.getMoreButton().classList.remove("udex-tab-navigation__button-more--toggled")})}onTabClick(e){const t=this.getTab(e.target);if(!t)return;e.stopPropagation(),e.preventDefault();const i=this.items.findIndex(r=>r.__id===t.id);this._selectedTab=this.items[i],this.updateSelectedTab(i),this.emitClickEvent(i+1)}getTab(e){for(;e;){if(e.localName==="button"&&e.getAttribute("role")==="tab")return e;e=e.parentElement}return!1}updateSelectedTab(e){this.items.forEach((t,i)=>{t.selected=e===i,t._selected&&(t._selected=!1)}),this.setTabsIndex(e)}setItemsInHeader(){var a,s;const e=this.getTabHeader();let t=0;if(!this._selectedTab)return;const i=this.items.map(l=>l.getTabInHeaderDomRef());(a=this.getMoreButton())==null||a.setAttribute("hidden",""),this.removeHiddenAttributeInAllTabs(i),t+=this.getTotalItemsWidth(i),e.offsetWidth<t&&((s=this.getMoreButton())==null||s.removeAttribute("hidden"),this.hideLastVisibleTab(i))}getTabHeader(){return this.shadowRoot.querySelector(`#${this.__id}-header-tabs`)}removeHiddenAttributeInAllTabs(e){var t;for(let i=0;i<e.length;i++)(t=e[i])==null||t.removeAttribute("hidden")}getTotalItemsWidth(e){let t=0;return e.forEach(i=>{t+=this.getTabWidth(i)}),t}getTabWidth(e){var r;const t=(r=this.tabWidth.match(/[^a-zA-Z\d]+/g))==null?void 0:r.join("");if(this.tabWidth==="auto"||t||!this.tabWidth)return this.getItemWidth(e);const{marginInlineEnd:i}=this.getItemIndentation(e);return e.style.width=this.tabWidth,this.convertToPx(this.tabWidth,this.getButtonFontSize(e))+i}getButtonFontSize(e){const t=window.getComputedStyle(e);return parseFloat(t.fontSize)}convertToPx(e,t){var a;const i=(a=e.match(/[a-zA-Z]+/))==null?void 0:a[0],r=parseFloat(e);return i==="px"?r:r*t}getItemWidth(e){const t=e.innerText,i=this.getItemContext(),{indentation:r,marginInlineEnd:a}=this.getItemIndentation(e);if(t.length>this._maxTitleLength&&t.length<=this._maxTitleLengthInSecondLines){const l=this.getMaxWidthItemTitle(t,i,r);return this.setItemWidth(e,l,a),l}if(t.length>this._maxTitleLengthInSecondLines){const l=this.getOverloadMaxWidthItemTitle(t,i,r);return this.setItemWidth(e,l,a),l}const s=i.measureText(t).width;return Math.ceil(s)+r}setItemWidth(e,t,i){e.style.maxWidth=`${t-i}px`}getItemContext(){const t=document.createElement("canvas").getContext("2d");return t.font="700 16px '72 Brand Variable'",t}getItemIndentation(e){const t=window.getComputedStyle(e),i=Number.parseInt(t.paddingInlineStart),r=Number.parseInt(t.paddingInlineEnd),a=Number.parseInt(t.marginInlineEnd);return{indentation:i+r+a,marginInlineEnd:a}}getMaxWidthItemTitle(e,t,i){const r=e.slice(0,this._maxTitleLength);return this.getItemTitleWidth(r,t,e,i)}getOverloadMaxWidthItemTitle(e,t,i){const r=e.slice(0,Math.ceil(e.length/2));return this.getItemTitleWidth(r,t,e,i)}getItemTitleWidth(e,t,i,r){const a=e.lastIndexOf(" "),s=e.slice(0,a),l=Math.ceil(t.measureText(s).width),h=i.slice(a,i.length),p=Math.ceil(t.measureText(h).width);return l>p?l+r:p+r}hideLastVisibleTab(e){const i=this.getRootTab(this._selectedTab).getTabInHeaderDomRef(),r=this.getTabHeader().offsetWidth,a=this.getSelectedItemWidth(e,i),s=this.findLastVisibleItem(e,r,a);this.hideInappropriateTabs(s,e)}getRootTab(e){for(;e.hasAttribute("udex-tab")&&!e.parentElement.hasAttribute("udex-tab-navigation");)e=e.parentElement;return e}getSelectedItemWidth(e,t){const i=e.indexOf(t),r=this.getTabWidth(t);return e.splice(i,1),r}findLastVisibleItem(e,t,i,r=0){let a=r-1,s=r;for(;s<e.length;s++){const l=this.getTabWidth(e[s]);if(t<i+l)break;i+=l,a=s}return a}hideInappropriateTabs(e,t){for(let i=e+1;i<t.length;i++)t[i].setAttribute("hidden","")}setVisibleTabs(){this._visibleTabs=this.items.map(e=>e.getTabInHeaderDomRef()).filter(e=>!e.hasAttribute("hidden")),this.getMoreButton().hasAttribute("hidden")||this._visibleTabs.push(this.getMoreButton())}applyTabIndex(){if(!this.shadowRoot.contains(document.activeElement)){const e=this.getRootTab(this._selectedTab),t=this.items.indexOf(e);this.setTabsIndex(t)}}setTabsIndex(e){this.items.forEach((t,i)=>{t._tabIndex=i===e?"0":"-1"})}handleOverflowItemClick(e){e.target.localName==="button"&&(e.preventDefault(),this.onItemSelect(e.target.id)),this.handleClosePopover()}onItemSelect(e){const[t]=this.items.filter(r=>r.__id===e);let i=0;this._selectedTab=t,this.items.forEach((r,a)=>{r.selected=r.__id===e,r.__id===e&&(i=a)}),this.setVisibleTabs(),this.setTabsIndex(i),this.emitClickEvent(i+1)}getMoreButton(){return this.shadowRoot.querySelector(".udex-tab-navigation__button-more")}getHeader(){return this.shadowRoot.querySelector(`#${this.__id}-header`)}handleMoreButton(){this._responsivePopover=this.getResponsePopover(),this.updateOverflowItems(),this.handleTogglePopover()}updateOverflowItems(){this._overflowItems=this.items.filter(e=>{const t=e.getTabInHeaderDomRef();return t&&t.hasAttribute("hidden")})}handleTogglePopover(){var e;(e=this._responsivePopover)!=null&&e.opened?this.handleClosePopover():this.handleOpenPopover()}handleClosePopover(){var e;(e=this._responsivePopover)!=null&&e.opened&&(this._responsivePopover.close(),this.getMoreButton().classList.remove("udex-tab-navigation__button-more--toggled"),this._isExpanded=!1)}handleOpenPopover(){var e;(e=this._responsivePopover)!=null&&e.opened||(this._responsivePopover.showAt(this.getMoreButton()),this.getMoreButton().classList.add("udex-tab-navigation__button-more--toggled"),this._isExpanded=!0)}handleKeyDown(e){this.handleRightArrow(e),this.handleLeftArrow(e),this.handleHomeKey(e),this.handleEndKey(e)}handleRightArrow(e){ye(e)&&(e.preventDefault(),e.stopPropagation(),this.onFocusRightItem(e.target))}onFocusRightItem(e){const t=this.getTabIndexById(e.id),i=this._visibleTabs.length,r=t+1<i?t+1:0;this._visibleTabs[r].focus()}getTabIndexById(e){return this._visibleTabs.findIndex(t=>t.id===e)}handleLeftArrow(e){ke(e)&&(e.preventDefault(),e.stopPropagation(),this.onFocusLeftItem(e.target))}onFocusLeftItem(e){const t=this.getTabIndexById(e.id),i=this._visibleTabs.length-1,r=t-1<0?i:t-1;this._visibleTabs[r].focus()}handleHomeKey(e){vt(e)&&(e.preventDefault(),this._visibleTabs[0].focus())}handleEndKey(e){fo(e)&&(e.preventDefault(),this.onEndKey())}onEndKey(){if(!this.getMoreButton().hasAttribute("hidden"))this.getMoreButton().focus();else{const e=this._visibleTabs.length-1;this._visibleTabs[e].focus()}}handleFocusMoreButton(e){this.handleDownMoreButton(e),this.handleHomeKeyMoreButton(e),this.handleEnterKeyMoreButton(e)}handleHomeKeyMoreButton(e){vt(e)&&(e.preventDefault(),e.stopPropagation(),this._visibleTabs[0].focus())}handleEnterKeyMoreButton(e){Y(e)&&(e.preventDefault(),this._responsivePopover=this.getResponsePopover(),this.updateOverflowItems(),this.handleOpenPopover())}handleDownMoreButton(e){(Ce(e)||Y(e))&&(this._responsivePopover=this.getResponsePopover(),this.handleOpenPopover(),this.updateOverflowItems())}onFocusFirstItemPopover(){var e;if((e=this._responsivePopover)!=null&&e.opened){const i=this.getItemsFromPopover()[0];i.setAttribute("tabindex","0"),i.focus()}}handleFocusPopover(e){e.stopPropagation(),this.handleUp(e),this.handleDown(e),this.handleEnterOrSpace(e),this.handleEscape(e),this.handleHome(e),this.handleEnd(e),this.handleTab(e)}handleTab(e){(Bt(e)||at(e))&&this.handleClosePopover()}handleUp(e){Be(e)&&this.onPreviousItemInPopover(e.target)}onPreviousItemInPopover(e){const t=this.getItemsFromPopover(),i=this.getPopoverTabIndexById(t,e.id),r=i-1<0?t.length-1:i-1,a=t[r];this.resetTabIndexItem(t[i]),a.setAttribute("tabIndex","0"),a.focus()}onNextItemInPopover(e){const t=this.getItemsFromPopover(),i=this.getPopoverTabIndexById(t,e.id),r=i+1>t.length-1?0:i+1,a=t[r];this.resetTabIndexItem(t[i]),a.setAttribute("tabIndex","0"),a.focus()}resetTabIndexItem(e){e.setAttribute("tabIndex","-1")}getItemsFromPopover(){const e=this.getResponsePopover(),[t]=e.content;return Array.from(t.children)}getPopoverTabIndexById(e,t){return e.findIndex(i=>i.id===t)}handleDown(e){Ce(e)&&this.onNextItemInPopover(e.target)}handleEnterOrSpace(e){(Y(e)||M(e))&&(e.preventDefault(),this.onItemSelect(e.target.id),this.handleClosePopover())}handleEscape(e){Xe(e)&&(e.preventDefault(),this.handleClosePopover(),this._visibleTabs[this._visibleTabs.length-1].focus())}handleHome(e){vt(e)&&(e.preventDefault(),this.getItemsFromPopover()[0].focus())}handleEnd(e){if(fo(e)){e.preventDefault(),e.stopPropagation();const t=this.getItemsFromPopover();t[t.length-1].focus()}}getResponsePopover(){return this.shadowRoot.querySelector("[ui5-popover]")}get moreButtonText(){return Js.i18nBundle.getText(I1)}static registerStaticAreaTabStyles(e){}static get tabNavigationPopoverTemplate(){return NN}get tabNavigationPopover(){return xr(Js.tabNavigationPopoverTemplate,this)}};Ar([c({type:Ep,defaultValue:"Small"})],ii.prototype,"sizeMoreButton",void 0);Ar([c({type:Pp,defaultValue:"Light"})],ii.prototype,"mode",void 0);Ar([c({type:Boolean})],ii.prototype,"iconWithoutBackground",void 0);Ar([c({type:String,defaultValue:"auto"})],ii.prototype,"tabWidth",void 0);Ar([c({type:Object})],ii.prototype,"_selectedTab",void 0);Ar([c({validator:q,noAttribute:!0})],ii.prototype,"_width",void 0);Ar([c({type:Object,multiple:!0})],ii.prototype,"_overflowItems",void 0);Ar([I({type:HTMLElement,default:!0,individualSlots:!0,invalidateOnChildChange:!0})],ii.prototype,"items",void 0);ii=Js=Ar([x({tag:"udex-tab-navigation",renderer:w,styles:[RN,T5],template:DN,dependencies:[wn]}),f("click",{detail:{currentPage:{type:Number}}})],ii);ii.define();const jN=ii;function zN(o,e,t){return d`<slot></slot>`}function LN(o,e,t){return d`${this.hasNotHref?ON.call(this,o,e,t):HN.call(this,o,e,t)} `}function ON(o,e,t){return d`<button id="${n(this._id)}" class="udex-tab-navigation__button-tab ${n(this.selectedClass)}${n(this.classWithIconWithoutBackground)}${n(this.buttonClassWithIcon)}" tabindex="${n(this._tabIndex)}" type="button" role="tab" aria-describedby="udex-tab-navigation__${n(this._id)}__accessible-name" aria-posinset="${n(this._posinset)}" aria-setsize="${n(this._setsize)}" aria-controls="${n(this._contentId)}" aria-selected="${n(this.effectiveSelected)}" aria-labelledby="${n(this.ariaLabelledBy)}" ._realTab="${n(this)}" style="width: ${n(this._width)};">${this.hasIcon?MN.call(this,o,e,t):void 0}<span class="udex-tab-navigation__button-text ${n(this.classWithIcon)}">${n(this.text)}${this.numberBadge?XN.call(this,o,e,t):void 0}</span>${this.hasNotIcon?FN.call(this,o,e,t):void 0}<span aria-hidden="true" class="hidden" id="udex-tab-navigation__${n(this._id)}__accessible-name">${n(this.accessibleNameText)}</span></button>`}function MN(o,e,t){return t?d`<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><${u("ui5-icon",e,t)} class="udex-tab-navigation__button-icon" name="${n(this.icon)}"></${u("ui5-icon",e,t)}>${this.showAttentionBadge?wm.call(this,o,e,t):void 0}</span>`:d`<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><ui5-icon class="udex-tab-navigation__button-icon" name="${n(this.icon)}"></ui5-icon>${this.showAttentionBadge?wm.call(this,o,e,t):void 0}</span>`}function wm(o,e,t){return d`<span class="udex-tab-navigation__button-badge"></span>`}function XN(o,e,t){return t?d`<${u("udex-badge",e,t)} class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${n(this.numberBadge)}</${u("udex-badge",e,t)}>`:d`<udex-badge class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${n(this.numberBadge)}</udex-badge>`}function FN(o,e,t){return d`<span class="udex-tab-navigation__button-badge"></span>`}function HN(o,e,t){return d`<a id="${n(this._id)}" class="udex-tab-navigation__button-tab ${n(this.selectedClass)}${n(this.classWithIconWithoutBackground)}${n(this.buttonClassWithIcon)}" tabindex="-1" role="tab" aria-posinset="${n(this._posinset)}" aria-setsize="${n(this._setsize)}" href="${n(this.href)}" target="${n(this.target)}" style="max-width: ${n(this._maxWidth)}px; width: ${n(this._width)};" ._realTab="${n(this)}">${this.hasIcon?UN.call(this,o,e,t):void 0}<span class="udex-tab-navigation__button-text ${n(this.classWithIcon)}">${n(this.text)}${this.numberBadge?qN.call(this,o,e,t):void 0}</span>${this.hasNotIcon?VN.call(this,o,e,t):void 0}<span aria-hidden="true" class="hidden" id="udex-tab-navigation__${n(this._id)}__accessible-name">${n(this.accessibleNameText)}</span></a>`}function UN(o,e,t){return t?d`<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><${u("ui5-icon",e,t)} class="udex-tab-navigation__button-icon" name="${n(this.icon)}"></${u("ui5-icon",e,t)}>${this.showAttentionBadge?km.call(this,o,e,t):void 0}</span>`:d`<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><ui5-icon class="udex-tab-navigation__button-icon" name="${n(this.icon)}"></ui5-icon>${this.showAttentionBadge?km.call(this,o,e,t):void 0}</span>`}function km(o,e,t){return d`<span class="udex-tab-navigation__button-badge"></span>`}function qN(o,e,t){return t?d`<${u("udex-badge",e,t)} class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${n(this.numberBadge)}</${u("udex-badge",e,t)}>`:d`<udex-badge class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${n(this.numberBadge)}</udex-badge>`}function VN(o,e,t){return d`<span class="udex-tab-navigation__button-badge"></span>`}function WN(o,e,t){return d`${this.hasNotHref?GN.call(this,o,e,t):ZN.call(this,o,e,t)} `}function GN(o,e,t){return d`<button id="${n(this._id)}" class="udex-tab-overflow__button" role="tab" aria-selected="${n(this.effectiveSelected)}" tabindex="${n(this._tabIndex)}">${this.hasIcon?YN.call(this,o,e,t):void 0}${n(this.text)}${this.hasNotIcon?KN.call(this,o,e,t):void 0}</button>`}function YN(o,e,t){return t?d`<span class="udex-tab-overflow__button-icon" role="presentation" aria-hidden="true"><${u("ui5-icon",e,t)} name="${n(this.icon)}"></${u("ui5-icon",e,t)}>${this.showAttentionBadge?$m.call(this,o,e,t):void 0}</span>`:d`<span class="udex-tab-overflow__button-icon" role="presentation" aria-hidden="true"><ui5-icon name="${n(this.icon)}"></ui5-icon>${this.showAttentionBadge?$m.call(this,o,e,t):void 0}</span>`}function $m(o,e,t){return d`<span class="udex-tab-overflow__button-badge"></span>`}function KN(o,e,t){return d`<span class="udex-tab-overflow__button-badge" role="presentation" aria-hidden="true"></span>`}function ZN(o,e,t){return d`<a id="${n(this._id)}" href="${n(this.href)}" target="${n(this.target)}" class="udex-tab-overflow__button" role="tab" aria-selected="${n(this.effectiveSelected)}" tabindex="${n(this._tabIndex)}">${this.hasIcon?QN.call(this,o,e,t):void 0}${n(this.text)}${this.hasNotIcon?JN.call(this,o,e,t):void 0}</a>`}function QN(o,e,t){return t?d`<span class="udex-tab-overflow__button-icon" role="presentation" aria-hidden="true"><${u("ui5-icon",e,t)} name="${n(this.icon)}"></${u("ui5-icon",e,t)}>${this.showAttentionBadge?Sm.call(this,o,e,t):void 0}</span>`:d`<span class="udex-tab-overflow__button-icon" role="presentation" aria-hidden="true"><ui5-icon name="${n(this.icon)}"></ui5-icon>${this.showAttentionBadge?Sm.call(this,o,e,t):void 0}</span>`}function Sm(o,e,t){return d`<span class="udex-tab-overflow__button-badge"></span>`}function JN(o,e,t){return d`<span class="udex-tab-overflow__button-badge" role="presentation" aria-hidden="true"></span>`}var lo=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Ln,Fc;(function(o){o._blank="_blank",o._parent="_parent",o._self="_self",o._top="_top"})(Fc||(Fc={}));let Et=Ln=class extends A{getTabInHeaderDomRef(){return this.getElementInHeader?this.getElementInHeader():null}static async onDefine(){Ln.i18nBundle=await L("@udex/web-components")}get isOnSelectedTab(){return this._realTab===this}get _effectiveSlotName(){return this.isOnSelectedTab?this._individualSlot:`disabled-${this._individualSlot}`}get hasIcon(){return!!this.icon}get classWithIcon(){return this.hasIcon?"udex-tab-navigation__button-text--icon":""}get buttonClassWithIcon(){return this.hasIcon?" udex-tab-navigation__button-tab--icon":""}get hasNotIcon(){return!this.icon&&this.showAttentionBadge}get hasNotHref(){return!this.href}get isSelected(){return this.selected||this._selected}get selectedClass(){return this.isSelected?"udex-tab-navigation__button-tab--active":""}get classWithIconWithoutBackground(){return this.hasIcon&&!this._iconWithoutBackground?" udex-tab-navigation__button-tab--icon-tab":""}get tabNavigation(){return xr(Ln.headerTemplate,this)}get tabInOverflow(){return xr(Ln.overflowTemplate,this)}get _slotName(){return this.isOnSelectedTab?this._individualSlot:`disabled-${this._individualSlot}`}get effectiveSelected(){return this.selected||this._selected}get ariaLabelledBy(){const e=[];return this.text&&e.push(`${this.__id}-text`),this.icon&&e.push(`${this.__id}-icon`),e.join(" ")}get accessibleNameText(){return this.accessibleName||(this.showAttentionBadge?`, ${Ln.i18nBundle.getText(B1)}`:"")}static get headerTemplate(){return LN}static get overflowTemplate(){return WN}};lo([c({type:String})],Et.prototype,"numberBadge",void 0);lo([c({type:String})],Et.prototype,"text",void 0);lo([c({type:String})],Et.prototype,"accessibleName",void 0);lo([c({type:Boolean})],Et.prototype,"selected",void 0);lo([c({type:Boolean})],Et.prototype,"showAttentionBadge",void 0);lo([c({type:String})],Et.prototype,"icon",void 0);lo([c({type:String})],Et.prototype,"href",void 0);lo([c({type:Fc,defaultValue:Fc._self})],Et.prototype,"target",void 0);lo([c({type:Object})],Et.prototype,"_realTab",void 0);lo([c({type:Boolean})],Et.prototype,"_selected",void 0);lo([c({type:String})],Et.prototype,"_tabIndex",void 0);lo([c({type:String})],Et.prototype,"_contentTabIndex",void 0);lo([c({type:Boolean})],Et.prototype,"_iconWithoutBackground",void 0);lo([I({type:Node,default:!0})],Et.prototype,"content",void 0);Et=Ln=lo([x({tag:"udex-tab",renderer:w,template:zN,dependencies:[Cu]})],Et);Et.define();jN.registerStaticAreaTabStyles(T5);var Np;(function(o){o.Auto="Auto",o.Vertical="Vertical",o.Horizontal="Horizontal",o.Paging="Paging"})(Np||(Np={}));const mi=Np;var Rp;(function(o){o.Static="Static",o.Cyclic="Cyclic"})(Rp||(Rp={}));const On=Rp;class Vi{constructor(e,t){if(!e.isUI5Element)throw new Error("The root web component must be a UI5 Element instance");if(this.rootWebComponent=e,this.rootWebComponent.addEventListener("keydown",this._onkeydown.bind(this)),this._initBound=this._init.bind(this),this.rootWebComponent.attachComponentStateFinalized(this._initBound),typeof t.getItemsCallback!="function")throw new Error("getItemsCallback is required");this._getItems=t.getItemsCallback,this._currentIndex=t.currentIndex||0,this._rowSize=t.rowSize||1,this._behavior=t.behavior||On.Static,this._navigationMode=t.navigationMode||mi.Auto,this._affectedPropertiesNames=t.affectedPropertiesNames||[],this._skipItemsSize=t.skipItemsSize||null}setCurrentItem(e){const t=this._getItems().indexOf(e);if(t===-1){console.warn("The provided item is not managed by ItemNavigation",e);return}this._currentIndex=t,this._applyTabIndex()}setRowSize(e){this._rowSize=e}_init(){this._getItems().forEach((e,t)=>{e.forcedTabIndex=t===this._currentIndex?"0":"-1"})}_onkeydown(e){if(!this._canNavigate())return;const t=this._navigationMode===mi.Horizontal||this._navigationMode===mi.Auto,i=this._navigationMode===mi.Vertical||this._navigationMode===mi.Auto,r=this.rootWebComponent.effectiveDir==="rtl";if(r&&ke(e)&&t)this._handleRight();else if(r&&ye(e)&&t)this._handleLeft();else if(ke(e)&&t)this._handleLeft();else if(ye(e)&&t)this._handleRight();else if(Be(e)&&i)this._handleUp();else if(Ce(e)&&i)this._handleDown();else if(vt(e))this._handleHome();else if(fo(e))this._handleEnd();else if(Yr(e))this._handlePageUp();else if(Jn(e))this._handlePageDown();else return;e.preventDefault(),this._applyTabIndex(),this._focusCurrentItem()}_handleUp(){const e=this._getItems().length;if(this._currentIndex-this._rowSize>=0){this._currentIndex-=this._rowSize;return}if(this._behavior===On.Cyclic){const t=this._currentIndex%this._rowSize,i=t===0?this._rowSize-1:t-1,r=Math.ceil(e/this._rowSize);let a=i+(r-1)*this._rowSize;a>e-1&&(a-=this._rowSize),this._currentIndex=a}else this._currentIndex=0}_handleDown(){const e=this._getItems().length;if(this._currentIndex+this._rowSize<e){this._currentIndex+=this._rowSize;return}if(this._behavior===On.Cyclic){const i=(this._currentIndex%this._rowSize+1)%this._rowSize;this._currentIndex=i}else this._currentIndex=e-1}_handleLeft(){const e=this._getItems().length;if(this._currentIndex>0){this._currentIndex-=1;return}this._behavior===On.Cyclic&&(this._currentIndex=e-1)}_handleRight(){const e=this._getItems().length;if(this._currentIndex<e-1){this._currentIndex+=1;return}this._behavior===On.Cyclic&&(this._currentIndex=0)}_handleHome(){const e=this._rowSize>1?this._rowSize:this._getItems().length;this._currentIndex-=this._currentIndex%e}_handleEnd(){const e=this._rowSize>1?this._rowSize:this._getItems().length;this._currentIndex+=e-1-this._currentIndex%e}_handlePageUp(){this._rowSize>1||this._handlePageUpFlat()}_handlePageDown(){this._rowSize>1||this._handlePageDownFlat()}_handlePageUpFlat(){if(this._skipItemsSize===null){this._currentIndex-=this._currentIndex;return}this._currentIndex+1>this._skipItemsSize?this._currentIndex-=this._skipItemsSize:this._currentIndex-=this._currentIndex}_handlePageDownFlat(){if(this._skipItemsSize===null){this._currentIndex=this._getItems().length-1;return}this._getItems().length-this._currentIndex-1>this._skipItemsSize?this._currentIndex+=this._skipItemsSize:this._currentIndex=this._getItems().length-1}_applyTabIndex(){const e=this._getItems();for(let t=0;t<e.length;t++)e[t].forcedTabIndex=t===this._currentIndex?"0":"-1";this._affectedPropertiesNames.forEach(t=>{const i=this.rootWebComponent[t];this.rootWebComponent[t]=Array.isArray(i)?[...i]:{...i}})}_focusCurrentItem(){const e=this._getCurrentItem();e&&e.focus()}_canNavigate(){const e=this._getCurrentItem(),t=_d();return e&&e===t}_getCurrentItem(){const e=this._getItems();if(!e.length)return;for(;this._currentIndex>=e.length;)this._currentIndex-=this._rowSize;this._currentIndex<0&&(this._currentIndex=0);const t=e[this._currentIndex];if(!t)return;if(Zn(t))return t.getFocusDomRef();const i=this.rootWebComponent.getDomRef();if(i&&t.id)return i.querySelector(`[id="${t.id}"]`)}}var jp;(function(o){o.Group="Group",o.Individual="Individual"})(jp||(jp={}));const Pe=jp;g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@ui5/webcomponents","sap_horizon",async()=>Q);const C5={packageName:"@ui5/webcomponents",fileName:"themes/AvatarGroup.css.ts",content:`:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host(:not([hidden])){display:block;width:100%}:host{--_ui5-v1-24-17_button_focused_border: var(--_ui5-v1-24-17_avatar_group_button_focus_border)}.ui5-avatar-group-items:focus{outline:none}:host([type="Group"]) .ui5-avatar-group-items:focus{outline:var(--_ui5-v1-24-17_avatar_outline);outline-offset:var(--_ui5-v1-24-17_avatar_focus_offset);border-radius:var(--_ui5-v1-24-17_avatar_group_focus_border_radius)}.ui5-avatar-group-root{display:flex}.ui5-avatar-group-items{white-space:nowrap;position:relative;display:inline-flex}:host([type="Group"]) .ui5-avatar-group-items{cursor:pointer}:host([type="Group"]) ::slotted([ui5-button]),:host([type="Group"]) ::slotted([ui5-avatar]){pointer-events:none}::slotted([ui5-button]:not([hidden])),.ui5-avatar-group-overflow-btn:not([hidden]){--_ui5-v1-24-17_button_base_padding: 0;border-radius:50%;display:inline-flex;text-overflow:initial;z-index:0}::slotted([ui5-button][focused]),.ui5-avatar-group-overflow-btn[focused]{outline:var(--_ui5-v1-24-17_avatar_outline);outline-offset:var(--_ui5-v1-24-17_avatar_focus_offset)}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-xs{height:2rem;width:2rem;min-width:2rem;font-size:.75rem}::slotted([ui5-button]),.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-s{height:3rem;width:3rem;min-width:3rem;font-size:1.125rem}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-m{height:4rem;width:4rem;min-width:4rem;font-size:1.625rem}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-l{height:5rem;width:5rem;min-width:5rem;font-size:2rem}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-xl{height:7rem;width:7rem;min-width:7rem;font-size:2.75rem}
116
- `};function eR(o,e,t){return d`<div class="ui5-avatar-group-root"><div class="ui5-avatar-group-items" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" @focusin="${this._onfocusin}" tabindex="${n(this._groupTabIndex)}" @click="${this._onClick}" @ui5-click="${n(this._onUI5Click)}" aria-label="${n(this._ariaLabelText)}" role="${n(this._role)}" aria-haspopup="${n(this._containerAriaHasPopup)}"><slot></slot>${this._customOverflowButton?tR.call(this,o,e,t):oR.call(this,o,e,t)}</div></div>`}function tR(o,e,t){return d`<slot name="overflowButton"></slot>`}function oR(o,e,t){return t?d`<${u("ui5-button",e,t)} .accessibilityAttributes="${n(this._overflowButtonAccAttributes)}" aria-label="${n(this._overflowButtonAriaLabelText)}" ?hidden="${this._overflowBtnHidden}" ?non-interactive=${this._isGroup} class="${X(this.classes.overflowButton)}">${n(this._overflowButtonText)}</${u("ui5-button",e,t)}>`:d`<ui5-button .accessibilityAttributes="${n(this._overflowButtonAccAttributes)}" aria-label="${n(this._overflowButtonAriaLabelText)}" ?hidden="${this._overflowBtnHidden}" ?non-interactive=${this._isGroup} class="${X(this.classes.overflowButton)}">${n(this._overflowButtonText)}</ui5-button>`}var Is=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Mr;const I5="ui5-avatar-group-overflow-btn",iR=`.${I5}`,rR={[mo.XS]:{[Pe.Individual]:"0.0625rem",[Pe.Group]:"-0.75rem"},[mo.S]:{[Pe.Individual]:"0.125rem",[Pe.Group]:"-1.25rem"},[mo.M]:{[Pe.Individual]:"0.125rem",[Pe.Group]:"-1.625rem"},[mo.L]:{[Pe.Individual]:"0.125rem",[Pe.Group]:" -2rem"},[mo.XL]:{[Pe.Individual]:"0.25rem",[Pe.Group]:"-2.75rem"}};let kr=Mr=class extends A{constructor(){super(),this._itemNavigation=new Vi(this,{getItemsCallback:()=>this._isGroup?[]:this.items.slice(0,this._hiddenStartIndex)}),this._colorIndex=0,this._hiddenItems=0,this._onResizeHandler=this._onResize.bind(this)}static async onDefine(){Mr.i18nBundle=await L("@ui5/webcomponents")}get hiddenItems(){return this.items.slice(this._hiddenStartIndex)}get colorScheme(){return this.items.map(e=>e.еffectiveBackgroundColor)}get _customOverflowButton(){return this.overflowButton.length?this.overflowButton[0]:void 0}get _ariaLabelText(){const e=this.hiddenItems.length,t=this._isGroup?KT:GT;let i=Mr.i18nBundle.getText(t);return i+=` ${Mr.i18nBundle.getText(WT,this._itemsCount-e,e)}`,this._isGroup?i+=` ${Mr.i18nBundle.getText(Cg)}`:i+=` ${Mr.i18nBundle.getText(ZT)}`,i}get _overflowButtonAriaLabelText(){return this._isGroup?void 0:Mr.i18nBundle.getText(Cg)}get _containerAriaHasPopup(){return this._isGroup?this._getAriaHasPopup():void 0}get _overflowButtonAccAttributes(){return{hasPopup:this._isGroup?void 0:this._getAriaHasPopup()}}get _role(){return this._isGroup?"button":"group"}get _hiddenStartIndex(){return this._itemsCount-this._hiddenItems}get _overflowBtnHidden(){return this._hiddenItems===0}get _isGroup(){return this.type===Pe.Group}get _itemsCount(){return this.items.length}get _groupTabIndex(){return this._isGroup?"0":"-1"}get _overflowButton(){return this.shadowRoot.querySelector(iR)}get _overflowButtonEffectiveWidth(){const e=this._customOverflowButton?this._customOverflowButton:this._overflowButton;if(!e)return 0;if(this._isGroup){let t=this.items[1];const i=t.offsetLeft-this.offsetLeft;return(!t||t.hidden)&&(t=e),this.effectiveDir==="rtl"?this._getWidthToItem(t):i}return e.offsetWidth}get firstAvatarSize(){return this.items[0].size}get classes(){return{overflowButton:{"ui5-avatar-group-overflow-btn":!0,"ui5-avatar-group-overflow-btn-xs":this.firstAvatarSize===mo.XS,"ui5-avatar-group-overflow-btn-s":this.firstAvatarSize===mo.S,"ui5-avatar-group-overflow-btn-m":this.firstAvatarSize===mo.M,"ui5-avatar-group-overflow-btn-l":this.firstAvatarSize===mo.L,"ui5-avatar-group-overflow-btn-xl":this.firstAvatarSize===mo.XL}}}onAfterRendering(){this._overflowItems()}onBeforeRendering(){this._customOverflowButton&&(this._customOverflowButton.nonInteractive=this._isGroup),this._prepareAvatars()}onEnterDOM(){re.register(this,this._onResizeHandler)}onExitDOM(){re.deregister(this,this._onResizeHandler)}_onResize(){this._overflowItems()}_onkeydown(e){this._isGroup&&(Y(e)?this._fireGroupEvent(e.target):M(e)&&e.preventDefault())}_onkeyup(e){!e.shiftKey&&M(e)&&this._isGroup&&(this._fireGroupEvent(e.target),e.preventDefault())}_fireGroupEvent(e){const t=e.classList.contains(I5)||e===this._customOverflowButton;this.fireEvent("click",{targetRef:e,overflowButtonClicked:t})}_onClick(e){const t=e.target,i=t.hasAttribute("ui5-button");e.stopPropagation(),(this._isGroup||i)&&this._fireGroupEvent(t)}_onUI5Click(e){const t=e.target,i=t.hasAttribute("ui5-avatar");e.stopPropagation(),i&&this._fireGroupEvent(t)}_prepareAvatars(){this._colorIndex=0,this.items.forEach((e,t)=>{const i=this._getNextBackgroundColor();e.interactive=!this._isGroup,e.getAttribute("_color-scheme")||e.setAttribute("_color-scheme",Dl[`Accent${i}`]),(t!==this._itemsCount-1||this._customOverflowButton)&&(e.style.marginInlineEnd=rR[e.effectiveSize][this.type])})}_onfocusin(e){this._itemNavigation.setCurrentItem(e.target)}_getWidthToItem(e){const t=this.effectiveDir==="rtl",i=e.offsetLeft-this.offsetLeft;if(t){const r=e.offsetParent;return r?r.offsetWidth-e.offsetLeft-e.offsetWidth:0}return i}_overflowItems(){if(this.items.length<2)return;let e=0;for(let t=0;t<this._itemsCount;t++){const i=this.items[t];i.hidden=!1;let r=this._getWidthToItem(i)+i.offsetWidth;if((t!==this._itemsCount-1||this._customOverflowButton)&&(r+=this._overflowButtonEffectiveWidth),r>this.offsetWidth){e=this._itemsCount-t;break}}this._setHiddenItems(e)}_getNextBackgroundColor(){return++this._colorIndex>10&&(this._colorIndex=1),this._colorIndex}_setHiddenItems(e){const t=this._hiddenItems!==e;this._hiddenItems=e,this.items.forEach((i,r)=>{i.hidden=r>=this._hiddenStartIndex}),this._overflowButtonText=`+${e>99?99:e}`,t&&this.fireEvent("overflow")}_getAriaHasPopup(){if(this.ariaHaspopup!=="")return this.ariaHaspopup}};Is([c({type:Pe,defaultValue:Pe.Group})],kr.prototype,"type",void 0);Is([c()],kr.prototype,"ariaHaspopup",void 0);Is([c({noAttribute:!0})],kr.prototype,"_overflowButtonText",void 0);Is([I({type:HTMLElement,default:!0})],kr.prototype,"items",void 0);Is([I()],kr.prototype,"overflowButton",void 0);kr=Mr=Is([x({tag:"ui5-avatar-group",renderer:w,template:eR,styles:C5,dependencies:[Wt]}),f("click",{detail:{targetRef:{type:HTMLElement},overflowButtonClicked:{type:Boolean}}}),f("overflow")],kr);kr.define();const aR=kr;var nR=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};const sR={[gi.XS]:{[Pe.Individual]:"0.0625rem",[Pe.Group]:"-0.75rem"},[gi.S]:{[Pe.Individual]:"0.125rem",[Pe.Group]:"-1.25rem"},[gi.M]:{[Pe.Individual]:"0.125rem",[Pe.Group]:"-1.625rem"},[gi.L]:{[Pe.Individual]:"0.125rem",[Pe.Group]:"-2rem"},[gi.XL]:{[Pe.Individual]:"0.25rem",[Pe.Group]:"-2.75rem"}};let zp=class extends aR{constructor(){super(),this._itemNavigation=new Vi(this,{getItemsCallback:()=>this._isGroup?[]:this.items.slice(0,this._hiddenStartIndex).map(e=>{var t;return(t=e.shadowRoot)==null?void 0:t.firstElementChild})})}onEnterDOM(){var t;super.onEnterDOM();const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".ui5-avatar-group-items");e==null||e.addEventListener("mouseenter",this._onHover.bind(this,!0)),e==null||e.addEventListener("mouseleave",this._onHover.bind(this,!1))}onExitDOM(){var t;super.onExitDOM();const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".ui5-avatar-group-items");e==null||e.removeEventListener("mouseenter",this._onHover.bind(this,!0)),e==null||e.removeEventListener("mouseleave",this._onHover.bind(this,!1))}_onHover(e){this._isGroup&&this.items.every(t=>(t.toggleAttribute("hover",e),!t.hidden))}_onfocusin(e){var i;const t=this._isGroup?e.currentTarget:(i=e.target.shadowRoot)==null?void 0:i.firstElementChild;this._itemNavigation.setCurrentItem(t)}_prepareAvatars(){var i,r;this._colorIndex=0;const e=Object.values(El);let t="";this.items.forEach((a,s)=>{var l,h;++this._colorIndex>e.length-3&&(this._colorIndex=1),a.interactive=!this._isGroup,a.toggleAttribute("ui5-avatar",!0),t+=this._isGroup&&a.hasAttribute("initials")&&!((h=(l=a.shadowRoot)==null?void 0:l.firstElementChild)!=null&&h.hasAttribute("_has-image"))?`${a.getAttribute("initials")} `:"",a.getAttribute("color-scheme")||a.setAttribute("color-scheme",e[this._colorIndex]),(s!==this._itemsCount-1||this._customOverflowButton)&&(a.style.marginInlineEnd=sR[a.effectiveSize][this.type])}),t&&((r=(i=this.shadowRoot)==null?void 0:i.querySelector(".ui5-avatar-group-items"))==null||r.setAttribute("aria-label",`${t}${this._ariaLabelText}`))}};zp=nR([x({tag:"udex-avatar-group",renderer:w,styles:[C5],dependencies:[d5]})],zp);zp.define();function lR(o,e,t){return t?d`<p class="udex-truncated-text"><span class="udex-truncated-text__visible-text">${n(this.visibleText)}</span><${u("udex-button",e,t)} id="toggleButton" design="Tertiary" size="Small" class="udex-truncated-text__toggle-button" @click="${this.onToggleClick}">${n(this.buttonLabel)}</${u("udex-button",e,t)}></p>`:d`<p class="udex-truncated-text"><span class="udex-truncated-text__visible-text">${n(this.visibleText)}</span><udex-button id="toggleButton" design="Tertiary" size="Small" class="udex-truncated-text__toggle-button" @click="${this.onToggleClick}">${n(this.buttonLabel)}</udex-button></p>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const dR={packageName:"@sapudex/web-components",fileName:"themes/TruncatedText.css.ts",content:`:host{--udex-truncated-text-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-truncated-text-line-height: var(--udexTypographyBodyLineHeight, 24px)}.udex-truncated-text{font-family:var(--sapFontFamily);font-size:var(--udex-truncated-text-font-size);line-height:var(--udex-truncated-text-line-height);font-weight:var(--udexTypographyFontWeightRegular)}.udex-truncated-text__visible-text{vertical-align:middle}.udex-truncated-text__toggle-button{--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorBlue7);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-padding-small: 0 3px;--udexTypographyFontWeightMedium: 400;display:inline-block}
116
+ `};function eR(o,e,t){return d`<div class="ui5-avatar-group-root"><div class="ui5-avatar-group-items" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" @focusin="${this._onfocusin}" tabindex="${n(this._groupTabIndex)}" @click="${this._onClick}" @ui5-click="${n(this._onUI5Click)}" aria-label="${n(this._ariaLabelText)}" role="${n(this._role)}" aria-haspopup="${n(this._containerAriaHasPopup)}"><slot></slot>${this._customOverflowButton?tR.call(this,o,e,t):oR.call(this,o,e,t)}</div></div>`}function tR(o,e,t){return d`<slot name="overflowButton"></slot>`}function oR(o,e,t){return t?d`<${u("ui5-button",e,t)} .accessibilityAttributes="${n(this._overflowButtonAccAttributes)}" aria-label="${n(this._overflowButtonAriaLabelText)}" ?hidden="${this._overflowBtnHidden}" ?non-interactive=${this._isGroup} class="${X(this.classes.overflowButton)}">${n(this._overflowButtonText)}</${u("ui5-button",e,t)}>`:d`<ui5-button .accessibilityAttributes="${n(this._overflowButtonAccAttributes)}" aria-label="${n(this._overflowButtonAriaLabelText)}" ?hidden="${this._overflowBtnHidden}" ?non-interactive=${this._isGroup} class="${X(this.classes.overflowButton)}">${n(this._overflowButtonText)}</ui5-button>`}var Is=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Mr;const I5="ui5-avatar-group-overflow-btn",iR=`.${I5}`,rR={[mo.XS]:{[Pe.Individual]:"0.0625rem",[Pe.Group]:"-0.75rem"},[mo.S]:{[Pe.Individual]:"0.125rem",[Pe.Group]:"-1.25rem"},[mo.M]:{[Pe.Individual]:"0.125rem",[Pe.Group]:"-1.625rem"},[mo.L]:{[Pe.Individual]:"0.125rem",[Pe.Group]:" -2rem"},[mo.XL]:{[Pe.Individual]:"0.25rem",[Pe.Group]:"-2.75rem"}};let kr=Mr=class extends A{constructor(){super(),this._itemNavigation=new Vi(this,{getItemsCallback:()=>this._isGroup?[]:this.items.slice(0,this._hiddenStartIndex)}),this._colorIndex=0,this._hiddenItems=0,this._onResizeHandler=this._onResize.bind(this)}static async onDefine(){Mr.i18nBundle=await L("@ui5/webcomponents")}get hiddenItems(){return this.items.slice(this._hiddenStartIndex)}get colorScheme(){return this.items.map(e=>e.еffectiveBackgroundColor)}get _customOverflowButton(){return this.overflowButton.length?this.overflowButton[0]:void 0}get _ariaLabelText(){const e=this.hiddenItems.length,t=this._isGroup?KT:GT;let i=Mr.i18nBundle.getText(t);return i+=` ${Mr.i18nBundle.getText(WT,this._itemsCount-e,e)}`,this._isGroup?i+=` ${Mr.i18nBundle.getText(Cg)}`:i+=` ${Mr.i18nBundle.getText(ZT)}`,i}get _overflowButtonAriaLabelText(){return this._isGroup?void 0:Mr.i18nBundle.getText(Cg)}get _containerAriaHasPopup(){return this._isGroup?this._getAriaHasPopup():void 0}get _overflowButtonAccAttributes(){return{hasPopup:this._isGroup?void 0:this._getAriaHasPopup()}}get _role(){return this._isGroup?"button":"group"}get _hiddenStartIndex(){return this._itemsCount-this._hiddenItems}get _overflowBtnHidden(){return this._hiddenItems===0}get _isGroup(){return this.type===Pe.Group}get _itemsCount(){return this.items.length}get _groupTabIndex(){return this._isGroup?"0":"-1"}get _overflowButton(){return this.shadowRoot.querySelector(iR)}get _overflowButtonEffectiveWidth(){const e=this._customOverflowButton?this._customOverflowButton:this._overflowButton;if(!e)return 0;if(this._isGroup){let t=this.items[1];const i=t.offsetLeft-this.offsetLeft;return(!t||t.hidden)&&(t=e),this.effectiveDir==="rtl"?this._getWidthToItem(t):i}return e.offsetWidth}get firstAvatarSize(){return this.items[0].size}get classes(){return{overflowButton:{"ui5-avatar-group-overflow-btn":!0,"ui5-avatar-group-overflow-btn-xs":this.firstAvatarSize===mo.XS,"ui5-avatar-group-overflow-btn-s":this.firstAvatarSize===mo.S,"ui5-avatar-group-overflow-btn-m":this.firstAvatarSize===mo.M,"ui5-avatar-group-overflow-btn-l":this.firstAvatarSize===mo.L,"ui5-avatar-group-overflow-btn-xl":this.firstAvatarSize===mo.XL}}}onAfterRendering(){this._overflowItems()}onBeforeRendering(){this._customOverflowButton&&(this._customOverflowButton.nonInteractive=this._isGroup),this._prepareAvatars()}onEnterDOM(){re.register(this,this._onResizeHandler)}onExitDOM(){re.deregister(this,this._onResizeHandler)}_onResize(){this._overflowItems()}_onkeydown(e){this._isGroup&&(Y(e)?this._fireGroupEvent(e.target):M(e)&&e.preventDefault())}_onkeyup(e){!e.shiftKey&&M(e)&&this._isGroup&&(this._fireGroupEvent(e.target),e.preventDefault())}_fireGroupEvent(e){const t=e.classList.contains(I5)||e===this._customOverflowButton;this.fireEvent("click",{targetRef:e,overflowButtonClicked:t})}_onClick(e){const t=e.target,i=t.hasAttribute("ui5-button");e.stopPropagation(),(this._isGroup||i)&&this._fireGroupEvent(t)}_onUI5Click(e){const t=e.target,i=t.hasAttribute("ui5-avatar");e.stopPropagation(),i&&this._fireGroupEvent(t)}_prepareAvatars(){this._colorIndex=0,this.items.forEach((e,t)=>{const i=this._getNextBackgroundColor();e.interactive=!this._isGroup,e.getAttribute("_color-scheme")||e.setAttribute("_color-scheme",Dl[`Accent${i}`]),(t!==this._itemsCount-1||this._customOverflowButton)&&(e.style.marginInlineEnd=rR[e.effectiveSize][this.type])})}_onfocusin(e){this._itemNavigation.setCurrentItem(e.target)}_getWidthToItem(e){const t=this.effectiveDir==="rtl",i=e.offsetLeft-this.offsetLeft;if(t){const r=e.offsetParent;return r?r.offsetWidth-e.offsetLeft-e.offsetWidth:0}return i}_overflowItems(){if(this.items.length<2)return;let e=0;for(let t=0;t<this._itemsCount;t++){const i=this.items[t];i.hidden=!1;let r=this._getWidthToItem(i)+i.offsetWidth;if((t!==this._itemsCount-1||this._customOverflowButton)&&(r+=this._overflowButtonEffectiveWidth),r>this.offsetWidth){e=this._itemsCount-t;break}}this._setHiddenItems(e)}_getNextBackgroundColor(){return++this._colorIndex>10&&(this._colorIndex=1),this._colorIndex}_setHiddenItems(e){const t=this._hiddenItems!==e;this._hiddenItems=e,this.items.forEach((i,r)=>{i.hidden=r>=this._hiddenStartIndex}),this._overflowButtonText=`+${e>99?99:e}`,t&&this.fireEvent("overflow")}_getAriaHasPopup(){if(this.ariaHaspopup!=="")return this.ariaHaspopup}};Is([c({type:Pe,defaultValue:Pe.Group})],kr.prototype,"type",void 0);Is([c()],kr.prototype,"ariaHaspopup",void 0);Is([c({noAttribute:!0})],kr.prototype,"_overflowButtonText",void 0);Is([I({type:HTMLElement,default:!0})],kr.prototype,"items",void 0);Is([I()],kr.prototype,"overflowButton",void 0);kr=Mr=Is([x({tag:"ui5-avatar-group",renderer:w,template:eR,styles:C5,dependencies:[Wt]}),f("click",{detail:{targetRef:{type:HTMLElement},overflowButtonClicked:{type:Boolean}}}),f("overflow")],kr);kr.define();const aR=kr;var nR=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};const sR={[gi.XS]:{[Pe.Individual]:"0.0625rem",[Pe.Group]:"-0.75rem"},[gi.S]:{[Pe.Individual]:"0.125rem",[Pe.Group]:"-1.25rem"},[gi.M]:{[Pe.Individual]:"0.125rem",[Pe.Group]:"-1.625rem"},[gi.L]:{[Pe.Individual]:"0.125rem",[Pe.Group]:"-2rem"},[gi.XL]:{[Pe.Individual]:"0.25rem",[Pe.Group]:"-2.75rem"}};let zp=class extends aR{constructor(){super(),this._itemNavigation=new Vi(this,{getItemsCallback:()=>this._isGroup?[]:this.items.slice(0,this._hiddenStartIndex).map(e=>{var t;return(t=e.shadowRoot)==null?void 0:t.firstElementChild})})}onEnterDOM(){var t;super.onEnterDOM();const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".ui5-avatar-group-items");e==null||e.addEventListener("mouseenter",this._onHover.bind(this,!0)),e==null||e.addEventListener("mouseleave",this._onHover.bind(this,!1))}onExitDOM(){var t;super.onExitDOM();const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".ui5-avatar-group-items");e==null||e.removeEventListener("mouseenter",this._onHover.bind(this,!0)),e==null||e.removeEventListener("mouseleave",this._onHover.bind(this,!1))}_onHover(e){this._isGroup&&this.items.every(t=>(t.toggleAttribute("hover",e),!t.hidden))}_onfocusin(e){var i;const t=this._isGroup?e.currentTarget:(i=e.target.shadowRoot)==null?void 0:i.firstElementChild;this._itemNavigation.setCurrentItem(t)}_prepareAvatars(){this._colorIndex=0;const e=Object.values(El);this.items.forEach((t,i)=>{++this._colorIndex>e.length-3&&(this._colorIndex=1),t.interactive=!this._isGroup,t.toggleAttribute("ui5-avatar",!0),t.getAttribute("color-scheme")||t.setAttribute("color-scheme",e[this._colorIndex]),(i!==this._itemsCount-1||this._customOverflowButton)&&(t.style.marginInlineEnd=sR[t.effectiveSize][this.type])})}};zp=nR([x({tag:"udex-avatar-group",renderer:w,styles:[C5],dependencies:[d5]})],zp);zp.define();function lR(o,e,t){return t?d`<p class="udex-truncated-text"><span class="udex-truncated-text__visible-text">${n(this.visibleText)}</span><${u("udex-button",e,t)} id="toggleButton" design="Tertiary" size="Small" class="udex-truncated-text__toggle-button" @click="${this.onToggleClick}">${n(this.buttonLabel)}</${u("udex-button",e,t)}></p>`:d`<p class="udex-truncated-text"><span class="udex-truncated-text__visible-text">${n(this.visibleText)}</span><udex-button id="toggleButton" design="Tertiary" size="Small" class="udex-truncated-text__toggle-button" @click="${this.onToggleClick}">${n(this.buttonLabel)}</udex-button></p>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const dR={packageName:"@sapudex/web-components",fileName:"themes/TruncatedText.css.ts",content:`:host{--udex-truncated-text-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-truncated-text-line-height: var(--udexTypographyBodyLineHeight, 24px)}.udex-truncated-text{font-family:var(--sapFontFamily);font-size:var(--udex-truncated-text-font-size);line-height:var(--udex-truncated-text-line-height);font-weight:var(--udexTypographyFontWeightRegular)}.udex-truncated-text__visible-text{vertical-align:middle}.udex-truncated-text__toggle-button{--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorBlue7);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-padding-small: 0 3px;--udexTypographyFontWeightMedium: 400;display:inline-block}
117
117
  `};var yd=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},el,Lp;(function(o){o.charLimit="char-limit"})(Lp||(Lp={}));const cR="...",uR=new RegExp(/($)|([,.]+)$|([,.]+)?\s+(\S*)$/);let nn=el=class extends A{constructor(){super()}static async onDefine(){el.i18nBundle=await L("@udex/web-components")}get visibleText(){return this.initiallyExpanded?`${this.text} `:this.truncatedText}get truncatedText(){return this.text.substring(0,this.cropAfter()).replace(uR,cR)}get buttonLabel(){return this.initiallyExpanded?el.i18nBundle.getText(E1):el.i18nBundle.getText(D1)}get validatedCharLimit(){return Number(this.charLimit)<0?0:this.charLimit}onBeforeRendering(){this.validateVariables(Lp.charLimit,Number(this.charLimit))}cropAfter(){return this.text.substring(0,Number(this.validatedCharLimit)).trim().length}validateVariables(e,t){t<0&&console.warn(`The variable ${e} cannot take a negative value`)}onToggleClick(){this.initiallyExpanded=!this.initiallyExpanded}};yd([c({type:Boolean})],nn.prototype,"initiallyExpanded",void 0);yd([c({type:String})],nn.prototype,"_direction",void 0);yd([c({type:String})],nn.prototype,"text",void 0);yd([c({defaultValue:150,type:q})],nn.prototype,"charLimit",void 0);nn=el=yd([x({tag:"udex-truncated-text",renderer:w,styles:dR,template:lR,dependencies:[or]})],nn);nn.define();function hR(o,e,t){return d`${this.readOnly?pR.call(this,o,e,t):_R.call(this,o,e,t)} `}function pR(o,e,t){return d`<div class="${n(this.tagClasses)}"><span class="udex-tag__text">${st(this.text)}</span></div>`}function _R(o,e,t){return d`${this.href?vR.call(this,o,e,t):bR.call(this,o,e,t)}`}function vR(o,e,t){return d`<a role="${n(this.accessibleRole)}" class="${n(this.tagClasses)}" @click="${this.tagLinkClickHandler}" href="${n(this.href)}">${this.startIcon?gR.call(this,o,e,t):void 0}<span class="udex-tag__text">${st(this.text)}</span>${this.endIcon?mR.call(this,o,e,t):void 0}</a>`}function gR(o,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-tag__icon udex-tag__icon--start" name="${n(this.icon)}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-tag__icon udex-tag__icon--start" name="${n(this.icon)}"></ui5-icon>`}function mR(o,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-tag__icon udex-tag__icon--end" name="${n(this.icon)}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-tag__icon udex-tag__icon--end" name="${n(this.icon)}"></ui5-icon>`}function bR(o,e,t){return d`${this.nonSelectable?fR.call(this,o,e,t):wR.call(this,o,e,t)}`}function fR(o,e,t){return d`<div class="${n(this.tagClasses)}">${this.startIcon?xR.call(this,o,e,t):void 0}<span class="udex-tag__text">${st(this.text)}</span>${this.endIcon?yR.call(this,o,e,t):void 0}</div>`}function xR(o,e,t){return t?d`<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${n(this.accessibleRole)}" aria-label="${n(this.iconAccessibleName)}"><${u("ui5-icon",e,t)} class="udex-tag__icon udex-tag__icon--start" name="${n(this.icon)}"></${u("ui5-icon",e,t)}></button>`:d`<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${n(this.accessibleRole)}" aria-label="${n(this.iconAccessibleName)}"><ui5-icon class="udex-tag__icon udex-tag__icon--start" name="${n(this.icon)}"></ui5-icon></button>`}function yR(o,e,t){return t?d`<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${n(this.accessibleRole)}" aria-label="${n(this.iconAccessibleName)}"><${u("ui5-icon",e,t)} class="udex-tag__icon udex-tag__icon--end" name="${n(this.icon)}"></${u("ui5-icon",e,t)}></button>`:d`<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${n(this.accessibleRole)}" aria-label="${n(this.iconAccessibleName)}"><ui5-icon class="udex-tag__icon udex-tag__icon--end" name="${n(this.icon)}"></ui5-icon></button>`}function wR(o,e,t){return d`<div tabindex="${n(this._tabIndex)}" class="${n(this.tagClasses)}" @click="${this.tagClickHandler}" @focusin="${this._focusin}" @focusout="${this._focusout}" @keydown="${this.tagKeyDown}" role="${n(this.accessibleRole)}" aria-label="${n(this.accessibleName)}" aria-pressed="${n(this.selected)}">${this.startIcon?kR.call(this,o,e,t):void 0}<span class="udex-tag__text">${st(this.text)}</span>${this.endIcon?$R.call(this,o,e,t):void 0}</div>`}function kR(o,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-tag__icon udex-tag__icon--start" name="${n(this.icon)}" @click="${this.iconClickHandler}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-tag__icon udex-tag__icon--start" name="${n(this.icon)}" @click="${this.iconClickHandler}"></ui5-icon>`}function $R(o,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-tag__icon udex-tag__icon--end" name="${n(this.icon)}" @click="${this.iconClickHandler}"></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-tag__icon udex-tag__icon--end" name="${n(this.icon)}" @click="${this.iconClickHandler}"></ui5-icon>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const SR={packageName:"@sapudex/web-components",fileName:"themes/Tag.css.ts",content:`:host{--udex-tags-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-tags-medium-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-tags-text-color: var(--udexColorGrey9, #223548);--udex-tags-min-height: 16px;--udex-tags-line-height: 18px;--udex-tags-medium-line-height: 21px;--udex-tags-icon-size: 12px;--udex-tags-medium-icon-size: 14px;--udex-tags-radius-size: 6px;--udex-tags-text-icon-gap: 3px;--udex-tags-padding-vertical: var(--udexSpacer2, 2px);--udex-tags-padding-horizontal: var(--udexSpacer8, 8px);--udex-tags-grey-default-caption-color: var(--udexColorGrey9, #223548);--udex-tags-grey-default-background-color: var(--sapButton_TokenBackground, var(--udexColorGrey2, #EAECEE));--udex-tags-grey-hover-caption-color: var(--udexColorGrey9, #223548);--udex-tags-grey-hover-background-color: var(--udexColorGrey3, #D5DADD);--udex-tags-grey-selected-caption-color: var(--udexColorBlue8, #0057D2);--udex-tags-grey-selected-background-color: var(--udexColorBlue2, #D1EFFF);--udex-tags-grey-hover-selected-caption-color: var(--udexColorBlue9, #0040B0);--udex-tags-grey-hover-selected-background-color: var(--udexColorBlue3, #A6E0FF);--udex-tags-grey-read-only-caption-color: var(--udexColorGrey6 ,#5B738B);--udex-tags-grey-read-only-background-color: var(--sapNeutralBackground, #FFFFFF);--udex-tags-outlined-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-default-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-default-border-width: 1px;--udex-tags-outlined-default-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-outlined-hover-background-color: var(--udexColorGrey1, #F5F6F7);--udex-tags-outlined-hover-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-hover-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-outlined-selected-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-selected-border-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-selected-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-hover-selected-background-color: var(--udexColorBlue1 , #EBF8FF);--udex-tags-outlined-hover-selected-border-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-hover-selected-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-read-only-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-read-only-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-read-only-caption-color: var(--udexColorGrey6 ,#5B738B);--udex-tags-text-only-default-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-text-only-hover-caption-color: var(--udexColorBlue9, #0040B0);--udex-tags-text-only-hover-selected-caption-color: var(--udexColorBlue11, #00144A);--udex-tags-text-only-read-only-caption-color: var(--udexColorGrey6, #5B738B);--udex-tags-text-only-selected-caption-color: var(--udexColorBlue10, #002A86);--udex-tags-white-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-white-default-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-white-hover-background-color: var(--udexColorGrey2, #EAECEE);--udex-tags-white-hover-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-white-hover-selected-background-color: var(--udexColorBlue2, #D1EFFF);--udex-tags-white-hover-selected-caption-color: var(--udexColorBlue8, #0057D2);--udex-tags-white-read-only-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-white-read-only-caption-color: var(--udexColorGrey6, #5B738B);--udex-tags-white-selected-background-color: var(--udexColorBlue1, #EBF8FF);--udex-tags-white-selected-caption-color: var(--udexColorBlue7, #0070F2)}:host([desktop]:not([read-only])) .udex-tag:focus,:host([desktop]:not([read-only])) .udex-tag__btn-icon:focus,:host(:not([read-only])) .udex-tag:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:-2px}:host([read-only]) .udex-tag:focus-visible{outline:none;box-shadow:none}.udex-tag{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-tags-font-size);line-height:var(--udex-tags-line-height);color:var(--udex-tags-text-color);border-radius:var(--udex-tags-radius-size);display:inline-flex;padding:var(--udex-tags-padding-vertical) var(--udex-tags-padding-horizontal);gap:var(--udex-tags-text-icon-gap);align-items:center;overflow:hidden;position:relative;max-width:100%;cursor:pointer}.udex-tag__btn-icon{cursor:pointer;border:none;display:flex;padding:3px 0;align-items:center;justify-content:center;border-radius:var(--udex-tags-radius-size);outline-offset:-2px;background:transparent;color:inherit}.udex-tag.udex-tag--nonselectable.udex-tag--has-icon{padding:var(--udexSpacer2) var(--udexSpacer8)}.udex-tag--medium{font-size:var(--udex-tags-medium-font-size);line-height:var(--udex-tags-medium-line-height)}.udex-tag__icon{height:var(--udex-tags-icon-size);min-width:var(--udex-tags-icon-size);color:inherit}.udex-tag--medium .udex-tag__icon{height:var(--udex-tags-medium-icon-size);min-width:var(--udex-tags-medium-icon-size)}.udex-tag-grey,.udex-tag-grey.udex-tag--nonselectable,.udex-tag-grey.udex-tag--nonselectable:hover{color:var(--udex-tags-grey-default-caption-color);background-color:var(--udex-tags-grey-default-background-color)}.udex-tag-grey.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-grey-hover-background-color)}.udex-tag-grey:hover{color:var(--udex-tags-grey-hover-caption-color);background-color:var(--udex-tags-grey-hover-background-color)}.udex-tag-grey.udex-tag--selected{color:var(--udex-tags-grey-selected-caption-color);background-color:var(--udex-tags-grey-selected-background-color)}.udex-tag--nonselectable{cursor:default}.udex-tag-grey.udex-tag--nonselectable,.udex-tag-grey.udex-tag--nonselectable:hover{color:var(--udex-tags-text-color)}.udex-tag-grey.udex-tag--selected:after{content:"";position:absolute;height:2px;width:100%;bottom:0;left:0;background-color:var(--udex-tags-grey-selected-caption-color)}.udex-tag-grey.udex-tag--selected:hover{color:var(--udex-tags-grey-hover-selected-caption-color);background-color:var(--udex-tags-grey-hover-selected-background-color)}.udex-tag-grey.udex-tag--selected:hover:after{background-color:var(--udex-tags-grey-hover-selected-caption-color)}.udex-tag--readonly{cursor:default}.udex-tag-grey.udex-tag--readonly:hover,.udex-tag-grey.udex-tag--readonly{color:var(--udex-tags-grey-read-only-caption-color);background-color:var(--udex-tags-grey-read-only-background-color)}.udex-tag-outlined,.udex-tag-outlined.udex-tag--nonselectable:hover{color:var(--udex-tags-outlined-default-caption-color);background-color:var(--udex-tags-outlined-default-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-default-border-color)}.udex-tag-outlined.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-outlined-hover-background-color)}.udex-tag-outlined:hover{color:var(--udex-tags-outlined-hover-caption-color);background-color:var(--udex-tags-outlined-hover-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-hover-border-color)}.udex-tag-outlined.udex-tag--selected{color:var(--udex-tags-outlined-selected-caption-color);background-color:var(--udex-tags-outlined-selected-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-selected-border-color)}.udex-tag-outlined.udex-tag--selected:after{content:"";position:absolute;height:2px;width:100%;bottom:0;left:0;background-color:var(--udex-tags-outlined-selected-caption-color)}.udex-tag-outlined.udex-tag--selected:hover{color:var(--udex-tags-outlined-hover-selected-caption-color);background-color:var(--udex-tags-outlined-hover-selected-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-hover-selected-border-color)}.udex-tag-outlined.udex-tag--readonly:hover,.udex-tag-outlined.udex-tag--readonly{color:var(--udex-tags-outlined-read-only-caption-color);background-color:var(--udex-tags-outlined-read-only-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-read-only-border-color)}.udex-tag-text,.udex-tag-text.udex-tag--nonselectable.udex-tag--has-icon,.udex-tag-text.udex-tag--nonselectable:hover{color:var(--udex-tags-text-only-default-caption-color);padding:var(--udex-tags-padding-vertical) 0}.udex-tag-text .udex-tag__btn-icon{padding:var(--udexSpacer4) 0}.udex-tag-text.udex-tag--nonselectable .udex-tag__icon:hover,.udex-tag-text:hover{color:var(--udex-tags-text-only-hover-caption-color)}.udex-tag-text.udex-tag--selected{color:var(--udex-tags-text-only-selected-caption-color)}.udex-tag-text.udex-tag--selected:hover{color:var(--udex-tags-text-only-hover-selected-caption-color)}.udex-tag-text.udex-tag--readonly:hover,.udex-tag-text.udex-tag--readonly{color:var(--udex-tags-text-only-read-only-caption-color)}.udex-tag-white,.udex-tag-white.udex-tag--nonselectable:hover{color:var(--udex-tags-white-default-caption-color);background-color:var(--udex-tags-white-default-background-color)}.udex-tag-white.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-white-hover-background-color)}.udex-tag-white:hover{color:var(--udex-tags-white-hover-caption-color);background-color:var(--udex-tags-white-hover-background-color)}.udex-tag-white.udex-tag--selected{color:var(--udex-tags-white-selected-caption-color);background-color:var(--udex-tags-white-selected-background-color)}.udex-tag-white.udex-tag--selected:after{content:"";position:absolute;height:2px;width:100%;bottom:0;left:0;background-color:var(--udex-tags-white-selected-caption-color)}.udex-tag-white.udex-tag--selected:hover{color:var(--udex-tags-white-hover-selected-caption-color);background-color:var(--udex-tags-white-hover-selected-background-color)}.udex-tag-white.udex-tag--selected:hover:after{background-color:var(--udex-tags-white-hover-selected-caption-color)}.udex-tag-white.udex-tag--readonly:hover,.udex-tag-white.udex-tag--readonly{color:var(--udex-tags-white-read-only-caption-color );background-color:var(--udex-tags-white-read-only-background-color)}.udex-tag__text b{font-weight:400}.udex-tag__text{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap;min-height:var(--udex-tags-min-height)}.udex-tag--link{text-decoration:none}
118
118
  `};var Gt=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Hc;(function(o){o.Text="Text",o.White="White",o.Outlined="Outlined",o.Grey="Grey"})(Hc||(Hc={}));var Uc;(function(o){o.Small="Small",o.Medium="Medium"})(Uc||(Uc={}));let lt=class extends A{onBeforeRendering(){this.toBeDeleted=!1}onEnterDOM(){var e,t;_e()&&this.setAttribute("desktop",""),this.accessibleRole!=="button"&&((t=(e=this.shadowRoot)==null?void 0:e.firstElementChild)==null||t.removeAttribute("aria-pressed"))}setSelected(){this.selected=!this.selected}iconClickHandler(e){e.stopPropagation(),this.fireEvent("iconClick")}tagClickHandler(){this.isInteractiveTag&&(this.setSelected(),this.fireEvent("selectionChange"))}tagKeyDown(e){Y(e)&&this.tagClickHandler()}_focusin(){this.focused=!0}_focusout(){this.focused=!this.focused}get tagClasses(){var l;const e=this.hasIcon?"udex-tag--has-icon":"",t=this.readOnly?"udex-tag--readonly":"",i=this.nonSelectable&&!this.href?"udex-tag--nonselectable":"",r=this.href?"udex-tag--link":"",a=this.selected?"udex-tag--selected":"",s=`udex-tag-${(l=this.design)==null?void 0:l.toLowerCase()}`;return`udex-tag udex-tag--${this.size.toLocaleLowerCase()} ${s} ${e} ${t} ${i} ${r} ${a}`.trim()}get startIcon(){return this.hasIcon&&this.iconPlacement===oi.Start}get endIcon(){return this.hasIcon&&this.iconPlacement===oi.End}get _tabIndex(){return this.overflows||this.nonSelectable?-1:0}get textDom(){return this.getDomRef().querySelector(".udex-tag__text")}get isTruncatable(){return this.textDom?Math.ceil(this.textDom.getBoundingClientRect().width)<Math.ceil(this.textDom.scrollWidth):!1}get isInteractiveTag(){return!this.readOnly&&!this.toBeDeleted&&!this.nonSelectable}get hasIcon(){return!!this.icon&&!this.readOnly}get iconAccessibleName(){return this.accessibleName||this.text}tagLinkClickHandler(e){this.fireEvent("tagLinkClick",{originalEvent:e},!0)}};Gt([c()],lt.prototype,"text",void 0);Gt([c()],lt.prototype,"href",void 0);Gt([c({type:Hc,defaultValue:Hc.Grey})],lt.prototype,"design",void 0);Gt([c({type:Uc,defaultValue:Uc.Small})],lt.prototype,"size",void 0);Gt([c()],lt.prototype,"icon",void 0);Gt([c({type:oi,defaultValue:oi.End})],lt.prototype,"iconPlacement",void 0);Gt([c({type:Boolean})],lt.prototype,"readOnly",void 0);Gt([c()],lt.prototype,"accessibleName",void 0);Gt([c({defaultValue:"button"})],lt.prototype,"accessibleRole",void 0);Gt([c({type:Boolean})],lt.prototype,"selected",void 0);Gt([c({type:Boolean})],lt.prototype,"focused",void 0);Gt([c({type:Boolean})],lt.prototype,"toBeDeleted",void 0);Gt([c({type:Boolean})],lt.prototype,"overflows",void 0);Gt([c({type:Boolean})],lt.prototype,"singleToken",void 0);Gt([c({type:Boolean})],lt.prototype,"nonSelectable",void 0);lt=Gt([x({tag:"udex-tag",renderer:w,styles:SR,template:hR,dependencies:[oe]}),f("selectionChange"),f("iconClick"),f("tagLinkClick")],lt);lt.define();const B5=lt,lr=new WeakMap;class gl{static get tasks(){return lr}static enqueue(e,t){lr.has(e)||lr.set(e,[]),lr.get(e).push(t)}static run(e,t){return lr.has(e)||lr.set(e,[]),t().then(()=>{const i=lr.get(e);if(i.length>0)return gl.run(e,i.shift());lr.delete(e)})}static push(e,t){lr.get(e)?gl.enqueue(e,t):gl.run(e,t)}}const TR=o=>{let e=null,t=!1,i,r,a;const s=new Promise((l,h)=>{a=p=>{e=e||p;const _=p-e,v=o.duration-_;if(_<=o.duration){const m=1-v/o.duration;o.advance(m),t||(i=requestAnimationFrame(a))}else o.advance(1),l()},r=()=>{t=!0,cancelAnimationFrame(i),h(new Error("animation stopped"))}}).catch(l=>l);return gl.push(o.element,()=>(typeof o.beforeStart=="function"&&o.beforeStart(),requestAnimationFrame(a),new Promise(l=>{s.then(()=>l())}))),{promise:()=>s,stop:()=>r}},CR=400,IR=(o,e,t)=>{let i,r;return TR({beforeStart:()=>{i=o.scrollLeft,r=o.scrollTop},duration:CR,element:o,advance:a=>{o.scrollLeft=i+a*e,o.scrollTop=r+a*t}})},BR="scroll",AR=yl()?"touchend":"mouseup";class A5 extends Hi{constructor(e){super(),this.supportsTouch=yl(),this.containerComponent=e,this.mouseMove=this.ontouchmove.bind(this),this.mouseUp=this.ontouchend.bind(this),this.touchStart=this.ontouchstart.bind(this),this.supportsTouch=yl(),this.cachedValue={dragX:0,dragY:0},this.startX=0,this.startY=0,this.supportsTouch?(e.addEventListener("touchstart",this.touchStart,{passive:!0}),e.addEventListener("touchmove",this.mouseMove,{passive:!0}),e.addEventListener("touchend",this.mouseUp,{passive:!0})):e.addEventListener("mousedown",this.touchStart,{passive:!0})}set scrollContainer(e){this._container=e}get scrollContainer(){return this._container}async scrollTo(e,t,i=0,r=0){let a=this.scrollContainer.clientHeight>0&&this.scrollContainer.clientWidth>0;for(;!a&&i>0;)await new Promise(s=>{setTimeout(()=>{a=this.scrollContainer.clientHeight>0&&this.scrollContainer.clientWidth>0,i--,s()},r)});this._container.scrollLeft=e,this._container.scrollTop=t}move(e,t,i){if(i){this._container.scrollLeft+=e,this._container.scrollTop+=t;return}if(this._container)return IR(this._container,e,t)}getScrollLeft(){return this._container.scrollLeft}getScrollTop(){return this._container.scrollTop}_isTouchInside(e){let t=null;this.supportsTouch&&e instanceof TouchEvent&&(t=e.touches[0]);const i=this._container.getBoundingClientRect(),r=this.supportsTouch?t.clientX:e.x,a=this.supportsTouch?t.clientY:e.y;return r>=i.left&&r<=i.right&&a>=i.top&&a<=i.bottom}ontouchstart(e){let t=null;this.supportsTouch&&e instanceof TouchEvent&&(t=e.touches[0]),t?(this.startX=t.pageX,this.startY=t.pageY):(document.addEventListener("mouseup",this.mouseUp,{passive:!0}),document.addEventListener("mousemove",this.mouseMove,{passive:!0})),t&&(this._prevDragX=t.pageX,this._prevDragY=t.pageY),e instanceof MouseEvent&&(this._prevDragX=e.x,this._prevDragY=e.y),this._canScroll=this._isTouchInside(e)}ontouchmove(e){if(!this._canScroll)return;const t=this._container,i=this.supportsTouch?e.touches[0]:null,r=this.supportsTouch?i.pageX:e.x,a=this.supportsTouch?i.pageY:e.y;t.scrollLeft+=this._prevDragX-r,t.scrollTop+=this._prevDragY-a,this.fireEvent(BR,{isLeft:r>this._prevDragX,isRight:r<this._prevDragX}),this.cachedValue.dragX=this._prevDragX,this.cachedValue.dragY=this._prevDragY,this._prevDragX=r,this._prevDragY=a}ontouchend(e){if(this.supportsTouch){const l=Math.abs(e.changedTouches[0].pageX-this.startX),h=Math.abs(e.changedTouches[0].pageY-this.startY);if(l<10&&h<10)return}if(!this._canScroll)return;const t=this._container,i=this.supportsTouch?e.changedTouches[0].pageX:e.x,r=this.supportsTouch?e.changedTouches[0].pageY:e.y;t.scrollLeft+=this._prevDragX-i,t.scrollTop+=this._prevDragY-r;const s=i===this._prevDragX?this.cachedValue.dragX:i;this.fireEvent(AR,{isLeft:s<this._prevDragX,isRight:s>this._prevDragX}),this._prevDragX=i,this._prevDragY=r,this.supportsTouch||(document.removeEventListener("mousemove",this.mouseMove),document.removeEventListener("mouseup",this.mouseUp))}}let wd=null,Eu=!1;const Op=new Set,vv=new Set,D5=o=>{!o.dataTransfer||!(o.target instanceof HTMLElement)||vv.has(o.target)||(wd=o.target)},E5=()=>{wd=null},P5=()=>{wd=null},DR=o=>{wd=o},ER=()=>wd,PR=()=>{Eu||(document.body.addEventListener("dragstart",D5),document.body.addEventListener("dragend",E5),document.body.addEventListener("drop",P5))},NR=()=>{document.body.removeEventListener("dragstart",D5),document.body.removeEventListener("dragend",E5),document.body.removeEventListener("drop",P5),Eu=!1},RR=o=>{Op.add(o),Eu||PR()},jR=o=>{Op.delete(o),Op.size===0&&Eu&&NR()},zR=o=>(vv.add(o),DR),LR=o=>{vv.delete(o)},jd={subscribe:RR,unsubscribe:jR,addSelfManagedArea:zR,removeSelfManagedArea:LR,getDraggedElement:ER};var Mp;(function(o){o.On="On",o.Before="Before",o.After="After"})(Mp||(Mp={}));const Ut=Mp;var Xp;(function(o){o.Vertical="Vertical",o.Horizontal="Horizontal"})(Xp||(Xp={}));const ea=Xp,Tm=(o,e,t,i)=>{const r=Math.abs(o-e),a=Math.abs(o-t),s=Math.abs(o-i),l=Math.min(r,a,s);let h=[];switch(l){case r:h=[Ut.Before];break;case a:h=[Ut.On,r<s?Ut.Before:Ut.After];break;case s:h=[Ut.After];break}return h},OR=(o,e,t)=>{let i=Number.POSITIVE_INFINITY,r=null;for(let m=0;m<o.length;m++){const b=o[m],{left:k,width:R,top:z,height:H}=b.getBoundingClientRect();let C;t===ea.Vertical?C=z+H/2:C=k+R/2;const B=Math.abs(e-C);B<i&&(i=B,r=b)}if(!r)return null;const{width:a,height:s,left:l,right:h,top:p,bottom:_}=r.getBoundingClientRect();let v;return t===ea.Vertical?v=Tm(e,p,p+s/2,_):v=Tm(e,l,l+a/2,h),{element:r,placements:v}},Cm=o=>{let e=o;return o.shadowRoot&&o.shadowRoot.activeElement&&(e=o.shadowRoot.activeElement),e};let zd=null;const N5=(o,e)=>{zd&&clearTimeout(zd),zd=setTimeout(()=>{zd=null,o()},e)},MR=o=>{const e=o.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)};var Fp;(function(o){o.None="None",o.SingleSelect="SingleSelect",o.SingleSelectBegin="SingleSelectBegin",o.SingleSelectEnd="SingleSelectEnd",o.SingleSelectAuto="SingleSelectAuto",o.MultiSelect="MultiSelect",o.Delete="Delete"})(Fp||(Fp={}));const Ne=Fp;var Hp;(function(o){o.Button="Button",o.Scroll="Scroll",o.None="None"})(Hp||(Hp={}));const ml=Hp,XR=o=>{if(!o)return!1;const e=o.nodeName.toLowerCase();if(o.hasAttribute("data-sap-no-tab-ref")||Tu(o))return!1;const t=o.getAttribute("tabindex");return t!=null?parseInt(t)>=0:e==="a"||/input|select|textarea|button|object/.test(e)?!o.disabled:!1},FR=o=>Up([...o.children]),Up=(o,e)=>{const t=e||[];return o&&o.forEach(i=>{if(i.nodeType===Node.TEXT_NODE||i.nodeType===Node.COMMENT_NODE)return;let r=i;if(!r.hasAttribute("data-sap-no-tab-ref")){if(r.shadowRoot){const a=r.shadowRoot.children;r=Array.from(a).find(s=>s.tagName!=="STYLE")}r&&(XR(r)&&t.push(r),r.tagName==="SLOT"?Up(r.assignedNodes(),t):Up([...r.children],t))}}),t};g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@ui5/webcomponents","sap_horizon",async()=>Q);const HR={packageName:"@ui5/webcomponents",fileName:"themes/ListItemBase.css.ts",content:`:host(:not([hidden])){display:block}:host{height:var(--_ui5-v1-24-17_list_item_base_height);background:var(--ui5-v1-24-17-listitem-background-color);box-sizing:border-box;border-bottom:1px solid transparent}:host([selected]){background:var(--sapList_SelectionBackgroundColor);.ui5-li-additional-text{text-shadow:var(--sapContent_TextShadow)}}:host([has-border]){border-bottom:var(--ui5-v1-24-17-listitem-border-bottom)}:host([selected]){border-bottom:var(--ui5-v1-24-17-listitem-selected-border-bottom)}:host(:not([focused])[selected][has-border]){border-bottom:var(--ui5-v1-24-17-listitem-selected-border-bottom)}:host([focused][selected]){border-bottom:var(--ui5-v1-24-17-listitem-focused-selected-border-bottom)}.ui5-li-root{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:0 1rem;box-sizing:border-box;background:inherit}:host([focused]) .ui5-li-root.ui5-li--focusable{outline:none}:host([focused]:not([data-moving])) .ui5-li-root.ui5-li--focusable:after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;border-radius:0;inset:.125rem;pointer-events:none}:host([focused]:not(data-moving)) .ui5-li-root .ui5-li-content:focus:after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}:host([active][focused]) .ui5-li-root.ui5-li--focusable:after{border-color:var(--ui5-v1-24-17-listitem-active-border-color)}:host([disabled]){opacity:var(--_ui5-v1-24-17-listitembase_disabled_opacity);pointer-events:none}.ui5-li-content{max-width:100%;font-family:"72override",var(--sapFontFamily);color:var(--sapList_TextColor)}
119
119
  `};g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@ui5/webcomponents","sap_horizon",async()=>Q);const UR={packageName:"@ui5/webcomponents",fileName:"themes/DraggableElement.css.ts",content:`[draggable=true]{cursor:grab!important}[draggable=true][data-moving]{cursor:grabbing!important;opacity:var(--sapContent_DisabledOpacity)}
@@ -136,10 +136,10 @@ To prevent other runtimes from defining tags that you use, consider using scopin
136
136
  `};var Tn=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Na;let Gi=Na=class extends A{constructor(){super(),this._previousValue=0,this._transitionDuration=0}onBeforeRendering(){this._transitionDuration=Math.abs(this._previousValue-this.validatedValue)*20,this._previousValue=this.validatedValue}valueStateTextMappings(){return{Error:Na.i18nBundle.getText(ov),Warning:Na.i18nBundle.getText(iv),Success:Na.i18nBundle.getText(rv),Information:Na.i18nBundle.getText(X1)}}valueStateIconMappings(){return{Error:"status-negative",Warning:"status-critical",Success:"status-positive",Information:"information"}}get styles(){return{bar:{width:`${this.validatedValue}%`,"transition-duration":this.shouldAnimate?`${this._transitionDuration}ms`:"none"}}}get classes(){return{root:{"ui5-progress-indicator-max-value":this.validatedValue===100,"ui5-progress-indicator-min-value":this.validatedValue===0}}}get validatedValue(){return this.value<0?0:this.value>100?100:this.value}get showValueInRemainingBar(){return this.value<=50}get shouldAnimate(){return F_()!==X_.None}get valueStateText(){const e=`${this.validatedValue}%`,t=this.valueStateTextMappings()[this.valueState];return t?`${e} ${t}`:e}get showIcon(){return this.valueState!==pe.None}get valueStateIcon(){return this.valueStateIconMappings()[this.valueState]}get _ariaDisabled(){return this.disabled||void 0}static async onDefine(){Na.i18nBundle=await L("@ui5/webcomponents")}};Tn([c()],Gi.prototype,"accessibleName",void 0);Tn([c({type:Boolean})],Gi.prototype,"disabled",void 0);Tn([c({type:Boolean})],Gi.prototype,"hideValue",void 0);Tn([c({validator:q,defaultValue:0})],Gi.prototype,"value",void 0);Tn([c({defaultValue:null})],Gi.prototype,"displayValue",void 0);Tn([c({type:pe,defaultValue:pe.None})],Gi.prototype,"valueState",void 0);Gi=Na=Tn([x({tag:"ui5-progress-indicator",renderer:w,styles:Uj,template:Pj,dependencies:[oe]})],Gi);Gi.define();const V5=Gi;g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const qj={packageName:"@sapudex/web-components",fileName:"themes/ProgressBar.css.ts",content:`:host{--udex-progress-bar-point-size: .375rem}:host::part(remaining-bar):after{width:var(--udex-progress-bar-point-size, .375rem);height:var(--udex-progress-bar-point-size, .375rem)}
137
137
  `};var Vj=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};let Zp=class extends V5{};Zp=Vj([x({tag:"udex-progress-bar",renderer:w,styles:[V5.styles,qj]})],Zp);Zp.define();const Wj="direction-arrows",W5="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",Gj=!1,Yj="SAP-icons-v4",Kj="@ui5/webcomponents-icons";D(Wj,{pathData:W5,ltr:Gj,collection:Yj,packageName:Kj});const Zj="direction-arrows",G5="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",Qj=!1,Jj="SAP-icons-v5",ez="@ui5/webcomponents-icons";D(Zj,{pathData:G5,ltr:Qj,collection:Jj,packageName:ez});te();g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@ui5/webcomponents","sap_horizon",async()=>Q);const tz={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-17_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-17_slider_padding);touch-action:none}.ui5-slider-inner{background-repeat:no-repeat;position:relative;min-width:var(--_ui5-v1-24-17_slider_inner_min_width);height:100%}.ui5-slider-progress-container{width:100%;background:var(--_ui5-v1-24-17_slider_progress_container_background);border:var(--_ui5-v1-24-17_slider_progress_border);border-radius:var(--_ui5-v1-24-17_slider_progress_border_radius);height:var(--_ui5-v1-24-17_slider_inner_height);position:relative;box-sizing:var(--_ui5-v1-24-17_slider_progress_box_sizing);top:var(--_ui5-v1-24-17_slider_progress_container_top)}.ui5-slider-progress-container:before,.ui5-slider-progress-container:after{display:var(--_ui5-v1-24-17_slider_progress_container_dot_display);content:"";position:absolute;border-radius:50%;width:var(--_ui5-v1-24-17_slider_start_end_point_size);height:var(--_ui5-v1-24-17_slider_start_end_point_size);top:var(--_ui5-v1-24-17_slider_start_end_point_top)}.ui5-slider-progress-container:before{inset-inline-start:var(--_ui5-v1-24-17_slider_start_end_point_left);background-color:var(--_ui5-v1-24-17_slider_progress_before_background);border:var(--_ui5-v1-24-17_slider_progress_before_border)}.ui5-slider-progress-container:after{inset-inline-end:var(--_ui5-v1-24-17_slider_start_end_point_left);background-color:var(--_ui5-v1-24-17_slider_progress_after_background);border:var(--_ui5-v1-24-17_slider_progress_after_border)}.ui5-slider-progress{background:var(--_ui5-v1-24-17_slider_progress_background);border-radius:var(--_ui5-v1-24-17_slider_progress_border_radius);height:var(--_ui5-v1-24-17_slider_progress_height);position:relative;outline:none;box-sizing:border-box;border:var(--_ui5-v1-24-17_slider_active_progress_border);left:var(--_ui5-v1-24-17_slider_active_progress_left);top:var(--_ui5-v1-24-17_slider_active_progress_top)}.ui5-slider-tickmarks{list-style:none;padding:0;margin:0;top:var(--_ui5-v1-24-17_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-17_slider_tickmark_height);border-inline-start:1px solid var(--_ui5-v1-24-17_slider_tickmark_bg)}.ui5-slider-handle{background:var(--_ui5-v1-24-17_slider_handle_background);border:var(--_ui5-v1-24-17_slider_handle_border);border-radius:var(--_ui5-v1-24-17_slider_handle_border_radius);margin-inline-start:calc(-1 * var(--_ui5-v1-24-17_slider_handle_width) / 2);top:var(--_ui5-v1-24-17_slider_handle_top);position:absolute;outline:none;height:var(--_ui5-v1-24-17_slider_handle_height);width:var(--_ui5-v1-24-17_slider_handle_width);box-sizing:var(--_ui5-v1-24-17_slider_handle_box_sizing);display:flex;justify-content:center;align-items:center;z-index:2}[slider-icon]{display:var(--_ui5-v1-24-17_slider_handle_icon_display);color:var(--sapContent_Selected_ForegroundColor);width:var(--_ui5-v1-24-17_slider_handle_icon_size);height:var(--_ui5-v1-24-17_slider_handle_icon_size)}.ui5-slider-root .ui5-slider-handle:focus [slider-icon]{display:var(--_ui5-v1-24-17_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-17_slider_handle_hover_background);border:var(--_ui5-v1-24-17_slider_handle_hover_border)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{outline:var(--_ui5-v1-24-17_slider_handle_outline);outline-offset:var(--_ui5-v1-24-17_slider_handle_outline_offset);border:var(--_ui5-v1-24-17_slider_handle_focus_border);background:var(--_ui5-v1-24-17_slider_handle_background_focus)}.ui5-slider-handle.ui5-slider-handle--start:focus,.ui5-slider-handle--end:focus{border:var(--_ui5-v1-24-17_slider_handle_focus_border)}.ui5-slider-root:focus:hover .ui5-slider-handle,.ui5-slider-handle:focus:hover{border:var(--_ui5-v1-24-17_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-17_slider_tooltip_bottom);background:var(--_ui5-v1-24-17_slider_tooltip_background);border:var(--_ui5-v1-24-17_slider_tooltip_border);border-radius:var(--_ui5-v1-24-17_slider_tooltip_border_radius);box-shadow:var(--_ui5-v1-24-17_slider_tooltip_box_shadow);font-size:var(--_ui5-v1-24-17_slider_tooltip_fontsize);color:var(--_ui5-v1-24-17_slider_tooltip_color);height:var(--_ui5-v1-24-17_slider_tooltip_height);min-width:var(--_ui5-v1-24-17_slider_tooltip_min_width);padding:var(--_ui5-v1-24-17_slider_tooltip_padding);box-sizing:var(--_ui5-v1-24-17_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-17_slider_label_color);font-size:var(--_ui5-v1-24-17_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-17_slider_handle_focused_tooltip_distance)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--_ui5-v1-24-17_slider_tickmark_in_range_bg)}:host([show-tickmarks]) .ui5-slider-progress{height:var(--_ui5-v1-24-17_slider_no_tickmarks_progress_height);border:var(--_ui5-v1-24-17_slider_no_tickmarks_active_progress_border);left:var(--_ui5-v1-24-17_slider_no_tickmarks_active_progress_left);top:var(--_ui5-v1-24-17_slider_no_tickmarks_active_progress_top)}:host([show-tickmarks]) .ui5-slider-progress-container{top:var(--_ui5-v1-24-17_slider_no_tickmarks_progress_container_top)}.ui5-slider-handle:focus:after{content:"";display:var(--_ui5-v1-24-17_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-17_slider_handle_border_radius);pointer-events:none}
138
138
  `};var di=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},pi;let yo=pi=class extends A{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,ye,Be,Ce,qd,vl,Hn,Cl,xh,rS,vt,fo,Yr,Jn,Xe]}static get MIN_SPACE_BETWEEN_TICKMARKS(){return 8}static get TOOLTIP_VISIBILITY(){return{VISIBLE:"visible",HIDDEN:"hidden"}}static get render(){return w}static get styles(){return tz}get classes(){return{root:{"ui5-slider-root-phone":Ze()},labelContainer:{"ui5-slider-hidden-labels":this._labelsOverlapping}}}onEnterDOM(){re.register(this,this._resizeHandler)}onExitDOM(){re.deregister(this,this._resizeHandler)}onAfterRendering(){this.notResized&&this._resizeHandler()}_onmouseover(){this.showTooltip&&(this._tooltipVisibility=pi.TOOLTIP_VISIBILITY.VISIBLE)}_onmouseout(){this.showTooltip&&!this.shadowRoot.activeElement&&(this._tooltipVisibility=pi.TOOLTIP_VISIBILITY.HIDDEN)}_onkeydown(e){this.disabled||this._effectiveStep===0||pi._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()<pi.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(i=>i.scrollWidth>i.clientWidth)}handleDownBase(e){const t=this._effectiveMin,i=this._effectiveMax,r=this.getBoundingClientRect(),a=this.directionStart,s=this._effectiveStep,l=pi.getValueFromInteraction(e,s,t,i,r,a);return this._isUserInteraction=!0,window.addEventListener("mouseup",this._upHandler),window.addEventListener("touchend",this._upHandler),yl()&&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,i){return e=Math.min(Math.max(e,t),i),e}static getValueFromInteraction(e,t,i,r,a,s){const l=this.getPageXValueFromEvent(e),h=this.computedValueFromPageX(l,i,r,a,s),p=this.getSteppedValue(h,t,i);return this.clipValue(p,i,r)}static getSteppedValue(e,t,i){const r=Math.abs((e-i)%t);if(t===0||r===0)return e;e=r*2>=t?e+t-r:e-r;const a=pi._getDecimalPrecisionOfNumber(t);return Number(e.toFixed(a))}static getPageXValueFromEvent(e){return yl()&&e instanceof TouchEvent?e.targetTouches&&e.targetTouches.length>0?e.targetTouches[0].pageX:0:e.pageX}static computedValueFromPageX(e,t,i,r,a){const l=(a==="left"?e-r[a]:r[a]-e)/r.width;return t+l*(i-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,i=(this._effectiveMax-this._effectiveMin)/(t*e);if(i===this._oldNumberOfLabels&&this._oldMin===this._effectiveMin&&this._oldMax===this._effectiveMax)return;this._oldMin=this._effectiveMin,this._oldMax=this._effectiveMax,this._oldNumberOfLabels=i,this._labelWidth=100/i,this._labelValues=[];const r=pi._getDecimalPrecisionOfNumber(t);for(let a=0;a<=i;a++){const s=(a*t*e+this._effectiveMin).toFixed(r);this._labelValues.push(s)}}_handleActionKeyPressBase(e,t){const i=pi._isIncreaseValueAction(e,this.directionStart),r=pi._isBigStepAction(e),a=this[t],s=this._effectiveMin,l=this._effectiveMax;let h=this._effectiveStep;return h=r&&(l-s)/h>10?(l-s)/10:h,fo(e)?l-a:vt(e)?(a-s)*-1:i?h:h*-1}static _isIncreaseValueAction(e,t){return t==="right"?Be(e)||Hn(e)||ke(e)||qd(e)||xh(e)||Yr(e):Be(e)||Hn(e)||ye(e)||vl(e)||xh(e)||Yr(e)}static _isBigStepAction(e){return Cl(e)||Hn(e)||qd(e)||vl(e)||Yr(e)||Jn(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()}};di([c({validator:qe,defaultValue:0})],yo.prototype,"min",void 0);di([c({validator:qe,defaultValue:100})],yo.prototype,"max",void 0);di([c({validator:qe,defaultValue:1})],yo.prototype,"step",void 0);di([c({validator:q,defaultValue:0})],yo.prototype,"labelInterval",void 0);di([c({type:Boolean})],yo.prototype,"showTickmarks",void 0);di([c({type:Boolean})],yo.prototype,"showTooltip",void 0);di([c({type:Boolean})],yo.prototype,"disabled",void 0);di([c()],yo.prototype,"accessibleName",void 0);di([c({defaultValue:"hidden"})],yo.prototype,"_tooltipVisibility",void 0);di([c({type:Boolean})],yo.prototype,"_labelsOverlapping",void 0);di([c({type:Boolean})],yo.prototype,"_hiddenTickmarks",void 0);yo=pi=di([f("change"),f("input")],yo);const Qo=yo;function oz(o,e,t){return t?d`<div class="ui5-slider-root ${X(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="${n(this._id)}-startHandleDesc" class="ui5-hidden-text">${n(this._ariaHandlesText.startHandleText)}</span><span id="${n(this._id)}-endHandleDesc" class="ui5-hidden-text">${n(this._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${this.step?Ym.call(this,o,e,t):void 0}<div class="ui5-slider-progress-container" part="progress-container"><div class="ui5-slider-progress" part="progress-bar" style="${V(this.styles.progress)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${n(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${n(this.min)}" aria-valuemax="${n(this.max)}" aria-valuenow="${n(this._ariaValueNow)}" aria-valuetext="From ${n(this.startValue)} to ${n(this.endValue)}" aria-labelledby="${n(this._ariaLabelledByProgressBarRefs)}" aria-disabled="${n(this._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${V(this.styles.startHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${n(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${n(this.min)}" aria-valuemax="${n(this.max)}" aria-valuenow="${n(this.startValue)}" aria-labelledby="${n(this._ariaLabelledByStartHandleRefs)}" aria-disabled="${n(this._ariaDisabled)}"><${u("ui5-icon",e,t)} name="direction-arrows" slider-icon></${u("ui5-icon",e,t)}>${this.showTooltip?Km.call(this,o,e,t):void 0}</div><div class="ui5-slider-handle ui5-slider-handle--end" part="handle" style="${V(this.styles.endHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${n(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${n(this.min)}" aria-valuemax="${n(this.max)}" aria-valuenow="${n(this.endValue)}" aria-labelledby="${n(this._ariaLabelledByEndHandleRefs)}" aria-disabled="${n(this._ariaDisabled)}"><${u("ui5-icon",e,t)} name="direction-arrows" slider-icon></${u("ui5-icon",e,t)}>${this.showTooltip?Zm.call(this,o,e,t):void 0}</div></div><span id="${n(this._id)}-accName" class="ui5-hidden-text">${n(this.accessibleName)}</span><span id="${n(this._id)}-sliderDesc" class="ui5-hidden-text">${n(this._ariaLabelledByText)}</span></div> `:d`<div class="ui5-slider-root ${X(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="${n(this._id)}-startHandleDesc" class="ui5-hidden-text">${n(this._ariaHandlesText.startHandleText)}</span><span id="${n(this._id)}-endHandleDesc" class="ui5-hidden-text">${n(this._ariaHandlesText.endHandleText)}</span><div class="ui5-slider-inner">${this.step?Ym.call(this,o,e,t):void 0}<div class="ui5-slider-progress-container" part="progress-container"><div class="ui5-slider-progress" part="progress-bar" style="${V(this.styles.progress)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${n(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${n(this.min)}" aria-valuemax="${n(this.max)}" aria-valuenow="${n(this._ariaValueNow)}" aria-valuetext="From ${n(this.startValue)} to ${n(this.endValue)}" aria-labelledby="${n(this._ariaLabelledByProgressBarRefs)}" aria-disabled="${n(this._ariaDisabled)}"></div></div><div class="ui5-slider-handle ui5-slider-handle--start" part="handle" style="${V(this.styles.startHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${n(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${n(this.min)}" aria-valuemax="${n(this.max)}" aria-valuenow="${n(this.startValue)}" aria-labelledby="${n(this._ariaLabelledByStartHandleRefs)}" aria-disabled="${n(this._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${this.showTooltip?Km.call(this,o,e,t):void 0}</div><div class="ui5-slider-handle ui5-slider-handle--end" part="handle" style="${V(this.styles.endHandle)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" role="slider" tabindex="${n(this._tabIndex)}" aria-orientation="horizontal" aria-valuemin="${n(this.min)}" aria-valuemax="${n(this.max)}" aria-valuenow="${n(this.endValue)}" aria-labelledby="${n(this._ariaLabelledByEndHandleRefs)}" aria-disabled="${n(this._ariaDisabled)}"><ui5-icon name="direction-arrows" slider-icon></ui5-icon>${this.showTooltip?Zm.call(this,o,e,t):void 0}</div></div><span id="${n(this._id)}-accName" class="ui5-hidden-text">${n(this.accessibleName)}</span><span id="${n(this._id)}-sliderDesc" class="ui5-hidden-text">${n(this._ariaLabelledByText)}</span></div> `}function Ym(o,e,t){return d`${this.showTickmarks?iz.call(this,o,e,t):void 0}`}function iz(o,e,t){return d`<ul class="ui5-slider-tickmarks">${T(this.tickmarksObject,(i,r)=>i._id||r,(i,r)=>rz.call(this,o,e,t,i,r))}</ul>${this.labelInterval?sz.call(this,o,e,t):void 0}`}function rz(o,e,t,i,r){return d`${i?az.call(this,o,e,t,i,r):nz.call(this,o,e,t,i,r)}`}function az(o,e,t,i,r){return d`<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>`}function nz(o,e,t,i,r){return d`<li class="ui5-slider-tickmark"></li>`}function sz(o,e,t){return d`<ul class="ui5-slider-labels ${X(this.classes.labelContainer)}" style="${V(this.styles.labelContainer)}">${T(this._labels,(i,r)=>i._id||r,(i,r)=>lz.call(this,o,e,t,i,r))}</ul>`}function lz(o,e,t,i,r){return d`<li style="${V(this.styles.label)}">${n(i)}</li>`}function Km(o,e,t){return d`<div class="ui5-slider-tooltip ui5-slider-tooltip--start" style="${V(this.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${n(this.tooltipStartValue)}</span></div>`}function Zm(o,e,t){return d`<div class="ui5-slider-tooltip ui5-slider-tooltip--end" style="${V(this.styles.tooltip)}"><span class="ui5-slider-tooltip-value">${n(this.tooltipEndValue)}</span></div>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@ui5/webcomponents","sap_horizon",async()=>Q);const Y5={packageName:"@ui5/webcomponents",fileName:"themes/RangeSlider.css.ts",content:`:host([ui5-range-slider]) .ui5-slider-progress-container:before{background-color:var(--_ui5-v1-24-17_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-17_range_slider_handle_active_background);border:var(--_ui5-v1-24-17_slider_handle_focus_border);box-shadow:none}:host([range-pressed]) .ui5-slider-handle [slider-icon]{display:var(--_ui5-v1-24-17_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-17_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-17_range_slider_legacy_progress_focus_display);content:"";position:absolute;width:var(--_ui5-v1-24-17_range_slider_focus_outline_width);border:var(--_ui5-v1-24-17_slider_progress_outline);border-radius:var(--_ui5-v1-24-17_range_slider_focus_outline_radius);top:var(--_ui5-v1-24-17_slider_progress_outline_offset);height:var(--_ui5-v1-24-17_slider_outer_height);box-sizing:border-box;left:var(--_ui5-v1-24-17_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-17_range_slider_progress_focus_display);position:absolute;top:var(--_ui5-v1-24-17_range_slider_progress_focus_top);left:var(--_ui5-v1-24-17_range_slider_progress_focus_left);padding:var(--_ui5-v1-24-17_range_slider_progress_focus_padding);width:var(--_ui5-v1-24-17_range_slider_progress_focus_width);height:var(--_ui5-v1-24-17_range_slider_progress_focus_height);box-sizing:border-box}.ui5-slider-handle{background:var(--_ui5-v1-24-17_range_slider_handle_background)}.ui5-slider-progress-container:hover~.ui5-slider-handle:not(:focus),.ui5-slider-handle:hover{background:var(--_ui5-v1-24-17_range_slider_root_hover_handle_bg)}.ui5-slider-root:hover .ui5-slider-handle:not(:focus) [slider-icon]{display:var(--_ui5-v1-24-17_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-17_range_slider_root_active_handle_icon_display)}
139
- `};var Nu=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Fr;let sn=Fr=class extends Qo{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 Fr.i18nBundle.getText(RC)}get _ariaHandlesText(){const e=this.effectiveDir==="rtl",t=this._areValuesReversed(),i={};return e&&!t||!e&&t?(i.startHandleText=Fr.i18nBundle.getText(Bg),i.endHandleText=Fr.i18nBundle.getText(Ig)):(i.startHandleText=Fr.i18nBundle.getText(Ig),i.endHandleText=Fr.i18nBundle.getText(Bg)),i}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=Qo.clipValue(this.startValue,this._effectiveMin,this._effectiveMax);this.startValue=e,this.updateStateStorageAndFireInputEvent("startValue"),this.storePropertyState("startValue");const t=Qo.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=Qo.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=Qo.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,Xe(e)){this.update(void 0,this._startValueInitial,this._endValueInitial);return}this._setAffectedValueByFocusedElement();const t=this._effectiveMin,i=this._effectiveMax,r=this._valueAffected;if((fo(e)||vt(e))&&!r){this._homeEndForSelectedRange(e,vt(e)?"startValue":"endValue",t,i);return}const a=this._handleActionKeyPressBase(e,r);if(!a)return;const s=this.constructor;if(r&&!this._isPressInCurrentRange){const l=this[r],h=s.clipValue(a+l,t,i);this.update(r,h,void 0)}else if(a<0&&this.startValue>t||a>0&&this.endValue<i){const l=s.clipValue(a+this.startValue,t,i),h=s.clipValue(a+this.endValue,t,i);this.update(r,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,i,r){const a=this._handleActionKeyPressBase(e,t),s=this.constructor,l=s.clipValue(a+this.startValue,i,r),h=s.clipValue(a+this.endValue,i,r);this.update(void 0,l,h)}update(e,t,i){if(!e)this.startValue=t,this.updateStateStorageAndFireInputEvent("startValue"),this.endValue=i,this.updateStateStorageAndFireInputEvent("endValue"),this._updateHandlesAndRange(0);else{const r=i&&e==="endValue"?i:t;this._updateHandlesAndRange(r||0),e==="startValue"&&(this.startValue=r,this.updateStateStorageAndFireInputEvent("startValue")),e==="endValue"&&(this.endValue=r,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 i=this.shadowRoot.querySelector(".ui5-slider-progress").getBoundingClientRect();this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue;const r=this.constructor;this._initialPageXPosition=r.getPageXValueFromEvent(e),this._pressTargetAndAffectedValue(this._initialPageXPosition,t),this._initialStartHandlePageX=this.directionStart==="left"?i.left:i.right}_handleMove(e){if(e.preventDefault(),!(this.disabled||this._effectiveStep===0)){if(!this._isPressInCurrentRange){this._updateValueOnHandleDrag(e);return}this._updateValueOnRangeDrag(e)}}_updateValueOnHandleDrag(e){const i=this.constructor.getValueFromInteraction(e,this._effectiveStep,this._effectiveMin,this._effectiveMax,this.getBoundingClientRect(),this.directionStart);this.update(this._valueAffected,i,void 0)}_updateValueOnRangeDrag(e){const i=this.constructor.getPageXValueFromEvent(e),r=this._calculateRangeOffset(i,this._initialStartHandlePageX);this._setAffectedValue(void 0),this.update(void 0,r[0],r[1])}_handleUp(){this._setAffectedValueByFocusedElement(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("change"),this._setIsPressInCurrentRange(!1),this.handleUpBase(),this.rangePressed=!1,this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_pressTargetAndAffectedValue(e,t){const i=this.shadowRoot.querySelector(".ui5-slider-handle--start"),r=this.shadowRoot.querySelector(".ui5-slider-handle--end"),a=i.getBoundingClientRect(),s=r.getBoundingClientRect(),l=e>=a.left&&e<=a.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 i=this._effectiveMin,r=this._effectiveMax,a=this.endValue-this.startValue;let s=this._calculateStartValueByOffset(e,t);return s=this.constructor.clipValue(s,i,r-a),[s,s+a]}_calculateStartValueByOffset(e,t){const i=this._effectiveMin,r=this._effectiveMax,a=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,i,r,s,this.directionStart),l=_.getSteppedValue(l,a,i)):(p=this._initialPageXPosition-e,h=t-p,l=_.computedValueFromPageX(h,i,r,s,this.directionStart),l=_.getSteppedValue(l,a,i)),l}_updateHandlesAndRange(e){const t=this._effectiveMax,i=this._effectiveMin,r=this.getStoredPropertyState("startValue")||0,a=this.getStoredPropertyState("endValue")||0,s=this._valueAffected;s==="startValue"?(this._selectedRange=(a-e)/(t-i),this._firstHandlePositionFromStart=(e-i)/(t-i)*100):s==="endValue"?(this._selectedRange=(e-r)/(t-i),this._secondHandlePositionFromStart=(e-i)/(t-i)*100):(this._selectedRange=(this.endValue-this.startValue)/(t-i),this._firstHandlePositionFromStart=(this.startValue-i)/(t-i)*100,this._secondHandlePositionFromStart=(this.endValue-i)/(t-i)*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 i=0;i<=e;i++){const r=this._effectiveMin+i*this.step>=this.startValue,a=this._effectiveMin+i*this.step<=this.endValue;t.push(r&&a)}return t}get _startHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--start")}get _endHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--end")}get _progressBar(){return this.shadowRoot.querySelector(".ui5-slider-progress")}get _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(){Fr.i18nBundle=await L("@ui5/webcomponents")}};Nu([c({validator:qe,defaultValue:0})],sn.prototype,"startValue",void 0);Nu([c({validator:qe,defaultValue:100})],sn.prototype,"endValue",void 0);Nu([c({type:Boolean})],sn.prototype,"rangePressed",void 0);sn=Fr=Nu([x({tag:"ui5-range-slider",languageAware:!0,template:oz,dependencies:[oe],styles:[Qo.styles,Y5]})],sn);sn.define();const dz=sn;g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const K5={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-172-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
139
+ `};var Nu=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Fr;let sn=Fr=class extends Qo{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 Fr.i18nBundle.getText(RC)}get _ariaHandlesText(){const e=this.effectiveDir==="rtl",t=this._areValuesReversed(),i={};return e&&!t||!e&&t?(i.startHandleText=Fr.i18nBundle.getText(Bg),i.endHandleText=Fr.i18nBundle.getText(Ig)):(i.startHandleText=Fr.i18nBundle.getText(Ig),i.endHandleText=Fr.i18nBundle.getText(Bg)),i}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=Qo.clipValue(this.startValue,this._effectiveMin,this._effectiveMax);this.startValue=e,this.updateStateStorageAndFireInputEvent("startValue"),this.storePropertyState("startValue");const t=Qo.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=Qo.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=Qo.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,Xe(e)){this.update(void 0,this._startValueInitial,this._endValueInitial);return}this._setAffectedValueByFocusedElement();const t=this._effectiveMin,i=this._effectiveMax,r=this._valueAffected;if((fo(e)||vt(e))&&!r){this._homeEndForSelectedRange(e,vt(e)?"startValue":"endValue",t,i);return}const a=this._handleActionKeyPressBase(e,r);if(!a)return;const s=this.constructor;if(r&&!this._isPressInCurrentRange){const l=this[r],h=s.clipValue(a+l,t,i);this.update(r,h,void 0)}else if(a<0&&this.startValue>t||a>0&&this.endValue<i){const l=s.clipValue(a+this.startValue,t,i),h=s.clipValue(a+this.endValue,t,i);this.update(r,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,i,r){const a=this._handleActionKeyPressBase(e,t),s=this.constructor,l=s.clipValue(a+this.startValue,i,r),h=s.clipValue(a+this.endValue,i,r);this.update(void 0,l,h)}update(e,t,i){if(!e)this.startValue=t,this.updateStateStorageAndFireInputEvent("startValue"),this.endValue=i,this.updateStateStorageAndFireInputEvent("endValue"),this._updateHandlesAndRange(0);else{const r=i&&e==="endValue"?i:t;this._updateHandlesAndRange(r||0),e==="startValue"&&(this.startValue=r,this.updateStateStorageAndFireInputEvent("startValue")),e==="endValue"&&(this.endValue=r,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 i=this.shadowRoot.querySelector(".ui5-slider-progress").getBoundingClientRect();this._startValueAtBeginningOfAction=this.startValue,this._endValueAtBeginningOfAction=this.endValue;const r=this.constructor;this._initialPageXPosition=r.getPageXValueFromEvent(e),this._pressTargetAndAffectedValue(this._initialPageXPosition,t),this._initialStartHandlePageX=this.directionStart==="left"?i.left:i.right}_handleMove(e){if(e.preventDefault(),!(this.disabled||this._effectiveStep===0)){if(!this._isPressInCurrentRange){this._updateValueOnHandleDrag(e);return}this._updateValueOnRangeDrag(e)}}_updateValueOnHandleDrag(e){const i=this.constructor.getValueFromInteraction(e,this._effectiveStep,this._effectiveMin,this._effectiveMax,this.getBoundingClientRect(),this.directionStart);this.update(this._valueAffected,i,void 0)}_updateValueOnRangeDrag(e){const i=this.constructor.getPageXValueFromEvent(e),r=this._calculateRangeOffset(i,this._initialStartHandlePageX);this._setAffectedValue(void 0),this.update(void 0,r[0],r[1])}_handleUp(){this._setAffectedValueByFocusedElement(),this._setAffectedValue(void 0),(this.startValue!==this._startValueAtBeginningOfAction||this.endValue!==this._endValueAtBeginningOfAction)&&this.fireEvent("change"),this._setIsPressInCurrentRange(!1),this.handleUpBase(),this.rangePressed=!1,this._startValueAtBeginningOfAction=void 0,this._endValueAtBeginningOfAction=void 0}_pressTargetAndAffectedValue(e,t){const i=this.shadowRoot.querySelector(".ui5-slider-handle--start"),r=this.shadowRoot.querySelector(".ui5-slider-handle--end"),a=i.getBoundingClientRect(),s=r.getBoundingClientRect(),l=e>=a.left&&e<=a.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 i=this._effectiveMin,r=this._effectiveMax,a=this.endValue-this.startValue;let s=this._calculateStartValueByOffset(e,t);return s=this.constructor.clipValue(s,i,r-a),[s,s+a]}_calculateStartValueByOffset(e,t){const i=this._effectiveMin,r=this._effectiveMax,a=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,i,r,s,this.directionStart),l=_.getSteppedValue(l,a,i)):(p=this._initialPageXPosition-e,h=t-p,l=_.computedValueFromPageX(h,i,r,s,this.directionStart),l=_.getSteppedValue(l,a,i)),l}_updateHandlesAndRange(e){const t=this._effectiveMax,i=this._effectiveMin,r=this.getStoredPropertyState("startValue")||0,a=this.getStoredPropertyState("endValue")||0,s=this._valueAffected;s==="startValue"?(this._selectedRange=(a-e)/(t-i),this._firstHandlePositionFromStart=(e-i)/(t-i)*100):s==="endValue"?(this._selectedRange=(e-r)/(t-i),this._secondHandlePositionFromStart=(e-i)/(t-i)*100):(this._selectedRange=(this.endValue-this.startValue)/(t-i),this._firstHandlePositionFromStart=(this.startValue-i)/(t-i)*100,this._secondHandlePositionFromStart=(this.endValue-i)/(t-i)*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 i=0;i<=e;i++){const r=this._effectiveMin+i*this.step>=this.startValue,a=this._effectiveMin+i*this.step<=this.endValue;t.push(r&&a)}return t}get _startHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--start")}get _endHandle(){return this.shadowRoot.querySelector(".ui5-slider-handle--end")}get _progressBar(){return this.shadowRoot.querySelector(".ui5-slider-progress")}get _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(){Fr.i18nBundle=await L("@ui5/webcomponents")}};Nu([c({validator:qe,defaultValue:0})],sn.prototype,"startValue",void 0);Nu([c({validator:qe,defaultValue:100})],sn.prototype,"endValue",void 0);Nu([c({type:Boolean})],sn.prototype,"rangePressed",void 0);sn=Fr=Nu([x({tag:"ui5-range-slider",languageAware:!0,template:oz,dependencies:[oe],styles:[Qo.styles,Y5]})],sn);sn.define();const dz=sn;g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const K5={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-173-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
140
140
  `};var cz=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};let Qp=class extends dz{onEnterDOM(){_e()&&this.setAttribute("desktop","")}};Qp=cz([x({tag:"udex-range-slider",renderer:w,styles:[Qo.styles,Y5,K5]})],Qp);Qp.define();function uz(o,e,t){return d`<div class="ui5-rating-indicator-root" role="slider" aria-roledescription="${n(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${n(this.value)}" aria-valuemax="${n(this.max)}" aria-valuetext="${n(this.value)} of ${n(this.max)}" aria-orientation="horizontal" aria-disabled="${n(this._ariaDisabled)}" aria-readonly="${n(this.ariaReadonly)}" aria-description="${n(this._ariaDescription)}" tabindex="${n(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${n(this.ratingTooltip)}" aria-label="${n(this._ariaLabel)}"><ul class="ui5-rating-indicator-list" aria-hidden="true">${T(this._stars,(i,r)=>i._id||r,(i,r)=>hz.call(this,o,e,t,i,r))}</ul></div>`}function hz(o,e,t,i,r){return d`${i.selected?pz.call(this,o,e,t,i,r):_z.call(this,o,e,t,i,r)}`}function pz(o,e,t,i,r){return t?d`<li data-ui5-value="${n(i.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${u("ui5-icon",e,t)} data-ui5-value="${n(i.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${n(i.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${n(i.index)}" name="favorite"></ui5-icon></li>`}function _z(o,e,t,i,r){return d`${i.halfStar?vz.call(this,o,e,t,i,r):gz.call(this,o,e,t,i,r)}`}function vz(o,e,t,i,r){return t?d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-half"><${u("ui5-icon",e,t)} data-ui5-value="${n(i.index)}" name="unfavorite"></${u("ui5-icon",e,t)}><div class="ui5-rating-indicator-half-icon-wrapper"><${u("ui5-icon",e,t)} data-ui5-value="${n(i.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="${n(i.index)}" name="unfavorite"></ui5-icon><div class="ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${n(i.index)}" name="favorite" class="ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function gz(o,e,t,i,r){return d`${this.readonly?mz.call(this,o,e,t,i,r):bz.call(this,o,e,t,i,r)}`}function mz(o,e,t,i,r){return t?d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${n(i.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="${n(i.index)}" name="favorite"></ui5-icon></li>`}function bz(o,e,t,i,r){return d`${this.disabled?fz.call(this,o,e,t,i,r):xz.call(this,o,e,t,i,r)}`}function fz(o,e,t,i,r){return t?d`<li class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${n(i.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="${n(i.index)}" name="favorite"></ui5-icon></li>`}function xz(o,e,t,i,r){return t?d`<li data-ui5-value="${n(i.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${u("ui5-icon",e,t)} data-ui5-value="${n(i.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${n(i.index)}" class="ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${n(i.index)}" name="unfavorite"></ui5-icon></li>`}const yz="favorite",Z5="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",wz=!1,kz="SAP-icons-v4",$z="@ui5/webcomponents-icons";D(yz,{pathData:Z5,ltr:wz,collection:kz,packageName:$z});const Sz="favorite",Q5="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",Tz=!1,Cz="SAP-icons-v5",Iz="@ui5/webcomponents-icons";D(Sz,{pathData:Q5,ltr:Tz,collection:Cz,packageName:Iz});te();const Bz="unfavorite",J5="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",Az=!1,Dz="SAP-icons-v4",Ez="@ui5/webcomponents-icons";D(Bz,{pathData:J5,ltr:Az,collection:Dz,packageName:Ez});const Pz="unfavorite",e0="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",Nz=!1,Rz="SAP-icons-v5",jz="@ui5/webcomponents-icons";D(Pz,{pathData:e0,ltr:Nz,collection:Rz,packageName:jz});te();g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@ui5/webcomponents","sap_horizon",async()=>Q);const zz={packageName:"@ui5/webcomponents",fileName:"themes/RatingIndicator.css.ts",content:`:host(:not([hidden])){display:inline-block;font-size:24px;margin:var(--_ui5-v1-24-17_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-17_rating_indicator_readonly_item_spacing);width:var(--_ui5-v1-24-17_rating_indicator_readonly_item_width);height:var(--_ui5-v1-24-17_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-17_rating_indicator_outline_offset);border-radius:var(--_ui5-v1-24-17_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-17_rating_indicator_item_width);height:var(--_ui5-v1-24-17_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}
141
- `};var Di=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Mn;let wo=Mn=class extends A{static async onDefine(){Mn.i18nBundle=await L("@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 i=!1,r=this.value;Math.floor(this.value)+1===e&&t>2&&t<8?i=!0:t<=2?r=Math.floor(this.value):t>=8&&(r=Math.ceil(this.value)),this._stars.push({selected:e<=r,index:e,halfStar:i})}}_onclick(e){const t=e.target;if(!(t instanceof HTMLElement)||this.disabled||this.readonly)return;const i=t.getAttribute("data-ui5-value");i!==null&&(this.value=parseInt(i),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=Ce(e)||ke(e),i=ye(e)||Be(e),r=M(e)||Y(e),a=vt(e),s=fo(e),l=e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105;if(t||i||r||a||s||l){if(e.preventDefault(),t&&this.value>0)this.value=Math.round(this.value-1);else if(i&&this.value<this.max)this.value=Math.round(this.value+1);else if(r){const h=Math.round(this.value+1);this.value=h>this.max?0:h}else if(a)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:np()?this.defaultTooltip:void 0}get defaultTooltip(){return Mn.i18nBundle.getText(jC)}get _ariaRoleDescription(){return Mn.i18nBundle.getText(zC)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabel(){return tr(this)}get _ariaDescription(){return this.required?Mn.i18nBundle.getText(LC):void 0}get ariaReadonly(){return this.readonly?"true":void 0}};Di([c({validator:qe,defaultValue:0})],wo.prototype,"value",void 0);Di([c({validator:q,defaultValue:5})],wo.prototype,"max",void 0);Di([c({type:Boolean})],wo.prototype,"disabled",void 0);Di([c({type:Boolean})],wo.prototype,"readonly",void 0);Di([c()],wo.prototype,"accessibleName",void 0);Di([c({defaultValue:""})],wo.prototype,"accessibleNameRef",void 0);Di([c({type:Boolean})],wo.prototype,"required",void 0);Di([c()],wo.prototype,"tooltip",void 0);Di([c({type:Object,multiple:!0})],wo.prototype,"_stars",void 0);Di([c({type:Boolean})],wo.prototype,"_focused",void 0);wo=Mn=Di([x({tag:"ui5-rating-indicator",languageAware:!0,renderer:w,styles:zz,template:uz,dependencies:[oe]}),f("change")],wo);wo.define();const Jp=wo;function Lz(o,e,t){return d`<div class="udex-rating-indicator ui5-rating-indicator-root ${n(this.classNames)}" role="slider" aria-roledescription="${n(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${n(this.value)}" aria-valuemax="${n(this.max)}" aria-valuetext="${n(this.value)} of ${n(this.max)}" aria-orientation="horizontal" aria-disabled="${n(this._ariaDisabled)}" aria-readonly="${n(this.ariaReadonly)}" aria-description="${n(this._ariaDescription)}" tabindex="${n(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${n(this.ratingTooltip)}" aria-label="${n(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${T(this._stars,(i,r)=>i._id||r,(i,r)=>Oz.call(this,o,e,t,i,r))}</ul>${this.totalCount?Gz.call(this,o,e,t):void 0}</div>`}function Oz(o,e,t,i,r){return d`${i.selected?Mz.call(this,o,e,t,i,r):Xz.call(this,o,e,t,i,r)}`}function Mz(o,e,t,i,r){return t?d`<li data-ui5-value="${n(i.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="${n(i.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${n(i.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="${n(i.index)}" name="favorite"></ui5-icon></li>`}function Xz(o,e,t,i,r){return d`${i.halfStar?Fz.call(this,o,e,t,i,r):Hz.call(this,o,e,t,i,r)}`}function Fz(o,e,t,i,r){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="${n(i.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="${n(i.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="${n(i.index)}" name="unfavorite"></ui5-icon><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${n(i.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function Hz(o,e,t,i,r){return d`${this.readonly?Uz.call(this,o,e,t,i,r):qz.call(this,o,e,t,i,r)}`}function Uz(o,e,t,i,r){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="${n(i.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="${n(i.index)}" name="unfavorite"></ui5-icon></li>`}function qz(o,e,t,i,r){return d`${this.disabled?Vz.call(this,o,e,t,i,r):Wz.call(this,o,e,t,i,r)}`}function Vz(o,e,t,i,r){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="${n(i.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="${n(i.index)}" name="unfavorite"></ui5-icon></li>`}function Wz(o,e,t,i,r){return t?d`<li data-ui5-value="${n(i.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="${n(i.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${n(i.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="${n(i.index)}" name="unfavorite"></ui5-icon></li>`}function Gz(o,e,t){return d`<div class="udex-rating-indicator__total">&#40;${n(this.totalCount)}&#41;</div>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const Yz={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-172-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{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)}
142
- `};var mv=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},e_;(function(o){o.Desktop="Desktop",o.Mobile="Mobile"})(e_||(e_={}));let us=class extends Jp{get classNames(){return`udex-rating-indicator--${this.display.toLowerCase()}`}get _ariaLabel(){const e=tr(this);return this.totalCount?`${e?`${e}, `:""}${Jp.i18nBundle.getText(OS)} ${this.totalCount}`:e}};mv([c({defaultValue:e_.Desktop})],us.prototype,"display",void 0);mv([c()],us.prototype,"totalCount",void 0);us=mv([x({tag:"udex-rating-indicator",renderer:w,styles:[Jp.styles,Yz],template:Lz,dependencies:[oe]})],us);us.define();const t0=us;function Kz(o,e,t){return t?d`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${n(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?Qm.call(this,o,e,t):void 0}<span id="ratingDescription" class="hidden-text">${n(this._ratingDescription)}</span></div>`:d`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${n(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?Qm.call(this,o,e,t):void 0}<span id="ratingDescription" class="hidden-text">${n(this._ratingDescription)}</span></div>`}function Qm(o,e,t){return d`<div role="note" class="udex-rating-bar__percentage">${n(this.validatedPercentage)}</div>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const Zz={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}
141
+ `};var Di=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Mn;let wo=Mn=class extends A{static async onDefine(){Mn.i18nBundle=await L("@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 i=!1,r=this.value;Math.floor(this.value)+1===e&&t>2&&t<8?i=!0:t<=2?r=Math.floor(this.value):t>=8&&(r=Math.ceil(this.value)),this._stars.push({selected:e<=r,index:e,halfStar:i})}}_onclick(e){const t=e.target;if(!(t instanceof HTMLElement)||this.disabled||this.readonly)return;const i=t.getAttribute("data-ui5-value");i!==null&&(this.value=parseInt(i),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=Ce(e)||ke(e),i=ye(e)||Be(e),r=M(e)||Y(e),a=vt(e),s=fo(e),l=e.keyCode>=48&&e.keyCode<=57||e.keyCode>=96&&e.keyCode<=105;if(t||i||r||a||s||l){if(e.preventDefault(),t&&this.value>0)this.value=Math.round(this.value-1);else if(i&&this.value<this.max)this.value=Math.round(this.value+1);else if(r){const h=Math.round(this.value+1);this.value=h>this.max?0:h}else if(a)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:np()?this.defaultTooltip:void 0}get defaultTooltip(){return Mn.i18nBundle.getText(jC)}get _ariaRoleDescription(){return Mn.i18nBundle.getText(zC)}get _ariaDisabled(){return this.disabled||void 0}get _ariaLabel(){return tr(this)}get _ariaDescription(){return this.required?Mn.i18nBundle.getText(LC):void 0}get ariaReadonly(){return this.readonly?"true":void 0}};Di([c({validator:qe,defaultValue:0})],wo.prototype,"value",void 0);Di([c({validator:q,defaultValue:5})],wo.prototype,"max",void 0);Di([c({type:Boolean})],wo.prototype,"disabled",void 0);Di([c({type:Boolean})],wo.prototype,"readonly",void 0);Di([c()],wo.prototype,"accessibleName",void 0);Di([c({defaultValue:""})],wo.prototype,"accessibleNameRef",void 0);Di([c({type:Boolean})],wo.prototype,"required",void 0);Di([c()],wo.prototype,"tooltip",void 0);Di([c({type:Object,multiple:!0})],wo.prototype,"_stars",void 0);Di([c({type:Boolean})],wo.prototype,"_focused",void 0);wo=Mn=Di([x({tag:"ui5-rating-indicator",languageAware:!0,renderer:w,styles:zz,template:uz,dependencies:[oe]}),f("change")],wo);wo.define();const Jp=wo;function Lz(o,e,t){return d`<div class="udex-rating-indicator ui5-rating-indicator-root ${n(this.classNames)}" role="slider" aria-roledescription="${n(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${n(this.value)}" aria-valuemax="${n(this.max)}" aria-valuetext="${n(this.value)} of ${n(this.max)}" aria-orientation="horizontal" aria-disabled="${n(this._ariaDisabled)}" aria-readonly="${n(this.ariaReadonly)}" aria-description="${n(this._ariaDescription)}" tabindex="${n(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${n(this.ratingTooltip)}" aria-label="${n(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${T(this._stars,(i,r)=>i._id||r,(i,r)=>Oz.call(this,o,e,t,i,r))}</ul>${this.totalCount?Gz.call(this,o,e,t):void 0}</div>`}function Oz(o,e,t,i,r){return d`${i.selected?Mz.call(this,o,e,t,i,r):Xz.call(this,o,e,t,i,r)}`}function Mz(o,e,t,i,r){return t?d`<li data-ui5-value="${n(i.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="${n(i.index)}" name="favorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${n(i.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="${n(i.index)}" name="favorite"></ui5-icon></li>`}function Xz(o,e,t,i,r){return d`${i.halfStar?Fz.call(this,o,e,t,i,r):Hz.call(this,o,e,t,i,r)}`}function Fz(o,e,t,i,r){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="${n(i.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="${n(i.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="${n(i.index)}" name="unfavorite"></ui5-icon><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${n(i.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`}function Hz(o,e,t,i,r){return d`${this.readonly?Uz.call(this,o,e,t,i,r):qz.call(this,o,e,t,i,r)}`}function Uz(o,e,t,i,r){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="${n(i.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="${n(i.index)}" name="unfavorite"></ui5-icon></li>`}function qz(o,e,t,i,r){return d`${this.disabled?Vz.call(this,o,e,t,i,r):Wz.call(this,o,e,t,i,r)}`}function Vz(o,e,t,i,r){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="${n(i.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="${n(i.index)}" name="unfavorite"></ui5-icon></li>`}function Wz(o,e,t,i,r){return t?d`<li data-ui5-value="${n(i.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="${n(i.index)}" name="unfavorite"></${u("ui5-icon",e,t)}></li>`:d`<li data-ui5-value="${n(i.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="${n(i.index)}" name="unfavorite"></ui5-icon></li>`}function Gz(o,e,t){return d`<div class="udex-rating-indicator__total">&#40;${n(this.totalCount)}&#41;</div>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const Yz={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-173-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{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)}
142
+ `};var mv=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},e_;(function(o){o.Desktop="Desktop",o.Mobile="Mobile"})(e_||(e_={}));let us=class extends Jp{get classNames(){return`udex-rating-indicator--${this.display.toLowerCase()}`}get _ariaLabel(){const e=tr(this);return this.totalCount?`${e?`${e}, `:""}${Jp.i18nBundle.getText(OS)} ${this.totalCount}`:e}};mv([c({defaultValue:e_.Desktop})],us.prototype,"display",void 0);mv([c()],us.prototype,"totalCount",void 0);us=mv([x({tag:"udex-rating-indicator",renderer:w,styles:[Jp.styles,Yz],template:Lz,dependencies:[oe]})],us);us.define();const t0=us;function Kz(o,e,t){return t?d`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${n(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?Qm.call(this,o,e,t):void 0}<span id="ratingDescription" class="hidden-text">${n(this._ratingDescription)}</span></div>`:d`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${n(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?Qm.call(this,o,e,t):void 0}<span id="ratingDescription" class="hidden-text">${n(this._ratingDescription)}</span></div>`}function Qm(o,e,t){return d`<div role="note" class="udex-rating-bar__percentage" aria-label="${n(this.validatedPercentage)}">${n(this.validatedPercentage)}</div>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const Zz={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}
143
143
  `};var Ru=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},Jd;let ln=Jd=class extends A{constructor(){super(...arguments),this._minRating=0,this._maxRating=5,this._minPercentage=0,this._maxPercentage=100}static async onDefine(){Jd.i18nBundle=await L("@udex/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} ${Jd.i18nBundle.getText(A1)}`}};Ru([c({type:Number,defaultValue:0,validator:q})],ln.prototype,"rating",void 0);Ru([c({type:Number,defaultValue:0,validator:q})],ln.prototype,"percentage",void 0);Ru([c({type:Boolean})],ln.prototype,"showPercentage",void 0);ln=Jd=Ru([x({tag:"udex-rating-bar",renderer:w,styles:Zz,template:Kz,dependencies:[oe]})],ln);ln.define();const o0=ln;function Qz(o,e,t){return d`${this.isEmpty?Jz.call(this,o,e,t):eL.call(this,o,e,t)}`}function Jz(o,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 eL(o,e,t){return d`${this.withoutBreakdown?tL.call(this,o,e,t):oL.call(this,o,e,t)}`}function tL(o,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">${n(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><${u("udex-rating-indicator",e,t)} readonly value="${n(this.validatedRating)}" max="${n(this._maxRating)}"></${u("udex-rating-indicator",e,t)}><div class="udex-review__reviews-text">${n(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">${n(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><udex-rating-indicator readonly value="${n(this.validatedRating)}" max="${n(this._maxRating)}"></udex-rating-indicator><div class="udex-review__reviews-text">${n(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 oL(o,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">${n(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">${n(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${T(this.validatedRatingBars,(i,r)=>i._id||r,(i,r)=>Jm.call(this,o,e,t,i,r))}</div></div><span id="ratingDescription" class="hidden-text">${n(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">${n(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">${n(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${T(this.validatedRatingBars,(i,r)=>i._id||r,(i,r)=>Jm.call(this,o,e,t,i,r))}</div></div><span id="ratingDescription" class="hidden-text">${n(this._ratingDescription)}</span>`}function Jm(o,e,t,i,r){return d`<slot name="${n(i._individualSlot)}"></slot>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const iL={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}
144
144
  `};var As=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},ec;let la=ec=class extends A{constructor(){super(...arguments),this._minRating=0,this._maxRating=5,this._maxRatingBars=5}static async onDefine(){ec.i18nBundle=await L("@udex/web-components")}get reviewsText(){return`${this.reviews} ${ec.i18nBundle.getText(LS)}`}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} ${o0.i18nBundle.getText(A1)}`}};As([c({type:Number,defaultValue:0,validator:qe})],la.prototype,"rating",void 0);As([c({type:Number,defaultValue:0,validator:q})],la.prototype,"reviews",void 0);As([I({type:HTMLElement})],la.prototype,"reviewButton",void 0);As([I({type:HTMLElement})],la.prototype,"defaultText",void 0);As([I({type:HTMLElement,default:!0,individualSlots:!0})],la.prototype,"bars",void 0);la=ec=As([x({tag:"udex-review",renderer:w,styles:iL,template:Qz,dependencies:[o0,t0,oe]})],la);la.define();var t_;(function(o){o.TopStart="TopStart",o.TopCenter="TopCenter",o.TopEnd="TopEnd",o.MiddleStart="MiddleStart",o.MiddleCenter="MiddleCenter",o.MiddleEnd="MiddleEnd",o.BottomStart="BottomStart",o.BottomCenter="BottomCenter",o.BottomEnd="BottomEnd"})(t_||(t_={}));const eb=t_;function rL(o,e,t){return d`${this.domRendered?aL.call(this,o,e,t):void 0} `}function aL(o,e,t){return d`<div class="ui5-toast-root" role="alert" tabindex="${n(this._tabindex)}"><bdi><slot></slot></bdi></div>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@ui5/webcomponents","sap_horizon",async()=>Q);const nL={packageName:"@ui5/webcomponents",fileName:"themes/Toast.css.ts",content:`:host{font-family:"72override",var(--sapFontFamily);color:var(--sapList_TextColor);font-size:var(--sapFontSize);position:fixed;display:none;box-sizing:border-box;max-width:15rem;overflow:hidden;background:var(--_ui5-v1-24-17_toast_background);box-shadow:var(--_ui5-v1-24-17_toast_shadow);border-radius:var(--sapElement_BorderCornerRadius);transition-property:opacity;opacity:1;word-wrap:break-word;text-align:center;text-overflow:ellipsis;white-space:pre-line;padding:1rem}.ui5-toast-root{height:100%;width:100%;padding:0;outline:none;box-sizing:border-box}:host([open]){display:block}:host(:not([placement])){bottom:var(--_ui5-v1-24-17_toast_vertical_offset);left:50%;transform:translate(-50%)}:host([placement="TopStart"]){top:var(--_ui5-v1-24-17_toast_vertical_offset);left:var(--_ui5-v1-24-17_toast_horizontal_offset)}:host([placement="MiddleStart"]){left:var(--_ui5-v1-24-17_toast_horizontal_offset);top:50%;transform:translateY(-50%)}:host([placement="BottomStart"]){left:var(--_ui5-v1-24-17_toast_horizontal_offset);bottom:var(--_ui5-v1-24-17_toast_vertical_offset)}:host([placement="TopCenter"]){top:var(--_ui5-v1-24-17_toast_vertical_offset);left:50%;transform:translate(-50%)}:host([placement="MiddleCenter"]){left:50%;top:50%;transform:translate(-50%,-50%)}:host([placement="BottomCenter"]){bottom:var(--_ui5-v1-24-17_toast_vertical_offset);left:50%;transform:translate(-50%)}:host([placement="TopEnd"]){right:var(--_ui5-v1-24-17_toast_horizontal_offset);top:var(--_ui5-v1-24-17_toast_vertical_offset)}:host([placement="MiddleEnd"]){right:var(--_ui5-v1-24-17_toast_horizontal_offset);top:50%;transform:translateY(-50%)}:host([placement="BottomEnd"]){right:var(--_ui5-v1-24-17_toast_horizontal_offset);bottom:var(--_ui5-v1-24-17_toast_vertical_offset)}:host([focused]){outline-width:var(--sapContent_FocusWidth);outline-style:var(--sapContent_FocusStyle);outline-color:var(--sapContent_FocusColor);outline-offset:var(--_ui5-v1-24-17_toast_offset_width)}
145
145
  `};var ya=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};const tb=500,sL=1e3,Ma=[];let Va,ob=!1;const lL=o=>{const e=o.metaKey||!Ow()&&o.ctrlKey,t=o.key&&o.key.toLowerCase()==="m",i=e&&o.shiftKey&&t,r=Ma.length;i&&(o.preventDefault(),r&&(Ma[0].focusable=!0,Ma[0].focused?(Ma[0].focused=!1,Va==null||Va.focus()):(Va=document.activeElement,Ma[0].focus())))};let ki=class extends A{constructor(){super(),this._reopen=!1,this.addEventListener("focusin",this._onfocusin.bind(this)),this.addEventListener("focusout",this._onfocusout.bind(this)),this.addEventListener("keydown",this._onkeydown.bind(this)),this.addEventListener("mouseover",this._onmouseover.bind(this)),this.addEventListener("mouseleave",this._onmouseleave.bind(this)),this.addEventListener("transitionend",this._ontransitionend.bind(this))}onBeforeRendering(){const e=Math.min(this.effectiveDuration/3,sL);this.style.transitionDuration=this.open?`${e}ms`:"",this.style.transitionDelay=this.open?`${this.effectiveDuration-e}ms`:"",this.style.opacity=this.open&&!this.hover&&!this.focused?"0":"",this.style.zIndex=`${sv()}`,ob||(document.addEventListener("keydown",lL),ob=!0)}onAfterRendering(){this._reopen&&(this._reopen=!1,this._initiateOpening())}show(){this.open?(this._reopen=!0,this.open=!1):this._initiateOpening()}_onfocusin(){this.focusable&&(this.focused=!0)}_onfocusout(){this.focused=!1}get effectiveDuration(){return this.duration<tb?tb:this.duration}_initiateOpening(){this.domRendered=!0,requestAnimationFrame(()=>{this.open=!0,Ma.pop(),Ma.push(this)})}_ontransitionend(){this.hover||this.focused||(this.domRendered=!1,this.open=!1,this.focusable=!1,this.focused=!1)}_onmouseover(){this.hover=!0}_onmouseleave(){this.hover=!1}_onkeydown(e){Xe(e)&&(this.focused=!1,Va==null||Va.focus())}get _tabindex(){return this.focused?"0":"-1"}};ya([c({validator:q,defaultValue:3e3})],ki.prototype,"duration",void 0);ya([c({type:eb,defaultValue:eb.BottomCenter})],ki.prototype,"placement",void 0);ya([c({type:Boolean})],ki.prototype,"open",void 0);ya([c({type:Boolean})],ki.prototype,"hover",void 0);ya([c({type:Boolean})],ki.prototype,"domRendered",void 0);ya([c({type:Boolean})],ki.prototype,"focusable",void 0);ya([c({type:Boolean})],ki.prototype,"focused",void 0);ki=ya([x({tag:"ui5-toast",renderer:w,styles:nL,template:rL})],ki);ki.define();const i0=ki;function dL(o,e,t){return d`${this.open?cL.call(this,o,e,t):void 0} `}function cL(o,e,t){return d`<div class="ui5-toast-root udex-toast" role="alert" tabindex="0">${this.withIcon?uL.call(this,o,e,t):void 0}<bdi><slot></slot></bdi>${this.showCloseIcon?hL.call(this,o,e,t):void 0}</div>`}function uL(o,e,t){return t?d`<${u("ui5-icon",e,t)} class="udex-toast__icon" name="${n(this.iconName)}" design="${n(this.iconDesign)}" ui5-icon=""></${u("ui5-icon",e,t)}>`:d`<ui5-icon class="udex-toast__icon" name="${n(this.iconName)}" design="${n(this.iconDesign)}" ui5-icon=""></ui5-icon>`}function hL(o,e,t){return t?d`<${u("udex-button",e,t)} class="udex-toast__button" size="Small" icon="decline" design="Tertiary" accessible-name="close" @click=${this.closeToast}></${u("udex-button",e,t)}>`:d`<udex-button class="udex-toast__button" size="Small" icon="decline" design="Tertiary" accessible-name="close" @click=${this.closeToast}></udex-button>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const pL={packageName:"@sapudex/web-components",fileName:"themes/Toast.css.ts",content:`:host{--udex-toast-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-toast-color: var(--udexColorGrey9, #223548);--udex-toast-text-line-height: 1.313rem;--udex-toast-border-width: 1px;--udex-toast-border-color: var(--udexColorGrey3, #D5DADD);--udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);--udex-toast-status-icon-size: var(--udexCoreSizeIconInput, 18px);border:var(--udex-toast-border-width) solid var(--udex-toast-border-color);padding:0}:host([desktop]) .udex-toast:focus,.udex-toast:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:-2px}.udex-toast{display:flex;align-items:center;padding:var(--udexSpacer16);border-radius:inherit;line-height:var(--udex-toast-text-line-height);font-size:var(--udexTypographyBodyXSFontSize, 14px);--sapFontSize: var(--udex-toast-font-size)}.udex-toast .udex-toast__icon:dir(ltr){margin-right:var(--udexSpacer16)}.udex-toast .udex-toast__icon{min-width:1rem}.udex-toast .udex-toast__icon:dir(rtl){margin-left:var(--udexSpacer16)}.udex-toast .udex-toast__button{height:var(--udex-toast-text-line-height);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-toast-close-icon-color)}.udex-toast .udex-toast__button:dir(ltr){margin:0 0 0 9px}.udex-toast .udex-toast__button:dir(rtl){margin:0 9px 0 0}
@@ -307,6 +307,6 @@ To prevent other runtimes from defining tags that you use, consider using scopin
307
307
  `};var Rv=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};let ys=class extends rd{onBeforeRendering(){super.onBeforeRendering(),this.setJustifyContent()}setJustifyContent(){this.horizontalAlign?this.style.justifyContent=this.horizontalAlign:this.style.justifyContent=`var(--horizontal-align-${this._individualSlot})`}};Rv([c({type:String,defaultValue:""})],ys.prototype,"icon",void 0);Rv([c({type:Boolean})],ys.prototype,"_highlighted",void 0);ys=Rv([x({tag:"udex-table-cell",renderer:w,styles:[rd.styles,qW],template:HW,dependencies:[]})],ys);ys.define();const z2=ys;g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const VW={packageName:"@sapudex/web-components",fileName:"themes/TableRowBase.css.ts",content:`:host{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}
308
308
  `};var jv=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};let ad=class extends A{onEnterDOM(){this.setAttribute("role","row")}};jv([I({type:HTMLElement,default:!0,individualSlots:!0})],ad.prototype,"cells",void 0);jv([c({validator:q})],ad.prototype,"_index",void 0);ad=jv([x({renderer:w,styles:VW,dependencies:[z2]})],ad);const nd=ad;function WW(o,e,t){return d`${T(this.cells,(i,r)=>i._id||r,(i,r)=>GW.call(this,o,e,t,i,r))} `}function GW(o,e,t,i,r){return d`<slot name="${n(i._individualSlot)}"></slot>`}var YW=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};let pu=class extends nd{get isGroup(){return!1}};pu=YW([x({tag:"udex-table-header-row",renderer:w,styles:[nd.styles],template:WW,dependencies:[FW]})],pu);pu.define();const KW=pu;function ZW(o,e,t){return d`${T(this.cells,(i,r)=>i._id||r,(i,r)=>QW.call(this,o,e,t,i,r))} `}function QW(o,e,t,i,r){return d`<slot name="${n(i._individualSlot)}"></slot>`}var L2=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};let sd=class extends nd{get isGroup(){return!1}};L2([c({type:Boolean})],sd.prototype,"interactive",void 0);sd=L2([x({tag:"udex-table-row",renderer:w,styles:[nd.styles],template:ZW,dependencies:[...nd.dependencies]})],sd);sd.define();const O2=sd;function JW(o,e,t){return d`${this.collapsible?eG.call(this,o,e,t):tG.call(this,o,e,t)}<div class="udex-table-grow-rows" @keydown="${this.handleEscapeKey}"><slot></slot></div>`}function eG(o,e,t){return t?d`<button id="udex-table-group-opener" class="udex-table-grow-btn" aria-expanded="${n(this.expanded)}" @click="${this.toggleExpanded}"><span class="udex-table-grow"><${u("ui5-icon",e,t)} class="udex-table-grow__icon" name="slim-arrow-right"></${u("ui5-icon",e,t)}>${n(this.groupTitle)}</span></button>`:d`<button id="udex-table-group-opener" class="udex-table-grow-btn" aria-expanded="${n(this.expanded)}" @click="${this.toggleExpanded}"><span class="udex-table-grow"><ui5-icon class="udex-table-grow__icon" name="slim-arrow-right"></ui5-icon>${n(this.groupTitle)}</span></button>`}function tG(o,e,t){return d`<div class="udex-table-grow-btn"><span class="udex-table-grow">${n(this.groupTitle)}</span></div>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const oG={packageName:"@sapudex/web-components",fileName:"themes/TableGroupRow.css.ts",content:`:host{--udex-table-group-row-title-color: var(--udexColorGrey9, #223548);--udex-table-group-row-title-padding: var(--udexSpacer8, 8px) var(--udexSpacer16, 16px);--udex-table-group-row-border-color: var(--sapList_BorderColor, var(--udexColorGrey4, #a9b4be ));--udex-table-group-row-border-background: var(--udexColorGrey1, #F5F6F7);--udex-table-group-row-hover-background: var(--udexColorGrey2, #EAECEE);--udex-table-group-row-outline-border-color: var(--udexColorBlue10, #002A86);--udex-table-group-row-line-height: 18px;--udex-table-group-icon-width: 14px;--udex-table-group-icon-height: 14px}:host,.udex-table-grow-rows{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.udex-table-grow-btn{grid-column:1 / -1;padding:var(--udex-table-group-row-title-padding);border-bottom:1px solid var(--udex-table-group-row-border-color);border-top:none;border-left:none;border-right:none;background:var(--udex-table-group-row-border-background);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize);line-height:var(--udex-table-group-row-line-height);font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-table-group-row-title-color);position:relative}:host([collapsible]) .udex-table-grow-btn{cursor:pointer}:host([collapsible]) .udex-table-grow-btn:focus{outline:none}:host([collapsible]) .udex-table-grow-btn:focus:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-table-group-row-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px)}:host([collapsible]) .udex-table-grow-btn:hover{background:var(--udex-table-group-row-hover-background)}:host([collapsible]) .udex-table-grow-rows{visibility:hidden;height:0;overflow:hidden}:host([collapsible][expanded]) .udex-table-grow-rows{visibility:visible;height:auto}:host([collapsible][expanded]) .udex-table-grow__icon{transform:rotate(90deg)}:host([collapsible][expanded]:dir(rtl)) .udex-table-grow__icon{transform:rotate(-90deg)}:host([collapsible]) .udex-table-grow{display:flex;align-items:center;gap:var(--udexSpacer4)}.udex-table-grow__icon{width:var(--udex-table-group-icon-width);height:var(--udex-table-group-icon-height)}
309
309
  `};var Bn=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a};let er=class extends A{constructor(){super(...arguments),this._isOpen=!0}onAfterRendering(){this.setIndexToRows(),this.collapsible&&!this.expanded&&(this._isOpen=!1)}onEnterDOM(){this.setAttribute("role","rowgroup")}toggleExpanded(){this.collapsible&&(this.expanded=!this.expanded,this._isOpen=!this._isOpen)}handleEscapeKey(e){var t;if(Xe(e)){const i=(t=this.shadowRoot)==null?void 0:t.querySelector(".udex-table-grow-btn");this.toggleExpanded(),i.focus()}}setIndexToRows(){this.rows.forEach((e,t)=>{e._index=t})}get isGroup(){return!0}};Bn([c({type:Boolean})],er.prototype,"collapsible",void 0);Bn([c({type:String})],er.prototype,"groupTitle",void 0);Bn([I({type:HTMLElement,default:!0})],er.prototype,"rows",void 0);Bn([c({type:Boolean})],er.prototype,"expanded",void 0);Bn([c({validator:q})],er.prototype,"_index",void 0);Bn([c({type:Boolean})],er.prototype,"_isOpen",void 0);er=Bn([x({tag:"udex-table-group-row",renderer:w,styles:oG,template:JW,dependencies:[O2,oe]})],er);er.define();const bc=er;function iG(o,e,t){return d`${this._hasToolbar?rG.call(this,o,e,t):void 0}<div id="table" class="udex-table" role="grid" aria-label="${n(this.accessibleName)}" @scroll="${this._onScroll}" @keydown="${this._handleKeyDown}" style="${V(this._styles.table)}"><div class="udex-table__header-holder"><slot name="headerRow"></slot></div><slot></slot>${this.rows.length?void 0:aG.call(this,o,e,t)}${this.loading?nG.call(this,o,e,t):void 0}</div>${this.footnotes.length?sG.call(this,o,e,t):void 0} `}function rG(o,e,t){return d`<div class="udex-table-toolbar"><span class="udex-table-toolbar__title">${n(this.heading)}</span><div class="udex-table-toolbar__actions"><slot name="actions"></slot></div></div>`}function aG(o,e,t){return t?d`<${u("udex-table-row",e,t)}><${u("udex-table-cell",e,t)} class="udex-table__no-data">${this.noData.length?hx.call(this,o,e,t):px.call(this,o,e,t)}</${u("udex-table-cell",e,t)}></${u("udex-table-row",e,t)}>`:d`<udex-table-row><udex-table-cell class="udex-table__no-data">${this.noData.length?hx.call(this,o,e,t):px.call(this,o,e,t)}</udex-table-cell></udex-table-row>`}function hx(o,e,t){return d`<slot name="noData"></slot>`}function px(o,e,t){return d`${n(this._effectiveNoDataText)}`}function nG(o,e,t){return t?d`<${u("ui5-busy-indicator",e,t)} class="udex-table__loading" delay="${n(this.loadingDelay)}" data-sap-focus-ref active></${u("ui5-busy-indicator",e,t)}>`:d`<ui5-busy-indicator class="udex-table__loading" delay="${n(this.loadingDelay)}" data-sap-focus-ref active></ui5-busy-indicator>`}function sG(o,e,t){return d`<div class="udex-table-footnotes"><slot name="footnotes"></slot></div>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const lG={packageName:"@sapudex/web-components",fileName:"themes/Table.css.ts",content:`:host{--udex-table-toolbar-color: var(--sapList_TableGroupHeaderTextColor, var(--udexCoreTextDark, #223548));--udex-table-toolbar-border-color: var(--sapList_TableGroupHeaderBorderColor, var(--udexColorGrey4, #a9b4be));--udex-table-toolbar-backgroud:var(--sapList_TableGroupHeaderBackground, var(--udexCoreBase, #fff));--udex-table-loading-opacity: var(--sapContent_DisabledOpacity, .4);--udex-table-loading-backgroud: var(--udexCoreBase, #fff);--udex-table-header-sticky-z-index: 3;--udex-table-header-sticky-shadow: 0 8px 8px -8px rgba(34,54,73,.3);--udex-table-header-footnotes-color: var(--udexColorGrey7, #475e75);--udex-table-header-footnotes-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-table-header-footnotes-line-height:var(--udexTypographyBodyLineHeight)}:host{display:block}:host([sticky-header]) .udex-table__header-holder{position:sticky;top:0;z-index:var( --udex-table-header-sticky-z-index)}:host([loading]) .udex-table:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-backgroud);opacity:var(--udex-table-loading-opacity)}:host([_vertical-offset]) .udex-table__header-holder{box-shadow:var(--udex-table-header-sticky-shadow)}.udex-table-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--udex-table-toolbar-border-color);padding:var(--udexSpacer16);background:var(--udex-table-toolbar-backgroud)}.udex-table-toolbar__actions{display:flex;gap:var(--udexSpacer8);padding-inline-start:var(--udexSpacer32)}.udex-table-toolbar__title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyHeadingBoldXXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightBold);color:var(--udex-table-toolbar-color)}.udex-table{display:grid;overflow:auto;position:relative}.udex-table__header-holder{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.udex-table__no-data{grid-column:1 / -1;justify-content:center;padding:var(--udexSpacer16);--horizontal-align-default-1: center}.udex-table__loading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center}.udex-table__loading:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-backgroud);opacity:var(--udex-table-loading-opacity)}.udex-table-footnotes{padding-top:var(--udexSpacer24);color:var(--udex-table-header-footnotes-color);font-size:var(--udex-table-header-footnotes-font-size);line-height:var(--udex-table-header-footnotes-line-height)}@media (max-width: 639px){.udex-table-toolbar{flex-direction:column;align-items:flex-start}.udex-table-toolbar__actions{padding-inline-start:0;padding-top:var(--udexSpacer8)}}
310
- `};var vo=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},fc;let Ot=fc=class extends A{static async onDefine(){fc.i18nBundle=await L("@udex/web-components")}onAfterRendering(){this.stickyColumn&&this._setStickyAttrToCells(),this._setIndexToCells(),this.headerRow&&this._setCellsHighlighter()}_handleKeyDown(e){this.handleUpArrow(e),this.handleDownArrow(e),this.handleLeftArrow(e),this.handleRightArrow(e)}handleUpArrow(e){Be(e)&&(e.preventDefault(),this.navigateRows(-1))}handleDownArrow(e){Ce(e)&&(e.preventDefault(),this.navigateRows(1))}handleRightArrow(e){ye(e)&&(e.preventDefault(),this.navigateCells(1))}handleLeftArrow(e){ke(e)&&(e.preventDefault(),this.navigateCells(-1))}navigateRows(e){var s;const t=this.getKeyboardNavigationItems(),i=t.find(l=>l.id===this.getParentRow()._id),r=t.indexOf(i),a=t[r+e];(s=a==null?void 0:a.elements[0])==null||s.focus()}navigateCells(e){var i;const t=this.getParentRow();if(!t.isGroup){const r=this.getInteractiveElements(t),s=r.indexOf(document.activeElement)+e;s>=0&&s<r.length&&((i=r[s])==null||i.focus())}}_onScroll(){const{scrollLeft:e,scrollTop:t}=this._tableHolder;this.stickyHeader&&(this._verticalOffset=t>0),this.stickyColumn&&this._setHorizontalOffsetToCells(e)}_setCellsHighlighter(){const e=this.headerRow.flatMap(t=>t.cells.filter(i=>i.highlighted===!0).map(i=>i._individualSlot));this.rows.forEach(t=>{t instanceof bc||t.cells.forEach(i=>{e.includes(i._individualSlot)&&i.setAttribute("_highlighted","")})})}_setStickyAttrToCells(){[...this.headerRow,...this.rows].forEach(e=>{e instanceof bc||(e.cells[0]._sticky=!0)})}_setIndexToCells(){[...this.headerRow,...this.rows].forEach((e,t)=>{e._index=t})}_setHorizontalOffsetToCells(e){[...this.headerRow,...this.rows].forEach(t=>{t instanceof bc||(t.cells[0]._horizontalOffset=e>0)})}getParentRow(){return document.activeElement.closest("udex-table-row, udex-table-header-row, udex-table-group-row")}getKeyboardNavigationItems(){const e=[],t=(r,a)=>{var s;a&&e.push({id:r._id,elements:[(s=r.shadowRoot)==null?void 0:s.querySelector("button")]}),r.rows.forEach(l=>{e.push({id:l._id,group:!0,elements:this.getInteractiveElements(l)})})},i=r=>{var a;e.push({id:r._id,group:!1,elements:r.isGroup?[(a=r.shadowRoot)==null?void 0:a.querySelector("button")]:this.getInteractiveElements(r)})};return[...this.headerRow,...this.rows].forEach(r=>{const{isGroup:a,_isOpen:s,collapsible:l}=r;a&&s?t(r,l):i(r)}),e.filter(({elements:r})=>r.length)}getInteractiveElements(e){return e.cells.flatMap(t=>Array.from(t.querySelectorAll("button, a, udex-button, udex-link, udex-rating-indicator")))}get _effectiveNoDataText(){return this.noDataText||fc.i18nBundle.getText(OT)}get _hasToolbar(){return this.heading.length>0||this.actions.length>0}get _tableMaxHeight(){return this.maxHeight?this.maxHeight:"auto"}get _tableHolder(){var e;return(e=this.shadowRoot)==null?void 0:e.getElementById("table")}get _gridTemplateColumns(){var t,i,r;return`repeat(${((i=(t=this.headerRow)==null?void 0:t[0])==null?void 0:i.cells.length)||((r=this.rows)==null?void 0:r[0]).cells.length}, auto)`}get _styles(){var t,i,r;const e=(r=(i=(t=this.headerRow)==null?void 0:t[0])==null?void 0:i.cells)==null?void 0:r.reduce((a,s)=>(s.horizontalAlign!==void 0&&(a[`--horizontal-align-${s._individualSlot}`]=s.horizontalAlign),a),{});return{table:{"grid-template-columns":this._gridTemplateColumns,"max-height":this._tableMaxHeight,...e}}}};vo([c()],Ot.prototype,"maxHeight",void 0);vo([c({type:String})],Ot.prototype,"accessibleName",void 0);vo([c({type:String})],Ot.prototype,"heading",void 0);vo([c()],Ot.prototype,"noDataText",void 0);vo([c({type:String})],Ot.prototype,"loading",void 0);vo([c({defaultValue:1e3,type:q})],Ot.prototype,"loadingDelay",void 0);vo([c({type:Boolean})],Ot.prototype,"stickyHeader",void 0);vo([c({type:Boolean})],Ot.prototype,"stickyColumn",void 0);vo([I({type:HTMLElement,default:!0})],Ot.prototype,"rows",void 0);vo([I({type:HTMLElement})],Ot.prototype,"headerRow",void 0);vo([I({type:HTMLElement})],Ot.prototype,"actions",void 0);vo([I()],Ot.prototype,"noData",void 0);vo([I()],Ot.prototype,"footnotes",void 0);vo([c({type:Boolean})],Ot.prototype,"_verticalOffset",void 0);Ot=fc=vo([x({tag:"udex-table",renderer:w,styles:[lG,Ir()],template:iG,dependencies:[gv,KW,O2,z2,bc]})],Ot);Ot.define();function dG(o,e,t){return t?d`<div class="${n(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><${u("udex-rating-indicator",e,t)} value="${n(this.validatedRating)}" max="${n(this._maxRating)}" readonly></${u("udex-rating-indicator",e,t)}>${this.date?_x.call(this,o,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${n(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${n(this._completeText)}</p>${this._showTextExpander?vx.call(this,o,e,t):void 0}</div>${this.author?gx.call(this,o,e,t):void 0}</div></div>`:d`<div class="${n(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><udex-rating-indicator value="${n(this.validatedRating)}" max="${n(this._maxRating)}" readonly></udex-rating-indicator>${this.date?_x.call(this,o,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${n(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${n(this._completeText)}</p>${this._showTextExpander?vx.call(this,o,e,t):void 0}</div>${this.author?gx.call(this,o,e,t):void 0}</div></div>`}function _x(o,e,t){return d`<slot slot="date" name="date" class="udex-review-item__date"></slot>`}function vx(o,e,t){return t?d`<${u("udex-button",e,t)} id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Small" @click="${this._toggleText}">${n(this.buttonText)}</${u("udex-button",e,t)}>`:d`<udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Small" @click="${this._toggleText}">${n(this.buttonText)}</udex-button>`}function gx(o,e,t){return d`<slot slot="author" name="author" class="udex-review-item__author"></slot>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const cG={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{--udex-button-padding-small: 0 3px;font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);padding:var(--udexSpacer8, 8px) 0}.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) }
310
+ `};var vo=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},fc;let Ot=fc=class extends A{static async onDefine(){fc.i18nBundle=await L("@udex/web-components")}onAfterRendering(){this.stickyColumn&&this._setStickyAttrToCells(),this._setIndexToCells(),this.headerRow&&this._setCellsHighlighter()}_handleKeyDown(e){this.handleUpArrow(e),this.handleDownArrow(e),this.handleLeftArrow(e),this.handleRightArrow(e)}handleUpArrow(e){Be(e)&&(e.preventDefault(),this.navigateRows(-1))}handleDownArrow(e){Ce(e)&&(e.preventDefault(),this.navigateRows(1))}handleRightArrow(e){ye(e)&&(e.preventDefault(),this.navigateCells(1))}handleLeftArrow(e){ke(e)&&(e.preventDefault(),this.navigateCells(-1))}navigateRows(e){var s;const t=this.getKeyboardNavigationItems(),i=t.find(l=>l.id===this.getParentRow()._id),r=t.indexOf(i),a=t[r+e];(s=a==null?void 0:a.elements[0])==null||s.focus()}navigateCells(e){var i;const t=this.getParentRow();if(!t.isGroup){const r=this.getInteractiveElements(t),s=r.indexOf(document.activeElement)+e;s>=0&&s<r.length&&((i=r[s])==null||i.focus())}}_onScroll(){const{scrollLeft:e,scrollTop:t}=this._tableHolder;this.stickyHeader&&(this._verticalOffset=t>0),this.stickyColumn&&this._setHorizontalOffsetToCells(e)}_setCellsHighlighter(){const e=this.headerRow.flatMap(t=>t.cells.filter(i=>i.highlighted===!0).map(i=>i._individualSlot));this.rows.forEach(t=>{t instanceof bc||t.cells.forEach(i=>{e.includes(i._individualSlot)&&i.setAttribute("_highlighted","")})})}_setStickyAttrToCells(){[...this.headerRow,...this.rows].forEach(e=>{e instanceof bc||(e.cells[0]._sticky=!0)})}_setIndexToCells(){[...this.headerRow,...this.rows].forEach((e,t)=>{e._index=t})}_setHorizontalOffsetToCells(e){[...this.headerRow,...this.rows].forEach(t=>{t instanceof bc||(t.cells[0]._horizontalOffset=e>0)})}getParentRow(){return document.activeElement.closest("udex-table-row, udex-table-header-row, udex-table-group-row")}getKeyboardNavigationItems(){const e=[],t=(r,a)=>{var s;a&&e.push({id:r._id,elements:[(s=r.shadowRoot)==null?void 0:s.querySelector("button")]}),r.rows.forEach(l=>{e.push({id:l._id,group:!0,elements:this.getInteractiveElements(l)})})},i=r=>{var a;e.push({id:r._id,group:!1,elements:r.isGroup?[(a=r.shadowRoot)==null?void 0:a.querySelector("button")]:this.getInteractiveElements(r)})};return[...this.headerRow,...this.rows].forEach(r=>{const{isGroup:a,_isOpen:s,collapsible:l}=r;a&&s?t(r,l):i(r)}),e.filter(({elements:r})=>r.length)}getInteractiveElements(e){return e.cells.flatMap(t=>Array.from(t.querySelectorAll("button, a, udex-button, udex-link, udex-rating-indicator")))}get _effectiveNoDataText(){return this.noDataText||fc.i18nBundle.getText(OT)}get _hasToolbar(){return this.heading.length>0||this.actions.length>0}get _tableMaxHeight(){return this.maxHeight?this.maxHeight:"auto"}get _tableHolder(){var e;return(e=this.shadowRoot)==null?void 0:e.getElementById("table")}get _gridTemplateColumns(){var t,i,r;return`repeat(${((i=(t=this.headerRow)==null?void 0:t[0])==null?void 0:i.cells.length)||((r=this.rows)==null?void 0:r[0]).cells.length}, auto)`}get _styles(){var t,i,r;const e=(r=(i=(t=this.headerRow)==null?void 0:t[0])==null?void 0:i.cells)==null?void 0:r.reduce((a,s)=>(s.horizontalAlign!==void 0&&(a[`--horizontal-align-${s._individualSlot}`]=s.horizontalAlign),a),{});return{table:{"grid-template-columns":this._gridTemplateColumns,"max-height":this._tableMaxHeight,...e}}}};vo([c()],Ot.prototype,"maxHeight",void 0);vo([c({type:String})],Ot.prototype,"accessibleName",void 0);vo([c({type:String})],Ot.prototype,"heading",void 0);vo([c()],Ot.prototype,"noDataText",void 0);vo([c({type:String})],Ot.prototype,"loading",void 0);vo([c({defaultValue:1e3,type:q})],Ot.prototype,"loadingDelay",void 0);vo([c({type:Boolean})],Ot.prototype,"stickyHeader",void 0);vo([c({type:Boolean})],Ot.prototype,"stickyColumn",void 0);vo([I({type:HTMLElement,default:!0})],Ot.prototype,"rows",void 0);vo([I({type:HTMLElement})],Ot.prototype,"headerRow",void 0);vo([I({type:HTMLElement})],Ot.prototype,"actions",void 0);vo([I()],Ot.prototype,"noData",void 0);vo([I()],Ot.prototype,"footnotes",void 0);vo([c({type:Boolean})],Ot.prototype,"_verticalOffset",void 0);Ot=fc=vo([x({tag:"udex-table",renderer:w,styles:[lG,Ir()],template:iG,dependencies:[gv,KW,O2,z2,bc]})],Ot);Ot.define();function dG(o,e,t){return t?d`<div class="${n(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><${u("udex-rating-indicator",e,t)} value="${n(this.validatedRating)}" max="${n(this._maxRating)}" readonly></${u("udex-rating-indicator",e,t)}>${this.date?_x.call(this,o,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${n(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${n(this._completeText)}</p>${this._showTextExpander?vx.call(this,o,e,t):void 0}</div>${this.author?gx.call(this,o,e,t):void 0}</div></div>`:d`<div class="${n(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><udex-rating-indicator value="${n(this.validatedRating)}" max="${n(this._maxRating)}" readonly></udex-rating-indicator>${this.date?_x.call(this,o,e,t):void 0}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${n(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${n(this._completeText)}</p>${this._showTextExpander?vx.call(this,o,e,t):void 0}</div>${this.author?gx.call(this,o,e,t):void 0}</div></div>`}function _x(o,e,t){return d`<slot slot="date" name="date" class="udex-review-item__date"></slot>`}function vx(o,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}">${n(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}">${n(this.buttonText)}</udex-button>`}function gx(o,e,t){return d`<slot slot="author" name="author" class="udex-review-item__author"></slot>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const cG={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) }
311
311
  `};var Pi=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},pl;let Xo=pl=class extends A{_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(){pl.i18nBundle=await L("@udex/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,re.register(this,this._handleResizeBound)}onExitDOM(){re.deregister(this,this._handleResizeBound)}onAfterRendering(){this._textElement=this.getTextElement(),this._checkTextOverflow()}_checkTextOverflow(){const e=this.text.split(" "),i=document.createElement("canvas").getContext("2d");i.font="16px sans-serif";let r=0,a="";e.forEach(s=>{const l=i.measureText(`${s} `).width;r+l<=2*this._textElement.offsetWidth&&(a+=`${s} `,r+=l)}),this._visibleText=a,this._textExpanded||(this._completeText=a),this._showTextExpander=!this._textExpanded&&this._completeText.length<this.text.length||this._textExpanded&&a.length<this.text.length}get buttonText(){return this._textExpanded?pl.i18nBundle.getText(E1):pl.i18nBundle.getText(D1)}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")}};Pi([c({type:Boolean})],Xo.prototype,"showRatingTop",void 0);Pi([c({type:Number,defaultValue:0,validator:q})],Xo.prototype,"rating",void 0);Pi([c({type:String})],Xo.prototype,"reviewTitle",void 0);Pi([c({type:String})],Xo.prototype,"text",void 0);Pi([c({type:Number,defaultValue:2,validator:q})],Xo.prototype,"_textLineLimit",void 0);Pi([c({type:Boolean})],Xo.prototype,"_textExpanded",void 0);Pi([c({type:Boolean})],Xo.prototype,"_showTextExpander",void 0);Pi([c({type:String})],Xo.prototype,"_completeText",void 0);Pi([I()],Xo.prototype,"author",void 0);Pi([I()],Xo.prototype,"date",void 0);Xo=pl=Pi([x({tag:"udex-review-item",renderer:w,styles:cG,template:dG,dependencies:[t0,or]})],Xo);Xo.define();function uG(o,e,t){return t?d`<div class="udex-status-badge" title="${n(this.ariaTitle)}"><${u("ui5-icon",e,t)} name="${n(this.iconFieldName)}" class="udex-status-badge__icon" accessible-name="${n(this.badgeAccessibleName)}"></${u("ui5-icon",e,t)}></div>`:d`<div class="udex-status-badge" title="${n(this.ariaTitle)}"><ui5-icon name="${n(this.iconFieldName)}" class="udex-status-badge__icon" accessible-name="${n(this.badgeAccessibleName)}"></ui5-icon></div>`}g("@ui5/webcomponents-theming","sap_horizon",async()=>y);g("@sapudex/web-components","sap_horizon",async()=>P);const hG={packageName:"@sapudex/web-components",fileName:"themes/StatusBadge.css.ts",content:`:host{--udex-status-badge-icon-color-error: var(--udexColorRed8);--udex-status-badge-background-color-error: var(--udexColorRed2);--udex-status-badge-border-color-error: var(--udexColorRed7);--udex-status-badge-icon-color-success: var(--udexColorGreen8);--udex-status-badge-background-color-success: var(--udexColorGreen2);--udex-status-badge-border-color-success: var(--udexColorGreen7);--udex-status-badge-icon-color-warning: var(--udexColorMango8);--udex-status-badge-background-color-warning: var(--udexColorMango2);--udex-status-badge-border-color-warning: var(--udexColorMango7);--udex-status-badge-icon-color-information: var(--udexColorBlue8);--udex-status-badge-background-color-information: var(--udexColorBlue2);--udex-status-badge-border-color-information: var(--udexColorBlue7);--udex-status-badge-icon-color-edit: white;--udex-status-badge-background-color-edit: var(--udexColorBlue7);--udex-status-badge-size-background-xs-and-s-and-m: 18px;--udex-status-badge-size-background-l: 20px;--udex-status-badge-size-background-xl: 28px;--udex-status-badge-size-icon-xs-and-s-and-m: 12px;--udex-status-badge-size-icon-l: 14px;--udex-status-badge-size-icon-xl: 16px;display:inline-block;box-sizing:border-box;position:relative}.udex-status-badge__icon{color:inherit;display:inline-block;border-radius:50%;outline:1px solid;vertical-align:top}.udex-status-badge__icon,:host([value-state="Information"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-information);border-color:var(--udex-status-badge-border-color-information);background:var(--udex-status-badge-background-color-information)}:host([value-state="Error"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-error);border-color:var(--udex-status-badge-border-color-error);background:var(--udex-status-badge-background-color-error)}:host([value-state="Success"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-success);border-color:var(--udex-status-badge-border-color-success);background:var(--udex-status-badge-background-color-success)}:host([value-state="Warning"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-warning);border-color:var(--udex-status-badge-border-color-warning);background:var(--udex-status-badge-background-color-warning)}:host([value-state="Edit"]) .udex-status-badge__icon{color:var(--udex-status-badge-icon-color-edit);background:var(--udex-status-badge-background-color-edit);border:0;outline:0;cursor:pointer}.udex-status-badge__icon,:host([size="XS"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="S"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="M"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xs-and-s-and-m);height:var(--udex-status-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="L"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-l);height:var(--udex-status-badge-size-icon-l);padding:3px}:host([size="XL"]) .udex-status-badge__icon{width:var(--udex-status-badge-size-icon-xl);height:var(--udex-status-badge-size-icon-xl);padding:6px}.udex-status-badge,:host([size="XS"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size="S"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size="M"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xs-and-s-and-m);height:var(--udex-status-badge-size-background-xs-and-s-and-m)}:host([size="L"]) .udex-status-badge{width:var(--udex-status-badge-size-background-l);height:var(--udex-status-badge-size-background-l)}:host([size="XL"]) .udex-status-badge{width:var(--udex-status-badge-size-background-xl);height:var(--udex-status-badge-size-background-xl)}
312
312
  `};var Yu=globalThis&&globalThis.__decorate||function(o,e,t,i){var r=arguments.length,a=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,t,i);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(r<3?s(a):r>3?s(e,t,a):s(e,t))||a);return r>3&&a&&Object.defineProperty(e,t,a),a},hr,Eo;(function(o){o.Success="sys-enter-2",o.Error="error",o.Warning="alert",o.Edit="edit",o.Information="information"})(Eo||(Eo={}));var _u;(function(o){o.XS="XS",o.S="S",o.M="M",o.L="L",o.XL="XL"})(_u||(_u={}));let ws=hr=class extends A{static async onDefine(){hr.i18nBundle=await L("@udex/web-components")}get iconFieldName(){return Eo[this.valueState]?Eo[this.valueState]:Eo.Information}get badgeAccessibleName(){return`${this.accessibleName?this.accessibleName:hr.i18nBundle.getText(DT)}`}get ariaTitle(){switch(Eo[this.valueState]){case Eo.Edit:return hr.i18nBundle.getText(ET);case Eo.Information:return hr.i18nBundle.getText(PT);case Eo.Success:return hr.i18nBundle.getText(jT);case Eo.Error:return hr.i18nBundle.getText(RT);case Eo.Warning:return hr.i18nBundle.getText(NT)}}};Yu([c({type:Eo,defaultValue:Eo.Information})],ws.prototype,"valueState",void 0);Yu([c({type:_u,defaultValue:_u.S})],ws.prototype,"size",void 0);Yu([c({type:String,defaultValue:""})],ws.prototype,"accessibleName",void 0);ws=hr=Yu([x({tag:"udex-status-badge",renderer:w,styles:hG,template:uG,dependencies:[oe]})],ws);ws.define();window["sap-ui-webcomponents-bundle"]={renderFinished:fi,applyDirection:Pk,configuration:{getAnimationMode:F_,getLanguage:bu,getTheme:$s,setTheme:_k,getNoConflict:W_,setNoConflict:Tk,getCalendarType:V_,getFirstDayOfWeek:Yh}};